<!doctype html>
<html class="scroll-on-animations"
lang="fr">
<!-- Hotjar Tracking Code - DIFFÉRÉ -->
<script>
window.addEventListener('load', function() {
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:5351853,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
});
</script>
<head>
<!-- Google Tag Manager - DIFFÉRÉ -->
<script>
window.addEventListener('load', function() {
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-N7QC2DXZ');
});
</script>
<script>
(function() {
class Ultimate_Shopify_DataLayer {
constructor() {
window.dataLayer = window.dataLayer || [];
// use a prefix of events name
this.eventPrefix = 'shopify_';
//Keep the value false to get non-formatted product ID
this.formattedItemId = true;
// data schema
this.dataSchema = {
ecommerce: {
show: true
},
dynamicRemarketing: {
show: false,
business_vertical: 'retail'
}
}
// add to wishlist selectors
this.addToWishListSelectors = {
'addWishListIcon': '',
'gridItemSelector': '',
'productLinkSelector': 'a[href*="/products/"]'
}
// quick view selectors
this.quickViewSelector = {
'quickViewElement': '',
'gridItemSelector': '',
'productLinkSelector': 'a[href*="/products/"]'
}
// mini cart button selector
this.miniCartButton = [
'a[href="/cart"]',
];
this.miniCartAppersOn = 'click';
// begin checkout buttons/links selectors
this.beginCheckoutButtons = [
'input[name="checkout"]',
'button[name="checkout"]',
'a[href="/checkout"]',
'.additional-checkout-buttons',
];
// direct checkout button selector
this.shopifyDirectCheckoutButton = [
'.shopify-payment-button'
]
//Keep the value true if Add to Cart redirects to the cart page
this.isAddToCartRedirect = false;
// keep the value false if cart items increment/decrement/remove refresh page
this.isAjaxCartIncrementDecrement = true;
// Caution: Do not modify anything below this line, as it may result in it not functioning correctly.
this.cart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"EUR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}
this.countryCode = "FR";
this.storeURL = "https://siwaksmile.com";
localStorage.setItem('shopCountryCode', this.countryCode);
this.collectData();
this.itemsList = [];
}
updateCart() {
fetch("/cart.js")
.then((response) => response.json())
.then((data) => {
this.cart = data;
});
}
debounce(delay) {
let timeoutId;
return function(func) {
const context = this;
const args = arguments;
clearTimeout(timeoutId);
timeoutId = setTimeout(function() {
func.apply(context, args);
}, delay);
};
}
eventConsole(eventName, eventData) {
const css1 = 'background: red; color: #fff; font-size: normal; border-radius: 3px 0 0 3px; padding: 3px 4px;';
const css2 = 'background-color: blue; color: #fff; font-size: normal; border-radius: 0 3px 3px 0; padding: 3px 4px;';
console.log('%cGTM DataLayer Event:%c' + eventName, css1, css2, eventData);
}
collectData() {
this.customerData();
this.ajaxRequestData();
this.searchPageData();
this.miniCartData();
this.beginCheckoutData();
this.productSinglePage();
this.addToWishListData();
this.quickViewData();
this.selectItemData();
this.formData();
this.phoneClickData();
this.emailClickData();
this.loginRegisterData();
}
//logged-in customer data
customerData() {
const currentUser = {};
if (currentUser.email) {
currentUser.hash_email = "e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855"
}
if (currentUser.phone) {
currentUser.hash_phone = "e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855"
}
window.dataLayer = window.dataLayer || [];
dataLayer.push({
customer: currentUser
});
}
// add_to_cart, remove_from_cart, search
ajaxRequestData() {
const self = this;
// handle non-ajax add to cart
if(this.isAddToCartRedirect) {
document.addEventListener('submit', function(event) {
const addToCartForm = event.target.closest('form[action="/cart/add"]');
if(addToCartForm) {
event.preventDefault();
const formData = new FormData(addToCartForm);
fetch(window.Shopify.routes.root + 'cart/add.js', {
method: 'POST',
body: formData
})
.then(response => {
window.location.href = "/cart";
})
.catch((error) => {
console.error('Error:', error);
});
}
});
}
// fetch
let originalFetch = window.fetch;
let debounce = this.debounce(800);
window.fetch = function () {
return originalFetch.apply(this, arguments).then((response) => {
if (response.ok) {
let cloneResponse = response.clone();
let requestURL = arguments[0]['url'] || arguments[0];
if(typeof requestURL === 'string' && /.*\/search\/?.*\?.*q=.+/.test(requestURL) && !requestURL.includes('&requestFrom=uldt')) {
const queryString = requestURL.split('?')[1];
const urlParams = new URLSearchParams(queryString);
const search_term = urlParams.get("q");
debounce(function() {
fetch(`${self.storeURL}/search/suggest.json?q=${search_term}&resources[type]=product&requestFrom=uldt`)
.then(res => res.json())
.then(function(data) {
const products = data.resources.results.products;
if(products.length) {
const fetchRequests = products.map(product =>
fetch(`${self.storeURL}/${product.url.split('?')[0]}.js`)
.then(response => response.json())
.catch(error => console.error('Error fetching:', error))
);
Promise.all(fetchRequests)
.then(products => {
const items = products.map((product) => {
return {
product_id: product.id,
product_title: product.title,
variant_id: product.variants[0].id,
variant_title: product.variants[0].title,
vendor: product.vendor,
total_discount: 0,
final_price: product.price_min,
product_type: product.type,
quantity: 1
}
});
self.ecommerceDataLayer('search', {search_term, items});
})
}else {
self.ecommerceDataLayer('search', {search_term, items: []});
}
});
});
}
else if (typeof requestURL === 'string' && requestURL.includes("/cart/add")) {
cloneResponse.text().then((text) => {
let data = JSON.parse(text);
if(data.items && Array.isArray(data.items)) {
data.items.forEach(function(item) {
self.ecommerceDataLayer('add_to_cart', {items: [item]});
})
} else {
self.ecommerceDataLayer('add_to_cart', {items: [data]});
}
self.updateCart();
});
}else if(typeof requestURL === 'string' && (requestURL.includes("/cart/change") || requestURL.includes("/cart/update"))) {
cloneResponse.text().then((text) => {
let newCart = JSON.parse(text);
let newCartItems = newCart.items;
let oldCartItems = self.cart.items;
for(let i = 0; i < oldCartItems.length; i++) {
let item = oldCartItems[i];
let newItem = newCartItems.find(newItems => newItems.id === item.id);
if(newItem) {
if(newItem.quantity > item.quantity) {
// cart item increment
let quantity = (newItem.quantity - item.quantity);
let updatedItem = {...item, quantity}
self.ecommerceDataLayer('add_to_cart', {items: [updatedItem]});
self.updateCart();
}else if(newItem.quantity < item.quantity) {
// cart item decrement
let quantity = (item.quantity - newItem.quantity);
let updatedItem = {...item, quantity}
self.ecommerceDataLayer('remove_from_cart', {items: [updatedItem]});
self.updateCart();
}
}else {
self.ecommerceDataLayer('remove_from_cart', {items: [item]});
self.updateCart();
}
}
});
}
}
return response;
});
}
// end fetch
//xhr
var origXMLHttpRequest = XMLHttpRequest;
XMLHttpRequest = function() {
var requestURL;
var xhr = new origXMLHttpRequest();
var origOpen = xhr.open;
var origSend = xhr.send;
// Override the `open` function.
xhr.open = function(method, url) {
requestURL = url;
return origOpen.apply(this, arguments);
};
xhr.send = function() {
// Only proceed if the request URL matches what we're looking for.
if (typeof requestURL === 'string' && (requestURL.includes("/cart/add") || requestURL.includes("/cart/change") || /.*\/search\/?.*\?.*q=.+/.test(requestURL))) {
xhr.addEventListener('load', function() {
if (xhr.readyState === 4) {
if (xhr.status >= 200 && xhr.status < 400) {
if(typeof requestURL === 'string' && /.*\/search\/?.*\?.*q=.+/.test(requestURL) && !requestURL.includes('&requestFrom=uldt')) {
const queryString = requestURL.split('?')[1];
const urlParams = new URLSearchParams(queryString);
const search_term = urlParams.get("q");
debounce(function() {
fetch(`${self.storeURL}/search/suggest.json?q=${search_term}&resources[type]=product&requestFrom=uldt`)
.then(res => res.json())
.then(function(data) {
const products = data.resources.results.products;
if(products.length) {
const fetchRequests = products.map(product =>
fetch(`${self.storeURL}/${product.url.split('?')[0]}.js`)
.then(response => response.json())
.catch(error => console.error('Error fetching:', error))
);
Promise.all(fetchRequests)
.then(products => {
const items = products.map((product) => {
return {
product_id: product.id,
product_title: product.title,
variant_id: product.variants[0].id,
variant_title: product.variants[0].title,
vendor: product.vendor,
total_discount: 0,
final_price: product.price_min,
product_type: product.type,
quantity: 1
}
});
self.ecommerceDataLayer('search', {search_term, items});
})
}else {
self.ecommerceDataLayer('search', {search_term, items: []});
}
});
});
}
else if(typeof requestURL === 'string' && requestURL.includes("/cart/add")) {
const data = JSON.parse(xhr.responseText);
if(data.items && Array.isArray(data.items)) {
data.items.forEach(function(item) {
self.ecommerceDataLayer('add_to_cart', {items: [item]});
})
} else {
self.ecommerceDataLayer('add_to_cart', {items: [data]});
}
self.updateCart();
}else if(typeof requestURL === 'string' && requestURL.includes("/cart/change")) {
const newCart = JSON.parse(xhr.responseText);
const newCartItems = newCart.items;
let oldCartItems = self.cart.items;
for(let i = 0; i < oldCartItems.length; i++) {
let item = oldCartItems[i];
let newItem = newCartItems.find(newItems => newItems.id === item.id);
if(newItem) {
if(newItem.quantity > item.quantity) {
// cart item increment
let quantity = (newItem.quantity - item.quantity);
let updatedItem = {...item, quantity}
self.ecommerceDataLayer('add_to_cart', {items: [updatedItem]});
self.updateCart();
}else if(newItem.quantity < item.quantity) {
// cart item decrement
let quantity = (item.quantity - newItem.quantity);
let updatedItem = {...item, quantity}
self.ecommerceDataLayer('remove_from_cart', {items: [updatedItem]});
self.updateCart();
}
}else {
self.ecommerceDataLayer('remove_from_cart', {items: [item]});
self.updateCart();
}
}
}
}
}
});
}
return origSend.apply(this, arguments);
};
return xhr;
};
//end xhr
}
// search event from search page
searchPageData() {
const self = this;
let pageUrl = window.location.href;
if(/.+\/search\?.*\&?q=.+/.test(pageUrl)) {
const queryString = pageUrl.split('?')[1];
const urlParams = new URLSearchParams(queryString);
const search_term = urlParams.get("q");
fetch(`https://siwaksmile.com/search/suggest.json?q=${search_term}&resources[type]=product&requestFrom=uldt`)
.then(res => res.json())
.then(function(data) {
const products = data.resources.results.products;
if(products.length) {
const fetchRequests = products.map(product =>
fetch(`${self.storeURL}/${product.url.split('?')[0]}.js`)
.then(response => response.json())
.catch(error => console.error('Error fetching:', error))
);
Promise.all(fetchRequests)
.then(products => {
const items = products.map((product) => {
return {
product_id: product.id,
product_title: product.title,
variant_id: product.variants[0].id,
variant_title: product.variants[0].title,
vendor: product.vendor,
total_discount: 0,
final_price: product.price_min,
product_type: product.type,
quantity: 1
}
});
self.ecommerceDataLayer('search', {search_term, items});
});
}else {
self.ecommerceDataLayer('search', {search_term, items: []});
}
});
}
}
// view_cart
miniCartData() {
if(this.miniCartButton.length) {
let self = this;
if(this.miniCartAppersOn === 'hover') {
this.miniCartAppersOn = 'mouseenter';
}
this.miniCartButton.forEach((selector) => {
let miniCartButtons = document.querySelectorAll(selector);
miniCartButtons.forEach((miniCartButton) => {
miniCartButton.addEventListener(self.miniCartAppersOn, () => {
self.ecommerceDataLayer('view_cart', self.cart);
});
})
});
}
}
// begin_checkout
beginCheckoutData() {
let self = this;
document.addEventListener('pointerdown', (event) => {
let targetElement = event.target.closest(self.beginCheckoutButtons.join(', '));
if(targetElement) {
self.ecommerceDataLayer('begin_checkout', self.cart);
}
});
}
// view_cart, add_to_cart, remove_from_cart
viewCartPageData() {
this.ecommerceDataLayer('view_cart', this.cart);
//if cart quantity chagne reload page
if(!this.isAjaxCartIncrementDecrement) {
const self = this;
document.addEventListener('pointerdown', (event) => {
const target = event.target.closest('a[href*="/cart/change?"]');
if(target) {
const linkUrl = target.getAttribute('href');
const queryString = linkUrl.split("?")[1];
const urlParams = new URLSearchParams(queryString);
const newQuantity = urlParams.get("quantity");
const line = urlParams.get("line");
const cart_id = urlParams.get("id");
if(newQuantity && (line || cart_id)) {
let item = line ? {...self.cart.items[line - 1]} : self.cart.items.find(item => item.key === cart_id);
let event = 'add_to_cart';
if(newQuantity < item.quantity) {
event = 'remove_from_cart';
}
let quantity = Math.abs(newQuantity - item.quantity);
item['quantity'] = quantity;
self.ecommerceDataLayer(event, {items: [item]});
}
}
});
}
}
productSinglePage() {
const item = {
product_id: 8912037577036,
variant_id: 47827029721420,
product_title: "Dentifrice Blanchissant Naturel au Siwak + BrushTimer",
line_level_total_discount: 0,
vendor: "SiwakSmile",
sku: "",
product_type: "Hygiène bucco-dentaire naturelle",
item_list_id: 632517230924,
item_list_name: "Nouveau Siwak",
final_price: 1490,
quantity: 1
};
const variants = [{"id":47827029721420,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Dentifrice Blanchissant Naturel au Siwak + BrushTimer","public_title":null,"options":["Default Title"],"price":1490,"weight":10,"compare_at_price":0,"inventory_management":"shopify","barcode":"a","requires_selling_plan":false,"selling_plan_allocations":[]}]
this.ecommerceDataLayer('view_item', {items: [item]});
if(this.shopifyDirectCheckoutButton.length) {
let self = this;
document.addEventListener('pointerdown', (event) => {
let target = event.target;
let checkoutButton = event.target.closest(this.shopifyDirectCheckoutButton.join(', '));
if(checkoutButton && (variants || self.quickViewVariants)) {
let checkoutForm = checkoutButton.closest('form[action*="/cart/add"]');
if(checkoutForm) {
let variant_id = null;
let varientInput = checkoutForm.querySelector('input[name="id"]');
let varientIdFromURL = new URLSearchParams(window.location.search).get('variant');
let firstVarientId = item.variant_id;
if(varientInput) {
variant_id = parseInt(varientInput.value);
}else if(varientIdFromURL) {
variant_id = varientIdFromURL;
}else if(firstVarientId) {
variant_id = firstVarientId;
}
if(variant_id) {
variant_id = parseInt(variant_id);
let quantity = 1;
let quantitySelector = checkoutForm.getAttribute('id');
if(quantitySelector) {
let quentityInput = document.querySelector('input[name="quantity"][form="'+quantitySelector+'"]');
if(quentityInput) {
quantity = +quentityInput.value;
}
}
if(variant_id) {
let variant = variants.find(item => item.id === +variant_id);
if(variant && item) {
variant_id
item['variant_id'] = variant_id;
item['variant_title'] = variant.title;
item['final_price'] = variant.price;
item['quantity'] = quantity;
self.ecommerceDataLayer('add_to_cart', {items: [item]});
self.ecommerceDataLayer('begin_checkout', {items: [item]});
}else if(self.quickViewedItem) {
let variant = self.quickViewVariants.find(item => item.id === +variant_id);
if(variant) {
self.quickViewedItem['variant_id'] = variant_id;
self.quickViewedItem['variant_title'] = variant.title;
self.quickViewedItem['final_price'] = parseFloat(variant.price) * 100;
self.quickViewedItem['quantity'] = quantity;
self.ecommerceDataLayer('add_to_cart', {items: [self.quickViewedItem]});
self.ecommerceDataLayer('begin_checkout', {items: [self.quickViewedItem]});
}
}
}
}
}
}
});
}
}
collectionsPageData() {
var ecommerce = {
'items': [
]
};
this.itemsList = ecommerce.items;
ecommerce['item_list_id'] = null
ecommerce['item_list_name'] = null
this.ecommerceDataLayer('view_item_list', ecommerce);
}
// add to wishlist
addToWishListData() {
if(this.addToWishListSelectors && this.addToWishListSelectors.addWishListIcon) {
const self = this;
document.addEventListener('pointerdown', (event) => {
let target = event.target;
if(target.closest(self.addToWishListSelectors.addWishListIcon)) {
let pageULR = window.location.href.replace(/\?.+/, '');
let requestURL = undefined;
if(/\/products\/[^/]+$/.test(pageULR)) {
requestURL = pageULR;
} else if(self.addToWishListSelectors.gridItemSelector && self.addToWishListSelectors.productLinkSelector) {
let itemElement = target.closest(self.addToWishListSelectors.gridItemSelector);
if(itemElement) {
let linkElement = itemElement.querySelector(self.addToWishListSelectors.productLinkSelector);
if(linkElement) {
let link = linkElement.getAttribute('href').replace(/\?.+/g, '');
if(link && /\/products\/[^/]+$/.test(link)) {
requestURL = link;
}
}
}
}
if(requestURL) {
fetch(requestURL + '.json')
.then(res => res.json())
.then(result => {
let data = result.product;
if(data) {
let dataLayerData = {
product_id: data.id,
variant_id: data.variants[0].id,
product_title: data.title,
quantity: 1,
final_price: parseFloat(data.variants[0].price) * 100,
total_discount: 0,
product_type: data.product_type,
vendor: data.vendor,
variant_title: (data.variants[0].title !== 'Default Title') ? data.variants[0].title : undefined,
sku: data.variants[0].sku,
}
self.ecommerceDataLayer('add_to_wishlist', {items: [dataLayerData]});
}
});
}
}
});
}
}
quickViewData() {
if(this.quickViewSelector.quickViewElement && this.quickViewSelector.gridItemSelector && this.quickViewSelector.productLinkSelector) {
const self = this;
document.addEventListener('pointerdown', (event) => {
let target = event.target;
if(target.closest(self.quickViewSelector.quickViewElement)) {
let requestURL = undefined;
let itemElement = target.closest(this.quickViewSelector.gridItemSelector );
if(itemElement) {
let linkElement = itemElement.querySelector(self.quickViewSelector.productLinkSelector);
if(linkElement) {
let link = linkElement.getAttribute('href').replace(/\?.+/g, '');
if(link && /\/products\/[^/]+$/.test(link)) {
requestURL = link;
}
}
}
if(requestURL) {
fetch(requestURL + '.json')
.then(res => res.json())
.then(result => {
let data = result.product;
if(data) {
let dataLayerData = {
product_id: data.id,
variant_id: data.variants[0].id,
product_title: data.title,
quantity: 1,
final_price: parseFloat(data.variants[0].price) * 100,
total_discount: 0,
product_type: data.product_type,
vendor: data.vendor,
variant_title: (data.variants[0].title !== 'Default Title') ? data.variants[0].title : undefined,
sku: data.variants[0].sku,
}
self.ecommerceDataLayer('view_item', {items: [dataLayerData]});
self.quickViewVariants = data.variants;
self.quickViewedItem = dataLayerData;
}
});
}
}
});
}
}
// select_item events
selectItemData() {
const self = this;
const items = this.itemsList;
// select item on varient change
document.addEventListener('variant:change', function(event) {
const product_id = event.detail.product.id;
const variant_id = event.detail.variant.id;
const vendor = event.detail.product.vendor;
const variant_title = event.detail.variant.public_title;
const product_title = event.detail.product.title;
const final_price = event.detail.variant.price;
const product_type = event.detail.product.type;
const item = {
product_id: product_id,
product_title: product_title,
variant_id: variant_id,
variant_title: variant_title,
vendor: vendor,
final_price: final_price,
product_type: product_type,
quantity: 1
}
self.ecommerceDataLayer('select_item', {items: [item]});
});
}
// all ecommerce events
ecommerceDataLayer(event, data) {
const self = this;
dataLayer.push({ 'ecommerce': null });
const dataLayerData = {
"event": this.eventPrefix + event,
'ecommerce': {
'currency': this.cart.currency,
'items': data.items.map((item, index) => {
const dataLayerItem = {
'index': index,
'item_id': this.formattedItemId ? `shopify_${this.countryCode}_${item.product_id}_${item.variant_id}` : item.product_id.toString(),
'product_id': item.product_id.toString(),
'variant_id': item.variant_id.toString(),
'item_name': item.product_title,
'quantity': item.quantity,
'price': +((item.final_price / 100).toFixed(2)),
'discount': item.total_discount ? +((item.total_discount / 100).toFixed(2)) : 0
}
if(item.product_type) {
dataLayerItem['item_category'] = item.product_type;
}
if(item.vendor) {
dataLayerItem['item_brand'] = item.vendor;
}
if(item.variant_title && item.variant_title !== 'Default Title') {
dataLayerItem['item_variant'] = item.variant_title;
}
if(item.sku) {
dataLayerItem['sku'] = item.sku;
}
if(item.item_list_name) {
dataLayerItem['item_list_name'] = item.item_list_name;
}
if(item.item_list_id) {
dataLayerItem['item_list_id'] = item.item_list_id.toString()
}
return dataLayerItem;
})
}
}
if(data.total_price !== undefined) {
dataLayerData['ecommerce']['value'] = +((data.total_price / 100).toFixed(2));
} else {
dataLayerData['ecommerce']['value'] = +(dataLayerData['ecommerce']['items'].reduce((total, item) => total + (item.price * item.quantity), 0)).toFixed(2);
}
if(data.item_list_id) {
dataLayerData['ecommerce']['item_list_id'] = data.item_list_id;
}
if(data.item_list_name) {
dataLayerData['ecommerce']['item_list_name'] = data.item_list_name;
}
if(data.search_term) {
dataLayerData['search_term'] = data.search_term;
}
if(self.dataSchema.dynamicRemarketing && self.dataSchema.dynamicRemarketing.show) {
dataLayer.push({ 'dynamicRemarketing': null });
dataLayerData['dynamicRemarketing'] = {
value: dataLayerData.ecommerce.value,
items: dataLayerData.ecommerce.items.map(item => ({id: item.item_id, google_business_vertical: self.dataSchema.dynamicRemarketing.business_vertical}))
}
}
if(!self.dataSchema.ecommerce || !self.dataSchema.ecommerce.show) {
delete dataLayerData['ecommerce'];
}
dataLayer.push(dataLayerData);
self.eventConsole(self.eventPrefix + event, dataLayerData);
}
// contact form submit & newsletters signup
formData() {
const self = this;
document.addEventListener('submit', function(event) {
let targetForm = event.target.closest('form[action^="/contact"]');
if(targetForm) {
const formData = {
form_location: window.location.href,
form_id: targetForm.getAttribute('id'),
form_classes: targetForm.getAttribute('class')
};
let formType = targetForm.querySelector('input[name="form_type"]');
let inputs = targetForm.querySelectorAll("input:not([type=hidden]):not([type=submit]), textarea, select");
inputs.forEach(function(input) {
var inputName = input.name;
var inputValue = input.value;
if (inputName && inputValue) {
var matches = inputName.match(/\[(.*?)\]/);
if (matches && matches.length > 1) {
var fieldName = matches[1];
formData[fieldName] = input.value;
}
}
});
if(formType && formType.value === 'customer') {
dataLayer.push({ event: self.eventPrefix + 'newsletter_signup', ...formData});
self.eventConsole(self.eventPrefix + 'newsletter_signup', { event: self.eventPrefix + 'newsletter_signup', ...formData});
} else if(formType && formType.value === 'contact') {
dataLayer.push({ event: self.eventPrefix + 'contact_form_submit', ...formData});
self.eventConsole(self.eventPrefix + 'contact_form_submit', { event: self.eventPrefix + 'contact_form_submit', ...formData});
}
}
});
}
// phone_number_click event
phoneClickData() {
const self = this;
document.addEventListener('click', function(event) {
let target = event.target.closest('a[href^="tel:"]');
if(target) {
let phone_number = target.getAttribute('href').replace('tel:', '');
let eventData = {
event: self.eventPrefix + 'phone_number_click',
page_location: window.location.href,
link_classes: target.getAttribute('class'),
link_id: target.getAttribute('id'),
phone_number
}
dataLayer.push(eventData);
self.eventConsole(self.eventPrefix + 'phone_number_click', eventData);
}
});
}
// email_click event
emailClickData() {
const self = this;
document.addEventListener('click', function(event) {
let target = event.target.closest('a[href^="mailto:"]');
if(target) {
let email_address = target.getAttribute('href').replace('mailto:', '');
let eventData = {
event: self.eventPrefix + 'email_click',
page_location: window.location.href,
link_classes: target.getAttribute('class'),
link_id: target.getAttribute('id'),
email_address
}
dataLayer.push(eventData);
self.eventConsole(self.eventPrefix + 'email_click', eventData);
}
});
}
//login register
loginRegisterData() {
const self = this;
let isTrackedLogin = false;
let isTrackedRegister = false;
if(window.location.href.includes('/account/login')) {
document.addEventListener('submit', function(e) {
const loginForm = e.target.closest('[action="/account/login"]');
if(loginForm && !isTrackedLogin) {
const eventData = {
event: self.eventPrefix + 'login'
}
isTrackedLogin = true;
dataLayer.push(eventData);
self.eventConsole(self.eventPrefix + 'login', eventData);
}
});
}
if(window.location.href.includes('/account/register')) {
document.addEventListener('submit', function(e) {
const registerForm = e.target.closest('[action="/account"]');
if(registerForm && !isTrackedRegister) {
const eventData = {
event: self.eventPrefix + 'sign_up'
}
isTrackedRegister = true;
dataLayer.push(eventData);
self.eventConsole(self.eventPrefix + 'sign_up', eventData);
}
});
}
}
}
// end Ultimate_Shopify_DataLayer
document.addEventListener('DOMContentLoaded', function() {
try{
new Ultimate_Shopify_DataLayer();
}catch(error) {
console.log(error);
}
});
})();
</script>
<meta name="google-site-verification" content="BkhIv3O5e5O0OxzF3ZRjeQpAnWOVVveN8sDsJLjJCJA" />
<meta name="facebook-domain-verification" content="5drbjaxz9g0lihyjjmcp2jdwl9w1w5" />
<meta name="facebook-domain-verification" content="6uwtqmg5iqis9wpcbltfj9lhiipdoh" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="#126e66">
<link rel="canonical" href="https://siwaksmile.com/products/dentifrice-au-siwak">
<link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
<link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><link rel="icon" type="image/png" sizes="16x16" href="//siwaksmile.com/cdn/shop/files/Design_sans_titre_49.png?crop=center&height=16&v=1755855378&width=16">
<link rel="icon" type="image/png" sizes="32x32" href="//siwaksmile.com/cdn/shop/files/Design_sans_titre_49.png?crop=center&height=32&v=1755855378&width=32">
<link rel="apple-touch-icon" sizes="180x180" href="//siwaksmile.com/cdn/shop/files/Design_sans_titre_49.png?crop=center&height=180&v=1755855378&width=180"><title>Dentifrice Blanchissant Naturel au Siwak + BrushTimer</title>
<meta name="description" content="Dentifrice naturel au siwak : blanchit, élimine taches café/cigarette, haleine fraîche. Sans fluor, recommandé OMS. Résultats visibles rapidement.">
<meta property="og:site_name" content="SiwakSmile">
<meta property="og:url" content="https://siwaksmile.com/products/dentifrice-au-siwak">
<meta property="og:title" content="Dentifrice Blanchissant Naturel au Siwak + BrushTimer">
<meta property="og:type" content="product">
<meta property="og:description" content="Dentifrice naturel au siwak : blanchit, élimine taches café/cigarette, haleine fraîche. Sans fluor, recommandé OMS. Résultats visibles rapidement."><meta property="og:image" content="http://siwaksmile.com/cdn/shop/files/1_1cf29857-0fd3-4878-9073-d5d4c1eac52f.webp?v=1759237840">
<meta property="og:image:secure_url" content="https://siwaksmile.com/cdn/shop/files/1_1cf29857-0fd3-4878-9073-d5d4c1eac52f.webp?v=1759237840">
<meta property="og:image:width" content="1024">
<meta property="og:image:height" content="1024"><meta property="og:price:amount" content="14,90">
<meta property="og:price:currency" content="EUR"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Dentifrice Blanchissant Naturel au Siwak + BrushTimer">
<meta name="twitter:description" content="Dentifrice naturel au siwak : blanchit, élimine taches café/cigarette, haleine fraîche. Sans fluor, recommandé OMS. Résultats visibles rapidement.">
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="5drbjaxz9g0lihyjjmcp2jdwl9w1w5">
<meta name="google-site-verification" content="j6V3TJZHtG-ZsiToe5_MEgM4KF29zSb2SWJX1rh3jcc">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/80062218572/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="eacb4ff97f153c8ed1491b41c9c47134">
<meta id="in-context-paypal-metadata" data-shop-id="80062218572" data-venmo-supported="false" data-environment="production" data-locale="fr_FR" data-paypal-v4="true" data-currency="EUR">
<link rel="alternate" hreflang="x-default" href="https://siwaksmile.com/products/dentifrice-au-siwak">
<link rel="alternate" hreflang="de" href="https://siwaksmile.com/de/products/dentifrice-au-siwak">
<link rel="alternate" type="application/json+oembed" href="https://siwaksmile.com/products/dentifrice-au-siwak.oembed">
<script async="async" src="/checkouts/internal/preloads.js?locale=fr-FR"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":80062218572,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/80062218572","merchantName":"SiwakSmile","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"SiwakSmile","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"eacb4ff97f153c8ed1491b41c9c47134","betas":["rich-media-storefront-analytics"],"domain":"siwaksmile.com","predictiveSearch":true,"shopId":80062218572,"locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "660c11-2.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"Shopiweb-premium-1.6.0","id":180225114444,"schema_name":"Shopiweb Premium","schema_version":"1.6.0","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "siwaksmile.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
<script defer="defer" async type="module" src="//siwaksmile.com/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_C9aZTsmn.fr.esm.js"></script>
<script defer="defer" async type="module" src="//siwaksmile.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_bWgz0IHB.esm.js"></script>
<script type="module">
await import("//siwaksmile.com/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_C9aZTsmn.fr.esm.js");
await import("//siwaksmile.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_bWgz0IHB.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script id="__st">var __st={"a":80062218572,"offset":3600,"reqid":"692bf391-b711-44b7-9931-09c8c6c93b4e-1763390408","pageurl":"siwaksmile.com\/products\/dentifrice-au-siwak","u":"9f34ac285cc8","p":"product","rtyp":"product","rid":8912037577036};</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.2.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'])})(!0,!0)}();</script>
<script integrity="sha256-52AcMU7V7pcBOXWImdc/TAGTFKeNjmkeM1Pvks/DTgc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//siwaksmile.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-81c60534.js" crossorigin="anonymous"></script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<style data-shopify>
/* Code personnalisé ~ CSS */
</style>
<style>
:root {
--bs-border-color: var(--bs-light-darken-10);
}
</style>
<!-- CSS critiques - chargement normal -->
<link href="//siwaksmile.com/cdn/shop/t/17/assets/vendor-bootstrap.min.css?v=165122907557320357581747367940" rel="stylesheet">
<link href="//siwaksmile.com/cdn/shop/t/17/assets/variables.css?v=86772372749106990291762599657" rel="stylesheet">
<link href="//siwaksmile.com/cdn/shop/t/17/assets/base.css?v=106527314851438442981747848781" rel="stylesheet">
<link href="//siwaksmile.com/cdn/shop/t/17/assets/general.css?v=68309919226025921921747367940" rel="stylesheet">
<!-- CSS non critiques avec lazy load -->
<link href="//siwaksmile.com/cdn/shop/t/17/assets/vendor-splide.min.css?v=44329677166622589231747367940" rel="stylesheet" media="print" onload="this.media='all'">
<link href="//siwaksmile.com/cdn/shop/t/17/assets/vendor-animate.min.css?v=117445339244174673761747367940" rel="stylesheet" media="print" onload="this.media='all'">
<link href="//siwaksmile.com/cdn/shop/t/17/assets/sections.css?v=150160476852376623811747367940" rel="stylesheet" media="print" onload="this.media='all'">
<link href="//siwaksmile.com/cdn/shop/t/17/assets/collection.css?v=169164285658042276991747367940" rel="stylesheet" media="print" onload="this.media='all'">
<link href="//siwaksmile.com/cdn/shop/t/17/assets/product.css?v=182266006235316328601747367940" rel="stylesheet" media="print" onload="this.media='all'">
<link href="//siwaksmile.com/cdn/shop/t/17/assets/cart.css?v=158395885140540838641747367940" rel="stylesheet" media="print" onload="this.media='all'">
<link href="//siwaksmile.com/cdn/shop/t/17/assets/custom.css?v=58013027858565158311747367940" rel="stylesheet" media="print" onload="this.media='all'">
<!-- Fallback pour navigateurs sans JS -->
<noscript>
<link href="//siwaksmile.com/cdn/shop/t/17/assets/vendor-splide.min.css?v=44329677166622589231747367940" rel="stylesheet">
<link href="//siwaksmile.com/cdn/shop/t/17/assets/vendor-animate.min.css?v=117445339244174673761747367940" rel="stylesheet">
<link href="//siwaksmile.com/cdn/shop/t/17/assets/sections.css?v=150160476852376623811747367940" rel="stylesheet">
<link href="//siwaksmile.com/cdn/shop/t/17/assets/collection.css?v=169164285658042276991747367940" rel="stylesheet">
<link href="//siwaksmile.com/cdn/shop/t/17/assets/product.css?v=182266006235316328601747367940" rel="stylesheet">
<link href="//siwaksmile.com/cdn/shop/t/17/assets/cart.css?v=158395885140540838641747367940" rel="stylesheet">
<link href="//siwaksmile.com/cdn/shop/t/17/assets/custom.css?v=58013027858565158311747367940" rel="stylesheet">
</noscript>
<script>
Shopify.money_format = "{{amount_with_comma_separator}}€"
window.theme = {
product: {
addToCart: 'Ajouter au panier',
addedToCart: '✓ Ajouté au panier',
soldOut: 'Épuisé',
unavailable: 'Indisponible',
priceRegular: 'Prix habituel',
priceFrom: 'À partir de',
priceSale: 'Prix de vente',
save: 'Économisez',
}
}
</script>
<link href="//siwaksmile.com/cdn/shop/t/17/assets/vendor-glightbox.min.css?v=47676404177181227621747367940" rel="stylesheet" media="print" onload="this.media='all'">
<script src="//siwaksmile.com/cdn/shop/t/17/assets/vendor-glightbox.min.js?v=151956474687687549541747367940" defer></script>
<script src="//siwaksmile.com/cdn/shopifycloud/storefront/assets/themes_support/shopify_common-5f594365.js" defer></script>
<script src="//siwaksmile.com/cdn/shop/t/17/assets/vendor-bootstrap.bundle.min.js?v=18058466983537391601747367940" defer></script>
<script src="//siwaksmile.com/cdn/shop/t/17/assets/vendor-splide.min.js?v=73338738898036601811747367940" defer></script>
<script src="//siwaksmile.com/cdn/shop/t/17/assets/base.js?v=175948153947953783251747367940" defer></script>
<script src="//siwaksmile.com/cdn/shop/t/17/assets/general.js?v=53686260013273529501747367940" defer></script>
<script src="//siwaksmile.com/cdn/shop/t/17/assets/search.js?v=51864669031187171991747367940" defer></script>
<script src="//siwaksmile.com/cdn/shop/t/17/assets/sections.js?v=91768692570433430141747367940" defer></script>
<script src="//siwaksmile.com/cdn/shop/t/17/assets/collection.js?v=28403890099244665381747367940" defer></script>
<script src="//siwaksmile.com/cdn/shop/t/17/assets/product.js?v=152732367770977011801747367940" defer></script>
<script src="//siwaksmile.com/cdn/shop/t/17/assets/cart.js?v=100725761219996107281752590915" defer></script>
<script src="//siwaksmile.com/cdn/shop/t/17/assets/custom.js?v=96677771375636128231747367940" defer></script>
<!-- Code personnalisé ~ Javascript -->
<!-- Code personnalisé ~ Head -->
<!-- BEGIN app block: shopify://apps/consentmo-gdpr/blocks/gdpr_cookie_consent/4fbe573f-a377-4fea-9801-3ee0858cae41 -->
<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
<script async src="https://static.klaviyo.com/onsite/js/VCsBZb/klaviyo.js?company_id=VCsBZb"></script>
<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
<script id="viewed_product">
if (item == null) {
var _learnq = _learnq || [];
var MetafieldReviews = null
var MetafieldYotpoRating = null
var MetafieldYotpoCount = null
var MetafieldLooxRating = null
var MetafieldLooxCount = null
var okendoProduct = null
var okendoProductReviewCount = null
var okendoProductReviewAverageValue = null
try {
// The following fields are used for Customer Hub recently viewed in order to add reviews.
// This information is not part of __kla_viewed. Instead, it is part of __kla_viewed_reviewed_items
MetafieldReviews = {};
MetafieldYotpoRating = null
MetafieldYotpoCount = null
MetafieldLooxRating = null
MetafieldLooxCount = null
okendoProduct = null
// If the okendo metafield is not legacy, it will error, which then requires the new json formatted data
if (okendoProduct && 'error' in okendoProduct) {
okendoProduct = null
}
okendoProductReviewCount = okendoProduct ? okendoProduct.reviewCount : null
okendoProductReviewAverageValue = okendoProduct ? okendoProduct.reviewAverageValue : null
} catch (error) {
console.error('Error in Klaviyo onsite reviews tracking:', error);
}
var item = {
Name: "Dentifrice Blanchissant Naturel au Siwak + BrushTimer",
ProductID: 8912037577036,
Categories: ["Nouveau Siwak","Siwak"],
ImageURL: "https://siwaksmile.com/cdn/shop/files/1_1cf29857-0fd3-4878-9073-d5d4c1eac52f_grande.webp?v=1759237840",
URL: "https://siwaksmile.com/products/dentifrice-au-siwak",
Brand: "SiwakSmile",
Price: "14,90€",
Value: "14,90",
CompareAtPrice: "0,00€"
};
_learnq.push(['track', 'Viewed Product', item]);
_learnq.push(['trackViewedItem', {
Title: item.Name,
ItemId: item.ProductID,
Categories: item.Categories,
ImageUrl: item.ImageURL,
Url: item.URL,
Metadata: {
Brand: item.Brand,
Price: item.Price,
Value: item.Value,
CompareAtPrice: item.CompareAtPrice
},
metafields:{
reviews: MetafieldReviews,
yotpo:{
rating: MetafieldYotpoRating,
count: MetafieldYotpoCount,
},
loox:{
rating: MetafieldLooxRating,
count: MetafieldLooxCount,
},
okendo: {
rating: okendoProductReviewAverageValue,
count: okendoProductReviewCount,
}
}
}]);
}
</script>
<script>
window.klaviyoReviewsProductDesignMode = false
</script>
<!-- END app block --><script src="https://cdn.shopify.com/extensions/019a91a6-ccac-7951-81c7-1fa9314c9ff5/consentmo-gdpr-486/assets/consentmo_cookie_consent.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 80062218572,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 80062218572,storefrontBaseUrl: "https://siwaksmile.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86"],webPixelsConfigList: [{"id":"3501687116","configuration":"{\"accountID\":\"VCsBZb\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"9a3e1117c25e3d7955a2b89bcfe1cdfd","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"1519878476","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"AW-11552403483\\\",\\\"GT-M69MGPVR\\\"],\\\"target_country\\\":\\\"FR\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"AW-11552403483\\\/_2A5CIGMtJUaEJvgzoQr\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"AW-11552403483\\\/7OLiCPuLtJUaEJvgzoQr\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"AW-11552403483\\\/65BNCPiLtJUaEJvgzoQr\\\",\\\"MC-TCVR89SV70\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"AW-11552403483\\\/gEIUCPKLtJUaEJvgzoQr\\\",\\\"MC-TCVR89SV70\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"AW-11552403483\\\/t5aJCPWLtJUaEJvgzoQr\\\",\\\"MC-TCVR89SV70\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"AW-11552403483\\\/-aotCISMtJUaEJvgzoQr\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"AW-11552403483\\\/FKMVCP6LtJUaEJvgzoQr\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"b2a88bafab3e21179ed38636efcd8a93","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"1382744396","configuration":"{\"pixelId\":\"4d8da37b-a790-4b3f-83e1-2737b4ac7cd7\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c119f01612c13b62ab52809eb08154bb","type":"APP","apiClientId":2556259,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"822018380","configuration":"{\"pixelCode\":\"CR4ETCJC77U0S1I5TNIG\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"263258444","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"GTM || Purchase DataLayer"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"SiwakSmile","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"660c11-2.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/siwaksmile.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":14.9,"currencyCode":"EUR"},"product":{"title":"Dentifrice Blanchissant Naturel au Siwak + BrushTimer","vendor":"SiwakSmile","id":"8912037577036","untranslatedTitle":"Dentifrice Blanchissant Naturel au Siwak + BrushTimer","url":"\/products\/dentifrice-au-siwak","type":"Hygiène bucco-dentaire naturelle"},"id":"47827029721420","image":{"src":"\/\/siwaksmile.com\/cdn\/shop\/files\/1_1cf29857-0fd3-4878-9073-d5d4c1eac52f.webp?v=1759237840"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"}],"purchasingCompany":null},},"https://siwaksmile.com/cdn","ae1676cfwd2530674p4253c800m34e853cb",{"modern":"","legacy":""},{"shopId":"80062218572","storefrontBaseUrl":"https:\/\/siwaksmile.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\"]","isMerchantRequest":"false","hashVersion":"ae1676cfwd2530674p4253c800m34e853cb","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":14.9,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"Dentifrice Blanchissant Naturel au Siwak + BrushTimer\",\"vendor\":\"SiwakSmile\",\"id\":\"8912037577036\",\"untranslatedTitle\":\"Dentifrice Blanchissant Naturel au Siwak + BrushTimer\",\"url\":\"\/products\/dentifrice-au-siwak\",\"type\":\"Hygiène bucco-dentaire naturelle\"},\"id\":\"47827029721420\",\"image\":{\"src\":\"\/\/siwaksmile.com\/cdn\/shop\/files\/1_1cf29857-0fd3-4878-9073-d5d4c1eac52f.webp?v=1759237840\"},\"sku\":\"\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}}]]"});</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"product":{"id":8912037577036,"gid":"gid:\/\/shopify\/Product\/8912037577036","vendor":"SiwakSmile","type":"Hygiène bucco-dentaire naturelle","variants":[{"id":47827029721420,"price":1490,"name":"Dentifrice Blanchissant Naturel au Siwak + BrushTimer","public_title":null,"sku":""}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":8912037577036}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 80062218572,
theme_id: 180225114444,
app_name: "storefront",
context_url: window.location.href,
source_url: "//siwaksmile.com/cdn/s/trekkie.storefront.308893168db1679b4a9f8a086857af995740364f.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//siwaksmile.com/cdn/s/trekkie.storefront.308893168db1679b4a9f8a086857af995740364f.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//siwaksmile.com/cdn/s/trekkie.storefront.308893168db1679b4a9f8a086857af995740364f.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":80062218572,"isMerchantRequest":null,"themeId":180225114444,"themeCityHash":"8157236267728282307","contentLanguage":"fr","currency":"EUR","eventMetadataId":"9c5b84de-0131-42b2-8c43-d605a0706c58"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["f0df213a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":8912037577036,"shopifyEmitted":true});
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.track("Viewed Product",{"currency":"EUR","variantId":47827029721420,"productId":8912037577036,"productGid":"gid:\/\/shopify\/Product\/8912037577036","name":"Dentifrice Blanchissant Naturel au Siwak + BrushTimer","price":"14.90","sku":"","brand":"SiwakSmile","variant":null,"category":"Hygiène bucco-dentaire naturelle","nonInteraction":true,"remote":false},undefined,undefined,{"shopifyEmitted":true});
window.ShopifyAnalytics.lib.track("monorail:\/\/trekkie_storefront_viewed_product\/1.1",{"currency":"EUR","variantId":47827029721420,"productId":8912037577036,"productGid":"gid:\/\/shopify\/Product\/8912037577036","name":"Dentifrice Blanchissant Naturel au Siwak + BrushTimer","price":"14.90","sku":"","brand":"SiwakSmile","variant":null,"category":"Hygiène bucco-dentaire naturelle","nonInteraction":true,"remote":false,"referer":"https:\/\/siwaksmile.com\/products\/dentifrice-au-siwak"});
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//siwaksmile.com/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://siwaksmile.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-2.1.2.min.js"
data-application="storefront-renderer"
data-shop-id="80062218572"
data-render-region="gcp-europe-west1"
data-page-type="product"
data-theme-instance-id="180225114444"
data-theme-name="Shopiweb Premium"
data-theme-version="1.6.0"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
></script>
</head>
<body class="page-type-product">
<a class="visually-hidden-focusable" href="#main">
Aller au contenu
</a>
<script language=JavaScript>
//disable right click
var message="Function Disabled!";
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("return false")
</script>
<script>
window.ondragstart = function() { return false; }
</script>
<style>
/*
Button styling
*/
#eg-whatsapp-button {
background: #25D366;
}
/*
Dialog styling
*/
#eg-whatsapp-dialog-header {
background: #095e54;
}
#eg-whatsapp-dialog-header-img-wrapper::after {
background: #25D366;
border: 2px solid #095e54;
}
#eg-whatsapp-dialog-body {
background-color: #ece5dd;
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
// Première partie : Script pour stickyATC et whatsappWrapper
var stickyATC = document.getElementById('sticky-atc');
var currencySelector = document.getElementById('currency-selector');
var whatsappWrapper = document.querySelector('.eg-whatsapp-wrapper');
function updateWhatsAppWrapperStyle() {
var bottomValue = '2.2rem'; // Valeur par défaut si whatsappWrapper est seul
if (window.innerWidth <= 768) { // Mobile
if (stickyATC && stickyATC.classList.contains('show')) {
bottomValue = '6.2rem'; // Avec stickyATC
if (currencySelector) {
bottomValue = '9rem'; // Avec currencySelector et stickyATC
}
} else {
if (currencySelector) {
bottomValue = '4rem'; // Avec currencySelector seulement
}
}
} else { // Desktop
if (currencySelector) {
bottomValue = '4rem'; // Avec currencySelector en desktop
}
// Vous pouvez ajouter d'autres conditions pour le desktop ici si nécessaire
}
if (whatsappWrapper) {
whatsappWrapper.style.bottom = bottomValue;
}
}
// Appliquer le style initial et observer les changements
updateWhatsAppWrapperStyle();
var observer = new MutationObserver(function() {
updateWhatsAppWrapperStyle();
});
observer.observe(document.body, { attributes: true, subtree: true });
// Écouter les événements de redimensionnement de la fenêtre
window.addEventListener('resize', updateWhatsAppWrapperStyle);
// Deuxième partie : Script pour EgWhatsAppWrapper
class EgWhatsAppWrapper extends HTMLElement {
constructor () {
super()
this.whatsappButton = this.querySelector('#eg-whatsapp-button')
this.whatsappNumber = this.whatsappButton.dataset.whatsappNumber
this.whatsappButton.addEventListener('click', () => {
if (this.whatsappButton.dataset.openDialog === 'true') {
this.openDialog()
} else {
this.whatsappButton.innerHTML = '<div class="eg-loading-spinner"></div>'
setTimeout(() => {
window.location.href = `https://wa.me/${this.whatsappNumber}`
}, 1000)
}
})
this.dialogSubmitButton = this.querySelector('#eg-whatsapp-dialog-btn')
this.dialogSubmitButton?.addEventListener('click', () => {
this.dialogSubmitButton.innerHTML = '<div class="eg-loading-spinner"></div>'
setTimeout(() => {
const text = encodeURIComponent(this.querySelector('#eg-whatsapp-dialog-user-input').value)
window.location.href = `https://wa.me/${this.whatsappNumber}?text=${text}`
}, 1000)
})
this.querySelector('#eg-whatsapp-dialog-user-input')?.addEventListener('keypress', (e) => {
if (e.key === 'Enter') {
this.dialogSubmitButton.click()
}
})
this.querySelector('#eg-whatsapp-dialog-close')?.addEventListener('click', () => {
this.classList.remove('eg-whatsapp-dialog-visible')
})
}
openDialog () {
if (this.classList.contains('eg-whatsapp-dialog-visible')) {
this.classList.remove('eg-whatsapp-dialog-visible')
} else {
this.classList.add('eg-whatsapp-dialog-visible')
setTimeout(() => {
this.querySelector('#eg-whatsapp-dialog-user-input').focus()
}, 3000)
}
setTimeout(() => {
this.querySelector('#eg-whatsapp-dialog-msg-typing').style.display = 'none'
this.querySelector('#eg-whatsapp-dialog-msg-text').style.display = 'block'
}, 2000)
}
}
customElements.define('eg-whatsapp-wrapper', EgWhatsAppWrapper)
})
</script>
<eg-whatsapp-wrapper
class="eg-whatsapp-wrapper"
style="z-index: 1020">
<button
id="eg-whatsapp-button"
class=""
aria-label="Chat avec nous"
data-whatsapp-number="+33760810410"
data-open-dialog="false">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="white">
<path d="M24 11.7c0 6.45-5.27 11.68-11.78 11.68-2.07 0-4-.53-5.7-1.45L0 24l2.13-6.27a11.57 11.57 0 0 1-1.7-6.04C.44 5.23 5.72 0 12.23 0 18.72 0 24 5.23 24 11.7M12.22 1.85c-5.46 0-9.9 4.41-9.9 9.83 0 2.15.7 4.14 1.88 5.76L2.96 21.1l3.8-1.2a9.9 9.9 0 0 0 5.46 1.62c5.46 0 9.9-4.4 9.9-9.83a9.88 9.88 0 0 0-9.9-9.83m5.95 12.52c-.08-.12-.27-.19-.56-.33-.28-.14-1.7-.84-1.97-.93-.26-.1-.46-.15-.65.14-.2.29-.75.93-.91 1.12-.17.2-.34.22-.63.08-.29-.15-1.22-.45-2.32-1.43a8.64 8.64 0 0 1-1.6-1.98c-.18-.29-.03-.44.12-.58.13-.13.29-.34.43-.5.15-.17.2-.3.29-.48.1-.2.05-.36-.02-.5-.08-.15-.65-1.56-.9-2.13-.24-.58-.48-.48-.64-.48-.17 0-.37-.03-.56-.03-.2 0-.5.08-.77.36-.26.29-1 .98-1 2.4 0 1.4 1.03 2.76 1.17 2.96.14.19 2 3.17 4.93 4.32 2.94 1.15 2.94.77 3.47.72.53-.05 1.7-.7 1.95-1.36.24-.67.24-1.25.17-1.37"/>
</svg>
</button>
<div id="eg-whatsapp-dialog" role="dialog" aria-modal="true" aria-labelledby="eg-whatsapp-dialog-label">
<div id="eg-whatsapp-dialog-header">
<div id="eg-whatsapp-dialog-header-img-wrapper">
</div>
<div class="">
<h3 id="eg-whatsapp-dialog-label">
SiwakSmile
</h3>
<p id="eg-whatsapp-dialog-subtitle">
Un de nos agents vous répondra dans les plus brefs délais :)
</p>
</div>
<button
id="eg-whatsapp-dialog-close"
aria-label="Close dialog">
<svg 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">
<line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line>
</svg>
</button>
</div>
<div id="eg-whatsapp-dialog-body">
<div id="eg-whatsapp-dialog-msg">
<div id="eg-whatsapp-dialog-msg-typing" class="eg-typing-spinner" aria-label="Typing indicator">
</div>
<div id="eg-whatsapp-dialog-msg-text" style="display: none;">
<p>Bonjour 👋<br>Comment puis-je vous aider ?</p>
</div>
</div>
</div>
<div id="eg-whatsapp-dialog-footer">
<input id="eg-whatsapp-dialog-user-input" type="text" aria-label="Type a message" placeholder="Ecrivez votre message...">
<button
id="eg-whatsapp-dialog-btn"
aria-label="Open WhatsApp"
data-whatsapp-number="+33760810410">
<svg width="20" height="20" viewbox="0 0 438 404" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="noun-send-1038190" transform="translate(0.634296, 0.494941)" fill="#000000" fill-rule="nonzero">
<path d="M436.695704,200.455059 C436.496484,197.427759 435.476904,194.509759 433.754304,192.013659 C432.027704,189.517559 429.656604,187.537059 426.898804,186.279259 L23.6988044,1.47925904 L23.6948974,1.47925904 C19.4839974,-0.415240957 14.6792974,-0.493440957 10.4058974,1.26441904 C6.13639744,3.02221904 2.77699744,6.45971904 1.12069744,10.772219 C-0.539502557,15.084719 -0.348102557,19.889419 1.64803744,24.053219 L87.7500374,201.503219 L1.64803744,378.953219 L1.64803744,378.957125 C-0.348062557,383.121225 -0.539462557,387.925925 1.12069744,392.238125 C2.77689744,396.546725 6.13629744,399.988125 10.4058974,401.745925 C14.6792974,403.503725 19.4839974,403.425625 23.6948974,401.531085 L426.894897,216.731085 L426.898803,216.731085 C429.980803,215.324885 432.570703,213.016285 434.316803,210.113885 C436.066803,207.207685 436.894903,203.840485 436.695703,200.457685 L436.695704,200.455059 Z M343.070704,184.705059 L116.970704,184.705059 L52.3967044,51.525059 L343.070704,184.705059 Z M343.070704,218.307059 L52.3907044,351.487059 L116.964704,218.307059 L343.070704,218.307059 Z" id="Shape"></path>
</g>
</g>
</svg>
</button>
</div>
</div>
</eg-whatsapp-wrapper>
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--25013412397388__announcement-bar" class="shopify-section shopify-section-group-header-group">
<section
id="announcement-bar-sections--25013412397388__announcement-bar"
class="announcement-bar enter-view bg-secondary text-white bg-gradient fs-6"
>
<div
class="animate__animated animate__fast opacity-0"
data-animate-class="animate__fadeInDown">
<div
id="carousel-sections--25013412397388__announcement-bar"
class="carousel slide mx-auto"
data-bs-ride="carousel"
style="max-width: 800px;">
<div class="carousel-inner w-auto mx-8">
<div
class="carousel-item active"
data-index="0"
>
<a href="/products/pack-challenge-28-jours" class="pt-5 pb-5">
<div class="rte text-center lh-sm pt-5 pb-5">
<p><strong>🚚 Livraison Offerte dès 45€ d'achats – Retours 30 jours satisfait ou remboursé ! 🎁</strong></p>
<svg xmlns="http://www.w3.org/2000/svg" class="ms-2" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 12h13M12 5l7 7-7 7"/>
</svg>
</div>
</a>
</div>
<div
class="carousel-item"
data-index="1"
>
<div class="rte text-center lh-sm pt-5 pb-5">
<p><strong>🎁 Des cadeaux vous attendent dans votre panier ! 😍</strong></p>
</div>
</div>
</div>
<button
class="carousel-control carousel-control-prev"
type="button"
data-bs-target="#carousel-sections--25013412397388__announcement-bar"
data-bs-slide="prev">
<span class="carousel-control-icon carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">
Précédent
</span>
</button>
<button
class="carousel-control carousel-control-next"
type="button"
data-bs-target="#carousel-sections--25013412397388__announcement-bar"
data-bs-slide="next">
<span class="carousel-control-icon carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">
Suivant
</span>
</button>
</div>
</div>
</section>
</div><div id="shopify-section-sections--25013412397388__navbar" class="shopify-section shopify-section-group-header-group sticky-top">
<style data-shopify>
/* Logo */
#navbar-mobile .svg-no-transparent svg {
width: 20px;
}
#navbar-desktop .svg-no-transparent svg {
width: 20px;
}
/* Block Micro Menu Header */
@media screen and (max-width: 990px) {
.barre-outils {
display: none;
}
}
</style>
<!-- Block Micro Menu Header --><nav
id="navbar-mobile"
class="navbar bg-body text-body shadow-sm pt-3 pb-3">
<div class="container d-block">
<div class="row align-items-center">
<div class="col-3">
<ul class="nav flex-nowrap">
<a
class="nav-link ms-n2"
href="#offcanvas-menu"
data-bs-toggle="offcanvas"
aria-controls="offcanvas-menu"
aria-label="Menu"
role="button">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line>
</svg>
<span class="ms-10 extra-small text-uppercase"></span>
</a>
</ul>
</div>
<div class="col-6 text-center">
<a class="navbar-brand mx-auto py-0" href="/" aria-label="SiwakSmile">
<img
class="img-fluid"
src="//siwaksmile.com/cdn/shop/files/LOGO_centre.pdf_5.png?height=104&v=1745157456"
alt="SiwakSmile"
width="149"
height="52"
loading="lazy">
</a>
</div>
<div class="col-3">
<ul class="nav justify-content-end flex-nowrap">
<a
class="nav-link px-3"
href="#offcanvas-search"
data-bs-toggle="offcanvas"
aria-controls="offcanvas-search"
aria-label="Recherche"
role="button">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</a>
<a
class="nav-link d-none d-lg-block"
aria-current=""
href="/account"
aria-label="Compte">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
<circle cx="12" cy="7" r="4"></circle>
</svg>
</a>
<a
class="cart-icon nav-link me-n2"
href="#offcanvas-cart"
data-bs-toggle="offcanvas"
aria-controls="offcanvas-cart"
role="button"
aria-label="Panier 0">
<svg
width="22" height="22"
class="icon icon-cart"
aria-hidden="true"
focusable="false"
role="presentation"
xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 24 24"
>
<path fill="currentColor" fill-rule="evenodd" d="M18,6A6,6,0,0,0,6,6H0V21a3,3,0,0,0,3,3H21a3,3,0,0,0,3-3V6ZM12,2a4,4,0,0,1,4,4H8A4,4,0,0,1,12,2ZM22,21a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V8H6v2H8V8h8v2h2V8h4Z"/>
</svg>
<span
class="cart-count-badge badge bg-primary"
hidden>
0
</span>
</a>
</ul>
</div>
</div>
</div>
</nav>
<nav
id="navbar-desktop"
class="navbar d-none bg-body text-body shadow-sm menu-desktop-click pt-3 pb-3">
<div class="container">
<div class="row align-items-center flex-grow-1">
<div class="col-3">
<a class="navbar-brand me-auto py-0" href="/" aria-label="SiwakSmile">
<img
class="img-fluid"
src="//siwaksmile.com/cdn/shop/files/LOGO_centre.pdf_5.png?height=240&v=1745157456"
alt="SiwakSmile"
width="343"
height="120"
loading="lazy">
</a>
</div>
<div class="col-6">
<ul class="nav nav-links justify-content-center">
<li class="nav-item">
<a
class="nav-link rounded headings-font-family"
href="/"
aria-current="">
Accueil
</a>
</li>
<li class="nav-item">
<a
class="nav-link rounded headings-font-family"
href="/pages/nos-produits"
aria-current="">
Nos produits
</a>
</li>
<li class="nav-item">
<a
class="nav-link rounded headings-font-family"
href="/blogs/infos"
aria-current="">
Nos articles de blog
</a>
</li>
<li class="nav-item">
<a
class="nav-link rounded headings-font-family"
href="/products/pack-challenge-dents-blanches"
aria-current="">
Qui sommes-nous ?
</a>
</li>
<li class="nav-item">
<a
class="nav-link rounded headings-font-family"
href="/pages/contact"
aria-current="">
Contact
</a>
</li>
</ul>
</div>
<div class="col-3">
<ul class="nav nav-icons justify-content-end" aria-label="Menu utilitaires">
<!-- Blocs Button Header -->
<div class="nav-btn px-3"></div>
<li class="nav-item ms-2">
<a
class="nav-link"
href="#offcanvas-search"
data-bs-toggle="offcanvas"
aria-controls="offcanvas-search"
role="button"
aria-label="Recherche">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</a>
</li>
<li class="nav-item">
<a
class="nav-link"
aria-current=""
href="/account"
aria-label="Compte">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
<circle cx="12" cy="7" r="4"></circle>
</svg>
</a>
</li>
<li class="nav-item">
<a
class="cart-icon nav-link"
href="#offcanvas-cart"
data-bs-toggle="offcanvas"
aria-controls="offcanvas-cart"
role="button"
aria-label="Panier 0">
<svg
width="22" height="22"
class="icon icon-cart"
aria-hidden="true"
focusable="false"
role="presentation"
xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 24 24"
>
<path fill="currentColor" fill-rule="evenodd" d="M18,6A6,6,0,0,0,6,6H0V21a3,3,0,0,0,3,3H21a3,3,0,0,0,3-3V6ZM12,2a4,4,0,0,1,4,4H8A4,4,0,0,1,12,2ZM22,21a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1V8H6v2H8V8h8v2h2V8h4Z"/>
</svg>
<span
class="cart-count-badge badge bg-primary"
hidden>
0
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<div
id="offcanvas-menu"
class="offcanvas offcanvas-start"
tabindex="-1"
aria-labelledby="offcanvas-menu-label">
<div class="offcanvas-header bg-dark text-white">
<div class="">
<div id="offcanvas-menu-label" class="offcanvas-title">
Menu
</div>
</div>
<button
type="button"
class="btn-close btn-close-white"
data-bs-dismiss="offcanvas"
aria-label="Fermer">
</button>
</div>
<div class="offcanvas-body px-0 py-4">
<ul
id="offcanvas-menu-nav"
class="nav nav-level-0 flex-column mb-4">
<li class="nav-item">
<a
class="nav-link headings-font-family"
href="/"
aria-current="">
Accueil
</a>
</li>
<li class="nav-item">
<a
class="nav-link headings-font-family"
href="/pages/nos-produits"
aria-current="">
Nos produits
</a>
</li>
<li class="nav-item">
<a
class="nav-link headings-font-family"
href="/blogs/infos"
aria-current="">
Nos articles de blog
</a>
</li>
<li class="nav-item">
<a
class="nav-link headings-font-family"
href="/products/pack-challenge-dents-blanches"
aria-current="">
Qui sommes-nous ?
</a>
</li>
<li class="nav-item">
<a
class="nav-link headings-font-family"
href="/pages/contact"
aria-current="">
Contact
</a>
</li>
</ul>
</div>
<div class="offcanvas-footer-lang-currency">
<div class="d-flex justify-content-center py-3 mx-4 my-2">
<div class="currency-selector btn-group dropup mx-2"
style="z-index: 9">
<button
class="btn btn-sm px-4 d-flex align-items-center dropdown-toggle btn-light"
data-bs-toggle="dropdown"
aria-expanded="false">
<div class="me-3">
<img src="//cdn.shopify.com/static/images/flags/fr.svg?crop=center&height=18&width=18" alt="France" srcset="//cdn.shopify.com/static/images/flags/fr.svg?crop=center&height=18&width=18 18w" width="18" height="18">
</div>
<span class="small">
EUR
</span>
</button>
<div class="dropdown-menu shadow" style="min-width: 220px;">
<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/products/dentifrice-au-siwak" />
<input type="hidden" name="country_code" value="FR">
<ul
class="list-group list-group-flush small"
aria-labelledby="modal-localization-label">
<button
class="list-group-item list-group-item-action d-flex align-items-center"
data-iso-code="BE"
aria-current=""
role="button">
<div class="localization-form-item-img me-3" aria-hidden="true">
<img src="//cdn.shopify.com/static/images/flags/be.svg?crop=center&height=20&width=20" alt="Belgique" srcset="//cdn.shopify.com/static/images/flags/be.svg?crop=center&height=20&width=20 20w" width="20" height="20">
</div>
<div class="localization-form-item-text d-flex w-100 align-items-center justify-content-between">
<span>
Belgique
</span>
<small class="opacity-50">
EUR €
</small>
</div>
</button>
<button
class="list-group-item list-group-item-action d-flex align-items-center"
data-iso-code="ES"
aria-current=""
role="button">
<div class="localization-form-item-img me-3" aria-hidden="true">
<img src="//cdn.shopify.com/static/images/flags/es.svg?crop=center&height=20&width=20" alt="Espagne" srcset="//cdn.shopify.com/static/images/flags/es.svg?crop=center&height=20&width=20 20w" width="20" height="20">
</div>
<div class="localization-form-item-text d-flex w-100 align-items-center justify-content-between">
<span>
Espagne
</span>
<small class="opacity-50">
EUR €
</small>
</div>
</button>
<button
class="list-group-item list-group-item-action d-flex align-items-center active"
data-iso-code="FR"
aria-current="true"
role="button">
<div class="localization-form-item-img me-3" aria-hidden="true">
<img src="//cdn.shopify.com/static/images/flags/fr.svg?crop=center&height=20&width=20" alt="France" srcset="//cdn.shopify.com/static/images/flags/fr.svg?crop=center&height=20&width=20 20w" width="20" height="20">
</div>
<div class="localization-form-item-text d-flex w-100 align-items-center justify-content-between">
<span>
France
</span>
<small class="opacity-50">
EUR €
</small>
</div>
</button>
<button
class="list-group-item list-group-item-action d-flex align-items-center"
data-iso-code="IT"
aria-current=""
role="button">
<div class="localization-form-item-img me-3" aria-hidden="true">
<img src="//cdn.shopify.com/static/images/flags/it.svg?crop=center&height=20&width=20" alt="Italie" srcset="//cdn.shopify.com/static/images/flags/it.svg?crop=center&height=20&width=20 20w" width="20" height="20">
</div>
<div class="localization-form-item-text d-flex w-100 align-items-center justify-content-between">
<span>
Italie
</span>
<small class="opacity-50">
EUR €
</small>
</div>
</button>
<button
class="list-group-item list-group-item-action d-flex align-items-center"
data-iso-code="LU"
aria-current=""
role="button">
<div class="localization-form-item-img me-3" aria-hidden="true">
<img src="//cdn.shopify.com/static/images/flags/lu.svg?crop=center&height=20&width=20" alt="Luxembourg" srcset="//cdn.shopify.com/static/images/flags/lu.svg?crop=center&height=20&width=20 20w" width="20" height="20">
</div>
<div class="localization-form-item-text d-flex w-100 align-items-center justify-content-between">
<span>
Luxembourg
</span>
<small class="opacity-50">
EUR €
</small>
</div>
</button>
<button
class="list-group-item list-group-item-action d-flex align-items-center"
data-iso-code="NL"
aria-current=""
role="button">
<div class="localization-form-item-img me-3" aria-hidden="true">
<img src="//cdn.shopify.com/static/images/flags/nl.svg?crop=center&height=20&width=20" alt="Pays-Bas" srcset="//cdn.shopify.com/static/images/flags/nl.svg?crop=center&height=20&width=20 20w" width="20" height="20">
</div>
<div class="localization-form-item-text d-flex w-100 align-items-center justify-content-between">
<span>
Pays-Bas
</span>
<small class="opacity-50">
EUR €
</small>
</div>
</button>
<button
class="list-group-item list-group-item-action d-flex align-items-center"
data-iso-code="PL"
aria-current=""
role="button">
<div class="localization-form-item-img me-3" aria-hidden="true">
<img src="//cdn.shopify.com/static/images/flags/pl.svg?crop=center&height=20&width=20" alt="Pologne" srcset="//cdn.shopify.com/static/images/flags/pl.svg?crop=center&height=20&width=20 20w" width="20" height="20">
</div>
<div class="localization-form-item-text d-flex w-100 align-items-center justify-content-between">
<span>
Pologne
</span>
<small class="opacity-50">
PLN zł
</small>
</div>
</button>
<button
class="list-group-item list-group-item-action d-flex align-items-center"
data-iso-code="PT"
aria-current=""
role="button">
<div class="localization-form-item-img me-3" aria-hidden="true">
<img src="//cdn.shopify.com/static/images/flags/pt.svg?crop=center&height=20&width=20" alt="Portugal" srcset="//cdn.shopify.com/static/images/flags/pt.svg?crop=center&height=20&width=20 20w" width="20" height="20">
</div>
<div class="localization-form-item-text d-flex w-100 align-items-center justify-content-between">
<span>
Portugal
</span>
<small class="opacity-50">
EUR €
</small>
</div>
</button>
<button
class="list-group-item list-group-item-action d-flex align-items-center"
data-iso-code="CH"
aria-current=""
role="button">
<div class="localization-form-item-img me-3" aria-hidden="true">
<img src="//cdn.shopify.com/static/images/flags/ch.svg?crop=center&height=20&width=20" alt="Suisse" srcset="//cdn.shopify.com/static/images/flags/ch.svg?crop=center&height=20&width=20 20w" width="20" height="20">
</div>
<div class="localization-form-item-text d-flex w-100 align-items-center justify-content-between">
<span>
Suisse
</span>
<small class="opacity-50">
CHF CHF
</small>
</div>
</button>
</ul>
</form>
</div>
</div>
</div>
</div>
<div class="offcanvas-footer">
<div class="text-center">
<ul class="social-icons nav d-inline-flex mb-0" aria-label="Liens vers les réseaux sociaux">
<li class="nav-item">
<a
class="nav-link p-3 text-current-color"
target="_blank"
href="https://www.instagram.com/siwaksmile/"
data-bs-toggle="tooltip"
data-bs-placement="bottom"
title="Instagram" aria-label="Instagram">
<svg
xmlns="http://www.w3.org/2000/svg"
width="18"
height="18"
class="icon-social-instagram"
viewbox="0 0 24 24"
fill="currentColor">
<path d="M16.98 0a6.9 6.9 0 0 1 5.08 1.98A6.94 6.94 0 0 1 24 7.02v9.96c0 2.08-.68 3.87-1.98 5.13A7.14 7.14 0 0 1 16.94 24H7.06a7.06 7.06 0 0 1-5.03-1.89A6.96 6.96 0 0 1 0 16.94V7.02C0 2.8 2.8 0 7.02 0h9.96zm.05 2.23H7.06c-1.45 0-2.7.43-3.53 1.25a4.82 4.82 0 0 0-1.3 3.54v9.92c0 1.5.43 2.7 1.3 3.58a5 5 0 0 0 3.53 1.25h9.88a5 5 0 0 0 3.53-1.25 4.73 4.73 0 0 0 1.4-3.54V7.02a5 5 0 0 0-1.3-3.49 4.82 4.82 0 0 0-3.54-1.3zM12 5.76c3.39 0 6.2 2.8 6.2 6.2a6.2 6.2 0 0 1-12.4 0 6.2 6.2 0 0 1 6.2-6.2zm0 2.22a3.99 3.99 0 0 0-3.97 3.97A3.99 3.99 0 0 0 12 15.92a3.99 3.99 0 0 0 3.97-3.97A3.99 3.99 0 0 0 12 7.98zm6.44-3.77a1.4 1.4 0 1 1 0 2.8 1.4 1.4 0 0 1 0-2.8z"/>
</svg>
</a>
</li>
<li class="nav-item">
<a
class="nav-link p-3 text-current-color"
target="_blank"
href="https://www.tiktok.com/@siwaksmile"
data-bs-toggle="tooltip"
data-bs-placement="bottom"
title="Tiktok" aria-label="Tiktok">
<svg
xmlns="http://www.w3.org/2000/svg"
width="18"
height="18"
class="icon-social-tiktok"
viewbox="0 0 32 32"
fill="currentColor">
<path d="M16.708 0.027c1.745-0.027 3.48-0.011 5.213-0.027 0.105 2.041 0.839 4.12 2.333 5.563 1.491 1.479 3.6 2.156 5.652 2.385v5.369c-1.923-0.063-3.855-0.463-5.6-1.291-0.76-0.344-1.468-0.787-2.161-1.24-0.009 3.896 0.016 7.787-0.025 11.667-0.104 1.864-0.719 3.719-1.803 5.255-1.744 2.557-4.771 4.224-7.88 4.276-1.907 0.109-3.812-0.411-5.437-1.369-2.693-1.588-4.588-4.495-4.864-7.615-0.032-0.667-0.043-1.333-0.016-1.984 0.24-2.537 1.495-4.964 3.443-6.615 2.208-1.923 5.301-2.839 8.197-2.297 0.027 1.975-0.052 3.948-0.052 5.923-1.323-0.428-2.869-0.308-4.025 0.495-0.844 0.547-1.485 1.385-1.819 2.333-0.276 0.676-0.197 1.427-0.181 2.145 0.317 2.188 2.421 4.027 4.667 3.828 1.489-0.016 2.916-0.88 3.692-2.145 0.251-0.443 0.532-0.896 0.547-1.417 0.131-2.385 0.079-4.76 0.095-7.145 0.011-5.375-0.016-10.735 0.025-16.093z"/>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "SiwakSmile",
"logo": "https:\/\/siwaksmile.com\/cdn\/shop\/files\/LOGO_centre.pdf_5.png?v=1745157456\u0026width=500",
"sameAs": [
"",
"",
"https:\/\/www.instagram.com\/siwaksmile\/",
"",
"https:\/\/www.tiktok.com\/@siwaksmile",
"",
"",
"",
""
],
"url": "https:\/\/siwaksmile.com"
}
</script></div>
<!-- END sections: header-group -->
<main id="main">
<div id="shopify-section-template--25473022853452__image_jcY77c" class="shopify-section">
<section
id="simple-image-template--25473022853452__image_jcY77c"
class="simple-image enter-view bg-body text-body pt-0 pb-0 mt-0 mb-0">
<div class="container">
<div class="mx-auto" style="max-width: 991px;">
<div
class="animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeIn"
style="animation-delay: 0ms">
<div class="d-lg-none">
<img
class="img-fluid rounded img-thumbnail shadow-none"
style="border-width: 0px;"
src="//siwaksmile.com/cdn/shop/files/Design_sans_titre_2_08b8eb86-33c7-4bfb-9809-9dbe7ff36337.svg?crop=center&height=600&v=1741397355&width=900"
alt="Avis vérifiés SiwakSmile - Note Excellente 4.8/5 sur Trustpilot"
width="900"
height="600"
loading="lazy">
</div>
<div class="d-none d-lg-block">
<img
class="img-fluid rounded img-thumbnail shadow-none"
style="border-width: 0px;"
src="//siwaksmile.com/cdn/shop/files/Design_sans_titre_2_08b8eb86-33c7-4bfb-9809-9dbe7ff36337.svg?crop=center&height=400&v=1741397355&width=400"
alt="Avis vérifiés SiwakSmile - Note Excellente 4.8/5 sur Trustpilot"
width="400"
height="400"
loading="lazy">
</div>
</div>
</div>
</div>
</section>
<style> #shopify-section-template--25473022853452__image_jcY77c img {display: block; margin-left: auto; margin-right: auto; max-width: 100%;} </style></div><div id="shopify-section-template--25473022853452__template-product" class="shopify-section">
<style data-shopify>
.product-content-bg-gradient {
background: linear-gradient(180deg, rgba(239, 239, 239, 1), rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 1) 16.547%, rgba(255, 255, 255, 1) 49%);
}
</style>
<script>
window.productVariants = [{"id":47827029721420,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Dentifrice Blanchissant Naturel au Siwak + BrushTimer","public_title":null,"options":["Default Title"],"price":1490,"weight":10,"compare_at_price":0,"inventory_management":"shopify","barcode":"a","requires_selling_plan":false,"selling_plan_allocations":[]}]
</script>
<a class="visually-hidden-focusable" href="#product-content">
Passer aux informations sur le produit
</a>
<section
id="product-template"
class="pt-5 pt-sm-0 pb-0"
data-product-handle="dentifrice-au-siwak">
<div class="container">
<div class="d-flex justify-content-between align-items-center my-4">
<div class="breadcrumbs-wrapper">
<nav aria-label="Breadcrumbs">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="/">
Accueil
</a>
</li>
<li class="breadcrumb-item active" aria-current="page">
Dentifrice Blanchissant Naturel au Siwak + BrushTimer
</li>
</ol>
</nav>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="product-gallery-wrapper">
<div
id="product-gallery-8912037577036"
class="product-gallery mb-6 mb-lg-0"
data-product-id="8912037577036"
aria-label="Galerie média des produits"
data-start="-1"
data-media-count="6"
data-show-thumbs-mobile="true">
<div class="main-splide splide main-splide-mobile-full-width">
<div class="splide__track">
<ul class="splide__list">
<li class="splide__slide">
<a href="//siwaksmile.com/cdn/shop/files/1_1cf29857-0fd3-4878-9073-d5d4c1eac52f.webp?v=1759237840&width=2040" class="glightbox" data-gallery="product-gallery-8912037577036">
<img
class="img-fluid rounded img-thumbnail"
src="//siwaksmile.com/cdn/shop/files/1_1cf29857-0fd3-4878-9073-d5d4c1eac52f.webp?crop=center&height=1200&v=1759237840&width=1200"
alt="Dentifrice SiwakSmile 2.0 + BrushTimer - SiwakSmile"
width="1200"
height="1200"
loading="lazy">
</a>
</li>
<li class="splide__slide">
<a href="//siwaksmile.com/cdn/shop/files/6_aaed363a-0830-4071-a9f9-4d68ccd77fe3.webp?v=1759869546&width=2040" class="glightbox" data-gallery="product-gallery-8912037577036">
<img
class="img-fluid rounded img-thumbnail"
src="//siwaksmile.com/cdn/shop/files/6_aaed363a-0830-4071-a9f9-4d68ccd77fe3.webp?crop=center&height=1200&v=1759869546&width=1200"
alt="Pack découverte Blanchiment 28 - SiwakSmile"
width="1200"
height="1200"
loading="lazy">
</a>
</li>
<li class="splide__slide">
<a href="//siwaksmile.com/cdn/shop/files/3_8aede2c8-289d-4faf-b058-ab40f7751fe1.webp?v=1759869546&width=2040" class="glightbox" data-gallery="product-gallery-8912037577036">
<img
class="img-fluid rounded img-thumbnail"
src="//siwaksmile.com/cdn/shop/files/3_8aede2c8-289d-4faf-b058-ab40f7751fe1.webp?crop=center&height=1200&v=1759869546&width=1200"
alt="Pack découverte Blanchiment 28 - SiwakSmile"
width="1200"
height="1200"
loading="lazy">
</a>
</li>
<li class="splide__slide">
<a href="//siwaksmile.com/cdn/shop/files/10_9d260046-cf07-464d-b51e-ecd4294d2239.webp?v=1759869546&width=2040" class="glightbox" data-gallery="product-gallery-8912037577036">
<img
class="img-fluid rounded img-thumbnail"
src="//siwaksmile.com/cdn/shop/files/10_9d260046-cf07-464d-b51e-ecd4294d2239.webp?crop=center&height=1200&v=1759869546&width=1200"
alt="Pack découverte Blanchiment 28 - SiwakSmile"
width="1200"
height="1200"
loading="lazy">
</a>
</li>
<li class="splide__slide">
<a href="//siwaksmile.com/cdn/shop/files/2_76156bd9-1670-4fe9-bbb2-a134785c128c.webp?v=1759243469&width=2040" class="glightbox" data-gallery="product-gallery-8912037577036">
<img
class="img-fluid rounded img-thumbnail"
src="//siwaksmile.com/cdn/shop/files/2_76156bd9-1670-4fe9-bbb2-a134785c128c.webp?crop=center&height=1200&v=1759243469&width=1200"
alt="Dentifrice SiwakSmile + Colis assuré tous risques OFFERT - SiwakSmile"
width="1200"
height="1200"
loading="lazy">
</a>
</li>
<li class="splide__slide">
<a href="//siwaksmile.com/cdn/shop/files/15_09de13bb-1e82-439c-9873-4a54593bc08c.webp?v=1759869546&width=2040" class="glightbox" data-gallery="product-gallery-8912037577036">
<img
class="img-fluid rounded img-thumbnail"
src="//siwaksmile.com/cdn/shop/files/15_09de13bb-1e82-439c-9873-4a54593bc08c.webp?crop=center&height=1200&v=1759869546&width=1200"
alt="Pack découverte Blanchiment 28 - SiwakSmile"
width="1200"
height="1200"
loading="lazy">
</a>
</li>
</ul>
</div>
</div>
<div
class="thumbs-splide splide mt-3 mt-lg-4"
>
<div class="splide__track">
<ul class="splide__list">
<li class="splide__slide">
<img
class="img-fluid rounded img-thumbnail"
src="//siwaksmile.com/cdn/shop/files/1_1cf29857-0fd3-4878-9073-d5d4c1eac52f.webp?crop=center&height=160&v=1759237840&width=160"
alt="Dentifrice SiwakSmile 2.0 + BrushTimer - SiwakSmile"
width="160"
height="160"
loading="lazy">
</li>
<li class="splide__slide">
<img
class="img-fluid rounded img-thumbnail"
src="//siwaksmile.com/cdn/shop/files/6_aaed363a-0830-4071-a9f9-4d68ccd77fe3.webp?crop=center&height=160&v=1759869546&width=160"
alt="Pack découverte Blanchiment 28 - SiwakSmile"
width="160"
height="160"
loading="lazy">
</li>
<li class="splide__slide">
<img
class="img-fluid rounded img-thumbnail"
src="//siwaksmile.com/cdn/shop/files/3_8aede2c8-289d-4faf-b058-ab40f7751fe1.webp?crop=center&height=160&v=1759869546&width=160"
alt="Pack découverte Blanchiment 28 - SiwakSmile"
width="160"
height="160"
loading="lazy">
</li>
<li class="splide__slide">
<img
class="img-fluid rounded img-thumbnail"
src="//siwaksmile.com/cdn/shop/files/10_9d260046-cf07-464d-b51e-ecd4294d2239.webp?crop=center&height=160&v=1759869546&width=160"
alt="Pack découverte Blanchiment 28 - SiwakSmile"
width="160"
height="160"
loading="lazy">
</li>
<li class="splide__slide">
<img
class="img-fluid rounded img-thumbnail"
src="//siwaksmile.com/cdn/shop/files/2_76156bd9-1670-4fe9-bbb2-a134785c128c.webp?crop=center&height=160&v=1759243469&width=160"
alt="Dentifrice SiwakSmile + Colis assuré tous risques OFFERT - SiwakSmile"
width="160"
height="160"
loading="lazy">
</li>
<li class="splide__slide">
<img
class="img-fluid rounded img-thumbnail"
src="//siwaksmile.com/cdn/shop/files/15_09de13bb-1e82-439c-9873-4a54593bc08c.webp?crop=center&height=160&v=1759869546&width=160"
alt="Pack découverte Blanchiment 28 - SiwakSmile"
width="160"
height="160"
loading="lazy">
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div id="product-content" class="product-content">
<div class="">
<form method="post" action="/cart/add" id="product_form_8912037577036" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" onsubmit="handleAddToCartFormSubmit(this, event)"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="47827029721420">
<h1 class="title mb-3 h4 mt-3 mb-3 text-start" >
Dentifrice Blanchissant Naturel au Siwak + BrushTimer
</h1>
<div class="stp-star d-flex align-items-center justify-content-start mt-3 mb-3"
data-id="8912037577036"
data-rating-stp="5.0"
data-num-reviews-stp="5.000+ Clients Satisfaits " >
<!-- Étoiles pleines -->
<svg width="16" height="16" viewbox="0 0 16 16" fill="#00b67a" class="me-2" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<!-- Étoiles pleines -->
<svg width="16" height="16" viewbox="0 0 16 16" fill="#00b67a" class="me-2" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<!-- Étoiles pleines -->
<svg width="16" height="16" viewbox="0 0 16 16" fill="#00b67a" class="me-2" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<!-- Étoiles pleines -->
<svg width="16" height="16" viewbox="0 0 16 16" fill="#00b67a" class="me-2" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<!-- Étoiles pleines -->
<svg width="16" height="16" viewbox="0 0 16 16" fill="#00b67a" class="me-2" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<span class="spt-badge-caption ms-2">5.000+ Clients Satisfaits </span>
</div>
<div class="product-block-liquid-code mt-3 mb-3 wb-force-show-element" >
<div class="pharmacy-badge" role="group" aria-label="Disponibilité en pharmacie">
<img
src="https://myvariations.com/cdn/shop/files/pharmacy_icon_4.png?v=1720448397&width=100"
width="24" height="24" alt="Icône pharmacie" loading="lazy" class="pharmacy-badge__icon">
<span class="pharmacy-badge__text">Disponible en pharmacie</span>
</div>
<style>
.pharmacy-badge {
display: inline-flex;
align-items: center;
gap: .6rem;
font-weight: 600;
font-size: 14px;
line-height: 1;
background: #E5F7F1; /* New background color */
border: 1px solid #d6f6e6;
border-radius: 8px; /* Square shape with rounded edges */
padding: .6rem .9rem;
color: #00B67A; /* New text color */
}
.pharmacy-badge__icon {
display: block;
width: 20px;
height: 20px;
}
.pharmacy-badge__text {
white-space: nowrap;
color: #00B67A; /* Ensure text color is applied */
}
@media (min-width:768px){
.pharmacy-badge__icon {
width: 24px;
height: 24px;
}
.pharmacy-badge {
font-size: 15px;
}
}
</style>
</div>
<div class="product-block-separator separator wb-force-show-element" >
<hr class="mt-5 mb-5"
style=" border-style: solid; border-width: 1px; width: 100%; height: 100%; border-color: #000000; opacity: 0.3;">
</div>
<style data-shopify>
/* forcer la couleur des SVG */
#pdp-trust-badges svg {
fill: #13968B;
color: #13968B;
}
</style>
<div
class="product-block-trust-badges mt-0 mb-3"
style="max-width: 400px;"
>
<ul
id="pdp-trust-badges"
class="list-unstyled d-flex flex-column align-items-start small lh-sm mb-0"
aria-label="Liste des badges de confiance">
<li class="d-flex align-items-center p-3 w-100 text-start">
<div class="me-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-patch-check-fill" viewbox="0 0 16 16">
<path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"></path>
</svg>
</div>
<div>
Blanchit les dents
</div>
</li>
<li class="d-flex align-items-center p-3 w-100 text-start">
<div class="me-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-patch-check-fill" viewbox="0 0 16 16">
<path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"></path>
</svg>
</div>
<div>
Testé et approuvé par les dentistes
</div>
</li>
<li class="d-flex align-items-center p-3 w-100 text-start">
<div class="me-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-patch-check-fill" viewbox="0 0 16 16">
<path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"></path>
</svg>
</div>
<div>
Formule 96% naturelle
</div>
</li>
<li class="d-flex align-items-center p-3 w-100 text-start">
<div class="me-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-patch-check-fill" viewbox="0 0 16 16">
<path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"></path>
</svg>
</div>
<div>
Recommandé par l'OMS (le siwak)
</div>
</li>
</ul>
</div>
<div class="product-block-text mt-3 mb-3 text-start" >
<div class="description rte">
<p>Recevez 1 sablier BrushTimer de 3 minutes par commande !</p>
</div>
</div>
<style>
.animated-stories-x .img-wrapper {
width: 91px;
height: 91px;
}
.animated-stories-x .cercle {
stroke: #126e66;
stroke-width: 2;
}
@keyframes product_stories_anime_trait_bordure {
from {
stroke: #126e66 /* #f56900 */;
stroke-dasharray: 1;
}
to {
stroke: #095e54; /* #c99700 */
transform:rotate(180deg);
stroke-dasharray: 8;
}
}
.glightbox-mobile .glightbox-container .gslide-desc {
color: white !important;
}
.gslide-description .gslide-desc {
font-size: 1rem !important;
text-align: center;
}
</style>
<link href="//siwaksmile.com/cdn/shop/t/17/assets/vendor-glightbox.min.css?v=47676404177181227621747367940" rel="stylesheet" media="print" onload="this.media='all'">
<script src="//siwaksmile.com/cdn/shop/t/17/assets/vendor-glightbox.min.js?v=151956474687687549541747367940" defer></script>
<script>
window.addEventListener('DOMContentLoaded', () => {
GLightbox({
selector: '[data-gallery="animated-stories-x"]',
loop: true,
autoplayVideos: true
})
})
</script>
<div id="product-block-animated-stories-animated_stories_HrdNAR"
class="animated-stories-x text-center position-relative overflow-hidden mt-3 mb-3" >
<ul
class="stories-list list-unstyled d-flex justify-content-md-center overflow-auto px-2 pb-4 mb-0"
aria-label="Vidéos en vedette">
<li class="mx-2">
<a
class="text-decoration-none link-dark"
href="//siwaksmile.com/cdn/shop/videos/c/vp/74e95e8a70c046f79b82111b5ff7b062/74e95e8a70c046f79b82111b5ff7b062.HD-1080p-7.2Mbps-52597080.mp4?v=0">
<div class="img-wrapper position-relative d-flex">
<video playsinline="playsinline" class="p-2" autoplay="autoplay" loop="loop" muted="muted" width="70" height="70" crop="center" preload="metadata" poster="//siwaksmile.com/cdn/shop/files/preview_images/74e95e8a70c046f79b82111b5ff7b062.thumbnail.0000000000_800x.jpg?v=1753614120"><source src="//siwaksmile.com/cdn/shop/videos/c/vp/74e95e8a70c046f79b82111b5ff7b062/74e95e8a70c046f79b82111b5ff7b062.HD-1080p-7.2Mbps-52597080.mp4?v=0" type="video/mp4"><img src="//siwaksmile.com/cdn/shop/files/preview_images/74e95e8a70c046f79b82111b5ff7b062.thumbnail.0000000000_800x.jpg?v=1753614120"></video>
<svg class="cercle" viewbox="0 0 100 100">
<circle cx="50" cy="50" r="40" />
</svg>
</div>
<h6 class="title mt-n2 mb-0 fs-6">
Comment ça marche ?
</h6>
</a>
</li>
<li class="mx-2">
<a
class="text-decoration-none link-dark"
href="//siwaksmile.com/cdn/shop/videos/c/vp/46e3e58d45e043ee9b91e19a795ff28c/46e3e58d45e043ee9b91e19a795ff28c.HD-1080p-7.2Mbps-52595892.mp4?v=0">
<div class="img-wrapper position-relative d-flex">
<video playsinline="playsinline" class="p-2" autoplay="autoplay" loop="loop" muted="muted" width="70" height="70" crop="center" preload="metadata" poster="//siwaksmile.com/cdn/shop/files/preview_images/46e3e58d45e043ee9b91e19a795ff28c.thumbnail.0000000000_800x.jpg?v=1753613805"><source src="//siwaksmile.com/cdn/shop/videos/c/vp/46e3e58d45e043ee9b91e19a795ff28c/46e3e58d45e043ee9b91e19a795ff28c.HD-1080p-7.2Mbps-52595892.mp4?v=0" type="video/mp4"><img src="//siwaksmile.com/cdn/shop/files/preview_images/46e3e58d45e043ee9b91e19a795ff28c.thumbnail.0000000000_800x.jpg?v=1753613805"></video>
<svg class="cercle" viewbox="0 0 100 100">
<circle cx="50" cy="50" r="40" />
</svg>
</div>
<h6 class="title mt-n2 mb-0 fs-6">
Avis clients
</h6>
</a>
</li>
<li class="mx-2">
<a
class="text-decoration-none link-dark"
href="//siwaksmile.com/cdn/shop/videos/c/vp/ccf448ca820641f89f99c8446137742a/ccf448ca820641f89f99c8446137742a.HD-1080p-2.5Mbps-52597631.mp4?v=0">
<div class="img-wrapper position-relative d-flex">
<video playsinline="playsinline" class="p-2" autoplay="autoplay" loop="loop" muted="muted" width="70" height="70" crop="center" preload="metadata" poster="//siwaksmile.com/cdn/shop/files/preview_images/ccf448ca820641f89f99c8446137742a.thumbnail.0000000000_800x.jpg?v=1753614262"><source src="//siwaksmile.com/cdn/shop/videos/c/vp/ccf448ca820641f89f99c8446137742a/ccf448ca820641f89f99c8446137742a.HD-1080p-2.5Mbps-52597631.mp4?v=0" type="video/mp4"><img src="//siwaksmile.com/cdn/shop/files/preview_images/ccf448ca820641f89f99c8446137742a.thumbnail.0000000000_800x.jpg?v=1753614262"></video>
<svg class="cercle" viewbox="0 0 100 100">
<circle cx="50" cy="50" r="40" />
</svg>
</div>
<h6 class="title mt-n2 mb-0 fs-6">
Questions fréquentes
</h6>
</a>
</li>
<li class="mx-2">
<a
class="text-decoration-none link-dark"
href="//siwaksmile.com/cdn/shop/videos/c/vp/716363e328dd41209d1910bd17d28dba/716363e328dd41209d1910bd17d28dba.HD-1080p-2.5Mbps-52598030.mp4?v=0">
<div class="img-wrapper position-relative d-flex">
<video playsinline="playsinline" class="p-2" autoplay="autoplay" loop="loop" muted="muted" width="70" height="70" crop="center" preload="metadata" poster="//siwaksmile.com/cdn/shop/files/preview_images/716363e328dd41209d1910bd17d28dba.thumbnail.0000000000_800x.jpg?v=1753614352"><source src="//siwaksmile.com/cdn/shop/videos/c/vp/716363e328dd41209d1910bd17d28dba/716363e328dd41209d1910bd17d28dba.HD-1080p-2.5Mbps-52598030.mp4?v=0" type="video/mp4"><img src="//siwaksmile.com/cdn/shop/files/preview_images/716363e328dd41209d1910bd17d28dba.thumbnail.0000000000_800x.jpg?v=1753614352"></video>
<svg class="cercle" viewbox="0 0 100 100">
<circle cx="50" cy="50" r="40" />
</svg>
</div>
<h6 class="title mt-n2 mb-0 fs-6">
Pourquoi le siwak ?
</h6>
</a>
</li>
</ul>
</div>
<style>
.btn-atc .btn-icon {
display: inline-block;
margin-right: 5px;
vertical-align: middle;
}
</style>
<div class="product-buy-buttons mt-5 mb-5" >
<div class="d-flex">
<div class="quantity-wrapper me-3">
<button
class="btn"
type="button"
data-mode="minus"
onclick="onClickQtyPlusMinus(this)"
aria-label="Diminuer la quantité">
<svg 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">
<line x1="5" y1="12" x2="19" y2="12"></line>
</svg>
</button>
<input
class="form-control"
name="quantity"
type="text"
value="1"
data-min-qty="1"
aria-label="Quantité">
<button
class="btn btn-plus"
type="button"
data-mode="plus"
onclick="onClickQtyPlusMinus(this)"
aria-label="Augmenter la quantité">
<svg 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">
<line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line>
</svg>
</button>
</div>
<button
class="btn-atc btn btn-success w-100"
type="submit"
name="add"
data-text-add-to-cart="Ajouter au panier"
disabled
>
Épuisé
</button>
</div>
</div>
<div class="product-block-liquid-code mt-3 mb-3 wb-force-show-element" >
<p class="status" style="color: #13968B;">
87% de nos clients choisissent la cure 3 mois pour gagner jusqu'à 4 teintes de blancheur
</p>
</div>
<div class="product-block-liquid-code mt-3 mb-3 wb-force-show-element" >
<style>
.blinking-dot {
display: inline-block;
width: 12px;
height: 12px;
margin-right: 8px;
border-radius: 50%;
background-color: #06D6A0; /* centre vert */
border: 2px solid #A8F3D0; /* contour plus clair */
box-sizing: border-box;
vertical-align: middle;
animation: blink 1s infinite ease-in-out;
}
@keyframes blink {
0%, 100% { opacity: 1; }
50% { opacity: 0.3; }
}
.status {
font-family: sans-serif;
font-size: 14px;
line-height: 1.4;
color: #333;
}
</style>
</head>
<body>
<p class="status">
<span class="blinking-dot"></span>
En stock, commande expédiée <strong>aujourd’hui</strong> – Livraison en 48h avec numéro de suivi disponible !
</p>
<div id="shopify-block-AdTdnOGdyK2hBTi9kb__10967200920248657493" class="shopify-block shopify-app-block"><script type="text/javascript">
var templateName = 'product';
var wideBundle_shopifyCustomerId = null;
</script>
<!-- test -->
<script
crossorigin='anonymous'
src="https://widebundle.com/scripttag.php?shop=660c11-2.myshopify.com&v=1763390408"
defer>
</script>
<script>
console.log('test');
</script>
</div></body>
</html>
</div>
<style data-shopify>
.accordion-custom .accordion-button {
background-color: #ffffff !important;
color: #212529;
}
.accordion-custom .accordion-button:not(.collapsed) {
background-color: #f5f3f1 !important;
color: #198754;
}
.accordion-custom .accordion-button::after {
background-color: rgba(0,0,0,0);
color: rgba(0,0,0,0);
}
.accordion-custom .accordion-button:not(.collapsed)::after {
background-color: #ffffff;
color: #030303;
}
</style>
<div class="product-block-accordion accordion accordion-custom mt-4 mb-4" >
<div class="accordion-item">
<h3 id="heading-5f3df5ea-5dc1-4f72-adb1-1201d79072d6-1" class="accordion-header mb-0">
<button
class="accordion-button collapsed"
type="button"
data-bs-toggle="collapse"
data-bs-target="#collapse-5f3df5ea-5dc1-4f72-adb1-1201d79072d6-1"
aria-expanded="false"
aria-controls="collapse-5f3df5ea-5dc1-4f72-adb1-1201d79072d6-1">
<div class="d-flex align-items-center">
<div class="me-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#13968B" class="bi bi-person-fill-check" viewbox="0 0 16 16">
<path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7m1.679-4.493-1.335 2.226a.75.75 0 0 1-1.174.144l-.774-.773a.5.5 0 0 1 .708-.708l.547.548 1.17-1.951a.5.5 0 1 1 .858.514M11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0"></path>
<path d="M2 13c0 1 1 1 1 1h5.256A4.5 4.5 0 0 1 8 12.5a4.5 4.5 0 0 1 1.544-3.393Q8.844 9.002 8 9c-5 0-6 3-6 4"></path>
</svg>
</div>
Pour qui ?
</div>
</button>
</h3>
<div
id="collapse-5f3df5ea-5dc1-4f72-adb1-1201d79072d6-1"
class="accordion-collapse collapse"
aria-labelledby="heading-5f3df5ea-5dc1-4f72-adb1-1201d79072d6-1">
<div class="accordion-body">
<div class="description rte">
<p>Nos produits sont conçus pour : </p><p>✓ Les consommateurs de boissons teintées (<strong>cafés</strong>/<strong>thé</strong>/<strong>soda</strong>)<br/>✓ Les <strong>fumeurs</strong><br/>✓ L'<strong>émail</strong> fragilisé</p>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h3 id="heading-5f3df5ea-5dc1-4f72-adb1-1201d79072d6-2" class="accordion-header mb-0">
<button
class="accordion-button collapsed"
type="button"
data-bs-toggle="collapse"
data-bs-target="#collapse-5f3df5ea-5dc1-4f72-adb1-1201d79072d6-2"
aria-expanded="false"
aria-controls="collapse-5f3df5ea-5dc1-4f72-adb1-1201d79072d6-2">
<div class="d-flex align-items-center">
<div class="me-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#13968B" class="bi bi-patch-check" viewbox="0 0 16 16">
<path fill-rule="evenodd" d="M10.354 6.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708 0"></path>
<path d="m10.273 2.513-.921-.944.715-.698.622.637.89-.011a2.89 2.89 0 0 1 2.924 2.924l-.01.89.636.622a2.89 2.89 0 0 1 0 4.134l-.637.622.011.89a2.89 2.89 0 0 1-2.924 2.924l-.89-.01-.622.636a2.89 2.89 0 0 1-4.134 0l-.622-.637-.89.011a2.89 2.89 0 0 1-2.924-2.924l.01-.89-.636-.622a2.89 2.89 0 0 1 0-4.134l.637-.622-.011-.89a2.89 2.89 0 0 1 2.924-2.924l.89.01.622-.636a2.89 2.89 0 0 1 4.134 0l-.715.698a1.89 1.89 0 0 0-2.704 0l-.92.944-1.32-.016a1.89 1.89 0 0 0-1.911 1.912l.016 1.318-.944.921a1.89 1.89 0 0 0 0 2.704l.944.92-.016 1.32a1.89 1.89 0 0 0 1.912 1.911l1.318-.016.921.944a1.89 1.89 0 0 0 2.704 0l.92-.944 1.32.016a1.89 1.89 0 0 0 1.911-1.912l-.016-1.318.944-.921a1.89 1.89 0 0 0 0-2.704l-.944-.92.016-1.32a1.89 1.89 0 0 0-1.912-1.911z"></path>
</svg>
</div>
Garantie 30 jours satisfait ou remboursé
</div>
</button>
</h3>
<div
id="collapse-5f3df5ea-5dc1-4f72-adb1-1201d79072d6-2"
class="accordion-collapse collapse"
aria-labelledby="heading-5f3df5ea-5dc1-4f72-adb1-1201d79072d6-2">
<div class="accordion-body">
<div class="description rte">
<p>Essayez SiwakSmile <strong>sans aucun risque</strong>. Si vous n’êtes pas satisfait, nous vous remboursons intégralement sous 30 jours, <strong>sans aucune condition et sans besoin de retour</strong>. Nous croyons en l'efficacité de notre pack et voulons que vous vous sentiez en confiance lors de votre achat.</p>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h3 id="heading-5f3df5ea-5dc1-4f72-adb1-1201d79072d6-3" class="accordion-header mb-0">
<button
class="accordion-button collapsed"
type="button"
data-bs-toggle="collapse"
data-bs-target="#collapse-5f3df5ea-5dc1-4f72-adb1-1201d79072d6-3"
aria-expanded="false"
aria-controls="collapse-5f3df5ea-5dc1-4f72-adb1-1201d79072d6-3">
<div class="d-flex align-items-center">
<div class="me-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#13968B" class="bi bi-question-circle" viewbox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"></path>
<path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94"></path>
</svg>
</div>
Composition
</div>
</button>
</h3>
<div
id="collapse-5f3df5ea-5dc1-4f72-adb1-1201d79072d6-3"
class="accordion-collapse collapse"
aria-labelledby="heading-5f3df5ea-5dc1-4f72-adb1-1201d79072d6-3">
<div class="accordion-body">
<div class="description rte">
<p>Composition à 96% d'origine naturelle comprenant : <br/><br/>Eau, Glycérine, Hydroxyapatite, PAP+, Miswak, Kaolin, Charbon actif, Xylitol, Menthe fraîche, Silice hydratée, Fluorure de sodium (1450 ppm), Gomme de cellulose, Copolymère PVM/MA, Laurylsulfate de sodium.</p>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" name="product-id" value="8912037577036" /><input type="hidden" name="section-id" value="template--25473022853452__template-product" /></form>
</div>
<style data-shopify>
#bought-product-together .img-badge-bought-sale {
background-color: var(--bs-success);
position: absolute;
top: -0.5rem;
right: 0rem;
z-index: 1;
}
</style>
<div class="d-flex justify-content-between align-items-center my-4">
</div>
</div>
</div>
</div>
</div>
</section>
<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "Product",
"name": "Dentifrice Blanchissant Naturel au Siwak + BrushTimer",
"url": "https:\/\/siwaksmile.com\/products\/dentifrice-au-siwak",
"image": [
"https:\/\/siwaksmile.com\/cdn\/shop\/files\/1_1cf29857-0fd3-4878-9073-d5d4c1eac52f.webp?v=1759237840\u0026width=1024"
],
"description": "Ton sourire mérite mieux que les traces de café et de cigarette.\nDécouvre le dentifrice naturel au siwak qui fait la différence : il blanchit les dents visiblement, élimine les taches tenaces et rafraîchit durablement l’haleine – le tout sans agresser l’émail.\nSa formule douce, inspirée de la médecine ancestrale et enrichie en siwak, est recommandée par l’OMS pour une hygiène bucco-dentaire efficace et naturelle.\n100 % naturelSans fluor ni produits chimiques agressifsRésultats visibles dès les premières utilisations\nRejoins les milliers de sourires transformés. Le naturel a toujours le dernier mot.\n",
"brand": {
"@type": "Brand",
"name": "SiwakSmile"
},
"offers": [{
"@type" : "Offer","availability" : "http://schema.org/OutOfStock",
"price" : 14.9,
"priceCurrency" : "EUR",
"url" : "https:\/\/siwaksmile.com\/products\/dentifrice-au-siwak?variant=47827029721420"
}
]
}
</script>
</div><div id="shopify-section-template--25473022853452__tiktok_slider_zTUDCr" class="shopify-section">
<section
id="tiktok-slider-template--25473022853452__tiktok_slider_zTUDCr"
class="tiktok-slider enter-view bg-body text-body text-center pt-0 pb-0 mt-5 mb-5">
<div class="container">
<div class="px-4">
<style data-shopify>
#background-text-template--25473022853452__tiktok_slider_zTUDCr {
font-size: calc(2em * 3);
}
</style>
<div class="overlay-text-container my-4" style="position: relative;">
<h2 class="title mb-4 h3 animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeInUp"
style="animation-delay: 200ms;"
>
La Smile-Family !
</h2>
</div>
<div class="description rte text-muted mt-lg-6 mb-5 fs-5 animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeInUp"
style="animation-delay: 600ms;"
>
<p><strong>+5.000 clients</strong> conquis ne peuvent pas se tromper ! ✨ </p>
</div>
</div>
<div
class="splide"
data-arrows="true"
data-easing="cubic-bezier(.42,.65,.27,.99)"
data-speed="400"
data-autoplay="false"
data-interval="5000"
data-per-move="0"
data-rewind="true"
data-gap="10"
data-breakpoint-xs="3"
data-breakpoint-sm="2"
data-breakpoint-md="3"
data-breakpoint-lg="5"
data-breakpoint-xl="5"
data-breakpoint-xxl="6"
role="group">
<div class="splide__track mx-n5 mx-sm-0 pt-6 pb-12">
<ul class="splide__list">
<li class="splide__slide" >
<div class="ratio ratio-9x16">
<div class="video-wrapper rounded shadow-1 is-playing has-title"
style="border: 1px solid;">
<video
class="w-100 lazy-video"
autoplay
playsinline
loop muted preload="metadata"
aria-label=""
data-poster="//siwaksmile.com/cdn/shop/files/preview_images/8dc1f3c10c1d4e07ac9f0a27517d0610.thumbnail.0000000000.jpg?v=1731864862&width=640"
data-index="0">
<source
data-src="//siwaksmile.com/cdn/shop/videos/c/vp/8dc1f3c10c1d4e07ac9f0a27517d0610/8dc1f3c10c1d4e07ac9f0a27517d0610.m3u8?v=0"
type="application/x-mpegURL">
<source
data-src="//siwaksmile.com/cdn/shop/videos/c/vp/8dc1f3c10c1d4e07ac9f0a27517d0610/8dc1f3c10c1d4e07ac9f0a27517d0610.HD-1080p-4.8Mbps-38234330.mp4?v=0"
type="video/mp4">
<img
src="//siwaksmile.com/cdn/shop/files/preview_images/8dc1f3c10c1d4e07ac9f0a27517d0610.thumbnail.0000000000.jpg?v=1731864862&width=640"
width="640"
height="1138"
alt=""
loading="eager">
</video>
<button class="btn btn-toggle-sound" data-toggle-sound aria-label="Basculer le son">
<svg xmlns="http://www.w3.org/2000/svg" class="icon-volume-off" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M11 5L6 9H2v6h4l5 4zM22 9l-6 6M16 9l6 6"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="icon-volume-on" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" hidden>
<polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"></path>
</svg>
</button>
</div>
</div>
</li>
<li class="splide__slide" >
<div class="ratio ratio-9x16">
<div class="video-wrapper rounded shadow-1 has-title"
style="border: 1px solid;">
<video
class="w-100 lazy-video"
playsinline
loop muted preload="metadata"
aria-label=""
data-poster="//siwaksmile.com/cdn/shop/files/preview_images/adbd89f659904de7af4724546a86f71f.thumbnail.0000000000.jpg?v=1727877534&width=640"
data-index="1">
<source
data-src="//siwaksmile.com/cdn/shop/videos/c/vp/adbd89f659904de7af4724546a86f71f/adbd89f659904de7af4724546a86f71f.m3u8?v=0"
type="application/x-mpegURL">
<source
data-src="//siwaksmile.com/cdn/shop/videos/c/vp/adbd89f659904de7af4724546a86f71f/adbd89f659904de7af4724546a86f71f.HD-1080p-2.5Mbps-35718185.mp4?v=0"
type="video/mp4">
<img
src="//siwaksmile.com/cdn/shop/files/preview_images/adbd89f659904de7af4724546a86f71f.thumbnail.0000000000.jpg?v=1727877534&width=640"
width="640"
height="1138"
alt=""
loading="eager">
</video>
<button class="btn btn-toggle-sound" data-toggle-sound aria-label="Basculer le son">
<svg xmlns="http://www.w3.org/2000/svg" class="icon-volume-off" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M11 5L6 9H2v6h4l5 4zM22 9l-6 6M16 9l6 6"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="icon-volume-on" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" hidden>
<polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"></path>
</svg>
</button>
</div>
</div>
</li>
<li class="splide__slide" >
<div class="ratio ratio-9x16">
<div class="video-wrapper rounded shadow-1 has-title"
style="border: 1px solid;">
<video
class="w-100 lazy-video"
playsinline
loop muted preload="metadata"
aria-label=""
data-poster="//siwaksmile.com/cdn/shop/files/preview_images/2b922c809023429eb3a997dab8226509.thumbnail.0000000000.jpg?v=1731864701&width=640"
data-index="2">
<source
data-src="//siwaksmile.com/cdn/shop/videos/c/vp/2b922c809023429eb3a997dab8226509/2b922c809023429eb3a997dab8226509.m3u8?v=0"
type="application/x-mpegURL">
<source
data-src="//siwaksmile.com/cdn/shop/videos/c/vp/2b922c809023429eb3a997dab8226509/2b922c809023429eb3a997dab8226509.HD-1080p-3.3Mbps-38234269.mp4?v=0"
type="video/mp4">
<img
src="//siwaksmile.com/cdn/shop/files/preview_images/2b922c809023429eb3a997dab8226509.thumbnail.0000000000.jpg?v=1731864701&width=640"
width="640"
height="1138"
alt=""
loading="eager">
</video>
<button class="btn btn-toggle-sound" data-toggle-sound aria-label="Basculer le son">
<svg xmlns="http://www.w3.org/2000/svg" class="icon-volume-off" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M11 5L6 9H2v6h4l5 4zM22 9l-6 6M16 9l6 6"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="icon-volume-on" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" hidden>
<polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"></path>
</svg>
</button>
</div>
</div>
</li>
<li class="splide__slide" >
<div class="ratio ratio-9x16">
<div class="video-wrapper rounded shadow-1 has-title"
style="border: 1px solid;">
<video
class="w-100 lazy-video"
playsinline
loop muted preload="metadata"
aria-label=""
data-poster="//siwaksmile.com/cdn/shop/files/preview_images/ad8b550406784866a8fbc8be4f00e0f3.thumbnail.0000000000.jpg?v=1725458532&width=640"
data-index="3">
<source
data-src="//siwaksmile.com/cdn/shop/videos/c/vp/ad8b550406784866a8fbc8be4f00e0f3/ad8b550406784866a8fbc8be4f00e0f3.m3u8?v=0"
type="application/x-mpegURL">
<source
data-src="//siwaksmile.com/cdn/shop/videos/c/vp/ad8b550406784866a8fbc8be4f00e0f3/ad8b550406784866a8fbc8be4f00e0f3.HD-720p-1.6Mbps-34193314.mp4?v=0"
type="video/mp4">
<img
src="//siwaksmile.com/cdn/shop/files/preview_images/ad8b550406784866a8fbc8be4f00e0f3.thumbnail.0000000000.jpg?v=1725458532&width=640"
width="640"
height="1138"
alt=""
loading="eager">
</video>
<button class="btn btn-toggle-sound" data-toggle-sound aria-label="Basculer le son">
<svg xmlns="http://www.w3.org/2000/svg" class="icon-volume-off" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M11 5L6 9H2v6h4l5 4zM22 9l-6 6M16 9l6 6"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="icon-volume-on" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" hidden>
<polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"></path>
</svg>
</button>
</div>
</div>
</li>
<li class="splide__slide" >
<div class="ratio ratio-9x16">
<div class="video-wrapper rounded shadow-1 has-title"
style="border: 1px solid;">
<video
class="w-100 lazy-video"
playsinline
loop muted preload="metadata"
aria-label=""
data-poster="//siwaksmile.com/cdn/shop/files/preview_images/1c496c1016304b098d845cb65d11d87b.thumbnail.0000000000.jpg?v=1731865009&width=640"
data-index="4">
<source
data-src="//siwaksmile.com/cdn/shop/videos/c/vp/1c496c1016304b098d845cb65d11d87b/1c496c1016304b098d845cb65d11d87b.m3u8?v=0"
type="application/x-mpegURL">
<source
data-src="//siwaksmile.com/cdn/shop/videos/c/vp/1c496c1016304b098d845cb65d11d87b/1c496c1016304b098d845cb65d11d87b.HD-1080p-4.8Mbps-38234403.mp4?v=0"
type="video/mp4">
<img
src="//siwaksmile.com/cdn/shop/files/preview_images/1c496c1016304b098d845cb65d11d87b.thumbnail.0000000000.jpg?v=1731865009&width=640"
width="640"
height="1138"
alt=""
loading="eager">
</video>
<button class="btn btn-toggle-sound" data-toggle-sound aria-label="Basculer le son">
<svg xmlns="http://www.w3.org/2000/svg" class="icon-volume-off" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M11 5L6 9H2v6h4l5 4zM22 9l-6 6M16 9l6 6"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="icon-volume-on" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" hidden>
<polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"></path>
</svg>
</button>
</div>
</div>
</li>
<li class="splide__slide" >
<div class="ratio ratio-9x16">
<div class="video-wrapper rounded shadow-1 has-title"
style="border: 1px solid;">
<video
class="w-100 lazy-video"
playsinline
loop muted preload="metadata"
aria-label=""
data-poster="//siwaksmile.com/cdn/shop/files/preview_images/1dacab0c6bba41f1a346023ad36cd1f5.thumbnail.0000000000.jpg?v=1731864886&width=640"
data-index="5">
<source
data-src="//siwaksmile.com/cdn/shop/videos/c/vp/1dacab0c6bba41f1a346023ad36cd1f5/1dacab0c6bba41f1a346023ad36cd1f5.m3u8?v=0"
type="application/x-mpegURL">
<source
data-src="//siwaksmile.com/cdn/shop/videos/c/vp/1dacab0c6bba41f1a346023ad36cd1f5/1dacab0c6bba41f1a346023ad36cd1f5.HD-1080p-3.3Mbps-38234344.mp4?v=0"
type="video/mp4">
<img
src="//siwaksmile.com/cdn/shop/files/preview_images/1dacab0c6bba41f1a346023ad36cd1f5.thumbnail.0000000000.jpg?v=1731864886&width=640"
width="640"
height="1138"
alt=""
loading="eager">
</video>
<button class="btn btn-toggle-sound" data-toggle-sound aria-label="Basculer le son">
<svg xmlns="http://www.w3.org/2000/svg" class="icon-volume-off" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M11 5L6 9H2v6h4l5 4zM22 9l-6 6M16 9l6 6"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="icon-volume-on" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" hidden>
<polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"></path>
</svg>
</button>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
</div><div id="shopify-section-template--25473022853452__image_with_text_counters_Vrb7yF" class="shopify-section">
<section
id="image-text-counters-template--25473022853452__image_with_text_counters_Vrb7yF"
class="image-text-counters enter-view overflow-hidden bg-body text-body text-start pt-0 pb-0 mt-0 mb-0"
>
<div class="container"
style="position: relative; z-index: 1; max-width: 991px;">
<div class="row align-items-center flex-lg-row">
<div class="mb-8 mb-lg-0 col-lg-6">
<div
class="animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeIn"
style="animation-delay: 0ms">
<img
class="img-fluid rounded img-thumbnail shadow-1"
style="border-width: 1px;"
src="//siwaksmile.com/cdn/shop/files/Copie_de_Guide_SIWAK_carre_3_11zon.webp?crop=center&height=900&v=1759415612&width=900"
alt=""
width="900"
height="900"
loading="lazy">
</div>
</div>
<div class="col-lg-6"
style="--progress-circle-size: 100px; --progress-circle-border-thickness: calc(var(--progress-circle-size) * 0.06);">
<div
class="animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeInDown"
style="animation-delay: 1000ms;"
>
<p class="subtitle text-uppercase fw-500 mb-3 fs-5"
style="color:#6c757d;">
* Enquête réalisée sur la base de vos retours clients
</p>
</div>
<div
class="animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeInUp"
style="animation-delay: 200ms;"
>
<h2 class="title mb-4 h3">
Dentifrice Efficace : Résultats Garantis
</h2>
</div>
<div
class="animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeInUp"
style="animation-delay: 600ms;"
>
<div class="description rte mb-7 fs-5">
<p>Associez du texte à une image pour mettre l'accent sur le produit, la collection ou l'article de blog de votre choix.</p>
</div>
</div>
<div class="row align-items-center border-top border-2 py-3 animate__animated opacity-0 animate__fast"
data-animate-class="animate__fadeInUp"
style="animation-delay: 200ms;" >
<div class="progress-circle-wrapper">
<div class="progress-circle"
style="--percentage: 0%; --progress-border-color: #c99700;" data-percentage="95">
<div class="progress-value">95%</div>
</div>
<div class="mb-0 progress-circle-text">
<p>ont observé un blanchiment notable de leurs dents </p>
</div>
</div>
</div>
<div class="row align-items-center border-top border-2 py-3 animate__animated opacity-0 animate__fast"
data-animate-class="animate__fadeInUp"
style="animation-delay: 400ms;" >
<div class="progress-circle-wrapper">
<div class="progress-circle"
style="--percentage: 0%; --progress-border-color: #c99700;" data-percentage="94">
<div class="progress-value">94%</div>
</div>
<div class="mb-0 progress-circle-text">
<p>ont ressenti une haleine plus fraîche et durable </p>
</div>
</div>
</div>
<div class="row align-items-center border-top border-2 py-3 border-bottom animate__animated opacity-0 animate__fast"
data-animate-class="animate__fadeInUp"
style="animation-delay: 600ms;" >
<div class="progress-circle-wrapper">
<div class="progress-circle"
style="--percentage: 0%; --progress-border-color: #c99700;" data-percentage="90">
<div class="progress-value">90%</div>
</div>
<div class="mb-0 progress-circle-text">
<p>ont noté une atténuation de la sensibilité dentaire </p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div><div id="shopify-section-template--25473022853452__instagram_gallery_zMQ4C8" class="shopify-section">
<style data-shopify>
#background-text-template--25473022853452__instagram_gallery_zMQ4C8 {
font-size: calc(2em * 3);
}
</style>
<section
id="instagram-gallery-template--25473022853452__instagram_gallery_zMQ4C8"
class="instagram-gallery enter-view bg-body text-body text-center pt-0 pb-0 mt-0 mb-0"
data-vendor-splide-scroll-script="//siwaksmile.com/cdn/shop/t/17/assets/vendor-splide-scroll.min.js?v=157408630528621081061747367940">
<div class="overflow-hidden">
<div class="container px-4">
<div class="overlay-text-container my-4" style="position: relative;">
<h2 class="title mb-6 h1 title-branded animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeInUp"
style="animation-delay: 200ms;"
>
<span>La Smile-Family, 5000+ membres !</span>
</h2>
</div>
<div class="description rte text-muted mt-n2 mb-5 fs-5 animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeInUp"
style="animation-delay: 600ms;"
>
<p>Regardez comme ils appecient SiwakSmile ! </p>
</div>
</div>
<div
class="splide"
data-arrows="true"
data-pagination=""
data-easing="cubic-bezier(.42,.65,.27,.99)"
data-speed="1"
data-direction="left"
data-gap="2"
data-breakpoint-xs="3"
data-breakpoint-sm="3"
data-breakpoint-md="3"
data-breakpoint-lg="6"
data-breakpoint-xl="5"
data-breakpoint-xxl="6"
role="group">
<div class="splide__track mx-n5 pt-6 pb-12">
<ul class="splide__list">
<li class="splide__slide" >
<a href="" class="rounded shadow-1"
style="border-width: 1px;"
target="_blank">
<img
class="img-fluid rounded"
src="//siwaksmile.com/cdn/shop/files/5_10_11zon.webp?crop=center&height=480&v=1759413225&width=600"
alt=""
width="600"
height="480"
loading="lazy">
<span class="instagram-gallery-meta">
</span>
</a>
</li>
<li class="splide__slide" >
<a href="" class="rounded shadow-1"
style="border-width: 1px;"
target="_blank">
<img
class="img-fluid rounded"
src="//siwaksmile.com/cdn/shop/files/10_1_11zon_1_11zon.webp?crop=center&height=480&v=1759413225&width=600"
alt=""
width="600"
height="480"
loading="lazy">
<span class="instagram-gallery-meta">
</span>
</a>
</li>
<li class="splide__slide" >
<a href="" class="rounded shadow-1"
style="border-width: 1px;"
target="_blank">
<img
class="img-fluid rounded"
src="//siwaksmile.com/cdn/shop/files/3_11_11zon.webp?crop=center&height=480&v=1759413225&width=600"
alt=""
width="600"
height="480"
loading="lazy">
<span class="instagram-gallery-meta">
</span>
</a>
</li>
<li class="splide__slide" >
<a href="" class="rounded shadow-1"
style="border-width: 1px;"
target="_blank">
<img
class="img-fluid rounded"
src="//siwaksmile.com/cdn/shop/files/4_9_11zon.webp?crop=center&height=480&v=1759413225&width=600"
alt=""
width="600"
height="480"
loading="lazy">
<span class="instagram-gallery-meta">
<span class="instagram-gallery-meta-likes">
24
</span>
<span class="instagram-gallery-meta-comments">
12
</span>
</span>
</a>
</li>
<li class="splide__slide" >
<a href="" class="rounded shadow-1"
style="border-width: 1px;"
target="_blank">
<img
class="img-fluid rounded"
src="//siwaksmile.com/cdn/shop/files/1_16_11zon.webp?crop=center&height=480&v=1759413226&width=600"
alt=""
width="600"
height="480"
loading="lazy">
<span class="instagram-gallery-meta">
</span>
</a>
</li>
<li class="splide__slide" >
<a href="" class="rounded shadow-1"
style="border-width: 1px;"
target="_blank">
<img
class="img-fluid rounded"
src="//siwaksmile.com/cdn/shop/files/13_4_11zon_4_11zon.webp?crop=center&height=480&v=1759413226&width=600"
alt=""
width="600"
height="480"
loading="lazy">
<span class="instagram-gallery-meta">
</span>
</a>
</li>
<li class="splide__slide" >
<a href="" class="rounded shadow-1"
style="border-width: 1px;"
target="_blank">
<img
class="img-fluid rounded"
src="//siwaksmile.com/cdn/shop/files/14_5_11zon_5_11zon.webp?crop=center&height=480&v=1759413226&width=600"
alt=""
width="600"
height="480"
loading="lazy">
<span class="instagram-gallery-meta">
<span class="instagram-gallery-meta-likes">
24
</span>
<span class="instagram-gallery-meta-comments">
12
</span>
</span>
</a>
</li>
<li class="splide__slide" >
<a href="" class="rounded shadow-1"
style="border-width: 1px;"
target="_blank">
<img
class="img-fluid rounded"
src="//siwaksmile.com/cdn/shop/files/12_3_11zon_3_11zon.webp?crop=center&height=480&v=1759413226&width=600"
alt=""
width="600"
height="480"
loading="lazy">
<span class="instagram-gallery-meta">
<span class="instagram-gallery-meta-likes">
24
</span>
<span class="instagram-gallery-meta-comments">
12
</span>
</span>
</a>
</li>
<li class="splide__slide" >
<a href="" class="rounded shadow-1"
style="border-width: 1px;"
target="_blank">
<img
class="img-fluid rounded"
src="//siwaksmile.com/cdn/shop/files/2_8_11zon.webp?crop=center&height=480&v=1759413225&width=600"
alt=""
width="600"
height="480"
loading="lazy">
<span class="instagram-gallery-meta">
<span class="instagram-gallery-meta-likes">
24
</span>
<span class="instagram-gallery-meta-comments">
12
</span>
</span>
</a>
</li>
<li class="splide__slide" >
<a href="" class="rounded shadow-1"
style="border-width: 1px;"
target="_blank">
<img
class="img-fluid rounded"
src="//siwaksmile.com/cdn/shop/files/7_13_11zon.webp?crop=center&height=480&v=1759413226&width=600"
alt=""
width="600"
height="480"
loading="lazy">
<span class="instagram-gallery-meta">
<span class="instagram-gallery-meta-likes">
24
</span>
<span class="instagram-gallery-meta-comments">
12
</span>
</span>
</a>
</li>
<li class="splide__slide" >
<a href="" class="rounded shadow-1"
style="border-width: 1px;"
target="_blank">
<img
class="img-fluid rounded"
src="//siwaksmile.com/cdn/shop/files/8_14_11zon.webp?crop=center&height=480&v=1759413226&width=600"
alt=""
width="600"
height="480"
loading="lazy">
<span class="instagram-gallery-meta">
</span>
</a>
</li>
<li class="splide__slide" >
<a href="" class="rounded shadow-1"
style="border-width: 1px;"
target="_blank">
<img
class="img-fluid rounded"
src="//siwaksmile.com/cdn/shop/files/9_15_11zon.webp?crop=center&height=480&v=1759413226&width=600"
alt=""
width="600"
height="480"
loading="lazy">
<span class="instagram-gallery-meta">
</span>
</a>
</li>
<li class="splide__slide" >
<a href="" class="rounded shadow-1"
style="border-width: 1px;"
target="_blank">
<img
class="img-fluid rounded"
src="//siwaksmile.com/cdn/shop/files/15_6_11zon_6_11zon.webp?crop=center&height=480&v=1759413226&width=600"
alt=""
width="600"
height="480"
loading="lazy">
<span class="instagram-gallery-meta">
<span class="instagram-gallery-meta-likes">
24
</span>
<span class="instagram-gallery-meta-comments">
12
</span>
</span>
</a>
</li>
<li class="splide__slide" >
<a href="" class="rounded shadow-1"
style="border-width: 1px;"
target="_blank">
<img
class="img-fluid rounded"
src="//siwaksmile.com/cdn/shop/files/16_7_11zon_7_11zon.webp?crop=center&height=480&v=1759413226&width=600"
alt=""
width="600"
height="480"
loading="lazy">
<span class="instagram-gallery-meta">
<span class="instagram-gallery-meta-likes">
24
</span>
<span class="instagram-gallery-meta-comments">
12
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</section>
</div><div id="shopify-section-template--25473022853452__icon_blocks_mKLqFQ" class="shopify-section">
<style data-shopify>
/* Image SVG */
.custom_icon-item_eqxMDM svg {
height: 50px;
width: 50px;
}
/* Image SVG mobile */
@media screen and (max-width: 990px) {
.custom_icon-item_eqxMDM svg {
height: 50px;
width: 50px;
}
}/* Image SVG */
.custom_icon-item_KYe6zY svg {
height: 50px;
width: 50px;
}
/* Image SVG mobile */
@media screen and (max-width: 990px) {
.custom_icon-item_KYe6zY svg {
height: 50px;
width: 50px;
}
}/* Image SVG */
.custom_icon-item_3LH7aG svg {
height: 50px;
width: 50px;
}
/* Image SVG mobile */
@media screen and (max-width: 990px) {
.custom_icon-item_3LH7aG svg {
height: 50px;
width: 50px;
}
}/* Image SVG */
.custom_icon-item_RabmAa svg {
height: 50px;
width: 50px;
}
/* Image SVG mobile */
@media screen and (max-width: 990px) {
.custom_icon-item_RabmAa svg {
height: 50px;
width: 50px;
}
}</style>
<section
id="icon-blocks-template--25473022853452__icon_blocks_mKLqFQ"
class="icon-blocks enter-view position-relative overflow-hidden bg-body text-body text-center pt-0 pb-0 mt-5 mb-5">
<div class="container"
style="max-width: px;">
<style data-shopify>
#background-text-template--25473022853452__icon_blocks_mKLqFQ {
font-size: calc(2em * 3);
}
</style>
<div class="overlay-text-container my-4" style="position: relative;">
<h2 class="title mb-4 h3 animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeInUp"
style="animation-delay: 200ms;"
>
Pourquoi +5.000 français ont déjà adopté la routine SiwakSmile ?
</h2>
</div>
<div class="description rte text-muted mt-lg-6 mb-5 fs-5 animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeInUp"
style="animation-delay: 600ms;"
>
<p>Des bénéfices prouvés par la science !</p>
</div>
<div class="row mx-n3 mx-lg-n4 row-cols-2 row-cols-sm-2 row-cols-md-2 row-cols-lg-2 row-cols-xl-4 row-cols-xxl-4">
<div class="col p-3 p-lg-4 custom_icon-item_eqxMDM" >
<div
class="h-100 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 150ms;">
<div
class="card h-100 bg-secondary text-white shadow-none text-center"
style="border-width: 2px;">
<div class="card-body text-center">
<div class="">
<div class="mb-5">
<!--?xml version="1.0" encoding="iso-8859-1"?-->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 510.001 510.001" style="enable-background:new 0 0 510.001 510.001;" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve">
<style>
@keyframes rotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes scale {
0%, 100% { transform: scale(0.96); }
50% { transform: scale(0.99); }
}
.animated-svg {
animation: rotate 5s linear infinite, scale 3s ease-in-out infinite;
transform-origin: center;
}
</style>
<g class="animated-svg">
<g>
<g>
<path style="fill:#FD8F01;" d="M403.612,179.087c-53.234,0-96.388,43.155-96.388,96.389s43.155,96.389,96.388,96.389 c53.234,0,96.389-43.155,96.389-96.389S456.846,179.087,403.612,179.087z M403.612,327.865 c-28.933,0-52.388-23.455-52.388-52.389s23.455-52.389,52.388-52.389c28.934,0,52.389,23.455,52.389,52.389 S432.546,327.865,403.612,327.865z"></path>
</g>
<g id="XMLID_121_">
<path style="fill:#FDCB50;" d="M248.507,451L248.507,451c-80.096,0-145.026-64.93-145.026-145.026V160.948h290.053v145.027 C393.533,386.07,328.603,451,248.507,451z"></path>
</g>
<g>
<path style="fill:#FD8F01;" d="M215.182,233.559L215.182,233.559c-38.346-13.453-79.742-4.103-111.701,22.237v50.178 C103.48,386.07,168.411,451,248.506,451h0c1.28,0,2.557-0.018,3.829-0.051c13.218-14.513,23.678-32.026,30.468-51.378 c10.91-31.095,11.471-64.406,1.577-93.798C272.753,271.23,247.531,244.909,215.182,233.559z"></path>
</g>
<g>
<path style="fill:#B55348;" d="M300.033,160.947h-48.5v51.487c0,13.393,10.857,24.25,24.25,24.25l0,0 c13.393,0,24.25-10.857,24.25-24.25v34.594c0,13.393,10.857,24.25,24.25,24.25l0,0c13.393,0,24.25-10.857,24.25-24.25v-86.081 H300.033z"></path>
</g>
<g>
<path style="fill:#FDCB50;" d="M434.001,495h-358c-36.451,0-66-29.549-66-66v0h490v0C500.001,465.451,470.452,495,434.001,495z"></path>
</g>
<g>
<g>
<g>
<ellipse style="fill:#B55348;" cx="80.263" cy="374.23" rx="70.262" ry="54.771"></ellipse>
</g>
</g>
<g>
<g>
<ellipse transform="matrix(0.3311 -0.9436 0.9436 0.3311 -225.7262 402.0826)" style="fill:#D46B5C;" cx="170.731" cy="360.249" rx="70.262" ry="54.771"></ellipse>
</g>
<g>
<path style="fill:#B55348;" d="M161.111,336.827c0-16.722,5.116-32.247,13.866-45.101 c-23.107,2.276-45.867,21.715-55.928,50.39c-12.847,36.616-0.123,74.418,28.42,84.432c19.461,6.828,41.245-1.032,57.213-18.325 C178.808,394.903,161.111,367.932,161.111,336.827z"></path>
</g>
</g>
</g>
<g>
<path style="fill:#FD7DA0;" d="M248.507,115.612l42.007-32.743c12.954-10.097,20.527-25.603,20.527-42.027v0 c0-20.189-16.686-36.683-36.857-35.807c-10.331,0.448-19.511,5.337-25.678,12.806c-6.167-7.469-15.346-12.358-25.678-12.806 c-20.17-0.875-36.857,15.618-36.857,35.807v0c0,16.424,7.574,31.93,20.527,42.027L248.507,115.612z"></path>
</g>
</g>
<g>
<g>
<path style="fill:#FDE0BE;" d="M114.701,395.023c-0.037,0-0.075,0-0.112,0c-14.299-0.159-28.11-4.488-39.942-12.52 c-17.93-12.171-41.1-12.171-59.029,0c-4.568,3.101-10.789,1.913-13.89-2.658c-3.103-4.569-1.912-10.788,2.657-13.89 c24.752-16.803,56.742-16.803,81.494,0c8.571,5.818,18.575,8.954,28.931,9.068c5.522,0.062,9.95,4.588,9.889,10.11 C124.638,390.619,120.173,395.023,114.701,395.023z"></path>
</g>
<g>
<path style="fill:#FDE0BE;" d="M147.462,436.551c-4.427,0-8.473-2.961-9.66-7.442c-7.659-28.92,2.932-59.104,26.98-76.898 c17.421-12.889,25.092-34.752,19.544-55.7c-1.414-5.338,1.768-10.813,7.106-12.227c5.341-1.417,10.812,1.767,12.228,7.106 c7.659,28.919-2.932,59.104-26.98,76.898c-17.421,12.889-25.092,34.752-19.544,55.701c1.414,5.339-1.768,10.813-7.106,12.227 C149.171,436.442,148.31,436.551,147.462,436.551z"></path>
</g>
<path style="fill:#052A75;" d="M500.001,419H354.66c12.136-11.35,22.25-24.461,30.074-38.824 c6.212,1.113,12.531,1.688,18.878,1.688c58.663,0,106.389-47.726,106.389-106.389s-47.726-106.389-106.389-106.389 c-0.026,0-0.053,0.001-0.079,0.001v-8.141c0-5.523-4.478-10-10-10H103.48c-5.522,0-10,4.477-10,10v145.026 c0,1.444,0.022,2.898,0.065,4.358c-4.348-0.578-8.785-0.873-13.283-0.873c-44.257,0-80.262,29.056-80.262,64.771 c0,17.358,8.521,33.13,22.344,44.771H10.001c-5.522,0-10,4.477-10,10c0,41.907,34.094,76,76,76h358c41.906,0,76-34.093,76-76 C510.001,423.478,505.523,419,500.001,419z M403.533,233.089c0.026,0,0.053-0.002,0.079-0.002 c23.373,0,42.389,19.016,42.389,42.389s-19.016,42.389-42.389,42.389c-0.181,0-0.362-0.013-0.543-0.015 c0.296-3.93,0.464-7.888,0.464-11.875V233.089z M403.612,189.087c47.635,0,86.389,38.754,86.389,86.389 s-38.754,86.389-86.389,86.389c-3.413,0-6.814-0.209-10.187-0.605c2.886-7.596,5.178-15.445,6.844-23.488 c1.115,0.061,2.23,0.094,3.342,0.094c34.401,0,62.389-27.987,62.389-62.389s-27.987-62.389-62.389-62.389 c-0.026,0-0.053,0.002-0.079,0.002v-24.001C403.56,189.088,403.586,189.087,403.612,189.087z M113.48,305.974V170.948h270.053 v135.026c0,45.907-22.819,87.942-61.17,113.026H207.99c10.191-9.63,18.611-22.349,23.86-37.308 c14.651-41.761-0.846-85.355-34.546-97.179c-16.776-5.886-35.271-3.181-52.076,7.62c-9.946,6.392-18.59,15.208-25.379,25.711 c-1.968-0.902-3.977-1.732-6.021-2.492C113.606,312.195,113.48,309.057,113.48,305.974z M150.779,417.112 c-23.294-8.173-33.295-40.331-22.294-71.686c5.479-15.618,15.266-28.569,27.556-36.468c7.684-4.938,15.72-7.46,23.439-7.46 c3.84,0,7.603,0.625,11.202,1.888c23.294,8.173,33.295,40.331,22.294,71.686C201.977,406.426,174.078,425.288,150.779,417.112z M20.001,374.229c0-24.687,27.033-44.771,60.262-44.771c10.735,0,21.285,2.193,30.504,6.249c-0.397,1.025-0.788,2.054-1.154,3.097 c-9.145,26.065-6.543,52.844,4.898,72.167C104.491,416.183,92.651,419,80.263,419C47.034,419,20.001,398.916,20.001,374.229z M434.001,485h-358c-27.466,0-50.377-19.877-55.105-46h468.211C484.378,465.124,461.467,485,434.001,485z"></path>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
</div>
<div class="block-inner">
<h3 class="title mb-4 h6">
Élimine les taches de café
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col p-3 p-lg-4 custom_icon-item_KYe6zY" >
<div
class="h-100 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 300ms;">
<div
class="card h-100 bg-secondary text-white shadow-none text-center"
style="border-width: 2px;">
<div class="card-body text-center">
<div class="">
<div class="mb-5">
<!--?xml version="1.0" encoding="iso-8859-1"?-->
<svg version="1.1" id="Capa_1" class="pulse" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 510.014 510.014" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve">
<style type="text/css">
/* Animation de pulsation pour donner vie à l'image */
@keyframes pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.05); }
}
.pulse {
animation: pulse 3s ease-in-out infinite;
transform-origin: 50% 50%;
}
/* Animation pour la couleur de la dent en beige (#FFE1BE) */
@keyframes colorFade1 {
0% { fill: #e6be88; }
50% { fill: #FFFFFF; }
100% { fill: #e6be88; }
}
.animate-fade1 {
animation: colorFade1 4s ease-in-out infinite;
}
</style>
<g>
<g>
<g id="XMLID_753_">
<!-- Forme extérieure de la dent avec contour en #0b7273 -->
<path style="fill:#FFFFFF; stroke:#0b7273; stroke-width:3;" d="M446.223,146.08c12.111,16.801,18.287,35.633,18.757,57.692c0.409,18.79-4.09,36.51-12.291,51.95 c-20.019,37.67-32.23,78.99-34.359,121.6l-3.531,39.47c-1.51,16.81-6.95,32.75-15.62,46.7 c-8.67,13.951-20.55,25.89-34.951,34.681c-15.43,6.049-32.37-4.311-34.009-20.801l-10.67-107.299 c-1.58-14.99-14.25-26.37-29.341-26.32c-15.129,0.051-27.629,11.89-29.209,26.94l-10.63,106.77 c-1.63,16.46-18.52,26.82-33.94,20.82l-3.51-2.12c-27.17-16.43-45.6-44.13-50.25-75.54l-7.19-48.669 c-4.01-40.07-16.85-78.63-36.73-113.65c-9.25-16.29-14.3-35.28-13.69-55.5c1.71-56.35,48.02-101.829,104.4-102.57 c21.61-0.29,41.75,5.9,58.62,16.75c10.279,6.619,23.58,6.619,33.86,0c16.87-10.85,37.01-17.04,58.62-16.75 c19.83,0.26,37.173,5.3,52.992,15.15"></path>
</g>
<g>
<!-- Partie de la dent en beige animée -->
<path class="animate-fade1" style="fill:#c1a676;" d="M163.579,134.146c0-7.775,0.293-15.48,0.845-23.114c-34.156,16.812-58.143,51.515-59.365,91.771 c-0.61,20.22,4.44,39.21,13.69,55.5c19.881,35.02,32.72,73.581,36.73,113.65l7.19,48.669c4.65,31.41,23.08,59.11,50.25,75.54 l3.51,2.12c15.42,6,32.31-4.36,33.94-20.82L261,370.692c0.248-2.36,0.765-4.641,1.517-6.81 C201.596,306.24,163.579,224.636,163.579,134.146z"></path>
</g>
<g>
<!-- Autre partie de la dent en beige animée -->
<path class="animate-fade1" style="fill:##e6be88;" d="M323.427,409.052l6.794,68.32c1.64,16.49,18.58,26.85,34.009,20.801 c14.401-8.79,26.281-20.73,34.951-34.681c4.103-6.602,7.473-13.654,10.055-21.029 C378.715,435.505,349.879,424.132,323.427,409.052z"></path>
</g>
</g>
<g>
<g>
<g id="XMLID_00000089552564828098476040000001074084990234603948_">
<!-- Partie bleue (détails) non animée -->
<path style="fill:#052A75;" d="M225.55,510.014c-4.286,0-8.598-0.798-12.746-2.412c-0.535-0.208-1.052-0.463-1.543-0.76 l-3.51-2.12c-29.833-18.04-49.868-48.158-54.972-82.635l-7.191-48.673c-0.023-0.155-0.042-0.311-0.058-0.466 c-3.806-38.035-15.742-74.947-35.476-109.71c-10.449-18.402-15.632-39.405-14.989-60.738 c0.906-29.842,13.225-57.887,34.687-78.971c21.458-21.079,49.72-32.904,79.578-33.296c22.867-0.314,45.031,6.034,64.161,18.339 c7.001,4.508,16.042,4.508,23.036,0.003c19.134-12.308,41.316-18.638,64.168-18.342c21.574,0.282,40.594,5.732,58.144,16.661 c4.688,2.919,6.122,9.086,3.203,13.774c-2.919,4.688-9.086,6.12-13.774,3.203c-14.365-8.945-30.013-13.407-47.837-13.641 c-18.922-0.269-37.264,4.988-53.08,15.161c-13.568,8.737-31.109,8.738-44.684-0.003c-15.811-10.169-34.156-15.408-53.072-15.158 c-51.454,0.676-92.979,41.471-94.539,92.874c-0.533,17.664,3.751,35.044,12.39,50.259c21.079,37.13,33.85,76.615,37.961,117.356 l7.156,48.439c4.228,28.556,20.823,53.504,45.532,68.445l2.674,1.614c4.215,1.407,8.76,0.892,12.578-1.451 c4.029-2.474,6.606-6.589,7.072-11.292l10.631-106.775c2.146-20.45,18.965-35.882,39.126-35.949c0.044,0,0.089,0,0.134,0 c20.23,0,37.064,15.141,39.186,35.272l10.676,107.357c0.469,4.715,3.056,8.838,7.098,11.311 c3.819,2.336,8.358,2.847,12.568,1.438c12.444-7.771,23.096-18.442,30.849-30.918c7.917-12.737,12.811-27.369,14.153-42.315 l3.513-39.272c2.184-43.117,14.13-85.372,35.506-125.596c7.634-14.373,11.481-30.64,11.124-47.04 c-0.423-19.872-5.942-36.9-16.872-52.062c-3.229-4.48-2.215-10.73,2.265-13.96c4.48-3.229,10.729-2.215,13.96,2.265 c13.378,18.56,20.13,39.274,20.642,63.327c0.432,19.805-4.221,39.467-13.457,56.854 c-20.022,37.676-31.193,77.178-33.203,117.409c-0.006,0.131-0.016,0.262-0.027,0.392l-3.531,39.47 c-1.621,18.047-7.529,35.711-17.086,51.087c-9.563,15.389-22.784,28.508-38.234,37.938c-0.497,0.304-1.018,0.562-1.56,0.774 c-10.297,4.038-21.613,3.044-31.047-2.729c-9.432-5.77-15.469-15.39-16.563-26.393L309.6,371.062 c-1.039-9.854-9.33-17.31-19.292-17.31c-0.022,0-0.043,0-0.066,0c-9.928,0.033-18.224,7.765-19.297,17.983l-10.625,106.717 c-1.086,10.977-7.105,20.587-16.512,26.361C238.191,508.262,231.899,510.014,225.55,510.014z M418.331,377.323h0.01H418.331z"></path>
</g>
<g id="XMLID_00000125597972137662838690000011052469641960796293_">
<!-- Détail en jaune vif (étoile) statique -->
<path style="fill:#FFCC43;" d="M79.506,69.5c-2.559,0-5.118-0.977-7.071-2.929L51.221,45.358 c-3.905-3.905-3.906-10.237,0-14.143c3.905-3.904,10.237-3.904,14.142,0l21.214,21.213c3.905,3.905,3.906,10.237,0,14.143 C84.625,68.523,82.065,69.5,79.506,69.5z"></path>
</g>
<g id="XMLID_00000183960784881095829640000014303988443784119219_">
<!-- Autre détail en jaune vif (étoile) statique -->
<path style="fill:#FFCC43;" d="M65.375,111.928c-0.65,0-1.31-0.063-1.972-0.196l-35.355-7.071 c-5.416-1.083-8.928-6.352-7.845-11.767c1.083-5.416,6.354-8.932,11.767-7.845l35.356,7.071 c5.416,1.083,8.928,6.352,7.844,11.767C74.219,108.641,70.044,111.928,65.375,111.928z"></path>
</g>
<g id="XMLID_00000099631893127519687190000002318911225150386845_">
<!-- Détail en jaune vif (étoile) statique -->
<path style="fill:#FFCC43;" d="M121.922,55.36c-4.669,0-8.844-3.287-9.795-8.041l-7.072-35.355 c-1.083-5.415,2.429-10.684,7.844-11.767c5.416-1.086,10.684,2.429,11.767,7.845l7.072,35.355 c1.083,5.415-2.429,10.684-7.844,11.767C123.232,55.297,122.572,55.36,121.922,55.36z"></path>
</g>
<g id="XMLID_00000118373369772459309310000005067873439072708779_">
<!-- Détail en jaune vif (étoile) statique -->
<path style="fill:#FFCC43;" d="M430.009,190.222c-5.523,0-10-4.478-10-10c0-22.056-17.944-40-40-40c-5.523,0-10-4.478-10-10 s4.477-10,10-10c22.056,0,40-17.944,40-40c0-5.522,4.477-10,10-10s10,4.478,10,10c0,22.056,17.944,40,40,40 c5.523,0,10,4.478,10,10s-4.477,10-10-10c-22.056,0-40,17.944-40,40C440.009,185.745,435.532,190.222,430.009,190.222z M413.142,130.222c6.681,4.441,12.424,10.186,16.866,16.866c4.441-6.681,10.186-12.425,16.866-16.866 c-6.68-4.441-12.424-10.186-16.866-16.866C425.567,120.037,419.823,125.781,413.142,130.222z"></path>
</g>
<g id="XMLID_00000065764721420101379540000009164038775690492034_">
<!-- Dernier détail en jaune vif (étoile) statique -->
<path style="fill:#FFCC43;" d="M205.01,270.222c-5.523,0-10-4.478-10-10c0-22.056-17.944-40-40-40c-5.523,0-10-4.478-10-10 s4.477-10,10-10c22.056,0,40-17.944,40-40c0-5.522,4.477-10,10-10s10,4.478,10,10c0,22.056,17.944,40,40,40 c5.523,0,10,4.478,10,10s-4.477,10-10-10c-22.056,0-40,17.944-40,40C215.01,265.745,210.533,270.222,205.01,270.222z M188.143,210.222c6.681,4.441,12.424,10.186,16.866,16.866c4.442-6.681,10.186-12.425,16.866-16.866 c-6.681-4.441-12.424-10.186-16.866-16.866C200.568,200.037,194.824,205.781,188.143,210.222z"></path>
</g>
</g>
</g>
</g>
</svg>
</div>
<div class="block-inner">
<h3 class="title mb-4 h6">
Blanchit les dents efficacement
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col p-3 p-lg-4 custom_icon-item_3LH7aG" >
<div
class="h-100 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 450ms;">
<div
class="card h-100 bg-secondary text-white shadow-none text-center"
style="border-width: 3px;">
<div class="card-body text-center">
<div class="">
<div class="mb-5">
<div class="svg-animation-container">
<style>
/* Conteneur pour centrer l'icône */
.svg-animation-container {
text-align: center;
}
/* Affichage en ligne du SVG */
.svg-animation-container svg {
width: 100px; /* ajustez selon vos besoins */
display: inline-block;
margin: 0 auto;
}
/* Animation combinée pour le feuillage :
- dynamicSway : balancement
- scalePulse : grossissement/rétrécissement */
.svg-animation-container .feuillage {
transform-origin: 50% 80%;
animation: dynamicSway 4s cubic-bezier(0.42, 0, 0.58, 1) infinite,
scalePulse 2s ease-in-out infinite;
}
/* Animation de pulsing (scale) */
@keyframes scalePulse {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
/* Animation de balancement (rotation + translation) */
@keyframes dynamicSway {
0% { transform: rotate(0deg) translateY(0); }
20% { transform: rotate(2deg) translateY(-2px); }
40% { transform: rotate(-3deg) translateY(1px); }
60% { transform: rotate(3deg) translateY(-1px); }
80% { transform: rotate(-2deg) translateY(2px); }
100% { transform: rotate(0deg) translateY(0); }
}
/* Animation du contour synchronisée avec le pulsing */
@keyframes strokePulse {
0% { stroke-width: 1; }
50% { stroke-width: 1.1; }
100% { stroke-width: 1; }
}
/* Appliquer un contour aux paths du feuillage et du haut du tronc,
et lancer l'animation du contour */
.svg-animation-container .feuillage path,
.svg-animation-container .top-tronc path {
stroke: #000; /* couleur du contour (à ajuster si besoin) */
stroke-width: 1;
vector-effect: none; /* pour que le stroke se scale */
animation: strokePulse 2s ease-in-out infinite;
}
/* Optionnel : effet interactif au survol pour le feuillage */
.svg-animation-container .feuillage path:hover {
animation: changeColor 2s ease-in-out infinite;
}
@keyframes changeColor {
0% { fill-opacity: 1; }
50% { fill-opacity: 0.7; }
100% { fill-opacity: 1; }
}
/* Pour le haut du tronc, seule l'animation de pulsing est appliquée */
.svg-animation-container .top-tronc {
transform-origin: 50% 100%;
animation: scalePulse 2s ease-in-out infinite;
}
</style>
<svg preserveaspectratio="xMidYMid meet" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 510.011 510.011" xml:space="preserve">
<g>
<!-- Feuillage animé -->
<g class="feuillage">
<path style="fill:#B1D952;" d="M305.074,369.544c19.175,0,36.144,0,48.213,0c49.8,0,91.673-33.915,103.798-79.906 c24.854-7.628,42.926-30.757,42.926-58.111v-59.052c0-33.047-26.379-59.915-59.227-60.742 c-12.149-53.116-73.928-83.953-124.257-60.149c-32.923-32.352-90.118-32.344-123.031,0 c-50.338-23.81-112.113,7.044-124.257,60.149c-32.848,0.827-59.227,27.694-59.227,60.742v59.052 c0,27.354,18.072,50.483,42.926,58.111c12.124,45.991,53.998,79.906,103.798,79.906c12.219,0,29.46,0,48.928,0H305.074z"></path>
<path style="fill:#91B706;" d="M126.252,94.956c0-16.157,1.271-32.016,3.696-47.493c-29.935,9.194-53.193,33.639-60.71,64.271 c-32.848,0.827-59.227,27.694-59.227,60.741v59.052c0,27.354,18.072,50.483,42.926,58.11 c12.124,45.991,53.998,79.906,103.798,79.906c12.219,0,29.46,0,48.928,0h93.541C196.901,320.504,126.252,215.983,126.252,94.956z"></path>
<path style="fill:#D46B5C;" d="M255.01,298.355c-16.586-19.283-9.908-35.108-30.447-50.724 c-24.962-18.979-59.556,1.543-92.745-23.303l-5.104,3.404c0,0-8.535,45.197,39.606,74.406 c27.913,16.936,39.47,39.34,39.74,61.528L255.01,298.355z"></path>
<path style="fill:#F7B073;" d="M143.592,482.725c-9.172-33.974,2.854-50.316,34.159-68.893 c18.796-11.154,27.569-27.835,28.309-50.167c0.602-18.18,4.477-32.97,28.175-48.054 c43.324-27.576,24.879-47.95,51.225-67.981c25.705-19.543,57.415,1.705,92.752-23.303l5.097,3.404 c6.457,82.943-83.481,68.783-79.561,133.499c1.343,23.167,22.245,42.018,34.919,53.386 c17.867,16.026,30.235,37.748,20.806,68.109H143.592z"></path>
</g>
<!-- Tronc -->
<g class="tronc">
<!-- Partie supérieure du tronc animée (grossissement) -->
<g class="top-tronc">
<path style="fill:#052A75;" d="M399.143,134.082h-30.498c-5.523,0-10,4.477-10,10c0,5.523,4.477,10,10,10h30.498 C412.399,153.559,412.411,134.61,399.143,134.082z"></path>
<path style="fill:#052A75;" d="M176.821,120.987h-30.498c-5.522,0-10,4.477-10,10c0,5.523,4.478,10,10,10h30.498 C190.078,140.464,190.09,121.515,176.821,120.987z"></path>
<path style="fill:#052A75;" d="M88.132,169.896H57.634c-5.522,0-10,4.477-10,10c0,5.523,4.478,10,10,10h30.498 C101.389,189.373,101.4,170.424,88.132,169.896z"></path>
<path style="fill:#052A75;" d="M305.706,161.99h-30.498c-5.522,0-10,4.477-10,10c0,5.523,4.478,10,10,10h30.498 C318.963,181.467,318.975,162.518,305.706,161.99z"></path>
</g>
<!-- Partie inférieure du tronc immobile -->
<g class="bottom-tronc">
<path style="fill:#052A75;" d="M489.868,123.034c-11.206-11.468-25.685-18.675-41.371-20.719 c-16.044-53.022-78.232-82.899-130.044-62.365c-35.301-30.22-91.584-30.218-126.885,0 C139.75,19.416,77.573,49.293,61.526,102.315c-34.263,3.877-62.17,35.553-61.514,70.161 c-0.001,0-0.001,59.052-0.001,59.052c0,29.432,17.766,55.235,44.749,65.839 c15.241,48.649,60.533,82.177,111.975,82.177h36.789c-3.406,11.027-10.237,19.376-20.876,25.689 c-32.104,19.052-49.779,39.097-38.71,80.099c1.118,4.363,5.135,7.393,9.654,7.393h215.881 c4.381,0,8.251-2.851,9.55-7.035c9.231-29.728,1.265-56.146-23.68-78.519 c-7.475-6.705-18.249-16.37-25.102-27.628h33.047c51.441,0,96.734-33.528,111.974-82.177 c26.983-10.604,44.749-36.407,44.749-65.839v-59.052 C510.011,153.886,502.858,136.327,489.868,123.034z M206.264,327.839c-7.534-13.188-19.27-24.855-34.757-34.251 c-29.26-17.753-34.742-41.727-35.359-54.727c16.783,8.789,33.28,9.1,48.132,9.379 c26.138-0.236,40.897,4.812,48.483,29.333c2.113,6.057,4.438,12.72,9.11,19.912 c-3.437,3.088-7.68,6.299-13.007,9.69C218.417,313.827,211.209,320.659,206.264,327.839z M331.989,422.06c17.073,15.314,23.448,31.562,19.72,50.665H151.547 c-4.04-21.972,4.015-34.097,31.308-50.293c21.287-12.288,32.625-33.553,33.199-58.435 c-0.421-35.405,27.093-36.079,46.814-59.461c0.02-0.025,0.043-0.049,0.063-0.075 c8.399-9.896,11.577-18.986,14.333-26.889c3.069-8.806,5.288-15.168,14.249-21.981 c9.444-7.181,20.283-7.331,34.007-7.522c13.928-0.193,30.718-0.426,48.361-9.445 c-0.562,12.971-5.942,37.112-35.366,54.964c-33.419,20.277-46.384,40.042-44.75,68.221 C295.353,389.198,318.286,409.769,331.989,422.06z M490.011,231.528c0,22.457-14.411,41.968-35.859,48.55 c-3.307,1.015-5.854,3.667-6.736,7.011c-11.246,42.661-49.952,72.455-94.127,72.455H313.68 c-0.718-16.995,5.115-30.597,35.21-48.857c53.452-32.432,44.647-82.687,44.245-84.81 c-0.498-2.64-2.038-4.968-4.271-6.46l-5.097-3.404c-3.445-2.301-7.95-2.241-11.331,0.153 c-16.217,11.476-31.264,11.685-47.194,11.906c-33.281-1.083-57.027,11.074-66.863,42.917 c-1.033,2.963-2.054,5.884-3.368,8.824c-1.301-2.919-2.322-5.837-3.364-8.826 c-9.971-32.023-33.168-43.608-66.991-42.741c-16.31-0.308-31.717-0.598-46.845-11.923 c-3.392-2.539-8.016-2.666-11.542-0.314l-5.104,3.404c-2.236,1.492-3.778,3.822-4.277,6.464 c-0.401,2.123-9.206,52.379,44.245,84.81c21.06,12.778,32.979,29.6,34.708,48.857 c0,0-39.106,0-39.106,0c-44.175,0-82.882-29.794-94.128-72.455c-0.882-3.344-3.43-5.996-6.736-7.011 c-21.448-6.583-35.859-26.094-35.859-48.55c0,0,0-59.052,0-59.052c0-27.756,21.733-50.046,49.479-50.744 c4.51-0.114,8.385-3.232,9.46-7.614c10.877-47.779,66.178-74.385,110.391-53.435 c3.701,1.69,8.058,0.968,11.017-1.824c29.349-28.755,79.957-28.762,109.305,0 c2.959,2.793,7.316,3.513,11.018,1.823c44.186-20.94,99.533,5.649,110.391,53.436 c1.076,4.381,4.951,7.499,9.461,7.613c27.745,0.698,49.478,22.988,49.478,50.744V231.528z"></path>
</g>
</g>
</g>
</svg>
</div>
</div>
<div class="block-inner">
<h3 class="title mb-4 h6">
Formule 96% naturelle
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col p-3 p-lg-4 custom_icon-item_RabmAa" >
<div
class="h-100 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 600ms;">
<div
class="card h-100 bg-secondary text-white shadow-1 text-center"
style="border-width: 1px;">
<div class="card-body text-center">
<div class="">
<div class="mb-5">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 509.95 509.95" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve">
<style type="text/css">
/* Animation de la base de la bouche */
#mouthBase {
transform-origin: 50% 50%;
transform-box: fill-box;
animation: mouthOpen 2s infinite ease-in-out;
}
@keyframes mouthOpen {
0%, 100% { transform: scaleY(1); }
50% { transform: scaleY(0.7); }
}
/* Animation des dents */
.tooth {
transform-origin: 50% 50%;
transform-box: fill-box;
animation: toothMove 2s infinite ease-in-out;
}
@keyframes toothMove {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(4px); }
}
/* Pour compatibilité sur certains navigateurs Webkit */
#mouthBase, .tooth {
-webkit-transform-origin: 50% 50%;
-webkit-transform-box: fill-box;
}
</style>
<g>
<g>
<!-- Base de la bouche animée -->
<path id="mouthBase" style="fill:#DB4B86;" d="M9.956,185.958c0,0,61.41,142.986,244.001,142.986c183.151,0,245.999-142.986,245.999-142.986 c0,0-101.797,21.133-245,21.133C117.614,207.091,9.956,185.958,9.956,185.958z"></path>
<!-- Dents animées -->
<path class="tooth" style="fill:#FFFFFF;" d="M254.926,207.093v42.624c0,14.558-11.81,26.368-26.368,26.368h-41.366 c-14.558,0-26.368-11.81-26.368-26.368v-45.792L254.926,207.093z"></path>
<path class="tooth" style="fill:#FFFFFF;" d="M349.028,204.096v45.622c0,14.558-11.8,26.368-26.368,26.368h-41.365 c-14.558,0-26.368-11.81-26.368-26.368v-42.624h0.03L349.028,204.096z"></path>
<path class="tooth" style="fill:#FFFFFF;" d="M160.825,203.926v15.887c0,14.568-11.81,26.368-26.368,26.368h-22.711 c-14.568,0-26.368-11.8-26.368-26.368v-22.761L160.825,203.926z"></path>
<path class="tooth" style="fill:#FFFFFF;" d="M85.378,197.052v11.041c0,14.568-11.81,26.368-26.368,26.368H41.797l-28.316-45.821L85.378,197.052 z"></path>
<path class="tooth" style="fill:#FFFFFF;" d="M467.604,234.46h-16.751c-14.568,0-26.378-11.8-26.378-26.368v-10.781l73.075-9.243L467.604,234.46 z"></path>
<path class="tooth" style="fill:#FFFFFF;" d="M424.475,197.311v22.501c0,14.568-11.8,26.368-26.368,26.368h-22.711 c-14.558,0-26.368-11.8-26.368-26.368v-15.717L424.475,197.311z"></path>
<!-- Autres éléments de la bouche -->
<path style="fill:#FF7EA3;" d="M340.053,112.748L340.053,112.748c-27.274,0-53.279,11.521-71.603,31.722l0,0 c-7.23,7.971-19.757,7.971-26.987,0l0,0c-18.324-20.201-44.329-31.722-71.603-31.722h0c-21.213,0-40.82,8.431-58.693,19.857 c-24.099,15.406-101.21,53.353-101.21,53.353s107.658,21.133,245,21.133c143.203,0,245-21.133,245-21.133 s-77.111-37.947-101.21-53.353C380.873,121.179,361.266,112.748,340.053,112.748z"></path>
<path style="fill:#FF7EA3;" d="M389.314,363.944c52.756-31.218,110.642-106.402,110.642-177.986 c0,0-62.848,142.986-245.999,142.986c-182.591,0-244.001-142.986-244.001-142.986c0,74.996,55.887,146.768,108.643,177.986 c0,0,61.35,33.875,136.357,33.875C333.755,397.819,389.314,363.944,389.314,363.944z"></path>
</g>
<path style="fill:#052A75;" d="M509.95,185.813c-0.024-3.691-2.256-7.214-5.579-8.828c-0.766-0.377-76.884-37.876-100.239-52.806 c-22.559-14.421-43.52-21.432-64.079-21.432c-30.034,0-58.832,12.759-79.009,35.004c-1.578,1.739-3.74,2.697-6.088,2.697 c-2.348,0-4.51-0.958-6.087-2.697c-37.836-40.728-95.079-46.389-143.088-13.572C81.41,139.714,6.72,176.293,4.796,177.395 c-2.672,1.604-4.509,4.496-4.79,7.602c-0.637,78.646,56.898,154.056,113.502,187.554c81.515,44.736,199.612,47.655,280.952-0.034 C451.27,338.87,510.043,259.838,509.95,185.813z M359.027,213.412c20.259-1.425,38.849-3.147,55.447-4.95v11.351 c0,9.025-7.343,16.368-16.368,16.368h-22.711c-9.025,0-16.368-7.343-16.368-16.368V213.412z M339.027,219.813v29.905 c0,9.025-7.343,16.368-16.368,16.368h-41.365c-9.025,0-16.368-7.343-16.368-16.368v-32.665c26.253-0.181,51.089-1.061,74.102-2.371 V219.813z M170.824,219.813v-5.266c23.23,1.377,48.121,2.309,74.102,2.503v32.668c0,9.025-7.343,16.368-16.368,16.368h-41.365 c-9.025,0-16.368-7.343-16.368-16.368V219.813z M134.457,236.181h-22.712c-9.025,0-16.367-7.343-16.367-16.368v-11.62 c16.7,1.823,35.322,3.574,55.446,5.034v6.586C150.824,228.838,143.482,236.181,134.457,236.181z M59.01,224.46H46.459 c-7.626-9.441-13.533-18.127-17.861-25.148c11.465,1.831,27.362,4.178,46.781,6.562C76.287,215.708,69.064,224.459,59.01,224.46z M80.097,237.695c6.254,11.026,18.093,18.486,31.649,18.486h22.712c5.924,0,11.516-1.433,16.463-3.956 c1.293,18.888,17.062,33.862,36.272,33.862h41.365c10.372,0,19.737-4.371,26.368-11.36c6.632,6.989,15.996,11.36,26.368,11.36 h41.365c19.21,0,34.979-14.974,36.272-33.862c4.947,2.523,10.54,3.956,16.464,3.956h22.711c13.557,0,25.397-7.461,31.651-18.488 c4.498,3.213,9.749,5.434,15.44,6.326c-94.425,99.428-287.01,100.246-381.115,0.081C69.993,243.27,75.448,241.015,80.097,237.695z M462.974,224.46h-12.121c-9.854,0.056-17.252-8.652-16.378-18.318c19.375-2.391,35.125-4.762,46.522-6.636 C476.598,206.499,470.637,215.109,462.974,224.46z M116.552,141.031c40.163-27.383,85.931-23.556,117.504,10.158 c10.788,12.258,31.014,12.258,41.801-0.001c31.596-33.717,77.304-37.545,117.503-10.157c15.186,9.707,50.084,27.734,74.885,40.265 c-40.077,6.195-117.613,15.794-213.289,15.794c-92.334,0-171.803-9.745-212.997-15.941 C66.741,168.625,101.426,150.7,116.552,141.031z M384.222,355.338c-76.298,43.604-182.654,41.491-260.683-0.091 c-38.946-23.107-79.756-70.01-96.137-122.569c53.224,69.428,137.364,107.203,226.555,106.266 c89.245,0.909,173.57-36.574,227.542-105.534C464.18,284.245,423.027,332.376,384.222,355.338z"></path>
</g>
</svg>
</div>
<div class="block-inner">
<h3 class="title mb-4 h6">
Renforce les gencives
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div><div id="shopify-section-template--25473022853452__image_compare_ybYtd3" class="shopify-section">
<style data-shopify>
/* Readmore Shopiweb */
#image-compare-template--25473022853452__image_compare_ybYtd3 .limited-readmore .bottom-readmore {
background: linear-gradient(to bottom,rgb(255 255 255 / 0%),#ffffff);
}
#image-compare-template--25473022853452__image_compare_ybYtd3 .read-more-checker ~ .read-more-button:before {
content: "Voir plus";
}
#image-compare-template--25473022853452__image_compare_ybYtd3 .read-more-checker:checked ~ .read-more-button:before {
content: "Voir moins";
}
</style>
<link href="//siwaksmile.com/cdn/shop/t/17/assets/vendor-image-compare-viewer.min.css?v=75276423470909394861747367940" rel="stylesheet" media="print" onload="this.media='all'">
<script src="//siwaksmile.com/cdn/shop/t/17/assets/vendor-image-compare-viewer.min.js?v=74683630670834018751747367940" defer></script>
<section
id="image-compare-template--25473022853452__image_compare_ybYtd3"
class="image-compare enter-view overflow-hidden bg-body text-body text-center pt-0 pb-0 mt-5 mb-5"
>
<div class="container"
style="position: relative; z-index: 1;">
<div class="mx-auto" style="max-width: 991px;">
<div class="row align-items-center flex-lg-row">
<div class="mb-8 mb-lg-0 col-lg-6">
<div
class="animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeIn"
style="animation-delay: 0ms">
<div
class="image-compare-slider rounded img-thumbnail shadow-1"
style="border-width: 1px;"
data-control-color="#ffffff"
data-add-circle="true"
data-show-labels="true"
data-label-before="Avant"
data-label-after="Après"
data-label-on-hover="false"
data-smoothing="true"
data-smoothing-amount="100"
data-hover-start="true"
data-vertical-mode="false"
data-starting-point="50">
<img
class="img-fluid"
src="//siwaksmile.com/cdn/shop/files/IMG_4836_1__11zon.webp?crop=center&height=720&v=1759337911&width=900"
alt=""
width="900"
height="720"
loading="lazy">
<img
class="img-fluid"
src="//siwaksmile.com/cdn/shop/files/IMG_9796_b4ae9487-8fd8-4428-90be-fbcbe798e7cb_1__11zon.webp?crop=center&height=720&v=1759337910&width=900"
alt=""
width="900"
height="720"
loading="lazy">
</div>
</div>
</div>
<div class="col-lg-6">
<div
class="animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeInDown"
style="animation-delay: 1000ms;"
>
<p class="subtitle text-uppercase fw-500 mb-3 fs-5"
style="color:#c8a764;">
Résultat du challenge 28J !
</p>
</div>
<div
class="animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeInUp"
style="animation-delay: 200ms;"
>
<h2 class="title mb-4 h3">
Retrouvez la couleur naturelle de vos dents !
</h2>
</div>
<div
class="animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeInUp"
style="animation-delay: 600ms;"
>
<div class="description rte mb-7 fs-5">
<p>Notre formule au <strong>siwak </strong>cible et <strong>élimine spécifiquement </strong>les <strong>tanins </strong>responsable des taches<strong> sur vos dents</strong>. </p><p>Grâce à <strong>SiwakSmile,</strong> Ilona a retrouvé la couleur <strong>naturelle</strong> de ses <strong>dents</strong>, <strong>jaunies</strong> par des années de <strong>consommation de café</strong>.</p><p>Ilona M - Achat Vérifé</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div><div id="shopify-section-template--25473022853452__image_compare_dEmrHU" class="shopify-section">
<style data-shopify>
/* Readmore Shopiweb */
#image-compare-template--25473022853452__image_compare_dEmrHU .limited-readmore .bottom-readmore {
background: linear-gradient(to bottom,rgb(255 255 255 / 0%),#ffffff);
}
#image-compare-template--25473022853452__image_compare_dEmrHU .read-more-checker ~ .read-more-button:before {
content: "Voir plus";
}
#image-compare-template--25473022853452__image_compare_dEmrHU .read-more-checker:checked ~ .read-more-button:before {
content: "Voir moins";
}
</style>
<link href="//siwaksmile.com/cdn/shop/t/17/assets/vendor-image-compare-viewer.min.css?v=75276423470909394861747367940" rel="stylesheet" media="print" onload="this.media='all'">
<script src="//siwaksmile.com/cdn/shop/t/17/assets/vendor-image-compare-viewer.min.js?v=74683630670834018751747367940" defer></script>
<section
id="image-compare-template--25473022853452__image_compare_dEmrHU"
class="image-compare enter-view overflow-hidden bg-body text-body text-center pt-0 pb-0 mt-5 mb-5"
>
<div class="container"
style="position: relative; z-index: 1;">
<div class="mx-auto" style="max-width: 991px;">
<div class="row align-items-center flex-lg-row-reverse">
<div class="mb-8 mb-lg-0 col-lg-6">
<div
class="animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeIn"
style="animation-delay: 0ms">
<div
class="image-compare-slider rounded img-thumbnail shadow-1"
style="border-width: 1px;"
data-control-color="#ffffff"
data-add-circle="true"
data-show-labels="true"
data-label-before="Avant"
data-label-after="Après"
data-label-on-hover="false"
data-smoothing="true"
data-smoothing-amount="100"
data-hover-start="true"
data-vertical-mode="false"
data-starting-point="50">
<img
class="img-fluid"
src="//siwaksmile.com/cdn/shop/files/IMG_4820-_1__11zon_11zon_1.webp?crop=center&height=720&v=1759415886&width=900"
alt=""
width="900"
height="720"
loading="lazy">
<img
class="img-fluid"
src="//siwaksmile.com/cdn/shop/files/Capture_d_ecran_2024-05-27_a_19.04.16-_1__11zon_11zon_1.webp?crop=center&height=720&v=1759415836&width=900"
alt=""
width="900"
height="720"
loading="lazy">
</div>
</div>
</div>
<div class="col-lg-6">
<div
class="animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeInDown"
style="animation-delay: 1000ms;"
>
<p class="subtitle text-uppercase fw-500 mb-3 fs-5"
style="color:#c8a764;">
Résultat du challenge 28j !
</p>
</div>
<div
class="animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeInUp"
style="animation-delay: 200ms;"
>
<h2 class="title mb-4 h3">
Faites des économies !
</h2>
</div>
<div
class="animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeInUp"
style="animation-delay: 600ms;"
>
<div class="description rte mb-7 fs-5">
<p>Grâce à SiwakSmile, Adam a <strong>économisé des centaines d'euros</strong> par rapport à un blanchiment coûteux en optant pour notre <strong>dentifrice au siwak</strong>.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div><div id="shopify-section-template--25473022853452__image_with_text_explorer_cdT4Lb" class="shopify-section">
<style data-shopify>
/* Readmore Shopiweb */
#image-text-explorer-template--25473022853452__image_with_text_explorer_cdT4Lb .limited-readmore .bottom-readmore {
background: linear-gradient(to bottom,rgb(255 255 255 / 0%),#ffffff);
}
#image-text-explorer-template--25473022853452__image_with_text_explorer_cdT4Lb .read-more-checker ~ .read-more-button:before {
content: "Voir plus";
}
#image-text-explorer-template--25473022853452__image_with_text_explorer_cdT4Lb .read-more-checker:checked ~ .read-more-button:before {
content: "Voir moins";
}
</style>
<section
id="image-text-explorer-template--25473022853452__image_with_text_explorer_cdT4Lb"
class="image-text-explorer enter-view overflow-hidden bg-body text-body text-center pt-0 pb-0 mt-0 mb-0"
>
<div class="container"
style="position: relative; z-index: 1;">
<div class="mx-auto" style="max-width: 991px;">
<div class="row align-items-center flex-column-reverse flex-lg-row">
<div class="col-lg-6">
<div class="tab-content mt-7 mt-lg-0 mb-6 mb-lg-5">
<div
id="pane-template--25473022853452__image_with_text_explorer_cdT4Lb-1"
class="tab-pane fade show active"
role="tabpanel"
aria-labelledby="tab-template--25473022853452__image_with_text_explorer_cdT4Lb-1"
tabindex="0">
<img
class="img-fluid rounded w-100 img-thumbnail shadow-1"
style="border-width: 1px;"
src="//siwaksmile.com/cdn/shop/files/Copie_de_La_premiere_etape_pour_reussir_a_avoir_les_dents_blanches_grace_au_challenge_28_jours_de_Si_11zon.webp?crop=center&height=900&v=1759340064&width=900"
alt=""
width="900"
height="900"
loading="lazy">
</div>
<div
id="pane-template--25473022853452__image_with_text_explorer_cdT4Lb-2"
class="tab-pane fade"
role="tabpanel"
aria-labelledby="tab-template--25473022853452__image_with_text_explorer_cdT4Lb-2"
tabindex="0">
<img
class="img-fluid rounded w-100 img-thumbnail shadow-1"
style="border-width: 1px;"
src="//siwaksmile.com/cdn/shop/files/Copie_de_Copie_de_La_premiere_etape_pour_reussir_a_avoir_les_dents_blanches_grace_au_challenge_28_jo_11zon.webp?crop=center&height=900&v=1759340064&width=900"
alt=""
width="900"
height="900"
loading="lazy">
</div>
<div
id="pane-template--25473022853452__image_with_text_explorer_cdT4Lb-3"
class="tab-pane fade"
role="tabpanel"
aria-labelledby="tab-template--25473022853452__image_with_text_explorer_cdT4Lb-3"
tabindex="0">
<img
class="img-fluid rounded w-100 img-thumbnail shadow-1"
style="border-width: 1px;"
src="//siwaksmile.com/cdn/shop/files/Copie_de_La_premiere_etape_pour_reussir_a_avoir_les_dents_blanches_grace_au_challenge_28_jours_de_SiwakSmile_7_11zon.webp?crop=center&height=900&v=1759340064&width=900"
alt=""
width="900"
height="900"
loading="lazy">
</div>
</div>
<ul class="nav nav-underline" role="tablist">
<li
class="nav-item"
role="presentation"
style="width: 33%">
<button
id="tab-template--25473022853452__image_with_text_explorer_cdT4Lb-1"
class="nav-link active"
data-bs-toggle="tab"
data-bs-target="#pane-template--25473022853452__image_with_text_explorer_cdT4Lb-1"
type="button"
role="tab"
aria-controls="pane-template--25473022853452__image_with_text_explorer_cdT4Lb-1"
aria-selected="true">
<img
class="img-fluid mb-2"
src="//siwaksmile.com/cdn/shop/files/Sans_titre_100_x_100_px_1_11zon.webp?v=1759340284&width=160"
alt=""
width="80"
height="80"
loading="lazy">
</button>
</li>
<li
class="nav-item"
role="presentation"
style="width: 33%">
<button
id="tab-template--25473022853452__image_with_text_explorer_cdT4Lb-2"
class="nav-link"
data-bs-toggle="tab"
data-bs-target="#pane-template--25473022853452__image_with_text_explorer_cdT4Lb-2"
type="button"
role="tab"
aria-controls="pane-template--25473022853452__image_with_text_explorer_cdT4Lb-2"
aria-selected="false">
<img
class="img-fluid mb-2"
src="//siwaksmile.com/cdn/shop/files/Sans_titre_100_x_100_px_2_11zon.webp?v=1759340283&width=160"
alt=""
width="80"
height="80"
loading="lazy">
</button>
</li>
<li
class="nav-item"
role="presentation"
style="width: 33%">
<button
id="tab-template--25473022853452__image_with_text_explorer_cdT4Lb-3"
class="nav-link"
data-bs-toggle="tab"
data-bs-target="#pane-template--25473022853452__image_with_text_explorer_cdT4Lb-3"
type="button"
role="tab"
aria-controls="pane-template--25473022853452__image_with_text_explorer_cdT4Lb-3"
aria-selected="false">
<img
class="img-fluid mb-2"
src="//siwaksmile.com/cdn/shop/files/Sans_titre_100_x_100_px_3_11zon.webp?v=1759340283&width=160"
alt=""
width="80"
height="80"
loading="lazy">
</button>
</li>
</ul>
</div>
<div class="col-lg-6">
<div
class="animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeInUp"
style="animation-delay: 200ms;"
>
<h2 class="title mb-4 h3">
Comment ça marche ?
</h2>
</div>
<div
class="animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeInUp"
style="animation-delay: 600ms;"
>
<div class="description rte mb-7 fs-5">
<p><strong>C'est facile !</strong></p><p>Notre <strong>challenge 28 jours</strong> se décompose en<strong> 3 étapes</strong> à faire tous les jours pendant <strong>10 minutes</strong>.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div><div id="shopify-section-template--25473022853452__timeline_wGyxMG" class="shopify-section">
<style data-shopify>
#background-text-template--25473022853452__timeline_wGyxMG {
font-size: calc(2em * 3);
}
.timeline-list::before {
width: 4px;
background: rgba(var(--bs-primary-rgb), .5);
}
.timeline-list-item::before {
background: rgba(var(--bs-primary-rgb), 1);
width: 20px;
height: 20px;
transform: translateX(10px);
}
.timeline-list-item:nth-child(odd)::before {
transform: translateX(-10px);
}
@media (max-width: 575px) {
.timeline-list-item::before {
transform: translateX(-10px);
}
}
</style>
<section
id="timeline-template--25473022853452__timeline_wGyxMG"
class="timeline overflow-hidden bg-body text-body text-center pt-0 pb-0 mt-5 mb-5">
<div class="container" style="max-width: px;">
<div class="overlay-text-container my-4" style="position: relative;">
<h2 class="title mb-4 h3">
Marre du café qui jaunit vos dents ?
</h2>
</div>
<div class="description rte text-muted mt-lg-6 mb-5 fs-5">
<p>Les <strong>résidus</strong> de <strong>café</strong> et de <strong>plaque</strong> dentaire qui ne sont pas totalement <strong>éliminés</strong> finissent par <strong>s'accumuler</strong>, entraînant un <strong>jaunissement</strong> progressif des <strong>dents</strong>.</p><p>Mais notre pack naturel est la <strong>solution</strong> <strong>idéale</strong> pour leur redonner toute leur <strong>blancheur</strong>.</p><p>Et voici comment : </p>
</div>
<ul class="timeline-list">
<li class="timeline-list-item enter-view py-4" >
<div
class="animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 150ms;">
<div
class="card shadow-1 border-secondary"
style="border-width: 2px;">
<img
class="img-fluid card-img-top"
src="//siwaksmile.com/cdn/shop/files/IMG_4820-_1__11zon_11zon_1.webp?crop=center&height=333&v=1759415886&width=600"
alt=""
width="600"
height="333"
loading="lazy">
<div class="card-body text-start">
<p class="badge text-uppercase mb-5 bg-secondary text-white">
Dès le premier brossage
</p>
<h3 class="title mb-3 h6">
Nettoyage en profondeur immédiat
</h3>
<div class="description rte mb-0 fs-6">
<p><strong>Dès la première utilisation</strong>, notre dentifrice et siwak <strong>éliminent</strong> en <strong>profondeur</strong> les <strong>taches</strong> de café grâce à une formule <strong>96% naturelle</strong> qui nettoie en toute douceur.</p>
</div>
</div>
</div>
</div>
</li>
<li class="timeline-list-item enter-view py-4" >
<div
class="animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 300ms;">
<div
class="card shadow-1 border-primary"
style="border-width: 2px;">
<img
class="img-fluid card-img-top"
src="//siwaksmile.com/cdn/shop/files/Capture_d_ecran_2024-05-27_a_19.04.16-_1__11zon_11zon_1.webp?crop=center&height=333&v=1759415836&width=600"
alt=""
width="600"
height="333"
loading="lazy">
<div class="card-body text-start">
<p class="badge text-uppercase mb-5 bg-secondary text-white">
Après 2 semaines d'utilisation
</p>
<h3 class="title mb-3 h6">
Blanchiment progressif et naturel
</h3>
<div class="description rte mb-0 fs-6">
<p><strong>En deux semaines</strong>, vos dents <strong>blanchissent</strong> naturellement et <strong>l'élimination</strong> quotidienne du <strong>café</strong> et de la <strong>plaque dentaire</strong> fait apparaître <strong>les premiers résultats</strong>.</p>
</div>
</div>
</div>
</div>
</li>
<li class="timeline-list-item enter-view py-4" >
<div
class="animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 450ms;">
<div
class="card shadow-1 border-primary"
style="border-width: 2px;">
<img
class="img-fluid card-img-top"
src="//siwaksmile.com/cdn/shop/files/Simple-Before-and-After-LUT-Slider-Instagram-Post-_Portrait__11zon.webp?crop=center&height=333&v=1759338090&width=600"
alt=""
width="600"
height="333"
loading="lazy">
<div class="card-body text-start">
<p class="badge text-uppercase mb-5 bg-secondary text-white">
Après 28 jours & au-delà
</p>
<h3 class="title mb-3 h6">
Vos dents gagnent jusqu'à 4 teintes.
</h3>
<div class="description rte mb-0 fs-6">
<p><strong>Intégrez</strong> notre pack à votre <strong>routine</strong>, où le <strong>dentifrice</strong> au siwak et le <strong>siwak</strong> agissent en <strong>synergie</strong>, pour une santé dentaire optimale et des résultats <strong>blanchissants</strong> sur le <strong>long terme</strong>.</p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</section>
</div><div id="shopify-section-template--25473022853452__testimonials_Lg7JjT" class="shopify-section">
<section
id="testimonials-template--25473022853452__testimonials_Lg7JjT"
class="testimonials enter-view bg-body text-body text-center pt-0 pb-0 mt-5 mb-5">
<div class="container">
<style data-shopify>
#background-text-template--25473022853452__testimonials_Lg7JjT {
font-size: calc(2em * 3);
}
</style>
<div
class="animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeInDown"
style="animation-delay: 1200ms;"
>
<img
class="img-fluid mb-5"
src="//siwaksmile.com/cdn/shop/files/Copie_de_Sans_titre.svg?v=1741431708&width=200"
alt=""
width="200"
height="auto"
loading="lazy">
</div>
<div class="overlay-text-container my-4" style="position: relative;">
<h2 class="title mb-4 h3 animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeInUp"
style="animation-delay: 200ms;"
>
Des expériences qui inspirent
</h2>
</div>
<div
class="splide mx-n3 mx-lg-n4"
data-loop="true"
data-arrows="false"
data-pagination="true"
data-easing="cubic-bezier(.42,.65,.27,.99)"
data-speed="400"
data-autoplay="false"
data-interval="5000"
data-per-move="1"
data-rewind="true"
data-breakpoint-xs="1"
data-breakpoint-sm="2"
data-breakpoint-md="2"
data-breakpoint-lg="3"
data-breakpoint-xl="4"
data-breakpoint-xxl="4"
data-text-slide-of="Diapositive [x] sur [total]"
role="group">
<div class="splide__track mb-8">
<ul class="splide__list">
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 150ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
ÇA FAIT PRESQUE UNE SEMAINE QUE J'AI...
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>Ça fait presque une semaine que j’ai reçu leur siwak et leur dentifrice je ressens déjà du changement, j’ai même proposé à mes collègues. On a rien a dire sur leur produit c’est top</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Le Bg, 26 février 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 300ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
SUPER PRODUIT
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>Super produit ! N'étant pas habituée au Siwak j'ai été agréablement surprise !<br/>Livraison rapide et un joli design du site internet !<br/>Je recommande !!</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Carta Luna, 7 février 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 450ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
LE PRODUIT EST EXCELLENT ET MARCHE...
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>Le produit est excellent et marche super bien !<br/>Je recommande !</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Younisse A, 1 janvier 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 600ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
EXCELLENT PRODUIT
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>Super produit, très efficace avec de très bons résultats. Je recommande +++</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Sirine Mahi, 6 janvier 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 750ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
J'AI VRAIMENT ADORÉ CE DENTIFRICE
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>J’ai vraiment adoré ce dentifrice , j’ai une une différence au bout de quelques semaines alors que je bois souvent du café</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Amanie Aouf, 1 janvier 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 900ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
LES PRODUITS SONT INCROYABLES
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>Les produits sont incroyables, la livraison est rapide. Je recommande 100 fois le dentifrice pour ceux qui ont du mal avec le bâtonnet de siwak, on observe rapidement une évolution</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Malak Dichari, 12 février 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 1050ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
PRODUIT EFFICACE
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>Produit très efficace. Super produits, j'ai commandé 3 fois car je vois une vraie différence</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Salima Skander, 3 décembre 2024</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 1200ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
AU TOP
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>Excellent produit!! J'avais peur qu'il y ait un gout amère du au siwak mais au final la sensation en bouche est très agréable.<br/>J'ai noté des changements positifs avec seulement quelques jours d'utilisation. Je pense que ça va rentrer dans mes produits indispensable. Petit plus au service client qui est top 👌</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Walid. D, 6 mars 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 1350ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
DENTS PARFAITES
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>Par ma part leur dentifrice et leur siwak ont réellement fonctionné en rendant mes dents plus blanches je recommande fortement</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Amine B, 22 janvier 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 1500ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
C'EST DEVENU INDISPENSABLE
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>C'est devenu indispensable<br/>Comment dire .... Ces produits ont clairement changé ma vie !!! Je bois 3 café par jour depuis + de 10 ans maintenant ce qui a vraiment jaunis mes dents avec le temps<br/>mais là ...Wahou j'ai retrouver mes dents de jeunesses. Dès la première semaine j'ai vu les changements !! 😁<br/>Je recommande à 1000%. Foncez !</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Beraudo, 17 FÉVRIER 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 1650ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
UNE MERVEILLE !
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>UNE MERVEILLE !<br/>J'ai testé plusieurs dentifrices pour blanchir mes dents et éliminer les taches café et rien d'efficace, ça fait 2 mois que j'utilise le pack et il est entré dans ma routine<br/>J’ai vu la diff rapidement😁<br/>Thanks pour ces pépites 💥🌿💯</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Ellis Taieb, 1 mars 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 1800ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
DENTIFRICE SUPER EFFICACE AVEC UN TRÈS
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>Dentifrice super efficace avec un très bon rapport qualité prix. J’ai reçu le colis super vite et j’ai vu les résultats au bout de la deuxième semaine !</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Kamelia, 17 janvier 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 1950ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
VERY GOOD
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>Verry good ! Thank you</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Aifa G, 2 mars 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 2100ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
TRÈS BON PRODUIT
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>Très bon produit</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Amokrane Madouche, 4 mars 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 2250ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
MERCI BEAUCOUP J'AI REÇU UN SIWAK...
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>Merci beaucoup j’ai reçu un Siwak gratuitement ,les produits sont très bien j’adore !</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Midou, 20 janvier 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 2400ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
PARFAIT !
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>Parfait, le pack tient ses promesses! Plus efficace que les dentifrices classique nocifs.Je suis ravie et n'utilise plus que les dentifrices SiwakSmile depuis 6 mois et je recommande vivement son utilisation à mon entourage !</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Tomas Jesus, 1 mars 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 2550ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
PRODUIT EFFICACE
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>Produit efficace. Le site est clair et précis. J’ai reçu le produit assez rapidement. Cela fait bientôt 2 semaines que j’utilise le pack et je suis super contente, au début j’hésitais beaucoup car j’ai l’habitude des fausses promesses de dentifrice blanchissant mais j’ai vu qu’on pouvait se faire remboursé si les résultats n’étaient pas au rendez-vous tout en gardant le produit chez soi et j’ai trouvé ça honnête de leur part. Le seul point qui m’embête, je trouve que le siwak a une odeur assez forte, j’ai eu du mal a m’y habitué. Heureusement le dentifrice est aromatisé à la menthe.</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Oumaima Larafa, 14 février 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 2700ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
SUPER PRODUIT
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>Super produit, efficace et bonne qualité prix</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Mariami Suliashvili, 7 mars 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 2850ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
TRÈS BON PRODUIT
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>Très bon produit, je recommande</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Boudjemaa, 7 mars 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 3000ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
SUPER PRODUIT
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>Je recommande ! La qualité est au rendez-vous.</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Enzo, 7 mars 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 3150ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
NICKEL !!
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>J'aime beaucoup les produits et en plus ça vient vite !! Super efficace :)</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Jamil El Mahmoud, 10 décembre 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 3300ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
PRODUIT GÉNIAL !
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>Produit génial !! On voit vraiment un avant/après</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Melanie Fernandes, 7 mars 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 3450ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
SUPER PRODUCT
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>Super product ! ;)</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Valentin Quiot, 2 mars 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 3600ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
DENTIFRICE SUPER EFFICACE AVEC UN TRES...
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>Dentifrice super efficace avec un très bon rapport qualité prix. J’ai reçu le colis super vite et j’ai vu les résultats au bout de la deuxième semaine !</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Kamelia, 7 mars 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 3750ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
PRODUIT DE QUALITE
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>Super produit ! Les résultats sont visibles au bout de quelques semaines. Je recommande vraiment !</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Cindy, 8 mars 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 3900ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
DENTIFRICE DOUX
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>Dentifrice doux, une équipe pro, un bon travail, je suis satisfait.<br/>Je recommande.</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Billel chounia, 6 mars 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 4050ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
INCROYABLE
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>Incroyable</p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Ilo, 1 mars 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="splide__slide p-3 p-lg-4" >
<div
class="card text-body shadow-1 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 4200ms; border-width: 1px; background: linear-gradient(45deg, #00414a 0%, #002737 33%, #00645f 66%, #001930 100%); margin: 0 auto;">
<div class="card-body-image">
<div class="d-flex align-items-center justify-content-start mb-2">
</div>
</div>
<!-- Conteneur principal en position relative -->
<div class="card-body text-center" style="position: relative; height:350px; color: white; overflow: hidden;">
<!-- Zone de contenu avec padding-bottom pour réserver l'espace du pied -->
<div class="testimonial-content" style="padding-bottom: 60px; overflow: hidden;">
<div class="d-flex mt-2" style="margin-bottom: 30px; justify-content: center;">
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
<svg viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="m-1">
<path d="M0 0h96v96H0z" fill="#00b67a"/>
<path d="M48 64.7L62.6 61l6.1 18.8zm33.6-24.3H55.9L48 16.2l-7.9 24.2H14.4l20.8 15-7.9 24.2 20.8-15 12.8-9.2z" fill="#fff"/>
</svg>
</div>
<h3 class="title h5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;">
UN SERVICE CLIENT EXEMPLAIRE !
</h3>
<div class="description rte fs-5" style="margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">
<p>Un grand merci à Lana pour sa patience, sa réactivité et son professionnalisme. J’ai finalement bien reçu mon colis, et tout est parfait.<br/></p>
</div>
</div>
<!-- Pied fixé en bas avec bottom: 20px -->
<div class="testimonial-footer" style="position: absolute; bottom: 20px; left: 0; right: 0; text-align: center;">
<div class="buyer-name" style="margin-bottom: 15px;">
<p style="font-weight: bold;"><em>Dijeve, 29 mars 2025</em></p>
</div>
<div class="verified-buyer">
<div style="background: transparent; border-radius: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid white;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 16 16">
<path
fill="#00a866"
stroke="white"
stroke-width="0.8"
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01z"
/>
<path
fill="white"
stroke="none"
d="M10.354 6.854l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708"
/>
</svg>
<span style="color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; white-space: nowrap;">
ACHETEUR VÉRIFIÉ
</span>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
</div><div id="shopify-section-template--25473022853452__richtext_UmBWGG" class="shopify-section">
<style data-shopify>/* Readmore */
#richtext-template--25473022853452__richtext_UmBWGG .limited-readmore .bottom-readmore {
background: linear-gradient(to bottom,rgb(255 255 255 / 0%),#ffffff);
}
#richtext-template--25473022853452__richtext_UmBWGG .read-more-checker ~ .read-more-button:before {
content: "Voir plus";
}
#richtext-template--25473022853452__richtext_UmBWGG .read-more-checker:checked ~ .read-more-button:before {
content: "Voir moins";
}
/* Text Impact */
.impact-text {
align-items: start;
display: grid;
}
.impact-text__text:not(:only-child) {
margin-bottom: .1em;
}
.text-gradient {
background-image: var(--gradient);
color: #0000;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
-webkit-background-clip: text;
background-clip: text;
}
#richtext-template--25473022853452__richtext_UmBWGG .text-stroke {
-webkit-text-stroke: 1px currentColor;
-webkit-text-fill-color: transparent;
}
#richtext-template--25473022853452__richtext_UmBWGG .text-3d {
text-shadow:
0 1px 0 #CCC,
0 2px 0 #CCC,
0 3px 0 #CCC,
0 4px 0 #CCC,
0 5px 0 #CCC,
0 6px 0 transparent,
0 7px 0 transparent,
0 8px 10px rgba(0, 0, 0, 0.4);
}
#richtext-template--25473022853452__richtext_UmBWGG .text-flaming {
text-shadow: 0 -1px 4px #FFF, 0 -2px 10px #ff0, 0 -10px 20px #ff8000, 0 -18px 40px #F00;
margin-top: 0.75rem!important;
}
#richtext-template--25473022853452__richtext_UmBWGG .text-distant {
text-shadow: 1px 3px 0 #969696, 1px 13px 5px #aba8a8;
}
#richtext-template--25473022853452__richtext_UmBWGG .impact-text__text {
font-size: calc(min(20vw, 85px) * 0.5);
font-weight: 700;
line-height: 1;
}
@media screen and (min-width: 700px) {
#richtext-template--25473022853452__richtext_UmBWGG .impact-text__text {
font-size: calc(min(15vw, 1600px * 0.15) / 1 * 0.5);
}
}
#background-text-template--25473022853452__richtext_UmBWGG {
font-size: calc(2em * 2);
}</style><section
id="richtext-template--25473022853452__richtext_UmBWGG"
class="richtext enter-view bg-body text-body text-center pt-6 pb-0 mt-5 mb-5"
>
<div class="container"
style="position: relative; z-index: 1;">
<div class="mx-auto" style="max-width: 960px"><div class="mb-5">
<span class="impact-text__text 0.5">
<impact-text ><span class="text-gradient text-stroke impact" data-number="100" style="color:rgba(0,0,0,0);--gradient:linear-gradient(255deg, rgba(9, 94, 84, 1) 14%, rgba(19, 150, 139, 1) 100%, rgba(41, 167, 57, 1) 100%);-webkit-text-fill-color:rgba(0,0,0,0);"></span><span class="text-gradient text-stroke" style="color:rgba(0,0,0,0);--gradient:linear-gradient(255deg, rgba(9, 94, 84, 1) 14%, rgba(19, 150, 139, 1) 100%, rgba(41, 167, 57, 1) 100%);-webkit-text-fill-color:rgba(0,0,0,0);">% Remboursés</span>
</impact-text>
</span>
</div>
<div class="overlay-text-container my-4" style="position: relative;">
<h2 class="title mb-4 h3 animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeInUp"
style="animation-delay: 200ms;"
>
Garantie SiwakSmile
</h2>
</div>
<div class="description rte mt-n2 mb-6 fs-5 animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeInUp"
style="animation-delay: 600ms;"
>
<p>Essayez SiwakSmile <strong>sans aucun risque</strong>. Si vous n’êtes pas satisfait, nous vous remboursons <strong>intégralement</strong> sous 30 jours, <strong>sans aucune condition et sans besoin de retour</strong>.</p><p>Nous croyons en l'<strong>efficacité </strong>de nos produits et voulons que vous vous sentiez en <strong>confiance</strong> lors de votre achat.</p>
</div>
<div
class="d-lg-inline-flex animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeInUp"
style="animation-delay: 800ms;"
>
</div>
</div>
</div>
</section>
<script>
// Assurez-vous que le script s'exécute après le chargement du DOM
document.addEventListener("DOMContentLoaded", function() {
// Sélectionnez tous les éléments avec la classe "impact"
var impactElements = document.querySelectorAll(".impact");
impactElements.forEach(function(element) {
var count = element;
var num = parseFloat(element.getAttribute("data-number"));
var duration = 4000; // Durée de l'animation en millisecondes
var startTime = null;
function animate(timestamp) {
if (!startTime) startTime = timestamp;
var progress = timestamp - startTime;
var value = progress / duration * num;
if (progress < duration) {
count.textContent = value.toFixed(0); // Vous pouvez ajuster le nombre de décimales ici
requestAnimationFrame(animate);
} else {
count.textContent = num.toFixed(0); // Assurez-vous d'atteindre la valeur finale exacte à la fin de l'animation
}
}
// Déclenchez l'animation lorsque l'élément est dans la vue
function scrollHandler() {
if (isElementInViewport(element)) {
requestAnimationFrame(animate);
window.removeEventListener("scroll", scrollHandler);
}
}
window.addEventListener("scroll", scrollHandler);
});
// Fonction pour vérifier si un élément est dans la vue
function isElementInViewport(el) {
var rect = el.getBoundingClientRect();
return (
rect.top >= 0 &&
rect.left >= 0 &&
rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
rect.right <= (window.innerWidth || document.documentElement.clientWidth)
);
}
});
</script>
</div><div id="shopify-section-template--25473022853452__faq_rJakpy" class="shopify-section">
<section
id="faq-template--25473022853452__faq_rJakpy"
class="faq enter-view bg-body text-body pt-0 pb-0 mt-5 mb-5"
>
<div class="container"
style="position: relative; z-index: 1;">
<div class="mx-auto" style="max-width: 991px">
<div class="row align-items-center flex-lg-row">
<div class="col-lg-12 text-center">
<style data-shopify>
#background-text-template--25473022853452__faq_rJakpy {
font-size: calc(2em * 3);
}
</style>
<div class="overlay-text-container my-4" style="position: relative;">
<h2 class="title mb-4 h2 animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeInUp"
style="animation-delay: 200ms;"
>
F.A.Q
</h2>
</div>
<div
id="faq-accordion-template--25473022853452__faq_rJakpy"
class="accordion accordion-default img-thumbnail shadow-1"
style="border-width: 1px; border-radius: var(--bs-border-radius)!important;">
<div class="accordion-item" >
<h3
id="faq-accordion-template--25473022853452__faq_rJakpy-heading-1"
class="accordion-header">
<button
class="accordion-button"
type="button"
data-bs-toggle="collapse"
data-bs-target="#faq-accordion-template--25473022853452__faq_rJakpy-collapse-1"
aria-expanded="false"
aria-controls="faq-accordion-template--25473022853452__faq_rJakpy-collapse-1">
<div class="d-flex align-items-center">
<div class="me-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewbox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"></path>
<path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94"></path>
</svg>
</div>
Le challenge 28 jours est-il vraiment efficace pour éliminer les taches ?
</div>
</button>
</h3>
<div
id="faq-accordion-template--25473022853452__faq_rJakpy-collapse-1"
class="accordion-collapse collapse"
aria-labelledby="faq-accordion-template--25473022853452__faq_rJakpy-heading-1"
data-bs-parent="#faq-accordion-template--25473022853452__faq_rJakpy">
<div class="accordion-body rte pt-4 pb-6">
<div class="row align-items-center flex-lg-row">
<div class="col-lg-12">
<p>Oui, l'utilisation quotidienne du <strong>dentifrice au siwak</strong> combinée au <strong>siwak naturel</strong> élimine efficacement les <strong>taches alimentaires</strong> (café, thé, tabac) et la <strong>plaque dentaire</strong>, responsables du <strong>jaunissement</strong>.</p>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item" >
<h3
id="faq-accordion-template--25473022853452__faq_rJakpy-heading-2"
class="accordion-header">
<button
class="accordion-button collapsed"
type="button"
data-bs-toggle="collapse"
data-bs-target="#faq-accordion-template--25473022853452__faq_rJakpy-collapse-2"
aria-expanded="false"
aria-controls="faq-accordion-template--25473022853452__faq_rJakpy-collapse-2">
<div class="d-flex align-items-center">
<div class="me-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewbox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"></path>
<path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94"></path>
</svg>
</div>
Si je ne peux pas utiliser mon siwak en journée (bureau, école), est-ce grave ?
</div>
</button>
</h3>
<div
id="faq-accordion-template--25473022853452__faq_rJakpy-collapse-2"
class="accordion-collapse collapse"
aria-labelledby="faq-accordion-template--25473022853452__faq_rJakpy-heading-2"
data-bs-parent="#faq-accordion-template--25473022853452__faq_rJakpy">
<div class="accordion-body rte pt-4 pb-6">
<div class="row align-items-center flex-lg-row">
<div class="col-lg-12">
<p>Non, ce n'est pas grave. Vous pouvez tout à fait <strong>compenser le soir</strong>. Cependant, nous recommandons idéalement une utilisation de <strong>3 minutes par jour</strong>.</p>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item" >
<h3
id="faq-accordion-template--25473022853452__faq_rJakpy-heading-3"
class="accordion-header">
<button
class="accordion-button collapsed"
type="button"
data-bs-toggle="collapse"
data-bs-target="#faq-accordion-template--25473022853452__faq_rJakpy-collapse-3"
aria-expanded="false"
aria-controls="faq-accordion-template--25473022853452__faq_rJakpy-collapse-3">
<div class="d-flex align-items-center">
<div class="me-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewbox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"></path>
<path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94"></path>
</svg>
</div>
Comment puis-je vous contacter en cas de questions ou besoin d’aide ?
</div>
</button>
</h3>
<div
id="faq-accordion-template--25473022853452__faq_rJakpy-collapse-3"
class="accordion-collapse collapse"
aria-labelledby="faq-accordion-template--25473022853452__faq_rJakpy-heading-3"
data-bs-parent="#faq-accordion-template--25473022853452__faq_rJakpy">
<div class="accordion-body rte pt-4 pb-6">
<div class="row align-items-center flex-lg-row">
<div class="col-lg-12">
<p>Notre <strong>service client</strong> est disponible <strong>24h/24</strong>. Vous pouvez nous contacter par email à l’adresse <a><strong>contact@siwaksmile.com</strong></a> ou directement par WhatsApp en cliquant sur l’icône WhatsApp située en bas à droite de votre écran.</p>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item" >
<h3
id="faq-accordion-template--25473022853452__faq_rJakpy-heading-4"
class="accordion-header">
<button
class="accordion-button collapsed"
type="button"
data-bs-toggle="collapse"
data-bs-target="#faq-accordion-template--25473022853452__faq_rJakpy-collapse-4"
aria-expanded="false"
aria-controls="faq-accordion-template--25473022853452__faq_rJakpy-collapse-4">
<div class="d-flex align-items-center">
<div class="me-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewbox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"></path>
<path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94"></path>
</svg>
</div>
Ce dentifrice convient-il aux dents sensibles ?
</div>
</button>
</h3>
<div
id="faq-accordion-template--25473022853452__faq_rJakpy-collapse-4"
class="accordion-collapse collapse"
aria-labelledby="faq-accordion-template--25473022853452__faq_rJakpy-heading-4"
data-bs-parent="#faq-accordion-template--25473022853452__faq_rJakpy">
<div class="accordion-body rte pt-4 pb-6">
<div class="row align-items-center flex-lg-row">
<div class="col-lg-12">
<p>Oui, notre dentifrice est formulé pour être <strong>doux</strong>, même sur les dents sensibles. Si vous avez des dents particulièrement sensibles, nous vous recommandons de l'utiliser avec une <strong>brosse à dents souple</strong>.</p>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item" >
<h3
id="faq-accordion-template--25473022853452__faq_rJakpy-heading-5"
class="accordion-header">
<button
class="accordion-button collapsed"
type="button"
data-bs-toggle="collapse"
data-bs-target="#faq-accordion-template--25473022853452__faq_rJakpy-collapse-5"
aria-expanded="false"
aria-controls="faq-accordion-template--25473022853452__faq_rJakpy-collapse-5">
<div class="d-flex align-items-center">
<div class="me-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewbox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"></path>
<path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94"></path>
</svg>
</div>
Je n’ai jamais utilisé de siwak auparavant, comment l’utiliser ?
</div>
</button>
</h3>
<div
id="faq-accordion-template--25473022853452__faq_rJakpy-collapse-5"
class="accordion-collapse collapse"
aria-labelledby="faq-accordion-template--25473022853452__faq_rJakpy-heading-5"
data-bs-parent="#faq-accordion-template--25473022853452__faq_rJakpy">
<div class="accordion-body rte pt-4 pb-6">
<div class="row align-items-center flex-lg-row">
<div class="col-lg-12">
<p>Aucun souci ! Dès votre achat, vous recevez un <strong>guide détaillé</strong> et une <strong>vidéo explicative</strong>. Notre <strong>service client</strong> est aussi disponible <strong>24h/24</strong> sur WhatsApp ou par mail.</p>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item" >
<h3
id="faq-accordion-template--25473022853452__faq_rJakpy-heading-6"
class="accordion-header">
<button
class="accordion-button collapsed"
type="button"
data-bs-toggle="collapse"
data-bs-target="#faq-accordion-template--25473022853452__faq_rJakpy-collapse-6"
aria-expanded="false"
aria-controls="faq-accordion-template--25473022853452__faq_rJakpy-collapse-6">
<div class="d-flex align-items-center">
<div class="me-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewbox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"></path>
<path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94"></path>
</svg>
</div>
Proposez-vous une garantie satisfait ou remboursé ?
</div>
</button>
</h3>
<div
id="faq-accordion-template--25473022853452__faq_rJakpy-collapse-6"
class="accordion-collapse collapse"
aria-labelledby="faq-accordion-template--25473022853452__faq_rJakpy-heading-6"
data-bs-parent="#faq-accordion-template--25473022853452__faq_rJakpy">
<div class="accordion-body rte pt-4 pb-6">
<div class="row align-items-center flex-lg-row">
<div class="col-lg-12">
<p>Oui, essayez <strong>SiwakSmile</strong> sans aucun risque. Si vous n’êtes pas entièrement satisfait(e), nous vous remboursons intégralement, sans que vous ayez besoin de retourner le produit.</p>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item" >
<h3
id="faq-accordion-template--25473022853452__faq_rJakpy-heading-7"
class="accordion-header">
<button
class="accordion-button collapsed"
type="button"
data-bs-toggle="collapse"
data-bs-target="#faq-accordion-template--25473022853452__faq_rJakpy-collapse-7"
aria-expanded="false"
aria-controls="faq-accordion-template--25473022853452__faq_rJakpy-collapse-7">
<div class="d-flex align-items-center">
<div class="me-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewbox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"></path>
<path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94"></path>
</svg>
</div>
Est-ce prouvé scientifiquement que le siwak améliore la santé bucco-dentaire ?
</div>
</button>
</h3>
<div
id="faq-accordion-template--25473022853452__faq_rJakpy-collapse-7"
class="accordion-collapse collapse"
aria-labelledby="faq-accordion-template--25473022853452__faq_rJakpy-heading-7"
data-bs-parent="#faq-accordion-template--25473022853452__faq_rJakpy">
<div class="accordion-body rte pt-4 pb-6">
<div class="row align-items-center flex-lg-row">
<div class="col-lg-12">
<p>Oui, l’<strong>Organisation Mondiale de la Santé (OMS)</strong> ainsi que de nombreuses études scientifiques confirment les <strong>bienfaits</strong> du siwak sur la santé bucco-dentaire.</p>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item" >
<h3
id="faq-accordion-template--25473022853452__faq_rJakpy-heading-8"
class="accordion-header">
<button
class="accordion-button collapsed"
type="button"
data-bs-toggle="collapse"
data-bs-target="#faq-accordion-template--25473022853452__faq_rJakpy-collapse-8"
aria-expanded="false"
aria-controls="faq-accordion-template--25473022853452__faq_rJakpy-collapse-8">
<div class="d-flex align-items-center">
<div class="me-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewbox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"></path>
<path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94"></path>
</svg>
</div>
Combien de temps faut-il pour voir des résultats avec ce challenge ?
</div>
</button>
</h3>
<div
id="faq-accordion-template--25473022853452__faq_rJakpy-collapse-8"
class="accordion-collapse collapse"
aria-labelledby="faq-accordion-template--25473022853452__faq_rJakpy-heading-8"
data-bs-parent="#faq-accordion-template--25473022853452__faq_rJakpy">
<div class="accordion-body rte pt-4 pb-6">
<div class="row align-items-center flex-lg-row">
<div class="col-lg-12">
<p>Les résultats varient selon l'état initial de vos dents, mais la plupart des utilisateurs constatent une <strong>amélioration notable</strong> après <strong>2 à 3 semaines</strong>.</p>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item" >
<h3
id="faq-accordion-template--25473022853452__faq_rJakpy-heading-9"
class="accordion-header">
<button
class="accordion-button collapsed"
type="button"
data-bs-toggle="collapse"
data-bs-target="#faq-accordion-template--25473022853452__faq_rJakpy-collapse-9"
aria-expanded="false"
aria-controls="faq-accordion-template--25473022853452__faq_rJakpy-collapse-9">
<div class="d-flex align-items-center">
<div class="me-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewbox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"></path>
<path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94"></path>
</svg>
</div>
Quels sont les ingrédients principaux du dentifrice ?
</div>
</button>
</h3>
<div
id="faq-accordion-template--25473022853452__faq_rJakpy-collapse-9"
class="accordion-collapse collapse"
aria-labelledby="faq-accordion-template--25473022853452__faq_rJakpy-heading-9"
data-bs-parent="#faq-accordion-template--25473022853452__faq_rJakpy">
<div class="accordion-body rte pt-4 pb-6">
<div class="row align-items-center flex-lg-row">
<div class="col-lg-12">
<p>Notre dentifrice est composé à <strong>92% d'ingrédients naturels</strong>, avec le <strong>siwak</strong> comme ingrédient principal reconnu pour ses propriétés <strong>purifiantes</strong> et <strong>blanchissantes</strong>. Il contient aussi : sorbitol, eau, silice, glycérol, K12, CMC, arôme, pigment blanc minéral, PAP, conservateur, saccharine, fluor.</p>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item" >
<h3
id="faq-accordion-template--25473022853452__faq_rJakpy-heading-10"
class="accordion-header">
<button
class="accordion-button collapsed"
type="button"
data-bs-toggle="collapse"
data-bs-target="#faq-accordion-template--25473022853452__faq_rJakpy-collapse-10"
aria-expanded="false"
aria-controls="faq-accordion-template--25473022853452__faq_rJakpy-collapse-10">
<div class="d-flex align-items-center">
<div class="me-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewbox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"></path>
<path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94"></path>
</svg>
</div>
Quel est le goût du dentifrice et du siwak ?
</div>
</button>
</h3>
<div
id="faq-accordion-template--25473022853452__faq_rJakpy-collapse-10"
class="accordion-collapse collapse"
aria-labelledby="faq-accordion-template--25473022853452__faq_rJakpy-heading-10"
data-bs-parent="#faq-accordion-template--25473022853452__faq_rJakpy">
<div class="accordion-body rte pt-4 pb-6">
<div class="row align-items-center flex-lg-row">
<div class="col-lg-12">
<p>Notre dentifrice au siwak est aromatisé à la <strong>menthe</strong> pour masquer l’odeur naturelle du siwak et conçu également pour neutraliser les mauvaises odeurs matinales.</p><p>Quant à notre siwak naturel, il conserve son goût caractéristique légèrement <strong>boisé</strong> et authentique, avec une odeur un peu forte (ça sent le naturel, mais comme on dit : il faut souffrir pour être beau !)..</p>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item" >
<h3
id="faq-accordion-template--25473022853452__faq_rJakpy-heading-11"
class="accordion-header">
<button
class="accordion-button collapsed"
type="button"
data-bs-toggle="collapse"
data-bs-target="#faq-accordion-template--25473022853452__faq_rJakpy-collapse-11"
aria-expanded="false"
aria-controls="faq-accordion-template--25473022853452__faq_rJakpy-collapse-11">
<div class="d-flex align-items-center">
<div class="me-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewbox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"></path>
<path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94"></path>
</svg>
</div>
Combien de temps dure un siwak ?
</div>
</button>
</h3>
<div
id="faq-accordion-template--25473022853452__faq_rJakpy-collapse-11"
class="accordion-collapse collapse"
aria-labelledby="faq-accordion-template--25473022853452__faq_rJakpy-heading-11"
data-bs-parent="#faq-accordion-template--25473022853452__faq_rJakpy">
<div class="accordion-body rte pt-4 pb-6">
<div class="row align-items-center flex-lg-row">
<div class="col-lg-12">
<p>Un siwak dure environ <strong>une semaine</strong>. Le pack de 4 siwak est prévu pour <strong>28 jours</strong> d'utilisation quotidienne.</p>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item" >
<h3
id="faq-accordion-template--25473022853452__faq_rJakpy-heading-12"
class="accordion-header">
<button
class="accordion-button collapsed"
type="button"
data-bs-toggle="collapse"
data-bs-target="#faq-accordion-template--25473022853452__faq_rJakpy-collapse-12"
aria-expanded="false"
aria-controls="faq-accordion-template--25473022853452__faq_rJakpy-collapse-12">
<div class="d-flex align-items-center">
<div class="me-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewbox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"></path>
<path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94"></path>
</svg>
</div>
Le siwak peut-il irriter mes gencives ?
</div>
</button>
</h3>
<div
id="faq-accordion-template--25473022853452__faq_rJakpy-collapse-12"
class="accordion-collapse collapse"
aria-labelledby="faq-accordion-template--25473022853452__faq_rJakpy-heading-12"
data-bs-parent="#faq-accordion-template--25473022853452__faq_rJakpy">
<div class="accordion-body rte pt-4 pb-6">
<div class="row align-items-center flex-lg-row">
<div class="col-lg-12">
<p>En suivant nos recommandations incluses dans le guide, vous n’aurez <strong>aucune irritation</strong> des gencives.</p>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item" >
<h3
id="faq-accordion-template--25473022853452__faq_rJakpy-heading-13"
class="accordion-header">
<button
class="accordion-button collapsed"
type="button"
data-bs-toggle="collapse"
data-bs-target="#faq-accordion-template--25473022853452__faq_rJakpy-collapse-13"
aria-expanded="false"
aria-controls="faq-accordion-template--25473022853452__faq_rJakpy-collapse-13">
<div class="d-flex align-items-center">
<div class="me-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewbox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"></path>
<path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94"></path>
</svg>
</div>
Le dentifrice est-il adapté aux enfants ?
</div>
</button>
</h3>
<div
id="faq-accordion-template--25473022853452__faq_rJakpy-collapse-13"
class="accordion-collapse collapse"
aria-labelledby="faq-accordion-template--25473022853452__faq_rJakpy-heading-13"
data-bs-parent="#faq-accordion-template--25473022853452__faq_rJakpy">
<div class="accordion-body rte pt-4 pb-6">
<div class="row align-items-center flex-lg-row">
<div class="col-lg-12">
<p>Notre dentifrice est adapté aux enfants. Pour les enfants de moins de 6 ans, utilisez une quantité réduite sous la <strong>supervision d'un adulte</strong>.</p>
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item" >
<h3
id="faq-accordion-template--25473022853452__faq_rJakpy-heading-14"
class="accordion-header">
<button
class="accordion-button collapsed"
type="button"
data-bs-toggle="collapse"
data-bs-target="#faq-accordion-template--25473022853452__faq_rJakpy-collapse-14"
aria-expanded="false"
aria-controls="faq-accordion-template--25473022853452__faq_rJakpy-collapse-14">
<div class="d-flex align-items-center">
<div class="me-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewbox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"></path>
<path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94"></path>
</svg>
</div>
À quoi servent les porte-siwak ? Sont-ils vraiment utiles ?
</div>
</button>
</h3>
<div
id="faq-accordion-template--25473022853452__faq_rJakpy-collapse-14"
class="accordion-collapse collapse"
aria-labelledby="faq-accordion-template--25473022853452__faq_rJakpy-heading-14"
data-bs-parent="#faq-accordion-template--25473022853452__faq_rJakpy">
<div class="accordion-body rte pt-4 pb-6">
<div class="row align-items-center flex-lg-row">
<div class="col-lg-12">
<p>Oui ! Les porte-siwak permettent de <strong>conserver vos siwaks</strong> proprement et prolongent leur <strong>durée de vie</strong>.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Le challenge 28 jours est-il vraiment efficace pour éliminer les taches ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "\u003cp\u003eOui, l'utilisation quotidienne du \u003cstrong\u003edentifrice au siwak\u003c\/strong\u003e combinée au \u003cstrong\u003esiwak naturel\u003c\/strong\u003e élimine efficacement les \u003cstrong\u003etaches alimentaires\u003c\/strong\u003e (café, thé, tabac) et la \u003cstrong\u003eplaque dentaire\u003c\/strong\u003e, responsables du \u003cstrong\u003ejaunissement\u003c\/strong\u003e.\u003c\/p\u003e"
}
},
{
"@type": "Question",
"name": "Si je ne peux pas utiliser mon siwak en journée (bureau, école), est-ce grave ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "\u003cp\u003eNon, ce n'est pas grave. Vous pouvez tout à fait \u003cstrong\u003ecompenser le soir\u003c\/strong\u003e. Cependant, nous recommandons idéalement une utilisation de \u003cstrong\u003e3 minutes par jour\u003c\/strong\u003e.\u003c\/p\u003e"
}
},
{
"@type": "Question",
"name": "Comment puis-je vous contacter en cas de questions ou besoin d’aide ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "\u003cp\u003eNotre \u003cstrong\u003eservice client\u003c\/strong\u003e est disponible \u003cstrong\u003e24h\/24\u003c\/strong\u003e. Vous pouvez nous contacter par email à l’adresse \u003ca\u003e\u003cstrong\u003econtact@siwaksmile.com\u003c\/strong\u003e\u003c\/a\u003e ou directement par WhatsApp en cliquant sur l’icône WhatsApp située en bas à droite de votre écran.\u003c\/p\u003e"
}
},
{
"@type": "Question",
"name": "Ce dentifrice convient-il aux dents sensibles ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "\u003cp\u003eOui, notre dentifrice est formulé pour être \u003cstrong\u003edoux\u003c\/strong\u003e, même sur les dents sensibles. Si vous avez des dents particulièrement sensibles, nous vous recommandons de l'utiliser avec une \u003cstrong\u003ebrosse à dents souple\u003c\/strong\u003e.\u003c\/p\u003e"
}
},
{
"@type": "Question",
"name": "Je n’ai jamais utilisé de siwak auparavant, comment l’utiliser ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "\u003cp\u003eAucun souci ! Dès votre achat, vous recevez un \u003cstrong\u003eguide détaillé\u003c\/strong\u003e et une \u003cstrong\u003evidéo explicative\u003c\/strong\u003e. Notre \u003cstrong\u003eservice client\u003c\/strong\u003e est aussi disponible \u003cstrong\u003e24h\/24\u003c\/strong\u003e sur WhatsApp ou par mail.\u003c\/p\u003e"
}
},
{
"@type": "Question",
"name": "Proposez-vous une garantie satisfait ou remboursé ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "\u003cp\u003eOui, essayez \u003cstrong\u003eSiwakSmile\u003c\/strong\u003e sans aucun risque. Si vous n’êtes pas entièrement satisfait(e), nous vous remboursons intégralement, sans que vous ayez besoin de retourner le produit.\u003c\/p\u003e"
}
},
{
"@type": "Question",
"name": "Est-ce prouvé scientifiquement que le siwak améliore la santé bucco-dentaire ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "\u003cp\u003eOui, l’\u003cstrong\u003eOrganisation Mondiale de la Santé (OMS)\u003c\/strong\u003e ainsi que de nombreuses études scientifiques confirment les \u003cstrong\u003ebienfaits\u003c\/strong\u003e du siwak sur la santé bucco-dentaire.\u003c\/p\u003e"
}
},
{
"@type": "Question",
"name": "Combien de temps faut-il pour voir des résultats avec ce challenge ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "\u003cp\u003eLes résultats varient selon l'état initial de vos dents, mais la plupart des utilisateurs constatent une \u003cstrong\u003eamélioration notable\u003c\/strong\u003e après \u003cstrong\u003e2 à 3 semaines\u003c\/strong\u003e.\u003c\/p\u003e"
}
},
{
"@type": "Question",
"name": "Quels sont les ingrédients principaux du dentifrice ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "\u003cp\u003eNotre dentifrice est composé à \u003cstrong\u003e92% d'ingrédients naturels\u003c\/strong\u003e, avec le \u003cstrong\u003esiwak\u003c\/strong\u003e comme ingrédient principal reconnu pour ses propriétés \u003cstrong\u003epurifiantes\u003c\/strong\u003e et \u003cstrong\u003eblanchissantes\u003c\/strong\u003e. Il contient aussi : sorbitol, eau, silice, glycérol, K12, CMC, arôme, pigment blanc minéral, PAP, conservateur, saccharine, fluor.\u003c\/p\u003e"
}
},
{
"@type": "Question",
"name": "Quel est le goût du dentifrice et du siwak ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "\u003cp\u003eNotre dentifrice au siwak est aromatisé à la \u003cstrong\u003ementhe\u003c\/strong\u003e pour masquer l’odeur naturelle du siwak et conçu également pour neutraliser les mauvaises odeurs matinales.\u003c\/p\u003e\u003cp\u003eQuant à notre siwak naturel, il conserve son goût caractéristique légèrement \u003cstrong\u003eboisé\u003c\/strong\u003e et authentique, avec une odeur un peu forte (ça sent le naturel, mais comme on dit : il faut souffrir pour être beau !)..\u003c\/p\u003e"
}
},
{
"@type": "Question",
"name": "Combien de temps dure un siwak ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "\u003cp\u003eUn siwak dure environ \u003cstrong\u003eune semaine\u003c\/strong\u003e. Le pack de 4 siwak est prévu pour \u003cstrong\u003e28 jours\u003c\/strong\u003e d'utilisation quotidienne.\u003c\/p\u003e"
}
},
{
"@type": "Question",
"name": "Le siwak peut-il irriter mes gencives ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "\u003cp\u003eEn suivant nos recommandations incluses dans le guide, vous n’aurez \u003cstrong\u003eaucune irritation\u003c\/strong\u003e des gencives.\u003c\/p\u003e"
}
},
{
"@type": "Question",
"name": "Le dentifrice est-il adapté aux enfants ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "\u003cp\u003eNotre dentifrice est adapté aux enfants. Pour les enfants de moins de 6 ans, utilisez une quantité réduite sous la \u003cstrong\u003esupervision d'un adulte\u003c\/strong\u003e.\u003c\/p\u003e"
}
},
{
"@type": "Question",
"name": "À quoi servent les porte-siwak ? Sont-ils vraiment utiles ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "\u003cp\u003eOui ! Les porte-siwak permettent de \u003cstrong\u003econserver vos siwaks\u003c\/strong\u003e proprement et prolongent leur \u003cstrong\u003edurée de vie\u003c\/strong\u003e.\u003c\/p\u003e"
}
}
]
}
</script>
</div><div id="shopify-section-template--25473022853452__icon_blocks_HUJFJb" class="shopify-section">
<style data-shopify>
/* Image SVG */
.custom_icon-item_WDUAtn svg {
height: 50px;
width: 50px;
}
/* Image SVG mobile */
@media screen and (max-width: 990px) {
.custom_icon-item_WDUAtn svg {
height: 50px;
width: 50px;
}
}/* Image SVG */
.custom_icon-item_GJ8mXg svg {
height: 55px;
width: 55px;
}
/* Image SVG mobile */
@media screen and (max-width: 990px) {
.custom_icon-item_GJ8mXg svg {
height: 55px;
width: 55px;
}
}/* Image SVG */
.custom_icon-item_qWtaqM svg {
height: 55px;
width: 55px;
}
/* Image SVG mobile */
@media screen and (max-width: 990px) {
.custom_icon-item_qWtaqM svg {
height: 55px;
width: 55px;
}
}</style>
<section
id="icon-blocks-template--25473022853452__icon_blocks_HUJFJb"
class="icon-blocks enter-view position-relative overflow-hidden bg-body text-body text-center pt-3 pb-0 mt-5 mb-5">
<div class="container"
style="max-width: px;">
<style data-shopify>
#background-text-template--25473022853452__icon_blocks_HUJFJb {
font-size: calc(2em * 3);
}
</style>
<div class="overlay-text-container my-4" style="position: relative;">
<h2 class="title mb-4 h3 animate__animated animate__faster opacity-0"
data-animate-class="animate__fadeInUp"
style="animation-delay: 200ms;"
>
Profitez de l'expérience en toute confiance
</h2>
</div>
<div class="row mx-n3 mx-lg-n4 xs-scroll row-cols-sm-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-3 row-cols-xxl-3">
<div class="col p-3 p-lg-4 custom_icon-item_WDUAtn" >
<div
class="h-100 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 150ms;">
<div
class="card h-100 bg-secondary text-white shadow-none text-center"
style="border-width: 0px;">
<div class="card-body text-center">
<div class="">
<div class="mb-5">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#FFFFFF" class="bi bi-whatsapp" viewbox="0 0 16 16">
<path d="M13.601 2.326A7.85 7.85 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.9 7.9 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.9 7.9 0 0 0 13.6 2.326zM7.994 14.521a6.6 6.6 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.56 6.56 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592m3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.73.73 0 0 0-.529.247c-.182.198-.691.677-.691 1.654s.71 1.916.81 2.049c.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232"></path>
</svg>
</div>
<div class="block-inner">
<h3 class="title mb-4 h5">
Service client premium 7j/7
</h3>
<div class="description rte mt-n3 mb-0 fs-6">
<p>Lancer le chat en cliquant en bas de votre écran !</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col p-3 p-lg-4 custom_icon-item_GJ8mXg" >
<div
class="h-100 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 300ms;">
<div
class="card h-100 bg-secondary text-white shadow-none text-center"
style="border-width: 0px;">
<div class="card-body text-center">
<div class="">
<div class="mb-5">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#FFFFFF" class="bi bi-truck" viewbox="0 0 16 16">
<path d="M0 3.5A1.5 1.5 0 0 1 1.5 2h9A1.5 1.5 0 0 1 12 3.5V5h1.02a1.5 1.5 0 0 1 1.17.563l1.481 1.85a1.5 1.5 0 0 1 .329.938V10.5a1.5 1.5 0 0 1-1.5 1.5H14a2 2 0 1 1-4 0H5a2 2 0 1 1-3.998-.085A1.5 1.5 0 0 1 0 10.5zm1.294 7.456A2 2 0 0 1 4.732 11h5.536a2 2 0 0 1 .732-.732V3.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .294.456M12 10a2 2 0 0 1 1.732 1h.768a.5.5 0 0 0 .5-.5V8.35a.5.5 0 0 0-.11-.312l-1.48-1.85A.5.5 0 0 0 13.02 6H12zm-9 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2m9 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2"></path>
</svg>
</div>
<div class="block-inner">
<h3 class="title mb-4 h5">
Livraison express
</h3>
<div class="description rte mt-n3 mb-0 fs-6">
<p>Livraison 24-48h ouvrés </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col p-3 p-lg-4 custom_icon-item_qWtaqM" >
<div
class="h-100 animate__animated opacity-0 animate__fast"
data-animate-class="animate__zoomIn"
style="animation-delay: 450ms;">
<div
class="card h-100 bg-secondary text-white shadow-none text-center"
style="border-width: 0px;">
<div class="card-body text-center">
<div class="">
<div class="mb-5">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#FFFFFF" class="bi bi-person-fill-lock" viewbox="0 0 16 16">
<path d="M11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0m-9 8c0 1 1 1 1 1h5v-1a2 2 0 0 1 .01-.2 4.49 4.49 0 0 1 1.534-3.693Q8.844 9.002 8 9c-5 0-6 3-6 4m7 0a1 1 0 0 1 1-1v-1a2 2 0 1 1 4 0v1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zm3-3a1 1 0 0 0-1 1v1h2v-1a1 1 0 0 0-1-1"></path>
</svg>
</div>
<div class="block-inner">
<h3 class="title mb-4 h5">
Paiement sécurisé
</h3>
<div class="description rte mt-n3 mb-0 fs-6">
<p>Utilisation du cryptage SSL pour votre tranquilité d'esprit.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div><div id="shopify-section-template--25473022853452__d167404f-6e0f-4b9a-9302-986b992f1537" class="shopify-section">
<section
id="sticky-atc"
class="fixed-bottom bg-white text-body">
<div class="container">
<div
class="mx-auto"
style="max-width: 600px;">
<div class="d-flex align-items-center">
<div class="flex-grow-1 overflow-hidden">
<div class="d-flex align-items-center">
<img
class="product-img img-fluid me-4 m-3 rounded img-thumbnail shadow-1 border-primary"
src="//siwaksmile.com/cdn/shop/files/1_1cf29857-0fd3-4878-9073-d5d4c1eac52f.webp?crop=center&height=600&v=1759237840&width=600"
alt="Dentifrice SiwakSmile 2.0 + BrushTimer - SiwakSmile"
width="600"
height="600"
loading="lazy">
<div class="overflow-hidden">
<h3 class="product-title h6 mb-1 mb-sm-2 text-ellipsis">
Dentifrice Blanchissant Naturel au Siwak + BrushTimer
</h3>
<div class="stp-star mb-3"
data-id="8912037577036"
data-rating-stp="5.0"
data-num-reviews-stp="5.000+ Clients Satisfaits ">
<svg width="14" height="14" viewbox="0 0 16 16" fill="#00b67a" class="me-n1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<svg width="14" height="14" viewbox="0 0 16 16" fill="#00b67a" class="me-n1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<svg width="14" height="14" viewbox="0 0 16 16" fill="#00b67a" class="me-n1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<svg width="14" height="14" viewbox="0 0 16 16" fill="#00b67a" class="me-n1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<svg width="14" height="14" viewbox="0 0 16 16" fill="#00b67a" class="me-n1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<span class="spt-badge-caption ms-1">5.000+ Clients Satisfaits </span>
</div>
<p class="product-price fs-6 mb-0">
<span class="product-price-final">
14,90€
</span>
</p>
</div>
</div>
</div>
<div class="ms-4 flex-shrink-0">
<form method="post" action="/cart/add" id="product_form_8912037577036" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" onsubmit="handleAddToCartFormSubmit(this, event)"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="47827029721420">
<div class="d-flex">
<div class="quantity-wrapper me-3 d-none d-lg-block">
<button
class="btn"
type="button"
data-mode="minus"
onclick="onClickQtyPlusMinus(this)"
aria-label="Diminuer la quantité">
<svg 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">
<line x1="5" y1="12" x2="19" y2="12"></line>
</svg>
</button>
<input
class="form-control"
type="text"
name="quantity"
value="1"
data-min-qty="1"
aria-label="Quantité">
<button
class="btn btn-plus"
type="button"
data-mode="plus"
onclick="onClickQtyPlusMinus(this)"
aria-label="Augmenter la quantité">
<svg 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">
<line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line>
</svg>
</button>
</div>
<button class="btn-atc btn btn-primary w-100" disabled>
Épuisé
</button>
</div>
<input type="hidden" name="product-id" value="8912037577036" /><input type="hidden" name="section-id" value="template--25473022853452__d167404f-6e0f-4b9a-9302-986b992f1537" /></form>
</div>
</div>
</div>
</div>
</section>
</div>
</main>
<!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--25013412331852__newsletter_popup_F6GaaM" class="shopify-section shopify-section-group-footer-group">
<div
id="newsletter-popup-modal"
class="modal fade"
tabindex="-1"
aria-labelledby="newsletter-popup-modal-label"
aria-hidden="true"
data-delay="20"
data-days-to-wait="3">
<div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h2 id="newsletter-popup-modal-label" class="modal-title h5">
</h2>
<button
type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Fermer">
</button>
</div>
<div class="modal-body pt-0 pb-5 mt-0 mb-0">
<div class="row align-items-center flex-lg-row">
<div class="col-lg-6 mb-6 mb-lg-0">
<img
class="img-fluid rounded shadow-none"
src="//siwaksmile.com/cdn/shop/files/LOGO_centre.pdf_3_2.webp?crop=center&height=720&v=1759416484&width=900"
alt=""
width="900"
height="720"
loading="lazy">
</div>
<div class="col-lg-6">
<div class="text-center">
<h3 class="title mb-2 h3">
<strong>UN CADEAU DE BIENVENUE 🎁 ? </strong>
</h3>
<div class="description rte mb-6 fs-5">
<p>Obtenez <strong>10% de réduction</strong> sur votre première commande !</p>
</div>
<form method="post" action="/contact#newsletter-popup-form" id="newsletter-popup-form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="contact[tags]" value="newsletter">
<div class="input-group mb-0">
<input
type="email"
name="contact[email]"
size="30"
class="form-control"
value=""
placeholder="Entrer votre Email..."
aria-label="Entrer votre Email..."
autocorrect="off"
autocapitalize="off">
<button class="btn btn-primary" type="submit" name="commit">
Obtenir
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-sections--25013412331852__footer" class="shopify-section shopify-section-group-footer-group">
<style data-shopify>
/* Image2 SVG */
.navbar-brand svg {
width: 1%;
}
</style>
<footer id="footer" class="bg-tertiary text-white bg-gradient pt-5 pb-5">
<div class="container">
<div id="footer-blocks" class="row mb-10">
<div class="col-lg-4">
<div id="footer-about" class="me-xl-10 mb-7 mb-lg-0 rounded bg-white text-dark bg-gradient">
<a class="navbar-brand mb-3" href="/" aria-label="SiwakSmile">
<img
class="img-fluid"
src="//siwaksmile.com/cdn/shop/files/Design_sans_titre_3_2080cc80-69af-4cc3-99ac-3eb59b583d9a.png?height=140&v=1740498882"
alt="SiwakSmile"
width="164"
height="70"
loading="lazy">
</a>
<div class="description mb-5 small">
<p>Une question ? Contactez-nous : </p>
</div>
<div id="footer-about-email mb-1">
<a class="rte small d-inline-flex align-items-center" href="/pages/contact">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-fill me-3" viewbox="0 0 16 16">
<path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"></path>
</svg>
contact@siwaksmile.com
</a>
</div>
</div>
</div>
<div class="col-lg-8">
<ul class="list-unstyled row mb-0">
<li class="footer-block col-lg" >
<a
class="nav-link h6 collapsed d-lg-none"
href="#block-collapse-menu_4QfDi8"
data-bs-toggle="collapse"
aria-expanded="false"
aria-controls="block-collapse-menu_4QfDi8"
role="button">
Boutique
</a>
<h3 class="title d-none d-lg-inline-block h6">
<span>
Boutique
</span>
</h3>
<div id="block-collapse-menu_4QfDi8" class="collapse d-lg-block">
<div class="mt-4 mb-6 my-lg-0">
<ul class="nav flex-column mb-0">
<li class="nav-item">
<a class="nav-link px-0 py-3 py-lg-2" href="/">
Accueil
</a>
</li>
<li class="nav-item">
<a class="nav-link px-0 py-3 py-lg-2" href="/pages/nos-produits">
Nos produits
</a>
</li>
<li class="nav-item">
<a class="nav-link px-0 py-3 py-lg-2" href="/blogs/infos">
Nos articles de blog
</a>
</li>
<li class="nav-item">
<a class="nav-link px-0 py-3 py-lg-2" href="/products/pack-challenge-dents-blanches">
Qui sommes-nous ?
</a>
</li>
<li class="nav-item">
<a class="nav-link px-0 py-3 py-lg-2" href="/pages/contact">
Contact
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="footer-block col-lg" >
<a
class="nav-link h6 collapsed d-lg-none"
href="#block-collapse-menu_bqfKRj"
data-bs-toggle="collapse"
aria-expanded="false"
aria-controls="block-collapse-menu_bqfKRj"
role="button">
légal
</a>
<h3 class="title d-none d-lg-inline-block h6">
<span>
légal
</span>
</h3>
<div id="block-collapse-menu_bqfKRj" class="collapse d-lg-block">
<div class="mt-4 mb-6 my-lg-0">
<ul class="nav flex-column mb-0">
<li class="nav-item">
<a class="nav-link px-0 py-3 py-lg-2" href="/policies/terms-of-sale">
Conditions générales de vente
</a>
</li>
<li class="nav-item">
<a class="nav-link px-0 py-3 py-lg-2" href="/policies/privacy-policy">
Politique de confidentialité
</a>
</li>
<li class="nav-item">
<a class="nav-link px-0 py-3 py-lg-2" href="/policies/refund-policy">
Politique de remboursement
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="footer-block col-lg" >
<a
class="nav-link h6 collapsed d-lg-none"
href="#block-collapse-richtext_mHKeAc"
data-bs-toggle="collapse"
aria-expanded="false"
aria-controls="block-collapse-richtext_mHKeAc"
role="button">
siwaksmile
</a>
<h3 class="title d-none d-lg-inline-block h6">
<span>
siwaksmile
</span>
</h3>
<div id="block-collapse-richtext_mHKeAc" class="collapse d-lg-block">
<div class="mt-4 mb-6 my-lg-0">
<a class="btn btn-sm w-100 mt-6 btn-light btn-shadow-2 btn-sm" href="/pages/a-propos">
À propos
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
<hr class="d-none d-sm-block mb-7">
<div id="footer-copyright" class="small text-center">
<div class="row align-items-center">
<div class="col-lg-4">
<div class="social-icons-wrapper mb-5 mb-lg-0">
<small class="opacity-75 lh-sm">
Soyons amis...
</small>
<ul class="social-icons nav d-inline-flex mb-0" aria-label="Liens vers les réseaux sociaux">
<li class="nav-item">
<a
class="nav-link p-3 text-current-color"
target="_blank"
href="https://www.instagram.com/siwaksmile/"
data-bs-toggle="tooltip"
data-bs-placement="bottom"
title="Instagram" aria-label="Instagram">
<svg
xmlns="http://www.w3.org/2000/svg"
width="18"
height="18"
class="icon-social-instagram"
viewbox="0 0 24 24"
fill="currentColor">
<path d="M16.98 0a6.9 6.9 0 0 1 5.08 1.98A6.94 6.94 0 0 1 24 7.02v9.96c0 2.08-.68 3.87-1.98 5.13A7.14 7.14 0 0 1 16.94 24H7.06a7.06 7.06 0 0 1-5.03-1.89A6.96 6.96 0 0 1 0 16.94V7.02C0 2.8 2.8 0 7.02 0h9.96zm.05 2.23H7.06c-1.45 0-2.7.43-3.53 1.25a4.82 4.82 0 0 0-1.3 3.54v9.92c0 1.5.43 2.7 1.3 3.58a5 5 0 0 0 3.53 1.25h9.88a5 5 0 0 0 3.53-1.25 4.73 4.73 0 0 0 1.4-3.54V7.02a5 5 0 0 0-1.3-3.49 4.82 4.82 0 0 0-3.54-1.3zM12 5.76c3.39 0 6.2 2.8 6.2 6.2a6.2 6.2 0 0 1-12.4 0 6.2 6.2 0 0 1 6.2-6.2zm0 2.22a3.99 3.99 0 0 0-3.97 3.97A3.99 3.99 0 0 0 12 15.92a3.99 3.99 0 0 0 3.97-3.97A3.99 3.99 0 0 0 12 7.98zm6.44-3.77a1.4 1.4 0 1 1 0 2.8 1.4 1.4 0 0 1 0-2.8z"/>
</svg>
</a>
</li>
<li class="nav-item">
<a
class="nav-link p-3 text-current-color"
target="_blank"
href="https://www.tiktok.com/@siwaksmile"
data-bs-toggle="tooltip"
data-bs-placement="bottom"
title="Tiktok" aria-label="Tiktok">
<svg
xmlns="http://www.w3.org/2000/svg"
width="18"
height="18"
class="icon-social-tiktok"
viewbox="0 0 32 32"
fill="currentColor">
<path d="M16.708 0.027c1.745-0.027 3.48-0.011 5.213-0.027 0.105 2.041 0.839 4.12 2.333 5.563 1.491 1.479 3.6 2.156 5.652 2.385v5.369c-1.923-0.063-3.855-0.463-5.6-1.291-0.76-0.344-1.468-0.787-2.161-1.24-0.009 3.896 0.016 7.787-0.025 11.667-0.104 1.864-0.719 3.719-1.803 5.255-1.744 2.557-4.771 4.224-7.88 4.276-1.907 0.109-3.812-0.411-5.437-1.369-2.693-1.588-4.588-4.495-4.864-7.615-0.032-0.667-0.043-1.333-0.016-1.984 0.24-2.537 1.495-4.964 3.443-6.615 2.208-1.923 5.301-2.839 8.197-2.297 0.027 1.975-0.052 3.948-0.052 5.923-1.323-0.428-2.869-0.308-4.025 0.495-0.844 0.547-1.485 1.385-1.819 2.333-0.276 0.676-0.197 1.427-0.181 2.145 0.317 2.188 2.421 4.027 4.667 3.828 1.489-0.016 2.916-0.88 3.692-2.145 0.251-0.443 0.532-0.896 0.547-1.417 0.131-2.385 0.079-4.76 0.095-7.145 0.011-5.375-0.016-10.735 0.025-16.093z"/>
</svg>
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-4 mb-3 mb-lg-0">
<p class="mb-0 small">
© 2025 SiwakSmile. Tous les droits sont réservés.
</p>
</div>
<div class="col-lg-4">
<div class="payment-icons-wrapper">
<div class="payment-icons">
<span class="visually-hidden">
Méthodes de paiement
</span>
<ul class="list-unstyled d-inline-flex flex-wrap justify-content-center mb-1">
<li class="p-1" data-bs-toggle="tooltip" data-bs-placement="top" title="AmericanExpress">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewbox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg>
</li>
<li class="p-1" data-bs-toggle="tooltip" data-bs-placement="top" title="ApplePay">
<svg class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewbox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>
</li>
<li class="p-1" data-bs-toggle="tooltip" data-bs-placement="top" title="CartesBancaires">
<svg class="icon" width="38" height="24" role="img" viewbox="0 0 38 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-labelledby="pi-cartes_bancaires"><title id="pi-cartes_bancaires">Cartes Bancaires</title><rect x="1" y="1" width="36" height="22" rx="2" fill="url(#pi-cartes_bancaires-paint0_linear)"/><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07"/><path fill-rule="evenodd" clip-rule="evenodd" d="M28 9.934c0 1.067-.8 1.932-1.79 1.934v.002h-6.52V8h6.52c.99.002 1.79.867 1.79 1.934zm0 4.104c0 1.067-.8 1.932-1.79 1.934v.003h-6.52v-3.87h6.52c.99.002 1.79.867 1.79 1.933zm-13.224-1.934h4.788v.378c0 1.943-1.46 3.518-3.26 3.518H13.26C11.46 16 10 14.425 10 12.482v-.938c0-1.943 1.46-3.518 3.26-3.518h3.044c1.8 0 3.26 1.575 3.26 3.518v.326h-4.788v.234z" fill="#fff"/><defs><lineargradient id="pi-cartes_bancaires-paint0_linear" x1="37" y1="1" x2="17.422" y2="33.036" gradientunits="userSpaceOnUse"><stop stop-color="#083969"/><stop offset=".492" stop-color="#007B9D"/><stop offset="1" stop-color="#00A84A"/></lineargradient></defs></svg>
</li>
<li class="p-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Master">
<svg class="icon" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg>
</li>
<li class="p-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Paypal">
<svg class="icon" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg>
</li>
<li class="p-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Visa">
<svg class="icon" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg>
</li>
</ul>
<small class="d-block lh-sm opacity-75">
Paiements 100% sécurisés et protégés
</small>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<!-- END sections: footer-group -->
<div
id="offcanvas-cart"
class="offcanvas offcanvas-end offcanvas-mobile-full"
tabindex="-1"
aria-labelledby="offcanvas-cart-label"
data-shipping-protection-enabled="false"
data-shipping-protection-auto-initialize="true"
data-shipping-protection-variant-id="">
<div class="offcanvas-header bg-dark text-white">
<h2
id="offcanvas-cart-label"
class="offcanvas-title h5">
Votre panier
</h2>
<button
class="btn-close btn-close-white"
type="button"
data-bs-dismiss="offcanvas"
aria-label="Fermer">
</button>
</div>
<div class="offcanvas-body">
<div
id="cart-testimonial"
class="rounded bg-light mb-3">
<div class="rte description text-center fs-6">
<p>Rejoignez <strong>des milliers de clients satisfaits</strong> qui font déjà partie de la <strong>Smile-Family.</strong></p>
</div>
</div>
<div
id="offcanvas-cart-alert-error"
class="offcanvas-cart-alert alert alert-danger fw-500 lh-sm py-3 mb-4"
role="alert"
hidden>
<div class="d-flex align-items-center small">
<svg xmlns="http://www.w3.org/2000/svg" class="me-3 flex-shrink-0" 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">
<circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line>
</svg>
<span>
</span>
</div>
</div>
<div
id="offcanvas-cart-alert-add"
class="offcanvas-cart-alert alert alert-success fw-500 py-3 mb-4"
role="alert"
hidden>
<div class="d-flex align-items-center small">
<svg xmlns="http://www.w3.org/2000/svg" class="me-3 flex-shrink-0" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
<span data-alert-item-added hidden>
Article ajouté à votre panier
</span>
<span data-alert-items-added hidden>
[count] articles ajoutés à votre panier
</span>
</div>
</div>
<div
id="offcanvas-cart-alert-updated"
class="offcanvas-cart-alert alert alert-info fw-500 py-3 mb-4"
role="alert"
hidden>
<div class="d-flex align-items-center small">
<svg xmlns="http://www.w3.org/2000/svg" class="me-3 flex-shrink-0" 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">
<circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line>
</svg>
Le panier a été mis à jour avec succès
</div>
</div>
<div id="offcanvas-cart-empty-upsell" class="text-muted text-center mt-10 mb-12 small">
<svg xmlns="http://www.w3.org/2000/svg" class="opacity-75 mb-2" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<circle cx="10" cy="20.5" r="1"/><circle cx="18" cy="20.5" r="1"/><path d="M2.5 2.5h3l2.7 12.4a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.6l1.6-8.4H7.1"/>
</svg>
<p>Votre panier est actuellement vide</p>
</div>
<h3 class="h6 border-bottom pb-3 mb-4">
Vous aimerez peut-être...
</h3>
<ul class="product-listing list-unstyled mb-0">
<li class="product-item py-3">
<div class="row align-items-center mx-n3">
<div class="col-4 px-3">
<a href="/products/pack-challenge-28-jours" class="">
<img
class="product-item-img img-fluid me-3 rounded img-thumbnail shadow-2 border-secondary"
src="//siwaksmile.com/cdn/shop/files/Photographes-fond-blancs-_24.webp?crop=center&height=600&v=1759869546&width=600"
alt="Kit Blanchiment 28 jours - BestSeller - SiwakSmile"
width="600"
height="600"
loading="lazy">
</a>
</div>
<div class="col-8 px-3">
<h4 class="product-item-title h6 mb-1 text-truncate">
<a href="/products/pack-challenge-28-jours" class="link-dark">
Kit Blanchiment 28 jours - BestSeller
</a>
</h4>
<div class="stp-star mb-3"
data-id="9192466973004"
data-rating-stp="5.0"
data-num-reviews-stp="5.000+ Clients Satisfaits ">
<svg width="14" height="14" viewbox="0 0 16 16" fill="#00b67a" class="me-n1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<svg width="14" height="14" viewbox="0 0 16 16" fill="#00b67a" class="me-n1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<svg width="14" height="14" viewbox="0 0 16 16" fill="#00b67a" class="me-n1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<svg width="14" height="14" viewbox="0 0 16 16" fill="#00b67a" class="me-n1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<svg width="14" height="14" viewbox="0 0 16 16" fill="#00b67a" class="me-n1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<span class="spt-badge-caption ms-1">5.000+ Clients Satisfaits </span>
</div>
<p class="product-item-price small mb-3">
<span class="product-item-price-final">
34,90€
</span>
</p>
<div class="form-wrapper">
<form method="post" action="/cart/add" id="product_form_9192466973004" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" onsubmit="handleAddToCartFormSubmit(this, event)"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<div class="d-flex">
<input type="hidden" name="id" value="48582338609484">
<button
class="btn-atc btn btn-sm btn-primary px-4 flex-shrink-0"
type="submit"
name="add"
data-text-add-to-cart="Ajouter"
>
Ajouter
</button>
</div>
<input type="hidden" name="product-id" value="9192466973004" /></form>
</div>
</div>
</div>
</li>
<li class="product-item py-3">
<div class="row align-items-center mx-n3">
<div class="col-4 px-3">
<a href="/products/dentifrice-au-siwak" class="">
<img
class="product-item-img img-fluid me-3 rounded img-thumbnail shadow-2 border-secondary"
src="//siwaksmile.com/cdn/shop/files/1_1cf29857-0fd3-4878-9073-d5d4c1eac52f.webp?crop=center&height=600&v=1759237840&width=600"
alt="Dentifrice SiwakSmile 2.0 + BrushTimer - SiwakSmile"
width="600"
height="600"
loading="lazy">
</a>
</div>
<div class="col-8 px-3">
<h4 class="product-item-title h6 mb-1 text-truncate">
<a href="/products/dentifrice-au-siwak" class="link-dark">
Dentifrice Blanchissant Naturel au Siwak + BrushTimer
</a>
</h4>
<div class="stp-star mb-3"
data-id="8912037577036"
data-rating-stp="5.0"
data-num-reviews-stp="5.000+ Clients Satisfaits ">
<svg width="14" height="14" viewbox="0 0 16 16" fill="#00b67a" class="me-n1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<svg width="14" height="14" viewbox="0 0 16 16" fill="#00b67a" class="me-n1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<svg width="14" height="14" viewbox="0 0 16 16" fill="#00b67a" class="me-n1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<svg width="14" height="14" viewbox="0 0 16 16" fill="#00b67a" class="me-n1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<svg width="14" height="14" viewbox="0 0 16 16" fill="#00b67a" class="me-n1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<span class="spt-badge-caption ms-1">5.000+ Clients Satisfaits </span>
</div>
<p class="product-item-price small mb-3">
<span class="product-item-price-final">
</span>
</p>
<div class="form-wrapper">
<form method="post" action="/cart/add" id="product_form_8912037577036" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" onsubmit="handleAddToCartFormSubmit(this, event)"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<div class="d-flex">
<input type="hidden" name="id" value="">
<button
class="btn-atc btn btn-sm btn-primary px-4 flex-shrink-0"
type="submit"
name="add"
data-text-add-to-cart="Ajouter"
disabled
>
Épuisé
</button>
</div>
<input type="hidden" name="product-id" value="8912037577036" /></form>
</div>
</div>
</div>
</li>
<li class="product-item py-3">
<div class="row align-items-center mx-n3">
<div class="col-4 px-3">
<a href="/products/kit-siwak-addict" class="">
<img
class="product-item-img img-fluid me-3 rounded img-thumbnail shadow-2 border-secondary"
src="//siwaksmile.com/cdn/shop/files/17_5be3c1fa-5679-49a1-8ac8-39d0d27b778c.webp?crop=center&height=600&v=1759242531&width=600"
alt="Kit Siwak Addict - SiwakSmile"
width="600"
height="600"
loading="lazy">
</a>
</div>
<div class="col-8 px-3">
<h4 class="product-item-title h6 mb-1 text-truncate">
<a href="/products/kit-siwak-addict" class="link-dark">
Kit Siwak Addict
</a>
</h4>
<div class="stp-star mb-3"
data-id="8914393465164"
data-rating-stp="5.0"
data-num-reviews-stp="5.000+ Clients Satisfaits ">
<svg width="14" height="14" viewbox="0 0 16 16" fill="#00b67a" class="me-n1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<svg width="14" height="14" viewbox="0 0 16 16" fill="#00b67a" class="me-n1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<svg width="14" height="14" viewbox="0 0 16 16" fill="#00b67a" class="me-n1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<svg width="14" height="14" viewbox="0 0 16 16" fill="#00b67a" class="me-n1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<svg width="14" height="14" viewbox="0 0 16 16" fill="#00b67a" class="me-n1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<span class="spt-badge-caption ms-1">5.000+ Clients Satisfaits </span>
</div>
<p class="product-item-price small mb-3">
<span class="product-item-price-final">
20,00€
</span>
</p>
<div class="form-wrapper">
<form method="post" action="/cart/add" id="product_form_8914393465164" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" onsubmit="handleAddToCartFormSubmit(this, event)"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<div class="d-flex">
<input type="hidden" name="id" value="47834300973388">
<button
class="btn-atc btn btn-sm btn-primary px-4 flex-shrink-0"
type="submit"
name="add"
data-text-add-to-cart="Ajouter"
>
Ajouter
</button>
</div>
<input type="hidden" name="product-id" value="8914393465164" /></form>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="offcanvas-footer border-top p-5">
<button class="btn btn-outline-primary w-100" type="button" data-bs-dismiss="offcanvas">
Continuer vos achats
</button>
</div>
</div>
<div
id="offcanvas-search"
class="offcanvas offcanvas-end offcanvas-mobile-full"
tabindex="-1"
aria-labelledby="offcanvas-search-label">
<div class="offcanvas-header bg-dark text-white">
<h2
id="offcanvas-search-label"
class="offcanvas-title h5">
Rechercher dans notre boutique
</h2>
<button
class="btn-close btn-close-white"
type="button"
data-bs-dismiss="offcanvas"
aria-label="Fermer">
</button>
</div>
<div class="offcanvas-body">
<search-predictive>
<form
action="/search" method="get" role="search">
<div class="form-control-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" class="icon-search" width="20" height="20" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
<input
class="form-control"
type="search"
name="q"
value=""
aria-describedby="search-predictive-alert"
aria-label="Commencez à taper pour voir les résultats..."
placeholder="Commencez à taper pour voir les résultats..."
data-search-collections="true"
data-search-pages="true"
data-search-articles="true">
</div>
<input type="hidden" name="type" value="product">
</form>
<p
id="search-predictive-alert"
class="visually-hidden"
role="status"
data-text-result-found="1 résultat trouvé"
data-text-results-found="[count] résultats trouvés"
data-text-no-results="Aucun résultat trouvé">
</p>
<div id="search-predictive" tabindex="-1"></div>
</search-predictive>
<div id="search-popular-products-wrapper" class="mt-6">
<h3 class="h6 border-bottom pb-3 mb-4">
Recherches populaires
</h3>
<ul class="product-listing list-unstyled mb-0">
<li class="product-item py-3">
<div class="row align-items-center mx-n3">
<div class="col-4 px-3">
<a href="/products/dentifrice-au-siwak" class="">
<img
class="product-item-img img-fluid me-3 rounded img-thumbnail shadow-2 border-secondary"
src="//siwaksmile.com/cdn/shop/files/1_1cf29857-0fd3-4878-9073-d5d4c1eac52f.webp?crop=center&height=600&v=1759237840&width=600"
alt="Dentifrice SiwakSmile 2.0 + BrushTimer - SiwakSmile"
width="600"
height="600"
loading="lazy">
</a>
</div>
<div class="col-8 px-3">
<h4 class="product-item-title h6 mb-1 text-truncate">
<a href="/products/dentifrice-au-siwak" class="link-dark">
Dentifrice Blanchissant Naturel au Siwak + BrushTimer
</a>
</h4>
<div class="stp-star mb-3"
data-id="8912037577036"
data-rating-stp="5.0"
data-num-reviews-stp="5.000+ Clients Satisfaits ">
<svg width="14" height="14" viewbox="0 0 16 16" fill="#00b67a" class="me-n1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<svg width="14" height="14" viewbox="0 0 16 16" fill="#00b67a" class="me-n1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<svg width="14" height="14" viewbox="0 0 16 16" fill="#00b67a" class="me-n1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<svg width="14" height="14" viewbox="0 0 16 16" fill="#00b67a" class="me-n1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<svg width="14" height="14" viewbox="0 0 16 16" fill="#00b67a" class="me-n1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 0H0V16H16V0Z" fill="#00b67a"></path>
<path d="M5.8,9.3L8,10.8l3.5,2.5l-1.3-4.1l3.5-2.5H9.3L8,2.7L6.7,6.7H2.4L5.8,9.3z M13.6,6.7H9.3L8,2.7L6.7,6.7H2.4l3.5,2.5l-1.3,4.1L8,10.8l2.1-1.5L13.6,6.7z" fill="white"></path>
</svg>
<span class="spt-badge-caption ms-1">5.000+ Clients Satisfaits </span>
</div>
<p class="product-item-price small mb-3">
<span class="product-item-price-final">
</span>
</p>
<div class="form-wrapper">
<form method="post" action="/cart/add" id="product_form_8912037577036" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" onsubmit="handleAddToCartFormSubmit(this, event)"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<div class="d-flex">
<input type="hidden" name="id" value="">
<button
class="btn-atc btn btn-sm btn-primary px-4 flex-shrink-0"
type="submit"
name="add"
data-text-add-to-cart="Ajouter"
disabled
>
Épuisé
</button>
</div>
<input type="hidden" name="product-id" value="8912037577036" /></form>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="offcanvas-footer border-top p-5" hidden>
<form action="/search" method="get" role="search">
<input type="hidden" name="q" value="">
<input type="hidden" name="type" value="product">
<button
class="btn btn-outline-primary w-100"
data-text-search-for="Rechercher"
tabindex="-1">
</button>
</form>
</div>
</div>
<div id="popup-premium-modal" class="modal fade" tabindex="-1" aria-labelledby="popup-premium-modal-label" aria-hidden="true" data-bs-backdrop="static" data-delay="1"><div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable"><div class="modal-content"><div class="modal-header"><h2 id="popup-premium-modal-label" class="modal-title h6"><strong>ATTENTION : DERNIÈRE ÉTAPE POUR UTILISER SHOPIWEB PREMIUM</strong></h2></div><div class="modal-body pt-4 pb-4 mt-2 mb-2"><div class="row align-items-center"><div class="col-lg-6 mb-6 mt-lg-n2 mb-lg-0"><img class="img-fluid mx-auto d-block" src="//siwaksmile.com/cdn/shop/t/17/assets/shopiweb-premium.svg?v=36546146341794489631747367940" alt="Shopiweb Premium" width="250" height="250" crop="center" loading="lazy"></div><div class="col-lg-6 mb-4"><div class="text-center"><h3 class="title mb-4 h3"><strong>Activez votre licence !</strong></h3><div class="description rte mb-6 fs-6"><p>Pour utiliser toutes les fonctionnalités et déverrouiller les 41 applications, merci de cliquer sur le bouton ACTIVER MA LICENCE 👇</p></div><div class="d-inline-flex"><style>#popup-premium-modal .btn{animation:shopibtns 1.5s infinite}#popup-premium-modal .btn:hover{animation:unset!important}</style><a class="btn btn-success btn-lg" style="animation:shopibtns 1.5s infinite" href="https://theme.shopiweb.fr/course/theme-shopiweb-premium/lecture/3326692" target="_blank">ACTIVER MA LICENCE</a></div></div></div></div><div class="notice rte mt-lg-6 lh-sm extra-small text-center"><p>Besoin d'aide ? Regardez la vidéo tutoriel disponible dans votre espace membre SHOPIWEB PREMIUM.</p></div></div></div></div></div>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T7KSK5LS"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
</body>
</html>
