<!doctype html>
<html class="no-js" lang="fr" ><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
<meta name="theme-color" content="#1614c7"><link rel="canonical" href="https://www.fairytale.eco/"><!-- ======================= Pipeline Theme V7.2.1 ========================= -->
<!-- Preloading ================================================================== -->
<link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
<link rel="dns-prefetch" href="https://cdn.shopify.com">
<link rel="preconnect" href="https://fonts.shopify.com" crossorigin>
<link rel="dns-prefetch" href="https://fonts.shopifycdn.com">
<link rel="preconnect" href="https://monorail-edge.shopifysvc.com" crossorigin>
<link rel="preload" href="//www.fairytale.eco/cdn/fonts/harmonia_sans/harmoniasans_n4.73cf0589f7839ec88463a09f5335a2885467ed0c.woff2?h1=ZmFpcnl0YWxlLmVjbw&h2=ZmFpcnl0YWxlLWVjby5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=412a0c0dd25e12c829dd19a708465fed4fc8158f48b668076c4a13dc76b13eff" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="//www.fairytale.eco/cdn/fonts/tenor_sans/tenorsans_n4.ef7b684f1cfa0d3a90338d1fa5f36acdf7889632.woff2?h1=ZmFpcnl0YWxlLmVjbw&h2=ZmFpcnl0YWxlLWVjby5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=756b096f9d04565ff87bd874fe4bbf4778b65e8eb62faae2b0ad358d7b11b74b" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="//www.fairytale.eco/cdn/fonts/harmonia_sans/harmoniasans_n4.73cf0589f7839ec88463a09f5335a2885467ed0c.woff2?h1=ZmFpcnl0YWxlLmVjbw&h2=ZmFpcnl0YWxlLWVjby5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=412a0c0dd25e12c829dd19a708465fed4fc8158f48b668076c4a13dc76b13eff" as="font" type="font/woff2" crossorigin>
<link href="//www.fairytale.eco/cdn/shop/t/113/assets/vendor.js?v=144118437607305429831706024579" as="script" rel="preload">
<link href="//www.fairytale.eco/cdn/shop/t/113/assets/theme.js?v=106986249159787365891706024579" as="script" rel="preload">
<link href="//www.fairytale.eco/cdn/shop/t/113/assets/theme.css?v=95395456530140139941712055157" as="script" rel="preload">
<!-- Title and description ================================================ --><link rel="shortcut icon" href="//www.fairytale.eco/cdn/shop/files/Fairytale_favicon_1_32x32.png?v=1701860304" type="image/png">
<title>
Mode éthique & vêtements éco-responsables femme | fairytale.eco
</title><meta name="description" content="La référence de la mode éco-responsable pour femme. Une mode aussi écologique qu'éthique avec plus de 100 marques certifiées. Empreinte carbone mesurée ✔️ Retours offerts ✔️ La plus belle des sélections ✔️">
<!-- /snippets/social-meta-tags.liquid --><meta property="og:site_name" content="fairytale">
<meta property="og:url" content="https://www.fairytale.eco/">
<meta property="og:title" content="Mode éthique & vêtements éco-responsables femme | fairytale.eco">
<meta property="og:type" content="website">
<meta property="og:description" content="La référence de la mode éco-responsable pour femme. Une mode aussi écologique qu'éthique avec plus de 100 marques certifiées. Empreinte carbone mesurée ✔️ Retours offerts ✔️ La plus belle des sélections ✔️"><meta property="og:image" content="http://www.fairytale.eco/cdn/shop/files/Logo_fairytale_3cf83cb5-c68c-4b4e-91f2-eb32efb9bb58.png?v=1701247494">
<meta property="og:image:secure_url" content="https://www.fairytale.eco/cdn/shop/files/Logo_fairytale_3cf83cb5-c68c-4b4e-91f2-eb32efb9bb58.png?v=1701247494">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="628">
<meta name="twitter:site" content="@">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Mode éthique & vêtements éco-responsables femme | fairytale.eco">
<meta name="twitter:description" content="La référence de la mode éco-responsable pour femme. Une mode aussi écologique qu'éthique avec plus de 100 marques certifiées. Empreinte carbone mesurée ✔️ Retours offerts ✔️ La plus belle des sélections ✔️"><!-- CSS ================================================================== -->
<link href="//www.fairytale.eco/cdn/shop/t/113/assets/font-settings.css?v=138629608686213177501706024609" rel="stylesheet" type="text/css" media="all" />
<!-- /snippets/css-variables.liquid -->
<style data-shopify>
:root {
/* ================ Layout Variables ================ */
--LAYOUT-WIDTH: 1450px;
--LAYOUT-GUTTER: 24px;
--LAYOUT-GUTTER-OFFSET: -10px;
--NAV-GUTTER: 10px;
--LAYOUT-OUTER: 10px;
/* ================ Product video ================ */
--COLOR-VIDEO-BG: #f2f2f2;
/* ================ Color Variables ================ */
/* === Backgrounds ===*/
--COLOR-BG: #ffffff;
--COLOR-BG-ACCENT: #f7f5f4;
/* === Text colors ===*/
--COLOR-TEXT-DARK: #000000;
--COLOR-TEXT: #000546;
--COLOR-TEXT-LIGHT: #4d507e;
/* === Bright color ===*/
--COLOR-PRIMARY: #1614c7;
--COLOR-PRIMARY-HOVER: #04038c;
--COLOR-PRIMARY-FADE: rgba(22, 20, 199, 0.05);
--COLOR-PRIMARY-FADE-HOVER: rgba(22, 20, 199, 0.1);--COLOR-PRIMARY-OPPOSITE: #ffffff;
/* === Secondary/link Color ===*/
--COLOR-SECONDARY: #1614c7;
--COLOR-SECONDARY-HOVER: #04038c;
--COLOR-SECONDARY-FADE: rgba(22, 20, 199, 0.05);
--COLOR-SECONDARY-FADE-HOVER: rgba(22, 20, 199, 0.1);--COLOR-SECONDARY-OPPOSITE: #ffffff;
/* === Shades of grey ===*/
--COLOR-A5: rgba(0, 5, 70, 0.05);
--COLOR-A10: rgba(0, 5, 70, 0.1);
--COLOR-A20: rgba(0, 5, 70, 0.2);
--COLOR-A35: rgba(0, 5, 70, 0.35);
--COLOR-A50: rgba(0, 5, 70, 0.5);
--COLOR-A80: rgba(0, 5, 70, 0.8);
--COLOR-A90: rgba(0, 5, 70, 0.9);
--COLOR-A95: rgba(0, 5, 70, 0.95);
/* ================ Inverted Color Variables ================ */
--INVERSE-BG: #000546;
--INVERSE-BG-ACCENT: #000546;
/* === Text colors ===*/
--INVERSE-TEXT-DARK: #ffffff;
--INVERSE-TEXT: #ffffff;
--INVERSE-TEXT-LIGHT: #b3b4c8;
/* === Bright color ===*/
--INVERSE-PRIMARY: #1614c7;
--INVERSE-PRIMARY-HOVER: #04038c;
--INVERSE-PRIMARY-FADE: rgba(22, 20, 199, 0.05);
--INVERSE-PRIMARY-FADE-HOVER: rgba(22, 20, 199, 0.1);--INVERSE-PRIMARY-OPPOSITE: #ffffff;
/* === Second Color ===*/
--INVERSE-SECONDARY: #1614c7;
--INVERSE-SECONDARY-HOVER: #04038c;
--INVERSE-SECONDARY-FADE: rgba(22, 20, 199, 0.05);
--INVERSE-SECONDARY-FADE-HOVER: rgba(22, 20, 199, 0.1);--INVERSE-SECONDARY-OPPOSITE: #ffffff;
/* === Shades of grey ===*/
--INVERSE-A5: rgba(255, 255, 255, 0.05);
--INVERSE-A10: rgba(255, 255, 255, 0.1);
--INVERSE-A20: rgba(255, 255, 255, 0.2);
--INVERSE-A35: rgba(255, 255, 255, 0.3);
--INVERSE-A80: rgba(255, 255, 255, 0.8);
--INVERSE-A90: rgba(255, 255, 255, 0.9);
--INVERSE-A95: rgba(255, 255, 255, 0.95);
/* ================ Bright Color Variables ================ */
--BRIGHT-BG: #d2815f;
--BRIGHT-BG-ACCENT: #94553a;
/* === Text colors ===*/
--BRIGHT-TEXT-DARK: #ffffff;
--BRIGHT-TEXT: #ffffff;
--BRIGHT-TEXT-LIGHT: #f2d9cf;
/* === Bright color ===*/
--BRIGHT-PRIMARY: #ff763d;
--BRIGHT-PRIMARY-HOVER: #f04600;
--BRIGHT-PRIMARY-FADE: rgba(255, 118, 61, 0.05);
--BRIGHT-PRIMARY-FADE-HOVER: rgba(255, 118, 61, 0.1);--BRIGHT-PRIMARY-OPPOSITE: #000000;
/* === Second Color ===*/
--BRIGHT-SECONDARY: #3d5aff;
--BRIGHT-SECONDARY-HOVER: #0024f0;
--BRIGHT-SECONDARY-FADE: rgba(61, 90, 255, 0.05);
--BRIGHT-SECONDARY-FADE-HOVER: rgba(61, 90, 255, 0.1);--BRIGHT-SECONDARY-OPPOSITE: #ffffff;
/* === Shades of grey ===*/
--BRIGHT-A5: rgba(255, 255, 255, 0.05);
--BRIGHT-A10: rgba(255, 255, 255, 0.1);
--BRIGHT-A20: rgba(255, 255, 255, 0.2);
--BRIGHT-A35: rgba(255, 255, 255, 0.3);
--BRIGHT-A80: rgba(255, 255, 255, 0.8);
--BRIGHT-A90: rgba(255, 255, 255, 0.9);
--BRIGHT-A95: rgba(255, 255, 255, 0.95);
/* === Account Bar ===*/
--COLOR-ANNOUNCEMENT-BG: #f7f5f4;
--COLOR-ANNOUNCEMENT-TEXT: #000546;
/* === Nav and dropdown link background ===*/
--COLOR-NAV: #ffffff;
--COLOR-NAV-TEXT: #000000;
--COLOR-NAV-TEXT-DARK: #000000;
--COLOR-NAV-TEXT-LIGHT: #4d4d4d;
--COLOR-NAV-BORDER: #f7f5f4;
--COLOR-NAV-A10: rgba(0, 0, 0, 0.1);
--COLOR-NAV-A50: rgba(0, 0, 0, 0.5);
--COLOR-HIGHLIGHT-LINK: #ff7425;
/* === Site Footer ===*/
--COLOR-FOOTER-BG: #1614c7;
--COLOR-FOOTER-TEXT: #ffffff;
--COLOR-FOOTER-A5: rgba(255, 255, 255, 0.05);
--COLOR-FOOTER-A15: rgba(255, 255, 255, 0.15);
--COLOR-FOOTER-A90: rgba(255, 255, 255, 0.9);
/* === Sub-Footer ===*/
--COLOR-SUB-FOOTER-BG: #1614c7;
--COLOR-SUB-FOOTER-TEXT: #ffffff;
--COLOR-SUB-FOOTER-A5: rgba(255, 255, 255, 0.05);
--COLOR-SUB-FOOTER-A15: rgba(255, 255, 255, 0.15);
--COLOR-SUB-FOOTER-A90: rgba(255, 255, 255, 0.9);
/* === Products ===*/
--PRODUCT-GRID-ASPECT-RATIO: 80.0%;
/* === Product badges ===*/
--COLOR-BADGE: #ffffff;
--COLOR-BADGE-TEXT: #424242;
--COLOR-BADGE-TEXT-DARK: #1f1919;
--COLOR-BADGE-TEXT-HOVER: #686868;
--COLOR-BADGE-HAIRLINE: #f6f6f6;
/* === Product item slider ===*/--COLOR-PRODUCT-SLIDER: #ffffff;--COLOR-PRODUCT-SLIDER-OPPOSITE: rgba(13, 13, 13, 0.06);/* === disabled form colors ===*/
--COLOR-DISABLED-BG: #e6e6ed;
--COLOR-DISABLED-TEXT: #a6a8be;
--INVERSE-DISABLED-BG: #1a1e59;
--INVERSE-DISABLED-TEXT: #595d87;
/* === Tailwind RGBA Palette ===*/
--RGB-CANVAS: 255 255 255;
--RGB-CONTENT: 0 5 70;
--RGB-PRIMARY: 22 20 199;
--RGB-SECONDARY: 22 20 199;
--RGB-DARK-CANVAS: 0 5 70;
--RGB-DARK-CONTENT: 255 255 255;
--RGB-DARK-PRIMARY: 22 20 199;
--RGB-DARK-SECONDARY: 22 20 199;
--RGB-BRIGHT-CANVAS: 210 129 95;
--RGB-BRIGHT-CONTENT: 255 255 255;
--RGB-BRIGHT-PRIMARY: 255 118 61;
--RGB-BRIGHT-SECONDARY: 61 90 255;
--RGB-PRIMARY-CONTRAST: 255 255 255;
--RGB-SECONDARY-CONTRAST: 255 255 255;
--RGB-DARK-PRIMARY-CONTRAST: 255 255 255;
--RGB-DARK-SECONDARY-CONTRAST: 255 255 255;
--RGB-BRIGHT-PRIMARY-CONTRAST: 0 0 0;
--RGB-BRIGHT-SECONDARY-CONTRAST: 255 255 255;
/* === Button Radius === */
--BUTTON-RADIUS: 2px;
/* === Icon Stroke Width === */
--ICON-STROKE-WIDTH: 2px;
/* ================ Typography ================ */
--FONT-STACK-BODY: 'ClashGrotesk-Regular', sans-serif;
--FONT-STYLE-BODY: normal;
--FONT-WEIGHT-BODY: 400;
--FONT-WEIGHT-BODY-BOLD: 600;
--FONT-ADJUST-BODY: 1.0;
--FONT-BODY-TRANSFORM: none;
--FONT-BODY-LETTER-SPACING: normal;
--FONT-STACK-HEADING: 'Tanker-Regular', sans-serif;
--FONT-STYLE-HEADING: normal;
--FONT-WEIGHT-HEADING: 400;
--FONT-WEIGHT-HEADING-BOLD: 700;
--FONT-ADJUST-HEADING: 1.0;
--FONT-HEADING-TRANSFORM: uppercase;
--FONT-HEADING-LETTER-SPACING: 0.09em;
--FONT-STACK-ACCENT: 'ClashGrotesk-Bold', sans-serif;
--FONT-STYLE-ACCENT: normal;
--FONT-WEIGHT-ACCENT: 400;
--FONT-WEIGHT-ACCENT-BOLD: 600;
--FONT-ADJUST-ACCENT: 1.0;
--FONT-ACCENT-TRANSFORM: uppercase;
--FONT-ACCENT-LETTER-SPACING: 0.09em;
--TYPE-STACK-NAV: 'ClashGrotesk-Regular', sans-serif;
--TYPE-STYLE-NAV: normal;
--TYPE-ADJUST-NAV: 1.0;
--TYPE-WEIGHT-NAV: 400;
--FONT-NAV-TRANSFORM: uppercase;
--FONT-NAV-LETTER-SPACING: 0.09em;
--TYPE-STACK-BUTTON: 'ClashGrotesk-Bold', sans-serif;
--TYPE-STYLE-BUTTON: normal;
--TYPE-ADJUST-BUTTON: 1.0;
--TYPE-WEIGHT-BUTTON: 600;
--FONT-BUTTON-TRANSFORM: uppercase;
--FONT-BUTTON-LETTER-SPACING: 0.09em;
--TYPE-STACK-KICKER: 'ClashGrotesk-Regular', sans-serif;
--TYPE-STYLE-KICKER: normal;
--TYPE-ADJUST-KICKER: 1.0;
--TYPE-WEIGHT-KICKER: 600;
--FONT-KICKER-TRANSFORM: uppercase;
--FONT-KICKER-LETTER-SPACING: 0.09em;
--ICO-SELECT: url('//www.fairytale.eco/cdn/shop/t/113/assets/ico-select.svg?v=117929104933888458421707482952');
/* ================ Photo correction ================ */
--PHOTO-CORRECTION: 100%;
}
/* ================ Typography ================ */
/* ================ type-scale.com ============ */
/* 1.16 base 13 */
:root {
--font-1: 10px;
--font-2: 11.3px;
--font-3: 12px;
--font-4: 13px;
--font-5: 15.5px;
--font-6: 17px;
--font-7: 20px;
--font-8: 23.5px;
--font-9: 27px;
--font-10:32px;
--font-11:37px;
--font-12:43px;
--font-13:49px;
--font-14:57px;
--font-15:67px;
}
/* 1.175 base 13.5 */
@media only screen and (min-width: 480px) and (max-width: 1099px) {
:root {
--font-1: 10px;
--font-2: 11.5px;
--font-3: 12.5px;
--font-4: 13.5px;
--font-5: 16px;
--font-6: 18px;
--font-7: 21px;
--font-8: 25px;
--font-9: 29px;
--font-10:34px;
--font-11:40px;
--font-12:47px;
--font-13:56px;
--font-14:65px;
--font-15:77px;
}
}
/* 1.22 base 14.5 */
@media only screen and (min-width: 1100px) {
:root {
--font-1: 10px;
--font-2: 11.5px;
--font-3: 13px;
--font-4: 14.5px;
--font-5: 17.5px;
--font-6: 22px;
--font-7: 26px;
--font-8: 32px;
--font-9: 39px;
--font-10:48px;
--font-11:58px;
--font-12:71px;
--font-13:87px;
--font-14:106px;
--font-15:129px;
}
}
</style>
<link href="//www.fairytale.eco/cdn/shop/t/113/assets/theme.css?v=95395456530140139941712055157" rel="stylesheet" type="text/css" media="all" />
<script>
document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
document.documentElement.classList.add('aos-initialized');let root = '/';
if (root[root.length - 1] !== '/') {
root = `${root}/`;
}
var theme = {
routes: {
root_url: root,
cart: '/cart',
cart_add_url: '/cart/add',
product_recommendations_url: '/recommendations/products',
account_addresses_url: '/account/addresses',
predictive_search_url: '/search/suggest'
},
state: {
cartOpen: null,
},
sizes: {
small: 480,
medium: 768,
large: 1100,
widescreen: 1400
},
assets: {
photoswipe: '//www.fairytale.eco/cdn/shop/t/113/assets/photoswipe.js?v=162613001030112971491706024579',
smoothscroll: '//www.fairytale.eco/cdn/shop/t/113/assets/smoothscroll.js?v=37906625415260927261706024579',
swatches: '//www.fairytale.eco/cdn/shop/t/113/assets/swatches.json?v=28410489278762614551711701975',
noImage: '//www.fairytale.eco/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif',
base: '//www.fairytale.eco/cdn/shop/t/113/assets/'
},
strings: {
swatchesKey: "Couleur",
addToCart: "J\u0026#39;ajoute au panier",
estimateShipping: "Estimation des frais de port",
noShippingAvailable: "Nous ne livrons pas à cette destination.",
free: "Libérer",
from: "À partir de",
preOrder: "Pré-commander",
soldOut: "Épuisé",
sale: "",
subscription: "Abonnement",
unavailable: "Non disponible",
unitPrice: "Prix unitaire",
unitPriceSeparator: "par",
stockout: "Tout le stock disponible est dans le panier",
products: "Produits",
pages: "Pages",
collections: "Collections",
resultsFor: "Résultats pour",
noResultsFor: "Aucun résultat pour",
articles: "Articles",
successMessage: "Lien copié dans le presse-papiers",
},
settings: {
badge_sale_type: "percentage",
animate_hover: true,
animate_scroll: true,
show_locale_desktop: null,
show_locale_mobile: null,
show_currency_desktop: null,
show_currency_mobile: null,
currency_select_type: "country",
currency_code_enable: false,
cycle_images_hover_delay: 0.9
},
info: {
name: 'pipeline'
},
version: '7.2.1',
moneyFormat: "{{ amount_no_decimals }} €",
shopCurrency: "EUR",
currencyCode: "EUR"
}
let windowInnerHeight = window.innerHeight;
document.documentElement.style.setProperty('--full-screen', `${windowInnerHeight}px`);
document.documentElement.style.setProperty('--three-quarters', `${windowInnerHeight * 0.75}px`);
document.documentElement.style.setProperty('--two-thirds', `${windowInnerHeight * 0.66}px`);
document.documentElement.style.setProperty('--one-half', `${windowInnerHeight * 0.5}px`);
document.documentElement.style.setProperty('--one-third', `${windowInnerHeight * 0.33}px`);
document.documentElement.style.setProperty('--one-fifth', `${windowInnerHeight * 0.2}px`);
window.isRTL = document.documentElement.getAttribute('dir') === 'rtl';
</script><!-- Theme Javascript ============================================================== -->
<script src="//www.fairytale.eco/cdn/shop/t/113/assets/vendor.js?v=144118437607305429831706024579" defer="defer"></script>
<script src="//www.fairytale.eco/cdn/shop/t/113/assets/theme.js?v=106986249159787365891706024579" defer="defer"></script>
<script>
(function () {
function onPageShowEvents() {
if ('requestIdleCallback' in window) {
requestIdleCallback(initCartEvent, { timeout: 500 })
} else {
initCartEvent()
}
function initCartEvent(){
window.fetch(window.theme.routes.cart + '.js')
.then((response) => {
if(!response.ok){
throw {status: response.statusText};
}
return response.json();
})
.then((response) => {
document.dispatchEvent(new CustomEvent('theme:cart:change', {
detail: {
cart: response,
},
bubbles: true,
}));
return response;
})
.catch((e) => {
console.error(e);
});
}
};
window.onpageshow = onPageShowEvents;
})();
</script>
<script type="text/javascript">
if (window.MSInputMethodContext && document.documentMode) {
var scripts = document.getElementsByTagName('script')[0];
var polyfill = document.createElement("script");
polyfill.defer = true;
polyfill.src = "//www.fairytale.eco/cdn/shop/t/113/assets/ie11.js?v=144489047535103983231706024579";
scripts.parentNode.insertBefore(polyfill, scripts);
}
</script>
<!-- Shopify app scripts =========================================================== -->
<script>
const boostSDAssetFileURL = "\/\/www.fairytale.eco\/cdn\/shop\/t\/113\/assets\/boost_sd_assets_file_url.gif?34882";
window.boostSDAssetFileURL = boostSDAssetFileURL;
if (window.boostSDAppConfig) {
window.boostSDAppConfig.generalSettings.custom_js_asset_url = "//www.fairytale.eco/cdn/shop/t/113/assets/boost-sd-custom.js?v=160962118398746674481707476555";
window.boostSDAppConfig.generalSettings.custom_css_asset_url = "//www.fairytale.eco/cdn/shop/t/113/assets/boost-sd-custom.css?v=95709376302491034031712826885";
}
</script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="Qky2nOr5HpSogOYmtcIXNPN5T_ngtNLaab5wApOgRaI">
<meta name="facebook-domain-verification" content="n7p6xe5giiqcvs9y2nokq4afeb93ge">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/49110024342/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="8a355eff091da2bd3a754608dba8fdbe">
<script async="async" src="/checkouts/internal/preloads.js?locale=fr-FR"></script>
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=fr-FR&shop_id=49110024342" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":49110024342,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/49110024342","merchantName":"fairytale","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"fairytale","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":false}</script>
<script id="shopify-features" type="application/json">{"accessToken":"8a355eff091da2bd3a754608dba8fdbe","betas":["rich-media-storefront-analytics"],"domain":"www.fairytale.eco","predictiveSearch":true,"shopId":49110024342,"smart_payment_buttons_url":"https:\/\/www.fairytale.eco\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.fr.js","dynamic_checkout_cart_url":"https:\/\/www.fairytale.eco\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.fr.js","locale":"fr","flg4ff40b22":false}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "fairytale-eco.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"Pipeline","id":157568074061,"theme_store_id":739,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.fairytale.eco/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "shop.app\/pay";</script>
<script id="shop-js-features" type="application/json">{"compact":""}</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"pay-button":["modules/client.pay-button_f9a4b6e9.fr.esm.js","modules/chunk.common_50a5a8e4.esm.js"],"avatar":["modules/client.avatar_f2458049.fr.esm.js"],"init-shop-email-lookup-coordinator":["modules/client.init-shop-email-lookup-coordinator_a2288c91.fr.esm.js","modules/chunk.common_50a5a8e4.esm.js"],"init-shop-for-new-customer-accounts":["modules/client.init-shop-for-new-customer-accounts_56af0788.fr.esm.js","modules/chunk.common_50a5a8e4.esm.js"],"shop-pay-checkout-sheet":["modules/client.shop-pay-checkout-sheet_06fd644f.fr.esm.js","modules/chunk.common_50a5a8e4.esm.js"],"init-customer-accounts-sign-up":["modules/client.init-customer-accounts-sign-up_bb4a182b.fr.esm.js","modules/chunk.common_50a5a8e4.esm.js"],"init-customer-accounts":["modules/client.init-customer-accounts_462b0395.fr.esm.js","modules/chunk.common_50a5a8e4.esm.js"],"shop-pay-payment-request":["modules/client.shop-pay-payment-request_055bec40.fr.esm.js","modules/chunk.common_50a5a8e4.esm.js","modules/chunk.shop-pay_2d39dc3d.esm.js"],"login-button":["modules/client.login-button_0c44e1c9.fr.esm.js","modules/chunk.common_50a5a8e4.esm.js"],"discount-app":["modules/client.discount-app_46eca1a8.fr.esm.js","modules/chunk.common_50a5a8e4.esm.js"],"payment-terms":["modules/client.payment-terms_42aa4198.fr.esm.js","modules/chunk.common_50a5a8e4.esm.js"]};
</script>
<script>(function() {
function asyncLoad() {
var urls = ["","?app_name=happycolissimo\u0026cloud=d1564fddzjmdj5.cloudfront.net\u0026shop=fairytale-eco.myshopify.com","","","?settings=eyJrZXkiOiJlb09sc25KVndSR00zSENMIiwicyI6Im5vbmUifQ==\u0026v=2.5\u0026shop=fairytale-eco.myshopify.com","?settings=1691072246220\u0026shop=fairytale-eco.myshopify.com","\/\/cdn.shopify.com\/proxy\/7b670e183453b246aaddc68c117fcc58f9657cd18cf7029e356edc558ec14827\/api.kimonix.com\/kimonix_analytics.js?shop=fairytale-eco.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","\/\/cdn.shopify.com\/proxy\/8c4a3041e77a11345b815f7050a0cb86d8104040a6ae15e0012b9256bd29ff16\/api.kimonix.com\/kimonix_void_script.js?shop=fairytale-eco.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA",""];
for (var i = 0; i < urls.length; i++) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = urls[i];
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
};
if(window.attachEvent) {
window.attachEvent('onload', asyncLoad);
} else {
window.addEventListener('load', asyncLoad, false);
}
})();</script>
<script id="__st">var __st={"a":49110024342,"offset":7200,"reqid":"8da5af89-8062-4572-ae37-2f826c0a1acb-1713972364","pageurl":"www.fairytale.eco\/","u":"9e60e150b9ee","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script>!function(o){o.addEventListener("DOMContentLoaded",function(){window.Shopify=window.Shopify||{},window.Shopify.recaptchaV3=window.Shopify.recaptchaV3||{siteKey:"6LeHG2ApAAAAAO4rPaDW-qVpPKPOBfjbCpzJB9ey"};var t=['form[action*="/contact"] input[name="form_type"][value="contact"]','form[action*="/comments"] input[name="form_type"][value="new_comment"]','form[action*="/account"] input[name="form_type"][value="customer_login"]','form[action*="/account"] input[name="form_type"][value="recover_customer_password"]','form[action*="/account"] input[name="form_type"][value="create_customer"]','form[action*="/contact"] input[name="form_type"][value="customer"]'].join(",");function n(e){e=e.target;null==e||null!=(e=function e(t,n){if(null==t.parentElement)return null;if("FORM"!=t.parentElement.tagName)return e(t.parentElement,n);for(var o=t.parentElement.action,r=0;r<n.length;r++)if(-1!==o.indexOf(n[r]))return t.parentElement;return null}(e,["/contact","/comments","/account"]))&&null!=e.querySelector(t)&&((e=o.createElement("script")).setAttribute("src","https://cdn.shopify.com/shopifycloud/storefront-recaptcha-v3/v0.6/index.js"),o.body.appendChild(e),o.removeEventListener("focus",n,!0),o.removeEventListener("change",n,!0),o.removeEventListener("click",n,!0))}o.addEventListener("click",n,!0),o.addEventListener("change",n,!0),o.addEventListener("focus",n,!0)})}(document);</script>
<script integrity="sha256-n5Uet9jVOXPHGd4hH4B9Y6+BxkTluaaucmYaxAjUcvY=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.fairytale.eco/cdn/shopifycloud/shopify/assets/storefront/load_feature-9f951eb7d8d53973c719de211f807d63af81c644e5b9a6ae72661ac408d472f6.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//www.fairytale.eco/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script>
<script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//www.fairytale.eco/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script>
<style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) {
#dynamic-checkout-cart {
min-height: 50px;
}
}
@media screen and (max-width: 750px) {
#dynamic-checkout-cart {
min-height: 60px;
}
}
</style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<!-- Start VWO Async SmartCode -->
<link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" />
<script type='text/javascript' id='vwoCode'>
window._vwo_code || (function() {
var account_id=841909,
version=2.1,
settings_tolerance=2000,
hide_element='body',
hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important',
/* DO NOT EDIT BELOW THIS LINE */
f=false,w=window,d=document,v=d.querySelector('#vwoCode'),cK='_vwo_'+account_id+'_settings',cc={};try{var c=JSON.parse(localStorage.getItem('_vwo_'+account_id+'_config'));cc=c&&typeof c==='object'?c:{}}catch(e){}var stT=cc.stT==='session'?w.sessionStorage:w.localStorage;code={use_existing_jquery:function(){return typeof use_existing_jquery!=='undefined'?use_existing_jquery:undefined},library_tolerance:function(){return typeof library_tolerance!=='undefined'?library_tolerance:undefined},settings_tolerance:function(){return cc.sT||settings_tolerance},hide_element_style:function(){return'{'+(cc.hES||hide_element_style)+'}'},hide_element:function(){if(performance.getEntriesByName('first-contentful-paint')[0]){return''}return typeof cc.hE==='string'?cc.hE:hide_element},getVersion:function(){return version},finish:function(e){if(!f){f=true;var t=d.getElementById('_vis_opt_path_hides');if(t)t.parentNode.removeChild(t);if(e)(new Image).src='https://dev.visualwebsiteoptimizer.com/ee.gif?a='+account_id+e}},finished:function(){return f},addScript:function(e){var t=d.createElement('script');t.type='text/javascript';if(e.src){t.src=e.src}else{t.text=e.text}d.getElementsByTagName('head')[0].appendChild(t)},load:function(e,t){var i=this.getSettings(),n=d.createElement('script'),r=this;t=t||{};if(i){n.textContent=i;d.getElementsByTagName('head')[0].appendChild(n);if(!w.VWO||VWO.caE){stT.removeItem(cK);r.load(e)}}else{var o=new XMLHttpRequest;o.open('GET',e,true);o.withCredentials=!t.dSC;o.responseType=t.responseType||'text';o.onload=function(){if(t.onloadCb){return t.onloadCb(o,e)}if(o.status===200){_vwo_code.addScript({text:o.responseText})}else{_vwo_code.finish('&e=loading_failure:'+e)}};o.onerror=function(){if(t.onerrorCb){return t.onerrorCb(e)}_vwo_code.finish('&e=loading_failure:'+e)};o.send()}},getSettings:function(){try{var e=stT.getItem(cK);if(!e){return}e=JSON.parse(e);if(Date.now()>e.e){stT.removeItem(cK);return}return e.s}catch(e){return}},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;var e=this.settings_tolerance();w._vwo_settings_timer=setTimeout(function(){_vwo_code.finish();stT.removeItem(cK)},e);var t;if(this.hide_element()!=='body'){t=d.createElement('style');var i=this.hide_element(),n=i?i+this.hide_element_style():'',r=d.getElementsByTagName('head')[0];t.setAttribute('id','_vis_opt_path_hides');v&&t.setAttribute('nonce',v.nonce);t.setAttribute('type','text/css');if(t.styleSheet)t.styleSheet.cssText=n;else t.appendChild(d.createTextNode(n));r.appendChild(t)}else{t=d.getElementsByTagName('head')[0];var n=d.createElement('div');n.style.cssText='z-index: 2147483647 !important;position: fixed !important;left: 0 !important;top: 0 !important;width: 100% !important;height: 100% !important;background: white !important;';n.setAttribute('id','_vis_opt_path_hides');n.classList.add('_vis_hide_layer');t.parentNode.insertBefore(n,t.nextSibling)}var o='https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&vn='+version;if(w.location.search.indexOf('_vwo_xhr')!==-1){this.addScript({src:o})}else{this.load(o+'&x=true')}}};w._vwo_code=code;code.init();})();
</script>
<!-- End VWO Async SmartCode -->
<!-- BEGIN app block: shopify://apps/tinyimg-seo-speed/blocks/store-json-ld-embed/0605268f-f7c4-4e95-b560-e43df7d59ae4 --><script type="application/ld+json">{
"@context": "https://schema.org",
"@type": "WholesaleStore",
"name":"fairytale",
"url": "https://www.fairytale.eco","openingHours":"Mo-Su 00:00-00:00","description": "fairytale est le premier site de mode éco-responsable et éthique dédié aux femmes. Plus de 90 marques engagées sont distribuées pour que vous soyez sur de pouvoir vous habillez de la tête aux pieds.
fairytale est la seule boutique qui vous donne l'empreinte carbone réelle de vos achats afin que vous puissiez suivre votre consommation","priceRange": "10EUR - 450 EUR","contactPoint": {
"@type": "ContactPoint",
"contactType": "customer support","email": "contact@fairytale.eco"},"image": "https://image-optimizer.salessquad.co.uk/images/json-ld/7f694fb5710ac78fff0227b4d7ec842a.png"
}
</script>
<!-- END app 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/klaviyo.js?company_id=UYUNk5"></script>
<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
<script>
window.klaviyoReviewsProductDesignMode = false
</script>
<!-- END app app block --><!-- BEGIN app block: shopify://apps/tinyimg-seo-speed/blocks/website-json-ld-embed/0605268f-f7c4-4e95-b560-e43df7d59ae4 --><script type="application/ld+json">
{"@context": "https://schema.org",
"@type": "WebSite",
"name": "fairytale",
"url": "www.fairytale.eco","sameAs": [
"https://www.facebook.com/fairytale.eco/",
"https://www.pinterest.fr/Fairytale_eco/",
"https://www.instagram.com/fairytale.eco/",
"https://fr.linkedin.com/company/fairytale-eco"
],"potentialAction": {
"@type": "SearchAction",
"target": "https://www.fairytale.eco/search?q={query}",
"query-input": "required name=query",
"url": "https://www.fairytale.eco"
}
}
</script>
<!-- END app app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);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: 49110024342,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,n,a,t,r){var o="function"==typeof BigInt&&-1!==BigInt.toString().indexOf("[native code]")?"modern":"legacy";window.Shopify=window.Shopify||{};var i=window.Shopify;i.analytics=i.analytics||{};var s=i.analytics;s.replayQueue=[],s.publish=function(e,n,a){return s.replayQueue.push([e,n,a]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=[a,"/wpm","/b",r,o.substring(0,1),".js"].join("");!function(e){var n=e.src,a=e.async,t=void 0===a||a,r=e.onload,o=e.onerror,i=document.createElement("script"),s=document.head,l=document.body;i.async=t,i.src=n,r&&i.addEventListener("load",r),o&&i.addEventListener("error",o),s?s.appendChild(i):l?l.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:l,async:!0,onload:function(){var a=window.webPixelsManager.init(e);n(a);var t=window.Shopify.analytics;t.replayQueue.forEach((function(e){var n=e[0],t=e[1],r=e[2];a.publishCustomEvent(n,t,r)})),t.replayQueue=[],t.publish=a.publishCustomEvent,t.visitor=a.visitor},onerror:function(){var n=e.storefrontBaseUrl.replace(/\/$/,""),a="".concat(n,"/.well-known/shopify/monorail/unstable/produce_batch"),r=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/2.0",payload:{version:t||"latest",page_url:self.location.href,status:"failed",error_msg:"".concat(l," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(a,r))return!0}catch(e){}var o=new XMLHttpRequest;try{return o.open("POST",a,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(r),!0}catch(e){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 49110024342,storefrontBaseUrl: "https://www.fairytale.eco",cdnBaseUrl: "https://www.fairytale.eco/cdn",surface: "storefront-renderer",enabledBetaFlags: ["5de24938"],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"063","apiClientId":"shopify-pixel","type":"APP","purposes":["ANALYTICS"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"063","apiClientId":"shopify-pixel","type":"CUSTOM","purposes":["ANALYTICS"]}],initData: {"cart":null,"checkout":null,"customer":null,"productVariants":[]},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed");},"https://www.fairytale.eco/cdn","985fc2fd1dd964c3f4d3675f00435aaf64456779","c5ebb223wbe565315p1786fa06macabc8e8",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"page":{"pageType":"home"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}</script>
<script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() {
};
</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: 49110024342,
theme_id: 157568074061,
app_name: "storefront",
context_url: window.location.href,
source_url: "//www.fairytale.eco/cdn/s/trekkie.storefront.88baf04046928b6edf6574afd22dbd026cc7d568.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//www.fairytale.eco/cdn/s/trekkie.storefront.88baf04046928b6edf6574afd22dbd026cc7d568.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//www.fairytale.eco/cdn/s/trekkie.storefront.88baf04046928b6edf6574afd22dbd026cc7d568.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":49110024342,"isMerchantRequest":null,"themeId":157568074061,"themeCityHash":"1030928849944739215","contentLanguage":"fr","currency":"EUR"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["bbcf04e6"]},"Facebook Pixel":{"pixelIds":["770438111335093"],"agent":"plshopify1.2"},"Google Gtag Pixel":{"conversionId":"G-98BJVQ87DM","eventLabels":[{"type":"search","action_label":["G-98BJVQ87DM","AW-601367599\/UwnwCNSC4_ABEK_I4J4C"]},{"type":"begin_checkout","action_label":["G-98BJVQ87DM","AW-601367599\/7X-JCNGC4_ABEK_I4J4C"]},{"type":"view_item","action_label":["G-98BJVQ87DM","AW-601367599\/YPfkCMuC4_ABEK_I4J4C","MC-Y45SC4QZRR"]},{"type":"purchase","action_label":["G-98BJVQ87DM","AW-601367599\/dgBLCMiC4_ABEK_I4J4C","MC-Y45SC4QZRR"]},{"type":"page_view","action_label":["G-98BJVQ87DM","AW-601367599\/cd5MCMWC4_ABEK_I4J4C","MC-Y45SC4QZRR"]},{"type":"add_payment_info","action_label":["G-98BJVQ87DM","AW-601367599\/5JaMCNeC4_ABEK_I4J4C"]},{"type":"add_to_cart","action_label":["G-98BJVQ87DM","AW-601367599\/Eg4OCM6C4_ABEK_I4J4C"]}],"targetCountry":"FR"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"facebookAppPixelId":"770438111335093","source":"trekkie-storefront-renderer"}}
);
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":"home"});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//www.fairytale.eco/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script class="boomerang">
(function () {
if (window.BOOMR && (window.BOOMR.version || window.BOOMR.snippetExecuted)) {
return;
}
window.BOOMR = window.BOOMR || {};
window.BOOMR.snippetStart = new Date().getTime();
window.BOOMR.snippetExecuted = true;
window.BOOMR.snippetVersion = 12;
window.BOOMR.application = "storefront-renderer";
window.BOOMR.themeName = "Pipeline";
window.BOOMR.themeVersion = "7.2.1";
window.BOOMR.shopId = 49110024342;
window.BOOMR.themeId = 157568074061;
window.BOOMR.renderRegion = "gcp-europe-west3";
window.BOOMR.url =
"https://www.fairytale.eco/cdn/shopifycloud/boomerang/shopify-boomerang-1.0.0.min.js";
var where = document.currentScript || document.getElementsByTagName("script")[0];
var parentNode = where.parentNode;
var promoted = false;
var LOADER_TIMEOUT = 3000;
function promote() {
if (promoted) {
return;
}
var script = document.createElement("script");
script.id = "boomr-scr-as";
script.src = window.BOOMR.url;
script.async = true;
parentNode.appendChild(script);
promoted = true;
}
function iframeLoader(wasFallback) {
promoted = true;
var dom, bootstrap, iframe, iframeStyle;
var doc = document;
var win = window;
window.BOOMR.snippetMethod = wasFallback ? "if" : "i";
bootstrap = function(parent, scriptId) {
var script = doc.createElement("script");
script.id = scriptId || "boomr-if-as";
script.src = window.BOOMR.url;
BOOMR_lstart = new Date().getTime();
parent = parent || doc.body;
parent.appendChild(script);
};
if (!window.addEventListener && window.attachEvent && navigator.userAgent.match(/MSIE [67]./)) {
window.BOOMR.snippetMethod = "s";
bootstrap(parentNode, "boomr-async");
return;
}
iframe = document.createElement("IFRAME");
iframe.src = "about:blank";
iframe.title = "";
iframe.role = "presentation";
iframe.loading = "eager";
iframeStyle = (iframe.frameElement || iframe).style;
iframeStyle.width = 0;
iframeStyle.height = 0;
iframeStyle.border = 0;
iframeStyle.display = "none";
parentNode.appendChild(iframe);
try {
win = iframe.contentWindow;
doc = win.document.open();
} catch (e) {
dom = document.domain;
iframe.src = "javascript:var d=document.open();d.domain='" + dom + "';void(0);";
win = iframe.contentWindow;
doc = win.document.open();
}
if (dom) {
doc._boomrl = function() {
this.domain = dom;
bootstrap();
};
doc.write("<body onload='document._boomrl();'>");
} else {
win._boomrl = function() {
bootstrap();
};
if (win.addEventListener) {
win.addEventListener("load", win._boomrl, false);
} else if (win.attachEvent) {
win.attachEvent("onload", win._boomrl);
}
}
doc.close();
}
var link = document.createElement("link");
if (link.relList &&
typeof link.relList.supports === "function" &&
link.relList.supports("preload") &&
("as" in link)) {
window.BOOMR.snippetMethod = "p";
link.href = window.BOOMR.url;
link.rel = "preload";
link.as = "script";
link.addEventListener("load", promote);
link.addEventListener("error", function() {
iframeLoader(true);
});
setTimeout(function() {
if (!promoted) {
iframeLoader(true);
}
}, LOADER_TIMEOUT);
BOOMR_lstart = new Date().getTime();
parentNode.appendChild(link);
} else {
iframeLoader(false);
}
function boomerangSaveLoadTime(e) {
window.BOOMR_onload = (e && e.timeStamp) || new Date().getTime();
}
if (window.addEventListener) {
window.addEventListener("load", boomerangSaveLoadTime, false);
} else if (window.attachEvent) {
window.attachEvent("onload", boomerangSaveLoadTime);
}
if (document.addEventListener) {
document.addEventListener("onBoomerangLoaded", function(e) {
e.detail.BOOMR.init({
ResourceTiming: {
enabled: true,
trackedResourceTypes: ["script", "img", "css"]
},
});
e.detail.BOOMR.t_end = new Date().getTime();
});
} else if (document.attachEvent) {
document.attachEvent("onpropertychange", function(e) {
if (!e) e=event;
if (e.propertyName === "onBoomerangLoaded") {
e.detail.BOOMR.init({
ResourceTiming: {
enabled: true,
trackedResourceTypes: ["script", "img", "css"]
},
});
e.detail.BOOMR.t_end = new Date().getTime();
}
});
}
})();</script>
</head>
<body id="mode-ethique-amp-vetements-eco-responsables-femme-fairytale-eco" class="template-index">
<a class="in-page-link visually-hidden skip-link" href="#MainContent">Passer au contenu</a>
<!-- BEGIN sections: group-header -->
<div id="shopify-section-sections--20622770635085__announcement" class="shopify-section shopify-section-group-group-header"><!-- /sections/announcement.liquid --><div
class="announcement bg-[--bg] text-[--text] relative z-[5500] overflow-hidden"
style=" --PT: 4px; --PB: 4px; --bg: var(--COLOR-ANNOUNCEMENT-BG); --text: var(--COLOR-ANNOUNCEMENT-TEXT); --underline: calc(var(--font-3) * var(--FONT-ADJUST-ACCENT));"
data-announcement-bar
data-section-id="sections--20622770635085__announcement"
data-section-type="announcement"
x-data="announcement()"
><div
class="accent-size-3"
x-data="announcementSlider(5000)">
<div
x-ref="text_W34Ly8"
class="section-padding items-center flex text-center w-full"
><div
class="w-full px-[--outer] text-[0] overflow-hidden"
data-ticker-frame
x-data="announcementTicker({ waitForSlider: true })"
>
<div
class="inline-flex items-center transition-opacity duration-500 ease-linear ticker--unloaded"
data-ticker-scale
>
<div
class="rte--lock-font rte--lock-size px-4 flex flex-row items-center accent-size-3"
data-ticker-text
><p><strong>Livraison offerte</strong> dès 120€</p>
</div>
</div>
</div></div><div
x-ref="text_ecbEhF"
class="section-padding items-center flex text-center w-full"
><div
class="w-full px-[--outer] text-[0] overflow-hidden"
data-ticker-frame
x-data="announcementTicker({ waitForSlider: true })"
>
<div
class="inline-flex items-center transition-opacity duration-500 ease-linear ticker--unloaded"
data-ticker-scale
>
<div
class="rte--lock-font rte--lock-size px-4 flex flex-row items-center accent-size-3"
data-ticker-text
><p><strong>Retours offerts sous 30 jours</strong></p>
</div>
</div>
</div></div>
</div></div>
<style> #shopify-section-sections--20622770635085__announcement .announcement {background: #1614c7; color: white;} #shopify-section-sections--20622770635085__announcement p {font-family: "ClashGrotesk-Regular"; text-transform: none;} </style></div><div id="shopify-section-sections--20622770635085__header" class="shopify-section shopify-section-group-group-header"><!-- /sections/header.liquid --><style data-shopify>
:root {
--COLOR-NAV-TEXT-TRANSPARENT: #ffffff;
--COLOR-HEADER-TRANSPARENT-GRADIENT: rgba(0, 0, 0, 0.2);
--LOGO-PADDING: 15px;
--menu-backfill-height: auto;
}
</style>
<div class="header__wrapper"
data-header-wrapper
style="--bar-opacity: 0; --bar-width: 0; --bar-left: 0;"
data-header-transparent="false"
data-underline-current="true"
data-header-sticky="sticky"
data-header-style="menu_center"
data-section-id="sections--20622770635085__header"
data-section-type="header">
<header class="theme__header" data-header-height>
<div class="header__inner"
data-header-cart-full="false"
>
<div class="wrapper">
<div class="header__mobile">
<div class="header__mobile__left">
<button class="header__mobile__button"
data-drawer-toggle="hamburger"
aria-label="Ouvrir le menu"
aria-haspopup="true"
aria-expanded="false"
aria-controls="header-menu">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-hamburger" viewbox="0 0 24 24"><g fill="none" fill-rule="evenodd" stroke-linecap="square" stroke-width="2"><path d="M21 6H3M21 12H3M21 18H3"/></g></svg>
</button>
</div>
<div class="header__logo header__logo--image">
<a class="header__logo__link"
href="/"
style="--LOGO-WIDTH: 120px"
>
<img src="//www.fairytale.eco/cdn/shop/files/fairytale-logo.webp?v=1713771001&width=120" alt="fairytale" width="120" height="36" loading="eager" class="logo__img logo__img--color" srcset=" //www.fairytale.eco/cdn/shop/files/fairytale-logo.webp?v=1713771001&width=240 2x, //www.fairytale.eco/cdn/shop/files/fairytale-logo.webp?v=1713771001&width=360 3x, //www.fairytale.eco/cdn/shop/files/fairytale-logo.webp?v=1713771001&width=120 ">
</a>
</div>
<div class="header__mobile__right">
<a class="header__mobile__button"
data-drawer-toggle="drawer-cart"
href="/cart">
<div style="margin-right:5px;">Mon panier </div>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-bag" viewbox="0 0 24 24"><path d="M16.25 7.8V5.7h4.2l1.05 16.8H2.6L3.65 5.7h4.2a4.2 4.2 0 0 1 8.4 0h-8.4v2.1"/><circle class="icon-cart-full" cx="12" cy="15" r="4"/></svg>
<span class="visually-hidden">Mon panier</span>
<span class="header__cart__status">
<span data-header-cart-price="0">
0 €
</span>
<span data-header-cart-count="0">
(0)
</span>
<span
data-header-cart-full="false"
></span>
</span>
</a>
</div>
</div>
<div data-header-desktop class="header__desktop header__desktop--menu_center"><div data-takes-space class="header__desktop__bar__l">
<div class="header__logo header__logo--image">
<a class="header__logo__link"
href="/"
style="--LOGO-WIDTH: 120px"
>
<img src="//www.fairytale.eco/cdn/shop/files/fairytale-logo.webp?v=1713771001&width=120" alt="fairytale" width="120" height="36" loading="eager" class="logo__img logo__img--color" srcset=" //www.fairytale.eco/cdn/shop/files/fairytale-logo.webp?v=1713771001&width=240 2x, //www.fairytale.eco/cdn/shop/files/fairytale-logo.webp?v=1713771001&width=360 3x, //www.fairytale.eco/cdn/shop/files/fairytale-logo.webp?v=1713771001&width=120 ">
</a>
</div>
</div>
<div data-takes-space class="header__desktop__bar__c">
<nav class="header__menu">
<div class="header__menu__inner" data-text-items-wrapper>
<!-- /snippets/nav-item.liquid -->
<div class="menu__item grandparent kids-5 blocks-2"
data-main-menu-text-item
role="button"
aria-haspopup="true"
aria-expanded="false"
data-hover-disclosure-toggle="dropdown-beadf6bd1c87b81631dde5e6b1c6fe5c"
aria-controls="dropdown-beadf6bd1c87b81631dde5e6b1c6fe5c"
>
<a href="https://www.fairytale.eco/collections/vetements-et-accessoires-eco-responsables-ethiques" data-top-link class="navlink navlink--toplevel">
<span class="navtext">Prêt-à-porter</span>
</a>
<div class="header__dropdown"
data-hover-disclosure
id="dropdown-beadf6bd1c87b81631dde5e6b1c6fe5c">
<div class="header__dropdown__wrapper">
<div class="header__dropdown__inner">
<div class="dropdown__family dropdown__family--grandchild">
<a href="https://www.fairytale.eco/collections/vetements-et-accessoires-eco-responsables-ethiques" data-stagger-first class="navlink navlink--child">
<span class="navtext">Vêtements</span>
</a>
<a href="https://www.fairytale.eco/collections/tops-et-t-shirts-bio-eco-responsables-femme" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">T-shirts et tops</span>
</a>
<a href="https://www.fairytale.eco/collections/chemises-blouses-bio-eco-responsables-femme" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Chemises et blouses</span>
</a>
<a href="https://www.fairytale.eco/collections/pulls-et-sweats-bio-eco-responsables-femme" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Pulls et sweats</span>
</a>
<a href="https://www.fairytale.eco/collections/robe-bio-eco-responsables-femme" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Robes et combis</span>
</a>
<a href="/collections/shorts-jupes-bio-eco-responsables-et-ethiques-femme" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Shorts et jupes</span>
</a>
<a href="/collections/jeans-et-pantalons-eco-responsables-ethiques" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Jeans et pantalons</span>
</a>
<a href="/collections/vestes-et-gilets-bio-eco-responsables-femme" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Vestes et manteaux</span>
</a>
<a href="/collections/vetement-de-sport-bio-eco-responsables-femme" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Tenues de sport</span>
</a>
</div>
<div class="dropdown__family dropdown__family--grandchild">
<a href="/pages/les-marques-de-vetements-eco-responsables-et-ethiques" data-stagger-first class="navlink navlink--child">
<span class="navtext">Marques</span>
</a>
<a href="/collections/ecoalf" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">ECOALF</span>
</a>
<a href="/collections/armedangels" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">ARMEDANGELS</span>
</a>
<a href="/collections/dedicated" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Dedicated</span>
</a>
<a href="/collections/thinking-mu" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Thinking Mu</span>
</a>
<a href="/collections/skfk" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">SKFK</span>
</a>
<a href="/collections/people-tree" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">People Tree</span>
</a>
<a href="/collections/brava-fabrics" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Brava fabrics</span>
</a>
<a href="/pages/les-marques-de-vetements-eco-responsables-et-ethiques" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Voir toutes les marques</span>
</a>
</div>
<div class="dropdown__family dropdown__family--grandchild">
<a href="#" data-stagger-first class="navlink navlink--child">
<span class="navtext">Critères</span>
</a>
<a href="/collections/vetements-et-accessoires-biologiques" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">BIO</span>
</a>
<a href="/collections/vetements-et-accessoires-naturels" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Naturel</span>
</a>
<a href="/collections/vetements-et-accessoires-recycles" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Recyclé</span>
</a>
<a href="/collections/vetements-et-accessoires-upcycles-pour-femmes" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Upcyclé</span>
</a>
<a href="/collections/vetements-et-accessoires-vegan" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Vegan</span>
</a>
<a href="#" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">-</span>
</a>
<a href="/collections/vetements-et-accessoires-made-in-france" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Made in France</span>
</a>
<a href="/collections/vetements-et-accessoires-made-in-europe" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Made in Europe</span>
</a>
</div>
<!-- /snippets/header-block.liquid -->
<div >
<div class="header__dropdown__image section--image is-on-image" data-header-image>
<div class="header__dropdown__image__holder"><a href="/collections/basiques" class="link-over-image"><div class="hero__content__wrapper align--middle-center">
<div class="backdrop--wide"
style="--bg: #000000; --opacity: 0.0;">
<h2 class="hero__title heading-size-7 text--white">
les basiques intemporels
</h2>
</div>
</div></a>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1; ">
<img src="//www.fairytale.eco/cdn/shop/files/Basiques_de_la_mode_1.jpg?v=1709116498&width=1080" alt="" width="1080" height="1080" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/files/Basiques_de_la_mode_1.jpg?v=1709116498&width=352 352w, //www.fairytale.eco/cdn/shop/files/Basiques_de_la_mode_1.jpg?v=1709116498&width=400 400w, //www.fairytale.eco/cdn/shop/files/Basiques_de_la_mode_1.jpg?v=1709116498&width=768 768w, //www.fairytale.eco/cdn/shop/files/Basiques_de_la_mode_1.jpg?v=1709116498&width=932 932w, //www.fairytale.eco/cdn/shop/files/Basiques_de_la_mode_1.jpg?v=1709116498&width=1024 1024w, //www.fairytale.eco/cdn/shop/files/Basiques_de_la_mode_1.jpg?v=1709116498&width=1080 1080w" sizes="(min-width: 1024px) calc(min(100vw, 1450px) / 3),(min-width: 768px) calc(min(100vw, 1450px) / 3),calc(min(100vw, 1450px) / 1)" fetchpriority="auto" style="object-position: center center; ">
</div>
</div></div>
</div>
<!-- /snippets/header-block.liquid -->
<div >
<div class="header__dropdown__image section--image is-below-image" data-header-image>
<div class="header__dropdown__image__holder"><a href="/collections/nos-stars-du-moments" class="link-over-image"><div class="hero__content__wrapper align--middle-center">
<div class="backdrop--wide"
style="--bg: #000000; --opacity: 0.0;">
<h2 class="hero__title heading-size-7 text--white">
Les stars du moment
</h2>
</div>
</div></a>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1; ">
<img src="//www.fairytale.eco/cdn/shop/files/Stars_du_moment_mode.jpg?v=1709116753&width=810" alt="" width="810" height="810" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/files/Stars_du_moment_mode.jpg?v=1709116753&width=352 352w, //www.fairytale.eco/cdn/shop/files/Stars_du_moment_mode.jpg?v=1709116753&width=400 400w, //www.fairytale.eco/cdn/shop/files/Stars_du_moment_mode.jpg?v=1709116753&width=768 768w, //www.fairytale.eco/cdn/shop/files/Stars_du_moment_mode.jpg?v=1709116753&width=810 810w" sizes="(min-width: 1024px) calc(min(100vw, 1450px) / 3),(min-width: 768px) calc(min(100vw, 1450px) / 3),calc(min(100vw, 1450px) / 1)" fetchpriority="auto" style="object-position: center center; ">
</div>
</div></div>
</div>
</div>
</div>
</div>
</div>
<!-- /snippets/nav-item.liquid -->
<div class="menu__item grandparent kids-5 blocks-2"
data-main-menu-text-item
role="button"
aria-haspopup="true"
aria-expanded="false"
data-hover-disclosure-toggle="dropdown-b9856b56ca8c7f086c0f9b3281e645af"
aria-controls="dropdown-b9856b56ca8c7f086c0f9b3281e645af"
>
<a href="https://www.fairytale.eco/collections/sous-vetements-bio-eco-responsables-femme" data-top-link class="navlink navlink--toplevel">
<span class="navtext">Lingerie</span>
</a>
<div class="header__dropdown"
data-hover-disclosure
id="dropdown-b9856b56ca8c7f086c0f9b3281e645af">
<div class="header__dropdown__wrapper">
<div class="header__dropdown__inner">
<div class="dropdown__family dropdown__family--grandchild">
<a href="https://www.fairytale.eco/collections/sous-vetements-bio-eco-responsables-femme" data-stagger-first class="navlink navlink--child">
<span class="navtext">Sous-vêtements</span>
</a>
<a href="https://www.fairytale.eco/collections/culotte-eco-responsables-ethiques" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Culottes</span>
</a>
<a href="/collections/soutiens-gorge-et-brassieres-eco-responsables-ethiques" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Soutiens-gorge</span>
</a>
<a href="/collections/culottes-menstruelles-bio-et-ethiques" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Culottes menstruelles</span>
</a>
<a href="/collections/strings-et-tangas-bio-et-eco-responsables" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Strings et tangas</span>
</a>
<a href="/collections/bodies-eco-responsables-et-ethiques-pour-femme" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Bodies</span>
</a>
<a href="/collections/chaussettes-bio-et-eco-responsables-pour-femme" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Chaussettes</span>
</a>
<a href="/collections/collants-bio-et-eco-responsables" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Collants</span>
</a>
<a href="/collections/maillots-de-bain-ecoresponsables-etthiques-pour-femme" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Maillots de bain</span>
</a>
<a href="/collections/pyjamas-eco-responsables-et-ethiques" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Pyjamas</span>
</a>
</div>
<div class="dropdown__family dropdown__family--grandchild">
<a href="/pages/les-marques-de-lingerie-eco-responsables-et-ethiques" data-stagger-first class="navlink navlink--child">
<span class="navtext">Marques de lingerie</span>
</a>
<a href="/collections/we-are-jolies" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">We Are Jolies</span>
</a>
<a href="/collections/organic-basics" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Organic Basics</span>
</a>
<a href="https://www.fairytale.eco/collections/olly-lingerie" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Olly Lingerie</span>
</a>
<a href="https://www.fairytale.eco/collections/nenes-paris" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Nénés Paris</span>
</a>
<a href="/collections/people-tree" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">People Tree</span>
</a>
<a href="/collections/underprotection" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Underprotection</span>
</a>
<a href="/collections/casagin" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Casagin</span>
</a>
<a href="/collections/nege-paris" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">NÊGE Paris</span>
</a>
<a href="/pages/les-marques-de-lingerie-eco-responsables-et-ethiques" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Voir toutes les marques</span>
</a>
</div>
<div class="dropdown__family dropdown__family--grandchild">
<a href="/pages/les-marques-de-maillots-de-bain-eco-responsables-et-ethiques" data-stagger-first class="navlink navlink--child">
<span class="navtext">Marques de Maillot</span>
</a>
<a href="/collections/les-sirenes" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Les Sirènes</span>
</a>
<a href="/collections/coco-frio" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Coco Frio</span>
</a>
<a href="/collections/aimante-paris" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Aimante Paris</span>
</a>
<a href="/collections/les-alcyonides" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Les Alcyonides Swimwear</span>
</a>
<a href="/collections/atelier-unes/Maillots-de-bain" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Atelier Unes</span>
</a>
<a href="/collections/olly-lingerie/Maillots-de-bain" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Olly Lingerie</span>
</a>
<a href="/collections/re-elle-paris/Maillots-de-bain" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Ré/elle Paris</span>
</a>
<a href="/collections/posidonie" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Posidonie</span>
</a>
</div>
<!-- /snippets/header-block.liquid -->
<div >
<div class="header__dropdown__image section--image is-below-image" data-header-image>
<div class="header__dropdown__image__holder"><a href="/collections/maillots-de-bain-ecoresponsables-etthiques-pour-femme" class="link-over-image"><div class="hero__content__wrapper align--middle-center">
<div class="backdrop--wide"
style="--bg: #000000; --opacity: 0.15;">
<h2 class="hero__title heading-size-7 text--white">
Maillots de bain canons
</h2>
</div>
</div></a>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1; ">
<img src="//www.fairytale.eco/cdn/shop/files/Maillots_de_bain_ecoresponsables_femme.jpg?v=1709119960&width=810" alt="" width="810" height="810" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/files/Maillots_de_bain_ecoresponsables_femme.jpg?v=1709119960&width=352 352w, //www.fairytale.eco/cdn/shop/files/Maillots_de_bain_ecoresponsables_femme.jpg?v=1709119960&width=400 400w, //www.fairytale.eco/cdn/shop/files/Maillots_de_bain_ecoresponsables_femme.jpg?v=1709119960&width=768 768w, //www.fairytale.eco/cdn/shop/files/Maillots_de_bain_ecoresponsables_femme.jpg?v=1709119960&width=810 810w" sizes="(min-width: 1024px) calc(min(100vw, 1450px) / 3),(min-width: 768px) calc(min(100vw, 1450px) / 3),calc(min(100vw, 1450px) / 1)" fetchpriority="auto" style="object-position: center center; ">
</div>
</div></div>
</div>
<!-- /snippets/header-block.liquid -->
<div >
<div class="header__dropdown__image section--image is-below-image" data-header-image>
<div class="header__dropdown__image__holder"><a href="/collections/culotte-eco-responsables-ethiques" class="link-over-image"><div class="hero__content__wrapper align--middle-center">
<div class="backdrop--wide"
style="--bg: #000000; --opacity: 0.0;">
<h2 class="hero__title heading-size-7 text--white">
Les culottes dans le bon sens
</h2>
</div>
</div></a>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1; ">
<img src="//www.fairytale.eco/cdn/shop/files/Culottes_coton_bio.jpg?v=1709117903&width=810" alt="" width="810" height="810" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/files/Culottes_coton_bio.jpg?v=1709117903&width=352 352w, //www.fairytale.eco/cdn/shop/files/Culottes_coton_bio.jpg?v=1709117903&width=400 400w, //www.fairytale.eco/cdn/shop/files/Culottes_coton_bio.jpg?v=1709117903&width=768 768w, //www.fairytale.eco/cdn/shop/files/Culottes_coton_bio.jpg?v=1709117903&width=810 810w" sizes="(min-width: 1024px) calc(min(100vw, 1450px) / 3),(min-width: 768px) calc(min(100vw, 1450px) / 3),calc(min(100vw, 1450px) / 1)" fetchpriority="auto" style="object-position: center center; ">
</div>
</div></div>
</div>
</div>
</div>
</div>
</div>
<!-- /snippets/nav-item.liquid -->
<div class="menu__item grandparent kids-2"
data-main-menu-text-item
role="button"
aria-haspopup="true"
aria-expanded="false"
data-hover-disclosure-toggle="dropdown-3aa8b942766365016955fe719689b79d"
aria-controls="dropdown-3aa8b942766365016955fe719689b79d"
>
<a href="/collections/accessoires-eco-responsables-ethiques" data-top-link class="navlink navlink--toplevel">
<span class="navtext">Accessoires</span>
</a>
<div class="header__dropdown"
data-hover-disclosure
id="dropdown-3aa8b942766365016955fe719689b79d">
<div class="header__dropdown__wrapper">
<div class="header__dropdown__inner">
<div class="dropdown__family dropdown__family--grandchild">
<a href="/collections/accessoires-eco-responsables-ethiques" data-stagger-first class="navlink navlink--child">
<span class="navtext">Accessoires</span>
</a>
<a href="/collections/sacs-a-dos-eco-responsables-et-ethiques" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Sacs à dos</span>
</a>
<a href="/collections/sacs-main-eco-responsables-ethiques" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Sacs à main</span>
</a>
<a href="/collections/bananes-eco-responsables-et-ethiques" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Bananes</span>
</a>
<a href="/collections/petite-maroquinerie-bio-et-ethique" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Petite maroquinerie</span>
</a>
<a href="/collections/bonnets-eco-responsables-ethiques" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Bonnets et headbands</span>
</a>
<a href="/collections/echarpes-et-tours-de-cou-bio-et-ethiques-pour-femme" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Echarpes et tours de cou</span>
</a>
<a href="/collections/housse-dordinateur-bio-et-ethique" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Housse ordinateur</span>
</a>
</div>
<div class="dropdown__family dropdown__family--grandchild">
<a href="/pages/les-marques-daccessoires-eco-responsables-et-ethiques" data-stagger-first class="navlink navlink--child">
<span class="navtext">Marques</span>
</a>
<a href="/collections/bhangara" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Bhangara</span>
</a>
<a href="/collections/ozaelle" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Ozaelle</span>
</a>
<a href="/collections/o-my-bag" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">O My Bag</span>
</a>
<a href="/collections/oyan" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">OYAN</span>
</a>
<a href="/collections/sandqvist" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Sandqvist</span>
</a>
<a href="/collections/zamt" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">ZAMT</span>
</a>
<a href="/pages/les-marques-daccessoires-eco-responsables-et-ethiques" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Voir toutes les marques</span>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- /snippets/nav-item.liquid -->
<div class="menu__item child"
data-main-menu-text-item
>
<a href="/collections/outlet" data-top-link class="navlink navlink--toplevel">
<span class="navtext">Outlet</span>
</a>
</div>
<!-- /snippets/nav-item.liquid -->
<div class="menu__item grandparent kids-2"
data-main-menu-text-item
role="button"
aria-haspopup="true"
aria-expanded="false"
data-hover-disclosure-toggle="dropdown-600e0fc1a54d971669c8566e2605109b"
aria-controls="dropdown-600e0fc1a54d971669c8566e2605109b"
>
<a href="/collections/baskets-eco-responsables-et-ethiques-pour-femme" data-top-link class="navlink navlink--toplevel">
<span class="navtext">Chaussures</span>
</a>
<div class="header__dropdown"
data-hover-disclosure
id="dropdown-600e0fc1a54d971669c8566e2605109b">
<div class="header__dropdown__wrapper">
<div class="header__dropdown__inner">
<div class="dropdown__family dropdown__family--grandchild">
<a href="/collections/chaussures-eco-responsables-et-ethiques" data-stagger-first class="navlink navlink--child">
<span class="navtext">Chaussures</span>
</a>
<a href="https://www.fairytale.eco/collections/baskets-eco-responsables-et-ethiques-pour-femme" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Toutes les baskets</span>
</a>
<a href="/collections/chaussons-ecologiques-et-ethiques" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Chaussons</span>
</a>
<a href="https://www.fairytale.eco/collections/baskets-eco-responsables-et-ethiques-pour-femme?pf_t_criteres_ecologiques=Recycl%C3%A9" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Baskets en fibres recyclées</span>
</a>
<a href="https://www.fairytale.eco/collections/baskets-eco-responsables-et-ethiques-pour-femme?pf_t_criteres_ecologiques=Naturel" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Baskets en fibres naturelles</span>
</a>
<a href="https://www.fairytale.eco/collections/baskets-eco-responsables-et-ethiques-pour-femme?pf_t_matieres=cuir%20d%27ananas&pf_t_matieres=cuir%20de%20cactus&pf_t_matieres=cuir%20de%20pomme&pf_t_matieres=cuir%20de%20raisin" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Baskets en cuir végétal </span>
</a>
<a href="https://www.fairytale.eco/collections/baskets-eco-responsables-et-ethiques-pour-femme?pf_t_criteres_ecologiques=Vegan" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Baskets vegan</span>
</a>
</div>
<div class="dropdown__family dropdown__family--grandchild">
<a href="https://www.fairytale.eco/pages/les-marques-de-chaussures-eco-responsables-et-ethiques" data-stagger-first class="navlink navlink--child">
<span class="navtext">Marques</span>
</a>
<a href="/collections/angarde" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Angarde</span>
</a>
<a href="/collections/caval" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Caval</span>
</a>
<a href="/collections/cog" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">COG</span>
</a>
<a href="/collections/corail" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Corail</span>
</a>
<a href="/collections/moea" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">MoEa</span>
</a>
<a href="/collections/saola-shoes" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Saola Shoes</span>
</a>
<a href="/collections/zeta" data-stagger-second class="navlink navlink--grandchild">
<span class="navtext">Zèta</span>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- /snippets/nav-item.liquid -->
<div class="menu__item child"
data-main-menu-text-item
>
<a href="https://www.fairytale.eco/products/carte-cadeau-fairytale" data-top-link class="navlink navlink--toplevel">
<span class="navtext">Carte cadeau</span>
</a>
</div>
<!-- /snippets/nav-item.liquid -->
<div class="menu__item parent"
data-main-menu-text-item
role="button"
aria-haspopup="true"
aria-expanded="false"
data-hover-disclosure-toggle="dropdown-06126c8162631377ecd47be2e7ca5242"
aria-controls="dropdown-06126c8162631377ecd47be2e7ca5242"
>
<a href="/pages/nos-marques" data-top-link class="navlink navlink--toplevel">
<span class="navtext">Marques</span>
</a>
<div class="header__dropdown"
data-hover-disclosure
id="dropdown-06126c8162631377ecd47be2e7ca5242">
<div class="header__dropdown__wrapper">
<div class="header__dropdown__inner">
<a href="/pages/les-marques-de-vetements-eco-responsables-et-ethiques" data-stagger class="navlink navlink--child">
<span class="navtext">Marques de vêtements</span>
</a>
<a href="/pages/les-marques-de-lingerie-eco-responsables-et-ethiques" data-stagger class="navlink navlink--child">
<span class="navtext">Marques de lingerie</span>
</a>
<a href="/pages/les-marques-made-in-france" data-stagger class="navlink navlink--child">
<span class="navtext">Marques Made in France</span>
</a>
<a href="/pages/les-marques-daccessoires-eco-responsables-et-ethiques" data-stagger class="navlink navlink--child">
<span class="navtext">Marques d'accessoires</span>
</a>
<a href="/pages/les-marques-de-chaussures-eco-responsables-et-ethiques" data-stagger class="navlink navlink--child">
<span class="navtext">Marques de chaussures</span>
</a>
<a href="/pages/les-marques-de-sport-eco-responsables-et-ethiques" data-stagger class="navlink navlink--child">
<span class="navtext">Marques de sport</span>
</a>
<a href="/pages/les-marques-de-maillots-de-bain-eco-responsables-et-ethiques" data-stagger class="navlink navlink--child">
<span class="navtext">Marques de maillots de bain</span>
</a>
<a href="https://www.fairytale.eco/pages/nos-marques" data-stagger class="navlink navlink--child">
<span class="navtext">Toutes les marques</span>
</a>
</div>
</div>
</div>
</div>
<!-- /snippets/nav-item.liquid -->
<div class="menu__item child"
data-main-menu-text-item
>
<a href="/blogs/news" data-top-link class="navlink navlink--toplevel">
<span class="navtext">Blog</span>
</a>
</div>
<!-- /snippets/nav-item.liquid -->
<div class="menu__item parent"
data-main-menu-text-item
role="button"
aria-haspopup="true"
aria-expanded="false"
data-hover-disclosure-toggle="dropdown-cb547e695f922b0e0e2dd94e37d78431"
aria-controls="dropdown-cb547e695f922b0e0e2dd94e37d78431"
>
<a href="#" data-top-link class="navlink navlink--toplevel">
<span class="navtext">Aide et contact</span>
</a>
<div class="header__dropdown"
data-hover-disclosure
id="dropdown-cb547e695f922b0e0e2dd94e37d78431">
<div class="header__dropdown__wrapper">
<div class="header__dropdown__inner">
<a href="/pages/questions-frequentes" data-stagger class="navlink navlink--child">
<span class="navtext">Questions fréquentes</span>
</a>
<a href="/pages/contact" data-stagger class="navlink navlink--child">
<span class="navtext">Contactez-nous</span>
</a>
</div>
</div>
</div>
</div>
<div class="hover__bar"></div>
<div class="hover__bg"></div>
</div>
</nav>
</div>
<div data-takes-space class="header__desktop__bar__r">
<div class="header__desktop__buttons header__desktop__buttons--icons" ><div class="header__desktop__button" >
<a href="/account" class="navlink"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-user" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M12 1.5c-2.575 0-4.49 1.593-4.49 5.747s1.664 4.985 1.954 5.27c.267.358.267.855 0 1.213-.238.245-4.544 1.116-6.115 2.723a4.647 4.647 0 0 0-1.665 2.915c-.069.293-.135 1.14-.181 1.88-.043.67.434 1.252 1.443 1.252h18.118c.491 0 1.477-.573 1.435-1.237-.047-.743-.113-1.6-.183-1.895a4.645 4.645 0 0 0-1.664-2.887c-1.572-1.621-5.878-2.493-6.116-2.724a1.019 1.019 0 0 1 0-1.212c.29-.286 1.955-1.103 1.955-5.27 0-4.168-1.85-5.775-4.49-5.775Z"/></svg>
<span class="visually-hidden">Mon compte</span></a>
</div>
<div class="header__desktop__button" >
<a href="/search" class="navlink" data-popdown-toggle="search-popdown">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-search" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M18.316 9.825c0 3.368-2.05 6.404-5.194 7.692a8.47 8.47 0 0 1-9.164-1.81A8.265 8.265 0 0 1 2.144 6.63C3.45 3.52 6.519 1.495 9.921 1.5c4.638.007 8.395 3.732 8.395 8.325ZM22.5 22.5l-6.558-6.87L22.5 22.5Z"/></svg>
<span class="visually-hidden">Recherche</span>
</a>
</div>
<div class="header__desktop__button" >
<a href="/cart"
class="navlink navlink--cart"
data-drawer-toggle="drawer-cart">
<div style="margin-right:5px;">Mon panier </div>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-bag" viewbox="0 0 24 24"><path d="M16.25 7.8V5.7h4.2l1.05 16.8H2.6L3.65 5.7h4.2a4.2 4.2 0 0 1 8.4 0h-8.4v2.1"/><circle class="icon-cart-full" cx="12" cy="15" r="4"/></svg>
<span class="visually-hidden">Mon panier</span>
<span class="header__cart__status">
<span data-header-cart-price="0">
0 €
</span>
<span data-header-cart-count="0">
(0)
</span>
<span
data-header-cart-full="false"
></span>
</span>
</a>
</div>
</div>
</div></div>
</div>
</div>
</header>
<nav class="drawer header__drawer display-none"
data-drawer="hamburger"
aria-label="Menu principal"
id="header-menu">
<div class="drawer__content">
<div class="drawer__top">
<div class="drawer__top__left">
<a class="drawer__account" href="/account">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-user" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M12 1.5c-2.575 0-4.49 1.593-4.49 5.747s1.664 4.985 1.954 5.27c.267.358.267.855 0 1.213-.238.245-4.544 1.116-6.115 2.723a4.647 4.647 0 0 0-1.665 2.915c-.069.293-.135 1.14-.181 1.88-.043.67.434 1.252 1.443 1.252h18.118c.491 0 1.477-.573 1.435-1.237-.047-.743-.113-1.6-.183-1.895a4.645 4.645 0 0 0-1.664-2.887c-1.572-1.621-5.878-2.493-6.116-2.724a1.019 1.019 0 0 1 0-1.212c.29-.286 1.955-1.103 1.955-5.27 0-4.168-1.85-5.775-4.49-5.775Z"/></svg>
<span class="visually-hidden">Mon compte</span>
</a></div>
<button class="drawer__button drawer__close"
data-drawer-toggle="hamburger"
aria-label="Proche">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-x" viewbox="0 0 24 24"><path d="M18 6 6 18M6 6l12 12"/></svg>
</button>
</div>
<div class="drawer__inner" data-drawer-scrolls>
<div class="drawer__search" data-drawer-search>
<!-- /snippets/search-predictive.liquid -->
<div data-search-popdown-wrap>
<div id="search-drawer" class="search-drawer search__predictive" data-popdown-outer><predictive-search><form
action="/search"
method="get"
role="search">
<div class="item--loadbar" data-loading-indicator style="display: none;"></div>
<div class="search__predictive__outer">
<div class="wrapper">
<div class="search__predictive__main">
<div class="search__predictive__actions">
<button class="search__predictive__button" type="submit">
<span class="visually-hidden">Recherche</span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-search" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M18.316 9.825c0 3.368-2.05 6.404-5.194 7.692a8.47 8.47 0 0 1-9.164-1.81A8.265 8.265 0 0 1 2.144 6.63C3.45 3.52 6.519 1.495 9.921 1.5c4.638.007 8.395 3.732 8.395 8.325ZM22.5 22.5l-6.558-6.87L22.5 22.5Z"/></svg>
</button>
<input type="search"
data-predictive-search-input="search-popdown-results"
name="q"
value=""
placeholder="Recherche..."
aria-label="Rechercher dans la boutique"
aria-controls="predictive-search-results"
>
<div class="search__predictive__clear">
<button type="reset" class="search__predictive__close__inner search-reset is-hidden" aria-label="Réinitialiser">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-x" viewbox="0 0 24 24"><path d="M18 6 6 18M6 6l12 12"/></svg>
Effacer</button>
</div>
</div>
<div class="search__predictive__close">
<button type="button" class="search__predictive__close__inner" data-close-popdown aria-label="Proche">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-x" viewbox="0 0 24 24"><path d="M18 6 6 18M6 6l12 12"/></svg>
</button>
</div>
</div>
</div>
</div><div class="header__search__results" tabindex="-1" data-predictive-search-results></div>
<span class="predictive-search-status visually-hidden" role="status" aria-hidden="true" data-predictive-search-status></span></form></predictive-search></div>
<script data-predictive-search-aria-template type="text/x-template">
<div aria-live="polite">
<p>
{{@if(it.count)}}
<span class="badge">{{ it.count }}</span>
{{/if}}
{{ it.title }} <em>{{ it.query }}</em>
</p>
</div>
</script>
<script data-predictive-search-title-template type="text/x-template">
<div class="search__results__heading">
<p>
<span class="search__results__title">{{ it.title }}</span>
<span class="badge">{{ it.count }}</span>
</p>
</div>
</script>
<script data-search-other-template type="text/x-template">
{{@each(it) => object, index}}
<div class="other__inline animates" style="animation-delay: {{ index | animationDelay }}ms;">
<p class="other__inline__title">
<a href="{{ object.url }}">{{ object.title | safe }}</a>
</p>
</div>
{{/each}}
</script>
<script data-search-product-template type="text/x-template">
{{@each(it) => object, index}}
<a href="{{ object.url }}" class="product__inline animates" style="animation-delay: {{ index | animationDelay }}ms;">
<div class="product__inline__image {{ @if (object.featured_image.width === null) }} product__inline__image--no-image {{ /if}}">
{{ @if (object.featured_image.width !== null) }}
<img class="img-aspect-ratio" width="{{object.featured_image.width}}" height="{{ object.featured_image.height }}" alt="{{ object.featured_image.alt }}" src="{{ object.thumb }}">
{{ /if}}
</div>
<div>
<p class="product__inline__title">
{{ object.title | safe }}
</p>
<p class="product__inline__price">
<span class="price {{ object.classes }}">
{{ object.price | safe }}
</span>
{{@if(object.sold_out)}}
<br /><em>{{ object.sold_out_translation }}</em>
{{/if}}
{{@if(object.on_sale)}}
<span class="compare-at">
{{ object.compare_at_price | safe }}
</span>
{{/if}}
</p>
</div>
</a>
{{/each}}
</script>
</div>
</div>
<div class="drawer__menu" data-stagger-animation data-sliderule-pane="0">
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper"><button class="sliderow"
data-animates="0"
data-sliderule-open="sliderule-7144aac06cbe56d872d5adcb2e76bd31">
<span class="sliderow__title">Prêt-à-porter</span>
<span class="sliderule__chevron--right">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewbox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
<span class="visually-hidden">Expand menu</span>
</span>
</button>
<div class="mobile__menu__dropdown sliderule__panel"
data-sliderule
id="sliderule-7144aac06cbe56d872d5adcb2e76bd31"><div class="sliderow sliderow__back" data-animates="1">
<button class="drawer__button"
data-sliderule-close="sliderule-7144aac06cbe56d872d5adcb2e76bd31">
<span class="sliderule__chevron--left">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewbox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg>
<span class="visually-hidden">Masquer le menu</span>
</span>
</button>
<a class="sliderow__title" href="https://www.fairytale.eco/collections/vetements-et-accessoires-eco-responsables-ethiques">Prêt-à-porter</a>
</div><div class="sliderow__links" data-links>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper"><button class="sliderow"
data-animates="1"
data-sliderule-open="sliderule-ca21ed4b0b3eec5bed269a5e1ca51e7f">
<span class="sliderow__title">Vêtements</span>
<span class="sliderule__chevron--right">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewbox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
<span class="visually-hidden">Expand menu</span>
</span>
</button>
<div class="mobile__menu__dropdown sliderule__panel"
data-sliderule
id="sliderule-ca21ed4b0b3eec5bed269a5e1ca51e7f"><div class="sliderow sliderow__back" data-animates="2">
<button class="drawer__button"
data-sliderule-close="sliderule-ca21ed4b0b3eec5bed269a5e1ca51e7f">
<span class="sliderule__chevron--left">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewbox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg>
<span class="visually-hidden">Masquer le menu</span>
</span>
</button>
<a class="sliderow__title" href="https://www.fairytale.eco/collections/vetements-et-accessoires-eco-responsables-ethiques">Vêtements</a>
</div><div class="sliderow__links" data-links>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="https://www.fairytale.eco/collections/tops-et-t-shirts-bio-eco-responsables-femme">T-shirts et tops</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="https://www.fairytale.eco/collections/chemises-blouses-bio-eco-responsables-femme">Chemises et blouses</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="https://www.fairytale.eco/collections/pulls-et-sweats-bio-eco-responsables-femme">Pulls et sweats</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="https://www.fairytale.eco/collections/robe-bio-eco-responsables-femme">Robes et combis</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/shorts-jupes-bio-eco-responsables-et-ethiques-femme">Shorts et jupes</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/jeans-et-pantalons-eco-responsables-ethiques">Jeans et pantalons</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/vestes-et-gilets-bio-eco-responsables-femme">Vestes et manteaux</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/vetement-de-sport-bio-eco-responsables-femme">Tenues de sport</a>
</div></div>
</div><div class="sliderule-grid blocks-0">
</div></div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper"><button class="sliderow"
data-animates="1"
data-sliderule-open="sliderule-4446344719a81f606e9f7c68b2fc9f82">
<span class="sliderow__title">Marques</span>
<span class="sliderule__chevron--right">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewbox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
<span class="visually-hidden">Expand menu</span>
</span>
</button>
<div class="mobile__menu__dropdown sliderule__panel"
data-sliderule
id="sliderule-4446344719a81f606e9f7c68b2fc9f82"><div class="sliderow sliderow__back" data-animates="2">
<button class="drawer__button"
data-sliderule-close="sliderule-4446344719a81f606e9f7c68b2fc9f82">
<span class="sliderule__chevron--left">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewbox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg>
<span class="visually-hidden">Masquer le menu</span>
</span>
</button>
<a class="sliderow__title" href="/pages/les-marques-de-vetements-eco-responsables-et-ethiques">Marques</a>
</div><div class="sliderow__links" data-links>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/ecoalf">ECOALF</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/armedangels">ARMEDANGELS</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/dedicated">Dedicated</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/thinking-mu">Thinking Mu</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/skfk">SKFK</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/people-tree">People Tree</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/brava-fabrics">Brava fabrics</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/pages/les-marques-de-vetements-eco-responsables-et-ethiques">Voir toutes les marques</a>
</div></div>
</div><div class="sliderule-grid blocks-0">
</div></div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper"><button class="sliderow"
data-animates="1"
data-sliderule-open="sliderule-d2ab38283d2bf0c632c51a28ee67215c">
<span class="sliderow__title">Critères</span>
<span class="sliderule__chevron--right">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewbox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
<span class="visually-hidden">Expand menu</span>
</span>
</button>
<div class="mobile__menu__dropdown sliderule__panel"
data-sliderule
id="sliderule-d2ab38283d2bf0c632c51a28ee67215c"><div class="sliderow sliderow__back" data-animates="2">
<button class="drawer__button"
data-sliderule-close="sliderule-d2ab38283d2bf0c632c51a28ee67215c">
<span class="sliderule__chevron--left">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewbox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg>
<span class="visually-hidden">Masquer le menu</span>
</span>
</button>
<span class="sliderow__title" >Critères</span>
</div><div class="sliderow__links" data-links>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/vetements-et-accessoires-biologiques">BIO</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/vetements-et-accessoires-naturels">Naturel</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/vetements-et-accessoires-recycles">Recyclé</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/vetements-et-accessoires-upcycles-pour-femmes">Upcyclé</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/vetements-et-accessoires-vegan">Vegan</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<span class="sliderow__title" >-</span>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/vetements-et-accessoires-made-in-france">Made in France</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/vetements-et-accessoires-made-in-europe">Made in Europe</a>
</div></div>
</div><div class="sliderule-grid blocks-0">
</div></div></div>
</div><div class="sliderule-grid blocks-2">
<!-- /snippets/header-block.liquid -->
<div >
<div class="header__dropdown__image section--image is-on-image" data-header-image>
<div class="header__dropdown__image__holder"><a href="/collections/basiques" class="link-over-image"><div class="hero__content__wrapper align--middle-center">
<div class="backdrop--wide"
style="--bg: #000000; --opacity: 0.0;">
<h2 class="hero__title heading-size-7 text--white">
les basiques intemporels
</h2>
</div>
</div></a>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1; ">
<img src="//www.fairytale.eco/cdn/shop/files/Basiques_de_la_mode_1.jpg?v=1709116498&width=1080" alt="" width="1080" height="1080" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/files/Basiques_de_la_mode_1.jpg?v=1709116498&width=352 352w, //www.fairytale.eco/cdn/shop/files/Basiques_de_la_mode_1.jpg?v=1709116498&width=400 400w, //www.fairytale.eco/cdn/shop/files/Basiques_de_la_mode_1.jpg?v=1709116498&width=768 768w, //www.fairytale.eco/cdn/shop/files/Basiques_de_la_mode_1.jpg?v=1709116498&width=932 932w, //www.fairytale.eco/cdn/shop/files/Basiques_de_la_mode_1.jpg?v=1709116498&width=1024 1024w, //www.fairytale.eco/cdn/shop/files/Basiques_de_la_mode_1.jpg?v=1709116498&width=1080 1080w" sizes="(min-width: 1024px) calc(min(100vw, 1450px) / 0),(min-width: 768px) calc(min(100vw, 1450px) / 0),calc(min(100vw, 1450px) / 1)" fetchpriority="auto" style="object-position: center center; ">
</div>
</div></div>
</div>
<!-- /snippets/header-block.liquid -->
<div >
<div class="header__dropdown__image section--image is-below-image" data-header-image>
<div class="header__dropdown__image__holder"><a href="/collections/nos-stars-du-moments" class="link-over-image"><div class="hero__content__wrapper align--middle-center">
<div class="backdrop--wide"
style="--bg: #000000; --opacity: 0.0;">
<h2 class="hero__title heading-size-7 text--white">
Les stars du moment
</h2>
</div>
</div></a>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1; ">
<img src="//www.fairytale.eco/cdn/shop/files/Stars_du_moment_mode.jpg?v=1709116753&width=810" alt="" width="810" height="810" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/files/Stars_du_moment_mode.jpg?v=1709116753&width=352 352w, //www.fairytale.eco/cdn/shop/files/Stars_du_moment_mode.jpg?v=1709116753&width=400 400w, //www.fairytale.eco/cdn/shop/files/Stars_du_moment_mode.jpg?v=1709116753&width=768 768w, //www.fairytale.eco/cdn/shop/files/Stars_du_moment_mode.jpg?v=1709116753&width=810 810w" sizes="(min-width: 1024px) calc(min(100vw, 1450px) / 0),(min-width: 768px) calc(min(100vw, 1450px) / 0),calc(min(100vw, 1450px) / 1)" fetchpriority="auto" style="object-position: center center; ">
</div>
</div></div>
</div>
</div></div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper"><button class="sliderow"
data-animates="0"
data-sliderule-open="sliderule-ec25c5f0f32ee60b21ff5db498983024">
<span class="sliderow__title">Lingerie</span>
<span class="sliderule__chevron--right">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewbox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
<span class="visually-hidden">Expand menu</span>
</span>
</button>
<div class="mobile__menu__dropdown sliderule__panel"
data-sliderule
id="sliderule-ec25c5f0f32ee60b21ff5db498983024"><div class="sliderow sliderow__back" data-animates="1">
<button class="drawer__button"
data-sliderule-close="sliderule-ec25c5f0f32ee60b21ff5db498983024">
<span class="sliderule__chevron--left">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewbox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg>
<span class="visually-hidden">Masquer le menu</span>
</span>
</button>
<a class="sliderow__title" href="https://www.fairytale.eco/collections/sous-vetements-bio-eco-responsables-femme">Lingerie</a>
</div><div class="sliderow__links" data-links>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper"><button class="sliderow"
data-animates="1"
data-sliderule-open="sliderule-64d93eaa2c87e005d16710d8a8082622">
<span class="sliderow__title">Sous-vêtements</span>
<span class="sliderule__chevron--right">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewbox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
<span class="visually-hidden">Expand menu</span>
</span>
</button>
<div class="mobile__menu__dropdown sliderule__panel"
data-sliderule
id="sliderule-64d93eaa2c87e005d16710d8a8082622"><div class="sliderow sliderow__back" data-animates="2">
<button class="drawer__button"
data-sliderule-close="sliderule-64d93eaa2c87e005d16710d8a8082622">
<span class="sliderule__chevron--left">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewbox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg>
<span class="visually-hidden">Masquer le menu</span>
</span>
</button>
<a class="sliderow__title" href="https://www.fairytale.eco/collections/sous-vetements-bio-eco-responsables-femme">Sous-vêtements</a>
</div><div class="sliderow__links" data-links>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="https://www.fairytale.eco/collections/culotte-eco-responsables-ethiques">Culottes</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/soutiens-gorge-et-brassieres-eco-responsables-ethiques">Soutiens-gorge</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/culottes-menstruelles-bio-et-ethiques">Culottes menstruelles</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/strings-et-tangas-bio-et-eco-responsables">Strings et tangas</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/bodies-eco-responsables-et-ethiques-pour-femme">Bodies</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/chaussettes-bio-et-eco-responsables-pour-femme">Chaussettes</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/collants-bio-et-eco-responsables">Collants</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/maillots-de-bain-ecoresponsables-etthiques-pour-femme">Maillots de bain</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/pyjamas-eco-responsables-et-ethiques">Pyjamas</a>
</div></div>
</div><div class="sliderule-grid blocks-0">
</div></div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper"><button class="sliderow"
data-animates="1"
data-sliderule-open="sliderule-90dcb2264c40103d05990809bf6320b0">
<span class="sliderow__title">Marques de lingerie</span>
<span class="sliderule__chevron--right">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewbox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
<span class="visually-hidden">Expand menu</span>
</span>
</button>
<div class="mobile__menu__dropdown sliderule__panel"
data-sliderule
id="sliderule-90dcb2264c40103d05990809bf6320b0"><div class="sliderow sliderow__back" data-animates="2">
<button class="drawer__button"
data-sliderule-close="sliderule-90dcb2264c40103d05990809bf6320b0">
<span class="sliderule__chevron--left">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewbox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg>
<span class="visually-hidden">Masquer le menu</span>
</span>
</button>
<a class="sliderow__title" href="/pages/les-marques-de-lingerie-eco-responsables-et-ethiques">Marques de lingerie</a>
</div><div class="sliderow__links" data-links>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/we-are-jolies">We Are Jolies</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/organic-basics">Organic Basics</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="https://www.fairytale.eco/collections/olly-lingerie">Olly Lingerie</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="https://www.fairytale.eco/collections/nenes-paris">Nénés Paris</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/people-tree">People Tree</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/underprotection">Underprotection</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/casagin">Casagin</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/nege-paris">NÊGE Paris</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/pages/les-marques-de-lingerie-eco-responsables-et-ethiques">Voir toutes les marques</a>
</div></div>
</div><div class="sliderule-grid blocks-0">
</div></div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper"><button class="sliderow"
data-animates="1"
data-sliderule-open="sliderule-69e28d7a484c274f2b1cbe28efffcccb">
<span class="sliderow__title">Marques de Maillot</span>
<span class="sliderule__chevron--right">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewbox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
<span class="visually-hidden">Expand menu</span>
</span>
</button>
<div class="mobile__menu__dropdown sliderule__panel"
data-sliderule
id="sliderule-69e28d7a484c274f2b1cbe28efffcccb"><div class="sliderow sliderow__back" data-animates="2">
<button class="drawer__button"
data-sliderule-close="sliderule-69e28d7a484c274f2b1cbe28efffcccb">
<span class="sliderule__chevron--left">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewbox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg>
<span class="visually-hidden">Masquer le menu</span>
</span>
</button>
<a class="sliderow__title" href="/pages/les-marques-de-maillots-de-bain-eco-responsables-et-ethiques">Marques de Maillot</a>
</div><div class="sliderow__links" data-links>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/les-sirenes">Les Sirènes</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/coco-frio">Coco Frio</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/aimante-paris">Aimante Paris</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/les-alcyonides">Les Alcyonides Swimwear</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/atelier-unes/Maillots-de-bain">Atelier Unes</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/olly-lingerie/Maillots-de-bain">Olly Lingerie</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/re-elle-paris/Maillots-de-bain">Ré/elle Paris</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/posidonie">Posidonie</a>
</div></div>
</div><div class="sliderule-grid blocks-0">
</div></div></div>
</div><div class="sliderule-grid blocks-2">
<!-- /snippets/header-block.liquid -->
<div >
<div class="header__dropdown__image section--image is-below-image" data-header-image>
<div class="header__dropdown__image__holder"><a href="/collections/maillots-de-bain-ecoresponsables-etthiques-pour-femme" class="link-over-image"><div class="hero__content__wrapper align--middle-center">
<div class="backdrop--wide"
style="--bg: #000000; --opacity: 0.15;">
<h2 class="hero__title heading-size-7 text--white">
Maillots de bain canons
</h2>
</div>
</div></a>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1; ">
<img src="//www.fairytale.eco/cdn/shop/files/Maillots_de_bain_ecoresponsables_femme.jpg?v=1709119960&width=810" alt="" width="810" height="810" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/files/Maillots_de_bain_ecoresponsables_femme.jpg?v=1709119960&width=352 352w, //www.fairytale.eco/cdn/shop/files/Maillots_de_bain_ecoresponsables_femme.jpg?v=1709119960&width=400 400w, //www.fairytale.eco/cdn/shop/files/Maillots_de_bain_ecoresponsables_femme.jpg?v=1709119960&width=768 768w, //www.fairytale.eco/cdn/shop/files/Maillots_de_bain_ecoresponsables_femme.jpg?v=1709119960&width=810 810w" sizes="(min-width: 1024px) calc(min(100vw, 1450px) / 0),(min-width: 768px) calc(min(100vw, 1450px) / 0),calc(min(100vw, 1450px) / 1)" fetchpriority="auto" style="object-position: center center; ">
</div>
</div></div>
</div>
<!-- /snippets/header-block.liquid -->
<div >
<div class="header__dropdown__image section--image is-below-image" data-header-image>
<div class="header__dropdown__image__holder"><a href="/collections/culotte-eco-responsables-ethiques" class="link-over-image"><div class="hero__content__wrapper align--middle-center">
<div class="backdrop--wide"
style="--bg: #000000; --opacity: 0.0;">
<h2 class="hero__title heading-size-7 text--white">
Les culottes dans le bon sens
</h2>
</div>
</div></a>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1; ">
<img src="//www.fairytale.eco/cdn/shop/files/Culottes_coton_bio.jpg?v=1709117903&width=810" alt="" width="810" height="810" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/files/Culottes_coton_bio.jpg?v=1709117903&width=352 352w, //www.fairytale.eco/cdn/shop/files/Culottes_coton_bio.jpg?v=1709117903&width=400 400w, //www.fairytale.eco/cdn/shop/files/Culottes_coton_bio.jpg?v=1709117903&width=768 768w, //www.fairytale.eco/cdn/shop/files/Culottes_coton_bio.jpg?v=1709117903&width=810 810w" sizes="(min-width: 1024px) calc(min(100vw, 1450px) / 0),(min-width: 768px) calc(min(100vw, 1450px) / 0),calc(min(100vw, 1450px) / 1)" fetchpriority="auto" style="object-position: center center; ">
</div>
</div></div>
</div>
</div></div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper"><button class="sliderow"
data-animates="0"
data-sliderule-open="sliderule-5526ba76ceb92bd534b6c776c9791cbd">
<span class="sliderow__title">Accessoires</span>
<span class="sliderule__chevron--right">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewbox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
<span class="visually-hidden">Expand menu</span>
</span>
</button>
<div class="mobile__menu__dropdown sliderule__panel"
data-sliderule
id="sliderule-5526ba76ceb92bd534b6c776c9791cbd"><div class="sliderow sliderow__back" data-animates="1">
<button class="drawer__button"
data-sliderule-close="sliderule-5526ba76ceb92bd534b6c776c9791cbd">
<span class="sliderule__chevron--left">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewbox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg>
<span class="visually-hidden">Masquer le menu</span>
</span>
</button>
<a class="sliderow__title" href="/collections/accessoires-eco-responsables-ethiques">Accessoires</a>
</div><div class="sliderow__links" data-links>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper"><button class="sliderow"
data-animates="1"
data-sliderule-open="sliderule-812af6e4f3ea641bd5bc467f93bddb5a">
<span class="sliderow__title">Accessoires</span>
<span class="sliderule__chevron--right">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewbox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
<span class="visually-hidden">Expand menu</span>
</span>
</button>
<div class="mobile__menu__dropdown sliderule__panel"
data-sliderule
id="sliderule-812af6e4f3ea641bd5bc467f93bddb5a"><div class="sliderow sliderow__back" data-animates="2">
<button class="drawer__button"
data-sliderule-close="sliderule-812af6e4f3ea641bd5bc467f93bddb5a">
<span class="sliderule__chevron--left">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewbox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg>
<span class="visually-hidden">Masquer le menu</span>
</span>
</button>
<a class="sliderow__title" href="/collections/accessoires-eco-responsables-ethiques">Accessoires</a>
</div><div class="sliderow__links" data-links>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/sacs-a-dos-eco-responsables-et-ethiques">Sacs à dos</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/sacs-main-eco-responsables-ethiques">Sacs à main</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/bananes-eco-responsables-et-ethiques">Bananes</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/petite-maroquinerie-bio-et-ethique">Petite maroquinerie</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/bonnets-eco-responsables-ethiques">Bonnets et headbands</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/echarpes-et-tours-de-cou-bio-et-ethiques-pour-femme">Echarpes et tours de cou</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/housse-dordinateur-bio-et-ethique">Housse ordinateur</a>
</div></div>
</div><div class="sliderule-grid blocks-0">
</div></div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper"><button class="sliderow"
data-animates="1"
data-sliderule-open="sliderule-64e972398b75ee77d7c01fbea19836c3">
<span class="sliderow__title">Marques</span>
<span class="sliderule__chevron--right">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewbox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
<span class="visually-hidden">Expand menu</span>
</span>
</button>
<div class="mobile__menu__dropdown sliderule__panel"
data-sliderule
id="sliderule-64e972398b75ee77d7c01fbea19836c3"><div class="sliderow sliderow__back" data-animates="2">
<button class="drawer__button"
data-sliderule-close="sliderule-64e972398b75ee77d7c01fbea19836c3">
<span class="sliderule__chevron--left">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewbox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg>
<span class="visually-hidden">Masquer le menu</span>
</span>
</button>
<a class="sliderow__title" href="/pages/les-marques-daccessoires-eco-responsables-et-ethiques">Marques</a>
</div><div class="sliderow__links" data-links>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/bhangara">Bhangara</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/ozaelle">Ozaelle</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/o-my-bag">O My Bag</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/oyan">OYAN</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/sandqvist">Sandqvist</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/zamt">ZAMT</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/pages/les-marques-daccessoires-eco-responsables-et-ethiques">Voir toutes les marques</a>
</div></div>
</div><div class="sliderule-grid blocks-0">
</div></div></div>
</div><div class="sliderule-grid blocks-0">
</div></div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="0">
<a class="sliderow__title" href="/collections/outlet">Outlet</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper"><button class="sliderow"
data-animates="0"
data-sliderule-open="sliderule-71d67359da320c64a21c99103d53845d">
<span class="sliderow__title">Chaussures</span>
<span class="sliderule__chevron--right">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewbox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
<span class="visually-hidden">Expand menu</span>
</span>
</button>
<div class="mobile__menu__dropdown sliderule__panel"
data-sliderule
id="sliderule-71d67359da320c64a21c99103d53845d"><div class="sliderow sliderow__back" data-animates="1">
<button class="drawer__button"
data-sliderule-close="sliderule-71d67359da320c64a21c99103d53845d">
<span class="sliderule__chevron--left">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewbox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg>
<span class="visually-hidden">Masquer le menu</span>
</span>
</button>
<a class="sliderow__title" href="/collections/baskets-eco-responsables-et-ethiques-pour-femme">Chaussures</a>
</div><div class="sliderow__links" data-links>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper"><button class="sliderow"
data-animates="1"
data-sliderule-open="sliderule-9daaed7b064b1cd24b67aeb5d9528fcc">
<span class="sliderow__title">Chaussures</span>
<span class="sliderule__chevron--right">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewbox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
<span class="visually-hidden">Expand menu</span>
</span>
</button>
<div class="mobile__menu__dropdown sliderule__panel"
data-sliderule
id="sliderule-9daaed7b064b1cd24b67aeb5d9528fcc"><div class="sliderow sliderow__back" data-animates="2">
<button class="drawer__button"
data-sliderule-close="sliderule-9daaed7b064b1cd24b67aeb5d9528fcc">
<span class="sliderule__chevron--left">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewbox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg>
<span class="visually-hidden">Masquer le menu</span>
</span>
</button>
<a class="sliderow__title" href="/collections/chaussures-eco-responsables-et-ethiques">Chaussures</a>
</div><div class="sliderow__links" data-links>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="https://www.fairytale.eco/collections/baskets-eco-responsables-et-ethiques-pour-femme">Toutes les baskets</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/chaussons-ecologiques-et-ethiques">Chaussons</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="https://www.fairytale.eco/collections/baskets-eco-responsables-et-ethiques-pour-femme?pf_t_criteres_ecologiques=Recycl%C3%A9">Baskets en fibres recyclées</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="https://www.fairytale.eco/collections/baskets-eco-responsables-et-ethiques-pour-femme?pf_t_criteres_ecologiques=Naturel">Baskets en fibres naturelles</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="https://www.fairytale.eco/collections/baskets-eco-responsables-et-ethiques-pour-femme?pf_t_matieres=cuir%20d%27ananas&pf_t_matieres=cuir%20de%20cactus&pf_t_matieres=cuir%20de%20pomme&pf_t_matieres=cuir%20de%20raisin">Baskets en cuir végétal </a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="https://www.fairytale.eco/collections/baskets-eco-responsables-et-ethiques-pour-femme?pf_t_criteres_ecologiques=Vegan">Baskets vegan</a>
</div></div>
</div><div class="sliderule-grid blocks-0">
</div></div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper"><button class="sliderow"
data-animates="1"
data-sliderule-open="sliderule-4c2dec0951c484ac7dfe926ed3e68ebb">
<span class="sliderow__title">Marques</span>
<span class="sliderule__chevron--right">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewbox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
<span class="visually-hidden">Expand menu</span>
</span>
</button>
<div class="mobile__menu__dropdown sliderule__panel"
data-sliderule
id="sliderule-4c2dec0951c484ac7dfe926ed3e68ebb"><div class="sliderow sliderow__back" data-animates="2">
<button class="drawer__button"
data-sliderule-close="sliderule-4c2dec0951c484ac7dfe926ed3e68ebb">
<span class="sliderule__chevron--left">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewbox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg>
<span class="visually-hidden">Masquer le menu</span>
</span>
</button>
<a class="sliderow__title" href="https://www.fairytale.eco/pages/les-marques-de-chaussures-eco-responsables-et-ethiques">Marques</a>
</div><div class="sliderow__links" data-links>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/angarde">Angarde</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/caval">Caval</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/cog">COG</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/corail">Corail</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/moea">MoEa</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/saola-shoes">Saola Shoes</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="2">
<a class="sliderow__title" href="/collections/zeta">Zèta</a>
</div></div>
</div><div class="sliderule-grid blocks-0">
</div></div></div>
</div><div class="sliderule-grid blocks-0">
</div></div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="0">
<a class="sliderow__title" href="https://www.fairytale.eco/products/carte-cadeau-fairytale">Carte cadeau</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper"><button class="sliderow"
data-animates="0"
data-sliderule-open="sliderule-97faa1ab59a917a533386c444d3dfe43">
<span class="sliderow__title">Marques</span>
<span class="sliderule__chevron--right">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewbox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
<span class="visually-hidden">Expand menu</span>
</span>
</button>
<div class="mobile__menu__dropdown sliderule__panel"
data-sliderule
id="sliderule-97faa1ab59a917a533386c444d3dfe43"><div class="sliderow sliderow__back" data-animates="1">
<button class="drawer__button"
data-sliderule-close="sliderule-97faa1ab59a917a533386c444d3dfe43">
<span class="sliderule__chevron--left">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewbox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg>
<span class="visually-hidden">Masquer le menu</span>
</span>
</button>
<a class="sliderow__title" href="/pages/nos-marques">Marques</a>
</div><div class="sliderow__links" data-links>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="1">
<a class="sliderow__title" href="/pages/les-marques-de-vetements-eco-responsables-et-ethiques">Marques de vêtements</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="1">
<a class="sliderow__title" href="/pages/les-marques-de-lingerie-eco-responsables-et-ethiques">Marques de lingerie</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="1">
<a class="sliderow__title" href="/pages/les-marques-made-in-france">Marques Made in France</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="1">
<a class="sliderow__title" href="/pages/les-marques-daccessoires-eco-responsables-et-ethiques">Marques d'accessoires</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="1">
<a class="sliderow__title" href="/pages/les-marques-de-chaussures-eco-responsables-et-ethiques">Marques de chaussures</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="1">
<a class="sliderow__title" href="/pages/les-marques-de-sport-eco-responsables-et-ethiques">Marques de sport</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="1">
<a class="sliderow__title" href="/pages/les-marques-de-maillots-de-bain-eco-responsables-et-ethiques">Marques de maillots de bain</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="1">
<a class="sliderow__title" href="https://www.fairytale.eco/pages/nos-marques">Toutes les marques</a>
</div></div>
</div><div class="sliderule-grid blocks-0">
</div></div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="0">
<a class="sliderow__title" href="/blogs/news">Blog</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper"><button class="sliderow"
data-animates="0"
data-sliderule-open="sliderule-df573a61b2e8b0ad1f9c8facdd533c22">
<span class="sliderow__title">Aide et contact</span>
<span class="sliderule__chevron--right">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewbox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
<span class="visually-hidden">Expand menu</span>
</span>
</button>
<div class="mobile__menu__dropdown sliderule__panel"
data-sliderule
id="sliderule-df573a61b2e8b0ad1f9c8facdd533c22"><div class="sliderow sliderow__back" data-animates="1">
<button class="drawer__button"
data-sliderule-close="sliderule-df573a61b2e8b0ad1f9c8facdd533c22">
<span class="sliderule__chevron--left">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewbox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg>
<span class="visually-hidden">Masquer le menu</span>
</span>
</button>
<span class="sliderow__title" >Aide et contact</span>
</div><div class="sliderow__links" data-links>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="1">
<a class="sliderow__title" href="/pages/questions-frequentes">Questions fréquentes</a>
</div></div>
<!-- /snippets/nav-item-mobile.liquid --><div class="sliderule__wrapper">
<div class="sliderow" data-animates="1">
<a class="sliderow__title" href="/pages/contact">Contactez-nous</a>
</div></div>
</div><div class="sliderule-grid blocks-0">
</div></div></div>
</div>
</div>
</div>
<span class="drawer__underlay" data-drawer-underlay>
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</nav>
<div data-product-add-popdown-wrapper class="product-add-popdown"></div>
</div>
<div class="header__backfill"
data-header-backfill
style="height: var(--menu-backfill-height);">
<div class="header__inner">
<div class="wrapper">
<div class="header__backfill__content">
<div class="header__logo">
<div class="header__logo__link" style="--LOGO-WIDTH: 120px"><div class="overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 3.3333333333333335">
<img data-src="logo__img"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII="
width="120"
height="150"
style=" display: block; width: 100%; height: 150px; ">
</div></div>
</div>
</div>
</div>
</div>
</div>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "fairytale",
"logo": "https:\/\/www.fairytale.eco\/cdn\/shop\/files\/fairytale-logo_500x.webp?v=1713771001",
"sameAs": [
"",
"https:\/\/www.facebook.com\/fairytale.eco\/",
"https:\/\/www.instagram.com\/fairytale.eco\/",
"https:\/\/www.pinterest.fr\/Fairytale_eco\/",
"",
"",
"",
"",
""
],
"url": "https:\/\/www.fairytale.eco"
}
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"name": "fairytale",
"potentialAction": {
"@type": "SearchAction",
"target": "https:\/\/www.fairytale.eco\/search?q={search_term_string}",
"query-input": "required name=search_term_string"
},
"url": "https:\/\/www.fairytale.eco"
}
</script>
<style> #shopify-section-sections--20622770635085__header .sliderow__title {font-family: "Tanker-Regular"; font-size: 1.5em;} #shopify-section-sections--20622770635085__header .sliderule__panel .sliderow .sliderow__title {font-family: "ClashGrotesk-Regular" !important;} #shopify-section-sections--20622770635085__header .navtext {font-family: "Tanker-Regular"; font-size: 1em; color: #1614c7;} #shopify-section-sections--20622770635085__header .dropdown__family--grandchild .navlink--grandchild:not(.highlight--link) .navtext {font-family: "ClashGrotesk-Regular" !important; color: #000546;} </style></div>
<!-- END sections: group-header -->
<!-- BEGIN sections: group-overlay -->
<div id="shopify-section-sections--20622770733389__cart" class="shopify-section shopify-section-group-group-overlay"><!-- /snippets/cart-drawer.liquid -->
<section
data-section-id="sections--20622770733389__cart"
data-section-type="cart-drawer"
>
<div class="drawer cart__drawer drawer--right palette--light bg--neutral"
data-cart-message-container
data-drawer="drawer-cart"
id="drawer-cart">
<div class="drawer__content" aria-label="Mon panier">
<div class="drawer__top">
<div class="drawer__top__left">
<p class="cart__drawer__title">Mon panier</p>
</div>
<button class="drawer__button drawer__close"
data-drawer-toggle="drawer-cart"
aria-label="Proche">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-x" viewbox="0 0 24 24"><path d="M18 6 6 18M6 6l12 12"/></svg>
</button>
</div>
<div class="drawer__body" data-drawer-scrolls>
<div class="errors" data-form-errors style="display: none;"></div>
<div class="cart--hidden" data-cart-empty>
<!-- /snippets/cart-empty.liquid -->
<div class="cart__empty align--middle-center">
<div class="wrapper">
<p class="body-size-7 m-0">Votre panier est vide.</p>
<div class="image-overlay" style="--overlay-opacity: 0.05;"></div>
</div>
</div>
<a href="/collections/all" class="cart__circle__wrapper">
<div class="cart__circle">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</div>
<p class="cart__continue__link">
Retourner à la boutique
</p>
</a>
</div>
<div data-cart-form data-cart-loading>
<div data-line-items>
<div class="cart__items cart__items--blankstate">
<div class="cart__items__row">
<div class="item--loadbar" data-item-loadbar></div>
<div class="cart__items__grid">
<div class="cart__items__image">
<span class="cart__items__img empty-content"></span>
</div>
<div class="cart__items__title empty-content"></div>
<div class="cart__items__price empty-content"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="drawer__bottom cart--hidden" data-cart-bottom data-accordion-group><p class="drawer__bottom__meta body-size-3" style="display:none;"><em>Retours gratuits sous 30 jours</em></p>
<div class="drawer__footer__subtotal" data-cart-subtotal>
<!-- /snippets/cart-subtotal.liquid -->
</div>
<p style="margin-top: 25px; font-size: 1.2em; margin-bottom: 15px; margin-left: 5%; margin-right: 5%; border-top: #D6D6FB; border-top-style: solid; padding-top: 10px;">
<span class="cart__footer__label">Sous-total</span>
<span class="cart__footer__value" style="float: inline-end;" data-cart-final>
0 EUR €
</span>
</p>
<p class="cart__footer__small" style="text-align: left; margin-bottom: 15px; margin-left: 5%;;">Retours gratuits sous 30 jours</p>
<form id='cart-form' action="/cart" method="post" novalidate class="cart">
<button type="submit" name="checkout" class="btn btn--primary btn--large btn--full checkout__button">
Valider mon panier
</button>
</form>
</div>
</div>
<span class="drawer__underlay" data-drawer-underlay>
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</section>
<style> #shopify-section-sections--20622770733389__cart .cart__drawer__title {font-family: "Tanker-Regular"; font-size: 2em; font-weight: 100;} #shopify-section-sections--20622770733389__cart .checkout__button {padding-top: 25px; padding-bottom: 25px; font-size: 1.5em; font-family: "ClashGrotesk-Regular";} </style></div><div id="shopify-section-sections--20622770733389__popups" class="shopify-section shopify-section-group-group-overlay"><!-- /sections/popups.liquid --></div>
<!-- END sections: group-overlay -->
<main class="main-content" id="MainContent">
<div id="shopify-section-template--20622768931149__section_liquid_6YzAkH" class="shopify-section"><!-- /sections/section-liquid.liquid -->
<div class="megabanner">
<a href="https://www.fairytale.eco/collections/nouveautes">
<picture>
<!-- Mobile Image -->
<source media="(max-width: 767px)"
srcset="https://cdn.shopify.com/s/files/1/0491/1002/4342/files/Must_have_eco-responsable_mobile.webp?v=1713455492"
type="image/webp"
width="768"
height="432">
<!-- Desktop Image -->
<source media="(min-width: 768px)"
srcset="https://cdn.shopify.com/s/files/1/0491/1002/4342/files/Must_have_eco-responsable_desktop.webp?v=1713455468"
type="image/webp"
width="1920"
height="1080">
<!-- Fallback Image for Older Browsers -->
<img src="https://cdn.shopify.com/s/files/1/0491/1002/4342/files/Must_have_eco-responsable_desktop.webp?v=1713455468"
alt="Must Have Eco-Responsible Products"
width="1920"
height="1080">
</picture>
</a>
</div>
</div><div id="shopify-section-template--20622768931149__section_html_ar9g7T" class="shopify-section"><!-- /sections/section-html.liquid -->
<div class="section-html"
style="--PT: 36px; --PB: 0px;">
<div class="wrapper section-padding">
<h1 style="text-align:center;"><span class="line1">La mode éthique, c'est avant tout</span><br><span class="line2"> une histoire de bon sens.</span></h1>
</div>
</div>
<style> #shopify-section-template--20622768931149__section_html_ar9g7T .line1 {font-family: "ClashGrotesk-regular"; letter-spacing: 0; font-size: 25px; text-transform: uppercase; line-height: normal;} #shopify-section-template--20622768931149__section_html_ar9g7T .line2 {font-weight: 100; letter-spacing: 0; font-size: 55px;} @media only screen and (max-width: 767px) {#shopify-section-template--20622768931149__section_html_ar9g7T .line1 {font-size: 15px; } #shopify-section-template--20622768931149__section_html_ar9g7T .line2 {font-size: 25px; }} </style></div><div id="shopify-section-template--20622768931149__section_gallery_arRUCf" class="shopify-section"><!-- /sections/section-gallery.liquid --><div class="frame palette--light bg--neutral section-without-title section-without-padding-mobile"
data-section-id="template--20622768931149__section_gallery_arRUCf"
data-section-type="gallery"
style="--PT: 0px; --PB: 36px;">
<div class="wrapper--none section-padding slides-mobile-outer" data-wrapper>
<flickity-carousel>
<div
data-carousel
data-grid
data-grid-large
data-grid-medium
data-grid-small
style=" --grid-large-items: 4; --grid-medium-items: 2; --grid-small-items: 2.3;"
data-options='{"watchCSS": true}'
data-custom-scrollbar-items
class="gallery slides-mobile-inner flickity-disabled-mobile">
<div class="gallery__item" data-item data-carousel-slide>
<div class="gallery__item__wrapper has-zoom-animation" data-grid-slide><!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ; ">
<img src="//www.fairytale.eco/cdn/shop/files/Nouveautes_responsables.webp?v=1713513844&width=900" alt="nouveautés eco-responsables femme" width="900" height="1200" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset="//www.fairytale.eco/cdn/shop/files/Nouveautes_responsables.webp?height=1200&v=1713513844&width=900 900w, //www.fairytale.eco/cdn/shop/files/Nouveautes_responsables.webp?height=232&v=1713513844&width=174 174w, //www.fairytale.eco/cdn/shop/files/Nouveautes_responsables.webp?height=464&v=1713513844&width=348 348w, //www.fairytale.eco/cdn/shop/files/Nouveautes_responsables.webp?height=341&v=1713513844&width=256 256w, //www.fairytale.eco/cdn/shop/files/Nouveautes_responsables.webp?height=682&v=1713513844&width=512 512w, //www.fairytale.eco/cdn/shop/files/Nouveautes_responsables.webp?height=366&v=1713513844&width=275 275w, //www.fairytale.eco/cdn/shop/files/Nouveautes_responsables.webp?height=733&v=1713513844&width=550 550w, //www.fairytale.eco/cdn/shop/files/Nouveautes_responsables.webp?height=466&v=1713513844&width=350 350w, //www.fairytale.eco/cdn/shop/files/Nouveautes_responsables.webp?height=933&v=1713513844&width=700 700w, //www.fairytale.eco/cdn/shop/files/Nouveautes_responsables.webp?height=512&v=1713513844&width=384 384w, //www.fairytale.eco/cdn/shop/files/Nouveautes_responsables.webp?height=1024&v=1713513844&width=768 768w" sizes="(min-width: 1024px) calc(100vw / 4),(min-width: 768px) calc(100vw / 2),calc(100vw / 2.3)" fetchpriority="auto" style="object-position: center center; ">
</div>
<a class="link-over-image" href="https://www.fairytale.eco/collections/nouveautes" aria-label="nouveautés eco-responsables femme"></a>
</div>
</div>
<div class="gallery__item" data-item data-carousel-slide>
<div class="gallery__item__wrapper has-zoom-animation" data-grid-slide><!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ; ">
<img src="//www.fairytale.eco/cdn/shop/files/Lingerie_ethique.webp?v=1713513868&width=900" alt="Lingerie éthique" width="900" height="1200" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset="//www.fairytale.eco/cdn/shop/files/Lingerie_ethique.webp?height=1200&v=1713513868&width=900 900w, //www.fairytale.eco/cdn/shop/files/Lingerie_ethique.webp?height=232&v=1713513868&width=174 174w, //www.fairytale.eco/cdn/shop/files/Lingerie_ethique.webp?height=464&v=1713513868&width=348 348w, //www.fairytale.eco/cdn/shop/files/Lingerie_ethique.webp?height=341&v=1713513868&width=256 256w, //www.fairytale.eco/cdn/shop/files/Lingerie_ethique.webp?height=682&v=1713513868&width=512 512w, //www.fairytale.eco/cdn/shop/files/Lingerie_ethique.webp?height=366&v=1713513868&width=275 275w, //www.fairytale.eco/cdn/shop/files/Lingerie_ethique.webp?height=733&v=1713513868&width=550 550w, //www.fairytale.eco/cdn/shop/files/Lingerie_ethique.webp?height=466&v=1713513868&width=350 350w, //www.fairytale.eco/cdn/shop/files/Lingerie_ethique.webp?height=933&v=1713513868&width=700 700w, //www.fairytale.eco/cdn/shop/files/Lingerie_ethique.webp?height=512&v=1713513868&width=384 384w, //www.fairytale.eco/cdn/shop/files/Lingerie_ethique.webp?height=1024&v=1713513868&width=768 768w" sizes="(min-width: 1024px) calc(100vw / 4),(min-width: 768px) calc(100vw / 2),calc(100vw / 2.3)" fetchpriority="auto" style="object-position: center center; ">
</div>
<a class="link-over-image" href="https://www.fairytale.eco/collections/sous-vetements-bio-eco-responsables-femme" aria-label="Lingerie éthique"></a>
</div>
</div>
<div class="gallery__item" data-item data-carousel-slide>
<div class="gallery__item__wrapper has-zoom-animation" data-grid-slide><!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ; ">
<img src="//www.fairytale.eco/cdn/shop/files/Robes_ecologiques.webp?v=1713513901&width=900" alt="Robes ecologiques et éthiques" width="900" height="1200" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset="//www.fairytale.eco/cdn/shop/files/Robes_ecologiques.webp?height=1200&v=1713513901&width=900 900w, //www.fairytale.eco/cdn/shop/files/Robes_ecologiques.webp?height=232&v=1713513901&width=174 174w, //www.fairytale.eco/cdn/shop/files/Robes_ecologiques.webp?height=464&v=1713513901&width=348 348w, //www.fairytale.eco/cdn/shop/files/Robes_ecologiques.webp?height=341&v=1713513901&width=256 256w, //www.fairytale.eco/cdn/shop/files/Robes_ecologiques.webp?height=682&v=1713513901&width=512 512w, //www.fairytale.eco/cdn/shop/files/Robes_ecologiques.webp?height=366&v=1713513901&width=275 275w, //www.fairytale.eco/cdn/shop/files/Robes_ecologiques.webp?height=733&v=1713513901&width=550 550w, //www.fairytale.eco/cdn/shop/files/Robes_ecologiques.webp?height=466&v=1713513901&width=350 350w, //www.fairytale.eco/cdn/shop/files/Robes_ecologiques.webp?height=933&v=1713513901&width=700 700w, //www.fairytale.eco/cdn/shop/files/Robes_ecologiques.webp?height=512&v=1713513901&width=384 384w, //www.fairytale.eco/cdn/shop/files/Robes_ecologiques.webp?height=1024&v=1713513901&width=768 768w" sizes="(min-width: 1024px) calc(100vw / 4),(min-width: 768px) calc(100vw / 2),calc(100vw / 2.3)" fetchpriority="auto" style="object-position: center center; ">
</div>
<a class="link-over-image" href="https://www.fairytale.eco/collections/robe-bio-eco-responsables-femme" aria-label="Robes ecologiques et éthiques"></a>
</div>
</div>
<div class="gallery__item" data-item data-carousel-slide>
<div class="gallery__item__wrapper has-zoom-animation" data-grid-slide><!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ; ">
<img src="//www.fairytale.eco/cdn/shop/files/Tops_en_coton_bio.webp?v=1713513921&width=900" alt="Tops en coton bio et hauts éco-responsables" width="900" height="1200" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset="//www.fairytale.eco/cdn/shop/files/Tops_en_coton_bio.webp?height=1200&v=1713513921&width=900 900w, //www.fairytale.eco/cdn/shop/files/Tops_en_coton_bio.webp?height=232&v=1713513921&width=174 174w, //www.fairytale.eco/cdn/shop/files/Tops_en_coton_bio.webp?height=464&v=1713513921&width=348 348w, //www.fairytale.eco/cdn/shop/files/Tops_en_coton_bio.webp?height=341&v=1713513921&width=256 256w, //www.fairytale.eco/cdn/shop/files/Tops_en_coton_bio.webp?height=682&v=1713513921&width=512 512w, //www.fairytale.eco/cdn/shop/files/Tops_en_coton_bio.webp?height=366&v=1713513921&width=275 275w, //www.fairytale.eco/cdn/shop/files/Tops_en_coton_bio.webp?height=733&v=1713513921&width=550 550w, //www.fairytale.eco/cdn/shop/files/Tops_en_coton_bio.webp?height=466&v=1713513921&width=350 350w, //www.fairytale.eco/cdn/shop/files/Tops_en_coton_bio.webp?height=933&v=1713513921&width=700 700w, //www.fairytale.eco/cdn/shop/files/Tops_en_coton_bio.webp?height=512&v=1713513921&width=384 384w, //www.fairytale.eco/cdn/shop/files/Tops_en_coton_bio.webp?height=1024&v=1713513921&width=768 768w" sizes="(min-width: 1024px) calc(100vw / 4),(min-width: 768px) calc(100vw / 2),calc(100vw / 2.3)" fetchpriority="auto" style="object-position: center center; ">
</div>
<a class="link-over-image" href="https://www.fairytale.eco/collections/tops-eco-responsables-et-ethiques-pour-femme" aria-label="Tops en coton bio et hauts éco-responsables"></a>
</div>
</div>
</div>
<div class="custom-scrollbar small-down--show" data-custom-scrollbar>
<div class="custom-scrollbar__track" data-custom-scrollbar-track></div>
</div>
</flickity-carousel>
</div>
</div>
</div><div id="shopify-section-template--20622768931149__section_list_collections_products_DXDM4M" class="shopify-section"><!-- /sections/section-list-collections-products.liquid --><div class="section-list-collections-products section-padding list__collections palette--light bg--accent"
data-section-id="template--20622768931149__section_list_collections_products_DXDM4M"
data-section-type="collection-row"
style="--PT: 36px; --PB: 36px;">
<div class="wrapper--full"><h2 class="kicker-flourished mb-7">LOOK DU PRINTEMPS</h2>
<!-- /snippets/collection-row.liquid -->
<div class="collection-list-item">
<div class="collection-list__heading__text">
<a href="/collections/tops-eco-responsables-et-ethiques-pour-femme" class="hero__title heading-size-7" title="Consultez la collection Tops et hauts en coton bio pour femme">
TOPS STYLÉS
</a></div><div class="js-grid collection-list__products" data-grid-large="5" data-grid-small="2" style="--product-width: calc(50vw - var(--gutter)*2);">
<div class="collection-list__product"><!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item
aria-label="Débardeur tencel®"
class="product-grid-item group/product-grid-item"
data-item-id="6690562113723"
>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="6690562113723"
data-slideshow-style="disabled"
data-grid-item-variant="42633899933920"
aria-label="blanc / S/M"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/debardeur-moulant-en-tencel_tops-et-t-shirts_casagin" data-grid-link aria-label="Débardeur tencel®">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="43911481295181"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-659723.jpg?v=1710845927&width=518" alt="Débardeur tencel® - blanc - fairytale" width="518" height="560" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-659723.jpg?crop=center&height=647&v=1710845927&width=518 518w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-659723.jpg?crop=center&height=311&v=1710845927&width=249 249w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-659723.jpg?crop=center&height=622&v=1710845927&width=498 498w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-659723.jpg?crop=center&height=418&v=1710845927&width=335 335w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-659723.jpg?crop=center&height=450&v=1710845927&width=360 360w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-659723.jpg?crop=center&height=475&v=1710845927&width=380 380w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-659723.jpg?crop=center&height=575&v=1710845927&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="43911481327949"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-833869.jpg?v=1710845927&width=518" alt="Débardeur tencel® - blanc - fairytale" width="518" height="560" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-833869.jpg?crop=center&height=647&v=1710845927&width=518 518w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-833869.jpg?crop=center&height=311&v=1710845927&width=249 249w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-833869.jpg?crop=center&height=622&v=1710845927&width=498 498w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-833869.jpg?crop=center&height=418&v=1710845927&width=335 335w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-833869.jpg?crop=center&height=450&v=1710845927&width=360 360w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-833869.jpg?crop=center&height=475&v=1710845927&width=380 380w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-833869.jpg?crop=center&height=575&v=1710845927&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(6690562113723, 'debardeur-moulant-en-tencel_tops-et-t-shirts_casagin')">
<div class="quickview md:w-full" data-quickview-holder="6690562113723" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="6690562113723" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="8892277784909"
data-slideshow-style="disabled"
data-grid-item-variant="48370292064589"
hidden aria-label="fuchsia / S/M"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/debardeur-tencel-fuchsia_casagin-8892277784909" data-grid-link aria-label="Débardeur tencel®">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="48205349617997"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-610110.jpg?v=1710501606&width=584" alt="Débardeur tencel® - fuchsia - fairytale" width="584" height="632" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-610110.jpg?crop=center&height=730&v=1710501606&width=584 584w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-610110.jpg?crop=center&height=311&v=1710501606&width=249 249w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-610110.jpg?crop=center&height=622&v=1710501606&width=498 498w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-610110.jpg?crop=center&height=418&v=1710501606&width=335 335w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-610110.jpg?crop=center&height=450&v=1710501606&width=360 360w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-610110.jpg?crop=center&height=475&v=1710501606&width=380 380w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-610110.jpg?crop=center&height=575&v=1710501606&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="48205349650765"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-937336.jpg?v=1710501606&width=584" alt="Débardeur tencel® - fuchsia - fairytale" width="584" height="632" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-937336.jpg?crop=center&height=730&v=1710501606&width=584 584w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-937336.jpg?crop=center&height=311&v=1710501606&width=249 249w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-937336.jpg?crop=center&height=622&v=1710501606&width=498 498w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-937336.jpg?crop=center&height=418&v=1710501606&width=335 335w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-937336.jpg?crop=center&height=450&v=1710501606&width=360 360w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-937336.jpg?crop=center&height=475&v=1710501606&width=380 380w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-937336.jpg?crop=center&height=575&v=1710501606&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(8892277784909, 'debardeur-tencel-fuchsia_casagin-8892277784909')">
<div class="quickview md:w-full" data-quickview-holder="8892277784909" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="8892277784909" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="8892278112589"
data-slideshow-style="disabled"
data-grid-item-variant="48370293637453"
hidden aria-label="anthracite / S/M"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/debardeur-tencel-anthracite_casagin-8892278112589" data-grid-link aria-label="Débardeur tencel®">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="48205351158093"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-341075.jpg?v=1710501608&width=518" alt="Débardeur tencel® - anthracite - fairytale" width="518" height="560" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-341075.jpg?crop=center&height=647&v=1710501608&width=518 518w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-341075.jpg?crop=center&height=311&v=1710501608&width=249 249w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-341075.jpg?crop=center&height=622&v=1710501608&width=498 498w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-341075.jpg?crop=center&height=418&v=1710501608&width=335 335w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-341075.jpg?crop=center&height=450&v=1710501608&width=360 360w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-341075.jpg?crop=center&height=475&v=1710501608&width=380 380w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-341075.jpg?crop=center&height=575&v=1710501608&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="48205351190861"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-623947.jpg?v=1710501608&width=518" alt="Débardeur tencel® - anthracite - fairytale" width="518" height="560" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-623947.jpg?crop=center&height=647&v=1710501608&width=518 518w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-623947.jpg?crop=center&height=311&v=1710501608&width=249 249w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-623947.jpg?crop=center&height=622&v=1710501608&width=498 498w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-623947.jpg?crop=center&height=418&v=1710501608&width=335 335w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-623947.jpg?crop=center&height=450&v=1710501608&width=360 360w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-623947.jpg?crop=center&height=475&v=1710501608&width=380 380w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-623947.jpg?crop=center&height=575&v=1710501608&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(8892278112589, 'debardeur-tencel-anthracite_casagin-8892278112589')">
<div class="quickview md:w-full" data-quickview-holder="8892278112589" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="8892278112589" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="8892278047053"
data-slideshow-style="disabled"
data-grid-item-variant="48370293309773"
hidden aria-label="bleu / M/L"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/debardeur-tencel-bleu_casagin-8892278047053" data-grid-link aria-label="Débardeur tencel®">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="48205352665421"
data-variant-id=""
loading="lazy"
data-grid-current-image
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-619612.jpg?v=1710501609&width=740" alt="Débardeur tencel® - bleu - fairytale" width="740" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-619612.jpg?crop=center&height=925&v=1710501609&width=740 740w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-619612.jpg?crop=center&height=311&v=1710501609&width=249 249w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-619612.jpg?crop=center&height=622&v=1710501609&width=498 498w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-619612.jpg?crop=center&height=418&v=1710501609&width=335 335w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-619612.jpg?crop=center&height=837&v=1710501609&width=670 670w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-619612.jpg?crop=center&height=450&v=1710501609&width=360 360w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-619612.jpg?crop=center&height=900&v=1710501609&width=720 720w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-619612.jpg?crop=center&height=475&v=1710501609&width=380 380w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-619612.jpg?crop=center&height=575&v=1710501609&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="48205352698189"
data-variant-id=""
loading="lazy"
data-slide-for-variant-media
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-385222.jpg?v=1710501609&width=740" alt="Débardeur tencel® - bleu - fairytale" width="740" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-385222.jpg?crop=center&height=925&v=1710501609&width=740 740w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-385222.jpg?crop=center&height=311&v=1710501609&width=249 249w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-385222.jpg?crop=center&height=622&v=1710501609&width=498 498w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-385222.jpg?crop=center&height=418&v=1710501609&width=335 335w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-385222.jpg?crop=center&height=837&v=1710501609&width=670 670w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-385222.jpg?crop=center&height=450&v=1710501609&width=360 360w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-385222.jpg?crop=center&height=900&v=1710501609&width=720 720w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-385222.jpg?crop=center&height=475&v=1710501609&width=380 380w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-385222.jpg?crop=center&height=575&v=1710501609&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(8892278047053, 'debardeur-tencel-bleu_casagin-8892278047053')">
<div class="quickview md:w-full" data-quickview-holder="8892278047053" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="8892278047053" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="8892277981517"
data-slideshow-style="disabled"
data-grid-item-variant="48370293014861"
hidden aria-label="noir / S/M"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/debardeur-tencel-noir_casagin-8892277981517" data-grid-link aria-label="Débardeur tencel®">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="48205351518541"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-418515.jpg?v=1710501608&width=740" alt="Débardeur tencel® - noir - fairytale" width="740" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-418515.jpg?crop=center&height=925&v=1710501608&width=740 740w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-418515.jpg?crop=center&height=311&v=1710501608&width=249 249w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-418515.jpg?crop=center&height=622&v=1710501608&width=498 498w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-418515.jpg?crop=center&height=418&v=1710501608&width=335 335w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-418515.jpg?crop=center&height=837&v=1710501608&width=670 670w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-418515.jpg?crop=center&height=450&v=1710501608&width=360 360w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-418515.jpg?crop=center&height=900&v=1710501608&width=720 720w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-418515.jpg?crop=center&height=475&v=1710501608&width=380 380w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-418515.jpg?crop=center&height=575&v=1710501608&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="48205351551309"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-443149.jpg?v=1710501608&width=740" alt="Débardeur tencel® - noir - fairytale" width="740" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-443149.jpg?crop=center&height=925&v=1710501608&width=740 740w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-443149.jpg?crop=center&height=311&v=1710501608&width=249 249w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-443149.jpg?crop=center&height=622&v=1710501608&width=498 498w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-443149.jpg?crop=center&height=418&v=1710501608&width=335 335w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-443149.jpg?crop=center&height=837&v=1710501608&width=670 670w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-443149.jpg?crop=center&height=450&v=1710501608&width=360 360w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-443149.jpg?crop=center&height=900&v=1710501608&width=720 720w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-443149.jpg?crop=center&height=475&v=1710501608&width=380 380w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-443149.jpg?crop=center&height=575&v=1710501608&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(8892277981517, 'debardeur-tencel-noir_casagin-8892277981517')">
<div class="quickview md:w-full" data-quickview-holder="8892277981517" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="8892277981517" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="8892277948749"
data-slideshow-style="disabled"
data-grid-item-variant="48370292883789"
hidden aria-label="rose / S/M"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/debardeur-tencel-rose_casagin-8892277948749" data-grid-link aria-label="Débardeur tencel®">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="48205353189709"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-862790.webp?v=1710501611&width=740" alt="Débardeur tencel® - rose - fairytale" width="740" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-862790.webp?crop=center&height=925&v=1710501611&width=740 740w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-862790.webp?crop=center&height=311&v=1710501611&width=249 249w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-862790.webp?crop=center&height=622&v=1710501611&width=498 498w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-862790.webp?crop=center&height=418&v=1710501611&width=335 335w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-862790.webp?crop=center&height=837&v=1710501611&width=670 670w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-862790.webp?crop=center&height=450&v=1710501611&width=360 360w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-862790.webp?crop=center&height=900&v=1710501611&width=720 720w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-862790.webp?crop=center&height=475&v=1710501611&width=380 380w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-862790.webp?crop=center&height=575&v=1710501611&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="48205353222477"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-389016.jpg?v=1710501611&width=740" alt="Débardeur tencel® - rose - fairytale" width="740" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-389016.jpg?crop=center&height=925&v=1710501611&width=740 740w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-389016.jpg?crop=center&height=311&v=1710501611&width=249 249w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-389016.jpg?crop=center&height=622&v=1710501611&width=498 498w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-389016.jpg?crop=center&height=418&v=1710501611&width=335 335w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-389016.jpg?crop=center&height=837&v=1710501611&width=670 670w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-389016.jpg?crop=center&height=450&v=1710501611&width=360 360w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-389016.jpg?crop=center&height=900&v=1710501611&width=720 720w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-389016.jpg?crop=center&height=475&v=1710501611&width=380 380w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-389016.jpg?crop=center&height=575&v=1710501611&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(8892277948749, 'debardeur-tencel-rose_casagin-8892277948749')">
<div class="quickview md:w-full" data-quickview-holder="8892277948749" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="8892277948749" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="8892278210893"
data-slideshow-style="disabled"
data-grid-item-variant="48370294030669"
hidden aria-label="taupe / S/M"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/debardeur-tencel-taupe_casagin-8892278210893" data-grid-link aria-label="Débardeur tencel®">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="48205352501581"
data-variant-id=""
loading="lazy"
data-grid-current-image
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-459291.jpg?v=1710501609&width=518" alt="Débardeur tencel® - taupe - fairytale" width="518" height="560" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-459291.jpg?crop=center&height=647&v=1710501609&width=518 518w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-459291.jpg?crop=center&height=311&v=1710501609&width=249 249w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-459291.jpg?crop=center&height=622&v=1710501609&width=498 498w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-459291.jpg?crop=center&height=418&v=1710501609&width=335 335w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-459291.jpg?crop=center&height=450&v=1710501609&width=360 360w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-459291.jpg?crop=center&height=475&v=1710501609&width=380 380w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-459291.jpg?crop=center&height=575&v=1710501609&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="48205352567117"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-929805.jpg?v=1710501609&width=518" alt="Débardeur tencel® - taupe - fairytale" width="518" height="560" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-929805.jpg?crop=center&height=647&v=1710501609&width=518 518w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-929805.jpg?crop=center&height=311&v=1710501609&width=249 249w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-929805.jpg?crop=center&height=622&v=1710501609&width=498 498w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-929805.jpg?crop=center&height=418&v=1710501609&width=335 335w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-929805.jpg?crop=center&height=450&v=1710501609&width=360 360w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-929805.jpg?crop=center&height=475&v=1710501609&width=380 380w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-929805.jpg?crop=center&height=575&v=1710501609&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="2"
data-grid-image-target="48205352599885"
data-variant-id=""
loading="lazy"
data-slide-for-variant-media
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-353676.jpg?v=1710501609&width=518" alt="Débardeur tencel® - taupe - fairytale" width="518" height="560" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-353676.jpg?crop=center&height=647&v=1710501609&width=518 518w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-353676.jpg?crop=center&height=311&v=1710501609&width=249 249w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-353676.jpg?crop=center&height=622&v=1710501609&width=498 498w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-353676.jpg?crop=center&height=418&v=1710501609&width=335 335w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-353676.jpg?crop=center&height=450&v=1710501609&width=360 360w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-353676.jpg?crop=center&height=475&v=1710501609&width=380 380w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-353676.jpg?crop=center&height=575&v=1710501609&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(8892278210893, 'debardeur-tencel-taupe_casagin-8892278210893')">
<div class="quickview md:w-full" data-quickview-holder="8892278210893" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="8892278210893" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="8892278178125"
data-slideshow-style="disabled"
data-grid-item-variant="48370293866829"
hidden aria-label="gris / S/M"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/debardeur-tencel-gris_casagin-8892278178125" data-grid-link aria-label="Débardeur tencel®">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="48205351354701"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-555809.jpg?v=1710501608&width=740" alt="Débardeur tencel® - gris - fairytale" width="740" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-555809.jpg?crop=center&height=925&v=1710501608&width=740 740w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-555809.jpg?crop=center&height=311&v=1710501608&width=249 249w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-555809.jpg?crop=center&height=622&v=1710501608&width=498 498w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-555809.jpg?crop=center&height=418&v=1710501608&width=335 335w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-555809.jpg?crop=center&height=837&v=1710501608&width=670 670w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-555809.jpg?crop=center&height=450&v=1710501608&width=360 360w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-555809.jpg?crop=center&height=900&v=1710501608&width=720 720w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-555809.jpg?crop=center&height=475&v=1710501608&width=380 380w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-555809.jpg?crop=center&height=575&v=1710501608&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="48205351420237"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-641469.jpg?v=1710501608&width=740" alt="Débardeur tencel® - gris - fairytale" width="740" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-641469.jpg?crop=center&height=925&v=1710501608&width=740 740w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-641469.jpg?crop=center&height=311&v=1710501608&width=249 249w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-641469.jpg?crop=center&height=622&v=1710501608&width=498 498w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-641469.jpg?crop=center&height=418&v=1710501608&width=335 335w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-641469.jpg?crop=center&height=837&v=1710501608&width=670 670w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-641469.jpg?crop=center&height=450&v=1710501608&width=360 360w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-641469.jpg?crop=center&height=900&v=1710501608&width=720 720w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-641469.jpg?crop=center&height=475&v=1710501608&width=380 380w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-641469.jpg?crop=center&height=575&v=1710501608&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(8892278178125, 'debardeur-tencel-gris_casagin-8892278178125')">
<div class="quickview md:w-full" data-quickview-holder="8892278178125" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="8892278178125" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="8892277850445"
data-slideshow-style="disabled"
data-grid-item-variant="48370292392269"
hidden aria-label="blanc cassé / S/M"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/debardeur-tencel-blanc-casse_casagin-8892277850445" data-grid-link aria-label="Débardeur tencel®">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="48205350043981"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-727743.jpg?v=1710501607&width=740" alt="Débardeur tencel® - blanc cassé - fairytale" width="740" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-727743.jpg?crop=center&height=925&v=1710501607&width=740 740w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-727743.jpg?crop=center&height=311&v=1710501607&width=249 249w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-727743.jpg?crop=center&height=622&v=1710501607&width=498 498w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-727743.jpg?crop=center&height=418&v=1710501607&width=335 335w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-727743.jpg?crop=center&height=837&v=1710501607&width=670 670w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-727743.jpg?crop=center&height=450&v=1710501607&width=360 360w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-727743.jpg?crop=center&height=900&v=1710501607&width=720 720w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-727743.jpg?crop=center&height=475&v=1710501607&width=380 380w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-727743.jpg?crop=center&height=575&v=1710501607&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="48205350240589"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-794002.jpg?v=1710501607&width=740" alt="Débardeur tencel® - blanc cassé - fairytale" width="740" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-794002.jpg?crop=center&height=925&v=1710501607&width=740 740w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-794002.jpg?crop=center&height=311&v=1710501607&width=249 249w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-794002.jpg?crop=center&height=622&v=1710501607&width=498 498w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-794002.jpg?crop=center&height=418&v=1710501607&width=335 335w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-794002.jpg?crop=center&height=837&v=1710501607&width=670 670w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-794002.jpg?crop=center&height=450&v=1710501607&width=360 360w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-794002.jpg?crop=center&height=900&v=1710501607&width=720 720w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-794002.jpg?crop=center&height=475&v=1710501607&width=380 380w, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-794002.jpg?crop=center&height=575&v=1710501607&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(8892277850445, 'debardeur-tencel-blanc-casse_casagin-8892277850445')">
<div class="quickview md:w-full" data-quickview-holder="8892277850445" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="8892277850445" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<div class="product__grid__info text-left">
<a
href="/products/debardeur-moulant-en-tencel_tops-et-t-shirts_casagin" data-grid-link aria-label="Débardeur tencel®"
tabindex="-1"
>
<p class="visually-hidden">Débardeur tencel®</p>
<div class="product__grid__title__wrapper">
<p id="product-6690562113723-title" class="product__grid__title">
Débardeur tencel®
</p></div>
<div class="product__grid__price product__grid__price--nowrap"><span class="product__grid__cutline">blanc</span><span class="price">
29 €
</span>
</div>
</a>
<div class="product__grid__sibs">
<div class="grid__swatch__container">
<p class="grid__swatch__placeholder">9 couleurs disponibles</p>
<div class="grid__swatch__hover">
<div class="sibs__slider">
<div class="sibs__inner" data-sibling-inner data-scrollbar data-scrollbar-slider><div class="siblings__link__holder">
<a
href="/products/debardeur-moulant-en-tencel_tops-et-t-shirts_casagin"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="42633899933920"
data-grid-item-swatch-image="0"
title="blanc"
aria-selected="true">
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-659723.jpg?v=1710845927&width=26" alt="Débardeur tencel® - blanc - fairytale" width="26" height="28" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-659723.jpg?v=1710845927&width=52 2x, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-659723.jpg?v=1710845927&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div><div class="siblings__link__holder">
<a
href="/products/debardeur-tencel-fuchsia_casagin-8892277784909"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="48370292064589"
data-grid-item-swatch-image="0"
title="fuchsia"
>
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-610110.jpg?v=1710501606&width=26" alt="Débardeur tencel® - fuchsia - fairytale" width="26" height="28" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-610110.jpg?v=1710501606&width=52 2x, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-610110.jpg?v=1710501606&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div><div class="siblings__link__holder">
<a
href="/products/debardeur-tencel-anthracite_casagin-8892278112589"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="48370293637453"
data-grid-item-swatch-image="0"
title="anthracite"
>
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-341075.jpg?v=1710501608&width=26" alt="Débardeur tencel® - anthracite - fairytale" width="26" height="28" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-341075.jpg?v=1710501608&width=52 2x, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-341075.jpg?v=1710501608&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div><div class="siblings__link__holder">
<a
href="/products/debardeur-tencel-bleu_casagin-8892278047053"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="48370293309773"
data-grid-item-swatch-image="0"
title="bleu"
>
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-619612.jpg?v=1710501609&width=26" alt="Débardeur tencel® - bleu - fairytale" width="26" height="28" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-619612.jpg?v=1710501609&width=52 2x, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-619612.jpg?v=1710501609&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div><div class="siblings__link__holder">
<a
href="/products/debardeur-tencel-noir_casagin-8892277981517"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="48370293014861"
data-grid-item-swatch-image="0"
title="noir"
>
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-418515.jpg?v=1710501608&width=26" alt="Débardeur tencel® - noir - fairytale" width="26" height="28" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-418515.jpg?v=1710501608&width=52 2x, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-418515.jpg?v=1710501608&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div><div class="siblings__link__holder">
<a
href="/products/debardeur-tencel-rose_casagin-8892277948749"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="48370292883789"
data-grid-item-swatch-image="0"
title="rose"
>
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-862790.webp?v=1710501611&width=26" alt="Débardeur tencel® - rose - fairytale" width="26" height="28" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-862790.webp?v=1710501611&width=52 2x, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-862790.webp?v=1710501611&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div><div class="siblings__link__holder">
<a
href="/products/debardeur-tencel-taupe_casagin-8892278210893"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="48370294030669"
data-grid-item-swatch-image="0"
title="taupe"
>
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-459291.jpg?v=1710501609&width=26" alt="Débardeur tencel® - taupe - fairytale" width="26" height="28" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-459291.jpg?v=1710501609&width=52 2x, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-459291.jpg?v=1710501609&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div><div class="siblings__link__holder">
<a
href="/products/debardeur-tencel-gris_casagin-8892278178125"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="48370293866829"
data-grid-item-swatch-image="0"
title="gris"
>
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-555809.jpg?v=1710501608&width=26" alt="Débardeur tencel® - gris - fairytale" width="26" height="28" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-555809.jpg?v=1710501608&width=52 2x, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-555809.jpg?v=1710501608&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div><div class="siblings__link__holder">
<a
href="/products/debardeur-tencel-blanc-casse_casagin-8892277850445"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="48370292392269"
data-grid-item-swatch-image="0"
title="blanc cassé"
>
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-727743.jpg?v=1710501607&width=26" alt="Débardeur tencel® - blanc cassé - fairytale" width="26" height="28" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-727743.jpg?v=1710501607&width=52 2x, //www.fairytale.eco/cdn/shop/products/debardeur-tencel-casagin-fairytale-727743.jpg?v=1710501607&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div></div>
<button type="button" class="tabs__arrow tabs__arrow--prev is-hidden" data-scrollbar-arrow-prev>
<span class="visually-hidden">Voir tout</span>
</button>
<button type="button" class="tabs__arrow tabs__arrow--next is-hidden" data-scrollbar-arrow-next>
<span class="visually-hidden">Voir tout</span>
</button>
</div>
</div>
</div>
</div>
</div>
</product-grid-item>
</div><!-- /.collection-list__product -->
<div class="collection-list__product"><!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item
aria-label="T-shirt lin - Zingaro"
class="product-grid-item group/product-grid-item"
data-item-id="7871214911712"
>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="7871214911712"
data-slideshow-style="disabled"
data-grid-item-variant="43461453218016"
aria-label="Vert / XS"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/le-t-shirt-zingaro-vert" data-grid-link aria-label="T-shirt lin - Zingaro">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="45359192342861"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/t-shirt-lin-zingaro-kipluzet-fairytale-747788.jpg?v=1696527462&width=900" alt="T-shirt lin - Zingaro - Vert - fairytale" width="900" height="1200" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/t-shirt-lin-zingaro-kipluzet-fairytale-747788.jpg?crop=center&height=1125&v=1696527462&width=900 900w, //www.fairytale.eco/cdn/shop/products/t-shirt-lin-zingaro-kipluzet-fairytale-747788.jpg?crop=center&height=311&v=1696527462&width=249 249w, //www.fairytale.eco/cdn/shop/products/t-shirt-lin-zingaro-kipluzet-fairytale-747788.jpg?crop=center&height=622&v=1696527462&width=498 498w, //www.fairytale.eco/cdn/shop/products/t-shirt-lin-zingaro-kipluzet-fairytale-747788.jpg?crop=center&height=418&v=1696527462&width=335 335w, //www.fairytale.eco/cdn/shop/products/t-shirt-lin-zingaro-kipluzet-fairytale-747788.jpg?crop=center&height=837&v=1696527462&width=670 670w, //www.fairytale.eco/cdn/shop/products/t-shirt-lin-zingaro-kipluzet-fairytale-747788.jpg?crop=center&height=450&v=1696527462&width=360 360w, //www.fairytale.eco/cdn/shop/products/t-shirt-lin-zingaro-kipluzet-fairytale-747788.jpg?crop=center&height=900&v=1696527462&width=720 720w, //www.fairytale.eco/cdn/shop/products/t-shirt-lin-zingaro-kipluzet-fairytale-747788.jpg?crop=center&height=475&v=1696527462&width=380 380w, //www.fairytale.eco/cdn/shop/products/t-shirt-lin-zingaro-kipluzet-fairytale-747788.jpg?crop=center&height=950&v=1696527462&width=760 760w, //www.fairytale.eco/cdn/shop/products/t-shirt-lin-zingaro-kipluzet-fairytale-747788.jpg?crop=center&height=575&v=1696527462&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="45359192375629"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/t-shirt-lin-zingaro-kipluzet-fairytale-876808.jpg?v=1696527462&width=900" alt="T-shirt lin - Zingaro - Vert - fairytale" width="900" height="1200" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/t-shirt-lin-zingaro-kipluzet-fairytale-876808.jpg?crop=center&height=1125&v=1696527462&width=900 900w, //www.fairytale.eco/cdn/shop/products/t-shirt-lin-zingaro-kipluzet-fairytale-876808.jpg?crop=center&height=311&v=1696527462&width=249 249w, //www.fairytale.eco/cdn/shop/products/t-shirt-lin-zingaro-kipluzet-fairytale-876808.jpg?crop=center&height=622&v=1696527462&width=498 498w, //www.fairytale.eco/cdn/shop/products/t-shirt-lin-zingaro-kipluzet-fairytale-876808.jpg?crop=center&height=418&v=1696527462&width=335 335w, //www.fairytale.eco/cdn/shop/products/t-shirt-lin-zingaro-kipluzet-fairytale-876808.jpg?crop=center&height=837&v=1696527462&width=670 670w, //www.fairytale.eco/cdn/shop/products/t-shirt-lin-zingaro-kipluzet-fairytale-876808.jpg?crop=center&height=450&v=1696527462&width=360 360w, //www.fairytale.eco/cdn/shop/products/t-shirt-lin-zingaro-kipluzet-fairytale-876808.jpg?crop=center&height=900&v=1696527462&width=720 720w, //www.fairytale.eco/cdn/shop/products/t-shirt-lin-zingaro-kipluzet-fairytale-876808.jpg?crop=center&height=475&v=1696527462&width=380 380w, //www.fairytale.eco/cdn/shop/products/t-shirt-lin-zingaro-kipluzet-fairytale-876808.jpg?crop=center&height=950&v=1696527462&width=760 760w, //www.fairytale.eco/cdn/shop/products/t-shirt-lin-zingaro-kipluzet-fairytale-876808.jpg?crop=center&height=575&v=1696527462&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(7871214911712, 'le-t-shirt-zingaro-vert')">
<div class="quickview md:w-full" data-quickview-holder="7871214911712" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="7871214911712" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<div class="product__grid__info text-left">
<a
href="/products/le-t-shirt-zingaro-vert" data-grid-link aria-label="T-shirt lin - Zingaro"
tabindex="-1"
>
<p class="visually-hidden">T-shirt lin - Zingaro</p>
<div class="product__grid__title__wrapper">
<p id="product-7871214911712-title" class="product__grid__title">
T-shirt lin - Zingaro
</p></div>
<div class="product__grid__price product__grid__price--nowrap"><span class="product__grid__cutline">Vert</span><span class="price">
70 €
</span>
</div>
</a>
<div class="product__grid__sibs">
<div class="grid__swatch__container">
<p class="grid__swatch__placeholder">1 couleur disponible</p>
<div class="grid__swatch__hover">
<div class="sibs__slider">
<div class="sibs__inner" data-sibling-inner data-scrollbar data-scrollbar-slider><div class="siblings__link__holder">
<a
href="/products/le-t-shirt-zingaro-vert"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="43461453218016"
data-grid-item-swatch-image="0"
title="Vert"
aria-selected="true">
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/t-shirt-lin-zingaro-kipluzet-fairytale-747788.jpg?v=1696527462&width=26" alt="T-shirt lin - Zingaro - Vert - fairytale" width="26" height="35" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/t-shirt-lin-zingaro-kipluzet-fairytale-747788.jpg?v=1696527462&width=52 2x, //www.fairytale.eco/cdn/shop/products/t-shirt-lin-zingaro-kipluzet-fairytale-747788.jpg?v=1696527462&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div></div>
<button type="button" class="tabs__arrow tabs__arrow--prev is-hidden" data-scrollbar-arrow-prev>
<span class="visually-hidden">Voir tout</span>
</button>
<button type="button" class="tabs__arrow tabs__arrow--next is-hidden" data-scrollbar-arrow-next>
<span class="visually-hidden">Voir tout</span>
</button>
</div>
</div>
</div>
</div>
</div>
</product-grid-item>
</div><!-- /.collection-list__product -->
<div class="collection-list__product"><!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item
aria-label="Blouse lin - Lengva"
class="product-grid-item group/product-grid-item"
data-item-id="7195379433659"
>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content on-sale tagged"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="7195379433659"
data-slideshow-style="disabled"
data-grid-item-variant="41973879570619"
aria-label="Safran / XS"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/la-blouse-lengva-safran" data-grid-link aria-label="Blouse lin - Lengva">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="45359069495629"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/blouse-lin-lengva-kipluzet-fairytale-642787.jpg?v=1696526611&width=857" alt="Blouse lin - Lengva - Safran - fairytale" width="857" height="1200" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/blouse-lin-lengva-kipluzet-fairytale-642787.jpg?crop=center&height=1071&v=1696526611&width=857 857w, //www.fairytale.eco/cdn/shop/products/blouse-lin-lengva-kipluzet-fairytale-642787.jpg?crop=center&height=311&v=1696526611&width=249 249w, //www.fairytale.eco/cdn/shop/products/blouse-lin-lengva-kipluzet-fairytale-642787.jpg?crop=center&height=622&v=1696526611&width=498 498w, //www.fairytale.eco/cdn/shop/products/blouse-lin-lengva-kipluzet-fairytale-642787.jpg?crop=center&height=418&v=1696526611&width=335 335w, //www.fairytale.eco/cdn/shop/products/blouse-lin-lengva-kipluzet-fairytale-642787.jpg?crop=center&height=837&v=1696526611&width=670 670w, //www.fairytale.eco/cdn/shop/products/blouse-lin-lengva-kipluzet-fairytale-642787.jpg?crop=center&height=450&v=1696526611&width=360 360w, //www.fairytale.eco/cdn/shop/products/blouse-lin-lengva-kipluzet-fairytale-642787.jpg?crop=center&height=900&v=1696526611&width=720 720w, //www.fairytale.eco/cdn/shop/products/blouse-lin-lengva-kipluzet-fairytale-642787.jpg?crop=center&height=475&v=1696526611&width=380 380w, //www.fairytale.eco/cdn/shop/products/blouse-lin-lengva-kipluzet-fairytale-642787.jpg?crop=center&height=950&v=1696526611&width=760 760w, //www.fairytale.eco/cdn/shop/products/blouse-lin-lengva-kipluzet-fairytale-642787.jpg?crop=center&height=575&v=1696526611&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="45359069528397"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/blouse-lin-lengva-kipluzet-fairytale-353754.jpg?v=1696526611&width=857" alt="Blouse lin - Lengva - Safran - fairytale" width="857" height="1200" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/blouse-lin-lengva-kipluzet-fairytale-353754.jpg?crop=center&height=1071&v=1696526611&width=857 857w, //www.fairytale.eco/cdn/shop/products/blouse-lin-lengva-kipluzet-fairytale-353754.jpg?crop=center&height=311&v=1696526611&width=249 249w, //www.fairytale.eco/cdn/shop/products/blouse-lin-lengva-kipluzet-fairytale-353754.jpg?crop=center&height=622&v=1696526611&width=498 498w, //www.fairytale.eco/cdn/shop/products/blouse-lin-lengva-kipluzet-fairytale-353754.jpg?crop=center&height=418&v=1696526611&width=335 335w, //www.fairytale.eco/cdn/shop/products/blouse-lin-lengva-kipluzet-fairytale-353754.jpg?crop=center&height=837&v=1696526611&width=670 670w, //www.fairytale.eco/cdn/shop/products/blouse-lin-lengva-kipluzet-fairytale-353754.jpg?crop=center&height=450&v=1696526611&width=360 360w, //www.fairytale.eco/cdn/shop/products/blouse-lin-lengva-kipluzet-fairytale-353754.jpg?crop=center&height=900&v=1696526611&width=720 720w, //www.fairytale.eco/cdn/shop/products/blouse-lin-lengva-kipluzet-fairytale-353754.jpg?crop=center&height=475&v=1696526611&width=380 380w, //www.fairytale.eco/cdn/shop/products/blouse-lin-lengva-kipluzet-fairytale-353754.jpg?crop=center&height=950&v=1696526611&width=760 760w, //www.fairytale.eco/cdn/shop/products/blouse-lin-lengva-kipluzet-fairytale-353754.jpg?crop=center&height=575&v=1696526611&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
<div class="product__badge product__badge--sale">- 14%</div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(7195379433659, 'la-blouse-lengva-safran')">
<div class="quickview md:w-full" data-quickview-holder="7195379433659" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="7195379433659" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content on-sale tagged"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="7195379138747"
data-slideshow-style="disabled"
data-grid-item-variant="41973879308475"
hidden aria-label="Noir / XS"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/la-blouse-lengva-noire" data-grid-link aria-label="Blouse lin - Lengva">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="45356699091277"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3827.jpg?v=1696511469&width=1463" alt="La Blouse LENGVA - Noire - Kipluzet" width="1463" height="2048" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3827.jpg?crop=center&height=1828&v=1696511469&width=1463 1463w, //www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3827.jpg?crop=center&height=311&v=1696511469&width=249 249w, //www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3827.jpg?crop=center&height=622&v=1696511469&width=498 498w, //www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3827.jpg?crop=center&height=418&v=1696511469&width=335 335w, //www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3827.jpg?crop=center&height=837&v=1696511469&width=670 670w, //www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3827.jpg?crop=center&height=450&v=1696511469&width=360 360w, //www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3827.jpg?crop=center&height=900&v=1696511469&width=720 720w, //www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3827.jpg?crop=center&height=475&v=1696511469&width=380 380w, //www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3827.jpg?crop=center&height=950&v=1696511469&width=760 760w, //www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3827.jpg?crop=center&height=575&v=1696511469&width=460 460w, //www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3827.jpg?crop=center&height=1150&v=1696511469&width=920 920w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="45356699124045"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3841.jpg?v=1696511469&width=1463" alt="La Blouse LENGVA - Noire - Kipluzet" width="1463" height="2048" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3841.jpg?crop=center&height=1828&v=1696511469&width=1463 1463w, //www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3841.jpg?crop=center&height=311&v=1696511469&width=249 249w, //www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3841.jpg?crop=center&height=622&v=1696511469&width=498 498w, //www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3841.jpg?crop=center&height=418&v=1696511469&width=335 335w, //www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3841.jpg?crop=center&height=837&v=1696511469&width=670 670w, //www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3841.jpg?crop=center&height=450&v=1696511469&width=360 360w, //www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3841.jpg?crop=center&height=900&v=1696511469&width=720 720w, //www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3841.jpg?crop=center&height=475&v=1696511469&width=380 380w, //www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3841.jpg?crop=center&height=950&v=1696511469&width=760 760w, //www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3841.jpg?crop=center&height=575&v=1696511469&width=460 460w, //www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3841.jpg?crop=center&height=1150&v=1696511469&width=920 920w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
<div class="product__badge product__badge--sale">- 14%</div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(7195379138747, 'la-blouse-lengva-noire')">
<div class="quickview md:w-full" data-quickview-holder="7195379138747" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="7195379138747" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<div class="product__grid__info text-left">
<a
href="/products/la-blouse-lengva-safran" data-grid-link aria-label="Blouse lin - Lengva"
tabindex="-1"
>
<p class="visually-hidden">Blouse lin - Lengva</p>
<div class="product__grid__title__wrapper">
<p id="product-7195379433659-title" class="product__grid__title">
Blouse lin - Lengva
</p></div>
<div class="product__grid__price product__grid__price--nowrap"><span class="product__grid__cutline">Safran</span><span class="price on-sale">
60 €
</span>
<span class="compare-at">70 €
</span>
</div>
</a>
<div class="product__grid__sibs">
<div class="grid__swatch__container">
<p class="grid__swatch__placeholder">2 couleurs disponibles</p>
<div class="grid__swatch__hover">
<div class="sibs__slider">
<div class="sibs__inner" data-sibling-inner data-scrollbar data-scrollbar-slider><div class="siblings__link__holder">
<a
href="/products/la-blouse-lengva-safran"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="41973879570619"
data-grid-item-swatch-image="0"
title="Safran"
aria-selected="true">
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/blouse-lin-lengva-kipluzet-fairytale-642787.jpg?v=1696526611&width=26" alt="Blouse lin - Lengva - Safran - fairytale" width="26" height="36" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/blouse-lin-lengva-kipluzet-fairytale-642787.jpg?v=1696526611&width=52 2x, //www.fairytale.eco/cdn/shop/products/blouse-lin-lengva-kipluzet-fairytale-642787.jpg?v=1696526611&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div><div class="siblings__link__holder">
<a
href="/products/la-blouse-lengva-noire"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="41973879308475"
data-grid-item-swatch-image="0"
title="Noir"
>
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3827.jpg?v=1696511469&width=26" alt="La Blouse LENGVA - Noire - Kipluzet" width="26" height="36" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3827.jpg?v=1696511469&width=52 2x, //www.fairytale.eco/cdn/shop/products/Kipluzet_JLC_Blouse_Noir_Web-3827.jpg?v=1696511469&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div></div>
<button type="button" class="tabs__arrow tabs__arrow--prev is-hidden" data-scrollbar-arrow-prev>
<span class="visually-hidden">Voir tout</span>
</button>
<button type="button" class="tabs__arrow tabs__arrow--next is-hidden" data-scrollbar-arrow-next>
<span class="visually-hidden">Voir tout</span>
</button>
</div>
</div>
</div>
</div>
</div>
</product-grid-item>
</div><!-- /.collection-list__product -->
<div class="collection-list__product"><!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item
aria-label="Col roulé tencel®"
class="product-grid-item group/product-grid-item"
data-item-id="6690558476475"
>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content on-sale tagged"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="6690558476475"
data-slideshow-style="disabled"
data-grid-item-variant="47657038807373"
aria-label="bordeaux / S/M"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/col-roule-moulant-en-tencel_tops-et-t-shirts_casagin" data-grid-link aria-label="Col roulé tencel®">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="46139432010061"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/col-roule-tencel-casagin-fairytale-144665.jpg?v=1700839023&width=740" alt="Col roulé tencel® - bordeaux - fairytale" width="740" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/col-roule-tencel-casagin-fairytale-144665.jpg?crop=center&height=925&v=1700839023&width=740 740w, //www.fairytale.eco/cdn/shop/products/col-roule-tencel-casagin-fairytale-144665.jpg?crop=center&height=311&v=1700839023&width=249 249w, //www.fairytale.eco/cdn/shop/products/col-roule-tencel-casagin-fairytale-144665.jpg?crop=center&height=622&v=1700839023&width=498 498w, //www.fairytale.eco/cdn/shop/products/col-roule-tencel-casagin-fairytale-144665.jpg?crop=center&height=418&v=1700839023&width=335 335w, //www.fairytale.eco/cdn/shop/products/col-roule-tencel-casagin-fairytale-144665.jpg?crop=center&height=837&v=1700839023&width=670 670w, //www.fairytale.eco/cdn/shop/products/col-roule-tencel-casagin-fairytale-144665.jpg?crop=center&height=450&v=1700839023&width=360 360w, //www.fairytale.eco/cdn/shop/products/col-roule-tencel-casagin-fairytale-144665.jpg?crop=center&height=900&v=1700839023&width=720 720w, //www.fairytale.eco/cdn/shop/products/col-roule-tencel-casagin-fairytale-144665.jpg?crop=center&height=475&v=1700839023&width=380 380w, //www.fairytale.eco/cdn/shop/products/col-roule-tencel-casagin-fairytale-144665.jpg?crop=center&height=575&v=1700839023&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="46139432042829"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/col-roule-tencel-casagin-fairytale-448913.jpg?v=1700839023&width=740" alt="Col roulé tencel® - bordeaux - fairytale" width="740" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/col-roule-tencel-casagin-fairytale-448913.jpg?crop=center&height=925&v=1700839023&width=740 740w, //www.fairytale.eco/cdn/shop/products/col-roule-tencel-casagin-fairytale-448913.jpg?crop=center&height=311&v=1700839023&width=249 249w, //www.fairytale.eco/cdn/shop/products/col-roule-tencel-casagin-fairytale-448913.jpg?crop=center&height=622&v=1700839023&width=498 498w, //www.fairytale.eco/cdn/shop/products/col-roule-tencel-casagin-fairytale-448913.jpg?crop=center&height=418&v=1700839023&width=335 335w, //www.fairytale.eco/cdn/shop/products/col-roule-tencel-casagin-fairytale-448913.jpg?crop=center&height=837&v=1700839023&width=670 670w, //www.fairytale.eco/cdn/shop/products/col-roule-tencel-casagin-fairytale-448913.jpg?crop=center&height=450&v=1700839023&width=360 360w, //www.fairytale.eco/cdn/shop/products/col-roule-tencel-casagin-fairytale-448913.jpg?crop=center&height=900&v=1700839023&width=720 720w, //www.fairytale.eco/cdn/shop/products/col-roule-tencel-casagin-fairytale-448913.jpg?crop=center&height=475&v=1700839023&width=380 380w, //www.fairytale.eco/cdn/shop/products/col-roule-tencel-casagin-fairytale-448913.jpg?crop=center&height=575&v=1700839023&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
<div class="product__badge product__badge--sale">- 30%</div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(6690558476475, 'col-roule-moulant-en-tencel_tops-et-t-shirts_casagin')">
<div class="quickview md:w-full" data-quickview-holder="6690558476475" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="6690558476475" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<div class="product__grid__info text-left">
<a
href="/products/col-roule-moulant-en-tencel_tops-et-t-shirts_casagin" data-grid-link aria-label="Col roulé tencel®"
tabindex="-1"
>
<p class="visually-hidden">Col roulé tencel®</p>
<div class="product__grid__title__wrapper">
<p id="product-6690558476475-title" class="product__grid__title">
Col roulé tencel®
</p></div>
<div class="product__grid__price product__grid__price--nowrap"><span class="product__grid__cutline">bordeaux</span><span class="price on-sale">
34 €
</span>
<span class="compare-at">49 €
</span>
</div>
</a>
<div class="product__grid__sibs">
<div class="grid__swatch__container">
<p class="grid__swatch__placeholder">1 couleur disponible</p>
<div class="grid__swatch__hover">
<div class="sibs__slider">
<div class="sibs__inner" data-sibling-inner data-scrollbar data-scrollbar-slider><div class="siblings__link__holder">
<a
href="/products/col-roule-moulant-en-tencel_tops-et-t-shirts_casagin"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="47657038807373"
data-grid-item-swatch-image="0"
title="bordeaux"
aria-selected="true">
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/col-roule-tencel-casagin-fairytale-144665.jpg?v=1700839023&width=26" alt="Col roulé tencel® - bordeaux - fairytale" width="26" height="28" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/col-roule-tencel-casagin-fairytale-144665.jpg?v=1700839023&width=52 2x, //www.fairytale.eco/cdn/shop/products/col-roule-tencel-casagin-fairytale-144665.jpg?v=1700839023&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div></div>
<button type="button" class="tabs__arrow tabs__arrow--prev is-hidden" data-scrollbar-arrow-prev>
<span class="visually-hidden">Voir tout</span>
</button>
<button type="button" class="tabs__arrow tabs__arrow--next is-hidden" data-scrollbar-arrow-next>
<span class="visually-hidden">Voir tout</span>
</button>
</div>
</div>
</div>
</div>
</div>
</product-grid-item>
</div><!-- /.collection-list__product -->
<div class="collection-list__product"><!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item
aria-label="T-shirt lin - Zingaro"
class="product-grid-item group/product-grid-item"
data-item-id="7871215239392"
>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="7871215239392"
data-slideshow-style="disabled"
data-grid-item-variant="43461453512928"
aria-label="Rouge / XS"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/le-t-shirt-zingaro-rouge" data-grid-link aria-label="T-shirt lin - Zingaro">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="45356703088973"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/KIPLUZETTshirtZingarofemmemancheslonguesjerseylinrougegrenat01.jpg?v=1696511489&width=1440" alt="Le T-shirt ZINGARO - Rouge Cerise - Kipluzet" width="1440" height="1920" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/KIPLUZETTshirtZingarofemmemancheslonguesjerseylinrougegrenat01.jpg?crop=center&height=1800&v=1696511489&width=1440 1440w, //www.fairytale.eco/cdn/shop/products/KIPLUZETTshirtZingarofemmemancheslonguesjerseylinrougegrenat01.jpg?crop=center&height=311&v=1696511489&width=249 249w, //www.fairytale.eco/cdn/shop/products/KIPLUZETTshirtZingarofemmemancheslonguesjerseylinrougegrenat01.jpg?crop=center&height=622&v=1696511489&width=498 498w, //www.fairytale.eco/cdn/shop/products/KIPLUZETTshirtZingarofemmemancheslonguesjerseylinrougegrenat01.jpg?crop=center&height=418&v=1696511489&width=335 335w, //www.fairytale.eco/cdn/shop/products/KIPLUZETTshirtZingarofemmemancheslonguesjerseylinrougegrenat01.jpg?crop=center&height=837&v=1696511489&width=670 670w, //www.fairytale.eco/cdn/shop/products/KIPLUZETTshirtZingarofemmemancheslonguesjerseylinrougegrenat01.jpg?crop=center&height=450&v=1696511489&width=360 360w, //www.fairytale.eco/cdn/shop/products/KIPLUZETTshirtZingarofemmemancheslonguesjerseylinrougegrenat01.jpg?crop=center&height=900&v=1696511489&width=720 720w, //www.fairytale.eco/cdn/shop/products/KIPLUZETTshirtZingarofemmemancheslonguesjerseylinrougegrenat01.jpg?crop=center&height=475&v=1696511489&width=380 380w, //www.fairytale.eco/cdn/shop/products/KIPLUZETTshirtZingarofemmemancheslonguesjerseylinrougegrenat01.jpg?crop=center&height=950&v=1696511489&width=760 760w, //www.fairytale.eco/cdn/shop/products/KIPLUZETTshirtZingarofemmemancheslonguesjerseylinrougegrenat01.jpg?crop=center&height=575&v=1696511489&width=460 460w, //www.fairytale.eco/cdn/shop/products/KIPLUZETTshirtZingarofemmemancheslonguesjerseylinrougegrenat01.jpg?crop=center&height=1150&v=1696511489&width=920 920w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="45356703121741"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/KIPLUZETLIFESTYLE25.jpg?v=1696511489&width=1440" alt="Le T-shirt ZINGARO - Rouge Cerise - Kipluzet" width="1440" height="1920" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/KIPLUZETLIFESTYLE25.jpg?crop=center&height=1800&v=1696511489&width=1440 1440w, //www.fairytale.eco/cdn/shop/products/KIPLUZETLIFESTYLE25.jpg?crop=center&height=311&v=1696511489&width=249 249w, //www.fairytale.eco/cdn/shop/products/KIPLUZETLIFESTYLE25.jpg?crop=center&height=622&v=1696511489&width=498 498w, //www.fairytale.eco/cdn/shop/products/KIPLUZETLIFESTYLE25.jpg?crop=center&height=418&v=1696511489&width=335 335w, //www.fairytale.eco/cdn/shop/products/KIPLUZETLIFESTYLE25.jpg?crop=center&height=837&v=1696511489&width=670 670w, //www.fairytale.eco/cdn/shop/products/KIPLUZETLIFESTYLE25.jpg?crop=center&height=450&v=1696511489&width=360 360w, //www.fairytale.eco/cdn/shop/products/KIPLUZETLIFESTYLE25.jpg?crop=center&height=900&v=1696511489&width=720 720w, //www.fairytale.eco/cdn/shop/products/KIPLUZETLIFESTYLE25.jpg?crop=center&height=475&v=1696511489&width=380 380w, //www.fairytale.eco/cdn/shop/products/KIPLUZETLIFESTYLE25.jpg?crop=center&height=950&v=1696511489&width=760 760w, //www.fairytale.eco/cdn/shop/products/KIPLUZETLIFESTYLE25.jpg?crop=center&height=575&v=1696511489&width=460 460w, //www.fairytale.eco/cdn/shop/products/KIPLUZETLIFESTYLE25.jpg?crop=center&height=1150&v=1696511489&width=920 920w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(7871215239392, 'le-t-shirt-zingaro-rouge')">
<div class="quickview md:w-full" data-quickview-holder="7871215239392" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="7871215239392" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<div class="product__grid__info text-left">
<a
href="/products/le-t-shirt-zingaro-rouge" data-grid-link aria-label="T-shirt lin - Zingaro"
tabindex="-1"
>
<p class="visually-hidden">T-shirt lin - Zingaro</p>
<div class="product__grid__title__wrapper">
<p id="product-7871215239392-title" class="product__grid__title">
T-shirt lin - Zingaro
</p></div>
<div class="product__grid__price product__grid__price--nowrap"><span class="product__grid__cutline">Rouge</span><span class="price">
70 €
</span>
</div>
</a>
<div class="product__grid__sibs">
<div class="grid__swatch__container">
<p class="grid__swatch__placeholder">1 couleur disponible</p>
<div class="grid__swatch__hover">
<div class="sibs__slider">
<div class="sibs__inner" data-sibling-inner data-scrollbar data-scrollbar-slider><div class="siblings__link__holder">
<a
href="/products/le-t-shirt-zingaro-rouge"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="43461453512928"
data-grid-item-swatch-image="0"
title="Rouge"
aria-selected="true">
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/KIPLUZETTshirtZingarofemmemancheslonguesjerseylinrougegrenat01.jpg?v=1696511489&width=26" alt="Le T-shirt ZINGARO - Rouge Cerise - Kipluzet" width="26" height="35" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/KIPLUZETTshirtZingarofemmemancheslonguesjerseylinrougegrenat01.jpg?v=1696511489&width=52 2x, //www.fairytale.eco/cdn/shop/products/KIPLUZETTshirtZingarofemmemancheslonguesjerseylinrougegrenat01.jpg?v=1696511489&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div></div>
<button type="button" class="tabs__arrow tabs__arrow--prev is-hidden" data-scrollbar-arrow-prev>
<span class="visually-hidden">Voir tout</span>
</button>
<button type="button" class="tabs__arrow tabs__arrow--next is-hidden" data-scrollbar-arrow-next>
<span class="visually-hidden">Voir tout</span>
</button>
</div>
</div>
</div>
</div>
</div>
</product-grid-item>
</div><!-- /.collection-list__product -->
</div></div>
</div>
</div>
<style> #shopify-section-template--20622768931149__section_list_collections_products_DXDM4M .palette--light {background-color: #d6d6fb;} #shopify-section-template--20622768931149__section_list_collections_products_DXDM4M .collection-list__heading__text {justify-content: center;} #shopify-section-template--20622768931149__section_list_collections_products_DXDM4M .kicker-flourished {padding-bottom: 0px; font-weight: 500; font-size: 1.5em;} #shopify-section-template--20622768931149__section_list_collections_products_DXDM4M .kicker-flourished::after {display: none;} #shopify-section-template--20622768931149__section_list_collections_products_DXDM4M .mb-7 {margin-bottom: 0px;} #shopify-section-template--20622768931149__section_list_collections_products_DXDM4M .hero__title {font-size: 4em; letter-spacing: 0px;} #shopify-section-template--20622768931149__section_list_collections_products_DXDM4M .product__badge {color: white; background-color: #ff82be; border-radius: 50%; width: 35px; height: 35px; font-size: 0.6em; display: flex; justify-content: center; align-items: center; padding: 0px;} #shopify-section-template--20622768931149__section_list_collections_products_DXDM4M .grid__swatch__container {display: none;} </style></div><div id="shopify-section-template--20622768931149__section_hero_m3PfTq" class="shopify-section"><!-- /sections/section-hero.liquid -->
<div class="section--image fade-in-child js-overflow-container"
data-section-id="template--20622768931149__section_hero_m3PfTq"
data-section-type="hero"
data-overlay-header style=" --PT: 0px; --PB: 0px; --CONTENT-WIDTH: 2000px;">
<div class="wrapper--none section-padding">
<div class="section__inner">
<div class="hero__content__wrapper align--top-center">
<div class="hero__content hero__content--transparent js-overflow-content"><div class="text__standard text--black" >
<div class="hero__kicker accent-size-5"
data-aos="hero"
data-aos-anchor="[data-section-id='template--20622768931149__section_hero_m3PfTq']"
data-aos-order="1"
>
<p>privilégions une mode aussi</p>
</div>
<div class="hero__title heading-size-8"
data-aos="hero"
data-aos-anchor="[data-section-id='template--20622768931149__section_hero_m3PfTq']"
data-aos-order="2"
>
<p>éthique que écologique<br>l'un sans l'autre n'a pas de sens</p>
</div>
</div>
</div>
</div>
<div class="image-overlay" style="--bg: #000000; opacity: 0.0;"></div>
<!-- /snippets/hero.liquid -->
<div
class="image__hero__frame fade-in-child aspect-[--wh-ratio-mobile] md:aspect-[--wh-ratio] use_image"
data-overflow-background
style=" --wh-ratio: 1.2295081967213115; --wh-ratio-mobile: 0.6610169491525424; "
>
<div class="image__hero__pane">
<div
class="image__hero__scale"
>
<!-- /snippets/image.liquid -->
<picture class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.2295081967213115; --ASPECT-RATIO-MOBILE: 1.2295081967213115;">
<source media="(min-width: 768px)" sizes="100vw" srcset=" //www.fairytale.eco/cdn/shop/files/Fairytale_empreinte_carbone_faible_vetements.webp?v=1713535170&width=352 352w, //www.fairytale.eco/cdn/shop/files/Fairytale_empreinte_carbone_faible_vetements.webp?v=1713535170&width=400 400w, //www.fairytale.eco/cdn/shop/files/Fairytale_empreinte_carbone_faible_vetements.webp?v=1713535170&width=768 768w, //www.fairytale.eco/cdn/shop/files/Fairytale_empreinte_carbone_faible_vetements.webp?v=1713535170&width=932 932w, //www.fairytale.eco/cdn/shop/files/Fairytale_empreinte_carbone_faible_vetements.webp?v=1713535170&width=1024 1024w, //www.fairytale.eco/cdn/shop/files/Fairytale_empreinte_carbone_faible_vetements.webp?v=1713535170&width=1200 1200w, //www.fairytale.eco/cdn/shop/files/Fairytale_empreinte_carbone_faible_vetements.webp?v=1713535170&width=1920 1920w, //www.fairytale.eco/cdn/shop/files/Fairytale_empreinte_carbone_faible_vetements.webp?v=1713535170&width=2400 2400w" />
<source media="(max-width: 767px)" sizes="100vw" srcset=" //www.fairytale.eco/cdn/shop/files/Fairytale_faible_empreinte_carbone_vetements.webp?v=1713535183&width=352 352w, //www.fairytale.eco/cdn/shop/files/Fairytale_faible_empreinte_carbone_vetements.webp?v=1713535183&width=400 400w, //www.fairytale.eco/cdn/shop/files/Fairytale_faible_empreinte_carbone_vetements.webp?v=1713535183&width=768 768w, //www.fairytale.eco/cdn/shop/files/Fairytale_faible_empreinte_carbone_vetements.webp?v=1713535183&width=780 780w" />
<img src="//www.fairytale.eco/cdn/shop/files/Fairytale_empreinte_carbone_faible_vetements.webp?v=1713535170&width=2000" alt="Fairytale des vêtements avec une faible empreinte carbone" width="2000" height="1627" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear reposition-background-mobile" srcset=" //www.fairytale.eco/cdn/shop/files/Fairytale_empreinte_carbone_faible_vetements.webp?v=1713535170&width=352 352w, //www.fairytale.eco/cdn/shop/files/Fairytale_empreinte_carbone_faible_vetements.webp?v=1713535170&width=400 400w, //www.fairytale.eco/cdn/shop/files/Fairytale_empreinte_carbone_faible_vetements.webp?v=1713535170&width=768 768w, //www.fairytale.eco/cdn/shop/files/Fairytale_empreinte_carbone_faible_vetements.webp?v=1713535170&width=932 932w, //www.fairytale.eco/cdn/shop/files/Fairytale_empreinte_carbone_faible_vetements.webp?v=1713535170&width=1024 1024w, //www.fairytale.eco/cdn/shop/files/Fairytale_empreinte_carbone_faible_vetements.webp?v=1713535170&width=1200 1200w, //www.fairytale.eco/cdn/shop/files/Fairytale_empreinte_carbone_faible_vetements.webp?v=1713535170&width=1920 1920w, //www.fairytale.eco/cdn/shop/files/Fairytale_empreinte_carbone_faible_vetements.webp?v=1713535170&width=2400 2400w" sizes="100vw" fetchpriority="auto" style="object-position: var(--focal-point, center); --OBJECT-POSITION-MOBILE: 50.0% 50.0%; --OBJECT-POSITION-DESKTOP: 50.0% 50.0%;">
</picture>
</div>
</div>
</div>
</div>
</div>
</div>
<style> #shopify-section-template--20622768931149__section_hero_m3PfTq .text__standard {position: relative; top: 50px; bottom: 0px;} #shopify-section-template--20622768931149__section_hero_m3PfTq .hero__kicker {font-size: 25px; font-family: "ClashGrotesk-Regular";} #shopify-section-template--20622768931149__section_hero_m3PfTq .hero__title {font-size: 55px;} @media only screen and (max-width: 767px) {#shopify-section-template--20622768931149__section_hero_m3PfTq .text__standard {position: relative; top: -25px; } #shopify-section-template--20622768931149__section_hero_m3PfTq .hero__kicker {font-size: 15px; } #shopify-section-template--20622768931149__section_hero_m3PfTq .hero__title {font-size: 25px; }} </style></div><div id="shopify-section-template--20622768931149__section_list_collections_products_JAnng7" class="shopify-section"><!-- /sections/section-list-collections-products.liquid --><div class="section-list-collections-products section-padding list__collections palette--light bg--accent"
data-section-id="template--20622768931149__section_list_collections_products_JAnng7"
data-section-type="collection-row"
style="--PT: 0px; --PB: 36px;">
<div class="wrapper--full"><h2 class="kicker-flourished mb-7">Vos coups de coeur du moment</h2>
<!-- /snippets/collection-row.liquid -->
<div class="collection-list-item">
<div class="collection-list__heading__text">
<a href="/collections/vos-vetements-preferes" class="hero__title heading-size-7" title="Consultez la collection Vos coups de coeur du moment">
Vos coups de coeur du moment
</a></div><div class="js-grid collection-list__products" data-grid-large="5" data-grid-small="2" style="--product-width: calc(50vw - var(--gutter)*2);">
<div class="collection-list__product"><!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item
aria-label="Culotte tencel®"
class="product-grid-item group/product-grid-item"
data-item-id="8892278767949"
>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="6690583314619"
data-slideshow-style="disabled"
data-grid-item-variant="39855603548347"
hidden aria-label="rose / S/M"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/culotte-en-tencel_sous-vetements_casagin" data-grid-link aria-label="Culotte tencel®">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="48176801317197"
data-variant-id=""
loading="lazy"
data-grid-current-image
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-107834.jpg?v=1710485716&width=740" alt="Culotte tencel® - rose - fairytale" width="740" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-107834.jpg?crop=center&height=925&v=1710485716&width=740 740w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-107834.jpg?crop=center&height=311&v=1710485716&width=249 249w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-107834.jpg?crop=center&height=622&v=1710485716&width=498 498w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-107834.jpg?crop=center&height=418&v=1710485716&width=335 335w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-107834.jpg?crop=center&height=837&v=1710485716&width=670 670w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-107834.jpg?crop=center&height=450&v=1710485716&width=360 360w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-107834.jpg?crop=center&height=900&v=1710485716&width=720 720w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-107834.jpg?crop=center&height=475&v=1710485716&width=380 380w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-107834.jpg?crop=center&height=575&v=1710485716&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="48176801349965"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-172825.webp?v=1710485716&width=740" alt="Culotte tencel® - rose - fairytale" width="740" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-172825.webp?crop=center&height=925&v=1710485716&width=740 740w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-172825.webp?crop=center&height=311&v=1710485716&width=249 249w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-172825.webp?crop=center&height=622&v=1710485716&width=498 498w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-172825.webp?crop=center&height=418&v=1710485716&width=335 335w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-172825.webp?crop=center&height=837&v=1710485716&width=670 670w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-172825.webp?crop=center&height=450&v=1710485716&width=360 360w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-172825.webp?crop=center&height=900&v=1710485716&width=720 720w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-172825.webp?crop=center&height=475&v=1710485716&width=380 380w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-172825.webp?crop=center&height=575&v=1710485716&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="2"
data-grid-image-target="43911464386893"
data-variant-id=""
loading="lazy"
data-slide-for-variant-media
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-791874.jpg?v=1710485716&width=740" alt="Culotte tencel® - rose - fairytale" width="740" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-791874.jpg?crop=center&height=925&v=1710485716&width=740 740w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-791874.jpg?crop=center&height=311&v=1710485716&width=249 249w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-791874.jpg?crop=center&height=622&v=1710485716&width=498 498w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-791874.jpg?crop=center&height=418&v=1710485716&width=335 335w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-791874.jpg?crop=center&height=837&v=1710485716&width=670 670w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-791874.jpg?crop=center&height=450&v=1710485716&width=360 360w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-791874.jpg?crop=center&height=900&v=1710485716&width=720 720w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-791874.jpg?crop=center&height=475&v=1710485716&width=380 380w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-791874.jpg?crop=center&height=575&v=1710485716&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(6690583314619, 'culotte-en-tencel_sous-vetements_casagin')">
<div class="quickview md:w-full" data-quickview-holder="6690583314619" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="6690583314619" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="8892278767949"
data-slideshow-style="disabled"
data-grid-item-variant="48370296258893"
aria-label="fuchsia / S/M"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/culotte-tencel-fuchsia_casagin-8892278767949" data-grid-link aria-label="Culotte tencel®">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="48205346177357"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-618120.jpg?v=1710501599&width=740" alt="Culotte tencel® - fuchsia - fairytale" width="740" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-618120.jpg?crop=center&height=925&v=1710501599&width=740 740w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-618120.jpg?crop=center&height=311&v=1710501599&width=249 249w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-618120.jpg?crop=center&height=622&v=1710501599&width=498 498w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-618120.jpg?crop=center&height=418&v=1710501599&width=335 335w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-618120.jpg?crop=center&height=837&v=1710501599&width=670 670w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-618120.jpg?crop=center&height=450&v=1710501599&width=360 360w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-618120.jpg?crop=center&height=900&v=1710501599&width=720 720w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-618120.jpg?crop=center&height=475&v=1710501599&width=380 380w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-618120.jpg?crop=center&height=575&v=1710501599&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="48205346210125"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-444462.jpg?v=1710501599&width=740" alt="Culotte tencel® - fuchsia - fairytale" width="740" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-444462.jpg?crop=center&height=925&v=1710501599&width=740 740w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-444462.jpg?crop=center&height=311&v=1710501599&width=249 249w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-444462.jpg?crop=center&height=622&v=1710501599&width=498 498w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-444462.jpg?crop=center&height=418&v=1710501599&width=335 335w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-444462.jpg?crop=center&height=837&v=1710501599&width=670 670w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-444462.jpg?crop=center&height=450&v=1710501599&width=360 360w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-444462.jpg?crop=center&height=900&v=1710501599&width=720 720w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-444462.jpg?crop=center&height=475&v=1710501599&width=380 380w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-444462.jpg?crop=center&height=575&v=1710501599&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(8892278767949, 'culotte-tencel-fuchsia_casagin-8892278767949')">
<div class="quickview md:w-full" data-quickview-holder="8892278767949" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="8892278767949" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="8892278866253"
data-slideshow-style="disabled"
data-grid-item-variant="48370296717645"
hidden aria-label="noir / S/M"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/culotte-tencel-noir_casagin-8892278866253" data-grid-link aria-label="Culotte tencel®">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="48205344440653"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-208018.jpg?v=1710501594&width=740" alt="Culotte tencel® - noir - fairytale" width="740" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-208018.jpg?crop=center&height=925&v=1710501594&width=740 740w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-208018.jpg?crop=center&height=311&v=1710501594&width=249 249w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-208018.jpg?crop=center&height=622&v=1710501594&width=498 498w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-208018.jpg?crop=center&height=418&v=1710501594&width=335 335w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-208018.jpg?crop=center&height=837&v=1710501594&width=670 670w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-208018.jpg?crop=center&height=450&v=1710501594&width=360 360w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-208018.jpg?crop=center&height=900&v=1710501594&width=720 720w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-208018.jpg?crop=center&height=475&v=1710501594&width=380 380w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-208018.jpg?crop=center&height=575&v=1710501594&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(8892278866253, 'culotte-tencel-noir_casagin-8892278866253')">
<div class="quickview md:w-full" data-quickview-holder="8892278866253" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="8892278866253" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="8892278899021"
data-slideshow-style="disabled"
data-grid-item-variant="48370296914253"
hidden aria-label="bleu marine / S/M"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/culotte-tencel-bleu-marine_casagin-8892278899021" data-grid-link aria-label="Culotte tencel®">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="48205345718605"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-146088.jpg?v=1710501599&width=740" alt="Culotte tencel® - bleu marine - fairytale" width="740" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-146088.jpg?crop=center&height=925&v=1710501599&width=740 740w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-146088.jpg?crop=center&height=311&v=1710501599&width=249 249w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-146088.jpg?crop=center&height=622&v=1710501599&width=498 498w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-146088.jpg?crop=center&height=418&v=1710501599&width=335 335w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-146088.jpg?crop=center&height=837&v=1710501599&width=670 670w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-146088.jpg?crop=center&height=450&v=1710501599&width=360 360w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-146088.jpg?crop=center&height=900&v=1710501599&width=720 720w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-146088.jpg?crop=center&height=475&v=1710501599&width=380 380w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-146088.jpg?crop=center&height=575&v=1710501599&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="48205345816909"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-967584.jpg?v=1710501599&width=740" alt="Culotte tencel® - bleu marine - fairytale" width="740" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-967584.jpg?crop=center&height=925&v=1710501599&width=740 740w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-967584.jpg?crop=center&height=311&v=1710501599&width=249 249w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-967584.jpg?crop=center&height=622&v=1710501599&width=498 498w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-967584.jpg?crop=center&height=418&v=1710501599&width=335 335w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-967584.jpg?crop=center&height=837&v=1710501599&width=670 670w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-967584.jpg?crop=center&height=450&v=1710501599&width=360 360w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-967584.jpg?crop=center&height=900&v=1710501599&width=720 720w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-967584.jpg?crop=center&height=475&v=1710501599&width=380 380w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-967584.jpg?crop=center&height=575&v=1710501599&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(8892278899021, 'culotte-tencel-bleu-marine_casagin-8892278899021')">
<div class="quickview md:w-full" data-quickview-holder="8892278899021" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="8892278899021" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="8892278800717"
data-slideshow-style="disabled"
data-grid-item-variant="48370296422733"
hidden aria-label="blanc / S/M"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/culotte-tencel-blanc_casagin-8892278800717" data-grid-link aria-label="Culotte tencel®">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="48205344964941"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-446621.jpg?v=1710501597&width=518" alt="Culotte tencel® - blanc - fairytale" width="518" height="560" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-446621.jpg?crop=center&height=647&v=1710501597&width=518 518w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-446621.jpg?crop=center&height=311&v=1710501597&width=249 249w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-446621.jpg?crop=center&height=622&v=1710501597&width=498 498w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-446621.jpg?crop=center&height=418&v=1710501597&width=335 335w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-446621.jpg?crop=center&height=450&v=1710501597&width=360 360w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-446621.jpg?crop=center&height=475&v=1710501597&width=380 380w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-446621.jpg?crop=center&height=575&v=1710501597&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="48205344997709"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-681692.jpg?v=1710501597&width=518" alt="Culotte tencel® - blanc - fairytale" width="518" height="560" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-681692.jpg?crop=center&height=647&v=1710501597&width=518 518w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-681692.jpg?crop=center&height=311&v=1710501597&width=249 249w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-681692.jpg?crop=center&height=622&v=1710501597&width=498 498w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-681692.jpg?crop=center&height=418&v=1710501597&width=335 335w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-681692.jpg?crop=center&height=450&v=1710501597&width=360 360w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-681692.jpg?crop=center&height=475&v=1710501597&width=380 380w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-681692.jpg?crop=center&height=575&v=1710501597&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(8892278800717, 'culotte-tencel-blanc_casagin-8892278800717')">
<div class="quickview md:w-full" data-quickview-holder="8892278800717" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="8892278800717" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="8892278931789"
data-slideshow-style="disabled"
data-grid-item-variant="48370297110861"
hidden aria-label="bleu / S/M"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/culotte-tencel-bleu_casagin-8892278931789" data-grid-link aria-label="Culotte tencel®">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="48205346570573"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-102108.jpg?v=1710501599&width=740" alt="Culotte tencel® - bleu - fairytale" width="740" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-102108.jpg?crop=center&height=925&v=1710501599&width=740 740w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-102108.jpg?crop=center&height=311&v=1710501599&width=249 249w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-102108.jpg?crop=center&height=622&v=1710501599&width=498 498w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-102108.jpg?crop=center&height=418&v=1710501599&width=335 335w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-102108.jpg?crop=center&height=837&v=1710501599&width=670 670w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-102108.jpg?crop=center&height=450&v=1710501599&width=360 360w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-102108.jpg?crop=center&height=900&v=1710501599&width=720 720w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-102108.jpg?crop=center&height=475&v=1710501599&width=380 380w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-102108.jpg?crop=center&height=575&v=1710501599&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="48205346603341"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-440355.jpg?v=1710501599&width=740" alt="Culotte tencel® - bleu - fairytale" width="740" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-440355.jpg?crop=center&height=925&v=1710501599&width=740 740w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-440355.jpg?crop=center&height=311&v=1710501599&width=249 249w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-440355.jpg?crop=center&height=622&v=1710501599&width=498 498w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-440355.jpg?crop=center&height=418&v=1710501599&width=335 335w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-440355.jpg?crop=center&height=837&v=1710501599&width=670 670w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-440355.jpg?crop=center&height=450&v=1710501599&width=360 360w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-440355.jpg?crop=center&height=900&v=1710501599&width=720 720w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-440355.jpg?crop=center&height=475&v=1710501599&width=380 380w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-440355.jpg?crop=center&height=575&v=1710501599&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(8892278931789, 'culotte-tencel-bleu_casagin-8892278931789')">
<div class="quickview md:w-full" data-quickview-holder="8892278931789" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="8892278931789" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="8892278997325"
data-slideshow-style="disabled"
data-grid-item-variant="48370297274701"
hidden aria-label="taupe / S/M"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/culotte-tencel-taupe_casagin-8892278997325" data-grid-link aria-label="Culotte tencel®">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="48205347258701"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-315406.jpg?v=1710501600&width=740" alt="Culotte tencel® - taupe - fairytale" width="740" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-315406.jpg?crop=center&height=925&v=1710501600&width=740 740w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-315406.jpg?crop=center&height=311&v=1710501600&width=249 249w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-315406.jpg?crop=center&height=622&v=1710501600&width=498 498w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-315406.jpg?crop=center&height=418&v=1710501600&width=335 335w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-315406.jpg?crop=center&height=837&v=1710501600&width=670 670w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-315406.jpg?crop=center&height=450&v=1710501600&width=360 360w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-315406.jpg?crop=center&height=900&v=1710501600&width=720 720w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-315406.jpg?crop=center&height=475&v=1710501600&width=380 380w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-315406.jpg?crop=center&height=575&v=1710501600&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="48205347324237"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-349592.jpg?v=1710501600&width=740" alt="Culotte tencel® - taupe - fairytale" width="740" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-349592.jpg?crop=center&height=925&v=1710501600&width=740 740w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-349592.jpg?crop=center&height=311&v=1710501600&width=249 249w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-349592.jpg?crop=center&height=622&v=1710501600&width=498 498w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-349592.jpg?crop=center&height=418&v=1710501600&width=335 335w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-349592.jpg?crop=center&height=837&v=1710501600&width=670 670w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-349592.jpg?crop=center&height=450&v=1710501600&width=360 360w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-349592.jpg?crop=center&height=900&v=1710501600&width=720 720w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-349592.jpg?crop=center&height=475&v=1710501600&width=380 380w, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-349592.jpg?crop=center&height=575&v=1710501600&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(8892278997325, 'culotte-tencel-taupe_casagin-8892278997325')">
<div class="quickview md:w-full" data-quickview-holder="8892278997325" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="8892278997325" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<div class="product__grid__info text-left">
<a
href="/products/culotte-tencel-fuchsia_casagin-8892278767949" data-grid-link aria-label="Culotte tencel®"
tabindex="-1"
>
<p class="visually-hidden">Culotte tencel®</p>
<div class="product__grid__title__wrapper">
<p id="product-8892278767949-title" class="product__grid__title">
Culotte tencel®
</p></div>
<div class="product__grid__price product__grid__price--nowrap"><span class="product__grid__cutline">fuchsia</span><span class="price">
18 €
</span>
</div>
</a>
<div class="product__grid__sibs">
<div class="grid__swatch__container">
<p class="grid__swatch__placeholder">7 couleurs disponibles</p>
<div class="grid__swatch__hover">
<div class="sibs__slider">
<div class="sibs__inner" data-sibling-inner data-scrollbar data-scrollbar-slider><div class="siblings__link__holder">
<a
href="/products/culotte-en-tencel_sous-vetements_casagin"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="39855603548347"
data-grid-item-swatch-image="0"
title="rose"
>
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-107834.jpg?v=1710485716&width=26" alt="Culotte tencel® - rose - fairytale" width="26" height="28" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-107834.jpg?v=1710485716&width=52 2x, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-107834.jpg?v=1710485716&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div><div class="siblings__link__holder">
<a
href="/products/culotte-tencel-fuchsia_casagin-8892278767949"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="48370296258893"
data-grid-item-swatch-image="0"
title="fuchsia"
aria-selected="true">
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-618120.jpg?v=1710501599&width=26" alt="Culotte tencel® - fuchsia - fairytale" width="26" height="28" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-618120.jpg?v=1710501599&width=52 2x, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-618120.jpg?v=1710501599&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div><div class="siblings__link__holder">
<a
href="/products/culotte-tencel-noir_casagin-8892278866253"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="48370296717645"
data-grid-item-swatch-image="0"
title="noir"
>
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-208018.jpg?v=1710501594&width=26" alt="Culotte tencel® - noir - fairytale" width="26" height="28" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-208018.jpg?v=1710501594&width=52 2x, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-208018.jpg?v=1710501594&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div><div class="siblings__link__holder">
<a
href="/products/culotte-tencel-bleu-marine_casagin-8892278899021"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="48370296914253"
data-grid-item-swatch-image="0"
title="bleu marine"
>
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-146088.jpg?v=1710501599&width=26" alt="Culotte tencel® - bleu marine - fairytale" width="26" height="28" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-146088.jpg?v=1710501599&width=52 2x, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-146088.jpg?v=1710501599&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div><div class="siblings__link__holder">
<a
href="/products/culotte-tencel-blanc_casagin-8892278800717"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="48370296422733"
data-grid-item-swatch-image="0"
title="blanc"
>
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-446621.jpg?v=1710501597&width=26" alt="Culotte tencel® - blanc - fairytale" width="26" height="28" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-446621.jpg?v=1710501597&width=52 2x, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-446621.jpg?v=1710501597&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div><div class="siblings__link__holder">
<a
href="/products/culotte-tencel-bleu_casagin-8892278931789"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="48370297110861"
data-grid-item-swatch-image="0"
title="bleu"
>
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-102108.jpg?v=1710501599&width=26" alt="Culotte tencel® - bleu - fairytale" width="26" height="28" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-102108.jpg?v=1710501599&width=52 2x, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-102108.jpg?v=1710501599&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div><div class="siblings__link__holder">
<a
href="/products/culotte-tencel-taupe_casagin-8892278997325"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="48370297274701"
data-grid-item-swatch-image="0"
title="taupe"
>
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-315406.jpg?v=1710501600&width=26" alt="Culotte tencel® - taupe - fairytale" width="26" height="28" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-315406.jpg?v=1710501600&width=52 2x, //www.fairytale.eco/cdn/shop/products/culotte-tencel-casagin-fairytale-315406.jpg?v=1710501600&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div></div>
<button type="button" class="tabs__arrow tabs__arrow--prev is-hidden" data-scrollbar-arrow-prev>
<span class="visually-hidden">Voir tout</span>
</button>
<button type="button" class="tabs__arrow tabs__arrow--next is-hidden" data-scrollbar-arrow-next>
<span class="visually-hidden">Voir tout</span>
</button>
</div>
</div>
</div>
</div>
</div>
</product-grid-item>
</div><!-- /.collection-list__product -->
<div class="collection-list__product"><!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item
aria-label="T-shirt vert en fibres recyclées - Toucan"
class="product-grid-item group/product-grid-item"
data-item-id="8659267256653"
>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="8659267256653"
data-slideshow-style="disabled"
data-grid-item-variant="47280481435981"
aria-label="Vert / XS"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/t-shirt-toucan-vert-foret" data-grid-link aria-label="T-shirt vert en fibres recyclées - Toucan">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="45372417671501"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-182577.jpg?v=1696614430&width=900" alt="T-shirt vert en fibres recyclées - Toucan - Vert - fairytale" width="900" height="1200" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-182577.jpg?crop=center&height=1125&v=1696614430&width=900 900w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-182577.jpg?crop=center&height=311&v=1696614430&width=249 249w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-182577.jpg?crop=center&height=622&v=1696614430&width=498 498w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-182577.jpg?crop=center&height=418&v=1696614430&width=335 335w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-182577.jpg?crop=center&height=837&v=1696614430&width=670 670w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-182577.jpg?crop=center&height=450&v=1696614430&width=360 360w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-182577.jpg?crop=center&height=900&v=1696614430&width=720 720w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-182577.jpg?crop=center&height=475&v=1696614430&width=380 380w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-182577.jpg?crop=center&height=950&v=1696614430&width=760 760w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-182577.jpg?crop=center&height=575&v=1696614430&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="45372417737037"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-842552.jpg?v=1696614430&width=899" alt="T-shirt vert en fibres recyclées - Toucan - Vert - fairytale" width="899" height="1200" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-842552.jpg?crop=center&height=1123&v=1696614430&width=899 899w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-842552.jpg?crop=center&height=311&v=1696614430&width=249 249w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-842552.jpg?crop=center&height=622&v=1696614430&width=498 498w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-842552.jpg?crop=center&height=418&v=1696614430&width=335 335w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-842552.jpg?crop=center&height=837&v=1696614430&width=670 670w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-842552.jpg?crop=center&height=450&v=1696614430&width=360 360w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-842552.jpg?crop=center&height=900&v=1696614430&width=720 720w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-842552.jpg?crop=center&height=475&v=1696614430&width=380 380w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-842552.jpg?crop=center&height=950&v=1696614430&width=760 760w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-842552.jpg?crop=center&height=575&v=1696614430&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productGridItemQuickAddMenu()">
<button
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto transition-opacity"
title="Ajout rapide"
aria-haspopup="true"
:aria-expanded="isOpen"
:id="$id('quick-add-menu-button')"
:aria-controls="$id('quick-add-menu-slideover')"
@click.stop="open()"
@mouseover="open()"
x-ref="button"
:class=" isOpen ? 'duration-[--enter-animation-duration] delay-0 opacity-0 md:opacity-100' : 'duration-[--exit-animation-duration] delay-[--exit-animation-duration] opacity-100' "
aria-label="Ajout rapide"
>
<span
class="whitespace-nowrap text-button-contrast transition translate-y-0 transform"
:class=" isOpen ? 'duration-[--enter-animation-duration] delay-0 translate-y-full opacity-0' : 'duration-[--exit-animation-duration] delay-[calc(var(--exit-animation-duration))] translate-y-0 opacity-100' "
>
<span class="hidden md:block">
Ajout rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
</button>
<div
class="absolute top-0 right-0 bottom-0 left-0 overflow-hidden flex flex-col justify-end"
role="popover"
x-show="isOpen"
x-cloak
:aria-labelledby="$id('quick-add-menu-button')"
>
<div
class="stain-button-content top-0 right-0 bottom-0 left-0 top-auto max-h-full overflow-scroll scrollbar-hide pointer-events-auto transition transform absolute origin-bottom bg-button md:opacity-100"
x-show="isOpen"
x-transition:enter="duration-[calc(var(--enter-animation-duration)*2)] delay-[calc(var(--enter-animation-duration)/2)]"
x-transition:enter-start="invisible translate-y-full opacity-0 md:opacity-100"
x-transition:enter-end="visible translate-y-0 opacity-100 md:opacity-100"
x-transition:leave="duration-[calc(var(--exit-animation-duration)*2)] delay-[calc(var(--exit-animation-duration)/4)]"
x-transition:leave-start="visible translate-y-0 opacity-100 md:opacity-100"
x-transition:leave-end="invisible translate-y-full opacity-0 md:opacity-100"
>
<div
class="transition transform"
x-show="isOpen"
x-transition:enter="duration-[calc(var(--enter-animation-duration)*2)] delay-[calc(var(--enter-animation-duration)/2)]"
x-transition:enter-start="translate-y-1/2 opacity-0"
x-transition:enter-end="translate-y-0 opacity-full"
x-transition:leave="duration-[calc(var(--exit-animation-duration))] delay-0"
x-transition:leave-start="translate-y-0 opacity-full"
x-transition:leave-end="translate-y-1/2 opacity-0"
>
<!-- /snippets/product-grid-item-quick-add-menu.liquid -->
<div
:id="$id('quick-add-menu-toolbar')"
role="toolbar"
@keydown.right.prevent.stop="$focus.wrap().next()"
@keydown.left.prevent.stop="$focus.wrap().prev()"
class="flex flex-row items-center flex-wrap justify-center space-x-1 py-2 min-h-[40px] md:gap-y-1 md:min-h-[48px]"
>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_8659267256653" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="47280481435981">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter XS au panier"
aria-label="Ajouter XS au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
XS
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="8659267256653" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_JAnng7" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_8659267256653" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="47280481468749">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter S au panier"
aria-label="Ajouter S au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
S
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="8659267256653" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_JAnng7" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_8659267256653" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="47280481501517">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter M au panier"
aria-label="Ajouter M au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
M
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="8659267256653" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_JAnng7" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_8659267256653" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="47280481534285">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter L au panier"
aria-label="Ajouter L au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
L
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="8659267256653" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_JAnng7" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_8659267256653" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="47280481567053">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter XL au panier"
aria-label="Ajouter XL au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
XL
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="8659267256653" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_JAnng7" /></form></div>
</div>
</div>
</div>
</div>
</div></div>
</product-grid-item-variant>
<div class="product__grid__info text-left">
<a
href="/products/t-shirt-toucan-vert-foret" data-grid-link aria-label="T-shirt vert en fibres recyclées - Toucan"
tabindex="-1"
>
<p class="visually-hidden">T-shirt vert en fibres recyclées - Toucan</p>
<div class="product__grid__title__wrapper">
<p id="product-8659267256653-title" class="product__grid__title">
T-shirt vert en fibres recyclées - Toucan
</p></div>
<div class="product__grid__price product__grid__price--nowrap"><span class="product__grid__cutline">Vert</span><span class="price">
69 €
</span>
</div>
</a><div class="grid__swatch__container">
<p class="grid__swatch__placeholder">1 couleur disponible</p>
<div class="grid__swatch__hover" role="tablist" aria-label="Options" data-swatch-handle="t-shirt-toucan-vert-foret" data-swatch-label="" data-sibling-inner data-scrollbar data-scrollbar-slider>
<radio-swatch class="swatch__button swatch__button--square">
<a
href="/products/t-shirt-toucan-vert-foret?variant=47280481435981"
class="swatch__label"
data-swatch="Vert"
data-grid-item-variant="47280481435981"
data-swatch-index="0"
aria-selected="true"
data-swatch-image="products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-182577.jpg"
data-swatch-image-id="45372417671501"
>
<span class="visually-hidden">Vert</span>
</a>
</radio-swatch>
</div>
<button type="button" class="tabs__arrow tabs__arrow--prev is-hidden" data-scrollbar-arrow-prev>
<span class="visually-hidden">Voir tout</span>
</button>
<button type="button" class="tabs__arrow tabs__arrow--next is-hidden" data-scrollbar-arrow-next>
<span class="visually-hidden">Voir tout</span>
</button>
</div></div>
</product-grid-item>
</div><!-- /.collection-list__product -->
<div class="collection-list__product"><!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item
aria-label="Sweatshirt coton biologique - Encore un soir"
class="product-grid-item group/product-grid-item"
data-item-id="7991488151776"
>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content on-sale tagged"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="7991488151776"
data-slideshow-style="disabled"
data-grid-item-variant="43850305700064"
aria-label="Bleu / 34"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/sweatshirt-encore-un-soir" data-grid-link aria-label="Sweatshirt coton biologique - Encore un soir">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="45510432883021"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/NegeParis-Pyjamaeco-responsable-EncoreunSoir-Sweatshirt.jpg?v=1697472189&width=2000" alt="Le confort d’un sweatshirt, et l’élégance d’un pull. 100% coton bio certifié GOTS, tout doux et respirant." width="2000" height="2533" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/NegeParis-Pyjamaeco-responsable-EncoreunSoir-Sweatshirt.jpg?crop=center&height=3750&v=1697472189&width=3000 3000w, //www.fairytale.eco/cdn/shop/products/NegeParis-Pyjamaeco-responsable-EncoreunSoir-Sweatshirt.jpg?crop=center&height=311&v=1697472189&width=249 249w, //www.fairytale.eco/cdn/shop/products/NegeParis-Pyjamaeco-responsable-EncoreunSoir-Sweatshirt.jpg?crop=center&height=622&v=1697472189&width=498 498w, //www.fairytale.eco/cdn/shop/products/NegeParis-Pyjamaeco-responsable-EncoreunSoir-Sweatshirt.jpg?crop=center&height=418&v=1697472189&width=335 335w, //www.fairytale.eco/cdn/shop/products/NegeParis-Pyjamaeco-responsable-EncoreunSoir-Sweatshirt.jpg?crop=center&height=837&v=1697472189&width=670 670w, //www.fairytale.eco/cdn/shop/products/NegeParis-Pyjamaeco-responsable-EncoreunSoir-Sweatshirt.jpg?crop=center&height=450&v=1697472189&width=360 360w, //www.fairytale.eco/cdn/shop/products/NegeParis-Pyjamaeco-responsable-EncoreunSoir-Sweatshirt.jpg?crop=center&height=900&v=1697472189&width=720 720w, //www.fairytale.eco/cdn/shop/products/NegeParis-Pyjamaeco-responsable-EncoreunSoir-Sweatshirt.jpg?crop=center&height=475&v=1697472189&width=380 380w, //www.fairytale.eco/cdn/shop/products/NegeParis-Pyjamaeco-responsable-EncoreunSoir-Sweatshirt.jpg?crop=center&height=950&v=1697472189&width=760 760w, //www.fairytale.eco/cdn/shop/products/NegeParis-Pyjamaeco-responsable-EncoreunSoir-Sweatshirt.jpg?crop=center&height=575&v=1697472189&width=460 460w, //www.fairytale.eco/cdn/shop/products/NegeParis-Pyjamaeco-responsable-EncoreunSoir-Sweatshirt.jpg?crop=center&height=1150&v=1697472189&width=920 920w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="45510432915789"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/SVGNegeParis-SweatshirtEncoreunSoir-2-Eco-responsable-cotonbio.svg?v=1697472189&width=100" alt="Le confort d’un sweatshirt, et l’élégance d’un pull. 100% coton bio certifié GOTS, tout doux et respirant no-wdf" width="100" height="127" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/SVGNegeParis-SweatshirtEncoreunSoir-2-Eco-responsable-cotonbio.svg?crop=center&height=125&v=1697472189&width=100 100w, //www.fairytale.eco/cdn/shop/products/SVGNegeParis-SweatshirtEncoreunSoir-2-Eco-responsable-cotonbio.svg?crop=center&height=125&v=1697472189&width=100 100w, //www.fairytale.eco/cdn/shop/products/SVGNegeParis-SweatshirtEncoreunSoir-2-Eco-responsable-cotonbio.svg?crop=center&height=125&v=1697472189&width=100 100w, //www.fairytale.eco/cdn/shop/products/SVGNegeParis-SweatshirtEncoreunSoir-2-Eco-responsable-cotonbio.svg?crop=center&height=125&v=1697472189&width=100 100w, //www.fairytale.eco/cdn/shop/products/SVGNegeParis-SweatshirtEncoreunSoir-2-Eco-responsable-cotonbio.svg?crop=center&height=125&v=1697472189&width=100 100w, //www.fairytale.eco/cdn/shop/products/SVGNegeParis-SweatshirtEncoreunSoir-2-Eco-responsable-cotonbio.svg?crop=center&height=125&v=1697472189&width=100 100w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
<div class="product__badge product__badge--sale">- 50%</div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productGridItemQuickAddMenu()">
<button
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto transition-opacity"
title="Ajout rapide"
aria-haspopup="true"
:aria-expanded="isOpen"
:id="$id('quick-add-menu-button')"
:aria-controls="$id('quick-add-menu-slideover')"
@click.stop="open()"
@mouseover="open()"
x-ref="button"
:class=" isOpen ? 'duration-[--enter-animation-duration] delay-0 opacity-0 md:opacity-100' : 'duration-[--exit-animation-duration] delay-[--exit-animation-duration] opacity-100' "
aria-label="Ajout rapide"
>
<span
class="whitespace-nowrap text-button-contrast transition translate-y-0 transform"
:class=" isOpen ? 'duration-[--enter-animation-duration] delay-0 translate-y-full opacity-0' : 'duration-[--exit-animation-duration] delay-[calc(var(--exit-animation-duration))] translate-y-0 opacity-100' "
>
<span class="hidden md:block">
Ajout rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
</button>
<div
class="absolute top-0 right-0 bottom-0 left-0 overflow-hidden flex flex-col justify-end"
role="popover"
x-show="isOpen"
x-cloak
:aria-labelledby="$id('quick-add-menu-button')"
>
<div
class="stain-button-content top-0 right-0 bottom-0 left-0 top-auto max-h-full overflow-scroll scrollbar-hide pointer-events-auto transition transform absolute origin-bottom bg-button md:opacity-100"
x-show="isOpen"
x-transition:enter="duration-[calc(var(--enter-animation-duration)*2)] delay-[calc(var(--enter-animation-duration)/2)]"
x-transition:enter-start="invisible translate-y-full opacity-0 md:opacity-100"
x-transition:enter-end="visible translate-y-0 opacity-100 md:opacity-100"
x-transition:leave="duration-[calc(var(--exit-animation-duration)*2)] delay-[calc(var(--exit-animation-duration)/4)]"
x-transition:leave-start="visible translate-y-0 opacity-100 md:opacity-100"
x-transition:leave-end="invisible translate-y-full opacity-0 md:opacity-100"
>
<div
class="transition transform"
x-show="isOpen"
x-transition:enter="duration-[calc(var(--enter-animation-duration)*2)] delay-[calc(var(--enter-animation-duration)/2)]"
x-transition:enter-start="translate-y-1/2 opacity-0"
x-transition:enter-end="translate-y-0 opacity-full"
x-transition:leave="duration-[calc(var(--exit-animation-duration))] delay-0"
x-transition:leave-start="translate-y-0 opacity-full"
x-transition:leave-end="translate-y-1/2 opacity-0"
>
<!-- /snippets/product-grid-item-quick-add-menu.liquid -->
<div
:id="$id('quick-add-menu-toolbar')"
role="toolbar"
@keydown.right.prevent.stop="$focus.wrap().next()"
@keydown.left.prevent.stop="$focus.wrap().prev()"
class="flex flex-row items-center flex-wrap justify-center space-x-1 py-2 min-h-[40px] md:gap-y-1 md:min-h-[48px]"
>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_7991488151776" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="43850305700064">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter 34 au panier"
aria-label="Ajouter 34 au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
34
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="7991488151776" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_JAnng7" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_7991488151776" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="43850305732832">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter 36 au panier"
aria-label="Ajouter 36 au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
36
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="7991488151776" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_JAnng7" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_7991488151776" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="43850305765600">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter 38 au panier"
aria-label="Ajouter 38 au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
38
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="7991488151776" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_JAnng7" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_7991488151776" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="43850305798368">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="true || isDisabled"
:aria-busy="isLoading"
disabled="disabled"
title="Ajouter 40 au panier - Épuisé"
aria-label="Ajouter 40 au panier - Épuisé"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 opacity-70 line-through">
40
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="7991488151776" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_JAnng7" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_7991488151776" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="43850305831136">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter 42 au panier"
aria-label="Ajouter 42 au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
42
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="7991488151776" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_JAnng7" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_7991488151776" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="43850305863904">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="true || isDisabled"
:aria-busy="isLoading"
disabled="disabled"
title="Ajouter 44 au panier - Épuisé"
aria-label="Ajouter 44 au panier - Épuisé"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 opacity-70 line-through">
44
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="7991488151776" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_JAnng7" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_7991488151776" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="43850305896672">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="true || isDisabled"
:aria-busy="isLoading"
disabled="disabled"
title="Ajouter 46 au panier - Épuisé"
aria-label="Ajouter 46 au panier - Épuisé"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 opacity-70 line-through">
46
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="7991488151776" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_JAnng7" /></form></div>
</div>
</div>
</div>
</div>
</div></div>
</product-grid-item-variant>
<div class="product__grid__info text-left">
<a
href="/products/sweatshirt-encore-un-soir" data-grid-link aria-label="Sweatshirt coton biologique - Encore un soir"
tabindex="-1"
>
<p class="visually-hidden">Sweatshirt coton biologique - Encore un soir</p>
<div class="product__grid__title__wrapper">
<p id="product-7991488151776-title" class="product__grid__title">
Sweatshirt coton biologique - Encore un soir
</p></div>
<div class="product__grid__price product__grid__price--nowrap"><span class="product__grid__cutline">Bleu</span><span class="price on-sale">
40 €
</span>
<span class="compare-at">80 €
</span>
</div>
</a><div class="grid__swatch__container">
<p class="grid__swatch__placeholder">1 couleur disponible</p>
<div class="grid__swatch__hover" role="tablist" aria-label="Options" data-swatch-handle="sweatshirt-encore-un-soir" data-swatch-label="" data-sibling-inner data-scrollbar data-scrollbar-slider>
<radio-swatch class="swatch__button swatch__button--square">
<a
href="/products/sweatshirt-encore-un-soir?variant=43850305700064"
class="swatch__label"
data-swatch="Bleu"
data-grid-item-variant="43850305700064"
data-swatch-index="0"
aria-selected="true"
data-swatch-image="products/NegeParis-Pyjamaeco-responsable-EncoreunSoir-Sweatshirt.jpg"
data-swatch-image-id="45510432883021"
>
<span class="visually-hidden">Bleu</span>
</a>
</radio-swatch>
</div>
<button type="button" class="tabs__arrow tabs__arrow--prev is-hidden" data-scrollbar-arrow-prev>
<span class="visually-hidden">Voir tout</span>
</button>
<button type="button" class="tabs__arrow tabs__arrow--next is-hidden" data-scrollbar-arrow-next>
<span class="visually-hidden">Voir tout</span>
</button>
</div></div>
</product-grid-item>
</div><!-- /.collection-list__product -->
<div class="collection-list__product"><!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item
aria-label="Robe courte coton biologique - Robine"
class="product-grid-item group/product-grid-item"
data-item-id="8541835460941"
>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="8541835460941"
data-slideshow-style="disabled"
data-grid-item-variant="46690161819981"
aria-label="XL"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/robe-robine-noire" data-grid-link aria-label="Robe courte coton biologique - Robine">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="44122036240717"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?v=1687882583&width=890" alt="" width="890" height="1080" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?crop=center&height=1112&v=1687882583&width=890 890w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?crop=center&height=311&v=1687882583&width=249 249w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?crop=center&height=622&v=1687882583&width=498 498w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?crop=center&height=418&v=1687882583&width=335 335w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?crop=center&height=837&v=1687882583&width=670 670w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?crop=center&height=450&v=1687882583&width=360 360w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?crop=center&height=900&v=1687882583&width=720 720w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?crop=center&height=475&v=1687882583&width=380 380w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?crop=center&height=950&v=1687882583&width=760 760w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?crop=center&height=575&v=1687882583&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="44122036273485"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-GOTS-fabriquee-en-France.jpg?v=1687882583&width=890" alt="" width="890" height="1080" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-GOTS-fabriquee-en-France.jpg?crop=center&height=1112&v=1687882583&width=890 890w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-GOTS-fabriquee-en-France.jpg?crop=center&height=311&v=1687882583&width=249 249w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-GOTS-fabriquee-en-France.jpg?crop=center&height=622&v=1687882583&width=498 498w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-GOTS-fabriquee-en-France.jpg?crop=center&height=418&v=1687882583&width=335 335w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-GOTS-fabriquee-en-France.jpg?crop=center&height=837&v=1687882583&width=670 670w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-GOTS-fabriquee-en-France.jpg?crop=center&height=450&v=1687882583&width=360 360w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-GOTS-fabriquee-en-France.jpg?crop=center&height=900&v=1687882583&width=720 720w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-GOTS-fabriquee-en-France.jpg?crop=center&height=475&v=1687882583&width=380 380w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-GOTS-fabriquee-en-France.jpg?crop=center&height=950&v=1687882583&width=760 760w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-GOTS-fabriquee-en-France.jpg?crop=center&height=575&v=1687882583&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productGridItemQuickAddMenu()">
<button
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto transition-opacity"
title="Ajout rapide"
aria-haspopup="true"
:aria-expanded="isOpen"
:id="$id('quick-add-menu-button')"
:aria-controls="$id('quick-add-menu-slideover')"
@click.stop="open()"
@mouseover="open()"
x-ref="button"
:class=" isOpen ? 'duration-[--enter-animation-duration] delay-0 opacity-0 md:opacity-100' : 'duration-[--exit-animation-duration] delay-[--exit-animation-duration] opacity-100' "
aria-label="Ajout rapide"
>
<span
class="whitespace-nowrap text-button-contrast transition translate-y-0 transform"
:class=" isOpen ? 'duration-[--enter-animation-duration] delay-0 translate-y-full opacity-0' : 'duration-[--exit-animation-duration] delay-[calc(var(--exit-animation-duration))] translate-y-0 opacity-100' "
>
<span class="hidden md:block">
Ajout rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
</button>
<div
class="absolute top-0 right-0 bottom-0 left-0 overflow-hidden flex flex-col justify-end"
role="popover"
x-show="isOpen"
x-cloak
:aria-labelledby="$id('quick-add-menu-button')"
>
<div
class="stain-button-content top-0 right-0 bottom-0 left-0 top-auto max-h-full overflow-scroll scrollbar-hide pointer-events-auto transition transform absolute origin-bottom bg-button md:opacity-100"
x-show="isOpen"
x-transition:enter="duration-[calc(var(--enter-animation-duration)*2)] delay-[calc(var(--enter-animation-duration)/2)]"
x-transition:enter-start="invisible translate-y-full opacity-0 md:opacity-100"
x-transition:enter-end="visible translate-y-0 opacity-100 md:opacity-100"
x-transition:leave="duration-[calc(var(--exit-animation-duration)*2)] delay-[calc(var(--exit-animation-duration)/4)]"
x-transition:leave-start="visible translate-y-0 opacity-100 md:opacity-100"
x-transition:leave-end="invisible translate-y-full opacity-0 md:opacity-100"
>
<div
class="transition transform"
x-show="isOpen"
x-transition:enter="duration-[calc(var(--enter-animation-duration)*2)] delay-[calc(var(--enter-animation-duration)/2)]"
x-transition:enter-start="translate-y-1/2 opacity-0"
x-transition:enter-end="translate-y-0 opacity-full"
x-transition:leave="duration-[calc(var(--exit-animation-duration))] delay-0"
x-transition:leave-start="translate-y-0 opacity-full"
x-transition:leave-end="translate-y-1/2 opacity-0"
>
<!-- /snippets/product-grid-item-quick-add-menu.liquid -->
<div
:id="$id('quick-add-menu-toolbar')"
role="toolbar"
@keydown.right.prevent.stop="$focus.wrap().next()"
@keydown.left.prevent.stop="$focus.wrap().prev()"
class="flex flex-row items-center flex-wrap justify-center space-x-1 py-2 min-h-[40px] md:gap-y-1 md:min-h-[48px]"
>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_8541835460941" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="46690161819981">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter XL au panier"
aria-label="Ajouter XL au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
XL
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="8541835460941" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_JAnng7" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_8541835460941" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="46690161852749">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter L au panier"
aria-label="Ajouter L au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
L
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="8541835460941" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_JAnng7" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_8541835460941" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="46690161885517">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter M au panier"
aria-label="Ajouter M au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
M
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="8541835460941" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_JAnng7" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_8541835460941" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="46690161918285">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter S au panier"
aria-label="Ajouter S au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
S
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="8541835460941" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_JAnng7" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_8541835460941" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="46690161951053">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter XS au panier"
aria-label="Ajouter XS au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
XS
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="8541835460941" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_JAnng7" /></form></div>
</div>
</div>
</div>
</div>
</div></div>
</product-grid-item-variant>
<div class="product__grid__info text-left">
<a
href="/products/robe-robine-noire" data-grid-link aria-label="Robe courte coton biologique - Robine"
tabindex="-1"
>
<p class="visually-hidden">Robe courte coton biologique - Robine</p>
<div class="product__grid__title__wrapper">
<p id="product-8541835460941-title" class="product__grid__title">
Robe courte coton biologique - Robine
</p></div>
<div class="product__grid__price product__grid__price--nowrap"><span class="product__grid__cutline"></span><span class="price">
139 €
</span>
</div>
</a>
<div class="product__grid__sibs">
<div class="grid__swatch__container">
<p class="grid__swatch__placeholder">1 couleur disponible</p>
<div class="grid__swatch__hover">
<div class="sibs__slider">
<div class="sibs__inner" data-sibling-inner data-scrollbar data-scrollbar-slider><div class="siblings__link__holder">
<a
href="/products/robe-robine-noire"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="46690161819981"
data-grid-item-swatch-image="0"
title="Robe courte coton biologique - Robine"
aria-selected="true">
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?v=1687882583&width=26" alt="Robe courte coton biologique - Robine" width="26" height="32" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?v=1687882583&width=52 2x, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?v=1687882583&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div></div>
<button type="button" class="tabs__arrow tabs__arrow--prev is-hidden" data-scrollbar-arrow-prev>
<span class="visually-hidden">Voir tout</span>
</button>
<button type="button" class="tabs__arrow tabs__arrow--next is-hidden" data-scrollbar-arrow-next>
<span class="visually-hidden">Voir tout</span>
</button>
</div>
</div>
</div>
</div>
</div>
</product-grid-item>
</div><!-- /.collection-list__product -->
<div class="collection-list__product"><!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item
aria-label="Jupe longue lenzing® ecovero® - Melanie"
class="product-grid-item group/product-grid-item"
data-item-id="7475089670368"
>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="7475089670368"
data-slideshow-style="disabled"
data-grid-item-variant="42140181135584"
aria-label="XS"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/jupe-chesnut-imprime-en-ecovero-melanie" data-grid-link aria-label="Jupe longue lenzing® ecovero® - Melanie">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="45221517558093"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?v=1695736890&width=890" alt="Jupe longue lenzing® ecovero® - Melanie - XS - fairytale" width="890" height="1080" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?crop=center&height=1112&v=1695736890&width=890 890w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?crop=center&height=311&v=1695736890&width=249 249w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?crop=center&height=622&v=1695736890&width=498 498w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?crop=center&height=418&v=1695736890&width=335 335w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?crop=center&height=837&v=1695736890&width=670 670w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?crop=center&height=450&v=1695736890&width=360 360w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?crop=center&height=900&v=1695736890&width=720 720w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?crop=center&height=475&v=1695736890&width=380 380w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?crop=center&height=950&v=1695736890&width=760 760w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?crop=center&height=575&v=1695736890&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="45221517590861"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-320745.jpg?v=1695736890&width=890" alt="Jupe longue lenzing® ecovero® - Melanie - XS - fairytale" width="890" height="1080" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-320745.jpg?crop=center&height=1112&v=1695736890&width=890 890w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-320745.jpg?crop=center&height=311&v=1695736890&width=249 249w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-320745.jpg?crop=center&height=622&v=1695736890&width=498 498w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-320745.jpg?crop=center&height=418&v=1695736890&width=335 335w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-320745.jpg?crop=center&height=837&v=1695736890&width=670 670w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-320745.jpg?crop=center&height=450&v=1695736890&width=360 360w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-320745.jpg?crop=center&height=900&v=1695736890&width=720 720w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-320745.jpg?crop=center&height=475&v=1695736890&width=380 380w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-320745.jpg?crop=center&height=950&v=1695736890&width=760 760w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-320745.jpg?crop=center&height=575&v=1695736890&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productGridItemQuickAddMenu()">
<button
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto transition-opacity"
title="Ajout rapide"
aria-haspopup="true"
:aria-expanded="isOpen"
:id="$id('quick-add-menu-button')"
:aria-controls="$id('quick-add-menu-slideover')"
@click.stop="open()"
@mouseover="open()"
x-ref="button"
:class=" isOpen ? 'duration-[--enter-animation-duration] delay-0 opacity-0 md:opacity-100' : 'duration-[--exit-animation-duration] delay-[--exit-animation-duration] opacity-100' "
aria-label="Ajout rapide"
>
<span
class="whitespace-nowrap text-button-contrast transition translate-y-0 transform"
:class=" isOpen ? 'duration-[--enter-animation-duration] delay-0 translate-y-full opacity-0' : 'duration-[--exit-animation-duration] delay-[calc(var(--exit-animation-duration))] translate-y-0 opacity-100' "
>
<span class="hidden md:block">
Ajout rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
</button>
<div
class="absolute top-0 right-0 bottom-0 left-0 overflow-hidden flex flex-col justify-end"
role="popover"
x-show="isOpen"
x-cloak
:aria-labelledby="$id('quick-add-menu-button')"
>
<div
class="stain-button-content top-0 right-0 bottom-0 left-0 top-auto max-h-full overflow-scroll scrollbar-hide pointer-events-auto transition transform absolute origin-bottom bg-button md:opacity-100"
x-show="isOpen"
x-transition:enter="duration-[calc(var(--enter-animation-duration)*2)] delay-[calc(var(--enter-animation-duration)/2)]"
x-transition:enter-start="invisible translate-y-full opacity-0 md:opacity-100"
x-transition:enter-end="visible translate-y-0 opacity-100 md:opacity-100"
x-transition:leave="duration-[calc(var(--exit-animation-duration)*2)] delay-[calc(var(--exit-animation-duration)/4)]"
x-transition:leave-start="visible translate-y-0 opacity-100 md:opacity-100"
x-transition:leave-end="invisible translate-y-full opacity-0 md:opacity-100"
>
<div
class="transition transform"
x-show="isOpen"
x-transition:enter="duration-[calc(var(--enter-animation-duration)*2)] delay-[calc(var(--enter-animation-duration)/2)]"
x-transition:enter-start="translate-y-1/2 opacity-0"
x-transition:enter-end="translate-y-0 opacity-full"
x-transition:leave="duration-[calc(var(--exit-animation-duration))] delay-0"
x-transition:leave-start="translate-y-0 opacity-full"
x-transition:leave-end="translate-y-1/2 opacity-0"
>
<!-- /snippets/product-grid-item-quick-add-menu.liquid -->
<div
:id="$id('quick-add-menu-toolbar')"
role="toolbar"
@keydown.right.prevent.stop="$focus.wrap().next()"
@keydown.left.prevent.stop="$focus.wrap().prev()"
class="flex flex-row items-center flex-wrap justify-center space-x-1 py-2 min-h-[40px] md:gap-y-1 md:min-h-[48px]"
>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_7475089670368" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="42140181135584">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter XS au panier"
aria-label="Ajouter XS au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
XS
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="7475089670368" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_JAnng7" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_7475089670368" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="42140181168352">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter XL au panier"
aria-label="Ajouter XL au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
XL
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="7475089670368" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_JAnng7" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_7475089670368" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="42140181201120">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter S au panier"
aria-label="Ajouter S au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
S
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="7475089670368" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_JAnng7" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_7475089670368" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="42140181233888">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter M au panier"
aria-label="Ajouter M au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
M
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="7475089670368" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_JAnng7" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_7475089670368" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="42140181266656">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter L au panier"
aria-label="Ajouter L au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
L
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="7475089670368" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_JAnng7" /></form></div>
</div>
</div>
</div>
</div>
</div></div>
</product-grid-item-variant>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content sold-out tagged"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="7630021689568"
data-slideshow-style="disabled"
data-grid-item-variant="42689492910304"
hidden aria-label="rose / XS"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/jupe-blush-en-ecovero-melanie" data-grid-link aria-label="Jupe longue lenzing® ecovero® - Melanie">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="43949890765133"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?v=1686735717&width=890" alt="" width="890" height="1080" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?crop=center&height=1112&v=1686735717&width=890 890w, //www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?crop=center&height=311&v=1686735717&width=249 249w, //www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?crop=center&height=622&v=1686735717&width=498 498w, //www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?crop=center&height=418&v=1686735717&width=335 335w, //www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?crop=center&height=837&v=1686735717&width=670 670w, //www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?crop=center&height=450&v=1686735717&width=360 360w, //www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?crop=center&height=900&v=1686735717&width=720 720w, //www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?crop=center&height=475&v=1686735717&width=380 380w, //www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?crop=center&height=950&v=1686735717&width=760 760w, //www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?crop=center&height=575&v=1686735717&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="43949890797901"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/Jupe-longue-viscose-EcoVero-taille-elastique-couleur-nude-unie-fabriquee-en-France.jpg?v=1686735717&width=890" alt="" width="890" height="1080" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/Jupe-longue-viscose-EcoVero-taille-elastique-couleur-nude-unie-fabriquee-en-France.jpg?crop=center&height=1112&v=1686735717&width=890 890w, //www.fairytale.eco/cdn/shop/products/Jupe-longue-viscose-EcoVero-taille-elastique-couleur-nude-unie-fabriquee-en-France.jpg?crop=center&height=311&v=1686735717&width=249 249w, //www.fairytale.eco/cdn/shop/products/Jupe-longue-viscose-EcoVero-taille-elastique-couleur-nude-unie-fabriquee-en-France.jpg?crop=center&height=622&v=1686735717&width=498 498w, //www.fairytale.eco/cdn/shop/products/Jupe-longue-viscose-EcoVero-taille-elastique-couleur-nude-unie-fabriquee-en-France.jpg?crop=center&height=418&v=1686735717&width=335 335w, //www.fairytale.eco/cdn/shop/products/Jupe-longue-viscose-EcoVero-taille-elastique-couleur-nude-unie-fabriquee-en-France.jpg?crop=center&height=837&v=1686735717&width=670 670w, //www.fairytale.eco/cdn/shop/products/Jupe-longue-viscose-EcoVero-taille-elastique-couleur-nude-unie-fabriquee-en-France.jpg?crop=center&height=450&v=1686735717&width=360 360w, //www.fairytale.eco/cdn/shop/products/Jupe-longue-viscose-EcoVero-taille-elastique-couleur-nude-unie-fabriquee-en-France.jpg?crop=center&height=900&v=1686735717&width=720 720w, //www.fairytale.eco/cdn/shop/products/Jupe-longue-viscose-EcoVero-taille-elastique-couleur-nude-unie-fabriquee-en-France.jpg?crop=center&height=475&v=1686735717&width=380 380w, //www.fairytale.eco/cdn/shop/products/Jupe-longue-viscose-EcoVero-taille-elastique-couleur-nude-unie-fabriquee-en-France.jpg?crop=center&height=950&v=1686735717&width=760 760w, //www.fairytale.eco/cdn/shop/products/Jupe-longue-viscose-EcoVero-taille-elastique-couleur-nude-unie-fabriquee-en-France.jpg?crop=center&height=575&v=1686735717&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
<div class="product__badge product__badge--sold">Épuisé</div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(7630021689568, 'jupe-blush-en-ecovero-melanie')">
<div class="quickview md:w-full" data-quickview-holder="7630021689568" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto opacity-50 !cursor-not-allowed"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Épuisé"
:disabled="true || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="7630021689568" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<div class="product__grid__info text-left">
<a
href="/products/jupe-chesnut-imprime-en-ecovero-melanie" data-grid-link aria-label="Jupe longue lenzing® ecovero® - Melanie"
tabindex="-1"
>
<p class="visually-hidden">Jupe longue lenzing® ecovero® - Melanie</p>
<div class="product__grid__title__wrapper">
<p id="product-7475089670368-title" class="product__grid__title">
Jupe longue lenzing® ecovero® - Melanie
</p></div>
<div class="product__grid__price product__grid__price--nowrap"><span class="product__grid__cutline"></span><span class="price">
110 €
</span>
</div>
</a>
<div class="product__grid__sibs">
<div class="grid__swatch__container">
<p class="grid__swatch__placeholder">2 couleurs disponibles</p>
<div class="grid__swatch__hover">
<div class="sibs__slider">
<div class="sibs__inner" data-sibling-inner data-scrollbar data-scrollbar-slider><div class="siblings__link__holder">
<a
href="/products/jupe-chesnut-imprime-en-ecovero-melanie"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="42140181135584"
data-grid-item-swatch-image="0"
title="Jupe longue lenzing® ecovero® - Melanie"
aria-selected="true">
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?v=1695736890&width=26" alt="Jupe longue lenzing® ecovero® - Melanie - XS - fairytale" width="26" height="32" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?v=1695736890&width=52 2x, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?v=1695736890&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div><div class="siblings__link__holder sold-out">
<a
href="/products/jupe-blush-en-ecovero-melanie"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="42689492910304"
data-grid-item-swatch-image="0"
title="rose"
>
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?v=1686735717&width=26" alt="rose" width="26" height="32" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?v=1686735717&width=52 2x, //www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?v=1686735717&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div></div>
<button type="button" class="tabs__arrow tabs__arrow--prev is-hidden" data-scrollbar-arrow-prev>
<span class="visually-hidden">Voir tout</span>
</button>
<button type="button" class="tabs__arrow tabs__arrow--next is-hidden" data-scrollbar-arrow-next>
<span class="visually-hidden">Voir tout</span>
</button>
</div>
</div>
</div>
</div>
</div>
</product-grid-item>
</div><!-- /.collection-list__product -->
</div></div>
</div>
</div>
<style> #shopify-section-template--20622768931149__section_list_collections_products_JAnng7 .palette--light {background-color: #ffe6f2;} #shopify-section-template--20622768931149__section_list_collections_products_JAnng7 .collection-list__heading__text {justify-content: center;} #shopify-section-template--20622768931149__section_list_collections_products_JAnng7 .kicker-flourished {font-size: 1.5em; font-family: "ClashGrotesk-Regular";} #shopify-section-template--20622768931149__section_list_collections_products_JAnng7 .mb-7 {margin-bottom: 0px;} #shopify-section-template--20622768931149__section_list_collections_products_JAnng7 .product__badge {color: white; background-color: #ff82be; border-radius: 50%; width: 35px; height: 35px; font-size: 0.6em; display: flex; justify-content: center; align-items: center; padding: 0px;} #shopify-section-template--20622768931149__section_list_collections_products_JAnng7 .grid__swatch__container {display: none;} #shopify-section-template--20622768931149__section_list_collections_products_JAnng7 .collection-list__heading__text {display: none;} </style></div><div id="shopify-section-template--20622768931149__section_richtext_QxaRg6" class="shopify-section">
<!-- /sections/section-richtext.liquid--><section class="text--neutral palette--light bg--accent"
data-section-id="template--20622768931149__section_richtext_QxaRg6"
data-section-type="rich-text"
style=" --PT: 0px; --PB: 36px; --FLEX-POSITION: center; --CONTENT-WIDTH: 2000px;">
<div class="wrapper section-padding">
<div class="text__standard text-center"><div class="standard__image"
data-aos="hero"
data-aos-anchor="[data-section-id='template--20622768931149__section_richtext_QxaRg6']"
data-aos-order="1"
style="max-width: 200px;"><a href="/collections/vos-vetements-preferes">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ; ">
<img src="//www.fairytale.eco/cdn/shop/files/Bouton-collection-Rose.webp?v=1713456905&width=200" alt="Collection meilleures vêtements éco-responsables" width="200" height="60" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/files/Bouton-collection-Rose.webp?v=1713456905&width=400 2x, //www.fairytale.eco/cdn/shop/files/Bouton-collection-Rose.webp?v=1713456905&width=200 " fetchpriority="auto" style="object-position: center center; ">
</div>
</a></div>
</div>
</div>
</section>
<style> #shopify-section-template--20622768931149__section_richtext_QxaRg6 .palette--light {background-color: #ffe6f2;} #shopify-section-template--20622768931149__section_richtext_QxaRg6 p {background: white; width: 250px; border-radius: 25px; padding: 5px; border-color: #1614c7; border-width: thin; margin-left: auto; margin-right: auto;} </style></div><div id="shopify-section-template--20622768931149__section_logos_Rr79DN" class="shopify-section"><!-- /sections/section-logos.liquid -->
<div class="section-logos palette--light bg--accent section-logos--tall"
style="--PT: 36px; --PB: 78px; "
data-section-id="template--20622768931149__section_logos_Rr79DN"
data-section-type="logos">
<div class="wrapper--none section-padding">
<h2 class="kicker-flourished mb-7">des marques dans le bon sens</h2>
<div class="logo-bar__wrapper">
<div class="logo-bar__outer" style="--bg: var(--COLOR-ANNOUNCEMENT-BG); --text: var(--COLOR-ANNOUNCEMENT-TEXT);">
<div class="logo-bar__holder">
<div class="logo-bar logo-bar--marquee">
<div data-ticker-frame class="logo-bar__message">
<div data-ticker-scale class="ticker--unloaded logo-bar__scale" style="--animation-duration: 25s;">
<div data-ticker-text class="logo-bar__text">
<div class="logo-bar__item"
style="--gutter: 50px; --width: 140px;"
data-slide="logo_image_9hbW9L"
data-slide-index="0"
>
<a href="https://www.fairytale.eco/collections/armedangels" class="logo-bar__link" target="_blank" rel="noopener" title="https://www.fairytale.eco/collections/armedangels">
<div class="logo-bar__image">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ; ">
<img src="//www.fairytale.eco/cdn/shop/files/ARMEDANGELS_logo.webp?v=1712844311&width=140" alt="" width="140" height="140" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/files/ARMEDANGELS_logo.webp?v=1712844311&width=280 2x, //www.fairytale.eco/cdn/shop/files/ARMEDANGELS_logo.webp?v=1712844311&width=140 " fetchpriority="auto" style="object-position: center center; ">
</div>
</div>
</a>
</div>
<div class="logo-bar__item"
style="--gutter: 50px; --width: 140px;"
data-slide="logo_image_k3iGXW"
data-slide-index="1"
>
<a href="https://www.fairytale.eco/collections/sandqvist" class="logo-bar__link" target="_blank" rel="noopener" title="https://www.fairytale.eco/collections/sandqvist">
<div class="logo-bar__image">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ; ">
<img src="//www.fairytale.eco/cdn/shop/files/SANDQVIST_logo.webp?v=1712844327&width=140" alt="" width="140" height="140" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/files/SANDQVIST_logo.webp?v=1712844327&width=280 2x, //www.fairytale.eco/cdn/shop/files/SANDQVIST_logo.webp?v=1712844327&width=140 " fetchpriority="auto" style="object-position: center center; ">
</div>
</div>
</a>
</div>
<div class="logo-bar__item"
style="--gutter: 50px; --width: 140px;"
data-slide="logo_image_XMDGcJ"
data-slide-index="2"
>
<a href="https://www.fairytale.eco/collections/olly-lingerie" class="logo-bar__link" target="_blank" rel="noopener" title="https://www.fairytale.eco/collections/olly-lingerie">
<div class="logo-bar__image">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ; ">
<img src="//www.fairytale.eco/cdn/shop/files/OLLY_LINGERIE_logo.webp?v=1712844339&width=140" alt="" width="140" height="140" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/files/OLLY_LINGERIE_logo.webp?v=1712844339&width=280 2x, //www.fairytale.eco/cdn/shop/files/OLLY_LINGERIE_logo.webp?v=1712844339&width=140 " fetchpriority="auto" style="object-position: center center; ">
</div>
</div>
</a>
</div>
<div class="logo-bar__item"
style="--gutter: 50px; --width: 140px;"
data-slide="logo_image_nbJDWy"
data-slide-index="3"
>
<a href="https://www.fairytale.eco/collections/thinking-mu" class="logo-bar__link" target="_blank" rel="noopener" title="https://www.fairytale.eco/collections/thinking-mu">
<div class="logo-bar__image">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ; ">
<img src="//www.fairytale.eco/cdn/shop/files/THINKING_MU_logo.webp?v=1712844351&width=140" alt="" width="140" height="140" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/files/THINKING_MU_logo.webp?v=1712844351&width=280 2x, //www.fairytale.eco/cdn/shop/files/THINKING_MU_logo.webp?v=1712844351&width=140 " fetchpriority="auto" style="object-position: center center; ">
</div>
</div>
</a>
</div>
<div class="logo-bar__item"
style="--gutter: 50px; --width: 140px;"
data-slide="logo_image_LwmAMq"
data-slide-index="4"
>
<a href="https://www.fairytale.eco/collections/we-are-jolies" class="logo-bar__link" target="_blank" rel="noopener" title="https://www.fairytale.eco/collections/we-are-jolies">
<div class="logo-bar__image">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ; ">
<img src="//www.fairytale.eco/cdn/shop/files/WE_ARE_JOLIES_logo.webp?v=1712844362&width=140" alt="" width="140" height="140" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/files/WE_ARE_JOLIES_logo.webp?v=1712844362&width=280 2x, //www.fairytale.eco/cdn/shop/files/WE_ARE_JOLIES_logo.webp?v=1712844362&width=140 " fetchpriority="auto" style="object-position: center center; ">
</div>
</div>
</a>
</div>
<div class="logo-bar__item"
style="--gutter: 50px; --width: 140px;"
data-slide="logo_image_ffYF6k"
data-slide-index="5"
>
<a href="https://www.fairytale.eco/collections/brava-fabrics" class="logo-bar__link" target="_blank" rel="noopener" title="https://www.fairytale.eco/collections/brava-fabrics">
<div class="logo-bar__image">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ; ">
<img src="//www.fairytale.eco/cdn/shop/files/BRAVA_FABRICS_logo.webp?v=1712844374&width=140" alt="" width="140" height="140" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/files/BRAVA_FABRICS_logo.webp?v=1712844374&width=280 2x, //www.fairytale.eco/cdn/shop/files/BRAVA_FABRICS_logo.webp?v=1712844374&width=140 " fetchpriority="auto" style="object-position: center center; ">
</div>
</div>
</a>
</div>
<div class="logo-bar__item"
style="--gutter: 50px; --width: 140px;"
data-slide="logo_image_NgKK6H"
data-slide-index="6"
>
<a href="https://www.fairytale.eco/collections/organic-basics" class="logo-bar__link" target="_blank" rel="noopener" title="https://www.fairytale.eco/collections/organic-basics">
<div class="logo-bar__image">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ; ">
<img src="//www.fairytale.eco/cdn/shop/files/ORGANIC_BASICS_logo.webp?v=1712844395&width=140" alt="" width="140" height="140" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/files/ORGANIC_BASICS_logo.webp?v=1712844395&width=280 2x, //www.fairytale.eco/cdn/shop/files/ORGANIC_BASICS_logo.webp?v=1712844395&width=140 " fetchpriority="auto" style="object-position: center center; ">
</div>
</div>
</a>
</div>
<div class="logo-bar__item"
style="--gutter: 50px; --width: 140px;"
data-slide="logo_image_qbLfjB"
data-slide-index="7"
>
<a href="https://www.fairytale.eco/collections/colorful-standard" class="logo-bar__link" target="_blank" rel="noopener" title="https://www.fairytale.eco/collections/colorful-standard">
<div class="logo-bar__image">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ; ">
<img src="//www.fairytale.eco/cdn/shop/files/COLORFUL_STANDARD_logo.webp?v=1712844410&width=140" alt="" width="140" height="140" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/files/COLORFUL_STANDARD_logo.webp?v=1712844410&width=280 2x, //www.fairytale.eco/cdn/shop/files/COLORFUL_STANDARD_logo.webp?v=1712844410&width=140 " fetchpriority="auto" style="object-position: center center; ">
</div>
</div>
</a>
</div>
<div class="logo-bar__item"
style="--gutter: 50px; --width: 140px;"
data-slide="logo_image_dTwCaY"
data-slide-index="8"
>
<a href="https://www.fairytale.eco/collections/skfk" class="logo-bar__link" target="_blank" rel="noopener" title="https://www.fairytale.eco/collections/skfk">
<div class="logo-bar__image">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ; ">
<img src="//www.fairytale.eco/cdn/shop/files/SKFK_logo.webp?v=1712844425&width=140" alt="" width="140" height="140" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/files/SKFK_logo.webp?v=1712844425&width=280 2x, //www.fairytale.eco/cdn/shop/files/SKFK_logo.webp?v=1712844425&width=140 " fetchpriority="auto" style="object-position: center center; ">
</div>
</div>
</a>
</div>
<div class="logo-bar__item"
style="--gutter: 50px; --width: 140px;"
data-slide="logo_image_4FBGHx"
data-slide-index="9"
>
<a href="https://www.fairytale.eco/collections/casagin" class="logo-bar__link" target="_blank" rel="noopener" title="https://www.fairytale.eco/collections/casagin">
<div class="logo-bar__image">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ; ">
<img src="//www.fairytale.eco/cdn/shop/files/CASAGIN_logo.webp?v=1712844444&width=140" alt="" width="140" height="140" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/files/CASAGIN_logo.webp?v=1712844444&width=280 2x, //www.fairytale.eco/cdn/shop/files/CASAGIN_logo.webp?v=1712844444&width=140 " fetchpriority="auto" style="object-position: center center; ">
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style> #shopify-section-template--20622768931149__section_logos_Rr79DN .palette--light {background-color: white;} #shopify-section-template--20622768931149__section_logos_Rr79DN .kicker-flourished {font-size: 1.5em; font-family: "ClashGrotesk-Regular";} </style></div><div id="shopify-section-template--20622768931149__section_slideshow_AwwAif" class="shopify-section"><!-- /sections/section-slideshow.liquid -->
<div class="section-slideshow palette--light bg--neutral"
data-section-id="template--20622768931149__section_slideshow_AwwAif"
data-section-type="slideshow"
style="--PT: 0px; --PB: 0px;">
<div class="wrapper--none section-padding">
<div class="slideshow__wrapper js-overflow-container flickity-badge-dots"
data-slideshow-wrapper
data-slideshow-autoplay="false"
data-slideshow-slides="1"
data-slideshow-speed="15000">
<div class="slideshow__slide section--image text--white"
data-overlay-header id="aos-image_KYGQhc"
data-slideshow-index="0"
>
<div class="hero__content__wrapper align--middle-center">
<div class="hero__content js-overflow-content" >
</div>
<div data-slide-custom-prev class="custom-prev-next-button previous"></div>
<div data-slide-custom-next class="custom-prev-next-button next"></div>
</div>
<div class="image-overlay" style="--bg:#000000; opacity:0.0;"></div>
<!-- /snippets/hero.liquid -->
<div
class="image__hero__frame fade-in-child aspect-[--wh-ratio-mobile] md:aspect-[--wh-ratio] use_image"
data-overflow-background
style=" --wh-ratio: 2.4; --wh-ratio-mobile: 0.9341317365269461; "
>
<div class="image__hero__pane">
<div
class="image__hero__scale"
>
<!-- /snippets/image.liquid -->
<picture class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.4; --ASPECT-RATIO-MOBILE: 2.4;">
<source media="(min-width: 768px)" sizes="100vw" srcset=" //www.fairytale.eco/cdn/shop/files/Fairytale_votre_bilan_carbone.webp?v=1713533332&width=352 352w, //www.fairytale.eco/cdn/shop/files/Fairytale_votre_bilan_carbone.webp?v=1713533332&width=400 400w, //www.fairytale.eco/cdn/shop/files/Fairytale_votre_bilan_carbone.webp?v=1713533332&width=768 768w, //www.fairytale.eco/cdn/shop/files/Fairytale_votre_bilan_carbone.webp?v=1713533332&width=932 932w, //www.fairytale.eco/cdn/shop/files/Fairytale_votre_bilan_carbone.webp?v=1713533332&width=1024 1024w, //www.fairytale.eco/cdn/shop/files/Fairytale_votre_bilan_carbone.webp?v=1713533332&width=1200 1200w, //www.fairytale.eco/cdn/shop/files/Fairytale_votre_bilan_carbone.webp?v=1713533332&width=1920 1920w, //www.fairytale.eco/cdn/shop/files/Fairytale_votre_bilan_carbone.webp?v=1713533332&width=2400 2400w" />
<source media="(max-width: 767px)" sizes="100vw" srcset=" //www.fairytale.eco/cdn/shop/files/Fairytale_bilan_carbone.webp?v=1713532637&width=352 352w, //www.fairytale.eco/cdn/shop/files/Fairytale_bilan_carbone.webp?v=1713532637&width=400 400w, //www.fairytale.eco/cdn/shop/files/Fairytale_bilan_carbone.webp?v=1713532637&width=768 768w, //www.fairytale.eco/cdn/shop/files/Fairytale_bilan_carbone.webp?v=1713532637&width=780 780w" />
<img src="//www.fairytale.eco/cdn/shop/files/Fairytale_votre_bilan_carbone.webp?v=1713533332&width=2000" alt="Fairytale votre bilan carbone" width="2000" height="833" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear reposition-background-mobile" srcset=" //www.fairytale.eco/cdn/shop/files/Fairytale_votre_bilan_carbone.webp?v=1713533332&width=352 352w, //www.fairytale.eco/cdn/shop/files/Fairytale_votre_bilan_carbone.webp?v=1713533332&width=400 400w, //www.fairytale.eco/cdn/shop/files/Fairytale_votre_bilan_carbone.webp?v=1713533332&width=768 768w, //www.fairytale.eco/cdn/shop/files/Fairytale_votre_bilan_carbone.webp?v=1713533332&width=932 932w, //www.fairytale.eco/cdn/shop/files/Fairytale_votre_bilan_carbone.webp?v=1713533332&width=1024 1024w, //www.fairytale.eco/cdn/shop/files/Fairytale_votre_bilan_carbone.webp?v=1713533332&width=1200 1200w, //www.fairytale.eco/cdn/shop/files/Fairytale_votre_bilan_carbone.webp?v=1713533332&width=1920 1920w, //www.fairytale.eco/cdn/shop/files/Fairytale_votre_bilan_carbone.webp?v=1713533332&width=2400 2400w" sizes="100vw" fetchpriority="auto" style="object-position: var(--focal-point, center); --OBJECT-POSITION-MOBILE: 50.0% 50.0%; --OBJECT-POSITION-DESKTOP: 50.0% 50.0%;">
</picture>
</div>
</div>
</div>
<a class="link-over-image" href="/pages/bilan-carbone" aria-label=""></a>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--20622768931149__section_list_collections_products_XmdPdL" class="shopify-section"><!-- /sections/section-list-collections-products.liquid --><div class="section-list-collections-products section-padding list__collections palette--light bg--accent"
data-section-id="template--20622768931149__section_list_collections_products_XmdPdL"
data-section-type="collection-row"
style="--PT: 36px; --PB: 36px;">
<div class="wrapper--full"><h2 class="kicker-flourished mb-7">Les pépites avec le meilleur <a href="https://www.fairytale.eco/pages/score-carbone"><img style="margin-top:10px;display:block;margin-left:auto;margin-right:auto;width:200px" alt="score carbone et empreinte CO2" loading="lazy" srcset="https://cdn.shopify.com/s/files/1/0491/1002/4342/files/Score-carbone-empreinte-CO2_2.webp?v=1713456557"></a></h2>
<!-- /snippets/collection-row.liquid -->
<div class="collection-list-item">
<div class="collection-list__heading__text">
<a href="/collections/les-vetements-au-plus-faible-impact" class="hero__title heading-size-7" title="Consultez la collection Les vêtements au plus faible impact">
Les vêtements au plus faible impact
</a></div><div class="js-grid collection-list__products" data-grid-large="5" data-grid-small="2" style="--product-width: calc(50vw - var(--gutter)*2);">
<div class="collection-list__product"><!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item
aria-label="T-shirt tencel® - Jilaana"
class="product-grid-item group/product-grid-item"
data-item-id="6954640965819"
>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="6954640965819"
data-slideshow-style="disabled"
data-grid-item-variant="48047779152205"
aria-label="bleu nuit / XS"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/t-shirt-en-tencel-et-coton-bio-jilaa_tops-et-t-shirts_armedangels" data-grid-link aria-label="T-shirt tencel® - Jilaana">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="47199264211277"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-961108.jpg?v=1706037143&width=833" alt="T-shirt tencel® - Jilaana - bleu nuit - fairytale" width="833" height="1200" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-961108.jpg?crop=center&height=1041&v=1706037143&width=833 833w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-961108.jpg?crop=center&height=311&v=1706037143&width=249 249w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-961108.jpg?crop=center&height=622&v=1706037143&width=498 498w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-961108.jpg?crop=center&height=418&v=1706037143&width=335 335w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-961108.jpg?crop=center&height=837&v=1706037143&width=670 670w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-961108.jpg?crop=center&height=450&v=1706037143&width=360 360w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-961108.jpg?crop=center&height=900&v=1706037143&width=720 720w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-961108.jpg?crop=center&height=475&v=1706037143&width=380 380w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-961108.jpg?crop=center&height=950&v=1706037143&width=760 760w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-961108.jpg?crop=center&height=575&v=1706037143&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="47199264244045"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-195865.jpg?v=1706037143&width=833" alt="T-shirt tencel® - Jilaana - bleu nuit - fairytale" width="833" height="1200" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-195865.jpg?crop=center&height=1041&v=1706037143&width=833 833w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-195865.jpg?crop=center&height=311&v=1706037143&width=249 249w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-195865.jpg?crop=center&height=622&v=1706037143&width=498 498w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-195865.jpg?crop=center&height=418&v=1706037143&width=335 335w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-195865.jpg?crop=center&height=837&v=1706037143&width=670 670w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-195865.jpg?crop=center&height=450&v=1706037143&width=360 360w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-195865.jpg?crop=center&height=900&v=1706037143&width=720 720w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-195865.jpg?crop=center&height=475&v=1706037143&width=380 380w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-195865.jpg?crop=center&height=950&v=1706037143&width=760 760w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-195865.jpg?crop=center&height=575&v=1706037143&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(6954640965819, 't-shirt-en-tencel-et-coton-bio-jilaa_tops-et-t-shirts_armedangels')">
<div class="quickview md:w-full" data-quickview-holder="6954640965819" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="6954640965819" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="8892340502861"
data-slideshow-style="disabled"
data-grid-item-variant="48370567184717"
hidden aria-label="noir / XS"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/t-shirt-tencel-jilaana-noir_armedangels-8892340502861" data-grid-link aria-label="T-shirt tencel® - Jilaana">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="48205654851917"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-299122.jpg?v=1710503118&width=775" alt="T-shirt tencel® - Jilaana - noir - fairytale" width="775" height="1116" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-299122.jpg?crop=center&height=968&v=1710503118&width=775 775w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-299122.jpg?crop=center&height=311&v=1710503118&width=249 249w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-299122.jpg?crop=center&height=622&v=1710503118&width=498 498w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-299122.jpg?crop=center&height=418&v=1710503118&width=335 335w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-299122.jpg?crop=center&height=837&v=1710503118&width=670 670w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-299122.jpg?crop=center&height=450&v=1710503118&width=360 360w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-299122.jpg?crop=center&height=900&v=1710503118&width=720 720w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-299122.jpg?crop=center&height=475&v=1710503118&width=380 380w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-299122.jpg?crop=center&height=950&v=1710503118&width=760 760w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-299122.jpg?crop=center&height=575&v=1710503118&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="48205654917453"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-584446.jpg?v=1710503118&width=775" alt="T-shirt tencel® - Jilaana - noir - fairytale" width="775" height="1116" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-584446.jpg?crop=center&height=968&v=1710503118&width=775 775w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-584446.jpg?crop=center&height=311&v=1710503118&width=249 249w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-584446.jpg?crop=center&height=622&v=1710503118&width=498 498w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-584446.jpg?crop=center&height=418&v=1710503118&width=335 335w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-584446.jpg?crop=center&height=837&v=1710503118&width=670 670w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-584446.jpg?crop=center&height=450&v=1710503118&width=360 360w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-584446.jpg?crop=center&height=900&v=1710503118&width=720 720w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-584446.jpg?crop=center&height=475&v=1710503118&width=380 380w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-584446.jpg?crop=center&height=950&v=1710503118&width=760 760w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-584446.jpg?crop=center&height=575&v=1710503118&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(8892340502861, 't-shirt-tencel-jilaana-noir_armedangels-8892340502861')">
<div class="quickview md:w-full" data-quickview-holder="8892340502861" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="8892340502861" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="8892340470093"
data-slideshow-style="disabled"
data-grid-item-variant="48370566332749"
hidden aria-label="bleu / XS"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/t-shirt-tencel-jilaana-bleu_armedangels-8892340470093" data-grid-link aria-label="T-shirt tencel® - Jilaana">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="48205651247437"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-298580.jpg?v=1710503112&width=833" alt="T-shirt tencel® - Jilaana - bleu - fairytale" width="833" height="1200" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-298580.jpg?crop=center&height=1041&v=1710503112&width=833 833w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-298580.jpg?crop=center&height=311&v=1710503112&width=249 249w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-298580.jpg?crop=center&height=622&v=1710503112&width=498 498w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-298580.jpg?crop=center&height=418&v=1710503112&width=335 335w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-298580.jpg?crop=center&height=837&v=1710503112&width=670 670w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-298580.jpg?crop=center&height=450&v=1710503112&width=360 360w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-298580.jpg?crop=center&height=900&v=1710503112&width=720 720w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-298580.jpg?crop=center&height=475&v=1710503112&width=380 380w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-298580.jpg?crop=center&height=950&v=1710503112&width=760 760w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-298580.jpg?crop=center&height=575&v=1710503112&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(8892340470093, 't-shirt-tencel-jilaana-bleu_armedangels-8892340470093')">
<div class="quickview md:w-full" data-quickview-holder="8892340470093" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="8892340470093" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="8892340732237"
data-slideshow-style="disabled"
data-grid-item-variant="48370570395981"
hidden aria-label="vert / XS"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/t-shirt-tencel-jilaana-vert_armedangels-8892340732237" data-grid-link aria-label="T-shirt tencel® - Jilaana">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="48205655048525"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-106475.jpg?v=1710503118&width=776" alt="T-shirt tencel® - Jilaana - vert - fairytale" width="776" height="1118" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-106475.jpg?crop=center&height=970&v=1710503118&width=776 776w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-106475.jpg?crop=center&height=311&v=1710503118&width=249 249w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-106475.jpg?crop=center&height=622&v=1710503118&width=498 498w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-106475.jpg?crop=center&height=418&v=1710503118&width=335 335w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-106475.jpg?crop=center&height=837&v=1710503118&width=670 670w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-106475.jpg?crop=center&height=450&v=1710503118&width=360 360w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-106475.jpg?crop=center&height=900&v=1710503118&width=720 720w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-106475.jpg?crop=center&height=475&v=1710503118&width=380 380w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-106475.jpg?crop=center&height=950&v=1710503118&width=760 760w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-106475.jpg?crop=center&height=575&v=1710503118&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="48205655114061"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-983255.jpg?v=1710503118&width=776" alt="T-shirt tencel® - Jilaana - vert - fairytale" width="776" height="1118" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-983255.jpg?crop=center&height=970&v=1710503118&width=776 776w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-983255.jpg?crop=center&height=311&v=1710503118&width=249 249w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-983255.jpg?crop=center&height=622&v=1710503118&width=498 498w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-983255.jpg?crop=center&height=418&v=1710503118&width=335 335w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-983255.jpg?crop=center&height=837&v=1710503118&width=670 670w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-983255.jpg?crop=center&height=450&v=1710503118&width=360 360w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-983255.jpg?crop=center&height=900&v=1710503118&width=720 720w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-983255.jpg?crop=center&height=475&v=1710503118&width=380 380w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-983255.jpg?crop=center&height=950&v=1710503118&width=760 760w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-983255.jpg?crop=center&height=575&v=1710503118&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(8892340732237, 't-shirt-tencel-jilaana-vert_armedangels-8892340732237')">
<div class="quickview md:w-full" data-quickview-holder="8892340732237" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="8892340732237" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="8892340601165"
data-slideshow-style="disabled"
data-grid-item-variant="48370568364365"
hidden aria-label="gris / XS"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/t-shirt-tencel-jilaana-gris_armedangels-8892340601165" data-grid-link aria-label="T-shirt tencel® - Jilaana">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="48205655474509"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-227553.jpg?v=1710503118&width=833" alt="T-shirt tencel® - Jilaana - gris - fairytale" width="833" height="1200" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-227553.jpg?crop=center&height=1041&v=1710503118&width=833 833w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-227553.jpg?crop=center&height=311&v=1710503118&width=249 249w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-227553.jpg?crop=center&height=622&v=1710503118&width=498 498w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-227553.jpg?crop=center&height=418&v=1710503118&width=335 335w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-227553.jpg?crop=center&height=837&v=1710503118&width=670 670w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-227553.jpg?crop=center&height=450&v=1710503118&width=360 360w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-227553.jpg?crop=center&height=900&v=1710503118&width=720 720w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-227553.jpg?crop=center&height=475&v=1710503118&width=380 380w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-227553.jpg?crop=center&height=950&v=1710503118&width=760 760w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-227553.jpg?crop=center&height=575&v=1710503118&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="48205655507277"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-734661.jpg?v=1710503118&width=833" alt="T-shirt tencel® - Jilaana - gris - fairytale" width="833" height="1200" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-734661.jpg?crop=center&height=1041&v=1710503118&width=833 833w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-734661.jpg?crop=center&height=311&v=1710503118&width=249 249w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-734661.jpg?crop=center&height=622&v=1710503118&width=498 498w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-734661.jpg?crop=center&height=418&v=1710503118&width=335 335w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-734661.jpg?crop=center&height=837&v=1710503118&width=670 670w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-734661.jpg?crop=center&height=450&v=1710503118&width=360 360w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-734661.jpg?crop=center&height=900&v=1710503118&width=720 720w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-734661.jpg?crop=center&height=475&v=1710503118&width=380 380w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-734661.jpg?crop=center&height=950&v=1710503118&width=760 760w, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-734661.jpg?crop=center&height=575&v=1710503118&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(8892340601165, 't-shirt-tencel-jilaana-gris_armedangels-8892340601165')">
<div class="quickview md:w-full" data-quickview-holder="8892340601165" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="8892340601165" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<div class="product__grid__info text-left">
<a
href="/products/t-shirt-en-tencel-et-coton-bio-jilaa_tops-et-t-shirts_armedangels" data-grid-link aria-label="T-shirt tencel® - Jilaana"
tabindex="-1"
>
<p class="visually-hidden">T-shirt tencel® - Jilaana</p>
<div class="product__grid__title__wrapper">
<p id="product-6954640965819-title" class="product__grid__title">
T-shirt tencel® - Jilaana
</p></div>
<div class="product__grid__price product__grid__price--nowrap"><span class="product__grid__cutline">bleu nuit</span><span class="price">
39 €
</span>
</div>
</a>
<div class="product__grid__sibs">
<div class="grid__swatch__container">
<p class="grid__swatch__placeholder">5 couleurs disponibles</p>
<div class="grid__swatch__hover">
<div class="sibs__slider">
<div class="sibs__inner" data-sibling-inner data-scrollbar data-scrollbar-slider><div class="siblings__link__holder">
<a
href="/products/t-shirt-en-tencel-et-coton-bio-jilaa_tops-et-t-shirts_armedangels"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="48047779152205"
data-grid-item-swatch-image="0"
title="bleu nuit"
aria-selected="true">
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-961108.jpg?v=1706037143&width=26" alt="T-shirt tencel® - Jilaana - bleu nuit - fairytale" width="26" height="37" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-961108.jpg?v=1706037143&width=52 2x, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-961108.jpg?v=1706037143&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div><div class="siblings__link__holder">
<a
href="/products/t-shirt-tencel-jilaana-noir_armedangels-8892340502861"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="48370567184717"
data-grid-item-swatch-image="0"
title="noir"
>
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-299122.jpg?v=1710503118&width=26" alt="T-shirt tencel® - Jilaana - noir - fairytale" width="26" height="37" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-299122.jpg?v=1710503118&width=52 2x, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-299122.jpg?v=1710503118&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div><div class="siblings__link__holder">
<a
href="/products/t-shirt-tencel-jilaana-bleu_armedangels-8892340470093"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="48370566332749"
data-grid-item-swatch-image="0"
title="bleu"
>
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-298580.jpg?v=1710503112&width=26" alt="T-shirt tencel® - Jilaana - bleu - fairytale" width="26" height="37" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-298580.jpg?v=1710503112&width=52 2x, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-298580.jpg?v=1710503112&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div><div class="siblings__link__holder">
<a
href="/products/t-shirt-tencel-jilaana-vert_armedangels-8892340732237"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="48370570395981"
data-grid-item-swatch-image="0"
title="vert"
>
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-106475.jpg?v=1710503118&width=26" alt="T-shirt tencel® - Jilaana - vert - fairytale" width="26" height="37" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-106475.jpg?v=1710503118&width=52 2x, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-106475.jpg?v=1710503118&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div><div class="siblings__link__holder">
<a
href="/products/t-shirt-tencel-jilaana-gris_armedangels-8892340601165"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="48370568364365"
data-grid-item-swatch-image="0"
title="gris"
>
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-227553.jpg?v=1710503118&width=26" alt="T-shirt tencel® - Jilaana - gris - fairytale" width="26" height="37" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-227553.jpg?v=1710503118&width=52 2x, //www.fairytale.eco/cdn/shop/products/t-shirt-tencel-jilaana-armedangels-fairytale-227553.jpg?v=1710503118&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div></div>
<button type="button" class="tabs__arrow tabs__arrow--prev is-hidden" data-scrollbar-arrow-prev>
<span class="visually-hidden">Voir tout</span>
</button>
<button type="button" class="tabs__arrow tabs__arrow--next is-hidden" data-scrollbar-arrow-next>
<span class="visually-hidden">Voir tout</span>
</button>
</div>
</div>
</div>
</div>
</div>
</product-grid-item>
</div><!-- /.collection-list__product -->
<div class="collection-list__product"><!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item
aria-label="T-shirt vert en fibres recyclées - Toucan"
class="product-grid-item group/product-grid-item"
data-item-id="8659267256653"
>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="8659267256653"
data-slideshow-style="disabled"
data-grid-item-variant="47280481435981"
aria-label="Vert / XS"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/t-shirt-toucan-vert-foret" data-grid-link aria-label="T-shirt vert en fibres recyclées - Toucan">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="45372417671501"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-182577.jpg?v=1696614430&width=900" alt="T-shirt vert en fibres recyclées - Toucan - Vert - fairytale" width="900" height="1200" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-182577.jpg?crop=center&height=1125&v=1696614430&width=900 900w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-182577.jpg?crop=center&height=311&v=1696614430&width=249 249w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-182577.jpg?crop=center&height=622&v=1696614430&width=498 498w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-182577.jpg?crop=center&height=418&v=1696614430&width=335 335w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-182577.jpg?crop=center&height=837&v=1696614430&width=670 670w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-182577.jpg?crop=center&height=450&v=1696614430&width=360 360w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-182577.jpg?crop=center&height=900&v=1696614430&width=720 720w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-182577.jpg?crop=center&height=475&v=1696614430&width=380 380w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-182577.jpg?crop=center&height=950&v=1696614430&width=760 760w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-182577.jpg?crop=center&height=575&v=1696614430&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="45372417737037"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-842552.jpg?v=1696614430&width=899" alt="T-shirt vert en fibres recyclées - Toucan - Vert - fairytale" width="899" height="1200" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-842552.jpg?crop=center&height=1123&v=1696614430&width=899 899w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-842552.jpg?crop=center&height=311&v=1696614430&width=249 249w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-842552.jpg?crop=center&height=622&v=1696614430&width=498 498w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-842552.jpg?crop=center&height=418&v=1696614430&width=335 335w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-842552.jpg?crop=center&height=837&v=1696614430&width=670 670w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-842552.jpg?crop=center&height=450&v=1696614430&width=360 360w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-842552.jpg?crop=center&height=900&v=1696614430&width=720 720w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-842552.jpg?crop=center&height=475&v=1696614430&width=380 380w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-842552.jpg?crop=center&height=950&v=1696614430&width=760 760w, //www.fairytale.eco/cdn/shop/products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-842552.jpg?crop=center&height=575&v=1696614430&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productGridItemQuickAddMenu()">
<button
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto transition-opacity"
title="Ajout rapide"
aria-haspopup="true"
:aria-expanded="isOpen"
:id="$id('quick-add-menu-button')"
:aria-controls="$id('quick-add-menu-slideover')"
@click.stop="open()"
@mouseover="open()"
x-ref="button"
:class=" isOpen ? 'duration-[--enter-animation-duration] delay-0 opacity-0 md:opacity-100' : 'duration-[--exit-animation-duration] delay-[--exit-animation-duration] opacity-100' "
aria-label="Ajout rapide"
>
<span
class="whitespace-nowrap text-button-contrast transition translate-y-0 transform"
:class=" isOpen ? 'duration-[--enter-animation-duration] delay-0 translate-y-full opacity-0' : 'duration-[--exit-animation-duration] delay-[calc(var(--exit-animation-duration))] translate-y-0 opacity-100' "
>
<span class="hidden md:block">
Ajout rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
</button>
<div
class="absolute top-0 right-0 bottom-0 left-0 overflow-hidden flex flex-col justify-end"
role="popover"
x-show="isOpen"
x-cloak
:aria-labelledby="$id('quick-add-menu-button')"
>
<div
class="stain-button-content top-0 right-0 bottom-0 left-0 top-auto max-h-full overflow-scroll scrollbar-hide pointer-events-auto transition transform absolute origin-bottom bg-button md:opacity-100"
x-show="isOpen"
x-transition:enter="duration-[calc(var(--enter-animation-duration)*2)] delay-[calc(var(--enter-animation-duration)/2)]"
x-transition:enter-start="invisible translate-y-full opacity-0 md:opacity-100"
x-transition:enter-end="visible translate-y-0 opacity-100 md:opacity-100"
x-transition:leave="duration-[calc(var(--exit-animation-duration)*2)] delay-[calc(var(--exit-animation-duration)/4)]"
x-transition:leave-start="visible translate-y-0 opacity-100 md:opacity-100"
x-transition:leave-end="invisible translate-y-full opacity-0 md:opacity-100"
>
<div
class="transition transform"
x-show="isOpen"
x-transition:enter="duration-[calc(var(--enter-animation-duration)*2)] delay-[calc(var(--enter-animation-duration)/2)]"
x-transition:enter-start="translate-y-1/2 opacity-0"
x-transition:enter-end="translate-y-0 opacity-full"
x-transition:leave="duration-[calc(var(--exit-animation-duration))] delay-0"
x-transition:leave-start="translate-y-0 opacity-full"
x-transition:leave-end="translate-y-1/2 opacity-0"
>
<!-- /snippets/product-grid-item-quick-add-menu.liquid -->
<div
:id="$id('quick-add-menu-toolbar')"
role="toolbar"
@keydown.right.prevent.stop="$focus.wrap().next()"
@keydown.left.prevent.stop="$focus.wrap().prev()"
class="flex flex-row items-center flex-wrap justify-center space-x-1 py-2 min-h-[40px] md:gap-y-1 md:min-h-[48px]"
>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_8659267256653" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="47280481435981">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter XS au panier"
aria-label="Ajouter XS au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
XS
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="8659267256653" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_XmdPdL" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_8659267256653" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="47280481468749">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter S au panier"
aria-label="Ajouter S au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
S
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="8659267256653" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_XmdPdL" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_8659267256653" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="47280481501517">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter M au panier"
aria-label="Ajouter M au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
M
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="8659267256653" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_XmdPdL" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_8659267256653" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="47280481534285">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter L au panier"
aria-label="Ajouter L au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
L
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="8659267256653" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_XmdPdL" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_8659267256653" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="47280481567053">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter XL au panier"
aria-label="Ajouter XL au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
XL
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="8659267256653" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_XmdPdL" /></form></div>
</div>
</div>
</div>
</div>
</div></div>
</product-grid-item-variant>
<div class="product__grid__info text-left">
<a
href="/products/t-shirt-toucan-vert-foret" data-grid-link aria-label="T-shirt vert en fibres recyclées - Toucan"
tabindex="-1"
>
<p class="visually-hidden">T-shirt vert en fibres recyclées - Toucan</p>
<div class="product__grid__title__wrapper">
<p id="product-8659267256653-title" class="product__grid__title">
T-shirt vert en fibres recyclées - Toucan
</p></div>
<div class="product__grid__price product__grid__price--nowrap"><span class="product__grid__cutline">Vert</span><span class="price">
69 €
</span>
</div>
</a><div class="grid__swatch__container">
<p class="grid__swatch__placeholder">1 couleur disponible</p>
<div class="grid__swatch__hover" role="tablist" aria-label="Options" data-swatch-handle="t-shirt-toucan-vert-foret" data-swatch-label="" data-sibling-inner data-scrollbar data-scrollbar-slider>
<radio-swatch class="swatch__button swatch__button--square">
<a
href="/products/t-shirt-toucan-vert-foret?variant=47280481435981"
class="swatch__label"
data-swatch="Vert"
data-grid-item-variant="47280481435981"
data-swatch-index="0"
aria-selected="true"
data-swatch-image="products/t-shirt-vert-en-fibres-recyclees-toucan-geopelie-fairytale-182577.jpg"
data-swatch-image-id="45372417671501"
>
<span class="visually-hidden">Vert</span>
</a>
</radio-swatch>
</div>
<button type="button" class="tabs__arrow tabs__arrow--prev is-hidden" data-scrollbar-arrow-prev>
<span class="visually-hidden">Voir tout</span>
</button>
<button type="button" class="tabs__arrow tabs__arrow--next is-hidden" data-scrollbar-arrow-next>
<span class="visually-hidden">Voir tout</span>
</button>
</div></div>
</product-grid-item>
</div><!-- /.collection-list__product -->
<div class="collection-list__product"><!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item
aria-label="Robe courte coton biologique - Robine"
class="product-grid-item group/product-grid-item"
data-item-id="8541835460941"
>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="8541835460941"
data-slideshow-style="disabled"
data-grid-item-variant="46690161819981"
aria-label="XL"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/robe-robine-noire" data-grid-link aria-label="Robe courte coton biologique - Robine">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="44122036240717"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?v=1687882583&width=890" alt="" width="890" height="1080" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?crop=center&height=1112&v=1687882583&width=890 890w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?crop=center&height=311&v=1687882583&width=249 249w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?crop=center&height=622&v=1687882583&width=498 498w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?crop=center&height=418&v=1687882583&width=335 335w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?crop=center&height=837&v=1687882583&width=670 670w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?crop=center&height=450&v=1687882583&width=360 360w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?crop=center&height=900&v=1687882583&width=720 720w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?crop=center&height=475&v=1687882583&width=380 380w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?crop=center&height=950&v=1687882583&width=760 760w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?crop=center&height=575&v=1687882583&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="44122036273485"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-GOTS-fabriquee-en-France.jpg?v=1687882583&width=890" alt="" width="890" height="1080" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-GOTS-fabriquee-en-France.jpg?crop=center&height=1112&v=1687882583&width=890 890w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-GOTS-fabriquee-en-France.jpg?crop=center&height=311&v=1687882583&width=249 249w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-GOTS-fabriquee-en-France.jpg?crop=center&height=622&v=1687882583&width=498 498w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-GOTS-fabriquee-en-France.jpg?crop=center&height=418&v=1687882583&width=335 335w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-GOTS-fabriquee-en-France.jpg?crop=center&height=837&v=1687882583&width=670 670w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-GOTS-fabriquee-en-France.jpg?crop=center&height=450&v=1687882583&width=360 360w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-GOTS-fabriquee-en-France.jpg?crop=center&height=900&v=1687882583&width=720 720w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-GOTS-fabriquee-en-France.jpg?crop=center&height=475&v=1687882583&width=380 380w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-GOTS-fabriquee-en-France.jpg?crop=center&height=950&v=1687882583&width=760 760w, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-GOTS-fabriquee-en-France.jpg?crop=center&height=575&v=1687882583&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productGridItemQuickAddMenu()">
<button
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto transition-opacity"
title="Ajout rapide"
aria-haspopup="true"
:aria-expanded="isOpen"
:id="$id('quick-add-menu-button')"
:aria-controls="$id('quick-add-menu-slideover')"
@click.stop="open()"
@mouseover="open()"
x-ref="button"
:class=" isOpen ? 'duration-[--enter-animation-duration] delay-0 opacity-0 md:opacity-100' : 'duration-[--exit-animation-duration] delay-[--exit-animation-duration] opacity-100' "
aria-label="Ajout rapide"
>
<span
class="whitespace-nowrap text-button-contrast transition translate-y-0 transform"
:class=" isOpen ? 'duration-[--enter-animation-duration] delay-0 translate-y-full opacity-0' : 'duration-[--exit-animation-duration] delay-[calc(var(--exit-animation-duration))] translate-y-0 opacity-100' "
>
<span class="hidden md:block">
Ajout rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
</button>
<div
class="absolute top-0 right-0 bottom-0 left-0 overflow-hidden flex flex-col justify-end"
role="popover"
x-show="isOpen"
x-cloak
:aria-labelledby="$id('quick-add-menu-button')"
>
<div
class="stain-button-content top-0 right-0 bottom-0 left-0 top-auto max-h-full overflow-scroll scrollbar-hide pointer-events-auto transition transform absolute origin-bottom bg-button md:opacity-100"
x-show="isOpen"
x-transition:enter="duration-[calc(var(--enter-animation-duration)*2)] delay-[calc(var(--enter-animation-duration)/2)]"
x-transition:enter-start="invisible translate-y-full opacity-0 md:opacity-100"
x-transition:enter-end="visible translate-y-0 opacity-100 md:opacity-100"
x-transition:leave="duration-[calc(var(--exit-animation-duration)*2)] delay-[calc(var(--exit-animation-duration)/4)]"
x-transition:leave-start="visible translate-y-0 opacity-100 md:opacity-100"
x-transition:leave-end="invisible translate-y-full opacity-0 md:opacity-100"
>
<div
class="transition transform"
x-show="isOpen"
x-transition:enter="duration-[calc(var(--enter-animation-duration)*2)] delay-[calc(var(--enter-animation-duration)/2)]"
x-transition:enter-start="translate-y-1/2 opacity-0"
x-transition:enter-end="translate-y-0 opacity-full"
x-transition:leave="duration-[calc(var(--exit-animation-duration))] delay-0"
x-transition:leave-start="translate-y-0 opacity-full"
x-transition:leave-end="translate-y-1/2 opacity-0"
>
<!-- /snippets/product-grid-item-quick-add-menu.liquid -->
<div
:id="$id('quick-add-menu-toolbar')"
role="toolbar"
@keydown.right.prevent.stop="$focus.wrap().next()"
@keydown.left.prevent.stop="$focus.wrap().prev()"
class="flex flex-row items-center flex-wrap justify-center space-x-1 py-2 min-h-[40px] md:gap-y-1 md:min-h-[48px]"
>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_8541835460941" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="46690161819981">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter XL au panier"
aria-label="Ajouter XL au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
XL
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="8541835460941" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_XmdPdL" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_8541835460941" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="46690161852749">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter L au panier"
aria-label="Ajouter L au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
L
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="8541835460941" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_XmdPdL" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_8541835460941" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="46690161885517">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter M au panier"
aria-label="Ajouter M au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
M
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="8541835460941" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_XmdPdL" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_8541835460941" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="46690161918285">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter S au panier"
aria-label="Ajouter S au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
S
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="8541835460941" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_XmdPdL" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_8541835460941" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="46690161951053">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter XS au panier"
aria-label="Ajouter XS au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
XS
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="8541835460941" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_XmdPdL" /></form></div>
</div>
</div>
</div>
</div>
</div></div>
</product-grid-item-variant>
<div class="product__grid__info text-left">
<a
href="/products/robe-robine-noire" data-grid-link aria-label="Robe courte coton biologique - Robine"
tabindex="-1"
>
<p class="visually-hidden">Robe courte coton biologique - Robine</p>
<div class="product__grid__title__wrapper">
<p id="product-8541835460941-title" class="product__grid__title">
Robe courte coton biologique - Robine
</p></div>
<div class="product__grid__price product__grid__price--nowrap"><span class="product__grid__cutline"></span><span class="price">
139 €
</span>
</div>
</a>
<div class="product__grid__sibs">
<div class="grid__swatch__container">
<p class="grid__swatch__placeholder">1 couleur disponible</p>
<div class="grid__swatch__hover">
<div class="sibs__slider">
<div class="sibs__inner" data-sibling-inner data-scrollbar data-scrollbar-slider><div class="siblings__link__holder">
<a
href="/products/robe-robine-noire"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="46690161819981"
data-grid-item-swatch-image="0"
title="Robe courte coton biologique - Robine"
aria-selected="true">
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?v=1687882583&width=26" alt="Robe courte coton biologique - Robine" width="26" height="32" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?v=1687882583&width=52 2x, //www.fairytale.eco/cdn/shop/products/Petite-robe-noire-gaze-de-coton-biologique-GOTS-broderie-anglaise-made-in-France-personnalisable.jpg?v=1687882583&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div></div>
<button type="button" class="tabs__arrow tabs__arrow--prev is-hidden" data-scrollbar-arrow-prev>
<span class="visually-hidden">Voir tout</span>
</button>
<button type="button" class="tabs__arrow tabs__arrow--next is-hidden" data-scrollbar-arrow-next>
<span class="visually-hidden">Voir tout</span>
</button>
</div>
</div>
</div>
</div>
</div>
</product-grid-item>
</div><!-- /.collection-list__product -->
<div class="collection-list__product"><!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item
aria-label="Jupe longue lenzing® ecovero® - Melanie"
class="product-grid-item group/product-grid-item"
data-item-id="7475089670368"
>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="7475089670368"
data-slideshow-style="disabled"
data-grid-item-variant="42140181135584"
aria-label="XS"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/jupe-chesnut-imprime-en-ecovero-melanie" data-grid-link aria-label="Jupe longue lenzing® ecovero® - Melanie">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="45221517558093"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?v=1695736890&width=890" alt="Jupe longue lenzing® ecovero® - Melanie - XS - fairytale" width="890" height="1080" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?crop=center&height=1112&v=1695736890&width=890 890w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?crop=center&height=311&v=1695736890&width=249 249w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?crop=center&height=622&v=1695736890&width=498 498w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?crop=center&height=418&v=1695736890&width=335 335w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?crop=center&height=837&v=1695736890&width=670 670w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?crop=center&height=450&v=1695736890&width=360 360w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?crop=center&height=900&v=1695736890&width=720 720w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?crop=center&height=475&v=1695736890&width=380 380w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?crop=center&height=950&v=1695736890&width=760 760w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?crop=center&height=575&v=1695736890&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="45221517590861"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-320745.jpg?v=1695736890&width=890" alt="Jupe longue lenzing® ecovero® - Melanie - XS - fairytale" width="890" height="1080" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-320745.jpg?crop=center&height=1112&v=1695736890&width=890 890w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-320745.jpg?crop=center&height=311&v=1695736890&width=249 249w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-320745.jpg?crop=center&height=622&v=1695736890&width=498 498w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-320745.jpg?crop=center&height=418&v=1695736890&width=335 335w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-320745.jpg?crop=center&height=837&v=1695736890&width=670 670w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-320745.jpg?crop=center&height=450&v=1695736890&width=360 360w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-320745.jpg?crop=center&height=900&v=1695736890&width=720 720w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-320745.jpg?crop=center&height=475&v=1695736890&width=380 380w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-320745.jpg?crop=center&height=950&v=1695736890&width=760 760w, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-320745.jpg?crop=center&height=575&v=1695736890&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productGridItemQuickAddMenu()">
<button
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto transition-opacity"
title="Ajout rapide"
aria-haspopup="true"
:aria-expanded="isOpen"
:id="$id('quick-add-menu-button')"
:aria-controls="$id('quick-add-menu-slideover')"
@click.stop="open()"
@mouseover="open()"
x-ref="button"
:class=" isOpen ? 'duration-[--enter-animation-duration] delay-0 opacity-0 md:opacity-100' : 'duration-[--exit-animation-duration] delay-[--exit-animation-duration] opacity-100' "
aria-label="Ajout rapide"
>
<span
class="whitespace-nowrap text-button-contrast transition translate-y-0 transform"
:class=" isOpen ? 'duration-[--enter-animation-duration] delay-0 translate-y-full opacity-0' : 'duration-[--exit-animation-duration] delay-[calc(var(--exit-animation-duration))] translate-y-0 opacity-100' "
>
<span class="hidden md:block">
Ajout rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
</button>
<div
class="absolute top-0 right-0 bottom-0 left-0 overflow-hidden flex flex-col justify-end"
role="popover"
x-show="isOpen"
x-cloak
:aria-labelledby="$id('quick-add-menu-button')"
>
<div
class="stain-button-content top-0 right-0 bottom-0 left-0 top-auto max-h-full overflow-scroll scrollbar-hide pointer-events-auto transition transform absolute origin-bottom bg-button md:opacity-100"
x-show="isOpen"
x-transition:enter="duration-[calc(var(--enter-animation-duration)*2)] delay-[calc(var(--enter-animation-duration)/2)]"
x-transition:enter-start="invisible translate-y-full opacity-0 md:opacity-100"
x-transition:enter-end="visible translate-y-0 opacity-100 md:opacity-100"
x-transition:leave="duration-[calc(var(--exit-animation-duration)*2)] delay-[calc(var(--exit-animation-duration)/4)]"
x-transition:leave-start="visible translate-y-0 opacity-100 md:opacity-100"
x-transition:leave-end="invisible translate-y-full opacity-0 md:opacity-100"
>
<div
class="transition transform"
x-show="isOpen"
x-transition:enter="duration-[calc(var(--enter-animation-duration)*2)] delay-[calc(var(--enter-animation-duration)/2)]"
x-transition:enter-start="translate-y-1/2 opacity-0"
x-transition:enter-end="translate-y-0 opacity-full"
x-transition:leave="duration-[calc(var(--exit-animation-duration))] delay-0"
x-transition:leave-start="translate-y-0 opacity-full"
x-transition:leave-end="translate-y-1/2 opacity-0"
>
<!-- /snippets/product-grid-item-quick-add-menu.liquid -->
<div
:id="$id('quick-add-menu-toolbar')"
role="toolbar"
@keydown.right.prevent.stop="$focus.wrap().next()"
@keydown.left.prevent.stop="$focus.wrap().prev()"
class="flex flex-row items-center flex-wrap justify-center space-x-1 py-2 min-h-[40px] md:gap-y-1 md:min-h-[48px]"
>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_7475089670368" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="42140181135584">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter XS au panier"
aria-label="Ajouter XS au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
XS
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="7475089670368" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_XmdPdL" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_7475089670368" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="42140181168352">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter XL au panier"
aria-label="Ajouter XL au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
XL
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="7475089670368" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_XmdPdL" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_7475089670368" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="42140181201120">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter S au panier"
aria-label="Ajouter S au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
S
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="7475089670368" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_XmdPdL" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_7475089670368" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="42140181233888">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter M au panier"
aria-label="Ajouter M au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
M
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="7475089670368" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_XmdPdL" /></form></div>
<!-- /snippets/product-add-button-form.liquid -->
<div x-data="productAddButtonForm()" class=""><form method="post" action="/cart/add" id="product_form_7475089670368" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="42140181266656">
<button
data-add-to-cart
name="add"
class="block group/option-button whitespace-nowrap typography-accent text-a2"
:class="{ 'has-success': isSuccess, 'loading': isLoading }"
:disabled="false || isDisabled"
:aria-busy="isLoading"
title="Ajouter L au panier"
aria-label="Ajouter L au panier"
>
<span class="btn-state-ready inline-block whitespace-nowrap rounded-[calc(min(2px, var(--radius)))] text-button-contrast px-2 py-2 group-hover/option-button:text-button-contrast group-hover/option-button:bg-button-contrast/5">
L
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
<span class="btn-state-complete" style="--primary: rgb(var(--rgb-button-contrast));"> </span>
</button>
<input type="hidden" name="product-id" value="7475089670368" /><input type="hidden" name="section-id" value="template--20622768931149__section_list_collections_products_XmdPdL" /></form></div>
</div>
</div>
</div>
</div>
</div></div>
</product-grid-item-variant>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content sold-out tagged"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="7630021689568"
data-slideshow-style="disabled"
data-grid-item-variant="42689492910304"
hidden aria-label="rose / XS"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/jupe-blush-en-ecovero-melanie" data-grid-link aria-label="Jupe longue lenzing® ecovero® - Melanie">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="43949890765133"
data-variant-id=""
loading="lazy"
data-grid-current-image
data-slide-for-filter-selected-variant
data-slide-for-variant-media
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?v=1686735717&width=890" alt="" width="890" height="1080" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?crop=center&height=1112&v=1686735717&width=890 890w, //www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?crop=center&height=311&v=1686735717&width=249 249w, //www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?crop=center&height=622&v=1686735717&width=498 498w, //www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?crop=center&height=418&v=1686735717&width=335 335w, //www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?crop=center&height=837&v=1686735717&width=670 670w, //www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?crop=center&height=450&v=1686735717&width=360 360w, //www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?crop=center&height=900&v=1686735717&width=720 720w, //www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?crop=center&height=475&v=1686735717&width=380 380w, //www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?crop=center&height=950&v=1686735717&width=760 760w, //www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?crop=center&height=575&v=1686735717&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="43949890797901"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/Jupe-longue-viscose-EcoVero-taille-elastique-couleur-nude-unie-fabriquee-en-France.jpg?v=1686735717&width=890" alt="" width="890" height="1080" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/Jupe-longue-viscose-EcoVero-taille-elastique-couleur-nude-unie-fabriquee-en-France.jpg?crop=center&height=1112&v=1686735717&width=890 890w, //www.fairytale.eco/cdn/shop/products/Jupe-longue-viscose-EcoVero-taille-elastique-couleur-nude-unie-fabriquee-en-France.jpg?crop=center&height=311&v=1686735717&width=249 249w, //www.fairytale.eco/cdn/shop/products/Jupe-longue-viscose-EcoVero-taille-elastique-couleur-nude-unie-fabriquee-en-France.jpg?crop=center&height=622&v=1686735717&width=498 498w, //www.fairytale.eco/cdn/shop/products/Jupe-longue-viscose-EcoVero-taille-elastique-couleur-nude-unie-fabriquee-en-France.jpg?crop=center&height=418&v=1686735717&width=335 335w, //www.fairytale.eco/cdn/shop/products/Jupe-longue-viscose-EcoVero-taille-elastique-couleur-nude-unie-fabriquee-en-France.jpg?crop=center&height=837&v=1686735717&width=670 670w, //www.fairytale.eco/cdn/shop/products/Jupe-longue-viscose-EcoVero-taille-elastique-couleur-nude-unie-fabriquee-en-France.jpg?crop=center&height=450&v=1686735717&width=360 360w, //www.fairytale.eco/cdn/shop/products/Jupe-longue-viscose-EcoVero-taille-elastique-couleur-nude-unie-fabriquee-en-France.jpg?crop=center&height=900&v=1686735717&width=720 720w, //www.fairytale.eco/cdn/shop/products/Jupe-longue-viscose-EcoVero-taille-elastique-couleur-nude-unie-fabriquee-en-France.jpg?crop=center&height=475&v=1686735717&width=380 380w, //www.fairytale.eco/cdn/shop/products/Jupe-longue-viscose-EcoVero-taille-elastique-couleur-nude-unie-fabriquee-en-France.jpg?crop=center&height=950&v=1686735717&width=760 760w, //www.fairytale.eco/cdn/shop/products/Jupe-longue-viscose-EcoVero-taille-elastique-couleur-nude-unie-fabriquee-en-France.jpg?crop=center&height=575&v=1686735717&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
<div class="product__badge product__badge--sold">Épuisé</div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(7630021689568, 'jupe-blush-en-ecovero-melanie')">
<div class="quickview md:w-full" data-quickview-holder="7630021689568" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto opacity-50 !cursor-not-allowed"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Épuisé"
:disabled="true || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="7630021689568" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<div class="product__grid__info text-left">
<a
href="/products/jupe-chesnut-imprime-en-ecovero-melanie" data-grid-link aria-label="Jupe longue lenzing® ecovero® - Melanie"
tabindex="-1"
>
<p class="visually-hidden">Jupe longue lenzing® ecovero® - Melanie</p>
<div class="product__grid__title__wrapper">
<p id="product-7475089670368-title" class="product__grid__title">
Jupe longue lenzing® ecovero® - Melanie
</p></div>
<div class="product__grid__price product__grid__price--nowrap"><span class="product__grid__cutline"></span><span class="price">
110 €
</span>
</div>
</a>
<div class="product__grid__sibs">
<div class="grid__swatch__container">
<p class="grid__swatch__placeholder">2 couleurs disponibles</p>
<div class="grid__swatch__hover">
<div class="sibs__slider">
<div class="sibs__inner" data-sibling-inner data-scrollbar data-scrollbar-slider><div class="siblings__link__holder">
<a
href="/products/jupe-chesnut-imprime-en-ecovero-melanie"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="42140181135584"
data-grid-item-swatch-image="0"
title="Jupe longue lenzing® ecovero® - Melanie"
aria-selected="true">
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?v=1695736890&width=26" alt="Jupe longue lenzing® ecovero® - Melanie - XS - fairytale" width="26" height="32" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?v=1695736890&width=52 2x, //www.fairytale.eco/cdn/shop/products/jupe-longue-lenzing-ecovero-melanie-april-c-fairytale-844897.jpg?v=1695736890&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div><div class="siblings__link__holder sold-out">
<a
href="/products/jupe-blush-en-ecovero-melanie"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="42689492910304"
data-grid-item-swatch-image="0"
title="rose"
>
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?v=1686735717&width=26" alt="rose" width="26" height="32" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?v=1686735717&width=52 2x, //www.fairytale.eco/cdn/shop/products/Jupe-midi-fendue-viscose-ecologique-couleur-nude-made-in-France-Eco-Responsable.jpg?v=1686735717&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div></div>
<button type="button" class="tabs__arrow tabs__arrow--prev is-hidden" data-scrollbar-arrow-prev>
<span class="visually-hidden">Voir tout</span>
</button>
<button type="button" class="tabs__arrow tabs__arrow--next is-hidden" data-scrollbar-arrow-next>
<span class="visually-hidden">Voir tout</span>
</button>
</div>
</div>
</div>
</div>
</div>
</product-grid-item>
</div><!-- /.collection-list__product -->
<div class="collection-list__product"><!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item
aria-label="Shorty coton biologique - Dawa"
class="product-grid-item group/product-grid-item"
data-item-id="7171846996155"
>
<!-- /snippets/product-grid-item-variant.liquid -->
<product-grid-item-variant
class="product-grid-item__content on-sale tagged"
style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; "
data-grid-item="7171846996155"
data-slideshow-style="disabled"
data-grid-item-variant="41867257348283"
aria-label="lilas / XS"
>
<div class="product-grid-item__container" data-error-boundary>
<div data-error-display class="product-grid-item__error-display"> </div>
<a href="/products/shorty-bresilien-dawa-myosotis" data-grid-link aria-label="Shorty coton biologique - Dawa">
<div
class="product-grid-item__images aspect-[--wh-ratio]"
data-grid-images data-grid-slide
style=" --wh-ratio: 0.8; "
>
<product-grid-item-image
class="product-grid-item__image-wrapper is-active"
data-grid-image="0"
data-grid-image-target="45369616236877"
data-variant-id=""
loading="lazy"
data-grid-current-image
>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/Olly-lingerie_dos-du-shorty-dawa-myosotis-en-dentelle-recylclee.jpg?v=1696595524&width=598" alt="Jeune femme de dos portant un shorty de couleur bleu myosotis elle est en train d'agrafer son soutien gorge." width="598" height="897" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/Olly-lingerie_dos-du-shorty-dawa-myosotis-en-dentelle-recylclee.jpg?crop=center&height=747&v=1696595524&width=598 598w, //www.fairytale.eco/cdn/shop/products/Olly-lingerie_dos-du-shorty-dawa-myosotis-en-dentelle-recylclee.jpg?crop=center&height=311&v=1696595524&width=249 249w, //www.fairytale.eco/cdn/shop/products/Olly-lingerie_dos-du-shorty-dawa-myosotis-en-dentelle-recylclee.jpg?crop=center&height=622&v=1696595524&width=498 498w, //www.fairytale.eco/cdn/shop/products/Olly-lingerie_dos-du-shorty-dawa-myosotis-en-dentelle-recylclee.jpg?crop=center&height=418&v=1696595524&width=335 335w, //www.fairytale.eco/cdn/shop/products/Olly-lingerie_dos-du-shorty-dawa-myosotis-en-dentelle-recylclee.jpg?crop=center&height=450&v=1696595524&width=360 360w, //www.fairytale.eco/cdn/shop/products/Olly-lingerie_dos-du-shorty-dawa-myosotis-en-dentelle-recylclee.jpg?crop=center&height=475&v=1696595524&width=380 380w, //www.fairytale.eco/cdn/shop/products/Olly-lingerie_dos-du-shorty-dawa-myosotis-en-dentelle-recylclee.jpg?crop=center&height=575&v=1696595524&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="high" style="object-position: center center; ">
</div>
</product-grid-item-image>
<product-grid-item-image
class="product-grid-item__image-wrapper"
data-grid-image="1"
data-grid-image-target="45369616269645"
data-variant-id=""
loading="lazy"
>
<template>
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 0.8; ">
<img src="//www.fairytale.eco/cdn/shop/products/Olly-lingerie_soutien-gorge-shorty-dentelle-bleu-myosotis.jpg?v=1696595524&width=598" alt="Jeune femme debout à contre-jour, en ensemble de lingerie bleue en coton biologique de la marque de lingerie Olly. " width="598" height="897" loading="lazy" class="block overflow-hidden w-full h-full object-cover product-grid-item__image" srcset="//www.fairytale.eco/cdn/shop/products/Olly-lingerie_soutien-gorge-shorty-dentelle-bleu-myosotis.jpg?crop=center&height=747&v=1696595524&width=598 598w, //www.fairytale.eco/cdn/shop/products/Olly-lingerie_soutien-gorge-shorty-dentelle-bleu-myosotis.jpg?crop=center&height=311&v=1696595524&width=249 249w, //www.fairytale.eco/cdn/shop/products/Olly-lingerie_soutien-gorge-shorty-dentelle-bleu-myosotis.jpg?crop=center&height=622&v=1696595524&width=498 498w, //www.fairytale.eco/cdn/shop/products/Olly-lingerie_soutien-gorge-shorty-dentelle-bleu-myosotis.jpg?crop=center&height=418&v=1696595524&width=335 335w, //www.fairytale.eco/cdn/shop/products/Olly-lingerie_soutien-gorge-shorty-dentelle-bleu-myosotis.jpg?crop=center&height=450&v=1696595524&width=360 360w, //www.fairytale.eco/cdn/shop/products/Olly-lingerie_soutien-gorge-shorty-dentelle-bleu-myosotis.jpg?crop=center&height=475&v=1696595524&width=380 380w, //www.fairytale.eco/cdn/shop/products/Olly-lingerie_soutien-gorge-shorty-dentelle-bleu-myosotis.jpg?crop=center&height=575&v=1696595524&width=460 460w" sizes="(min-width: 1024px) calc((100vw - 20px) / 3),(min-width: 768px) calc((100vw - 20px) / 3),calc((100vw - 20px) / 1)" fetchpriority="low" style="object-position: center center; ">
</div>
</template>
</product-grid-item-image></div>
<div class="product__badge product__badge--sale">- 31%</div>
</a>
<div class="group/quick-actions-toolbar absolute flex flex-col justify-end items-end overflow-hidden top-[calc(var(--inner)/2)] right-[calc(var(--inner)/2)] bottom-[calc(var(--inner)/2)] left-[calc(var(--inner)/2)] transition duration-[--exit-animation-duration] md:items-normal md:opacity-0 md:translate-y-2 md:group-hover/product-grid-item:opacity-100 md:group-hover/product-grid-item:translate-y-0 md:group-focus-within/product-grid-item:opacity-100 md:group-focus-within/product-grid-item:translate-y-0 pointer-events-none" x-data="productQuickViewButton(7171846996155, 'shorty-bresilien-dawa-myosotis')">
<div class="quickview md:w-full" data-quickview-holder="7171846996155" data-add-action-wrapper>
<button
type="button"
class="stain-button-content group/quick-action-button bg-button flex items-center justify-center typography-accent-bold text-a3 transition-opacity duration-[--enter-animation-duration] pointer-events-auto w-8 aspect-square min-w-[40px] min-h-[40px] md:min-h-[48px] md:px-5 md:py-3 md:w-full md:aspect-auto"
@click.prevent="clickQuickviewButton"
:class="{ 'loading': isLoading }"
title="Aperçu rapide"
:disabled="false || isDisabled"
aria-label="Aperçu rapide"
>
<span class="btn-state-ready text-button-contrast group-hover/quick-action-button:text-button-contrast/50 whitespace-nowrap">
<span class="hidden md:block">
Aperçu rapide
</span>
<span aria-hidden class="block md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewbox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg>
</span>
</span>
<span class="btn-state-loading">
<svg height="18" width="18" class="svg-loader" style="--border: rgb(var(--rgb-button-contrast) / 50%); --text: rgb(var(--rgb-button-contrast));">
<circle r="7" cx="9" cy="9" />
<circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9" />
</svg>
</span>
</button>
<script data-quickview-modal-template type="text/x-template">
<div class="drawer drawer--right quickview__modal" data-quickview-modal data-form-holder id="7171846996155" aria-hidden="true">
<div class="drawer__content" data-product-quickview-ajax></div>
<span class="drawer__underlay" data-micromodal-close tabindex="-1">
<span class="drawer__underlay__fill"></span>
<span class="drawer__underlay__blur"></span>
</span>
</div>
</script>
</div>
</div></div>
</product-grid-item-variant>
<div class="product__grid__info text-left">
<a
href="/products/shorty-bresilien-dawa-myosotis" data-grid-link aria-label="Shorty coton biologique - Dawa"
tabindex="-1"
>
<p class="visually-hidden">Shorty coton biologique - Dawa</p>
<div class="product__grid__title__wrapper">
<p id="product-7171846996155-title" class="product__grid__title">
Shorty coton biologique - Dawa
</p></div>
<div class="product__grid__price product__grid__price--nowrap"><span class="product__grid__cutline">lilas</span><span class="price on-sale">
24 €
</span>
<span class="compare-at">35 €
</span>
</div>
</a>
<div class="product__grid__sibs">
<div class="grid__swatch__container">
<p class="grid__swatch__placeholder">1 couleur disponible</p>
<div class="grid__swatch__hover">
<div class="sibs__slider">
<div class="sibs__inner" data-sibling-inner data-scrollbar data-scrollbar-slider><div class="siblings__link__holder">
<a
href="/products/shorty-bresilien-dawa-myosotis"
class="siblings__link"
data-sibling-swatch-link
data-grid-item-variant="41867257348283"
data-grid-item-swatch-image="0"
title="lilas"
aria-selected="true">
<div class="siblings__swatch">
<div class="sibling__image sibling__image--square">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; ">
<img src="//www.fairytale.eco/cdn/shop/products/Olly-lingerie_dos-du-shorty-dawa-myosotis-en-dentelle-recylclee.jpg?v=1696595524&width=26" alt="Jeune femme de dos portant un shorty de couleur bleu myosotis elle est en train d'agrafer son soutien gorge." width="26" height="39" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/products/Olly-lingerie_dos-du-shorty-dawa-myosotis-en-dentelle-recylclee.jpg?v=1696595524&width=52 2x, //www.fairytale.eco/cdn/shop/products/Olly-lingerie_dos-du-shorty-dawa-myosotis-en-dentelle-recylclee.jpg?v=1696595524&width=26 " fetchpriority="low" style="object-position: center center; ">
</div>
</div>
</div>
</a>
</div></div>
<button type="button" class="tabs__arrow tabs__arrow--prev is-hidden" data-scrollbar-arrow-prev>
<span class="visually-hidden">Voir tout</span>
</button>
<button type="button" class="tabs__arrow tabs__arrow--next is-hidden" data-scrollbar-arrow-next>
<span class="visually-hidden">Voir tout</span>
</button>
</div>
</div>
</div>
</div>
</div>
</product-grid-item>
</div><!-- /.collection-list__product -->
</div></div>
</div>
</div>
<style> #shopify-section-template--20622768931149__section_list_collections_products_XmdPdL .palette--light {background-color: #fde2ca;} #shopify-section-template--20622768931149__section_list_collections_products_XmdPdL .collection-list__heading__text {justify-content: center;} #shopify-section-template--20622768931149__section_list_collections_products_XmdPdL .kicker-flourished {font-size: 1.5em; font-family: "ClashGrotesk-Regular";} #shopify-section-template--20622768931149__section_list_collections_products_XmdPdL .mb-7 {margin-bottom: 0px;} #shopify-section-template--20622768931149__section_list_collections_products_XmdPdL .product__badge {color: white; background-color: #ff82be; border-radius: 50%; width: 35px; height: 35px; font-size: 0.6em; display: flex; justify-content: center; align-items: center; padding: 0px;} #shopify-section-template--20622768931149__section_list_collections_products_XmdPdL .grid__swatch__container {display: none;} #shopify-section-template--20622768931149__section_list_collections_products_XmdPdL .collection-list__heading__text {display: none;} </style></div><div id="shopify-section-template--20622768931149__section_richtext_XNqq3e" class="shopify-section">
<!-- /sections/section-richtext.liquid--><section class="text--neutral palette--light bg--accent"
data-section-id="template--20622768931149__section_richtext_XNqq3e"
data-section-type="rich-text"
style=" --PT: 0px; --PB: 36px; --FLEX-POSITION: center; --CONTENT-WIDTH: 2000px;">
<div class="wrapper section-padding">
<div class="text__standard text-center"><div class="standard__image"
data-aos="hero"
data-aos-anchor="[data-section-id='template--20622768931149__section_richtext_XNqq3e']"
data-aos-order="1"
style="max-width: 200px;"><a href="/collections/les-vetements-au-plus-faible-impact">
<!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ; ">
<img src="//www.fairytale.eco/cdn/shop/files/Bouton-collection-Orange.webp?v=1713456904&width=200" alt="Collection vêtements avec faible empreinte CO2" width="200" height="60" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset=" //www.fairytale.eco/cdn/shop/files/Bouton-collection-Orange.webp?v=1713456904&width=400 2x, //www.fairytale.eco/cdn/shop/files/Bouton-collection-Orange.webp?v=1713456904&width=200 " fetchpriority="auto" style="object-position: center center; ">
</div>
</a></div>
</div>
</div>
</section>
<style> #shopify-section-template--20622768931149__section_richtext_XNqq3e .palette--light {background-color: #fde2ca;} #shopify-section-template--20622768931149__section_richtext_XNqq3e p {background: white; width: 250px; border-radius: 25px; padding: 5px; border-color: #1614c7; border-width: thin; margin-left: auto; margin-right: auto;} </style></div><div id="shopify-section-template--20622768931149__section_hero_xNLMjy" class="shopify-section"><!-- /sections/section-hero.liquid -->
<div class="section--image fade-in-child js-overflow-container"
data-section-id="template--20622768931149__section_hero_xNLMjy"
data-section-type="hero"
data-overlay-header style=" --PT: 0px; --PB: 0px; --CONTENT-WIDTH: 2000px;">
<div class="wrapper--none section-padding">
<div class="section__inner">
<div class="hero__content__wrapper align--top-center">
<div class="hero__content hero__content--transparent js-overflow-content"><div class="text__standard text--black" >
<div class="hero__kicker accent-size-4"
data-aos="hero"
data-aos-anchor="[data-section-id='template--20622768931149__section_hero_xNLMjy']"
data-aos-order="1"
>
<p>Toutes les bonnes énergies</p>
</div>
<div class="hero__title heading-size-8"
data-aos="hero"
data-aos-anchor="[data-section-id='template--20622768931149__section_hero_xNLMjy']"
data-aos-order="2"
>
<p>Sous le même toit.<br>Et vous êtes les bienvenues.</p>
</div>
</div>
</div>
</div>
<div class="image-overlay" style="--bg: #000000; opacity: 0.0;"></div>
<!-- /snippets/hero.liquid -->
<div
class="image__hero__frame fade-in-child aspect-[--wh-ratio-mobile] md:aspect-[--wh-ratio] use_image"
data-overflow-background
style=" --wh-ratio: 2.608695652173913; --wh-ratio-mobile: 2.608695652173913; "
>
<div class="image__hero__pane">
<div
class="image__hero__scale"
>
<!-- /snippets/image.liquid -->
<picture class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.608695652173913; --ASPECT-RATIO-MOBILE: 2.608695652173913;">
<source media="(min-width: 768px)" sizes="100vw" srcset=" //www.fairytale.eco/cdn/shop/files/Fairytale-portons-le-bon-sens-desktop-_1.webp?v=1713457657&width=352 352w, //www.fairytale.eco/cdn/shop/files/Fairytale-portons-le-bon-sens-desktop-_1.webp?v=1713457657&width=400 400w, //www.fairytale.eco/cdn/shop/files/Fairytale-portons-le-bon-sens-desktop-_1.webp?v=1713457657&width=768 768w, //www.fairytale.eco/cdn/shop/files/Fairytale-portons-le-bon-sens-desktop-_1.webp?v=1713457657&width=932 932w, //www.fairytale.eco/cdn/shop/files/Fairytale-portons-le-bon-sens-desktop-_1.webp?v=1713457657&width=1024 1024w, //www.fairytale.eco/cdn/shop/files/Fairytale-portons-le-bon-sens-desktop-_1.webp?v=1713457657&width=1200 1200w, //www.fairytale.eco/cdn/shop/files/Fairytale-portons-le-bon-sens-desktop-_1.webp?v=1713457657&width=1920 1920w, //www.fairytale.eco/cdn/shop/files/Fairytale-portons-le-bon-sens-desktop-_1.webp?v=1713457657&width=2400 2400w" />
<source media="(max-width: 767px)" sizes="100vw" srcset=" //www.fairytale.eco/cdn/shop/files/Fairytale-portons-le-bon-sens-desktop-_1.webp?v=1713457657&width=352 352w, //www.fairytale.eco/cdn/shop/files/Fairytale-portons-le-bon-sens-desktop-_1.webp?v=1713457657&width=400 400w, //www.fairytale.eco/cdn/shop/files/Fairytale-portons-le-bon-sens-desktop-_1.webp?v=1713457657&width=768 768w, //www.fairytale.eco/cdn/shop/files/Fairytale-portons-le-bon-sens-desktop-_1.webp?v=1713457657&width=932 932w, //www.fairytale.eco/cdn/shop/files/Fairytale-portons-le-bon-sens-desktop-_1.webp?v=1713457657&width=1024 1024w, //www.fairytale.eco/cdn/shop/files/Fairytale-portons-le-bon-sens-desktop-_1.webp?v=1713457657&width=1200 1200w, //www.fairytale.eco/cdn/shop/files/Fairytale-portons-le-bon-sens-desktop-_1.webp?v=1713457657&width=1920 1920w, //www.fairytale.eco/cdn/shop/files/Fairytale-portons-le-bon-sens-desktop-_1.webp?v=1713457657&width=2400 2400w" />
<img src="//www.fairytale.eco/cdn/shop/files/Fairytale-portons-le-bon-sens-desktop-_1.webp?v=1713457657&width=2000" alt="Fairytale - Portons le bon sens" width="2000" height="767" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear reposition-background-mobile" srcset=" //www.fairytale.eco/cdn/shop/files/Fairytale-portons-le-bon-sens-desktop-_1.webp?v=1713457657&width=352 352w, //www.fairytale.eco/cdn/shop/files/Fairytale-portons-le-bon-sens-desktop-_1.webp?v=1713457657&width=400 400w, //www.fairytale.eco/cdn/shop/files/Fairytale-portons-le-bon-sens-desktop-_1.webp?v=1713457657&width=768 768w, //www.fairytale.eco/cdn/shop/files/Fairytale-portons-le-bon-sens-desktop-_1.webp?v=1713457657&width=932 932w, //www.fairytale.eco/cdn/shop/files/Fairytale-portons-le-bon-sens-desktop-_1.webp?v=1713457657&width=1024 1024w, //www.fairytale.eco/cdn/shop/files/Fairytale-portons-le-bon-sens-desktop-_1.webp?v=1713457657&width=1200 1200w, //www.fairytale.eco/cdn/shop/files/Fairytale-portons-le-bon-sens-desktop-_1.webp?v=1713457657&width=1920 1920w, //www.fairytale.eco/cdn/shop/files/Fairytale-portons-le-bon-sens-desktop-_1.webp?v=1713457657&width=2400 2400w" sizes="100vw" fetchpriority="auto" style="object-position: var(--focal-point, center); --OBJECT-POSITION-MOBILE: 50.0% 50.0%; --OBJECT-POSITION-DESKTOP: 50.0% 50.0%;">
</picture>
</div>
</div>
</div>
</div>
</div>
</div>
<style> #shopify-section-template--20622768931149__section_hero_xNLMjy .text__standard {position: relative; top: 120px; bottom: 0px;} #shopify-section-template--20622768931149__section_hero_xNLMjy .hero__kicker {font-size: 25px; font-family: "ClashGrotesk-Regular";} #shopify-section-template--20622768931149__section_hero_xNLMjy .hero__title {font-size: 55px;} @media only screen and (max-width: 767px) {#shopify-section-template--20622768931149__section_hero_xNLMjy .text__standard {position: relative; top: -20px; } #shopify-section-template--20622768931149__section_hero_xNLMjy .hero__kicker {font-size: 15px; } #shopify-section-template--20622768931149__section_hero_xNLMjy .hero__title {font-size: 25px; } #shopify-section-template--20622768931149__section_hero_xNLMjy .image__hero__scale {height: 65% !important; min-height: 65% !important; }} </style></div><div id="shopify-section-template--20622768931149__section_gallery_text_Wqgbrg" class="shopify-section"><!-- /sections/section-gallery-text.liquid-->
<div class="frame palette--light bg--neutral"
data-section-id="template--20622768931149__section_gallery_text_Wqgbrg"
data-section-type="gallery"
style="--PT: 0px; --PB: 36px;">
<div class="wrapper section-padding slides-mobile-outer">
<div
data-grid
data-grid-large
data-grid-medium
data-grid-small
data-custom-scrollbar-items
style=" --grid-large-items: 3; --grid-medium-items: 1; --grid-small-items: 1.5;"
class="gallery slides-mobile-inner">
<div class="gallery__item" data-item>
<div class="gallery__text border--line text-center">
<h2 class="custom__title accent-size-6">
L'incroyable prêt à porter
</h2>
<div class="custom__text rte body-size-5">
<p><a href="/collections/tops-et-t-shirts-bio-eco-responsables-femme" title="Tops et T-shirts en coton bio et éco-responsables pour femme">T-shirts coton bio</a></p><p><a href="https://www.fairytale.eco/collections/robe-bio-eco-responsables-femme" title="https://www.fairytale.eco/collections/robe-bio-eco-responsables-femme">Robes éco-responsables</a></p><p><a href="https://www.fairytale.eco/collections/jeans-et-pantalons-eco-responsables-ethiques" title="https://www.fairytale.eco/collections/jeans-et-pantalons-eco-responsables-ethiques">Jeans éthiques</a></p><p><a href="https://www.fairytale.eco/collections/pulls-et-sweats-bio-eco-responsables-femme" title="https://www.fairytale.eco/collections/pulls-et-sweats-bio-eco-responsables-femme">Pulls éco-responsables</a></p><p><a href="https://www.fairytale.eco/collections/vestes-et-gilets-bio-eco-responsables-femme" title="https://www.fairytale.eco/collections/vestes-et-gilets-bio-eco-responsables-femme">Doudounes éco-responsables</a></p><p><a href="https://www.fairytale.eco/collections/shorts-jupes-bio-eco-responsables-et-ethiques-femme" title="https://www.fairytale.eco/collections/shorts-jupes-bio-eco-responsables-et-ethiques-femme">Shorts bio</a></p><p><a href="https://www.fairytale.eco/collections/chemises-blouses-bio-eco-responsables-femme" title="https://www.fairytale.eco/collections/chemises-blouses-bio-eco-responsables-femme">Chemises coton bio</a></p><p><a href="https://www.fairytale.eco/collections/vetement-de-sport-bio-eco-responsables-femme" title="https://www.fairytale.eco/collections/vetement-de-sport-bio-eco-responsables-femme">Tenues de sport écologiques</a></p>
</div>
</div>
</div>
<div class="gallery__item" data-item>
<div class="gallery__text border--line text-center">
<h2 class="custom__title accent-size-6">
La magnifique lingerie
</h2>
<div class="custom__text rte body-size-5">
<p><a href="https://www.fairytale.eco/collections/culotte-eco-responsables-ethiques" title="https://www.fairytale.eco/collections/culotte-eco-responsables-ethiques">Culottes coton bio</a></p><p><a href="https://www.fairytale.eco/collections/culottes-menstruelles-bio-et-ethiques" title="https://www.fairytale.eco/collections/culottes-menstruelles-bio-et-ethiques">Culottes menstruelles bio</a></p><p><a href="https://www.fairytale.eco/collections/maillots-de-bain-ecoresponsables-etthiques-pour-femme" title="https://www.fairytale.eco/collections/maillots-de-bain-ecoresponsables-etthiques-pour-femme">Maillots de bain éco-responsables</a></p><p><a href="https://www.fairytale.eco/collections/pyjamas-eco-responsables-et-ethiques" title="https://www.fairytale.eco/collections/pyjamas-eco-responsables-et-ethiques">Pyjamas coton bio</a></p><p><a href="https://www.fairytale.eco/collections/chaussettes-bio-et-eco-responsables-pour-femme" title="https://www.fairytale.eco/collections/chaussettes-bio-et-eco-responsables-pour-femme">Chaussettes coton bio</a></p><p><a href="https://www.fairytale.eco/collections/soutiens-gorge-et-brassieres-eco-responsables-ethiques" title="https://www.fairytale.eco/collections/soutiens-gorge-et-brassieres-eco-responsables-ethiques">Soutiens-gorge coton bio</a></p><p><a href="https://www.fairytale.eco/collections/bodies-eco-responsables-et-ethiques-pour-femme" title="https://www.fairytale.eco/collections/bodies-eco-responsables-et-ethiques-pour-femme">Bodies coton bio</a></p><p><a href="https://www.fairytale.eco/collections/strings-et-tangas-bio-et-eco-responsables" title="https://www.fairytale.eco/collections/strings-et-tangas-bio-et-eco-responsables">Tangas coton bio</a></p><p></p>
</div>
</div>
</div>
<div class="gallery__item" data-item>
<div class="gallery__text border--line text-center">
<h2 class="custom__title accent-size-6">
Pour compléter le tout
</h2>
<div class="custom__text rte body-size-5">
<p><a href="https://www.fairytale.eco/collections/baskets-eco-responsables-et-ethiques-pour-femme" title="https://www.fairytale.eco/collections/baskets-eco-responsables-et-ethiques-pour-femme">Baskets éco-responsables</a></p><p><a href="https://www.fairytale.eco/collections/sacs-a-dos-eco-responsables-et-ethiques" title="https://www.fairytale.eco/collections/sacs-a-dos-eco-responsables-et-ethiques">Sacs à dos écologiques</a></p><p><a href="https://www.fairytale.eco/collections/bananes-eco-responsables-et-ethiques" title="https://www.fairytale.eco/collections/bananes-eco-responsables-et-ethiques">Bananes coton bio</a></p><p><a href="https://www.fairytale.eco/collections/chaussons-ecologiques-et-ethiques" title="https://www.fairytale.eco/collections/chaussons-ecologiques-et-ethiques">Chaussons bio</a></p><p><a href="https://www.fairytale.eco/collections/sacs-main-eco-responsables-ethiques" title="https://www.fairytale.eco/collections/sacs-main-eco-responsables-ethiques">Sacs à main éthiques</a></p><p><a href="https://www.fairytale.eco/collections/petite-maroquinerie-bio-et-ethique" title="https://www.fairytale.eco/collections/petite-maroquinerie-bio-et-ethique">Maroquinerie éco-responsable</a></p><p><a href="https://www.fairytale.eco/collections/bonnets-eco-responsables-ethiques" title="https://www.fairytale.eco/collections/bonnets-eco-responsables-ethiques">Bonnets coton bio</a></p><p><a href="https://www.fairytale.eco/collections/echarpes-et-tours-de-cou-bio-et-ethiques-pour-femme" title="https://www.fairytale.eco/collections/echarpes-et-tours-de-cou-bio-et-ethiques-pour-femme">Echarpes coton bio</a></p>
</div>
</div>
</div>
</div>
<div class="custom-scrollbar small-down--show" data-custom-scrollbar>
<div class="custom-scrollbar__track" data-custom-scrollbar-track></div>
</div>
</div>
</div>
<style> #shopify-section-template--20622768931149__section_gallery_text_Wqgbrg .palette--light {background-color: white; --border: white;} #shopify-section-template--20622768931149__section_gallery_text_Wqgbrg h2 {font-family: "Tanker-Regular"; letter-spacing: 0; background-color: #; color: #000546; padding: 15px; font-weight: 100;} @media only screen and (max-width: 767px) {#shopify-section-template--20622768931149__section_gallery_text_Wqgbrg .frame {margin-top: -65px; }} </style></div><div id="shopify-section-template--20622768931149__section_slideshow_creEww" class="shopify-section"><!-- /sections/section-slideshow.liquid -->
<div class="section-slideshow palette--light bg--neutral"
data-section-id="template--20622768931149__section_slideshow_creEww"
data-section-type="slideshow"
style="--PT: 0px; --PB: 0px;">
<div class="wrapper--none section-padding">
<div class="slideshow__wrapper js-overflow-container flickity-badge-dots"
data-slideshow-wrapper
data-slideshow-autoplay="false"
data-slideshow-slides="1"
data-slideshow-speed="15000">
<div class="slideshow__slide section--image text--white"
data-overlay-header id="aos-image_cznYdw"
data-slideshow-index="0"
>
<div class="hero__content__wrapper align--middle-center">
<div class="hero__content js-overflow-content" >
</div>
<div data-slide-custom-prev class="custom-prev-next-button previous"></div>
<div data-slide-custom-next class="custom-prev-next-button next"></div>
</div>
<div class="image-overlay" style="--bg:#000000; opacity:0.0;"></div>
<!-- /snippets/hero.liquid -->
<div
class="image__hero__frame fade-in-child aspect-[--wh-ratio-mobile] md:aspect-[--wh-ratio] use_image"
data-overflow-background
style=" --wh-ratio: 2.4; --wh-ratio-mobile: 0.9341317365269461; "
>
<div class="image__hero__pane">
<div
class="image__hero__scale"
>
<!-- /snippets/image.liquid -->
<picture class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.4; --ASPECT-RATIO-MOBILE: 2.4;">
<source media="(min-width: 768px)" sizes="100vw" srcset=" //www.fairytale.eco/cdn/shop/files/Fairytale_BONSENS_le_blog.webp?v=1713533374&width=352 352w, //www.fairytale.eco/cdn/shop/files/Fairytale_BONSENS_le_blog.webp?v=1713533374&width=400 400w, //www.fairytale.eco/cdn/shop/files/Fairytale_BONSENS_le_blog.webp?v=1713533374&width=768 768w, //www.fairytale.eco/cdn/shop/files/Fairytale_BONSENS_le_blog.webp?v=1713533374&width=932 932w, //www.fairytale.eco/cdn/shop/files/Fairytale_BONSENS_le_blog.webp?v=1713533374&width=1024 1024w, //www.fairytale.eco/cdn/shop/files/Fairytale_BONSENS_le_blog.webp?v=1713533374&width=1200 1200w, //www.fairytale.eco/cdn/shop/files/Fairytale_BONSENS_le_blog.webp?v=1713533374&width=1920 1920w, //www.fairytale.eco/cdn/shop/files/Fairytale_BONSENS_le_blog.webp?v=1713533374&width=2400 2400w" />
<source media="(max-width: 767px)" sizes="100vw" srcset=" //www.fairytale.eco/cdn/shop/files/Fairytale_blog_bon_sens.webp?v=1713532604&width=352 352w, //www.fairytale.eco/cdn/shop/files/Fairytale_blog_bon_sens.webp?v=1713532604&width=400 400w, //www.fairytale.eco/cdn/shop/files/Fairytale_blog_bon_sens.webp?v=1713532604&width=768 768w, //www.fairytale.eco/cdn/shop/files/Fairytale_blog_bon_sens.webp?v=1713532604&width=780 780w" />
<img src="//www.fairytale.eco/cdn/shop/files/Fairytale_BONSENS_le_blog.webp?v=1713533374&width=2000" alt="Fairytale BONSENS le blog" width="2000" height="833" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear reposition-background-mobile" srcset=" //www.fairytale.eco/cdn/shop/files/Fairytale_BONSENS_le_blog.webp?v=1713533374&width=352 352w, //www.fairytale.eco/cdn/shop/files/Fairytale_BONSENS_le_blog.webp?v=1713533374&width=400 400w, //www.fairytale.eco/cdn/shop/files/Fairytale_BONSENS_le_blog.webp?v=1713533374&width=768 768w, //www.fairytale.eco/cdn/shop/files/Fairytale_BONSENS_le_blog.webp?v=1713533374&width=932 932w, //www.fairytale.eco/cdn/shop/files/Fairytale_BONSENS_le_blog.webp?v=1713533374&width=1024 1024w, //www.fairytale.eco/cdn/shop/files/Fairytale_BONSENS_le_blog.webp?v=1713533374&width=1200 1200w, //www.fairytale.eco/cdn/shop/files/Fairytale_BONSENS_le_blog.webp?v=1713533374&width=1920 1920w, //www.fairytale.eco/cdn/shop/files/Fairytale_BONSENS_le_blog.webp?v=1713533374&width=2400 2400w" sizes="100vw" fetchpriority="auto" style="object-position: var(--focal-point, center); --OBJECT-POSITION-MOBILE: 50.0% 50.0%; --OBJECT-POSITION-DESKTOP: 50.0% 50.0%;">
</picture>
</div>
</div>
</div>
<a class="link-over-image" href="https://www.fairytale.eco/blogs/news" aria-label=""></a>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--20622768931149__section_blog_jYWWpW" class="shopify-section"><!-- /sections/section-blog.liquid --><div
class="section-blog section-template--20622768931149__section_blog_jYWWpW palette--light bg--accent section-without-padding-mobile"
data-section-id="template--20622768931149__section_blog_jYWWpW"
data-section-type="section-blog"
style="--PT: 36px; --PB: 36px;">
<div class="wrapper--full section-padding" data-wrapper>
<flickity-carousel>
<h2 class="kicker-flourished mb-7">Derniers articles, conseils et tendances</h2>
<div
data-carousel
data-grid
data-grid-large
data-grid-medium
data-grid-small
style=" --grid-large-items: 4; --grid-medium-items: 4; --grid-small-items: 1.5;"
data-options='{"watchCSS": true}'
data-custom-scrollbar-items
class="float-grid grid--uniform grid--articles flickity-disabled-mobile">
<div class="grid__item" data-item data-carousel-slide>
<!-- /snippets/article-grid-item.liquid -->
<div class="article__item">
<div class="article__item-image" data-grid-slide>
<a href="/blogs/news/comment-eviter-le-greenwashing"><!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1; ">
<img src="//www.fairytale.eco/cdn/shop/articles/comment-eviter-le-greenwashing-505435.jpg?v=1713967298&width=1080" alt="Comment éviter le greenwashing ? - fairytale" width="1080" height="1080" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset="//www.fairytale.eco/cdn/shop/articles/comment-eviter-le-greenwashing-505435.jpg?height=1080&v=1713967298&width=1080 1080w, //www.fairytale.eco/cdn/shop/articles/comment-eviter-le-greenwashing-505435.jpg?height=1004&v=1713967298&width=1004 1004w, //www.fairytale.eco/cdn/shop/articles/comment-eviter-le-greenwashing-505435.jpg?height=1080&v=1713967298&width=1080 1080w, //www.fairytale.eco/cdn/shop/articles/comment-eviter-le-greenwashing-505435.jpg?height=1080&v=1713967298&width=1080 1080w, //www.fairytale.eco/cdn/shop/articles/comment-eviter-le-greenwashing-505435.jpg?height=380&v=1713967298&width=380 380w, //www.fairytale.eco/cdn/shop/articles/comment-eviter-le-greenwashing-505435.jpg?height=760&v=1713967298&width=760 760w, //www.fairytale.eco/cdn/shop/articles/comment-eviter-le-greenwashing-505435.jpg?height=748&v=1713967298&width=748 748w" sizes="(min-width: 1024px) calc(100vw / 1),(min-width: 768px) calc(100vw / 1),calc(100vw / 1.0)" fetchpriority="auto" style="object-position: center center; ">
</div>
</a>
</div>
<div class="article__item-content">
<h3 class="article__item-title heading-size-6 mb-0">
<a href="/blogs/news/comment-eviter-le-greenwashing">Comment éviter le greenwashing ?</a>
</h3>
<div class="article__item-author">
<span>
Par Salomé demarquet
</span>
</div>
</div>
</div>
</div>
<div class="grid__item" data-item data-carousel-slide>
<!-- /snippets/article-grid-item.liquid -->
<div class="article__item">
<div class="article__item-image" data-grid-slide>
<a href="/blogs/news/pourquoi-la-mode-ethique-privilegie-les-collections-intemporelles"><!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1; ">
<img src="//www.fairytale.eco/cdn/shop/articles/pourquoi-la-mode-ethique-privilegie-les-collections-intemporelles-751700.jpg?v=1713707081&width=1080" alt="Pourquoi la mode éthique privilégie les collections intemporelles ? - fairytale" width="1080" height="1080" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset="//www.fairytale.eco/cdn/shop/articles/pourquoi-la-mode-ethique-privilegie-les-collections-intemporelles-751700.jpg?height=1080&v=1713707081&width=1080 1080w, //www.fairytale.eco/cdn/shop/articles/pourquoi-la-mode-ethique-privilegie-les-collections-intemporelles-751700.jpg?height=1004&v=1713707081&width=1004 1004w, //www.fairytale.eco/cdn/shop/articles/pourquoi-la-mode-ethique-privilegie-les-collections-intemporelles-751700.jpg?height=1080&v=1713707081&width=1080 1080w, //www.fairytale.eco/cdn/shop/articles/pourquoi-la-mode-ethique-privilegie-les-collections-intemporelles-751700.jpg?height=1080&v=1713707081&width=1080 1080w, //www.fairytale.eco/cdn/shop/articles/pourquoi-la-mode-ethique-privilegie-les-collections-intemporelles-751700.jpg?height=380&v=1713707081&width=380 380w, //www.fairytale.eco/cdn/shop/articles/pourquoi-la-mode-ethique-privilegie-les-collections-intemporelles-751700.jpg?height=760&v=1713707081&width=760 760w, //www.fairytale.eco/cdn/shop/articles/pourquoi-la-mode-ethique-privilegie-les-collections-intemporelles-751700.jpg?height=748&v=1713707081&width=748 748w" sizes="(min-width: 1024px) calc(100vw / 1),(min-width: 768px) calc(100vw / 1),calc(100vw / 1.0)" fetchpriority="auto" style="object-position: center center; ">
</div>
</a>
</div>
<div class="article__item-content">
<h3 class="article__item-title heading-size-6 mb-0">
<a href="/blogs/news/pourquoi-la-mode-ethique-privilegie-les-collections-intemporelles">Pourquoi la mode éthique privilégie les collections intemporelles ?</a>
</h3>
<div class="article__item-author">
<span>
Par Salomé demarquet
</span>
</div>
</div>
</div>
</div>
<div class="grid__item" data-item data-carousel-slide>
<!-- /snippets/article-grid-item.liquid -->
<div class="article__item">
<div class="article__item-image" data-grid-slide>
<a href="/blogs/news/chiffres-cles-fast-fashion-vs-slow-fashion"><!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1; ">
<img src="//www.fairytale.eco/cdn/shop/articles/chiffres-cles-fast-fashion-vs-slow-fashion-690457.jpg?v=1713446978&width=1080" alt="Chiffres clés fast fashion VS slow fashion - fairytale" width="1080" height="1080" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset="//www.fairytale.eco/cdn/shop/articles/chiffres-cles-fast-fashion-vs-slow-fashion-690457.jpg?height=1080&v=1713446978&width=1080 1080w, //www.fairytale.eco/cdn/shop/articles/chiffres-cles-fast-fashion-vs-slow-fashion-690457.jpg?height=1004&v=1713446978&width=1004 1004w, //www.fairytale.eco/cdn/shop/articles/chiffres-cles-fast-fashion-vs-slow-fashion-690457.jpg?height=1080&v=1713446978&width=1080 1080w, //www.fairytale.eco/cdn/shop/articles/chiffres-cles-fast-fashion-vs-slow-fashion-690457.jpg?height=1080&v=1713446978&width=1080 1080w, //www.fairytale.eco/cdn/shop/articles/chiffres-cles-fast-fashion-vs-slow-fashion-690457.jpg?height=380&v=1713446978&width=380 380w, //www.fairytale.eco/cdn/shop/articles/chiffres-cles-fast-fashion-vs-slow-fashion-690457.jpg?height=760&v=1713446978&width=760 760w, //www.fairytale.eco/cdn/shop/articles/chiffres-cles-fast-fashion-vs-slow-fashion-690457.jpg?height=748&v=1713446978&width=748 748w" sizes="(min-width: 1024px) calc(100vw / 1),(min-width: 768px) calc(100vw / 1),calc(100vw / 1.0)" fetchpriority="auto" style="object-position: center center; ">
</div>
</a>
</div>
<div class="article__item-content">
<h3 class="article__item-title heading-size-6 mb-0">
<a href="/blogs/news/chiffres-cles-fast-fashion-vs-slow-fashion">Chiffres clés fast fashion VS slow fashion</a>
</h3>
<div class="article__item-author">
<span>
Par Salomé demarquet
</span>
</div>
</div>
</div>
</div>
<div class="grid__item" data-item data-carousel-slide>
<!-- /snippets/article-grid-item.liquid -->
<div class="article__item">
<div class="article__item-image" data-grid-slide>
<a href="/blogs/news/notre-selection-de-vetements-bio-femme-pour-l-ete"><!-- /snippets/image.liquid -->
<div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1; ">
<img src="//www.fairytale.eco/cdn/shop/articles/notre-selection-de-vetements-bio-femme-pour-lete-392270.jpg?v=1713273423&width=1080" alt="Notre sélection de vêtements bio femme pour l’été - fairytale" width="1080" height="1080" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear" srcset="//www.fairytale.eco/cdn/shop/articles/notre-selection-de-vetements-bio-femme-pour-lete-392270.jpg?height=1080&v=1713273423&width=1080 1080w, //www.fairytale.eco/cdn/shop/articles/notre-selection-de-vetements-bio-femme-pour-lete-392270.jpg?height=1004&v=1713273423&width=1004 1004w, //www.fairytale.eco/cdn/shop/articles/notre-selection-de-vetements-bio-femme-pour-lete-392270.jpg?height=1080&v=1713273423&width=1080 1080w, //www.fairytale.eco/cdn/shop/articles/notre-selection-de-vetements-bio-femme-pour-lete-392270.jpg?height=1080&v=1713273423&width=1080 1080w, //www.fairytale.eco/cdn/shop/articles/notre-selection-de-vetements-bio-femme-pour-lete-392270.jpg?height=380&v=1713273423&width=380 380w, //www.fairytale.eco/cdn/shop/articles/notre-selection-de-vetements-bio-femme-pour-lete-392270.jpg?height=760&v=1713273423&width=760 760w, //www.fairytale.eco/cdn/shop/articles/notre-selection-de-vetements-bio-femme-pour-lete-392270.jpg?height=748&v=1713273423&width=748 748w" sizes="(min-width: 1024px) calc(100vw / 1),(min-width: 768px) calc(100vw / 1),calc(100vw / 1.0)" fetchpriority="auto" style="object-position: center center; ">
</div>
</a>
</div>
<div class="article__item-content">
<h3 class="article__item-title heading-size-6 mb-0">
<a href="/blogs/news/notre-selection-de-vetements-bio-femme-pour-l-ete">Notre sélection de vêtements bio femme pour l’été</a>
</h3>
<div class="article__item-author">
<span>
Par Salomé demarquet
</span>
</div>
</div>
</div>
</div>
</div>
<div class="custom-scrollbar small-down--show" data-custom-scrollbar>
<div class="custom-scrollbar__track" data-custom-scrollbar-track></div>
</div>
</flickity-carousel>
</div>
</div>
<style> #shopify-section-template--20622768931149__section_blog_jYWWpW h2 {font-family: "Tanker-Regular"; font-size: 2.5em; font-weight: 100; letter-spacing: 0;} #shopify-section-template--20622768931149__section_blog_jYWWpW .palette--light {background-color: #f9fbb6;} #shopify-section-template--20622768931149__section_blog_jYWWpW .article__item-title {letter-spacing: 0px; font-size: 1em;} </style></div><div id="shopify-section-template--20622768931149__section_gallery_text_eJ7ikW" class="shopify-section"><!-- /sections/section-gallery-text.liquid-->
<div class="frame palette--light bg--accent"
data-section-id="template--20622768931149__section_gallery_text_eJ7ikW"
data-section-type="gallery"
style="--PT: 36px; --PB: 36px;">
<div class="wrapper section-padding slides-mobile-outer">
<div
data-grid
data-grid-large
data-grid-medium
data-grid-small
data-custom-scrollbar-items
style=" --grid-large-items: 1; --grid-medium-items: 1; --grid-small-items: 1;"
class="gallery slides-mobile-inner">
<div class="gallery__item" data-item>
<div class="gallery__text border--line text-center">
<h2 class="custom__title accent-size-7">
MODE ÉCOLOGIQUE
</h2>
<div class="custom__text rte body-size-5">
<p>Faisons le choix d’une mode qui va dans le bon sens, une mode éco-responsable, bio et durable ! Que vous soyez à la recherche de tenues intemporelles et basiques ou originales et tendances, nous avons sélectionné pour vous des super vêtements écologiques. Pas besoin de vous dire qu’ils sont stylés ! Un t-shirt en matière naturelle, un pull en coton bio certifié, une robe en fibres recyclées ou une veste upcyclée ? Découvrez nos magnifiques matières écologiques pour compléter votre dressing durable. Chanvre, lin, tencel, modal, on vous explique tout ! Chez fairytale, portons le bon sens et faisons-nous plaisir avec une mode éco-responsable.</p>
</div>
</div>
</div>
</div>
<div class="custom-scrollbar small-down--show" data-custom-scrollbar>
<div class="custom-scrollbar__track" data-custom-scrollbar-track></div>
</div>
</div>
</div>
<style> #shopify-section-template--20622768931149__section_gallery_text_eJ7ikW .palette--light {background-color: #f9fbb6; --border: #f9fbb6;} #shopify-section-template--20622768931149__section_gallery_text_eJ7ikW .custom__text {padding-right: 0px;} @media only screen and (min-width: 767px) {#shopify-section-template--20622768931149__section_gallery_text_eJ7ikW .custom__text {width: 80%; margin-left: auto; margin-right: auto; }} #shopify-section-template--20622768931149__section_gallery_text_eJ7ikW h2 {color: #000546;} </style></div><div id="shopify-section-template--20622768931149__section_gallery_text_wjVtcY" class="shopify-section"><!-- /sections/section-gallery-text.liquid-->
<div class="frame palette--light bg--accent"
data-section-id="template--20622768931149__section_gallery_text_wjVtcY"
data-section-type="gallery"
style="--PT: 36px; --PB: 36px;">
<div class="wrapper section-padding slides-mobile-outer">
<div
data-grid
data-grid-large
data-grid-medium
data-grid-small
data-custom-scrollbar-items
style=" --grid-large-items: 1; --grid-medium-items: 1; --grid-small-items: 1;"
class="gallery slides-mobile-inner">
<div class="gallery__item" data-item>
<div class="gallery__text border--line text-center">
<h2 class="custom__title accent-size-7">
MODE éthique
</h2>
<div class="custom__text rte body-size-5">
<p>Faisons le choix d’une mode qui va dans le bon sens, une mode éthique et respectueuse. Les splendides vêtements que nous proposons sont made in France, fabriqués en Europe ou conçus dans des usines certifiées et ateliers associatifs. fairytale s’appuie sur les labels les plus fiables et reconnus de la mode éthique afin de vous proposer des vêtements fabriqués dans des conditions de travails respectueuses. Il n’y a plus qu’à choisir le style qui vous a tapé dans l’œil. Ensemble, donnons du sens à notre quotidien avec une mode plus éthique !</p>
</div>
</div>
</div>
</div>
<div class="custom-scrollbar small-down--show" data-custom-scrollbar>
<div class="custom-scrollbar__track" data-custom-scrollbar-track></div>
</div>
</div>
</div>
<style> #shopify-section-template--20622768931149__section_gallery_text_wjVtcY .palette--light {background-color: #f9fbb6; --border: #f9fbb6;} #shopify-section-template--20622768931149__section_gallery_text_wjVtcY .custom__text {padding-right: 0px;} @media only screen and (min-width: 767px) {#shopify-section-template--20622768931149__section_gallery_text_wjVtcY .custom__text {width: 80%; margin-left: auto; margin-right: auto; }} #shopify-section-template--20622768931149__section_gallery_text_wjVtcY h2 {color: #000546;} </style></div><div id="shopify-section-template--20622768931149__section_icons_TP3CWM" class="shopify-section"><!-- /sections/section-icons.liquid -->
<div class="section-icons section-padding palette--light bg--accent"
style="--PT: 4px; --PB: 36px; --ICON-SIZE: 30px;">
<div class="wrapper icon--top">
<div class="float-grid grid--stacked grid--uniform">
<div class="grid__item medium-up--one-third small--one-third text-center" >
<div class="icon__column icon--top"><div class="icon__column__icon" data-aos-delay="200" data-aos="svg-dash" style="--ICON-STROKE-COLOR: #ff82be">
<!-- /snippets/animated-icon.liquid -->
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-art-iron" viewbox="0 0 25 25"><g stroke="currentColor" stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M9.841 4h7.368a4.1 4.1 0 014.041 3.386l2.247 12.738a.49.49 0 01-.483.576H1a9.823 9.823 0 019.824-9.823h11.037"/><path d="M7.375 16.2a.375.375 0 110 .75.375.375 0 010-.75M12.625 16.2a.375.375 0 110 .75.375.375 0 010-.75M17.875 16.2a.375.375 0 110 .75.375.375 0 010-.75"/></g></svg>
</div><div class="icon__column__text">
<p class="icon__column__heading">Empreinte carbone mesurée</p>
<div class="rte rte--lock-font rte--lock-size icon__column__paragraph body-size-4">
<p>Pour connaître l’impact de ses vêtements</p>
</div>
</div>
</div>
</div>
<div class="grid__item medium-up--one-third small--one-third text-center" >
<div class="icon__column icon--top"><div class="icon__column__icon" data-aos-delay="300" data-aos="svg-dash" style="--ICON-STROKE-COLOR: #ff82be">
<!-- /snippets/animated-icon.liquid -->
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-art-shipment" viewbox="0 0 24 24"><g stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M.766 13.222l2.937 1.487M.86 9.234l2.812 1.506M2.045 5.918l1.689 1.041M10.859 5.151l8.25 4.215M14.062 3.514L7.874 6.676a2.113 2.113 0 0 0-1.14 1.885v6.879a2.113 2.113 0 0 0 1.141 1.885l6.187 3.161a2.022 2.022 0 0 0 1.845 0l6.187-3.161a2.112 2.112 0 0 0 1.14-1.885V8.561a2.11 2.11 0 0 0-1.14-1.885l-6.187-3.162a2.028 2.028 0 0 0-1.845 0z"/><path d="M22.908 7.425l-7.924 4.048-7.923-4.048M14.984 11.473v9.236M19.109 9.366v2.912"/></g></svg>
</div><div class="icon__column__text">
<p class="icon__column__heading">livraison offerte dès 120€</p>
<div class="rte rte--lock-font rte--lock-size icon__column__paragraph body-size-4">
<p>Retours offerts sous 30 jours</p>
</div>
</div>
</div>
</div>
<div class="grid__item medium-up--one-third small--one-third text-center" >
<div class="icon__column icon--top"><div class="icon__column__icon" data-aos-delay="400" data-aos="svg-dash" style="--ICON-STROKE-COLOR: #ff82be">
<!-- /snippets/animated-icon.liquid -->
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-art-rating" viewbox="0 0 24 24"><g stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M.751 14.25v9M15.751 21.75a3 3 0 0 0-3-3H9a3 3 0 0 0-3-3H.751v6h15zM6.001 18.75h2.998M12.709 15.709l1.471-.856 5.4 3.14a.187.187 0 0 0 .277-.2l-1.319-6.1 4.649-4.163a.186.186 0 0 0 .023-.263.19.19 0 0 0-.13-.067l-6.21-.631L14.352.862a.188.188 0 0 0-.344 0L11.49 6.573 5.28 7.2a.187.187 0 0 0-.106.326l4.653 4.161-.327 1.528"/></g></svg>
</div><div class="icon__column__text">
<p class="icon__column__heading">service client aux petits soins</p>
<div class="rte rte--lock-font rte--lock-size icon__column__paragraph body-size-4">
<p>Du lundi au vendredi - de 9h à 18h</p><p></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style> #shopify-section-template--20622768931149__section_icons_TP3CWM .bg--accent {background-color: #ff82be;} #shopify-section-template--20622768931149__section_icons_TP3CWM .icon__column__heading {font-family: "Tanker-Regular"; font-size: 2em; color: white; font-weight: 100; letter-spacing: 0;} #shopify-section-template--20622768931149__section_icons_TP3CWM .rte.icon__column__paragraph {color: white;} </style></div>
</main>
<!-- BEGIN sections: group-footer -->
<div id="shopify-section-sections--20622770536781__footer" class="shopify-section shopify-section-group-group-footer"><!-- /sections/footer.liquid -->
<footer class="footer"
data-section-id="sections--20622770536781__footer"
data-section-type="footer"
style="--PT: 50px; --PB: 50px;">
<div class="footer__holder">
<div class="wrapper section-padding-custom">
<div class="footer__container footer__container--reversed"><div class="footer__content"><div class="footer__content__inner"><div class="footer__logo__wrapper">
<a href="/"
class="footer__logo"
style="width: 250px;"
data-footer-logo>
<img src="//www.fairytale.eco/cdn/shop/files/FT-Logos_en_couleurs-02.png?v=1707996164&width=250" alt="fairytale" width="250" height="58" loading="lazy" sizes="250px" srcset=" //www.fairytale.eco/cdn/shop/files/FT-Logos_en_couleurs-02.png?v=1707996164&width=500 2x, //www.fairytale.eco/cdn/shop/files/FT-Logos_en_couleurs-02.png?v=1707996164&width=250 ">
</a>
</div>
<div class="float-grid grid--uniform" data-accordion-group>
<div class="grid__item medium-up--one-third footer__block" >
<p class="footer__title footer__accordion__head js"
data-accordion-trigger="accordion-linklist-1-1"
aria-controls="accordion-linklist-1-1"
role="button"
aria-haspopup="true"
aria-label="Fairytale"
aria-expanded="false">
Les collections
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewbox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
</p>
<input type="checkbox"
name="accordion-linklist-1-1"
id="accordion-linklist-1-1-checkbox"
class="no-js no-js-checkbox"
>
<label for="accordion-linklist-1-1-checkbox"
class="footer__title footer__accordion__head no-js">
Fairytale
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewbox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
</label>
<ul class="footer__quicklinks footer__accordion__body no-js-accordion" data-accordion-body data-accordion-body-mobile id="accordion-linklist-1-1">
<li><a href="https://www.fairytale.eco/collections/tops-et-t-shirts-bio-eco-responsables-femme">T-shirt bio et éco-responsables</a></li>
<li><a href="https://www.fairytale.eco/collections/chemises-blouses-bio-eco-responsables-femme">Chemises bio et éco-responsables</a></li>
<li><a href="https://www.fairytale.eco/collections/pulls-et-sweats-bio-eco-responsables-femme">Pulls bio et vegan</a></li>
<li><a href="/collections/vestes-et-gilets-bio-eco-responsables-femme">Manteaux bio et vegan</a></li>
<li><a href="https://www.fairytale.eco/collections/robe-bio-eco-responsables-femme">Robes bio et éco-responsables</a></li>
<li><a href="/collections/shorts-jupes-bio-eco-responsables-et-ethiques-femme">Shorts bio et jupes éco-responsables</a></li>
<li><a href="https://www.fairytale.eco/collections/sous-vetements-bio-eco-responsables-femme">Sous-vêtements bio et éthiques</a></li>
<li><a href="/collections/sacs-a-dos-eco-responsables-et-ethiques">Sacs à dos éco-responsables et éthiques</a></li>
<li><a href="/collections/sacs-main-eco-responsables-ethiques">Sacs à main éthiques et éco-responsables</a></li>
<li><a href="/collections/vetement-de-sport-bio-eco-responsables-femme">Tenues de sport écologiques et éthiques</a></li>
<li><a href="/collections/accessoires-eco-responsables-ethiques">Accessoires éco-responsables et éthiques</a></li>
<li><a href="/collections/chaussures-eco-responsables-et-ethiques">Chaussures éco-responsables et éthiques</a></li>
</ul>
</div>
<div class="grid__item medium-up--one-third footer__block" >
<p class="footer__title footer__accordion__head js"
data-accordion-trigger="accordion-linklist-2-2"
aria-controls="accordion-linklist-2-2"
role="button"
aria-haspopup="true"
aria-label="Aide & Contact"
aria-expanded="false">
Aide & Contact
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewbox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
</p>
<input type="checkbox"
name="accordion-linklist-2-2"
id="accordion-linklist-2-2-checkbox"
class="no-js no-js-checkbox"
>
<label for="accordion-linklist-2-2-checkbox"
class="footer__title footer__accordion__head no-js">
Aide & Contact
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewbox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
</label>
<ul class="footer__quicklinks footer__accordion__body no-js-accordion" data-accordion-body data-accordion-body-mobile id="accordion-linklist-2-2">
<li><a href="/pages/questions-frequentes">Questions fréquentes</a></li>
<li><a href="/pages/contact">Contact</a></li>
<li><a href="/pages/questions-frequentes">Livraison et retours</a></li>
<li><a href="/pages/comment-utiliser-sa-carte-cadeau">Carte Cadeau</a></li>
<li><a href="/pages/conditions_generales_de_vente">Conditions générales de vente</a></li>
<li><a href="/pages/politique_confidentialite">Politique de confidentialité</a></li>
<li><a href="/pages/mentions-legales">Mentions légales</a></li>
</ul>
</div>
<div class="grid__item medium-up--one-third footer__block" >
<p class="footer__title footer__accordion__head js"
data-accordion-trigger="accordion-linklist_JNXcQa-3"
aria-controls="accordion-linklist_JNXcQa-3"
role="button"
aria-haspopup="true"
aria-label="A propos"
aria-expanded="false">
A propos
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewbox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
</p>
<input type="checkbox"
name="accordion-linklist_JNXcQa-3"
id="accordion-linklist_JNXcQa-3-checkbox"
class="no-js no-js-checkbox"
>
<label for="accordion-linklist_JNXcQa-3-checkbox"
class="footer__title footer__accordion__head no-js">
A propos
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewbox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>
</label>
<ul class="footer__quicklinks footer__accordion__body no-js-accordion" data-accordion-body data-accordion-body-mobile id="accordion-linklist_JNXcQa-3">
<li><a href="/pages/charte-fairytale">Manifeste</a></li>
<li><a href="/pages/les-matieres-eco-responsables">Les matières éco-responsables</a></li>
<li><a href="/pages/les-labels-environnementaux-et-ethiques-dans-la-mode">Les labels environnementaux et éthiques</a></li>
<li><a href="/pages/nos-marques">Les marques partenaires</a></li>
</ul>
</div>
</div></div><div class="footer__block footer__block--socials"><h3 class="heading-size-8">Suivez-nous</h3>
<div class="footer__socials">
<a class="footer__icon footer__icon--social" href="https://www.facebook.com/fairytale.eco/" title="Facebook" target="_blank">
<!-- /snippets/social-icon.liquid -->
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-social icon-social-facebook" viewbox="0 0 30 30">
<path d="M30 15.091C30 6.756 23.285 0 15 0S0 6.756 0 15.091C0 22.625 5.484 28.868 12.656 30V19.454H8.848V15.09h3.808v-3.324c0-3.782 2.239-5.872 5.666-5.872 1.64 0 3.358.295 3.358.295v3.714h-1.893c-1.863 0-2.443 1.164-2.443 2.358v2.83h4.16l-.665 4.362h-3.495V30C24.516 28.868 30 22.625 30 15.091z" fill="currentColor"></path>
</svg>
<span class="visually-hidden">Facebook</span>
</a>
<a class="footer__icon footer__icon--social" href="https://www.tiktok.com/@fairytale.eco" title="Tiktok" target="_blank">
<!-- /snippets/social-icon.liquid -->
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-social icon-social-tiktok" viewbox="0 0 15 17"><path fill="currentColor" fill-rule="nonzero" d="M10.917 0c.289 2.412 1.674 3.85 4.083 4.004v2.713c-1.396.133-2.619-.311-4.04-1.148v5.075c0 6.447-7.232 8.461-10.14 3.84-1.867-2.973-.723-8.19 5.27-8.4v2.862a8.879 8.879 0 0 0-1.391.331c-1.333.439-2.089 1.26-1.879 2.708.404 2.775 5.641 3.596 5.206-1.825V.005h2.891V0Z"/></svg>
<span class="visually-hidden">Tiktok</span>
</a>
<a class="footer__icon footer__icon--social" href="https://www.pinterest.fr/Fairytale_eco/" title="Pinterest" target="_blank">
<!-- /snippets/social-icon.liquid -->
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-social icon-social-pinterest" viewbox="0 0 19 19"><path fill="currentColor" fill-rule="nonzero" d="M9.368.001c1.269 0 2.48.248 3.635.744a9.449 9.449 0 0 1 2.988 2 9.449 9.449 0 0 1 2 2.988 9.115 9.115 0 0 1 .744 3.635 9.176 9.176 0 0 1-1.256 4.696 9.292 9.292 0 0 1-3.415 3.415 9.176 9.176 0 0 1-4.696 1.256 9.548 9.548 0 0 1-2.659-.366c.471-.765.788-1.44.951-2.025l.659-2.561c.163.309.464.581.903.817.44.236.903.354 1.39.354.976 0 1.85-.28 2.622-.842.772-.561 1.37-1.33 1.793-2.305.423-.975.635-2.073.634-3.293 0-1.447-.557-2.704-1.671-3.769-1.114-1.065-2.533-1.598-4.257-1.598-1.057 0-2.025.179-2.903.537-.878.358-1.585.826-2.122 1.403a6.415 6.415 0 0 0-1.232 1.878 5.2 5.2 0 0 0-.427 2.037c0 .845.159 1.585.476 2.22a2.703 2.703 0 0 0 1.427 1.342c.114.049.212.053.293.012.081-.04.138-.118.171-.232.114-.407.179-.659.195-.756.065-.179.025-.35-.122-.512-.423-.471-.634-1.081-.634-1.83 0-1.236.427-2.297 1.281-3.183.854-.886 1.972-1.329 3.354-1.329 1.22 0 2.171.333 2.854 1 .683.667 1.024 1.537 1.025 2.61 0 .895-.122 1.72-.366 2.476s-.594 1.362-1.049 1.817c-.455.455-.976.683-1.561.683-.488 0-.886-.179-1.195-.537-.309-.358-.406-.781-.293-1.269.065-.228.15-.52.256-.878.105-.357.195-.662.268-.915a13.1 13.1 0 0 0 .207-.817c.065-.292.097-.536.098-.732 0-.407-.106-.74-.317-1-.211-.26-.52-.39-.927-.39-.504 0-.927.232-1.269.695-.342.463-.513 1.045-.512 1.744 0 .26.02.512.061.756.04.244.085.423.134.537l.073.171c-.667 2.895-1.073 4.594-1.22 5.098-.13.618-.179 1.342-.146 2.171a9.417 9.417 0 0 1-4.062-3.44C.516 12.969 0 11.253 0 9.367c0-2.586.915-4.794 2.744-6.623C4.574.914 6.781 0 9.367 0l.001.001Z"/></svg>
<span class="visually-hidden">Pinterest</span>
</a>
<a class="footer__icon footer__icon--social" href="https://www.instagram.com/fairytale.eco/" title="Instagram" target="_blank">
<!-- /snippets/social-icon.liquid -->
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-social icon-social-instagram" viewbox="0 0 21 21"><path fill="currentColor" fill-rule="nonzero" d="M10.034 1.831h2.644c.407 0 .881 0 1.424.068.474 0 .881.067 1.152.135.271.068.543.136.678.203.271.068.475.204.61.34.136.135.34.27.543.406.203.204.339.34.407.543.067.203.203.406.339.61.067.203.135.407.203.678.068.27.135.678.135 1.152 0 .543.068 1.017.068 1.424v5.288c0 .407 0 .882-.068 1.424 0 .474-.067.881-.135 1.152-.068.272-.136.543-.203.678a1.31 1.31 0 0 1-.34.61c-.135.204-.27.34-.406.543-.204.203-.34.339-.543.407a2.38 2.38 0 0 1-.61.27 7.737 7.737 0 0 1-.678.204 4.868 4.868 0 0 1-1.152.136c-.543 0-1.017.068-1.424.068H7.39c-.407 0-.882 0-1.424-.068-.474 0-.881-.068-1.152-.136-.272-.067-.543-.135-.678-.203-.272-.068-.475-.203-.61-.271-.204-.136-.34-.271-.543-.407-.203-.203-.339-.339-.407-.542-.135-.204-.203-.407-.339-.61a8.558 8.558 0 0 1-.203-.679 4.868 4.868 0 0 1-.136-1.152c0-.542-.067-1.017-.067-1.424V7.39c0-.407 0-.881.067-1.424 0-.474.068-.881.136-1.152.068-.271.135-.543.203-.678.068-.204.204-.407.34-.61.135-.204.27-.34.406-.543.203-.203.339-.339.542-.407.204-.135.407-.203.61-.339.204-.067.407-.135.679-.203.377-.09.764-.136 1.152-.135.542 0 1.017-.068 1.424-.068h2.644Zm0-1.763H7.322c-.407 0-.881 0-1.424.068-.542 0-1.017.068-1.356.135-.406.068-.745.204-1.084.34-.34.135-.61.27-.95.474-.27.203-.542.407-.813.678-.271.271-.542.542-.678.881-.136.34-.339.543-.475.882-.135.339-.27.678-.339 1.084-.089.447-.134.9-.135 1.356C0 6.509 0 6.983 0 7.39v5.356c0 .407 0 .881.068 1.424 0 .542.068 1.017.135 1.356.068.406.204.745.34 1.084.135.34.27.61.474.95.203.27.407.542.678.813.271.271.542.475.813.678.272.203.61.339.95.475.339.135.678.203 1.084.339.407.067.814.135 1.356.135.543 0 1.017.068 1.424.068h5.424c.407 0 .881 0 1.423-.068.543 0 1.017-.068 1.356-.135.407-.068.746-.204 1.085-.34.34-.135.61-.27.95-.474.27-.203.542-.407.88-.678.272-.271.475-.542.679-.881.203-.271.339-.61.474-.882.136-.339.204-.678.271-1.084.068-.407.136-.814.136-1.424 0-.542.068-1.017.068-1.424V7.322c0-.407 0-.881-.068-1.423 0-.543-.068-1.017-.136-1.424-.067-.407-.203-.746-.27-1.085-.13-.33-.29-.648-.475-.95-.204-.338-.407-.541-.678-.813a4.353 4.353 0 0 0-.882-.678c-.27-.203-.61-.339-.949-.474-.339-.136-.678-.271-1.085-.34C15.119.068 14.712 0 14.169 0h-1.423c-.476.068-1.356.068-2.712.068Zm0 4.881c-.746 0-1.356.136-2.034.407-.61.271-1.153.61-1.627 1.085-.475.474-.814 1.017-1.085 1.627-.27.62-.41 1.29-.407 1.966 0 .746.136 1.356.407 2.034.271.61.61 1.153 1.085 1.627.474.475 1.017.814 1.627 1.085.61.271 1.288.407 2.034.407.746 0 1.356-.136 2.034-.407a4.57 4.57 0 0 0 1.627-1.085c.474-.474.813-1.017 1.085-1.627.27-.61.406-1.288.406-2.034 0-.678-.135-1.356-.406-1.966-.272-.61-.61-1.153-1.085-1.627-.475-.475-1.017-.814-1.627-1.085-.61-.271-1.356-.407-2.034-.407Zm0 8.475c-.95 0-1.695-.34-2.373-.95-.678-.677-.95-1.423-.95-2.372 0-.881.34-1.695.95-2.373.61-.678 1.424-1.017 2.373-1.017.949 0 1.695.339 2.373 1.017.678.678.949 1.424.949 2.373 0 .949-.34 1.695-.95 2.373-.677.61-1.49.949-2.372.949Zm6.508-8.678c0-.339-.135-.61-.339-.814a1.25 1.25 0 0 0-.813-.339c-.34 0-.61.136-.814.34a1.25 1.25 0 0 0-.339.813c0 .271.136.61.34.881.203.272.542.34.813.34.339 0 .61-.136.813-.34.204-.27.34-.61.34-.881h-.001Z"/></svg>
<span class="visually-hidden">Instagram</span>
</a>
</div></div></div>
</div>
</div>
</div>
</footer>
</div><div id="shopify-section-sections--20622770536781__subfooter" class="shopify-section shopify-section-group-group-footer"><!-- /sections/subfooter.liquid --><section class="subfooter"
data-section-id="sections--20622770536781__subfooter"
data-section-type="footer"
style="--PT: 36px; --PB: 36px;">
<div class="section-padding wrapper--full">
<div class="subfooter__items subfooter__items--1">
<div class="subfooter__item subfooter__item--payment">
<span class="footer__icon footer__icon--payment">
<svg 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>
<span class="visually-hidden">American express</span>
</span>
<span class="footer__icon footer__icon--payment">
<svg 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>
<span class="visually-hidden">Apple pay</span>
</span>
<span class="footer__icon footer__icon--payment">
<svg 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>
<span class="visually-hidden">Cartes bancaires</span>
</span>
<span class="footer__icon footer__icon--payment">
<svg 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>
<span class="visually-hidden">Master</span>
</span>
<span class="footer__icon footer__icon--payment">
<svg xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>
<span class="visually-hidden">Shopify pay</span>
</span>
<span class="footer__icon footer__icon--payment">
<svg 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>
<span class="visually-hidden">Visa</span>
</span>
</div>
<div class="subfooter__item subfooter__item--copyright">
<span class="subfooter__copyright"> © <a href="/" title="">fairytale</a> 2024 </span>
<span class="subfooter__copyright"><a href="/search">Recherche</a></span>
<span class="subfooter__copyright"><a href="/policies/terms-of-service">Conditions d'utilisation</a></span>
<span class="subfooter__copyright"><a href="/policies/refund-policy">Politique de remboursement</a></span>
<!-- The following lines fix Lighthouse security warnings on the Shopify link.--></div></div>
</div>
</section>
</div>
<!-- END sections: group-footer -->
<div class="search--popdown">
<!-- /snippets/search-predictive.liquid -->
<div data-search-popdown-wrap>
<div id="search-popdown" class="search-popdown search__predictive" data-popdown-outer><predictive-search><form
action="/search"
method="get"
role="search">
<div class="item--loadbar" data-loading-indicator style="display: none;"></div>
<div class="search__predictive__outer">
<div class="wrapper">
<div class="search__predictive__main">
<div class="search__predictive__actions">
<button class="search__predictive__button" type="submit">
<span class="visually-hidden">Recherche</span></button>
<input type="search"
data-predictive-search-input="search-popdown-results"
name="q"
value=""
placeholder="Recherche..."
aria-label="Rechercher dans la boutique"
aria-controls="predictive-search-results"
>
<div class="search__predictive__clear">
<button type="reset" class="search__predictive__close__inner search-reset is-hidden" aria-label="Réinitialiser">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-x" viewbox="0 0 24 24"><path d="M18 6 6 18M6 6l12 12"/></svg>
Effacer</button>
</div>
</div>
<div class="search__predictive__close">
<button type="button" class="search__predictive__close__inner" data-close-popdown aria-label="Proche">
<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-x" viewbox="0 0 24 24"><path d="M18 6 6 18M6 6l12 12"/></svg>
</button>
</div>
</div>
</div>
</div><div class="header__search__results" tabindex="-1" data-predictive-search-results></div>
<span class="predictive-search-status visually-hidden" role="status" aria-hidden="true" data-predictive-search-status></span></form></predictive-search></div>
<span class="drawer__underlay" data-search-underlay></span>
<script data-predictive-search-aria-template type="text/x-template">
<div aria-live="polite">
<p>
{{@if(it.count)}}
<span class="badge">{{ it.count }}</span>
{{/if}}
{{ it.title }} <em>{{ it.query }}</em>
</p>
</div>
</script>
<script data-predictive-search-title-template type="text/x-template">
<div class="search__results__heading">
<p>
<span class="search__results__title">{{ it.title }}</span>
<span class="badge">{{ it.count }}</span>
</p>
</div>
</script>
<script data-search-other-template type="text/x-template">
{{@each(it) => object, index}}
<div class="other__inline animates" style="animation-delay: {{ index | animationDelay }}ms;">
<p class="other__inline__title">
<a href="{{ object.url }}">{{ object.title | safe }}</a>
</p>
</div>
{{/each}}
</script>
<script data-search-product-template type="text/x-template">
{{@each(it) => object, index}}
<a href="{{ object.url }}" class="product__inline animates" style="animation-delay: {{ index | animationDelay }}ms;">
<div class="product__inline__image {{ @if (object.featured_image.width === null) }} product__inline__image--no-image {{ /if}}">
{{ @if (object.featured_image.width !== null) }}
<img class="img-aspect-ratio" width="{{object.featured_image.width}}" height="{{ object.featured_image.height }}" alt="{{ object.featured_image.alt }}" src="{{ object.thumb }}">
{{ /if}}
</div>
<div>
<p class="product__inline__title">
{{ object.title | safe }}
</p>
<p class="product__inline__price">
<span class="price {{ object.classes }}">
{{ object.price | safe }}
</span>
{{@if(object.sold_out)}}
<br /><em>{{ object.sold_out_translation }}</em>
{{/if}}
{{@if(object.on_sale)}}
<span class="compare-at">
{{ object.compare_at_price | safe }}
</span>
{{/if}}
</p>
</div>
</a>
{{/each}}
</script>
</div>
</div>
<script data-swatch-template type="text/x-template">
<radio-swatch class="swatch__button swatch__button--square">
<input type="radio"
name="grouped-{{ it.product_id }}"
value="{{ it.color }}"
id="{{ it.uniq }}"
tabindex="-1">
<label for="{{ it.uniq }}"
data-swatch="{{ it.color }}"
data-swatch-variant="{{ it.variant }}"
data-swatch-image="{{ it.image }}"
data-swatch-image-id="{{ it.image_id }}"
data-swatch-index="{{ it.index }}"
tabindex="0">
<span class="visually-hidden">{{ it.color }}</span>
</label>
</radio-swatch>
</script>
<div data-modal-container></div><!-- Paste popup code or third party scripts below this comment line ============== -->
<!-- And above this comment line ================================================== -->
<style> .cart__message {background: #ffe6f2; color: #000546; font-size: 1em !important; letter-spacing: 0.8px; font-weight: 100; font-family: "Tanker-Regular";} </style>
<div id="shopify-block-f3537013-50a6-4917-a943-7fb1a81a0990" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: config --><script>
(function bootstrap() {
const isObject = (value) => {
return value != null && typeof value === "object" && !Array.isArray(value);
}
const merge = (...objects) =>
objects.reduce((result, current) => {
const prevResultKey = Object.keys(result || {});
const currentKey = Object.keys(current || {});
const loopObject =
prevResultKey.length > currentKey.length ? result : current;
Object.keys(loopObject || {}).forEach((key) => {
if (Array.isArray(result[key]) && Array.isArray(current[key])) {
result[key] = Array.from(new Set(result[key].concat(current[key])));
} else if (isObject(result[key]) && isObject(current[key])) {
result[key] = merge(result[key], current[key]);
} else {
if (currentKey.indexOf(key) !== -1) {
result[key] = current[key];
} else {
result[key] = loopObject[key];
}
}
});
return result;
}, {});
function loadAppConfig() {
const boostSDAppConfig = {
mode: 'production',
api: {
filterUrl: 'https://staging.bc-solutions.net/bc-sf-filter/filter',
searchUrl: 'https://staging.bc-solutions.net/bc-sf-filter/search',
recommendUrl: 'https://staging.bc-solutions.net/discovery/recommend',
suggestionUrl: 'https://staging.bc-solutions.net/bc-sf-filter/search/suggest',
productsUrl: 'https://staging.bc-solutions.net/bc-sf-filter/search/products',
cdn: 'https://boost-cdn-staging.bc-solutions.net',
},
shop: {
name: 'fairytale',
url: 'https://www.fairytale.eco',
domain: 'fairytale-eco.myshopify.com',
currency: 'EUR',
money_format: "{{ amount_no_decimals }} €",
money_format_with_currency: "{{ amount_no_decimals }} EUR €"
},
filterSettings: Object.assign({
swatch_extension: "png",
swatch_settings: {"beige":{"name":"beige","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/beige.png?v=1633007387"},"black":{"name":"black","type":"one_color","colorCodes":["#000000"],"imageUrl":""},"blanc":{"name":"blanc","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/blanc.png?v=1633007634"},"bleu":{"name":"bleu","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/bleu.png?v=1633007387"},"blue":{"name":"blue","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/bleu.png?v=1633007387"},"burlywood":{"name":"burlywood","type":"one_color","colorCodes":["#DEB887"],"imageUrl":""},"fuchsia":{"name":"fuchsia","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/fuchsia.png?v=1633007388"},"gold":{"name":"gold","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/or.png?v=1633007388"},"green":{"name":"green","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/vert.png?v=1633007388"},"grey":{"name":"grey","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/gris.png?v=1633007388"},"gris":{"name":"gris","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/gris.png?v=1633007388"},"jaune":{"name":"jaune","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/jaune.png?v=1633007388"},"khaki":{"name":"khaki","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/khaki.png?v=1633007388"},"marron":{"name":"marron","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/marron.png?v=1633007558"},"motif":{"name":"motif","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/motif.png?v=1633316502"},"motifs":{"name":"motifs","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/motif.png?v=1633316502"},"navy":{"name":"navy","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/navy.png?v=1633007388"},"noir":{"name":"noir","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/noir.png?v=1633007512"},"orange":{"name":"orange","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/orange.png?v=1633007388"},"red":{"name":"red","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/rouge.png?v=1633007388"},"rose":{"name":"rose","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/rose.png?v=1633007388"},"rouge":{"name":"rouge","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/rouge.png?v=1633007388"},"steelblue":{"name":"steelblue","type":"one_color","colorCodes":["#4682B4"],"imageUrl":""},"turquoise":{"name":"turquoise","type":"one_color","colorCodes":["#40E0D0"],"imageUrl":""},"vert":{"name":"vert","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/vert.png?v=1633007388"},"vert foncé":{"name":"vert foncé","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/vert-fonce.png?v=1633007388"},"vert fôret":{"name":"vert fôret","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/vert-foret.png?v=1633007388"},"vert gris":{"name":"vert gris","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/vert-gris.png?v=1633007388"},"vert menthe":{"name":"vert menthe","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/vert-menthe.png?v=1633007388"},"vert olive":{"name":"vert olive","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/vert-olive.png?v=1633007388"},"vert pastel":{"name":"vert pastel","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/vert-pastel.png?v=1633007388"},"verte":{"name":"verte","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/vert.png?v=1633007388"},"violet":{"name":"violet","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/violet.png?v=1633007433"},"white":{"name":"white","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/blanc.png?v=1633007634"},"yellow":{"name":"yellow","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/jaune.png?v=1633007388"}},
}, {"showFilterOptionCount":false,"showRefineBy":true,"showOutOfStockOption":false,"showSingleOption":true,"keepToggleState":true,"changeMobileButtonLabel":false,"sortingAvailableFirst":false,"showLoading":true,"activeScrollToTop":true,"showVariantImageBasedOnSelectedFilter":"pf_opt_couleur","productAndVariantAvailable":true,"availableAfterFiltering":false,"isShortenUrlParam":false,"filterTreeMobileStyle":"style3","filterTreeVerticalStyle":"style-off-canvas","filterTreeHorizontalStyle":"style1","stickyFilterOnDesktop":true,"stickyFilterOnMobile":true,"style":{"filterTitleTextColor":"rgba(52||44||205||1)","filterTitleFontSize":17,"filterTitleFontWeight":300,"filterTitleFontTransform":"none","filterTitleFontFamily":"'Work Sans', sans-serif;","filterOptionTextColor":"rgba(31||20||138||1)","filterOptionFontSize":14,"filterOptionFontFamily":"'Work Sans', sans-serif;","filterMobileButtonTextColor":"rgba(31||20||138||1)","filterMobileButtonFontSize":"","filterMobileButtonFontWeight":600,"filterMobileButtonFontTransform":"capitalize","filterMobileButtonFontFamily":"'Work Sans', sans-serif;","filterMobileButtonBackgroundColor":"rgba(255||255||255||1)"}}),
searchSettings: {"searchPanelBlocks":{"products":{"label":"Résultats","pageSize":25,"active":true,"displayImage":true},"collections":{"label":"Collections","pageSize":25,"active":false,"displayImage":false,"displayDescription":false},"pages":{"label":"Pages","pageSize":25,"active":false,"displayImage":false,"displayExcerpt":false},"searchTermSuggestions":{"label":"Recherches récentes","type":"based_on_data","active":true,"backup":[],"searchTermList":["rakha","les alcyonides swimwear","ejwé"]},"mostPopularProducts":{"label":"Dernières tendances","type":"based_on_data","active":true,"backup":[],"productList":["soutien-gorge-ceres-rouge-terracotta","maillot-glacon","maillot-tagada","soutien-gorge-flore","soutien-gorge-flore-rouge-terracotta","une-piece-asymetrique-limone","brassiere-cybele-noire","brassiere-cybele-rouge-terracotta","soutien-gorge-ceres","deux-pieces-asymetrique-berlingot"]},"searchEmptyResultMessages":{"label":"Désolé, nous n'avons pas trouvé de produits correspondants","active":true},"searchTips":{"label":"Search tips","active":false,"searchTips":"Please double-check your spelling.{{ breakline }}Use more generic search terms.{{ breakline }}Enter fewer keywords.{{ breakline }}Try searching by product type, brand, model number or product feature."}},"suggestionNoResult":{"search_terms":{"label":"Recherches récentes","status":true,"data":["rakha","les alcyonides swimwear","ejwé"],"backup":[],"type":"based_on_data"},"products":{"label":"Dernières tendances","status":true,"data":["soutien-gorge-ceres-rouge-terracotta","maillot-glacon","maillot-tagada","soutien-gorge-flore","soutien-gorge-flore-rouge-terracotta","une-piece-asymetrique-limone","brassiere-cybele-noire","brassiere-cybele-rouge-terracotta","soutien-gorge-ceres","deux-pieces-asymetrique-berlingot"],"backup":[],"type":"based_on_data"}},"enableInstantSearch":true,"productAvailable":true,"showSuggestionProductImage":true,"showSuggestionProductPrice":true,"showSuggestionProductSalePrice":true,"showSuggestionProductSku":true,"showSuggestionProductVendor":true,"suggestionBlocks":[{"type":"suggestions","label":"Résultats populaires","status":"active","number":5},{"type":"collections","label":"Collections","status":"disabled","number":3},{"type":"products","label":"Produits","status":"active","number":3},{"type":"pages","label":"Pages","status":"active","number":3}],"searchBoxOnclick":{"recentSearch":{"label":"Recherches récentes","status":true,"number":"3"},"searchTermSuggestion":{"label":"Popular searches","status":false,"data":[]},"productSuggestion":{"label":"Trending products","status":false,"data":[]}},"suggestionStyle":"style3","suggestionStyle1ProductItemType":"list","suggestionStyle1ProductPosition":"none","suggestionStyle1ProductPerRow":"1","suggestionStyle2ProductItemType":"list","suggestionStyle2ProductPosition":"right","suggestionStyle2ProductPerRow":"2","suggestionStyle3ProductItemType":"list","suggestionStyle3ProductPosition":"right","suggestionStyle3ProductPerRow":"3"},
additionalElementSettings: Object.assign({
default_sort_order: {"search":"","all":""},
}, {"customSortingList":"created-descending|number-extra-sort1-ascending|price-ascending|price-descending|best-selling","enableCollectionSearch":false}),
generalSettings: Object.assign({
preview_mode: false,
preview_path: '',
page: "index",
file_url: "//www.fairytale.eco/cdn/shop/files/?34882",
custom_js_asset_url: "",
custom_css_asset_url: "",
collection_id: 0,
collection_handle: "",
collection_product_count: 0,
collection_tags: null,
current_tags: null,
default_sort_by: "",
swatch_extension: "png",
no_image_url: "https://cdn.shopify.com/extensions/a90e7873-3616-492f-a4c5-68d9ae7d4145/boost-ai-search-discovery-64/assets/boost-pfs-no-image.jpg",
search_term: "",
template: "index",currencies: ["BGN","CZK","DKK","EUR","HUF","PLN","RON","SEK"],
current_currency:"EUR",published_locales: {"fr":true},
current_locale: "fr",
}, {"addCollectionToProductUrl":false}),
themeSettings: {},
themeInfo: null,
translation: {"productFilter":"Filtrer","refine":"Filtrer","refineMobile":"Filtrer par","refineMobileCollapse":"Masquer le filtre","clear":"Effacer","clearAll":"Effacer tout","viewMore":"Voir plus","viewLess":"Voir moins","apply":"Appliquer","applyAll":"Appliquer tout","close":"Fermer","back":"Retour","showLimit":"Voir","collectionAll":"Tout","under":"Moins de ","above":"Plus de ","ratingStar":"Étoile","ratingStars":"Note","ratingUp":"& Haut","showResult":"Voir résultats","searchOptions":"Options de recherche","inCollectionSearch":"Rechercher des produits dans cette liste","loadPreviousPage":"Voir les résultats précédents","loadMore":"Voir plus","loadMoreTotal":"Voir plus","viewAs":"Vue","listView":"Vue de la liste","gridView":"Vue en grille","gridViewColumns":"Vue en grille {{ count }} colonnes","search":{"generalTitle":"Recherche","resultHeader":"Résultats pour","resultNumber":"Nombre de résultats","seeAllProducts":"Voir tous les produits","resultEmpty":"Désolé, nous n'avons pas trouvé de produits correspondants","resultEmptyWithSuggestion":"Nous sommes désolés, nous avons rien trouvé pour {{ terms }}. Ces suggestions vous aideront peut-être","searchTotalResult":"{{ count }} résultats trouvés","searchTotalResults":"{{ count }} résultats trouvés","searchPanelProduct":"Résultats","searchPanelCollection":"Collections","searchPanelPage":"Pages","searchTipsTitle":"Search tips","searchTipsContent":"Please double-check your spelling.{{ breakline }}Use more generic search terms.{{ breakline }}Enter fewer keywords.{{ breakline }}Try searching by product type, brand, model number or product feature.","noSearchResultSearchTermLabel":"Recherches récentes","noSearchResultProductsLabel":"Dernières tendances","searchBoxOnclickRecentSearchLabel":"Recherches récentes","searchBoxOnclickSearchTermLabel":"Popular searches","searchBoxOnclickProductsLabel":"Trending products"},"suggestion":{"viewAll":"Voir tous les résultats","didYouMean":"Vouliez-vous dire {{ terms }} ?","searchBoxPlaceholder":"Rechercher","suggestQuery":"Résultats pour {{ terms }}","instantSearchSuggestionsLabel":"Résultats populaires","instantSearchCollectionsLabel":"Collections","instantSearchProductsLabel":"Produits","instantSearchPagesLabel":"Pages","searchBoxOnclickRecentSearchLabel":"Recherches récentes","searchBoxOnclickSearchTermLabel":"Popular searches","searchBoxOnclickProductsLabel":"Trending products","noSearchResultSearchTermLabel":"Recherches récentes","noSearchResultProductsLabel":"Dernières tendances"},"error":{"noFilterResult":"Désolé, nous n'avons pas trouvé de produits correspondants","noSearchResult":"Désolé, nous n'avons pas trouvé de produits correspondants","noProducts":"Aucun produit trouvé","noSuggestionResult":"Désolé, nous n'avons pas trouvé de produits correspondants","noSuggestionProducts":"Désolé, nous n'avons pas trouvé de produits correspondants"},"recommendation":{"homepage-612733":"Just dropped","homepage-655256":"Best Sellers","collectionpage-677057":"Just dropped","collectionpage-550851":"Most Popular Products","productpage-276188":"Recently viewed","productpage-726720":"Frequently Bought Together","cartpage-444581":"Still interested in this?","cartpage-682420":"Similar Products"},"productItem":{"qvBtnLabel":null,"atcAvailableLabel":"Add to cart","soldoutLabel":"Sold out","productItemSale":"-{{salePercent}}","productItemSoldOut":"SOLD OUT","viewProductBtnLabel":null,"atcSelectOptionsLabel":"Select options","amount":"","savingAmount":"Save {{saleAmount}}","swatchButtonText1":"+{{count}}","swatchButtonText2":null,"swatchButtonText3":null,"inventoryInStock":null,"inventoryLowStock":null,"inventorySoldOut":null,"atcAddingToCartBtnLabel":"Adding...","atcAddedToCartBtnLabel":"Added!"},"quickView":{"qvQuantity":"Quantité","qvViewFullDetails":"Voir tous les détails","buyItNowBtnLabel":"Buy it now","qvQuantityError":"Veuillez saisir la quantité"},"cart":{"atcMiniCartSubtotalLabel":"Sous-total","atcMiniCartEmptyCartLabel":"Votre panier est actuellement vide","atcMiniCartCountItemLabel":"objet","atcMiniCartCountItemLabelPlural":"éléments","atcMiniCartShopingCartLabel":"Votre panier","atcMiniCartViewCartLabel":"View cart","atcMiniCartCheckoutLabel":"Checkout"},"recentlyViewed":{"recentProductHeading":"Vus récemment"},"mostPopular":{"popularProductsHeading":"Les produits les plus populaires"},"perpage":{"productCountPerPage":"Afficher : {{count}} par page"},"productCount":{"textDescriptionCollectionHeader":null,"textDescriptionCollectionHeaderPlural":null,"textDescriptionToolbar":"{{count}} products","textDescriptionToolbarPlural":"{{count}} products","textDescriptionPagination":"Showing {{from}} - {{to}} of {{total}} products","textDescriptionPaginationPlural":"Showing {{from}} - {{to}} of {{total}} products"},"pagination":{"loadPreviousText":"Précédent","loadPreviousInfiniteText":"Charger la page précédente","loadMoreText":"Charger plus","prevText":"Previous","nextText":"Next"},"sortingList":{"sorting":"Trier ","created-descending":"Nouveautés","number-extra-sort1-ascending":"Empreinte carbone","price-ascending":"Prix croissant","price-descending":"Prix décroissant","best-selling":"Meilleures ventes"},"collectionHeader":{"collectionAllProduct":"Produits"},"breadcrumb":{"home":"Accueil","collections":"Collections","pagination":"Page {{ page }} sur {{totalPages}}","toFrontPage":"Retour à la page d'accueil"},"sliderProduct":{"prevButton":"Précédente","nextButton":"Suivante"},"refineDesktop":"Filtrer"},
primary_language: {"productFilter":"Filtrer","refine":"Filtrer","refineMobile":"Filtrer par","refineMobileCollapse":"Masquer le filtre","clear":"Effacer","clearAll":"Effacer tout","viewMore":"Voir plus","viewLess":"Voir moins","apply":"Appliquer","applyAll":"Appliquer tout","close":"Fermer","back":"Retour","showLimit":"Voir","collectionAll":"Tout","under":"Moins de ","above":"Plus de ","ratingStar":"Étoile","ratingStars":"Note","ratingUp":"& Haut","showResult":"Voir résultats","searchOptions":"Options de recherche","inCollectionSearch":"Rechercher des produits dans cette liste","loadPreviousPage":"Voir les résultats précédents","loadMore":"Voir plus","loadMoreTotal":"Voir plus","viewAs":"Vue","listView":"Vue de la liste","gridView":"Vue en grille","gridViewColumns":"Vue en grille {{ count }} colonnes","search":{"generalTitle":"Recherche","resultHeader":"Résultats pour","resultNumber":"Nombre de résultats","seeAllProducts":"Voir tous les produits","resultEmpty":"Désolé, nous n'avons pas trouvé de produits correspondants","resultEmptyWithSuggestion":"Nous sommes désolés, nous avons rien trouvé pour {{ terms }}. Ces suggestions vous aideront peut-être","searchTotalResult":"{{ count }} résultats trouvés","searchTotalResults":"{{ count }} résultats trouvés","searchPanelProduct":"Résultats","searchPanelCollection":"Collections","searchPanelPage":"Pages","searchTipsTitle":"Search tips","searchTipsContent":"Please double-check your spelling.{{ breakline }}Use more generic search terms.{{ breakline }}Enter fewer keywords.{{ breakline }}Try searching by product type, brand, model number or product feature.","noSearchResultSearchTermLabel":"Recherches récentes","noSearchResultProductsLabel":"Dernières tendances","searchBoxOnclickRecentSearchLabel":"Recherches récentes","searchBoxOnclickSearchTermLabel":"Popular searches","searchBoxOnclickProductsLabel":"Trending products"},"suggestion":{"viewAll":"Voir tous les résultats","didYouMean":"Vouliez-vous dire {{ terms }} ?","searchBoxPlaceholder":"Rechercher","suggestQuery":"Résultats pour {{ terms }}","instantSearchSuggestionsLabel":"Résultats populaires","instantSearchCollectionsLabel":"Collections","instantSearchProductsLabel":"Produits","instantSearchPagesLabel":"Pages","searchBoxOnclickRecentSearchLabel":"Recherches récentes","searchBoxOnclickSearchTermLabel":"Popular searches","searchBoxOnclickProductsLabel":"Trending products","noSearchResultSearchTermLabel":"Recherches récentes","noSearchResultProductsLabel":"Dernières tendances"},"error":{"noFilterResult":"Désolé, nous n'avons pas trouvé de produits correspondants","noSearchResult":"Désolé, nous n'avons pas trouvé de produits correspondants","noProducts":"Aucun produit trouvé","noSuggestionResult":"Désolé, nous n'avons pas trouvé de produits correspondants","noSuggestionProducts":"Désolé, nous n'avons pas trouvé de produits correspondants"},"recommendation":{"homepage-612733":"Just dropped","homepage-655256":"Best Sellers","collectionpage-677057":"Just dropped","collectionpage-550851":"Most Popular Products","productpage-276188":"Recently viewed","productpage-726720":"Frequently Bought Together","cartpage-444581":"Still interested in this?","cartpage-682420":"Similar Products"},"productItem":{"qvBtnLabel":null,"atcAvailableLabel":"Add to cart","soldoutLabel":"Sold out","productItemSale":"-{{salePercent}}","productItemSoldOut":"SOLD OUT","viewProductBtnLabel":null,"atcSelectOptionsLabel":"Select options","amount":"","savingAmount":"Save {{saleAmount}}","swatchButtonText1":"+{{count}}","swatchButtonText2":null,"swatchButtonText3":null,"inventoryInStock":null,"inventoryLowStock":null,"inventorySoldOut":null,"atcAddingToCartBtnLabel":"Adding...","atcAddedToCartBtnLabel":"Added!"},"quickView":{"qvQuantity":"Quantité","qvViewFullDetails":"Voir tous les détails","buyItNowBtnLabel":"Buy it now","qvQuantityError":"Veuillez saisir la quantité"},"cart":{"atcMiniCartSubtotalLabel":"Sous-total","atcMiniCartEmptyCartLabel":"Votre panier est actuellement vide","atcMiniCartCountItemLabel":"objet","atcMiniCartCountItemLabelPlural":"éléments","atcMiniCartShopingCartLabel":"Votre panier","atcMiniCartViewCartLabel":"View cart","atcMiniCartCheckoutLabel":"Checkout"},"recentlyViewed":{"recentProductHeading":"Vus récemment"},"mostPopular":{"popularProductsHeading":"Les produits les plus populaires"},"perpage":{"productCountPerPage":"Afficher : {{count}} par page"},"productCount":{"textDescriptionCollectionHeader":null,"textDescriptionCollectionHeaderPlural":null,"textDescriptionToolbar":"{{count}} products","textDescriptionToolbarPlural":"{{count}} products","textDescriptionPagination":"Showing {{from}} - {{to}} of {{total}} products","textDescriptionPaginationPlural":"Showing {{from}} - {{to}} of {{total}} products"},"pagination":{"loadPreviousText":"Précédent","loadPreviousInfiniteText":"Charger la page précédente","loadMoreText":"Charger plus","prevText":"Previous","nextText":"Next"},"sortingList":{"sorting":"Trier ","created-descending":"Nouveautés","number-extra-sort1-ascending":"Empreinte carbone","price-ascending":"Prix croissant","price-descending":"Prix décroissant","best-selling":"Meilleures ventes"},"collectionHeader":{"collectionAllProduct":"Produits"},"breadcrumb":{"home":"Accueil","collections":"Collections","pagination":"Page {{ page }} sur {{totalPages}}","toFrontPage":"Retour à la page d'accueil"},"sliderProduct":{"prevButton":"Précédente","nextButton":"Suivante"},"refineDesktop":"Filtrer"},
swatch_settings: {"beige":{"name":"beige","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/beige.png?v=1633007387"},"black":{"name":"black","type":"one_color","colorCodes":["#000000"],"imageUrl":""},"blanc":{"name":"blanc","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/blanc.png?v=1633007634"},"bleu":{"name":"bleu","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/bleu.png?v=1633007387"},"blue":{"name":"blue","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/bleu.png?v=1633007387"},"burlywood":{"name":"burlywood","type":"one_color","colorCodes":["#DEB887"],"imageUrl":""},"fuchsia":{"name":"fuchsia","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/fuchsia.png?v=1633007388"},"gold":{"name":"gold","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/or.png?v=1633007388"},"green":{"name":"green","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/vert.png?v=1633007388"},"grey":{"name":"grey","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/gris.png?v=1633007388"},"gris":{"name":"gris","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/gris.png?v=1633007388"},"jaune":{"name":"jaune","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/jaune.png?v=1633007388"},"khaki":{"name":"khaki","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/khaki.png?v=1633007388"},"marron":{"name":"marron","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/marron.png?v=1633007558"},"motif":{"name":"motif","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/motif.png?v=1633316502"},"motifs":{"name":"motifs","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/motif.png?v=1633316502"},"navy":{"name":"navy","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/navy.png?v=1633007388"},"noir":{"name":"noir","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/noir.png?v=1633007512"},"orange":{"name":"orange","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/orange.png?v=1633007388"},"red":{"name":"red","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/rouge.png?v=1633007388"},"rose":{"name":"rose","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/rose.png?v=1633007388"},"rouge":{"name":"rouge","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/rouge.png?v=1633007388"},"steelblue":{"name":"steelblue","type":"one_color","colorCodes":["#4682B4"],"imageUrl":""},"turquoise":{"name":"turquoise","type":"one_color","colorCodes":["#40E0D0"],"imageUrl":""},"vert":{"name":"vert","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/vert.png?v=1633007388"},"vert foncé":{"name":"vert foncé","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/vert-fonce.png?v=1633007388"},"vert fôret":{"name":"vert fôret","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/vert-foret.png?v=1633007388"},"vert gris":{"name":"vert gris","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/vert-gris.png?v=1633007388"},"vert menthe":{"name":"vert menthe","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/vert-menthe.png?v=1633007388"},"vert olive":{"name":"vert olive","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/vert-olive.png?v=1633007388"},"vert pastel":{"name":"vert pastel","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/vert-pastel.png?v=1633007388"},"verte":{"name":"verte","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/vert.png?v=1633007388"},"violet":{"name":"violet","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/violet.png?v=1633007433"},"white":{"name":"white","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/blanc.png?v=1633007634"},"yellow":{"name":"yellow","type":"image","colorCodes":[],"imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0491\/1002\/4342\/files\/jaune.png?v=1633007388"}},
default_sort_order: {"error":"json not allowed for this object"},
versioning: {
invalidateCache: {
invalidParams: `?v=${Date.now()}`,
latestTime: 1690942680852,
}
},
};
const themeId = window.Shopify.theme.id;
if (themeId) {
const themeSettingsKey = `theme-setting-${themeId}`;
const themeSettings = {"additional-elements-settings":{"customSortingList":"created-descending|number-extra-sort1-ascending|price-ascending|price-descending|best-selling","enableCollectionSearch":false},"filter-settings":{"showFilterOptionCount":false,"showRefineBy":true,"showOutOfStockOption":false,"showSingleOption":true,"keepToggleState":true,"changeMobileButtonLabel":false,"sortingAvailableFirst":false,"showLoading":true,"activeScrollToTop":true,"showVariantImageBasedOnSelectedFilter":"pf_opt_couleur","productAndVariantAvailable":true,"availableAfterFiltering":false,"isShortenUrlParam":false,"filterTreeMobileStyle":"style3","filterTreeVerticalStyle":"style-off-canvas","filterTreeHorizontalStyle":"style1","stickyFilterOnDesktop":true,"stickyFilterOnMobile":true,"style":{"filterTitleTextColor":"rgba(52||44||205||1)","filterTitleFontSize":17,"filterTitleFontWeight":300,"filterTitleFontTransform":"none","filterTitleFontFamily":"'Work Sans', sans-serif;","filterOptionTextColor":"rgba(31||20||138||1)","filterOptionFontSize":14,"filterOptionFontFamily":"'Work Sans', sans-serif;","filterMobileButtonTextColor":"rgba(31||20||138||1)","filterMobileButtonFontSize":"","filterMobileButtonFontWeight":600,"filterMobileButtonFontTransform":"capitalize","filterMobileButtonFontFamily":"'Work Sans', sans-serif;","filterMobileButtonBackgroundColor":"rgba(255||255||255||1)"}},"general-settings":{"addCollectionToProductUrl":false},"languages":{"0":"en","1":"fr","2":""},"search-settings":{"searchPanelBlocks":{"products":{"label":"Résultats","pageSize":25,"active":true,"displayImage":true},"collections":{"label":"Collections","pageSize":25,"active":false,"displayImage":false,"displayDescription":false},"pages":{"label":"Pages","pageSize":25,"active":false,"displayImage":false,"displayExcerpt":false},"searchTermSuggestions":{"label":"Recherches récentes","type":"based_on_data","active":true,"backup":[],"searchTermList":["rakha","les alcyonides swimwear","ejwé"]},"mostPopularProducts":{"label":"Dernières tendances","type":"based_on_data","active":true,"backup":[],"productList":["soutien-gorge-ceres-rouge-terracotta","maillot-glacon","maillot-tagada","soutien-gorge-flore","soutien-gorge-flore-rouge-terracotta","une-piece-asymetrique-limone","brassiere-cybele-noire","brassiere-cybele-rouge-terracotta","soutien-gorge-ceres","deux-pieces-asymetrique-berlingot"]},"searchEmptyResultMessages":{"label":"Désolé, nous n'avons pas trouvé de produits correspondants","active":true},"searchTips":{"label":"Search tips","active":false,"searchTips":"Please double-check your spelling.{{ breakline }}Use more generic search terms.{{ breakline }}Enter fewer keywords.{{ breakline }}Try searching by product type, brand, model number or product feature."}},"suggestionNoResult":{"search_terms":{"label":"Recherches récentes","status":true,"data":["rakha","les alcyonides swimwear","ejwé"],"backup":[],"type":"based_on_data"},"products":{"label":"Dernières tendances","status":true,"data":["soutien-gorge-ceres-rouge-terracotta","maillot-glacon","maillot-tagada","soutien-gorge-flore","soutien-gorge-flore-rouge-terracotta","une-piece-asymetrique-limone","brassiere-cybele-noire","brassiere-cybele-rouge-terracotta","soutien-gorge-ceres","deux-pieces-asymetrique-berlingot"],"backup":[],"type":"based_on_data"}},"enableInstantSearch":true,"productAvailable":true,"showSuggestionProductImage":true,"showSuggestionProductPrice":true,"showSuggestionProductSalePrice":true,"showSuggestionProductSku":true,"showSuggestionProductVendor":true,"suggestionBlocks":[{"type":"suggestions","label":"Résultats populaires","status":"active","number":5},{"type":"collections","label":"Collections","status":"disabled","number":3},{"type":"products","label":"Produits","status":"active","number":3},{"type":"pages","label":"Pages","status":"active","number":3}],"searchBoxOnclick":{"recentSearch":{"label":"Recherches récentes","status":true,"number":"3"},"searchTermSuggestion":{"label":"Popular searches","status":false,"data":[]},"productSuggestion":{"label":"Trending products","status":false,"data":[]}},"suggestionStyle":"style3","suggestionStyle1ProductItemType":"list","suggestionStyle1ProductPosition":"none","suggestionStyle1ProductPerRow":"1","suggestionStyle2ProductItemType":"list","suggestionStyle2ProductPosition":"right","suggestionStyle2ProductPerRow":"2","suggestionStyle3ProductItemType":"list","suggestionStyle3ProductPosition":"right","suggestionStyle3ProductPerRow":"3"},"theme-info":{"149150662989":{"taeFeatures":{"filterLayout":{"collection":"horizontal","search":"horizontal"},"recommendationWidgets":{"collection-page":["collectionpage-653131"]},"recommendation":"installed","instantSearch":"installed","filterCollection":"installed","filterSearch":"installed","env":"production"},"shopifyThemeName":"impulse","boostThemeLib":"default","boostThemeLibVersion":"1.1.0","compatibles":{"app":{"version":"latest"},"analytic":{"version":"latest"},"3rdIntegration":{"version":"latest"},"fallbackTheme":{"version":"latest"}}},"151060087117":{"taeFeatures":{"filterCollection":"installed","filterLayout":{"collection":"vertical","search":"vertical"},"filterSearch":"installed","env":"production"},"shopifyThemeName":"impulse","boostThemeLib":"impulse","boostThemeLibVersion":"1.1.0","compatibles":{"app":{"version":"3.4.0"}}},"151956488525":{"taeFeatures":{"filterLayout":{"collection":"horizontal","search":"horizontal"},"recommendationWidgets":{},"recommendation":"installed","instantSearch":"installed","filterCollection":"installed","filterSearch":"installed","env":"production"},"shopifyThemeName":"impulse","boostThemeLib":"impulse","boostThemeLibVersion":"1.1.0","compatibles":{"app":{"version":"3.0.1"}}},"154768736589":{"taeFeatures":{"filterCollection":"installed","filterLayout":{"collection":"vertical","search":"vertical"},"filterSearch":"installed","env":"production"},"shopifyThemeName":"impulse","boostThemeLib":"impulse","boostThemeLibVersion":"1.1.9","compatibles":{"app":{"version":"3.7.1"}}},"153236603213":{"taeFeatures":{"filterLayout":{"collection":"horizontal","search":"horizontal"},"recommendationWidgets":{"collection-page":["collectionpage-550851"]},"recommendation":"installed","instantSearch":"installed","filterCollection":"installed","filterSearch":"installed","env":"production"},"shopifyThemeName":"impulse","boostThemeLib":"impulse","boostThemeLibVersion":"1.1.9","compatibles":{"app":{"version":"3.7.1"}}},"155006271821":{"taeFeatures":{"filterLayout":{"collection":"vertical","search":"vertical"},"instantSearch":"installed","filterCollection":"installed","filterSearch":"installed","env":"production"},"shopifyThemeName":"impulse","boostThemeLib":"impulse","boostThemeLibVersion":"1.1.9","compatibles":{"app":{"version":"3.7.1"}}},"155698299213":{"taeFeatures":{"filterCollection":"installed","filterLayout":{"collection":"vertical","search":"vertical"},"filterSearch":"installed","env":"production"},"shopifyThemeName":"impulse","boostThemeLib":"impulse","boostThemeLibVersion":"1.1.12","compatibles":{"app":{"version":"3.8.2"}}},"156540240205":{"taeFeatures":{"filterCollection":"installed","filterLayout":{"collection":"vertical","search":"vertical"},"filterSearch":"installed","env":"production"},"shopifyThemeName":"impulse","boostThemeLib":"impulse","boostThemeLibVersion":"2.1.0","compatibles":{"app":{"version":"4.1.0"}}},"157568074061":{"taeFeatures":{"filterLayout":{"collection":"vertical"},"filterCollection":"installed","env":"production"},"shopifyThemeName":"pipeline","boostThemeLib":"default","boostThemeLibVersion":"2.1.2","compatibles":{"app":{"version":"4.1.2"}}},"159374541133":{"taeFeatures":{"filterCollection":"installed","filterLayout":{"collection":"vertical"},"env":"production"},"shopifyThemeName":"pipeline","boostThemeLib":"default","boostThemeLibVersion":"2.1.6","compatibles":{"app":{"version":"4.3.1"}}},"159798067533":{"taeFeatures":{"filterCollection":"installed","filterLayout":{"collection":"vertical"},"env":"production"},"shopifyThemeName":"pipeline","boostThemeLib":"default","boostThemeLibVersion":"2.1.6","compatibles":{"app":{"version":"4.3.1"}}},"160409026893":{"taeFeatures":{"filterCollection":"installed","filterLayout":{"collection":"vertical"},"env":"production"},"shopifyThemeName":"pipeline","boostThemeLib":"default","boostThemeLibVersion":"2.1.6","compatibles":{"app":{"version":"4.3.1"}}}},"theme-setting-136779071712":{"productItems":{"general":{"borderLayout":"noBorder"},"productImg":{"elements":{"productSaleLabel":{"shape":"rectangle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 51, 0, 1)"},"productSoldOutLabel":{"hideOtherLabelsWhenSoldOut":true,"shape":"rectangle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)"},"selectOptionBtn":{"buttonType":"selectOptionBtn","showOnHovering":true,"showOn":"desktopOnly","action":"quickAddToCart","displayType":"textWithIcon","shape":"rectangle","imgSrc":"https:\/\/boost-cdn-staging.bc-solutions.net\/icon\/add-to-cart-white.svg","iconPosition":"left","backgroundColor":"rgba(34, 34, 34, 1)","backgroundColorOnHover":"rgba(61, 66, 70, 1)","borderColor":"rgba(34, 34, 34, 1)","borderColorOnHover":"rgba(61, 66, 70, 1)","textColor":"rgba(255, 255, 255, 1)","textColorOnHover":"rgba(255, 255, 255, 1)","textTransform":"none","width":"100%"},"qvBtn":{"buttonType":"qvBtn","showOnHovering":true,"showOn":"desktopOnly","displayType":"icon","shape":"square","imgSrc":"https:\/\/boost-cdn-staging.bc-solutions.net\/icon\/quick-view.svg","iconPosition":"left","width":"40px","backgroundColor":"rgba(255, 255, 255, 1)","backgroundColorOnHover":"rgba(61, 66, 70, 1)","borderColor":"rgba(255, 255, 255, 1)","borderColorOnHover":"rgba(61, 66, 70, 1)","textColor":"rgba(34, 34, 34, 1)","textColorOnHover":"rgba(255, 255, 255, 1)","textTransform":"none"}},"grid":{"top":{"direction":"horizontal","elements":{"left":["saleLabel","soldOutLabel"]}},"bottom":{"direction":"horizontal","elements":{"left":["selectOptionBtn","qvBtn"]}}},"aspectRatioType":"natural","hoverEffect":"reveal-second-image"},"productInfo":{"textAlign":"left","elements":{"title":{"textTransform":"capitalize"},"vendor":{"textTransform":"uppercase"},"price":{"showCentAsSuperscript":false,"showCurrencyCodes":false,"showMultiVariantPrice":"none","priceColor":"rgba(34, 34, 34, 1)","salePriceColor":"rgba(34, 34, 34, 1)","compareAtPriceColor":"rgba(122, 122, 122, 1)","compareAtPricePosition":"right","showSavingDisplay":false,"savingDisplayColor":"rgba(255, 51, 0, 1)"}}}},"additionalElements":{"pagination":{"paginationType":"default","alignment":"center","textDescription":"Showing {{from}} - {{to}} of {{total}} products","productCount":{"showProductCount":false,"position":"top"},"number":{"shape":"circle","color":"rgba(122, 122, 122, 1)","colorOnSelected":"rgba(34, 34, 34, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnSelected":"rgba(0, 0, 0, 0)"},"button":{"shape":"circle","buttonType":"icon-only","color":"rgba(122, 122, 122, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnHover":"rgba(241, 242, 243, 1)","textTransform":"none"}},"toolbar":{"layout":"3_1","elements":{"viewAs":{"listType":"grid\/list"},"productCount":{"textDescription":"{{count}} products"},"sorting":{}}},"collectionHeader":{"layout":2,"contentPosition":"middle-center","backgroundColor":"rgba(246, 246, 248, 1)","isHidden":false,"elements":{"collectionImage":{"size":"medium","parallaxEffect":false,"directionParallax":"vertical","overlayColor":"rgba(0, 0, 0, 0)"},"collectionTitle":{"textAlign":"center","textTransform":"none"},"collectionDescription":{}}}},"quickView":{"showProductImage":true,"thumbnailPosition":"topLeft","buttonOverall":{"shape":"round"},"buyItNowBtn":{"enable":true,"color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)","hoverBackgroundColor":"rgba(255, 51, 0, 1)","textTransform":"none"},"addToCartBtn":{"color":"rgba(34, 34, 34, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 255, 255, 1)","hoverBackgroundColor":"rgba(34, 34, 34, 1)","borderColor":"rgba(34, 34, 34, 1)","hoverBorderColor":"rgba(34, 34, 34, 1)","textTransform":"none"}},"cart":{"enableCart":true,"cartStyle":"side","generalLayout":{"shape":"round"},"checkoutBtn":{"textTransform":"none","color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)","hoverBackgroundColor":"rgba(255, 51, 0, 1)"},"viewCartBtn":{"textTransform":"none","color":"rgba(34, 34, 34, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 255, 255, 1)","hoverBackgroundColor":"rgba(34, 34, 34, 1)","borderColor":"rgba(78, 78, 78, 1)"}},"productList":{"productsPerPage":24,"productsPerRowOnDesktop":3,"productsPerRowOnMobile":2}},"theme-setting-136949465312":{"productItems":{"general":{"borderLayout":"noBorder"},"productImg":{"elements":{"productSaleLabel":{"shape":"rectangle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 51, 0, 1)"},"productSoldOutLabel":{"hideOtherLabelsWhenSoldOut":true,"shape":"rectangle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)"},"selectOptionBtn":{"buttonType":"selectOptionBtn","showOnHovering":true,"showOn":"desktopOnly","action":"quickAddToCart","displayType":"textWithIcon","shape":"rectangle","imgSrc":"https:\/\/boost-cdn-staging.bc-solutions.net\/icon\/add-to-cart-white.svg","iconPosition":"left","backgroundColor":"rgba(34, 34, 34, 1)","backgroundColorOnHover":"rgba(61, 66, 70, 1)","borderColor":"rgba(34, 34, 34, 1)","borderColorOnHover":"rgba(61, 66, 70, 1)","textColor":"rgba(255, 255, 255, 1)","textColorOnHover":"rgba(255, 255, 255, 1)","textTransform":"none","width":"100%"},"qvBtn":{"buttonType":"qvBtn","showOnHovering":true,"showOn":"desktopOnly","displayType":"icon","shape":"square","imgSrc":"https:\/\/boost-cdn-staging.bc-solutions.net\/icon\/quick-view.svg","iconPosition":"left","width":"40px","backgroundColor":"rgba(255, 255, 255, 1)","backgroundColorOnHover":"rgba(61, 66, 70, 1)","borderColor":"rgba(255, 255, 255, 1)","borderColorOnHover":"rgba(61, 66, 70, 1)","textColor":"rgba(34, 34, 34, 1)","textColorOnHover":"rgba(255, 255, 255, 1)","textTransform":"none"}},"grid":{"top":{"direction":"horizontal","elements":{"left":["saleLabel","soldOutLabel"]}},"bottom":{"direction":"horizontal","elements":{"left":["selectOptionBtn","qvBtn"]}}},"aspectRatioType":"natural","hoverEffect":"reveal-second-image"},"productInfo":{"textAlign":"left","elements":{"title":{"textTransform":"capitalize"},"vendor":{"textTransform":"uppercase"},"price":{"showCentAsSuperscript":false,"showCurrencyCodes":false,"showMultiVariantPrice":"none","priceColor":"rgba(34, 34, 34, 1)","salePriceColor":"rgba(34, 34, 34, 1)","compareAtPriceColor":"rgba(122, 122, 122, 1)","compareAtPricePosition":"right","showSavingDisplay":false,"savingDisplayColor":"rgba(255, 51, 0, 1)"}}}},"additionalElements":{"pagination":{"paginationType":"default","alignment":"center","textDescription":"Showing {{from}} - {{to}} of {{total}} products","productCount":{"showProductCount":false,"position":"top"},"number":{"shape":"circle","color":"rgba(122, 122, 122, 1)","colorOnSelected":"rgba(34, 34, 34, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnSelected":"rgba(0, 0, 0, 0)"},"button":{"shape":"circle","buttonType":"icon-only","color":"rgba(122, 122, 122, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnHover":"rgba(241, 242, 243, 1)","textTransform":"none"}},"toolbar":{"layout":"3_1","elements":{"viewAs":{"listType":"grid\/list"},"productCount":{"textDescription":"{{count}} products"},"sorting":{}}},"collectionHeader":{"layout":2,"contentPosition":"middle-center","backgroundColor":"rgba(246, 246, 248, 1)","isHidden":false,"elements":{"collectionImage":{"size":"medium","parallaxEffect":false,"directionParallax":"vertical","overlayColor":"rgba(0, 0, 0, 0)"},"collectionTitle":{"textAlign":"center","textTransform":"none"},"collectionDescription":{}}}},"quickView":{"showProductImage":true,"thumbnailPosition":"topLeft","buttonOverall":{"shape":"round"},"buyItNowBtn":{"enable":true,"color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)","hoverBackgroundColor":"rgba(255, 51, 0, 1)","textTransform":"none"},"addToCartBtn":{"color":"rgba(34, 34, 34, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 255, 255, 1)","hoverBackgroundColor":"rgba(34, 34, 34, 1)","borderColor":"rgba(34, 34, 34, 1)","hoverBorderColor":"rgba(34, 34, 34, 1)","textTransform":"none"}},"cart":{"enableCart":true,"cartStyle":"side","generalLayout":{"shape":"round"},"checkoutBtn":{"textTransform":"none","color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)","hoverBackgroundColor":"rgba(255, 51, 0, 1)"},"viewCartBtn":{"textTransform":"none","color":"rgba(34, 34, 34, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 255, 255, 1)","hoverBackgroundColor":"rgba(34, 34, 34, 1)","borderColor":"rgba(78, 78, 78, 1)"}},"productList":{"productsPerPage":24,"productsPerRowOnDesktop":3,"productsPerRowOnMobile":2}},"theme-setting-136969421024":{"productItems":{"general":{"borderLayout":"noBorder"},"productImg":{"elements":{"productSaleLabel":{"shape":"rectangle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 51, 0, 1)"},"productSoldOutLabel":{"hideOtherLabelsWhenSoldOut":true,"shape":"rectangle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)"},"selectOptionBtn":{"buttonType":"selectOptionBtn","showOnHovering":true,"showOn":"desktopOnly","action":"quickAddToCart","displayType":"textWithIcon","shape":"rectangle","imgSrc":"https:\/\/boost-cdn-staging.bc-solutions.net\/icon\/add-to-cart-white.svg","iconPosition":"left","backgroundColor":"rgba(34, 34, 34, 1)","backgroundColorOnHover":"rgba(61, 66, 70, 1)","borderColor":"rgba(34, 34, 34, 1)","borderColorOnHover":"rgba(61, 66, 70, 1)","textColor":"rgba(255, 255, 255, 1)","textColorOnHover":"rgba(255, 255, 255, 1)","textTransform":"none","width":"100%"},"qvBtn":{"buttonType":"qvBtn","showOnHovering":true,"showOn":"desktopOnly","displayType":"icon","shape":"square","imgSrc":"https:\/\/boost-cdn-staging.bc-solutions.net\/icon\/quick-view.svg","iconPosition":"left","width":"40px","backgroundColor":"rgba(255, 255, 255, 1)","backgroundColorOnHover":"rgba(61, 66, 70, 1)","borderColor":"rgba(255, 255, 255, 1)","borderColorOnHover":"rgba(61, 66, 70, 1)","textColor":"rgba(34, 34, 34, 1)","textColorOnHover":"rgba(255, 255, 255, 1)","textTransform":"none"}},"grid":{"top":{"direction":"horizontal","elements":{"left":["saleLabel","soldOutLabel"]}},"bottom":{"direction":"horizontal","elements":{"left":["selectOptionBtn","qvBtn"]}}},"aspectRatioType":"natural","hoverEffect":"reveal-second-image"},"productInfo":{"textAlign":"left","elements":{"title":{"textTransform":"capitalize"},"vendor":{"textTransform":"uppercase"},"price":{"showCentAsSuperscript":false,"showCurrencyCodes":false,"showMultiVariantPrice":"none","priceColor":"rgba(34, 34, 34, 1)","salePriceColor":"rgba(34, 34, 34, 1)","compareAtPriceColor":"rgba(122, 122, 122, 1)","compareAtPricePosition":"right","showSavingDisplay":false,"savingDisplayColor":"rgba(255, 51, 0, 1)"}}}},"additionalElements":{"pagination":{"paginationType":"default","alignment":"center","textDescription":"Showing {{from}} - {{to}} of {{total}} products","productCount":{"showProductCount":false,"position":"top"},"number":{"shape":"circle","color":"rgba(122, 122, 122, 1)","colorOnSelected":"rgba(34, 34, 34, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnSelected":"rgba(0, 0, 0, 0)"},"button":{"shape":"circle","buttonType":"icon-only","color":"rgba(122, 122, 122, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnHover":"rgba(241, 242, 243, 1)","textTransform":"none"}},"toolbar":{"layout":"3_1","elements":{"viewAs":{"listType":"grid\/list"},"productCount":{"textDescription":"{{count}} products"},"sorting":{}}},"collectionHeader":{"layout":2,"contentPosition":"middle-center","backgroundColor":"rgba(246, 246, 248, 1)","isHidden":false,"elements":{"collectionImage":{"size":"medium","parallaxEffect":false,"directionParallax":"vertical","overlayColor":"rgba(0, 0, 0, 0)"},"collectionTitle":{"textAlign":"center","textTransform":"none"},"collectionDescription":{}}}},"quickView":{"showProductImage":true,"thumbnailPosition":"topLeft","buttonOverall":{"shape":"round"},"buyItNowBtn":{"enable":true,"color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)","hoverBackgroundColor":"rgba(255, 51, 0, 1)","textTransform":"none"},"addToCartBtn":{"color":"rgba(34, 34, 34, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 255, 255, 1)","hoverBackgroundColor":"rgba(34, 34, 34, 1)","borderColor":"rgba(34, 34, 34, 1)","hoverBorderColor":"rgba(34, 34, 34, 1)","textTransform":"none"}},"cart":{"enableCart":true,"cartStyle":"side","generalLayout":{"shape":"round"},"checkoutBtn":{"textTransform":"none","color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)","hoverBackgroundColor":"rgba(255, 51, 0, 1)"},"viewCartBtn":{"textTransform":"none","color":"rgba(34, 34, 34, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 255, 255, 1)","hoverBackgroundColor":"rgba(34, 34, 34, 1)","borderColor":"rgba(78, 78, 78, 1)"}},"productList":{"productsPerPage":24,"productsPerRowOnDesktop":3,"productsPerRowOnMobile":2}},"theme-setting-148173652301":{"productItems":{"general":{"borderLayout":"noBorder"},"productImg":{"elements":{"productSaleLabel":{"shape":"rectangle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 51, 0, 1)"},"productSoldOutLabel":{"hideOtherLabelsWhenSoldOut":true,"shape":"rectangle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)"},"selectOptionBtn":{"buttonType":"selectOptionBtn","showOnHovering":true,"showOn":"desktopOnly","action":"quickAddToCart","displayType":"textWithIcon","shape":"rectangle","imgSrc":"https:\/\/boost-cdn-staging.bc-solutions.net\/icon\/add-to-cart-white.svg","iconPosition":"left","backgroundColor":"rgba(34, 34, 34, 1)","backgroundColorOnHover":"rgba(61, 66, 70, 1)","borderColor":"rgba(34, 34, 34, 1)","borderColorOnHover":"rgba(61, 66, 70, 1)","textColor":"rgba(255, 255, 255, 1)","textColorOnHover":"rgba(255, 255, 255, 1)","textTransform":"none","width":"100%"},"qvBtn":{"buttonType":"qvBtn","showOnHovering":true,"showOn":"desktopOnly","displayType":"icon","shape":"square","imgSrc":"https:\/\/boost-cdn-staging.bc-solutions.net\/icon\/quick-view.svg","iconPosition":"left","width":"40px","backgroundColor":"rgba(255, 255, 255, 1)","backgroundColorOnHover":"rgba(61, 66, 70, 1)","borderColor":"rgba(255, 255, 255, 1)","borderColorOnHover":"rgba(61, 66, 70, 1)","textColor":"rgba(34, 34, 34, 1)","textColorOnHover":"rgba(255, 255, 255, 1)","textTransform":"none"}},"grid":{"top":{"direction":"horizontal","elements":{"left":["saleLabel","soldOutLabel"]}},"bottom":{"direction":"horizontal","elements":{"left":["selectOptionBtn","qvBtn"]}}},"aspectRatioType":"natural","hoverEffect":"reveal-second-image"},"productInfo":{"textAlign":"left","elements":{"title":{"textTransform":"capitalize"},"vendor":{"textTransform":"uppercase"},"price":{"showCentAsSuperscript":false,"showCurrencyCodes":false,"showMultiVariantPrice":"none","priceColor":"rgba(34, 34, 34, 1)","salePriceColor":"rgba(34, 34, 34, 1)","compareAtPriceColor":"rgba(122, 122, 122, 1)","compareAtPricePosition":"right","showSavingDisplay":false,"savingDisplayColor":"rgba(255, 51, 0, 1)"}}}},"additionalElements":{"pagination":{"paginationType":"default","alignment":"center","textDescription":"Showing {{from}} - {{to}} of {{total}} products","productCount":{"showProductCount":false,"position":"top"},"number":{"shape":"circle","color":"rgba(122, 122, 122, 1)","colorOnSelected":"rgba(34, 34, 34, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnSelected":"rgba(0, 0, 0, 0)"},"button":{"shape":"circle","buttonType":"icon-only","color":"rgba(122, 122, 122, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnHover":"rgba(241, 242, 243, 1)","textTransform":"none"},"borderLayout":"noBorder","mainLayout":"product-item-2","subLayout":"subLayout_2_2"},"toolbar":{"layout":"3_1","elements":{"viewAs":{"listType":"grid\/list"},"productCount":{"textDescription":"{{count}} products"},"sorting":{}}},"collectionHeader":{"layout":2,"contentPosition":"middle-center","backgroundColor":"rgba(246, 246, 248, 1)","isHidden":false,"elements":{"collectionImage":{"size":"medium","parallaxEffect":false,"directionParallax":"vertical","overlayColor":"rgba(0, 0, 0, 0)"},"collectionTitle":{"textAlign":"center","textTransform":"none"},"collectionDescription":{}}}},"quickView":{"showProductImage":true,"thumbnailPosition":"topLeft","buttonOverall":{"shape":"round"},"buyItNowBtn":{"enable":true,"color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)","hoverBackgroundColor":"rgba(255, 51, 0, 1)","textTransform":"none"},"addToCartBtn":{"color":"rgba(34, 34, 34, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 255, 255, 1)","hoverBackgroundColor":"rgba(34, 34, 34, 1)","borderColor":"rgba(34, 34, 34, 1)","hoverBorderColor":"rgba(34, 34, 34, 1)","textTransform":"none"}},"cart":{"enableCart":true,"cartStyle":"side","generalLayout":{"shape":"round"},"checkoutBtn":{"textTransform":"none","color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)","hoverBackgroundColor":"rgba(255, 51, 0, 1)"},"viewCartBtn":{"textTransform":"none","color":"rgba(34, 34, 34, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 255, 255, 1)","hoverBackgroundColor":"rgba(34, 34, 34, 1)","borderColor":"rgba(78, 78, 78, 1)"}},"productList":{"pageLayoutType":"box","productsPerPage":24,"productsPerRowOnDesktop":3,"productsPerRowOnMobile":2}},"theme-setting-149055963469":{"productItems":{"general":{"borderLayout":"noBorder"},"productImg":{"elements":{"productSaleLabel":{"shape":"rectangle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 51, 0, 1)"},"productSoldOutLabel":{"hideOtherLabelsWhenSoldOut":true,"shape":"rectangle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)"},"selectOptionBtn":{"buttonType":"selectOptionBtn","showOnHovering":true,"showOn":"desktopOnly","action":"quickAddToCart","displayType":"textWithIcon","shape":"rectangle","imgSrc":"https:\/\/boost-cdn-staging.bc-solutions.net\/icon\/add-to-cart-white.svg","iconPosition":"left","backgroundColor":"rgba(34, 34, 34, 1)","backgroundColorOnHover":"rgba(61, 66, 70, 1)","borderColor":"rgba(34, 34, 34, 1)","borderColorOnHover":"rgba(61, 66, 70, 1)","textColor":"rgba(255, 255, 255, 1)","textColorOnHover":"rgba(255, 255, 255, 1)","textTransform":"none","width":"100%"},"qvBtn":{"buttonType":"qvBtn","showOnHovering":true,"showOn":"desktopOnly","displayType":"icon","shape":"square","imgSrc":"https:\/\/boost-cdn-staging.bc-solutions.net\/icon\/quick-view.svg","iconPosition":"left","width":"40px","backgroundColor":"rgba(255, 255, 255, 1)","backgroundColorOnHover":"rgba(61, 66, 70, 1)","borderColor":"rgba(255, 255, 255, 1)","borderColorOnHover":"rgba(61, 66, 70, 1)","textColor":"rgba(34, 34, 34, 1)","textColorOnHover":"rgba(255, 255, 255, 1)","textTransform":"none"}},"grid":{"top":{"direction":"horizontal","elements":{"left":["saleLabel","soldOutLabel"]}},"bottom":{"direction":"horizontal","elements":{"left":["selectOptionBtn","qvBtn"]}}},"aspectRatioType":"natural","hoverEffect":"reveal-second-image"},"productInfo":{"textAlign":"left","elements":{"title":{"textTransform":"capitalize"},"vendor":{"textTransform":"uppercase"},"price":{"showCentAsSuperscript":false,"showCurrencyCodes":false,"showMultiVariantPrice":"none","priceColor":"rgba(34, 34, 34, 1)","salePriceColor":"rgba(34, 34, 34, 1)","compareAtPriceColor":"rgba(122, 122, 122, 1)","compareAtPricePosition":"right","showSavingDisplay":false,"savingDisplayColor":"rgba(255, 51, 0, 1)"}}}},"additionalElements":{"pagination":{"paginationType":"default","alignment":"center","textDescription":"Showing {{from}} - {{to}} of {{total}} products","productCount":{"showProductCount":false,"position":"top"},"number":{"shape":"circle","color":"rgba(122, 122, 122, 1)","colorOnSelected":"rgba(34, 34, 34, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnSelected":"rgba(0, 0, 0, 0)"},"button":{"shape":"circle","buttonType":"icon-only","color":"rgba(122, 122, 122, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnHover":"rgba(241, 242, 243, 1)","textTransform":"none"},"borderLayout":"noBorder","mainLayout":"product-item-2","subLayout":"subLayout_2_2"},"toolbar":{"layout":"3_1","elements":{"viewAs":{"listType":"grid\/list"},"productCount":{"textDescription":"{{count}} products"},"sorting":{}}},"collectionHeader":{"layout":2,"contentPosition":"middle-center","backgroundColor":"rgba(246, 246, 248, 1)","isHidden":false,"elements":{"collectionImage":{"size":"medium","parallaxEffect":false,"directionParallax":"vertical","overlayColor":"rgba(0, 0, 0, 0)"},"collectionTitle":{"textAlign":"center","textTransform":"none"},"collectionDescription":{}}}},"quickView":{"showProductImage":true,"thumbnailPosition":"topLeft","buttonOverall":{"shape":"round"},"buyItNowBtn":{"enable":true,"color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)","hoverBackgroundColor":"rgba(255, 51, 0, 1)","textTransform":"none"},"addToCartBtn":{"color":"rgba(34, 34, 34, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 255, 255, 1)","hoverBackgroundColor":"rgba(34, 34, 34, 1)","borderColor":"rgba(34, 34, 34, 1)","hoverBorderColor":"rgba(34, 34, 34, 1)","textTransform":"none"}},"cart":{"enableCart":true,"cartStyle":"side","generalLayout":{"shape":"round"},"checkoutBtn":{"textTransform":"none","color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)","hoverBackgroundColor":"rgba(255, 51, 0, 1)"},"viewCartBtn":{"textTransform":"none","color":"rgba(34, 34, 34, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 255, 255, 1)","hoverBackgroundColor":"rgba(34, 34, 34, 1)","borderColor":"rgba(78, 78, 78, 1)"}},"productList":{"pageLayoutType":"box","productsPerPage":24,"productsPerRowOnDesktop":3,"productsPerRowOnMobile":2}},"theme-setting-149150662989":{"productItems":{"general":{"borderLayout":"noBorder"},"productImg":{"elements":{"productSaleLabel":{"shape":"circle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(108, 112, 245, 1)"},"productCustomLabelByTag":{"shape":"rounded-rectangle","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(31, 20, 138, 1)"}},"grid":{"top":{"direction":"horizontal","elements":{"left":["saleLabel"],"right":["customLabelByTag"]}}},"aspectRatioType":"portrait","cropPosition":"center","hoverEffect":"reveal-second-image"},"productInfo":{"textAlign":"center","elements":{"title":{"textTransform":"none","fontSize":13,"color":"rgba(31, 20, 138, 1)","fontFamily":"Work Sans","fontStyle":"normal","fontWeight":400},"vendor":{"textTransform":"uppercase","color":"rgba(31, 20, 138, 1)","fontSize":12},"price":{"showCentAsSuperscript":false,"showCurrencyCodes":false,"showMultiVariantPrice":"none","priceColor":"rgba(31, 20, 138, 1)","salePriceColor":"rgba(232, 142, 46, 1)","compareAtPriceColor":"rgba(108, 112, 245, 1)","compareAtPricePosition":"right","showSavingDisplay":false,"savingDisplayColor":"rgba(255, 51, 0, 1)","priceFontSize":12,"salePriceFontSize":16,"compareAtPriceFontSize":13,"salePriceFontFamily":"Work Sans","salePriceFontStyle":"normal","salePriceFontWeight":600},"swatches.1":{"showOptionValueOnHovering":true,"swatchButtonStyle":"+{{count}}","shape":"circle","changeProductImageOn":"hover","swatchType":"couleur","swatchBy":"product-image"}}}},"additionalElements":{"pagination":{"paginationType":"default","alignment":"center","textDescription":"Showing {{from}} - {{to}} of {{total}} products","productCount":{"showProductCount":false,"position":"top"},"number":{"shape":"circle","color":"rgba(31, 20, 138, 1)","colorOnSelected":"rgba(52, 44, 205, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnSelected":"rgba(0, 0, 0, 0)"},"button":{"shape":"circle","buttonType":"icon-only","color":"rgba(122, 122, 122, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnHover":"rgba(241, 242, 243, 1)","textTransform":"none"}},"toolbar":{"layout":"3_1","elements":{"productCount":{"textDescription":"{{count}} products"}}}},"quickView":{"showProductImage":true,"thumbnailPosition":"topLeft","buttonOverall":{"shape":"round"},"buyItNowBtn":{"enable":true,"color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)","hoverBackgroundColor":"rgba(255, 51, 0, 1)","textTransform":"none"},"addToCartBtn":{"color":"rgba(34, 34, 34, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 255, 255, 1)","hoverBackgroundColor":"rgba(34, 34, 34, 1)","borderColor":"rgba(34, 34, 34, 1)","hoverBorderColor":"rgba(34, 34, 34, 1)","textTransform":"none"}},"cart":{"enableCart":false,"cartStyle":"side","generalLayout":{"shape":"round"},"checkoutBtn":{"textTransform":"none","color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)","hoverBackgroundColor":"rgba(255, 51, 0, 1)"},"viewCartBtn":{"textTransform":"none","color":"rgba(34, 34, 34, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 255, 255, 1)","hoverBackgroundColor":"rgba(34, 34, 34, 1)","borderColor":"rgba(78, 78, 78, 1)"}},"productList":{"productsPerPage":48,"productsPerRowOnDesktop":4,"productsPerRowOnMobile":2}},"theme-setting-149916352845":{"productItems":{"general":{"borderLayout":"noBorder"},"productImg":{"elements":{"productSaleLabel":{"shape":"rectangle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 51, 0, 1)"},"productSoldOutLabel":{"hideOtherLabelsWhenSoldOut":true,"shape":"rectangle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)"},"selectOptionBtn":{"buttonType":"selectOptionBtn","showOnHovering":true,"showOn":"desktopOnly","action":"quickAddToCart","displayType":"textWithIcon","shape":"rectangle","imgSrc":"https:\/\/boost-cdn-prod.bc-solutions.net\/icon\/add-to-cart-white.svg","iconPosition":"left","backgroundColor":"rgba(34, 34, 34, 1)","backgroundColorOnHover":"rgba(61, 66, 70, 1)","borderColor":"rgba(34, 34, 34, 1)","borderColorOnHover":"rgba(61, 66, 70, 1)","textColor":"rgba(255, 255, 255, 1)","textColorOnHover":"rgba(255, 255, 255, 1)","textTransform":"none","width":"100%"},"qvBtn":{"buttonType":"qvBtn","showOnHovering":true,"showOn":"desktopOnly","displayType":"icon","shape":"square","imgSrc":"https:\/\/boost-cdn-prod.bc-solutions.net\/icon\/quick-view.svg","iconPosition":"left","width":"40px","backgroundColor":"rgba(255, 255, 255, 1)","backgroundColorOnHover":"rgba(61, 66, 70, 1)","borderColor":"rgba(255, 255, 255, 1)","borderColorOnHover":"rgba(61, 66, 70, 1)","textColor":"rgba(34, 34, 34, 1)","textColorOnHover":"rgba(255, 255, 255, 1)","textTransform":"none"}},"grid":{"top":{"direction":"horizontal","elements":{"left":["saleLabel","soldOutLabel"]}},"bottom":{"direction":"horizontal","elements":{"left":["selectOptionBtn","qvBtn"]}}},"aspectRatioType":"natural","hoverEffect":"reveal-second-image"},"productInfo":{"textAlign":"left","elements":{"title":{"textTransform":"capitalize"},"vendor":{"textTransform":"uppercase"},"price":{"showCentAsSuperscript":false,"showCurrencyCodes":false,"showMultiVariantPrice":"none","priceColor":"rgba(34, 34, 34, 1)","salePriceColor":"rgba(34, 34, 34, 1)","compareAtPriceColor":"rgba(122, 122, 122, 1)","compareAtPricePosition":"right","showSavingDisplay":false,"savingDisplayColor":"rgba(255, 51, 0, 1)"}}}},"additionalElements":{"pagination":{"paginationType":"default","alignment":"center","textDescription":"Showing {{from}} - {{to}} of {{total}} products","productCount":{"showProductCount":false,"position":"top"},"number":{"shape":"circle","color":"rgba(122, 122, 122, 1)","colorOnSelected":"rgba(34, 34, 34, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnSelected":"rgba(0, 0, 0, 0)"},"button":{"shape":"circle","buttonType":"icon-only","color":"rgba(122, 122, 122, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnHover":"rgba(241, 242, 243, 1)","textTransform":"none"}},"toolbar":{"layout":"3_1","elements":{"viewAs":{"listType":"grid\/list"},"productCount":{"textDescription":"{{count}} products"},"sorting":{}}},"collectionHeader":{"layout":2,"contentPosition":"middle-center","backgroundColor":"rgba(246, 246, 248, 1)","isHidden":false,"elements":{"collectionImage":{"size":"medium","parallaxEffect":false,"directionParallax":"vertical","overlayColor":"rgba(0, 0, 0, 0)"},"collectionTitle":{"textAlign":"center","textTransform":"none"},"collectionDescription":{}}}},"quickView":{"showProductImage":true,"thumbnailPosition":"topLeft","buttonOverall":{"shape":"round"},"buyItNowBtn":{"enable":true,"color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)","hoverBackgroundColor":"rgba(255, 51, 0, 1)","textTransform":"none"},"addToCartBtn":{"color":"rgba(34, 34, 34, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 255, 255, 1)","hoverBackgroundColor":"rgba(34, 34, 34, 1)","borderColor":"rgba(34, 34, 34, 1)","hoverBorderColor":"rgba(34, 34, 34, 1)","textTransform":"none"}},"cart":{"enableCart":true,"cartStyle":"side","generalLayout":{"shape":"round"},"checkoutBtn":{"textTransform":"none","color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)","hoverBackgroundColor":"rgba(255, 51, 0, 1)"},"viewCartBtn":{"textTransform":"none","color":"rgba(34, 34, 34, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 255, 255, 1)","hoverBackgroundColor":"rgba(34, 34, 34, 1)","borderColor":"rgba(78, 78, 78, 1)"}},"productList":{"productsPerPage":24,"productsPerRowOnDesktop":3,"productsPerRowOnMobile":2}},"theme-setting-150008529229":{"productItems":{"general":{"borderLayout":"noBorder"},"productImg":{"elements":{"productSaleLabel":{"shape":"rectangle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(28, 29, 29, 1)"},"productSoldOutLabel":{"hideOtherLabelsWhenSoldOut":true,"shape":"rectangle","displayType":"text","color":"rgba(0, 0, 0, 1)","backgroundColor":"rgba(255, 255, 255, 1)"},"qvBtn":{"buttonType":"qvBtn","showOnHovering":true,"showOn":"desktopOnly","displayType":"text","shape":"rectangle","iconPosition":"left","imgSrc":"https:\/\/boost-cdn-prod.bc-solutions.net\/icon\/quick-view-white.svg","backgroundColor":"rgba(17, 17, 17, 1)","backgroundColorOnHover":"rgba(17, 17, 17, 1)","borderColor":"rgba(17, 17, 17, 1)","borderColorOnHover":"rgba(17, 17, 17, 1)","textColor":"rgba(255, 255, 255, 1)","textColorOnHover":"rgba(255, 255, 255, 1)","textTransform":"none","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":15,"fontWeight":400,"width":"100%"}},"grid":{"top":{"direction":"horizontal","elements":{"right":["saleLabel","soldOutLabel"]}},"bottom":{"direction":"horizontal","elements":{"left":["qvBtn"]}}},"aspectRatioType":"natural","hoverEffect":"none"},"productInfo":{"textAlign":"center","elements":{"title":{"color":"rgba(0, 0, 0, 1)","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":16,"textTransform":"uppercase","fontWeight":400},"price":{"showCentAsSuperscript":false,"showCurrencyCodes":false,"showMultiVariantPrice":"From {{minPrice}}","priceColor":"rgba(28, 29, 29, 1)","priceFontFamily":"Twentieth Century","priceFontStyle":"normal","priceFontSize":15,"salePriceColor":"rgba(28, 29, 29, 1)","salePriceFontFamily":"Twentieth Century","salePriceFontStyle":"normal","salePriceFontSize":15,"compareAtPriceColor":"rgba(28, 29, 29, 1)","compareAtPricePosition":"left","compareAtPriceFontFamily":"Twentieth Century","compareAtPriceFontStyle":"normal","compareAtPriceFontSize":15,"showSavingDisplay":true,"savingDisplayColor":"rgba(194, 0, 0, 1)","priceFontWeight":400,"salePriceFontWeight":400,"compareAtPriceFontWeight":400}}}},"additionalElements":{"pagination":{"paginationType":"default","alignment":"center","textDescription":"Showing {{from}} - {{to}} of {{total}} products","productCount":{"showProductCount":false,"position":"top"},"number":{"shape":"square","color":"rgba(0, 0, 0, 1)","colorOnSelected":"rgba(230, 230, 230, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnSelected":"rgba(0, 0, 0, 0)","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":16,"fontWeight":400},"button":{"shape":"square","buttonType":"icon-only","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(0, 0, 0, 1)","backgroundColorOnHover":"rgba(0, 0, 0, 1)","textTransform":"none","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":16,"fontWeight":400}},"toolbar":{"layout":"2_1","elements":{"productCount":{"textDescription":"{{count}} products"},"sorting":{}}},"collectionHeader":{"layout":4,"contentPosition":"middle-center","backgroundColor":"rgba(0, 0, 0, 0)","isHidden":false,"elements":{"collectionImage":{"size":"small","parallaxEffect":true,"directionParallax":"vertical","overlayColor":"rgba (0, 0, 0, 0.1)"},"collectionTitle":{"textAlign":"center","textTransform":"uppercase","fontFamily":"Tenor Sans","fontStyle":"normal","collectionTitleColor":"rgba(255, 255, 255, 1)","fontSize":52,"fontWeight":400},"collectionDescription":{}}}},"quickView":{"showProductImage":true,"thumbnailPosition":"topLeft","buttonOverall":{"shape":"rectangle","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":14,"fontWeight":700},"buyItNowBtn":{"enable":true,"color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(17, 17, 17, 1)","hoverBackgroundColor":"rgba(43, 43, 43, 1)","borderColor":"rgba(17, 17, 17, 1)","hoverBorderColor":"rgba(43, 43, 43, 1)","textTransform":"uppercase"},"addToCartBtn":{"color":"rgba(0, 0, 0, 1)","hoverColor":"rgba(0, 0, 0, 1)","backgroundColor":"rgba(0, 0, 0, 0)","hoverBackgroundColor":"rgba(0, 0, 0, 0)","borderColor":"rgba(0, 0, 0, 1)","hoverBorderColor":"rgba(0, 0, 0, 1)","textTransform":"uppercase"}},"cart":{"enableCart":true,"cartStyle":"side","generalLayout":{"shape":"rectangle","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":14,"fontWeight":700},"checkoutBtn":{"textTransform":"uppercase","color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(17, 17, 17, 1)","hoverBackgroundColor":"rgba(43, 43, 43, 1)","borderColor":"rgba(17, 17, 17, 1)","hoverBorderColor":"rgba(43, 43, 43, 1)"},"viewCartBtn":{"textTransform":"uppercase","color":"rgba(0, 0, 0, 1)","hoverColor":"rgba(0, 0, 0, 1)","backgroundColor":"rgba(0, 0, 0, 0)","hoverBackgroundColor":"rgba(0, 0, 0, 0)","borderColor":"rgba(0, 0, 0, 1)","hoverBorderColor":"rgba(0, 0, 0, 1)"}},"productList":{"productsPerPage":28,"productsPerRowOnDesktop":4,"productsPerRowOnMobile":2}},"theme-setting-151060087117":{"productItems":{"general":{"borderLayout":"noBorder"},"productImg":{"elements":{"productSaleLabel":{"shape":"rectangle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(28, 29, 29, 1)"},"productSoldOutLabel":{"hideOtherLabelsWhenSoldOut":true,"shape":"rectangle","displayType":"text","color":"rgba(0, 0, 0, 1)","backgroundColor":"rgba(255, 255, 255, 1)"},"qvBtn":{"buttonType":"qvBtn","showOnHovering":true,"showOn":"desktopOnly","displayType":"text","shape":"rectangle","iconPosition":"left","imgSrc":"https:\/\/boost-cdn-prod.bc-solutions.net\/icon\/quick-view-white.svg","backgroundColor":"rgba(17, 17, 17, 1)","backgroundColorOnHover":"rgba(17, 17, 17, 1)","borderColor":"rgba(17, 17, 17, 1)","borderColorOnHover":"rgba(17, 17, 17, 1)","textColor":"rgba(255, 255, 255, 1)","textColorOnHover":"rgba(255, 255, 255, 1)","textTransform":"none","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":15,"fontWeight":400,"width":"100%"}},"grid":{"top":{"direction":"horizontal","elements":{"right":["saleLabel","soldOutLabel"]}},"bottom":{"direction":"horizontal","elements":{"left":["qvBtn"]}}},"aspectRatioType":"natural","hoverEffect":"none"},"productInfo":{"textAlign":"center","elements":{"title":{"color":"rgba(0, 0, 0, 1)","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":16,"textTransform":"uppercase","fontWeight":400},"price":{"showCentAsSuperscript":false,"showCurrencyCodes":false,"showMultiVariantPrice":"From {{minPrice}}","priceColor":"rgba(28, 29, 29, 1)","priceFontFamily":"Twentieth Century","priceFontStyle":"normal","priceFontSize":15,"salePriceColor":"rgba(28, 29, 29, 1)","salePriceFontFamily":"Twentieth Century","salePriceFontStyle":"normal","salePriceFontSize":15,"compareAtPriceColor":"rgba(28, 29, 29, 1)","compareAtPricePosition":"left","compareAtPriceFontFamily":"Twentieth Century","compareAtPriceFontStyle":"normal","compareAtPriceFontSize":15,"showSavingDisplay":true,"savingDisplayColor":"rgba(194, 0, 0, 1)","priceFontWeight":400,"salePriceFontWeight":400,"compareAtPriceFontWeight":400}}}},"additionalElements":{"pagination":{"paginationType":"default","alignment":"center","textDescription":"Showing {{from}} - {{to}} of {{total}} products","productCount":{"showProductCount":false,"position":"top"},"number":{"shape":"square","color":"rgba(0, 0, 0, 1)","colorOnSelected":"rgba(230, 230, 230, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnSelected":"rgba(0, 0, 0, 0)","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":16,"fontWeight":400},"button":{"shape":"square","buttonType":"icon-only","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(0, 0, 0, 1)","backgroundColorOnHover":"rgba(0, 0, 0, 1)","textTransform":"none","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":16,"fontWeight":400}},"toolbar":{"layout":"2_1","elements":{"productCount":{"textDescription":"{{count}} products"},"sorting":{}}},"collectionHeader":{"layout":4,"contentPosition":"middle-center","backgroundColor":"rgba(0, 0, 0, 0)","isHidden":false,"elements":{"collectionImage":{"size":"small","parallaxEffect":true,"directionParallax":"vertical","overlayColor":"rgba(0, 0, 0, 0.1)"},"collectionTitle":{"textAlign":"center","textTransform":"uppercase","fontFamily":"Tenor Sans","fontStyle":"normal","collectionTitleColor":"rgba(255, 255, 255, 1)","fontSize":52,"fontWeight":400},"collectionDescription":{}}}},"quickView":{"showProductImage":true,"thumbnailPosition":"topLeft","buttonOverall":{"shape":"rectangle","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":14,"fontWeight":700},"buyItNowBtn":{"enable":true,"color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(17, 17, 17, 1)","hoverBackgroundColor":"rgba(43, 43, 43, 1)","borderColor":"rgba(17, 17, 17, 1)","hoverBorderColor":"rgba(43, 43, 43, 1)","textTransform":"uppercase"},"addToCartBtn":{"color":"rgba(0, 0, 0, 1)","hoverColor":"rgba(0, 0, 0, 1)","backgroundColor":"rgba(0, 0, 0, 0)","hoverBackgroundColor":"rgba(0, 0, 0, 0)","borderColor":"rgba(0, 0, 0, 1)","hoverBorderColor":"rgba(0, 0, 0, 1)","textTransform":"uppercase"}},"cart":{"enableCart":true,"cartStyle":"side","generalLayout":{"shape":"rectangle","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":14,"fontWeight":700},"checkoutBtn":{"textTransform":"uppercase","color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(17, 17, 17, 1)","hoverBackgroundColor":"rgba(43, 43, 43, 1)","borderColor":"rgba(17, 17, 17, 1)","hoverBorderColor":"rgba(43, 43, 43, 1)"},"viewCartBtn":{"textTransform":"uppercase","color":"rgba(0, 0, 0, 1)","hoverColor":"rgba(0, 0, 0, 1)","backgroundColor":"rgba(0, 0, 0, 0)","hoverBackgroundColor":"rgba(0, 0, 0, 0)","borderColor":"rgba(0, 0, 0, 1)","hoverBorderColor":"rgba(0, 0, 0, 1)"}},"productList":{"productsPerPage":28,"productsPerRowOnDesktop":4,"productsPerRowOnMobile":2}},"theme-setting-151956488525":{"productItems":{"general":{"borderLayout":"noBorder"},"productImg":{"elements":{"productSaleLabel":{"shape":"circle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(108, 112, 245, 1)"},"productCustomLabelByTag":{"shape":"rounded-rectangle","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(31, 20, 138, 1)"},"swatches.1":{"showOptionValueOnHovering":true,"swatchButtonStyle":"+{{count}}","shape":"circle","changeProductImageOn":"hover","swatchType":"couleur","swatchBy":"product-image"}},"grid":{"top":{"direction":"horizontal","elements":{"left":["saleLabel"],"right":["customLabelByTag"]}},"bottom":{"direction":"horizontal","elements":{"left":["swatches.1"]}}},"aspectRatioType":"manual","cropPosition":"top","hoverEffect":"reveal-second-image","manualAspectRatio":"200\/270"},"productInfo":{"textAlign":"left","elements":{"vendor":{"textTransform":"capitalize","color":"rgba(31, 20, 138, 1)","fontSize":14},"title":{"textTransform":"none","fontSize":15,"color":"rgba(31, 20, 138, 1)","fontFamily":"SF Mono","fontStyle":"normal","fontWeight":400},"price":{"showCentAsSuperscript":false,"showCurrencyCodes":false,"showMultiVariantPrice":"none","priceColor":"rgba(31, 20, 138, 1)","salePriceColor":"rgba(232, 142, 46, 1)","compareAtPriceColor":"rgba(108, 112, 245, 1)","compareAtPricePosition":"right","showSavingDisplay":false,"savingDisplayColor":"rgba(255, 51, 0, 1)","priceFontSize":14,"salePriceFontSize":16,"compareAtPriceFontSize":13,"salePriceFontFamily":"Work Sans","salePriceFontStyle":"normal","salePriceFontWeight":600}}}},"additionalElements":{"pagination":{"paginationType":"load_more","alignment":"center","textDescription":"Showing {{from}} - {{to}} of {{total}} products","productCount":{"showProductCount":false,"position":"top"},"button":{"shape":"rounded-rectangle","textTransform":"capitalize","fontFamily":"-apple-system, sans-serif","fontStyle":"normal","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(52, 44, 205, 1)","borderColor":"rgba(52, 44, 205, 1)","fontSize":16,"fontWeight":400}},"toolbar":{"layout":"3_4","elements":{"sorting":{}}}},"quickView":{"showProductImage":true,"thumbnailPosition":"topLeft","buttonOverall":{"shape":"round"},"buyItNowBtn":{"enable":true,"color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)","hoverBackgroundColor":"rgba(255, 51, 0, 1)","textTransform":"none"},"addToCartBtn":{"color":"rgba(34, 34, 34, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 255, 255, 1)","hoverBackgroundColor":"rgba(34, 34, 34, 1)","borderColor":"rgba(34, 34, 34, 1)","hoverBorderColor":"rgba(34, 34, 34, 1)","textTransform":"none"}},"cart":{"enableCart":false,"cartStyle":"side","generalLayout":{"shape":"round"},"checkoutBtn":{"textTransform":"none","color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)","hoverBackgroundColor":"rgba(255, 51, 0, 1)"},"viewCartBtn":{"textTransform":"none","color":"rgba(34, 34, 34, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 255, 255, 1)","hoverBackgroundColor":"rgba(34, 34, 34, 1)","borderColor":"rgba(78, 78, 78, 1)"}},"productList":{"productsPerPage":48,"productsPerRowOnDesktop":4,"productsPerRowOnMobile":2}},"theme-setting-153236603213":{"productItems":{"general":{"borderLayout":"noPaddingImage"},"productImg":{"elements":{"productSaleLabel":{"shape":"circle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(108, 112, 245, 1)"},"productCustomLabelByTag":{"shape":"rounded-rectangle","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(31, 20, 138, 1)"},"swatches.1":{"showOptionValueOnHovering":true,"swatchButtonStyle":"+{{count}}","shape":"circle","changeProductImageOn":"hover","swatchType":"couleur","swatchBy":"product-image"}},"grid":{"top":{"direction":"horizontal","elements":{"left":["saleLabel"],"right":["customLabelByTag"]}},"bottom":{"direction":"horizontal","elements":{"center":["swatches.1"]}}},"aspectRatioType":"portrait","cropPosition":"center","hoverEffect":"reveal-second-image"},"productInfo":{"textAlign":"left","elements":{"title":{"textTransform":"capitalize","fontSize":12,"color":"rgba(31, 20, 138, 1)","fontFamily":"SF Mono","fontStyle":"normal","fontWeight":400},"vendor":{"textTransform":"uppercase","color":"rgba(31, 20, 138, 1)","fontSize":11,"fontFamily":"-apple-system, sans-serif","fontStyle":"normal","fontWeight":400},"price":{"showCentAsSuperscript":false,"showCurrencyCodes":false,"showMultiVariantPrice":"none","priceColor":"rgba(31, 20, 138, 1)","salePriceColor":"rgba(232, 142, 46, 1)","compareAtPriceColor":"rgba(108, 112, 245, 1)","compareAtPricePosition":"right","showSavingDisplay":false,"savingDisplayColor":"rgba(255, 51, 0, 1)","priceFontSize":14,"salePriceFontSize":16,"compareAtPriceFontSize":13,"salePriceFontFamily":"Work Sans","salePriceFontStyle":"normal","priceFontFamily":"SF Mono","priceFontStyle":"normal","priceFontWeight":400,"salePriceFontWeight":600}}}},"additionalElements":{"pagination":{"paginationType":"load_more","alignment":"center","textDescription":"Showing {{from}} - {{to}} of {{total}} products","productCount":{"showProductCount":false,"position":"top"},"button":{"shape":"rounded-rectangle","textTransform":"capitalize","fontFamily":"-apple-system, sans-serif","fontStyle":"normal","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(52, 44, 205, 1)","borderColor":"rgba(52, 44, 205, 1)","fontSize":16,"fontWeight":400}},"toolbar":{"layout":"3_4","elements":{"sorting":{}}}},"quickView":{"showProductImage":true,"thumbnailPosition":"topLeft","buttonOverall":{"shape":"round"},"buyItNowBtn":{"enable":true,"color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)","hoverBackgroundColor":"rgba(255, 51, 0, 1)","textTransform":"none"},"addToCartBtn":{"color":"rgba(34, 34, 34, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 255, 255, 1)","hoverBackgroundColor":"rgba(34, 34, 34, 1)","borderColor":"rgba(34, 34, 34, 1)","hoverBorderColor":"rgba(34, 34, 34, 1)","textTransform":"none"}},"cart":{"enableCart":false,"cartStyle":"side","generalLayout":{"shape":"round"},"checkoutBtn":{"textTransform":"none","color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)","hoverBackgroundColor":"rgba(255, 51, 0, 1)"},"viewCartBtn":{"textTransform":"none","color":"rgba(34, 34, 34, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 255, 255, 1)","hoverBackgroundColor":"rgba(34, 34, 34, 1)","borderColor":"rgba(78, 78, 78, 1)"}},"productList":{"productsPerPage":48,"productsPerRowOnDesktop":3,"productsPerRowOnMobile":2}},"theme-setting-154768736589":{"productItems":{"general":{"borderLayout":"noBorder"},"productImg":{"elements":{"productSaleLabel":{"shape":"rectangle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(28, 29, 29, 1)"},"productSoldOutLabel":{"hideOtherLabelsWhenSoldOut":true,"shape":"rectangle","displayType":"text","color":"rgba(0, 0, 0, 1)","backgroundColor":"rgba(255, 255, 255, 1)"},"qvBtn":{"buttonType":"qvBtn","showOnHovering":true,"showOn":"desktopOnly","displayType":"text","shape":"rectangle","iconPosition":"left","imgSrc":"https:\/\/boost-cdn-prod.bc-solutions.net\/icon\/quick-view-white.svg","backgroundColor":"rgba(17, 17, 17, 1)","backgroundColorOnHover":"rgba(17, 17, 17, 1)","borderColor":"rgba(17, 17, 17, 1)","borderColorOnHover":"rgba(17, 17, 17, 1)","textColor":"rgba(255, 255, 255, 1)","textColorOnHover":"rgba(255, 255, 255, 1)","textTransform":"none","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":15,"fontWeight":400,"width":"100%"}},"grid":{"top":{"direction":"horizontal","elements":{"right":["saleLabel","soldOutLabel"]}},"bottom":{"direction":"horizontal","elements":{"left":["qvBtn"]}}},"aspectRatioType":"natural","hoverEffect":"none"},"productInfo":{"textAlign":"center","elements":{"title":{"color":"rgba(0, 0, 0, 1)","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":16,"textTransform":"uppercase","fontWeight":400},"price":{"showCentAsSuperscript":false,"showCurrencyCodes":false,"showMultiVariantPrice":"From {{minPrice}}","priceColor":"rgba(28, 29, 29, 1)","priceFontFamily":"Twentieth Century","priceFontStyle":"normal","priceFontSize":15,"salePriceColor":"rgba(28, 29, 29, 1)","salePriceFontFamily":"Twentieth Century","salePriceFontStyle":"normal","salePriceFontSize":15,"compareAtPriceColor":"rgba(28, 29, 29, 1)","compareAtPricePosition":"left","compareAtPriceFontFamily":"Twentieth Century","compareAtPriceFontStyle":"normal","compareAtPriceFontSize":15,"showSavingDisplay":true,"savingDisplayColor":"rgba(194, 0, 0, 1)","priceFontWeight":400,"salePriceFontWeight":400,"compareAtPriceFontWeight":400}}}},"additionalElements":{"pagination":{"paginationType":"default","alignment":"center","textDescription":"Showing {{from}} - {{to}} of {{total}} products","productCount":{"showProductCount":false,"position":"top"},"number":{"shape":"square","color":"rgba(0, 0, 0, 1)","colorOnSelected":"rgba(230, 230, 230, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnSelected":"rgba(0, 0, 0, 0)","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":16,"fontWeight":400},"button":{"shape":"square","buttonType":"icon-only","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(0, 0, 0, 1)","backgroundColorOnHover":"rgba(0, 0, 0, 1)","textTransform":"none","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":16,"fontWeight":400}},"toolbar":{"layout":"2_1","elements":{"productCount":{"textDescription":"{{count}} products"},"sorting":{}}},"collectionHeader":{"layout":4,"contentPosition":"middle-center","backgroundColor":"rgba(0, 0, 0, 0)","isHidden":false,"elements":{"collectionImage":{"size":"small","parallaxEffect":true,"directionParallax":"vertical","overlayColor":"rgba(0, 0, 0, 0.1)"},"collectionTitle":{"textAlign":"center","textTransform":"uppercase","fontFamily":"Tenor Sans","fontStyle":"normal","collectionTitleColor":"rgba(255, 255, 255, 1)","fontSize":52,"fontWeight":400},"collectionDescription":{}}}},"quickView":{"showProductImage":true,"thumbnailPosition":"topLeft","buttonOverall":{"shape":"rectangle","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":14,"fontWeight":700},"buyItNowBtn":{"enable":true,"color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(17, 17, 17, 1)","hoverBackgroundColor":"rgba(43, 43, 43, 1)","borderColor":"rgba(17, 17, 17, 1)","hoverBorderColor":"rgba(43, 43, 43, 1)","textTransform":"uppercase"},"addToCartBtn":{"color":"rgba(0, 0, 0, 1)","hoverColor":"rgba(0, 0, 0, 1)","backgroundColor":"rgba(0, 0, 0, 0)","hoverBackgroundColor":"rgba(0, 0, 0, 0)","borderColor":"rgba(0, 0, 0, 1)","hoverBorderColor":"rgba(0, 0, 0, 1)","textTransform":"uppercase"}},"cart":{"enableCart":true,"cartStyle":"side","generalLayout":{"shape":"rectangle","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":14,"fontWeight":700},"checkoutBtn":{"textTransform":"uppercase","color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(17, 17, 17, 1)","hoverBackgroundColor":"rgba(43, 43, 43, 1)","borderColor":"rgba(17, 17, 17, 1)","hoverBorderColor":"rgba(43, 43, 43, 1)"},"viewCartBtn":{"textTransform":"uppercase","color":"rgba(0, 0, 0, 1)","hoverColor":"rgba(0, 0, 0, 1)","backgroundColor":"rgba(0, 0, 0, 0)","hoverBackgroundColor":"rgba(0, 0, 0, 0)","borderColor":"rgba(0, 0, 0, 1)","hoverBorderColor":"rgba(0, 0, 0, 1)"}},"productList":{"productsPerPage":28,"productsPerRowOnDesktop":4,"productsPerRowOnMobile":2}},"theme-setting-155006271821":{"productItems":{"general":{"borderLayout":"noPaddingImage"},"productImg":{"elements":{"productSaleLabel":{"shape":"circle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 130, 190, 1)"},"productCustomLabelByTag":{"shape":"rectangle","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(0, 5, 70, 1)"},"swatches.1":{"showOptionValueOnHovering":false,"swatchButtonStyle":"+{{count}}","shape":"box","changeProductImageOn":"hover","swatchType":"couleur","swatchBy":"product-image"}},"grid":{"top":{"direction":"horizontal","elements":{"left":["saleLabel"],"right":["customLabelByTag"]}},"bottom":{"direction":"horizontal","elements":{"left":["swatches.1"]}}},"aspectRatioType":"manual","cropPosition":"center","hoverEffect":"reveal-second-image"},"productInfo":{"textAlign":"left","elements":{"vendor":{"color":"rgba(0, 0, 0, 0.65)","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":11,"textTransform":"uppercase","fontWeight":400},"title":{"color":"rgba(0, 0, 0, 1)","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":14,"textTransform":"lowercase","fontWeight":400},"price":{"showCentAsSuperscript":false,"showCurrencyCodes":false,"showMultiVariantPrice":"none","priceColor":"rgba(0, 5, 70, 1)","priceFontFamily":"Twentieth Century","priceFontStyle":"normal","priceFontSize":14,"salePriceColor":"rgba(22, 20, 199, 1)","salePriceFontFamily":"Twentieth Century","salePriceFontStyle":"normal","salePriceFontSize":15,"compareAtPriceColor":"rgba(255, 130, 190, 1)","compareAtPricePosition":"left","compareAtPriceFontFamily":"Twentieth Century","compareAtPriceFontStyle":"normal","compareAtPriceFontSize":15,"showSavingDisplay":false,"savingDisplayColor":"rgba(194, 0, 0, 1)","priceFontWeight":400,"salePriceFontWeight":700,"compareAtPriceFontWeight":400}}}},"additionalElements":{"pagination":{"paginationType":"load_more","alignment":"center","textDescription":"Showing {{from}} - {{to}} of {{total}} products","productCount":{"showProductCount":false,"position":"top"},"button":{"shape":"rectangle","textTransform":"uppercase","fontFamily":"Twentieth Century","fontStyle":"normal","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(52, 44, 205, 1)","borderColor":"rgba(52, 44, 205, 1)","fontSize":16,"fontWeight":400}},"toolbar":{"layout":"2_1","elements":{"sorting":{}}}},"quickView":{"showProductImage":false,"thumbnailPosition":"topLeft","buttonOverall":{"shape":"rectangle","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":14,"fontWeight":700},"buyItNowBtn":{"enable":true,"color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(17, 17, 17, 1)","hoverBackgroundColor":"rgba(43, 43, 43, 1)","borderColor":"rgba(17, 17, 17, 1)","hoverBorderColor":"rgba(43, 43, 43, 1)","textTransform":"uppercase"},"addToCartBtn":{"color":"rgba(0, 0, 0, 1)","hoverColor":"rgba(0, 0, 0, 1)","backgroundColor":"rgba(0, 0, 0, 0)","hoverBackgroundColor":"rgba(0, 0, 0, 0)","borderColor":"rgba(0, 0, 0, 1)","hoverBorderColor":"rgba(0, 0, 0, 1)","textTransform":"uppercase"}},"cart":{"enableCart":false,"cartStyle":"side","generalLayout":{"shape":"rectangle","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":14,"fontWeight":700},"checkoutBtn":{"textTransform":"uppercase","color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(17, 17, 17, 1)","hoverBackgroundColor":"rgba(43, 43, 43, 1)","borderColor":"rgba(17, 17, 17, 1)","hoverBorderColor":"rgba(43, 43, 43, 1)"},"viewCartBtn":{"textTransform":"uppercase","color":"rgba(0, 0, 0, 1)","hoverColor":"rgba(0, 0, 0, 1)","backgroundColor":"rgba(0, 0, 0, 0)","hoverBackgroundColor":"rgba(0, 0, 0, 0)","borderColor":"rgba(0, 0, 0, 1)","hoverBorderColor":"rgba(0, 0, 0, 1)"}},"productList":{"productsPerPage":48,"productsPerRowOnDesktop":4,"productsPerRowOnMobile":2}},"theme-setting-155698299213":{"productItems":{"general":{"borderLayout":"noBorder"},"productImg":{"elements":{"productSaleLabel":{"shape":"rectangle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(28, 29, 29, 1)"},"productSoldOutLabel":{"hideOtherLabelsWhenSoldOut":true,"shape":"rectangle","displayType":"text","color":"rgba(0, 0, 0, 1)","backgroundColor":"rgba(255, 255, 255, 1)"},"qvBtn":{"buttonType":"qvBtn","showOnHovering":true,"showOn":"desktopOnly","displayType":"text","shape":"rectangle","iconPosition":"left","imgSrc":"https:\/\/boost-cdn-prod.bc-solutions.net\/icon\/quick-view-white.svg","backgroundColor":"rgba(17, 17, 17, 1)","backgroundColorOnHover":"rgba(17, 17, 17, 1)","borderColor":"rgba(17, 17, 17, 1)","borderColorOnHover":"rgba(17, 17, 17, 1)","textColor":"rgba(255, 255, 255, 1)","textColorOnHover":"rgba(255, 255, 255, 1)","textTransform":"none","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":15,"fontWeight":400,"width":"100%"}},"grid":{"top":{"direction":"horizontal","elements":{"right":["saleLabel","soldOutLabel"]}},"bottom":{"direction":"horizontal","elements":{"left":["qvBtn"]}}},"aspectRatioType":"natural","hoverEffect":"none"},"productInfo":{"textAlign":"center","elements":{"title":{"color":"rgba(0, 0, 0, 1)","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":16,"textTransform":"uppercase","fontWeight":400},"price":{"showCentAsSuperscript":false,"showCurrencyCodes":false,"showMultiVariantPrice":"From {{minPrice}}","priceColor":"rgba(28, 29, 29, 1)","priceFontFamily":"Twentieth Century","priceFontStyle":"normal","priceFontSize":15,"salePriceColor":"rgba(28, 29, 29, 1)","salePriceFontFamily":"Twentieth Century","salePriceFontStyle":"normal","salePriceFontSize":15,"compareAtPriceColor":"rgba(28, 29, 29, 1)","compareAtPricePosition":"left","compareAtPriceFontFamily":"Twentieth Century","compareAtPriceFontStyle":"normal","compareAtPriceFontSize":15,"showSavingDisplay":true,"savingDisplayColor":"rgba(194, 0, 0, 1)","priceFontWeight":400,"salePriceFontWeight":400,"compareAtPriceFontWeight":400}}}},"additionalElements":{"pagination":{"paginationType":"default","alignment":"center","textDescription":"Showing {{from}} - {{to}} of {{total}} products","productCount":{"showProductCount":false,"position":"top"},"number":{"shape":"square","color":"rgba(0, 0, 0, 1)","colorOnSelected":"rgba(230, 230, 230, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnSelected":"rgba(0, 0, 0, 0)","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":16,"fontWeight":400},"button":{"shape":"square","buttonType":"icon-only","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(0, 0, 0, 1)","backgroundColorOnHover":"rgba(0, 0, 0, 1)","textTransform":"none","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":16,"fontWeight":400}},"toolbar":{"layout":"2_1","elements":{"productCount":{"textDescription":"{{count}} products"},"sorting":{}}},"collectionHeader":{"layout":4,"contentPosition":"middle-center","backgroundColor":"rgba(0, 0, 0, 0.2)","isHidden":false,"elements":{"collectionImage":{"size":"small","parallaxEffect":true,"directionParallax":"vertical","overlayColor":"rgba(0, 0, 0, 0.1)"},"collectionTitle":{"textAlign":"center","textTransform":"uppercase","fontFamily":"Tenor Sans","fontStyle":"normal","collectionTitleColor":"rgba(255, 255, 255, 1)","fontSize":52,"fontWeight":400},"collectionDescription":{}}}},"quickView":{"showProductImage":true,"thumbnailPosition":"topLeft","buttonOverall":{"shape":"rectangle","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":14,"fontWeight":700},"buyItNowBtn":{"enable":true,"color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(17, 17, 17, 1)","hoverBackgroundColor":"rgba(43, 43, 43, 1)","borderColor":"rgba(17, 17, 17, 1)","hoverBorderColor":"rgba(43, 43, 43, 1)","textTransform":"uppercase"},"addToCartBtn":{"color":"rgba(0, 0, 0, 1)","hoverColor":"rgba(0, 0, 0, 1)","backgroundColor":"rgba(0, 0, 0, 0)","hoverBackgroundColor":"rgba(0, 0, 0, 0)","borderColor":"rgba(0, 0, 0, 1)","hoverBorderColor":"rgba(0, 0, 0, 1)","textTransform":"uppercase"}},"cart":{"enableCart":true,"cartStyle":"side","generalLayout":{"shape":"rectangle","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":14,"fontWeight":700},"checkoutBtn":{"textTransform":"uppercase","color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(17, 17, 17, 1)","hoverBackgroundColor":"rgba(43, 43, 43, 1)","borderColor":"rgba(17, 17, 17, 1)","hoverBorderColor":"rgba(43, 43, 43, 1)"},"viewCartBtn":{"textTransform":"uppercase","color":"rgba(0, 0, 0, 1)","hoverColor":"rgba(0, 0, 0, 1)","backgroundColor":"rgba(0, 0, 0, 0)","hoverBackgroundColor":"rgba(0, 0, 0, 0)","borderColor":"rgba(0, 0, 0, 1)","hoverBorderColor":"rgba(0, 0, 0, 1)"}},"productList":{"productsPerPage":28,"productsPerRowOnDesktop":4,"productsPerRowOnMobile":2}},"theme-setting-156540240205":{"productItems":{"general":{"borderLayout":"noPaddingImage"},"productImg":{"elements":{"productSaleLabel":{"shape":"circle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 130, 190, 1)"},"productCustomLabelByTag":{"shape":"rectangle","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(0, 5, 70, 1)"},"swatches.1":{"showOptionValueOnHovering":false,"swatchButtonStyle":"+{{count}}","shape":"box","changeProductImageOn":"hover","swatchType":"couleur","swatchBy":"product-image"}},"grid":{"top":{"direction":"horizontal","elements":{"left":["saleLabel"],"right":["customLabelByTag"]}},"bottom":{"direction":"horizontal","elements":{"left":["swatches.1"]}}},"aspectRatioType":"manual","cropPosition":"center","hoverEffect":"reveal-second-image"},"productInfo":{"textAlign":"left","elements":{"vendor":{"color":"rgba(0, 0, 0, 0.65)","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":11,"textTransform":"uppercase","fontWeight":400},"title":{"color":"rgba(0, 0, 0, 1)","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":14,"textTransform":"lowercase","fontWeight":400},"price":{"showCentAsSuperscript":false,"showCurrencyCodes":false,"showMultiVariantPrice":"none","priceColor":"rgba(0, 5, 70, 1)","priceFontFamily":"Twentieth Century","priceFontStyle":"normal","priceFontSize":14,"salePriceColor":"rgba(22, 20, 199, 1)","salePriceFontFamily":"Twentieth Century","salePriceFontStyle":"normal","salePriceFontSize":15,"compareAtPriceColor":"rgba(255, 130, 190, 1)","compareAtPricePosition":"left","compareAtPriceFontFamily":"Twentieth Century","compareAtPriceFontStyle":"normal","compareAtPriceFontSize":15,"showSavingDisplay":false,"savingDisplayColor":"rgba(194, 0, 0, 1)","priceFontWeight":400,"salePriceFontWeight":700,"compareAtPriceFontWeight":400}}}},"additionalElements":{"pagination":{"paginationType":"load_more","alignment":"center","textDescription":"Showing {{from}} - {{to}} of {{total}} products","productCount":{"showProductCount":false,"position":"top"},"button":{"shape":"rectangle","textTransform":"uppercase","fontFamily":"Twentieth Century","fontStyle":"normal","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(52, 44, 205, 1)","borderColor":"rgba(52, 44, 205, 1)","fontSize":16,"fontWeight":400}},"toolbar":{"layout":"2_1","elements":{"sorting":{}}}},"quickView":{"showProductImage":false,"thumbnailPosition":"topLeft","buttonOverall":{"shape":"rectangle","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":14,"fontWeight":700},"buyItNowBtn":{"enable":true,"color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(17, 17, 17, 1)","hoverBackgroundColor":"rgba(43, 43, 43, 1)","borderColor":"rgba(17, 17, 17, 1)","hoverBorderColor":"rgba(43, 43, 43, 1)","textTransform":"uppercase"},"addToCartBtn":{"color":"rgba(0, 0, 0, 1)","hoverColor":"rgba(0, 0, 0, 1)","backgroundColor":"rgba(0, 0, 0, 0)","hoverBackgroundColor":"rgba(0, 0, 0, 0)","borderColor":"rgba(0, 0, 0, 1)","hoverBorderColor":"rgba(0, 0, 0, 1)","textTransform":"uppercase"}},"cart":{"enableCart":false,"cartStyle":"side","generalLayout":{"shape":"rectangle","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":14,"fontWeight":700},"checkoutBtn":{"textTransform":"uppercase","color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(17, 17, 17, 1)","hoverBackgroundColor":"rgba(43, 43, 43, 1)","borderColor":"rgba(17, 17, 17, 1)","hoverBorderColor":"rgba(43, 43, 43, 1)"},"viewCartBtn":{"textTransform":"uppercase","color":"rgba(0, 0, 0, 1)","hoverColor":"rgba(0, 0, 0, 1)","backgroundColor":"rgba(0, 0, 0, 0)","hoverBackgroundColor":"rgba(0, 0, 0, 0)","borderColor":"rgba(0, 0, 0, 1)","hoverBorderColor":"rgba(0, 0, 0, 1)"}},"productList":{"productsPerPage":48,"productsPerRowOnDesktop":4,"productsPerRowOnMobile":2}},"theme-setting-157568074061":{"productItems":{"general":{"borderLayout":"noPaddingImage"},"productImg":{"elements":{"productSaleLabel":{"shape":"circle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 130, 190, 1)"},"productCustomLabelByTag":{"shape":"rectangle","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(0, 5, 70, 1)"}},"grid":{"top":{"direction":"horizontal","elements":{"left":["saleLabel"],"right":["customLabelByTag"]}}},"aspectRatioType":"manual","cropPosition":"center","hoverEffect":"reveal-second-image-and-zoom-in"},"productInfo":{"textAlign":"left","elements":{"vendor":{"color":"rgba(0, 0, 0, 0.65)","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":11,"textTransform":"uppercase","fontWeight":400},"title":{"color":"rgba(0, 0, 0, 1)","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":14,"textTransform":"lowercase","fontWeight":400},"price":{"showCentAsSuperscript":false,"showCurrencyCodes":false,"showMultiVariantPrice":"none","priceColor":"rgba(0, 5, 70, 1)","priceFontFamily":"Twentieth Century","priceFontStyle":"normal","priceFontSize":14,"salePriceColor":"rgba(22, 20, 199, 1)","salePriceFontFamily":"Twentieth Century","salePriceFontStyle":"normal","salePriceFontSize":15,"compareAtPriceColor":"rgba(255, 130, 190, 1)","compareAtPricePosition":"left","compareAtPriceFontFamily":"Twentieth Century","compareAtPriceFontStyle":"normal","compareAtPriceFontSize":15,"showSavingDisplay":false,"savingDisplayColor":"rgba(194, 0, 0, 1)","priceFontWeight":400,"salePriceFontWeight":700,"compareAtPriceFontWeight":400}}}},"additionalElements":{"pagination":{"paginationType":"default","alignment":"center","textDescription":"Showing {{from}} - {{to}} of {{total}} products","productCount":{"showProductCount":false,"position":"top"},"number":{"shape":"circle","color":"rgba(0, 5, 70, 1)","colorOnSelected":"rgba(22, 20, 199, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnSelected":"rgba(0, 0, 0, 0)","fontSize":16},"button":{"shape":"circle","buttonType":"icon-only","color":"rgba(122, 122, 122, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnHover":"rgba(241, 242, 243, 1)","textTransform":"none"}},"toolbar":{"layout":"2_1","elements":{"sorting":{}}}},"quickView":{"showProductImage":false,"thumbnailPosition":"topLeft","buttonOverall":{"shape":"rectangle","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":14,"fontWeight":700},"buyItNowBtn":{"enable":true,"color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(17, 17, 17, 1)","hoverBackgroundColor":"rgba(43, 43, 43, 1)","borderColor":"rgba(17, 17, 17, 1)","hoverBorderColor":"rgba(43, 43, 43, 1)","textTransform":"uppercase"},"addToCartBtn":{"color":"rgba(0, 0, 0, 1)","hoverColor":"rgba(0, 0, 0, 1)","backgroundColor":"rgba(0, 0, 0, 0)","hoverBackgroundColor":"rgba(0, 0, 0, 0)","borderColor":"rgba(0, 0, 0, 1)","hoverBorderColor":"rgba(0, 0, 0, 1)","textTransform":"uppercase"}},"cart":{"enableCart":false,"cartStyle":"side","generalLayout":{"shape":"rectangle","fontFamily":"Twentieth Century","fontStyle":"normal","fontSize":14,"fontWeight":700},"checkoutBtn":{"textTransform":"uppercase","color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(17, 17, 17, 1)","hoverBackgroundColor":"rgba(43, 43, 43, 1)","borderColor":"rgba(17, 17, 17, 1)","hoverBorderColor":"rgba(43, 43, 43, 1)"},"viewCartBtn":{"textTransform":"uppercase","color":"rgba(0, 0, 0, 1)","hoverColor":"rgba(0, 0, 0, 1)","backgroundColor":"rgba(0, 0, 0, 0)","hoverBackgroundColor":"rgba(0, 0, 0, 0)","borderColor":"rgba(0, 0, 0, 1)","hoverBorderColor":"rgba(0, 0, 0, 1)"}},"productList":{"productsPerPage":48,"productsPerRowOnDesktop":4,"productsPerRowOnMobile":2}},"theme-setting-159374541133":{"productItems":{"general":{"borderLayout":"noBorder"},"productImg":{"elements":{"productSaleLabel":{"shape":"rectangle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 51, 0, 1)"},"productSoldOutLabel":{"hideOtherLabelsWhenSoldOut":true,"shape":"rectangle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)"},"selectOptionBtn":{"buttonType":"selectOptionBtn","showOnHovering":true,"showOn":"desktopOnly","action":"quickAddToCart","displayType":"textWithIcon","shape":"rectangle","imgSrc":"https:\/\/boost-cdn-prod.bc-solutions.net\/icon\/add-to-cart-white.svg","iconPosition":"left","backgroundColor":"rgba(34, 34, 34, 1)","backgroundColorOnHover":"rgba(61, 66, 70, 1)","borderColor":"rgba(34, 34, 34, 1)","borderColorOnHover":"rgba(61, 66, 70, 1)","textColor":"rgba(255, 255, 255, 1)","textColorOnHover":"rgba(255, 255, 255, 1)","textTransform":"none","width":"100%"},"qvBtn":{"buttonType":"qvBtn","showOnHovering":true,"showOn":"desktopOnly","displayType":"icon","shape":"square","imgSrc":"https:\/\/boost-cdn-prod.bc-solutions.net\/icon\/quick-view.svg","iconPosition":"left","width":"40px","backgroundColor":"rgba(255, 255, 255, 1)","backgroundColorOnHover":"rgba(61, 66, 70, 1)","borderColor":"rgba(255, 255, 255, 1)","borderColorOnHover":"rgba(61, 66, 70, 1)","textColor":"rgba(34, 34, 34, 1)","textColorOnHover":"rgba(255, 255, 255, 1)","textTransform":"none"}},"grid":{"top":{"direction":"horizontal","elements":{"left":["saleLabel","soldOutLabel"]}},"bottom":{"direction":"horizontal","elements":{"left":["selectOptionBtn","qvBtn"]}}},"aspectRatioType":"natural","hoverEffect":"reveal-second-image"},"productInfo":{"textAlign":"left","elements":{"title":{"textTransform":"capitalize"},"vendor":{"textTransform":"uppercase"},"price":{"showCentAsSuperscript":false,"showCurrencyCodes":false,"showMultiVariantPrice":"none","priceColor":"rgba(34, 34, 34, 1)","salePriceColor":"rgba(34, 34, 34, 1)","compareAtPriceColor":"rgba(122, 122, 122, 1)","compareAtPricePosition":"right","showSavingDisplay":false,"savingDisplayColor":"rgba(255, 51, 0, 1)"}}}},"additionalElements":{"pagination":{"paginationType":"default","alignment":"center","textDescription":"Showing {{from}} - {{to}} of {{total}} products","productCount":{"showProductCount":false,"position":"top"},"number":{"shape":"circle","color":"rgba(122, 122, 122, 1)","colorOnSelected":"rgba(34, 34, 34, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnSelected":"rgba(0, 0, 0, 0)"},"button":{"shape":"circle","buttonType":"icon-only","color":"rgba(122, 122, 122, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnHover":"rgba(241, 242, 243, 1)","textTransform":"none"}},"toolbar":{"layout":"3_1","elements":{"viewAs":{"listType":"grid\/list"},"productCount":{"textDescription":"{{count}} products"},"sorting":{}}},"collectionHeader":{"layout":2,"contentPosition":"middle-center","backgroundColor":"rgba(246, 246, 248, 1)","isHidden":false,"elements":{"collectionImage":{"size":"medium","parallaxEffect":false,"directionParallax":"vertical","overlayColor":"rgba(0, 0, 0, 0)"},"collectionTitle":{"textAlign":"center","textTransform":"none"},"collectionDescription":{}}}},"quickView":{"showProductImage":true,"thumbnailPosition":"topLeft","buttonOverall":{"shape":"round"},"buyItNowBtn":{"enable":true,"color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)","hoverBackgroundColor":"rgba(255, 51, 0, 1)","textTransform":"none"},"addToCartBtn":{"color":"rgba(34, 34, 34, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 255, 255, 1)","hoverBackgroundColor":"rgba(34, 34, 34, 1)","borderColor":"rgba(34, 34, 34, 1)","hoverBorderColor":"rgba(34, 34, 34, 1)","textTransform":"none"}},"cart":{"enableCart":false,"cartStyle":"side","generalLayout":{"shape":"round"},"checkoutBtn":{"textTransform":"none","color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)","hoverBackgroundColor":"rgba(255, 51, 0, 1)"},"viewCartBtn":{"textTransform":"none","color":"rgba(34, 34, 34, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 255, 255, 1)","hoverBackgroundColor":"rgba(34, 34, 34, 1)","borderColor":"rgba(78, 78, 78, 1)"}},"productList":{"productsPerPage":24,"productsPerRowOnDesktop":3,"productsPerRowOnMobile":2}},"theme-setting-159798067533":{"productItems":{"general":{"borderLayout":"noBorder"},"productImg":{"elements":{"productSaleLabel":{"shape":"rectangle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 51, 0, 1)"},"productSoldOutLabel":{"hideOtherLabelsWhenSoldOut":true,"shape":"rectangle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)"},"selectOptionBtn":{"buttonType":"selectOptionBtn","showOnHovering":true,"showOn":"desktopOnly","action":"quickAddToCart","displayType":"textWithIcon","shape":"rectangle","imgSrc":"https:\/\/boost-cdn-prod.bc-solutions.net\/icon\/add-to-cart-white.svg","iconPosition":"left","backgroundColor":"rgba(34, 34, 34, 1)","backgroundColorOnHover":"rgba(61, 66, 70, 1)","borderColor":"rgba(34, 34, 34, 1)","borderColorOnHover":"rgba(61, 66, 70, 1)","textColor":"rgba(255, 255, 255, 1)","textColorOnHover":"rgba(255, 255, 255, 1)","textTransform":"none","width":"100%"},"qvBtn":{"buttonType":"qvBtn","showOnHovering":true,"showOn":"desktopOnly","displayType":"icon","shape":"square","imgSrc":"https:\/\/boost-cdn-prod.bc-solutions.net\/icon\/quick-view.svg","iconPosition":"left","width":"40px","backgroundColor":"rgba(255, 255, 255, 1)","backgroundColorOnHover":"rgba(61, 66, 70, 1)","borderColor":"rgba(255, 255, 255, 1)","borderColorOnHover":"rgba(61, 66, 70, 1)","textColor":"rgba(34, 34, 34, 1)","textColorOnHover":"rgba(255, 255, 255, 1)","textTransform":"none"}},"grid":{"top":{"direction":"horizontal","elements":{"left":["saleLabel","soldOutLabel"]}},"bottom":{"direction":"horizontal","elements":{"left":["selectOptionBtn","qvBtn"]}}},"aspectRatioType":"natural","hoverEffect":"reveal-second-image"},"productInfo":{"textAlign":"left","elements":{"title":{"textTransform":"capitalize"},"vendor":{"textTransform":"uppercase"},"price":{"showCentAsSuperscript":false,"showCurrencyCodes":false,"showMultiVariantPrice":"none","priceColor":"rgba(34, 34, 34, 1)","salePriceColor":"rgba(34, 34, 34, 1)","compareAtPriceColor":"rgba(122, 122, 122, 1)","compareAtPricePosition":"right","showSavingDisplay":false,"savingDisplayColor":"rgba(255, 51, 0, 1)"}}}},"additionalElements":{"pagination":{"paginationType":"default","alignment":"center","textDescription":"Showing {{from}} - {{to}} of {{total}} products","productCount":{"showProductCount":false,"position":"top"},"number":{"shape":"circle","color":"rgba(122, 122, 122, 1)","colorOnSelected":"rgba(34, 34, 34, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnSelected":"rgba(0, 0, 0, 0)"},"button":{"shape":"circle","buttonType":"icon-only","color":"rgba(122, 122, 122, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnHover":"rgba(241, 242, 243, 1)","textTransform":"none"}},"toolbar":{"layout":"3_1","elements":{"viewAs":{"listType":"grid\/list"},"productCount":{"textDescription":"{{count}} products"},"sorting":{}}},"collectionHeader":{"layout":2,"contentPosition":"middle-center","backgroundColor":"rgba(246, 246, 248, 1)","isHidden":false,"elements":{"collectionImage":{"size":"medium","parallaxEffect":false,"directionParallax":"vertical","overlayColor":"rgba(0, 0, 0, 0)"},"collectionTitle":{"textAlign":"center","textTransform":"none"},"collectionDescription":{}}}},"quickView":{"showProductImage":true,"thumbnailPosition":"topLeft","buttonOverall":{"shape":"round"},"buyItNowBtn":{"enable":true,"color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)","hoverBackgroundColor":"rgba(255, 51, 0, 1)","textTransform":"none"},"addToCartBtn":{"color":"rgba(34, 34, 34, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 255, 255, 1)","hoverBackgroundColor":"rgba(34, 34, 34, 1)","borderColor":"rgba(34, 34, 34, 1)","hoverBorderColor":"rgba(34, 34, 34, 1)","textTransform":"none"}},"cart":{"enableCart":false,"cartStyle":"side","generalLayout":{"shape":"round"},"checkoutBtn":{"textTransform":"none","color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)","hoverBackgroundColor":"rgba(255, 51, 0, 1)"},"viewCartBtn":{"textTransform":"none","color":"rgba(34, 34, 34, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 255, 255, 1)","hoverBackgroundColor":"rgba(34, 34, 34, 1)","borderColor":"rgba(78, 78, 78, 1)"}},"productList":{"productsPerPage":24,"productsPerRowOnDesktop":3,"productsPerRowOnMobile":2}},"theme-setting-160409026893":{"productItems":{"general":{"borderLayout":"noBorder"},"productImg":{"elements":{"productSaleLabel":{"shape":"rectangle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 51, 0, 1)"},"productSoldOutLabel":{"hideOtherLabelsWhenSoldOut":true,"shape":"rectangle","displayType":"text","color":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)"},"selectOptionBtn":{"buttonType":"selectOptionBtn","showOnHovering":true,"showOn":"desktopOnly","action":"quickAddToCart","displayType":"textWithIcon","shape":"rectangle","imgSrc":"https:\/\/boost-cdn-prod.bc-solutions.net\/icon\/add-to-cart-white.svg","iconPosition":"left","backgroundColor":"rgba(34, 34, 34, 1)","backgroundColorOnHover":"rgba(61, 66, 70, 1)","borderColor":"rgba(34, 34, 34, 1)","borderColorOnHover":"rgba(61, 66, 70, 1)","textColor":"rgba(255, 255, 255, 1)","textColorOnHover":"rgba(255, 255, 255, 1)","textTransform":"none","width":"100%"},"qvBtn":{"buttonType":"qvBtn","showOnHovering":true,"showOn":"desktopOnly","displayType":"icon","shape":"square","imgSrc":"https:\/\/boost-cdn-prod.bc-solutions.net\/icon\/quick-view.svg","iconPosition":"left","width":"40px","backgroundColor":"rgba(255, 255, 255, 1)","backgroundColorOnHover":"rgba(61, 66, 70, 1)","borderColor":"rgba(255, 255, 255, 1)","borderColorOnHover":"rgba(61, 66, 70, 1)","textColor":"rgba(34, 34, 34, 1)","textColorOnHover":"rgba(255, 255, 255, 1)","textTransform":"none"}},"grid":{"top":{"direction":"horizontal","elements":{"left":["saleLabel","soldOutLabel"]}},"bottom":{"direction":"horizontal","elements":{"left":["selectOptionBtn","qvBtn"]}}},"aspectRatioType":"natural","hoverEffect":"reveal-second-image"},"productInfo":{"textAlign":"left","elements":{"title":{"textTransform":"capitalize"},"vendor":{"textTransform":"uppercase"},"price":{"showCentAsSuperscript":false,"showCurrencyCodes":false,"showMultiVariantPrice":"none","priceColor":"rgba(34, 34, 34, 1)","salePriceColor":"rgba(34, 34, 34, 1)","compareAtPriceColor":"rgba(122, 122, 122, 1)","compareAtPricePosition":"right","showSavingDisplay":false,"savingDisplayColor":"rgba(255, 51, 0, 1)"}}}},"additionalElements":{"pagination":{"paginationType":"default","alignment":"center","textDescription":"Showing {{from}} - {{to}} of {{total}} products","productCount":{"showProductCount":false,"position":"top"},"number":{"shape":"circle","color":"rgba(122, 122, 122, 1)","colorOnSelected":"rgba(34, 34, 34, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnSelected":"rgba(0, 0, 0, 0)"},"button":{"shape":"circle","buttonType":"icon-only","color":"rgba(122, 122, 122, 1)","backgroundColor":"rgba(0, 0, 0, 0)","backgroundColorOnHover":"rgba(241, 242, 243, 1)","textTransform":"none"}},"toolbar":{"layout":"3_1","elements":{"viewAs":{"listType":"grid\/list"},"productCount":{"textDescription":"{{count}} products"},"sorting":{}}},"collectionHeader":{"layout":2,"contentPosition":"middle-center","backgroundColor":"rgba(246, 246, 248, 1)","isHidden":false,"elements":{"collectionImage":{"size":"medium","parallaxEffect":false,"directionParallax":"vertical","overlayColor":"rgba(0, 0, 0, 0)"},"collectionTitle":{"textAlign":"center","textTransform":"none"},"collectionDescription":{}}}},"quickView":{"showProductImage":true,"thumbnailPosition":"topLeft","buttonOverall":{"shape":"round"},"buyItNowBtn":{"enable":true,"color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)","hoverBackgroundColor":"rgba(255, 51, 0, 1)","textTransform":"none"},"addToCartBtn":{"color":"rgba(34, 34, 34, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 255, 255, 1)","hoverBackgroundColor":"rgba(34, 34, 34, 1)","borderColor":"rgba(34, 34, 34, 1)","hoverBorderColor":"rgba(34, 34, 34, 1)","textTransform":"none"}},"cart":{"enableCart":false,"cartStyle":"side","generalLayout":{"shape":"round"},"checkoutBtn":{"textTransform":"none","color":"rgba(255, 255, 255, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(34, 34, 34, 1)","hoverBackgroundColor":"rgba(255, 51, 0, 1)"},"viewCartBtn":{"textTransform":"none","color":"rgba(34, 34, 34, 1)","hoverColor":"rgba(255, 255, 255, 1)","backgroundColor":"rgba(255, 255, 255, 1)","hoverBackgroundColor":"rgba(34, 34, 34, 1)","borderColor":"rgba(78, 78, 78, 1)"}},"productList":{"productsPerPage":24,"productsPerRowOnDesktop":3,"productsPerRowOnMobile":2}},"translation-":{"refine":"Filtrer par","search":{},"suggestion":{},"error":{},"recommendation":{},"productItem":{},"quickView":{},"cart":{},"recentlyViewed":{},"mostPopular":{},"perpage":{},"productCount":{},"pagination":{},"sortingList":{"created-descending":"Created descending","price-ascending":"Price ascending","price-descending":"Price descending","best-selling":"Best selling"},"collectionHeader":{},"breadcrumb":{},"sliderProduct":{}},"translation-en":{},"translation-fr":{"productFilter":"Filtrer","refine":"Filtrer","refineMobile":"Filtrer par","refineMobileCollapse":"Masquer le filtre","clear":"Effacer","clearAll":"Effacer tout","viewMore":"Voir plus","viewLess":"Voir moins","apply":"Appliquer","applyAll":"Appliquer tout","close":"Fermer","back":"Retour","showLimit":"Voir","collectionAll":"Tout","under":"Moins de ","above":"Plus de ","ratingStar":"Étoile","ratingStars":"Note","ratingUp":"\u0026 Haut","showResult":"Voir résultats","searchOptions":"Options de recherche","inCollectionSearch":"Rechercher des produits dans cette liste","loadPreviousPage":"Voir les résultats précédents","loadMore":"Voir plus","loadMoreTotal":"Voir plus","viewAs":"Vue","listView":"Vue de la liste","gridView":"Vue en grille","gridViewColumns":"Vue en grille {{ count }} colonnes","search":{"generalTitle":"Recherche","resultHeader":"Résultats pour","resultNumber":"Nombre de résultats","seeAllProducts":"Voir tous les produits","resultEmpty":"Désolé, nous n'avons pas trouvé de produits correspondants","resultEmptyWithSuggestion":"Nous sommes désolés, nous avons rien trouvé pour {{ terms }}. Ces suggestions vous aideront peut-être","searchTotalResult":"{{ count }} résultats trouvés","searchTotalResults":"{{ count }} résultats trouvés","searchPanelProduct":"Résultats","searchPanelCollection":"Collections","searchPanelPage":"Pages","searchTipsTitle":"Search tips","searchTipsContent":"Please double-check your spelling.{{ breakline }}Use more generic search terms.{{ breakline }}Enter fewer keywords.{{ breakline }}Try searching by product type, brand, model number or product feature.","noSearchResultSearchTermLabel":"Recherches récentes","noSearchResultProductsLabel":"Dernières tendances","searchBoxOnclickRecentSearchLabel":"Recherches récentes","searchBoxOnclickSearchTermLabel":"Popular searches","searchBoxOnclickProductsLabel":"Trending products"},"suggestion":{"viewAll":"Voir tous les résultats","didYouMean":"Vouliez-vous dire {{ terms }} ?","searchBoxPlaceholder":"Rechercher","suggestQuery":"Résultats pour {{ terms }}","instantSearchSuggestionsLabel":"Résultats populaires","instantSearchCollectionsLabel":"Collections","instantSearchProductsLabel":"Produits","instantSearchPagesLabel":"Pages","searchBoxOnclickRecentSearchLabel":"Recherches récentes","searchBoxOnclickSearchTermLabel":"Popular searches","searchBoxOnclickProductsLabel":"Trending products","noSearchResultSearchTermLabel":"Recherches récentes","noSearchResultProductsLabel":"Dernières tendances"},"error":{"noFilterResult":"Désolé, nous n'avons pas trouvé de produits correspondants","noSearchResult":"Désolé, nous n'avons pas trouvé de produits correspondants","noProducts":"Aucun produit trouvé","noSuggestionResult":"Désolé, nous n'avons pas trouvé de produits correspondants","noSuggestionProducts":"Désolé, nous n'avons pas trouvé de produits correspondants"},"recommendation":{"homepage-612733":"Just dropped","homepage-655256":"Best Sellers","collectionpage-677057":"Just dropped","collectionpage-550851":"Most Popular Products","productpage-276188":"Recently viewed","productpage-726720":"Frequently Bought Together","cartpage-444581":"Still interested in this?","cartpage-682420":"Similar Products"},"productItem":{"qvBtnLabel":null,"atcAvailableLabel":"Add to cart","soldoutLabel":"Sold out","productItemSale":"-{{salePercent}}","productItemSoldOut":"SOLD OUT","viewProductBtnLabel":null,"atcSelectOptionsLabel":"Select options","amount":"","savingAmount":"Save {{saleAmount}}","swatchButtonText1":"+{{count}}","swatchButtonText2":null,"swatchButtonText3":null,"inventoryInStock":null,"inventoryLowStock":null,"inventorySoldOut":null,"atcAddingToCartBtnLabel":"Adding...","atcAddedToCartBtnLabel":"Added!"},"quickView":{"qvQuantity":"Quantité","qvViewFullDetails":"Voir tous les détails","buyItNowBtnLabel":"Buy it now","qvQuantityError":"Veuillez saisir la quantité"},"cart":{"atcMiniCartSubtotalLabel":"Sous-total","atcMiniCartEmptyCartLabel":"Votre panier est actuellement vide","atcMiniCartCountItemLabel":"objet","atcMiniCartCountItemLabelPlural":"éléments","atcMiniCartShopingCartLabel":"Votre panier","atcMiniCartViewCartLabel":"View cart","atcMiniCartCheckoutLabel":"Checkout"},"recentlyViewed":{"recentProductHeading":"Vus récemment"},"mostPopular":{"popularProductsHeading":"Les produits les plus populaires"},"perpage":{"productCountPerPage":"Afficher : {{count}} par page"},"productCount":{"textDescriptionCollectionHeader":null,"textDescriptionCollectionHeaderPlural":null,"textDescriptionToolbar":"{{count}} products","textDescriptionToolbarPlural":"{{count}} products","textDescriptionPagination":"Showing {{from}} - {{to}} of {{total}} products","textDescriptionPaginationPlural":"Showing {{from}} - {{to}} of {{total}} products"},"pagination":{"loadPreviousText":"Précédent","loadPreviousInfiniteText":"Charger la page précédente","loadMoreText":"Charger plus","prevText":"Previous","nextText":"Next"},"sortingList":{"sorting":"Trier ","created-descending":"Nouveautés","number-extra-sort1-ascending":"Empreinte carbone","price-ascending":"Prix croissant","price-descending":"Prix décroissant","best-selling":"Meilleures ventes"},"collectionHeader":{"collectionAllProduct":"Produits"},"breadcrumb":{"home":"Accueil","collections":"Collections","pagination":"Page {{ page }} sur {{totalPages}}","toFrontPage":"Retour à la page d'accueil"},"sliderProduct":{"prevButton":"Précédente","nextButton":"Suivante"},"refineDesktop":"Filtrer"}}[themeSettingsKey];
boostSDAppConfig.themeSettings = themeSettings;
}
if (themeId) {
const themeInfo = {"149150662989":{"taeFeatures":{"filterLayout":{"collection":"horizontal","search":"horizontal"},"recommendationWidgets":{"collection-page":["collectionpage-653131"]},"recommendation":"installed","instantSearch":"installed","filterCollection":"installed","filterSearch":"installed","env":"production"},"shopifyThemeName":"impulse","boostThemeLib":"default","boostThemeLibVersion":"1.1.0","compatibles":{"app":{"version":"latest"},"analytic":{"version":"latest"},"3rdIntegration":{"version":"latest"},"fallbackTheme":{"version":"latest"}}},"151060087117":{"taeFeatures":{"filterCollection":"installed","filterLayout":{"collection":"vertical","search":"vertical"},"filterSearch":"installed","env":"production"},"shopifyThemeName":"impulse","boostThemeLib":"impulse","boostThemeLibVersion":"1.1.0","compatibles":{"app":{"version":"3.4.0"}}},"151956488525":{"taeFeatures":{"filterLayout":{"collection":"horizontal","search":"horizontal"},"recommendationWidgets":{},"recommendation":"installed","instantSearch":"installed","filterCollection":"installed","filterSearch":"installed","env":"production"},"shopifyThemeName":"impulse","boostThemeLib":"impulse","boostThemeLibVersion":"1.1.0","compatibles":{"app":{"version":"3.0.1"}}},"154768736589":{"taeFeatures":{"filterCollection":"installed","filterLayout":{"collection":"vertical","search":"vertical"},"filterSearch":"installed","env":"production"},"shopifyThemeName":"impulse","boostThemeLib":"impulse","boostThemeLibVersion":"1.1.9","compatibles":{"app":{"version":"3.7.1"}}},"153236603213":{"taeFeatures":{"filterLayout":{"collection":"horizontal","search":"horizontal"},"recommendationWidgets":{"collection-page":["collectionpage-550851"]},"recommendation":"installed","instantSearch":"installed","filterCollection":"installed","filterSearch":"installed","env":"production"},"shopifyThemeName":"impulse","boostThemeLib":"impulse","boostThemeLibVersion":"1.1.9","compatibles":{"app":{"version":"3.7.1"}}},"155006271821":{"taeFeatures":{"filterLayout":{"collection":"vertical","search":"vertical"},"instantSearch":"installed","filterCollection":"installed","filterSearch":"installed","env":"production"},"shopifyThemeName":"impulse","boostThemeLib":"impulse","boostThemeLibVersion":"1.1.9","compatibles":{"app":{"version":"3.7.1"}}},"155698299213":{"taeFeatures":{"filterCollection":"installed","filterLayout":{"collection":"vertical","search":"vertical"},"filterSearch":"installed","env":"production"},"shopifyThemeName":"impulse","boostThemeLib":"impulse","boostThemeLibVersion":"1.1.12","compatibles":{"app":{"version":"3.8.2"}}},"156540240205":{"taeFeatures":{"filterCollection":"installed","filterLayout":{"collection":"vertical","search":"vertical"},"filterSearch":"installed","env":"production"},"shopifyThemeName":"impulse","boostThemeLib":"impulse","boostThemeLibVersion":"2.1.0","compatibles":{"app":{"version":"4.1.0"}}},"157568074061":{"taeFeatures":{"filterLayout":{"collection":"vertical"},"filterCollection":"installed","env":"production"},"shopifyThemeName":"pipeline","boostThemeLib":"default","boostThemeLibVersion":"2.1.2","compatibles":{"app":{"version":"4.1.2"}}},"159374541133":{"taeFeatures":{"filterCollection":"installed","filterLayout":{"collection":"vertical"},"env":"production"},"shopifyThemeName":"pipeline","boostThemeLib":"default","boostThemeLibVersion":"2.1.6","compatibles":{"app":{"version":"4.3.1"}}},"159798067533":{"taeFeatures":{"filterCollection":"installed","filterLayout":{"collection":"vertical"},"env":"production"},"shopifyThemeName":"pipeline","boostThemeLib":"default","boostThemeLibVersion":"2.1.6","compatibles":{"app":{"version":"4.3.1"}}},"160409026893":{"taeFeatures":{"filterCollection":"installed","filterLayout":{"collection":"vertical"},"env":"production"},"shopifyThemeName":"pipeline","boostThemeLib":"default","boostThemeLibVersion":"2.1.6","compatibles":{"app":{"version":"4.3.1"}}}};
const currentThemeInfo = themeInfo[themeId];
boostSDAppConfig.themeInfo = currentThemeInfo;
}
// Set CDN URL
const env = ((boostSDAppConfig.themeInfo || {}).taeFeatures || {}).env || "production";
if (env === 'production') {
Object.assign(boostSDAppConfig.api, {
filterUrl: 'https://services.mybcapps.com/bc-sf-filter/filter',
searchUrl: 'https://services.mybcapps.com/bc-sf-filter/search',
suggestionUrl: 'https://services.mybcapps.com/bc-sf-filter/search/suggest',
recommendUrl: 'https://services.mybcapps.com/discovery/recommend',
analyticsUrl: 'https://lambda.mybcapps.com/e',
productsUrl: 'https://services.mybcapps.com/bc-sf-filter/search/products',
cdn: 'https://boost-cdn-prod.bc-solutions.net'
})
}
window.boostSDData = Object.assign({
}, window.boostSDData);
if (!window.boostSDRecommendationConfig) {
const widgets = {
"index": {"homepage-612733":{"params":{"shop":"fairytale-eco.myshopify.com","recommendationType":"newest-arrivals","limit":12},"widgetName":"Just dropped","widgetStatus":"inactive","widgetDesignSettings":{"tenantId":"fairytale-eco.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"homepage-655256":{"params":{"shop":"fairytale-eco.myshopify.com","recommendationType":"bestsellers","limit":12},"widgetName":"Best Sellers","widgetStatus":"inactive","widgetDesignSettings":{"tenantId":"fairytale-eco.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}}},
"cart": {"cartpage-444581":{"params":{"shop":"fairytale-eco.myshopify.com","recommendationType":"recently-viewed","limit":12},"widgetName":"Still interested in this?","widgetStatus":"inactive","widgetDesignSettings":{"tenantId":"fairytale-eco.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"cartpage-682420":{"params":{"shop":"fairytale-eco.myshopify.com","recommendationType":"related-items","limit":12,"modelType":"Alternative","secondaryAlgorithm":"bestsellers"},"widgetName":"Similar Products","widgetStatus":"inactive","widgetDesignSettings":{"tenantId":"fairytale-eco.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}}},
"product": {"productpage-276188":{"params":{"shop":"fairytale-eco.myshopify.com","recommendationType":"recently-viewed","limit":12},"widgetName":"Recently viewed","widgetStatus":"inactive","widgetDesignSettings":{"tenantId":"fairytale-eco.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"productpage-726720":{"params":{"shop":"fairytale-eco.myshopify.com","recommendationType":"frequently-bought-together","limit":2,"modelType":"FBT","secondaryAlgorithm":"bestsellers"},"widgetName":"Frequently Bought Together","widgetStatus":"inactive","widgetDesignSettings":{"bundleStyle":"style1","layoutDisplay":"bundle","numberOfRecommendProduct":2,"templateType":"customization","themePreview":"","titleAlignment":"left","titleFont":"Poppins","titleFontSize":14,"titleFontStyle":"100","titleTextColor":"#3D4246","titleTextTransform":"capitalize"}}},
"collection": {"collectionpage-677057":{"params":{"shop":"fairytale-eco.myshopify.com","recommendationType":"newest-arrivals","limit":12},"widgetName":"Just dropped","widgetStatus":"inactive","widgetDesignSettings":{"tenantId":"fairytale-eco.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"collectionpage-550851":{"params":{"shop":"fairytale-eco.myshopify.com","recommendationType":"trending-products","limit":12,"calculatedBasedOn":"purchase-events","rangeOfTime":"7-day"},"widgetName":"Most Popular Products","widgetStatus":"inactive","widgetDesignSettings":{"tenantId":"fairytale-eco.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}}},
};
const defaultSettings = {};
window.boostSDRecommendationConfig = {
widgets,
defaultSettings,
}
}
if (boostSDAppConfig.filterSettings) {
const page = boostSDAppConfig.generalSettings.page;
const filterLayout =
((((boostSDAppConfig || {}).themeInfo || {}).taeFeatures || {}).filterLayout || {})[page] ||
'vertical';
boostSDAppConfig.filterSettings.filterLayout = filterLayout;
}
if (window.boostSDAppConfig) {
window.boostSDAppConfig = merge(boostSDAppConfig, window.boostSDAppConfig);
} else {
window.boostSDAppConfig = boostSDAppConfig;
}
}
function preloadResource() {
if (!window.boostSDAppConfig || !window.boostSDAppConfig.themeInfo || !window.boostSDAppConfig.themeInfo || !window.boostSDAppConfig.themeInfo.taeFeatures || window.boostSDAppConfig.mode === 'development') return;
const page = window.boostSDAppConfig.generalSettings.page;
const themeInfo = window.boostSDAppConfig.themeInfo;
const taeFeatures = themeInfo.taeFeatures;
const env = taeFeatures.env || 'production';
const theme = themeInfo.boostThemeLib || 'default';
const version = env === 'staging' ? 'staging' : themeInfo.boostThemeLibVersion || 'latest';
// Change CDN for refactoring version, need update when releasing for all stores
// const cdn = boostSDAppConfig.api.cdn || 'https://boost-cdn-staging.bc-solutions.net';
const cdn = env === 'staging'
? 'https://boost-cdn-staging.bc-solutions.net'
: 'https://cdn.boostcommerce.io';
const featureAssetBaseURL = `${cdn}/theme/${theme}/${version}`;
const preloadScripts = ['main.js', 'vendor.js'];
const enableFilter =
(page === 'collection' && taeFeatures.filterCollection === 'installed') ||
(page === 'search' && taeFeatures.filterSearch === 'installed');
const enableSearch = taeFeatures.instantSearch === 'installed';
const recommendationWidgetPlacementIdPrefix = 'boost-sd-widget-';
const recommendationWidgetPlacements = document.querySelectorAll(
`[id^='${recommendationWidgetPlacementIdPrefix}']`
);
const hasRecommendationBlock = !!recommendationWidgetPlacements.length;
if (!hasRecommendationBlock) {
window.boostSDAppConfig.themeInfo.taeFeatures.recommendation = 'not-installed';
}
if (taeFeatures.recommendation !== 'installed' && hasRecommendationBlock) {
window.boostSDAppConfig.themeInfo.taeFeatures.recommendation = 'installed';
}
const enableRecommendation = hasRecommendationBlock;
const invalidateCacheTime = window.boostSDAppConfig.versioning.invalidateCache.latestTime;
const storageKey = 'boostSDVersioningInvalidateCacheTime';
const latestInvalidateTime = localStorage.getItem(storageKey);
const needInvalidateCache = env === 'staging' || latestInvalidateTime && Number(latestInvalidateTime) < invalidateCacheTime;
if (!needInvalidateCache) {
if (enableFilter) preloadScripts.push('filter.js');
if (enableSearch) preloadScripts.push('search.js');
if (enableRecommendation) preloadScripts.push('recommendation.js');
}
const invalidParams = window.boostSDAppConfig.versioning.invalidateCache.invalidParams || `?v=${Date.now()}`;
preloadScripts.forEach(script => {
const scriptPrefetchTag = document.createElement('link');
const scriptPrefetchTagSrc = `${featureAssetBaseURL}/${script}${needInvalidateCache ? invalidParams : ''}`;
scriptPrefetchTag.rel = 'preload';
scriptPrefetchTag.href = scriptPrefetchTagSrc;
scriptPrefetchTag.as = 'script';
document.head.appendChild(scriptPrefetchTag);
})
}
function loadResource(script, position = 'body', keySource = 'src') {
return new Promise((resolve, reject) => {
script.onload = function () {
resolve(true);
};
script.onerror = function (error) {
reject(error);
};
switch (position) {
case 'head': {
document.head.appendChild(script);
}
case 'body': {
document.body.appendChild(script);
}
}
});
}
async function loadScripts() {
// load boost-sd base on boostThemeLibVersion
const themeInfo = window?.boostSDAppConfig?.themeInfo;
const boostThemeLibVersion = themeInfo?.boostThemeLibVersion || 'lastest';
const env = themeInfo?.taeFeatures?.env || 'production';
// load boost-sd base on boostThemeLibVersion
const boostSdScript = document.createElement('script');
boostSdScript.async = "async";
// Load react & react-dom CDN first load, make sure before main.js
if(boostThemeLibVersion.startsWith('2.2') || env === 'staging') {
const reactCDNScript = document.createElement('script');
const reactDomCDNScript = document.createElement('script');
reactCDNScript.setAttribute(
'src',
`https://cdn.shopify.com/extensions/a90e7873-3616-492f-a4c5-68d9ae7d4145/boost-ai-search-discovery-64/assets/react-18.2.0.js`
);
reactDomCDNScript.setAttribute(
'src',
`https://cdn.shopify.com/extensions/a90e7873-3616-492f-a4c5-68d9ae7d4145/boost-ai-search-discovery-64/assets/react-dom-18.2.0.js`
);
await loadResource(reactCDNScript);
await loadResource(reactDomCDNScript);
}
if(env === 'staging' || boostThemeLibVersion.startsWith('alpha') || boostThemeLibVersion.startsWith('beta') || boostThemeLibVersion === 'latest' || Number(boostThemeLibVersion.substring(0,1)) >= 2) {
// if 'alpha', 'beta', 'latest' or version >== 2.x.x
preloadResource();
boostSdScript.setAttribute(
'src',
`https://cdn.shopify.com/extensions/a90e7873-3616-492f-a4c5-68d9ae7d4145/boost-ai-search-discovery-64/assets/boost-sd.experiments.js`
);
} else {
// if version < 2.x.x
boostSdScript.setAttribute(
'src',
`https://cdn.shopify.com/extensions/a90e7873-3616-492f-a4c5-68d9ae7d4145/boost-ai-search-discovery-64/assets/boost-sd.js`
);
}
document.body?.appendChild(boostSdScript);
}
const targetElement = (window.boostSDLoadConfig || {}).targetElement || window;
if (window.boostSDLoadConfig && window.boostSDLoadConfig.lazy) {
targetElement.addEventListener("DOMContentLoaded", () => {
loadAppConfig();
loadScripts();
});
} else {
loadAppConfig();
loadScripts();
}
})();
</script>
<!-- END app snippet -->
</div></body>
</html>
<div id=kimonix_none_display_description_fix_variation_tests style="display: none;"> </div>
