<!doctype html>
<html lang='fr'>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<link rel='preconnect' href='https://cdn.shopify.com' crossorigin>
<link rel='canonical' href='https://caravane.com/'>
<link
fetchpriority='low'
rel='icon'
href='//caravane.com/cdn/shop/files/Sans_titre_1200_x_628_px_2546aa06-48ee-4459-9584-baae1972468a.png?crop=center&height=32&v=1740502760&width=32'
sizes='32x32'
>
<title>
Caravane : décoration d’intérieur, canapé, luminaire, art de la table
</title>
<meta name='description' content='Caravane, enseigne de décoration d’intérieur qui conçoit et fait fabriquer autour du monde, des meubles et des objets élégants et raffinés.'><meta property='og:type' content='website'>
<meta property='og:title' content='Caravane : décoration d’intérieur, canapé, luminaire, art de la table'>
<meta property='og:image' content='http://caravane.com/cdn/shop/t/23/assets/og.png?v=28693375715056299691727948191'>
<meta property='og:image:secure_url' content='https://caravane.com/cdn/shop/t/23/assets/og.png?v=28693375715056299691727948191'><meta property='og:description' content='Caravane, enseigne de décoration d’intérieur qui conçoit et fait fabriquer autour du monde, des meubles et des objets élégants et raffinés.'><meta property='og:url' content='https://caravane.com/'>
<meta property='og:site_name' content='Caravane'>
<meta name="twitter:site" content="@twitter_handler" />
<meta name="twitter:image" content="//caravane.com/cdn/shop/t/23/assets/og.png?v=28693375715056299691727948191" />
<meta name='google-site-verification' content='77V6dgnF3bbyI5XpvczmroDbyddXgfgFcpnD7h0PheI'>
<script>
window.shopUrl = 'https://caravane.com'
window.routes = {
cart_add_url: '/cart/add',
cart_change_url: '/cart/change',
cart_update_url: '/cart/update',
cart_url: '/cart',
predictive_search_url: '/search/suggest',
product_recommendations_url: '/recommendations/products'
}
window.klaviyoCompanyId = 'VVwdpp'
window.resellerDocumentationToken = 'b07d4beafa8657306a6ab5085e319f6a'
window.newsletterIDs = {
fr: "RLh3p2",
en: "WFcTWg"
}
window.money_format = '<span class="money">{{amount_with_comma_separator}}€</span>'
</script>
<link rel='preload' href='//caravane.com/cdn/shop/t/23/assets/Gerstner-ProgrammRegular.woff2?v=123084869998416456341726844476' as='font' type='font/woff2' crossorigin='anonymous'>
<link rel='preload' href='//caravane.com/cdn/shop/t/23/assets/Gerstner-ProgrammBold.woff2?v=25953375672752453041726844478' as='font' type='font/woff2' crossorigin='anonymous'>
<style>
@font-face {
font-family: 'Gerstner Programm';
src: url('//caravane.com/cdn/shop/t/23/assets/Gerstner-ProgrammRegular.woff2?v=123084869998416456341726844476') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gerstner Programm';
src: url('//caravane.com/cdn/shop/t/23/assets/Gerstner-ProgrammBold.woff2?v=25953375672752453041726844478') format('woff2');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Reckless';
src: url("//caravane.com/cdn/shop/t/23/assets/Reckless-Regular.woff2?v=178512357786793315471726844478") format('woff2');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Reckless';
src: url("//caravane.com/cdn/shop/t/23/assets/reckless-bold.woff2?v=62727837813373813651748010235") format('woff2');
font-weight: 800;
font-style: normal;
font-display: swap;
}
</style>
<link href="//caravane.com/cdn/shop/t/23/assets/main.DOFNdTbp.css" rel="stylesheet" type="text/css" media="all" />
<script src="//caravane.com/cdn/shop/t/23/assets/main.BXyloSD3.js" type="module" crossorigin="anonymous"></script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="367dmk246a87dsg3q44j4j0l9e3vic">
<meta name="google-site-verification" content="jsjUYd5AIbaguEsXiPp_NqpWLFxOUgb8LGqf5l3s0pc">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/4680876150/digital_wallets/dialog">
<meta name="shopify-requires-components" content="true" product-ids="9381706006853,15364884791621">
<meta name="shopify-checkout-api-token" content="8f3f3a34606d3bc57fcc551db90acd85">
<meta id="in-context-paypal-metadata" data-shop-id="4680876150" data-venmo-supported="false" data-environment="production" data-locale="fr_FR" data-paypal-v4="true" data-currency="EUR">
<link rel="alternate" hreflang="x-default" href="https://caravane.com/">
<link rel="alternate" hreflang="fr" href="https://caravane.com/">
<link rel="alternate" hreflang="en" href="https://caravane.com/en">
<link rel="alternate" hreflang="fr-AG" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-AG" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-AI" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-AI" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-AW" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-AW" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-BB" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-BB" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-BL" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-BL" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-BM" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-BM" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-BQ" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-BQ" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-BS" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-BS" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-BZ" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-BZ" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-CA" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-CA" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-CR" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-CR" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-CW" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-CW" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-DM" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-DM" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-DO" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-DO" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-GB" href="https://caravane.com/fr-gb">
<link rel="alternate" hreflang="en-GB" href="https://caravane.com/en-gb">
<link rel="alternate" hreflang="fr-GD" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-GD" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-GL" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-GL" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-GP" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-GP" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-GT" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-GT" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-HN" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-HN" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-HT" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-HT" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-JM" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-JM" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-KN" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-KN" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-KY" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-KY" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-LC" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-LC" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-MF" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-MF" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-MQ" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-MQ" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-MS" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-MS" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-MX" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-MX" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-NI" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-NI" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-PA" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-PA" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-PM" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-PM" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-SV" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-SV" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-SX" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-SX" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-TC" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-TC" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-TT" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-TT" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-US" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-US" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-VC" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-VC" href="https://caravane.com/en-us">
<link rel="alternate" hreflang="fr-VG" href="https://caravane.com/fr-us">
<link rel="alternate" hreflang="en-VG" href="https://caravane.com/en-us">
<script async="async" src="/checkouts/internal/preloads.js?locale=fr-FR"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=fr-FR&shop_id=4680876150" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":4680876150,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/4680876150","merchantName":"Caravane","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","maestro"],"total":{"type":"pending","label":"Caravane","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"8f3f3a34606d3bc57fcc551db90acd85","betas":["rich-media-storefront-analytics"],"domain":"caravane.com","predictiveSearch":true,"shopId":4680876150,"locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "caravane-2018.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"Production","id":172108153157,"schema_name":"bootstrap","schema_version":"0.1.0","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "caravane.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";</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";
window.ShopifyPay.redirectState = null;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//caravane.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js"></script>
<script type="module">
await import("//caravane.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.fr.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.fr.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.fr.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.fr.esm.js"],"shop-button":["modules/v2/loader.shop-button.fr.esm.js"],"avatar":["modules/v2/loader.avatar.fr.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.fr.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.fr.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.fr.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.fr.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.fr.esm.js"],"shop-login":["modules/v2/loader.shop-login.fr.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.fr.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.fr.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.fr.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.fr.esm.js"],"pay-button":["modules/v2/loader.pay-button.fr.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.fr.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.fr.esm.js"]};
</script>
<script>(function() {
var isLoaded = false;
function asyncLoad() {
if (isLoaded) return;
isLoaded = true;
var urls = ["https:\/\/d1564fddzjmdj5.cloudfront.net\/initializercolissimo.js?app_name=happycolissimo\u0026cloud=d1564fddzjmdj5.cloudfront.net\u0026shop=caravane-2018.myshopify.com","https:\/\/cdn.shopify.com\/s\/files\/1\/0046\/8087\/6150\/t\/19\/assets\/zendesk-embeddable.js?v=1638200753\u0026shop=caravane-2018.myshopify.com"];
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":4680876150,"offset":7200,"reqid":"76d68afb-06b2-49c9-a32f-4916a8be607b-1775682057","pageurl":"caravane.com\/","u":"36b59c457892","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="form-persister">!function(){'use strict';const t='contact',e='new_comment',n=[[t,t],['blogs',e],['comments',e],[t,'customer']],o='password',r='form_key',c=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',o],s=()=>{try{return window.sessionStorage}catch{return}},i='__shopify_v',u=t=>t.elements[r],a=function(){const t=[...n].map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');var e;return e=t,()=>e?[...document.querySelectorAll(e)].map((t=>t.form)):[]}();function m(t){const e=u(t);a().includes(t)&&(!e||!e.value)&&function(t){try{if(!s())return;!function(t){const e=s();if(!e)return;const n=u(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){u(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:r})),t.elements[r].value=e}(t,e),function(t,e){const n=s();if(!n)return;const r=[...t.querySelectorAll(`input[type='${o}']`)].map((({name:t})=>t)),u=[...c,...r],a={};for(const[o,c]of new FormData(t).entries())u.includes(o)||(a[o]=c);n.setItem(e,JSON.stringify({[i]:1,action:t.action,data:a}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(t)}const f=t=>{if('true'===t.dataset.persistBound)return;const e=function(t,e){const n=function(t){return'function'==typeof t.submit?t.submit:HTMLFormElement.prototype.submit}(t).bind(t);return function(){let t;return()=>{t||(t=!0,(()=>{try{e(),n()}catch(t){(t=>{console.error('form submit failed',t)})(t)}})(),setTimeout((()=>t=!1),250))}}()}(t,(()=>{m(t)}));!function(t,e){if('function'==typeof t.submit&&'function'==typeof e)try{t.submit=e}catch{}}(t,e),t.addEventListener('submit',(t=>{t.preventDefault(),e()})),t.dataset.persistBound='true'};!function(){function t(t){const e=(t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form})(t);e&&m(e)}document.addEventListener('submit',t),document.addEventListener('DOMContentLoaded',(()=>{const e=a();for(const t of e)f(t);var n;n=document.body,new window.MutationObserver((t=>{for(const e of t)if('childList'===e.type&&e.addedNodes.length)for(const t of e.addedNodes)1===t.nodeType&&'FORM'===t.tagName&&a().includes(t)&&f(t)})).observe(n,{childList:!0,subtree:!0,attributes:!1}),document.removeEventListener('submit',t)}))}()}();</script>
<script integrity="sha256-Rd0I1U3I5BUKM/ZklNQ9ssBhyhvFP+5roZEEsW2MGUw=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//caravane.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-496de5fe.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//caravane.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7.js?v=20250812"></script>
<script id='scb4127' type='text/javascript' async='' src='https://caravane.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<script type='text/javascript'>
;(function (c, l, a, r, i, t, y) {
c[a] =
c[a] ||
function () {
;(c[a].q = c[a].q || []).push(arguments)
}
t = l.createElement(r)
t.async = 1
t.src = 'https://www.clarity.ms/tag/' + i
y = l.getElementsByTagName(r)[0]
y.parentNode.insertBefore(t, y)
})(window, document, 'clarity', 'script', 'pyezrmrzj5')
</script>
<!-- BEGIN app block: shopify://apps/eg-auto-add-to-cart/blocks/app-embed/0f7d4f74-1e89-4820-aec4-6564d7e535d2 -->
<script
async
type="text/javascript"
src="https://cdn.506.io/eg/script.js?shop=caravane-2018.myshopify.com&v=9"
></script>
<meta id="easygift-shop" itemid="c2hvcF8kXzE3NzU2ODIwNTg=" content="{"isInstalled":true,"installedOn":"2025-10-02T08:03:48.591Z","appVersion":"3.0","subscriptionName":"Standard","cartAnalytics":true,"freeTrialEndsOn":null,"settings":{"reminderBannerStyle":{"position":{"horizontal":"right","vertical":"bottom"},"backgroundColor":"#FFFFFF","borderRadius":null,"padding":null,"headerFontSize":null,"subHeaderFontSize":null,"closingMode":"doNotAutoClose","cssStyles":"","displayAfter":5,"headerText":"","imageUrl":null,"primaryColor":"#000000","reshowBannerAfter":"everyNewSession","selfcloseAfter":5,"showImage":false,"subHeaderText":""},"addedItemIdentifier":"_Gifted","ignoreOtherAppLineItems":null,"customVariantsInfoLifetimeMins":1440,"redirectPath":null,"ignoreNonStandardCartRequests":false,"bannerStyle":{"position":{"horizontal":"right","vertical":"bottom"},"backgroundColor":"#FFFFFF","borderRadius":null,"padding":null,"headerFontSize":null,"subHeaderFontSize":null,"cssStyles":null,"primaryColor":"#000000"},"themePresetId":null,"notificationStyle":{"position":{"horizontal":null,"vertical":null},"backgroundColor":"#FFFFFF","borderRadius":null,"headerFontSize":null,"subHeaderFontSize":null,"padding":null,"cssStyles":null,"duration":null,"hasCustomizations":false,"primaryColor":null},"fetchCartData":false,"useLocalStorage":{"enabled":false,"expiryMinutes":null},"popupStyle":{"backgroundColor":"#FFFFFF","borderRadius":null,"padding":null,"headerFontSize":null,"subHeaderFontSize":null,"bodyColor":null,"bodyFontSize":null,"closeModalOutsideClick":true,"priceShowZeroDecimals":true,"addButtonText":null,"cssStyles":null,"dismissButtonText":null,"hasCustomizations":false,"imageUrl":null,"outOfStockButtonText":null,"primaryColor":null,"secondaryColor":null,"showProductLink":false,"subscriptionLabel":null},"refreshAfterBannerClick":false,"disableReapplyRules":false,"disableReloadOnFailedAddition":false,"autoReloadCartPage":false,"ajaxRedirectPath":null,"allowSimultaneousRequests":false,"applyRulesOnCheckout":false,"enableCartCtrlOverrides":true,"customRedirectFromCart":null,"scriptSettings":{"branding":{"removalRequestSent":null,"show":false},"productPageRedirection":{"enabled":false,"products":[],"redirectionURL":"\/"},"debugging":{"enabled":false,"enabledOn":null,"stringifyObj":false},"enableBuyNowInterceptions":false,"useFinalPrice":false,"useFinalPriceGetEntireCart":false,"hideGiftedPropertyText":false,"fetchCartDataBeforeRequest":false,"disableRedirectAfterFormSubmit":false,"customCSS":null,"decodePayload":false,"delayUpdates":2000,"disableBuyNowInterceptions":false,"fetchProductInfoFromSavedDomain":false,"hideAlertsOnFrontend":false,"removeEGPropertyFromSplitActionLineItems":false,"removeProductsAddedFromExpiredRules":false},"accessToEnterprise":false},"translations":null,"defaultLocale":"fr","shopDomain":"caravane.com"}">
<script defer>
(async function() {
try {
const blockVersion = "v3"
if (blockVersion != "v3") {
return
}
let metaErrorFlag = false;
if (metaErrorFlag) {
return
}
// Parse metafields as JSON
const metafields = {"easygift-rule-68de3c03324f7a3d8b1d860c":{"schedule":{"enabled":false,"starts":null,"ends":null},"trigger":{"productTags":{"targets":[],"collectionInfo":null,"sellingPlan":null},"promoCode":null,"promoCodeDiscount":null,"type":"productsInclude","minCartValue":null,"hasUpperCartValue":false,"upperCartValue":null,"products":[{"name":"Coussin d'extérieur Anatole - 40x55 cm \/ Bise","variantId":48533363032389,"variantGid":"gid:\/\/shopify\/ProductVariant\/48533363032389","productGid":"gid:\/\/shopify\/Product\/8337664082245","handle":"anatole-hcsr","sellingPlans":[],"alerts":[],"_id":"68ef4fd824033415da45959f"},{"name":"Coussin d'extérieur Anatole - 40x55 cm \/ Ecru","variantId":55112978399557,"variantGid":"gid:\/\/shopify\/ProductVariant\/55112978399557","productGid":"gid:\/\/shopify\/Product\/8337664082245","handle":"anatole-hcsr","sellingPlans":[],"alerts":[],"_id":"68ef4fd824033415da4595a0"},{"name":"Coussin d'extérieur Anatole - 40x55 cm \/ Moutarde","variantId":48533362999621,"variantGid":"gid:\/\/shopify\/ProductVariant\/48533362999621","productGid":"gid:\/\/shopify\/Product\/8337664082245","handle":"anatole-hcsr","sellingPlans":[],"alerts":[],"_id":"68ef4fd824033415da4595a1"},{"name":"Coussin d'extérieur Anatole - 40x55 cm \/ Tomette","variantId":48533362966853,"variantGid":"gid:\/\/shopify\/ProductVariant\/48533362966853","productGid":"gid:\/\/shopify\/Product\/8337664082245","handle":"anatole-hcsr","sellingPlans":[],"alerts":[],"_id":"68ef4fd824033415da4595a2"},{"name":"Coussin d'extérieur Anatole - 40x55 cm \/ Verveine","variantId":48533362934085,"variantGid":"gid:\/\/shopify\/ProductVariant\/48533362934085","productGid":"gid:\/\/shopify\/Product\/8337664082245","handle":"anatole-hcsr","sellingPlans":[],"alerts":[],"_id":"68ef4fd824033415da4595a3"}],"collections":[],"condition":"quantity","conditionMin":1,"conditionMax":null,"collectionSellingPlanType":null},"action":{"notification":{"enabled":false,"headerText":null,"subHeaderText":null,"showImage":false,"imageUrl":""},"discount":{"easygiftAppDiscount":false,"type":null,"id":null,"title":null,"createdByEasyGift":false,"code":null,"issue":null,"discountType":null,"value":null},"popupOptions":{"showVariantsSeparately":false,"headline":null,"subHeadline":null,"showItemsPrice":false,"popupDismissable":false,"imageUrl":null,"persistPopup":false,"rewardQuantity":1,"showDiscountedPrice":false,"hideOOSItems":false},"banner":{"enabled":false,"headerText":null,"subHeaderText":null,"showImage":false,"imageUrl":null,"displayAfter":"5","closingMode":"doNotAutoClose","selfcloseAfter":"5","reshowBannerAfter":"everyNewSession","redirectLink":null},"type":"addAutomatically","products":[{"name":"Intérieur de coussin Outdoor - 40x55 cm \/ Blanc","variantId":"55028773716293","variantGid":"gid:\/\/shopify\/ProductVariant\/55028773716293","productGid":"gid:\/\/shopify\/Product\/15132775645509","quantity":1,"handle":"composant-polyester-prduit","price":"0.00"}],"limit":12,"preventProductRemoval":false,"addAvailableProducts":false},"targeting":{"link":{"destination":null,"data":null,"cookieLifetime":14},"additionalCriteria":{"geo":{"include":[],"exclude":[]},"type":null,"customerTags":[],"customerTagsExcluded":[],"customerId":[],"orderCount":null,"hasOrderCountMax":false,"orderCountMax":null,"totalSpent":null,"hasTotalSpentMax":false,"totalSpentMax":null},"type":"all"},"settings":{"worksInReverse":true,"runsOncePerSession":false,"preventAddedItemPurchase":false,"showReminderBanner":false},"_id":"68de3c03324f7a3d8b1d860c","name":"Anatole - 40x55","store":"68de31e26022fbd49731c6de","shop":"caravane-2018","active":true,"translations":null,"createdAt":"2025-10-02T08:46:59.017Z","updatedAt":"2026-03-04T15:55:11.080Z","__v":0},"easygift-rule-68ef4f86633dc5bba9542dc5":{"schedule":{"enabled":false,"starts":null,"ends":null},"trigger":{"productTags":{"targets":[],"collectionInfo":null,"sellingPlan":null},"promoCode":null,"promoCodeDiscount":null,"type":"productsInclude","minCartValue":null,"hasUpperCartValue":false,"upperCartValue":null,"products":[{"name":"Coussin d'extérieur Anatole - 50x70 cm \/ Bise","variantId":48867676488005,"variantGid":"gid:\/\/shopify\/ProductVariant\/48867676488005","productGid":"gid:\/\/shopify\/Product\/8337664082245","handle":"anatole-hcsr","sellingPlans":[],"alerts":[],"_id":"68ef4ff324033415da45ea9c"},{"name":"Coussin d'extérieur Anatole - 50x70 cm \/ Ecru","variantId":46354831802693,"variantGid":"gid:\/\/shopify\/ProductVariant\/46354831802693","productGid":"gid:\/\/shopify\/Product\/8337664082245","handle":"anatole-hcsr","sellingPlans":[],"alerts":[],"_id":"68ef4ff324033415da45ea9d"},{"name":"Coussin d'extérieur Anatole - 50x70 cm \/ Moutarde","variantId":48867676619077,"variantGid":"gid:\/\/shopify\/ProductVariant\/48867676619077","productGid":"gid:\/\/shopify\/Product\/8337664082245","handle":"anatole-hcsr","sellingPlans":[],"alerts":[],"_id":"68ef4ff324033415da45ea9e"},{"name":"Coussin d'extérieur Anatole - 50x70 cm \/ Tomette","variantId":48867676782917,"variantGid":"gid:\/\/shopify\/ProductVariant\/48867676782917","productGid":"gid:\/\/shopify\/Product\/8337664082245","handle":"anatole-hcsr","sellingPlans":[],"alerts":[],"_id":"68ef4ff324033415da45ea9f"},{"name":"Coussin d'extérieur Anatole - 50x70 cm \/ Verveine","variantId":48867677077829,"variantGid":"gid:\/\/shopify\/ProductVariant\/48867677077829","productGid":"gid:\/\/shopify\/Product\/8337664082245","handle":"anatole-hcsr","sellingPlans":[],"alerts":[],"_id":"68ef4ff324033415da45eaa0"}],"collections":[],"condition":"quantity","conditionMin":1,"conditionMax":null,"collectionSellingPlanType":null},"action":{"notification":{"enabled":false,"headerText":null,"subHeaderText":null,"showImage":false,"imageUrl":""},"discount":{"easygiftAppDiscount":false,"type":null,"id":null,"title":null,"createdByEasyGift":false,"code":null,"issue":null,"discountType":null,"value":null},"popupOptions":{"showVariantsSeparately":false,"headline":null,"subHeadline":null,"showItemsPrice":false,"popupDismissable":false,"imageUrl":null,"persistPopup":false,"rewardQuantity":1,"showDiscountedPrice":false,"hideOOSItems":false},"banner":{"enabled":false,"headerText":null,"subHeaderText":null,"showImage":false,"imageUrl":null,"displayAfter":"5","closingMode":"doNotAutoClose","selfcloseAfter":"5","reshowBannerAfter":"everyNewSession","redirectLink":null},"type":"addAutomatically","products":[{"name":"Intérieur de coussin Outdoor - 40x55 cm \/ Blanc","variantId":"55028773716293","variantGid":"gid:\/\/shopify\/ProductVariant\/55028773716293","productGid":"gid:\/\/shopify\/Product\/15132775645509","quantity":1,"handle":"composant-polyester-prduit","price":"0.00"}],"limit":12,"preventProductRemoval":false,"addAvailableProducts":false},"targeting":{"link":{"destination":null,"data":null,"cookieLifetime":14},"additionalCriteria":{"geo":{"include":[],"exclude":[]},"type":null,"customerTags":[],"customerTagsExcluded":[],"customerId":[],"orderCount":null,"hasOrderCountMax":false,"orderCountMax":null,"totalSpent":null,"hasTotalSpentMax":false,"totalSpentMax":null},"type":"all"},"settings":{"worksInReverse":true,"runsOncePerSession":false,"preventAddedItemPurchase":false,"showReminderBanner":false},"_id":"68ef4f86633dc5bba9542dc5","name":"Anatole - 50x70","store":"68de31e26022fbd49731c6de","shop":"caravane-2018","active":true,"translations":null,"createdAt":"2025-10-15T07:38:46.217Z","updatedAt":"2026-03-04T15:55:11.085Z","__v":0}};
// Process metafields in JavaScript
let savedRulesArray = [];
for (const [key, value] of Object.entries(metafields)) {
if (value) {
for (const prop in value) {
// avoiding Object.Keys for performance gain -- no need to make an array of keys.
savedRulesArray.push(value);
break;
}
}
}
const metaTag = document.createElement('meta');
metaTag.id = 'easygift-rules';
metaTag.content = JSON.stringify(savedRulesArray);
metaTag.setAttribute('itemid', 'cnVsZXNfJF8xNzc1NjgyMDU4');
document.head.appendChild(metaTag);
} catch (err) {
}
})();
</script>
<script
type="text/javascript"
defer
>
(function () {
try {
window.EG_INFO = window.EG_INFO || {};
var shopInfo = {"isInstalled":true,"installedOn":"2025-10-02T08:03:48.591Z","appVersion":"3.0","subscriptionName":"Standard","cartAnalytics":true,"freeTrialEndsOn":null,"settings":{"reminderBannerStyle":{"position":{"horizontal":"right","vertical":"bottom"},"backgroundColor":"#FFFFFF","borderRadius":null,"padding":null,"headerFontSize":null,"subHeaderFontSize":null,"closingMode":"doNotAutoClose","cssStyles":"","displayAfter":5,"headerText":"","imageUrl":null,"primaryColor":"#000000","reshowBannerAfter":"everyNewSession","selfcloseAfter":5,"showImage":false,"subHeaderText":""},"addedItemIdentifier":"_Gifted","ignoreOtherAppLineItems":null,"customVariantsInfoLifetimeMins":1440,"redirectPath":null,"ignoreNonStandardCartRequests":false,"bannerStyle":{"position":{"horizontal":"right","vertical":"bottom"},"backgroundColor":"#FFFFFF","borderRadius":null,"padding":null,"headerFontSize":null,"subHeaderFontSize":null,"cssStyles":null,"primaryColor":"#000000"},"themePresetId":null,"notificationStyle":{"position":{"horizontal":null,"vertical":null},"backgroundColor":"#FFFFFF","borderRadius":null,"headerFontSize":null,"subHeaderFontSize":null,"padding":null,"cssStyles":null,"duration":null,"hasCustomizations":false,"primaryColor":null},"fetchCartData":false,"useLocalStorage":{"enabled":false,"expiryMinutes":null},"popupStyle":{"backgroundColor":"#FFFFFF","borderRadius":null,"padding":null,"headerFontSize":null,"subHeaderFontSize":null,"bodyColor":null,"bodyFontSize":null,"closeModalOutsideClick":true,"priceShowZeroDecimals":true,"addButtonText":null,"cssStyles":null,"dismissButtonText":null,"hasCustomizations":false,"imageUrl":null,"outOfStockButtonText":null,"primaryColor":null,"secondaryColor":null,"showProductLink":false,"subscriptionLabel":null},"refreshAfterBannerClick":false,"disableReapplyRules":false,"disableReloadOnFailedAddition":false,"autoReloadCartPage":false,"ajaxRedirectPath":null,"allowSimultaneousRequests":false,"applyRulesOnCheckout":false,"enableCartCtrlOverrides":true,"customRedirectFromCart":null,"scriptSettings":{"branding":{"removalRequestSent":null,"show":false},"productPageRedirection":{"enabled":false,"products":[],"redirectionURL":"\/"},"debugging":{"enabled":false,"enabledOn":null,"stringifyObj":false},"enableBuyNowInterceptions":false,"useFinalPrice":false,"useFinalPriceGetEntireCart":false,"hideGiftedPropertyText":false,"fetchCartDataBeforeRequest":false,"disableRedirectAfterFormSubmit":false,"customCSS":null,"decodePayload":false,"delayUpdates":2000,"disableBuyNowInterceptions":false,"fetchProductInfoFromSavedDomain":false,"hideAlertsOnFrontend":false,"removeEGPropertyFromSplitActionLineItems":false,"removeProductsAddedFromExpiredRules":false},"accessToEnterprise":false},"translations":null,"defaultLocale":"fr","shopDomain":"caravane.com"};
var productRedirectionEnabled = shopInfo.settings.scriptSettings.productPageRedirection.enabled;
if (["Unlimited", "Enterprise"].includes(shopInfo.subscriptionName) && productRedirectionEnabled) {
var products = shopInfo.settings.scriptSettings.productPageRedirection.products;
if (products.length > 0) {
var productIds = products.map(function(prod) {
var productGid = prod.id;
var productIdNumber = parseInt(productGid.split('/').pop());
return productIdNumber;
});
var productInfo = null;
var isProductInList = productIds.includes(productInfo.id);
if (isProductInList) {
var redirectionURL = shopInfo.settings.scriptSettings.productPageRedirection.redirectionURL;
if (redirectionURL) {
window.location = redirectionURL;
}
}
}
}
} catch(err) {
return
}})()
</script>
<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
<script async src="https://static.klaviyo.com/onsite/js/VVwdpp/klaviyo.js?company_id=VVwdpp"></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 block --><!-- BEGIN app block: shopify://apps/booxi/blocks/script/da718c6d-23eb-46ef-b662-384e0f84a395 --><script defer>
window.booxiApp = window.booxiApp || {};
window.booxiApp.reference = {
id: '',
name: ``,
'id-name': ` - `,
sku: ``,
barcode: ``,
};
window.booxiApp.customer = null;
window.booxiApp.endpointRoot = `https://sp.booxi.com`;
window.booxiApp.bubbleSvg =
`
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
<path d="M33,35H7a2,2,0,0,1-2-2V7A2,2,0,0,1,7,5h3V3h4V5H26V3h4V5h3a2,2,0,0,1,2,2V33A2,2,0,0,1,33,35ZM13,4H11V6h2V4ZM29,4H27V6h2V4Zm4,7H7V33H33V11ZM13,21.015H11v-2h2v2Zm0,4H11v-2h2v2Zm0,4H11v-2h2v2Zm4-12H15v-2h2v2Zm0,4H15v-2h2v2Zm0,4H15v-2h2v2Zm0,4H15v-2h2v2Zm4-12H19v-2h2v2Zm0,4H19v-2h2v2Zm0,4H19v-2h2v2Zm0,4H19v-2h2v2Zm4-12H23v-2h2v2Zm0,4H23v-2h2v2Zm0,4H23v-2h2v2Zm0,4H23v-2h2v2Zm4-12H27v-2h2v2Zm0,4H27v-2h2v2Zm0,4H27v-2h2v2Z"/>
</svg>
`
window.booxiApp.settings = {"timer_remove_product":14,"tracking_button_position":"hidden"}
</script>
<!-- END app block --><script src="https://cdn.shopify.com/extensions/019d0b39-02b1-7361-8ee5-9f1d5300970b/booxi-73/assets/app.js" type="text/javascript" defer="defer"></script>
<link href="https://cdn.shopify.com/extensions/019d0b39-02b1-7361-8ee5-9f1d5300970b/booxi-73/assets/app.css" rel="stylesheet" type="text/css" media="all">
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 4680876150,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 4680876150,storefrontBaseUrl: "https://caravane.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","5476ea20","ed8389fc"],webPixelsConfigList: [{"id":"2847342917","configuration":"{\"accountID\":\"VVwdpp\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"524f6c1ee37bacdca7657a665bdca589","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a","3b5414a6"]},{"id":"1232208197","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"GT-PJ5DSWWP\\\",\\\"target_country\\\":\\\"FR\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"MC-FZWKQ7HHGM\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"MC-FZWKQ7HHGM\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"MC-FZWKQ7HHGM\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"ac521efa9cd6866459cd0b40264a3f38","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a","3b5414a6"]},{"id":"393412933","configuration":"{\"pixel_id\":\"259403599407141\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"ca16bc87fe92b6042fbaa3acc2fbdaa6","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a","3b5414a6"]},{"id":"195559749","configuration":"{\"tagID\":\"2614269133258\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"18031546ee651571ed29edbe71a3550b","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["3b5414a6"]},{"id":"117965125","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"48","type":"CUSTOM","privacyPurposes":[],"name":"GTM"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Caravane","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"caravane-2018.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/caravane.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://caravane.com/cdn","0e8c7c7aw41bd75a1p837d7fd4m8b145375",{"modern":"","legacy":""},{"trekkieShim":true,"shopId":"4680876150","storefrontBaseUrl":"https:\/\/caravane.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"5476ea20\", \"ed8389fc\"]","isMerchantRequest":"false","hashVersion":"0e8c7c7aw41bd75a1p837d7fd4m8b145375","publish":"custom","events":"[[\"page_viewed\",{}]]"});</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"page":{"pageType":"home","requestId":"76d68afb-06b2-49c9-a32f-4916a8be607b-1775682057"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
window.ShopifyAnalytics.lib.trekkie = window.trekkie;
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
try {
window.__TREKKIE_SHIM_QUEUE.push({
from: 'trekkie-stub',
method: method,
args: args.slice(1)
});
} catch (e) {
// no-op
}
}
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 4680876150,
theme_id: 172108153157,
app_name: "storefront",
context_url: window.location.href,
source_url: "//caravane.com/cdn/s/trekkie.storefront.bbaaac304bec97f24b147db39a78dee845470dc6.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//caravane.com/cdn/s/trekkie.storefront.bbaaac304bec97f24b147db39a78dee845470dc6.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//caravane.com/cdn/s/trekkie.storefront.bbaaac304bec97f24b147db39a78dee845470dc6.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":4680876150,"isMerchantRequest":null,"themeId":172108153157,"themeCityHash":"1571848675684264393","contentLanguage":"fr","currency":"EUR","eventMetadataId":"86b6a501-f113-4e06-a4d1-66b93b41c949"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"76d68afb-06b2-49c9-a32f-4916a8be607b-1775682057","shopifyEmitted":true});
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 = "//caravane.com/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://caravane.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.3.1.min.js"
data-application="storefront-renderer"
data-shop-id="4680876150"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="172108153157"
data-theme-name="bootstrap"
data-theme-version="0.1.0"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
data-shs-beacon-endpoint="https://caravane.com/api/collect"
></script>
<script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {const LONG_FRAME_THRESHOLD = 50;const longAnimationFrames = [];let activeRafId = null;function collectLongFrames() {let previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}const delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!PerformanceObserver.supportedEntryTypes.includes('long-animation-frame')) {collectLongFrames();const timeoutId = setTimeout(() => {cancelAnimationFrame(activeRafId);}, 10_000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function(stopCollection = false) {if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();</script></head>
<body class='text-16 min-h-viewportMin overflow-x-clip font-sans'><!-- BEGIN sections: header-group -->
<header id="shopify-section-sections--25518791819589__header" class="shopify-section shopify-section-group-header-group">
<div aria-hidden='true' class='pt-header' data-type='spacer' style='display: var(--header-spacer-display);'></div>
<div
x-data='header'
id='header'
class='offset-with-banner fixed left-0 right-0 top-0 z-11'
>
<div
class='relative z-10 h-28 text-center text-11 tracking-tight'
style='background-color: #000000; color: #fffdf7'
>
<div
x-data='banner({ autoPlayInterval: 7000, itemCount: 2 })'
class='relative h-full'
>
<div
x-transition:enter='transition-opacity ease-expo-out duration-500 delay-500'
x-transition:enter-start='opacity-0'
x-transition:enter-end='opacity-100'
x-transition:leave='transition-opacity ease-quart-inout duration-500'
x-transition:leave-start='opacity-100'
x-transition:leave-end='opacity-0'
x-show='currentIndex === 0'
class='grid h-full w-full place-items-center whitespace-nowrap absolute inset-0'
>
<span class='block [&_a]:underline'>Livraison standard offerte en France et au Royaume-Uni à partir de 150€*</span>
</div>
<div
x-cloak
x-transition:enter='transition-opacity ease-expo-out duration-500 delay-500'
x-transition:enter-start='opacity-0'
x-transition:enter-end='opacity-100'
x-transition:leave='transition-opacity ease-quart-inout duration-500'
x-transition:leave-start='opacity-100'
x-transition:leave-end='opacity-0'
x-show='currentIndex === 1'
class='grid h-full w-full place-items-center whitespace-nowrap absolute inset-0'
>
<span class='block [&_a]:underline'>Profitez d'une <strong>livraison à domicile en 24h</strong> avec UPS Express*</span>
</div>
</div>
</div>
<div
class='header-nav relative z-10 h-nav border-b transition-[background-color,color,border-color] duration-300 ease-expo-out'
:class="{ 'header-solid': shouldShowSolid }"
style='background-color: var(--header-bg-color); color: var(--header-text-color); border-color: var(--header-border-color);'
>
<div class='grid-container flex h-nav items-center justify-between'>
<div class='flex items-center gap-12 lg:hidden'>
<button
class='header-burger pointer-events-auto relative h-32 w-24 shrink-0'
aria-label='Menu'
:aria-expanded='isMobileNavOpen ? true : false'
@click='handleBurgerClick(); $store.global.isSearchVisible=false'
>
<div class='absolute inset-0 flex flex-col justify-between px-4 py-12'>
<span class='header-burger-open-line'></span>
<span class='header-burger-open-line'></span>
</div>
<div class='absolute inset-0'>
<span class='header-burger-close-line-wrapper absolute-center rotate-45'>
<span class='header-burger-close-line origin-left'></span>
</span>
<span
class='header-burger-close-line-wrapper absolute-center -rotate-45'
>
<span class='header-burger-close-line origin-right'></span>
</span>
</div>
</button>
<button
x-data
@click='$store.global.isSearchVisible=!$store.global.isSearchVisible'
aria-label='Rechercher'
class='lg:hidden'
>
<svg class='h-24 w-24' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.9789 10.6887C17.3244 13.6451 15.0917 16.3852 11.8871 16.727C8.68262 17.0688 5.87239 14.8666 5.52694 11.9102C5.18149 8.95377 7.41422 6.21365 10.6187 5.87184C13.8232 5.53003 16.6335 7.73225 16.9789 10.6887ZM15.6905 16.1751C14.6896 17.0082 13.4223 17.5689 12.0032 17.7202C8.29165 18.1161 4.94694 15.5623 4.53258 12.0162C4.11823 8.47011 6.79113 5.27449 10.5027 4.8786C14.2142 4.48271 17.5589 7.03647 17.9733 10.5826C18.1884 12.4238 17.5713 14.1705 16.4087 15.4799L19.5095 18.475L18.7827 19.1619L15.6905 16.1751Z" fill="currentColor"/>
</svg>
</button>
</div>
<nav
@mouseleave='closeDesktopNav'
@keydown.escape='closeDesktopNav'
class='flex h-full items-center gap-10 text-12'
>
<button
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left lg-max:hidden'
@mouseenter.passive='openDesktopNav'
>E-SHOP</button>
<ul class='ml-14 flex items-center gap-24 text-12 lg-max:hidden'>
<li class='flex items-center'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left'
href='/collections/nouveautes'
>Nouveautés</a>
</li>
<li class='flex items-center'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left'
href='/collections/canapes'
>Canapés</a>
</li>
</ul>
<a
@mouseenter='closeAllPanels'
@click='closeMobileNav(); $store.global.isSearchVisible=false;'
href='/'
class='absolute-center block'
aria-label='Page d'accueil'
><svg class='w-112 h-16 lg:w-196 lg:h-27' xmlns='http://www.w3.org/2000/svg' width='355' height='51' viewbox='0 0 355 51' fill='none'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M127.868 14.7564C127.868 22.1017 122.751 26.9511 115.858 30.0507L121.41 40.2917C123.073 43.2872 124.791 46.2514 126.563 49.1826L118.406 49.9932L109.572 31.7333H109.561L107.884 28.206L110.272 25.2713C116.521 24.9359 119.945 20.7489 119.945 15.8353C119.945 11.5226 117.002 8.69403 111.246 8.69403C109.306 8.69403 108.567 8.76111 107.029 8.89527C106.763 10.1754 106.563 11.6567 106.427 12.6685L104.622 25.3327H104.633L103.42 34.0672L102.615 39.7522C102.282 42.3795 101.61 47.5671 101.543 49.4509H93.7723C94.5775 46.2199 95.9129 37.5945 96.5153 33.2175L98.592 18.3284C99.1945 14.0157 100.263 5.32325 100.397 2.08941C102.806 2.15649 108.167 1.75401 111.246 1.75401C122.688 1.75401 127.868 7.8164 127.868 14.7564ZM0 29.6063C0 14.8095 8.52602 0.758988 24.8312 0.758988C29.8619 0.758988 35.4311 2.58413 38.7849 5.28691L36.1002 11.4024C33.2823 8.90086 28.2766 7.51733 24.3176 7.51733C13.3818 7.51733 7.18507 18.1216 7.18507 28.4576C7.18507 37.9131 12.696 44.2103 20.7473 44.2103C25.9112 44.2103 30.6559 41.4823 34.4122 38.6482L33.0852 46.4938C28.9302 49.1503 24.1173 50.5778 19.1953 50.6136C7.11844 50.6164 0 42.3739 0 29.6063ZM215.269 1.97482H223.334L204.538 36.5631C202.096 40.9827 199.769 45.4655 197.559 50.0071L195.732 50.4823L186.34 15.8912C185.135 11.6344 183.658 6.16454 182.314 2.0419L189.977 1.50246L198.525 35.378L209.297 13.999L215.269 1.97482ZM304.341 18.1188C304.979 13.8005 306.126 5.09405 306.284 1.85184C308.969 1.87699 311.465 1.82948 313.814 1.57793C313.328 3.73568 312.481 8.92881 312.053 11.5645L307.392 39.9646C307.037 42.5305 306.254 47.9276 306.107 49.8869L303.405 50.404L281.203 17.0483L277.863 39.3805C277.439 42.2845 276.864 47.1422 276.644 49.0988L269.185 49.0373C269.884 45.8006 271.358 37.7063 272.136 32.7815L274.748 16.794C275.387 12.4729 276.664 4.37853 276.825 1.13632L278.99 0.613647L301.914 35.8168L304.341 18.1188ZM244.492 0.893149L254.959 35.5485C256.32 40.1938 257.773 44.8111 259.318 49.3978L251.525 49.9401L247.202 33.3516C244.639 24.1812 242.76 22.3616 240.414 22.6356C237.715 22.9514 236.144 26.1181 236.144 26.1181C231.119 35.42 224.511 47.6621 223.614 49.4006H215.685L235.68 14.8067C238.967 9.06577 241.047 5.28132 242.926 1.43259L244.492 0.893149ZM331.185 42.673C333.062 42.687 335.277 42.7736 337.223 42.7904C342.387 42.8323 346.08 42.796 350.439 42.6982C349.817 45.0572 349.395 47.2149 348.839 49.9792C344.814 49.6773 340.522 49.5711 335.694 49.532C330.66 49.4901 326.654 49.5264 322.359 49.7612C323.189 46.5245 324.602 37.7538 325.241 33.4355L327.076 21.3191C328.792 21.3666 330.743 21.4393 334.183 21.5036L334.175 21.5511L339.017 21.5707H339.022L349.136 21.6098C348.653 23.5635 348.295 25.9253 347.943 28.3542L333.181 28.097L331.551 38.7572C331.41 39.769 331.193 41.5243 331.185 42.6702V42.673ZM342.118 2.095C346.413 2.12863 350.709 2.05128 355 1.86302C354.307 4.23321 353.75 6.6419 353.334 9.07695C349.642 8.97912 346.693 8.88689 342.199 8.85055H342.01L341.399 8.84496C339.988 8.83256 338.576 8.83536 337.165 8.85335C333.67 8.87012 330.782 8.90925 328.795 8.92322C329.153 5.9661 329.452 3.18786 329.527 1.6506C333.684 1.88817 337.021 2.05028 342.118 2.095ZM162.591 0.893149L173.058 35.5485C174.419 40.1936 175.873 44.8109 177.417 49.3978L169.621 49.9401L164.812 31.4902C163.771 26.6129 160.806 25.9924 160.806 25.9924C155.412 24.743 151.977 30.5874 150.756 32.5802C146.558 40.3504 142.433 48.0087 141.711 49.3978H133.784L153.777 14.8123C157.066 9.06856 159.143 5.28412 161.025 1.43538L162.591 0.893149ZM69.6852 0.893149L80.1518 35.5513C81.5131 40.1965 82.9663 44.8138 84.5106 49.4006L76.7175 49.9428L71.909 31.493C70.6319 26.065 67.9972 25.6011 67.9972 25.6011C62.8499 24.1672 59.2352 30.0591 57.847 32.583C53.652 40.3531 49.5264 48.0115 48.8046 49.4006H40.8783L60.8759 14.8123C64.1603 9.06856 66.2425 5.28412 68.1193 1.43538L69.6852 0.893149Z" fill="currentColor"/>
</svg>
</a>
<div
x-cloak
x-show='isDesktopNavOpen'
class='fixed inset-x-0 top-header z-[12] bg-cream lg-max:hidden'
>
<div class='flex items-stretch margin-ml-1'>
<ul class='border-r border-stroke-light/10 py-24 span-w-4'>
<li class='mb-12'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-extrabold'
href='/collections/nouveautes'
aria-haspopup="true" :aria-expanded="currentPanelIndex == 0 ? true : false" data-panel-index="0"
x-data
@click.passive='closeDesktopNav'
@mouseenter.passive='handleLinkMouseEnter'
>Nouveautés</a>
</li>
<li class='mb-12'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-extrabold'
href='/collections/best-sellers/New'
aria-haspopup="true" :aria-expanded="currentPanelIndex == 1 ? true : false" data-panel-index="1"
x-data
@click.passive='closeDesktopNav'
@mouseenter.passive='handleLinkMouseEnter'
>Best-sellers</a>
</li>
<li class='mb-12'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-normal'
href='/collections/coussins-et-plaids'
aria-haspopup="true" :aria-expanded="currentPanelIndex == 2 ? true : false" data-panel-index="2"
x-data
@click.passive='closeDesktopNav'
@mouseenter.passive='handleLinkMouseEnter'
>Coussins & plaids</a>
</li>
<li class='mb-12'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-normal'
href='/collections/luminaires'
aria-haspopup="true" :aria-expanded="currentPanelIndex == 3 ? true : false" data-panel-index="3"
x-data
@click.passive='closeDesktopNav'
@mouseenter.passive='handleLinkMouseEnter'
>Luminaires</a>
</li>
<li class='mb-12'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-normal'
href='/collections/le-linge-de-lit'
aria-haspopup="true" :aria-expanded="currentPanelIndex == 4 ? true : false" data-panel-index="4"
x-data
@click.passive='closeDesktopNav'
@mouseenter.passive='handleLinkMouseEnter'
>Linge de lit</a>
</li>
<li class='mb-12'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-normal'
href='/collections/tapis-rideaux'
aria-haspopup="true" :aria-expanded="currentPanelIndex == 5 ? true : false" data-panel-index="5"
x-data
@click.passive='closeDesktopNav'
@mouseenter.passive='handleLinkMouseEnter'
>Tapis & rideaux</a>
</li>
<li class='mb-12'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-normal'
href='/collections/art-de-la-table'
aria-haspopup="true" :aria-expanded="currentPanelIndex == 6 ? true : false" data-panel-index="6"
x-data
@click.passive='closeDesktopNav'
@mouseenter.passive='handleLinkMouseEnter'
>Art de la table</a>
</li>
<li class='mb-12'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-normal'
href='/collections/decoration'
aria-haspopup="true" :aria-expanded="currentPanelIndex == 7 ? true : false" data-panel-index="7"
x-data
@click.passive='closeDesktopNav'
@mouseenter.passive='handleLinkMouseEnter'
>Décoration</a>
</li>
<li class='mb-12'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-normal'
href='/collections/mobilier'
aria-haspopup="true" :aria-expanded="currentPanelIndex == 8 ? true : false" data-panel-index="8"
x-data
@click.passive='closeDesktopNav'
@mouseenter.passive='handleLinkMouseEnter'
>Mobilier</a>
</li>
<li class='mb-12'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-normal'
href='/collections/canapes'
aria-haspopup="true" :aria-expanded="currentPanelIndex == 9 ? true : false" data-panel-index="9"
x-data
@click.passive='closeDesktopNav'
@mouseenter.passive='handleLinkMouseEnter'
>Canapés & fauteuils</a>
</li>
<li class='mb-12'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-normal'
href='/collections/mode-et-accessoires'
aria-haspopup="true" :aria-expanded="currentPanelIndex == 10 ? true : false" data-panel-index="10"
x-data
@click.passive='closeDesktopNav'
@mouseenter.passive='handleLinkMouseEnter'
>Mode & accessoires</a>
</li>
<li class='mb-12'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-normal'
href='/collections/tissu-au-metre'
aria-haspopup="true" :aria-expanded="currentPanelIndex == 11 ? true : false" data-panel-index="11"
x-data
@click.passive='closeDesktopNav'
@mouseenter.passive='handleLinkMouseEnter'
>Tissus au mètre</a>
</li>
<li class='mb-12'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-serif normal-case text-15 font-normal'
href='/products/gift-card'
aria-haspopup="true" :aria-expanded="currentPanelIndex == 12 ? true : false" data-panel-index="12"
x-data
@click.passive='closeDesktopNav'
@mouseenter.passive='handleLinkMouseEnter'
>Carte cadeau </a>
</li>
</ul>
<ul class='relative mr-auto span-w-6'>
<li
x-cloak
x-show='currentPanelIndex === 0'
x-transition:enter='transition-[transform,opacity] ease-expo-out duration-500 transform-gpu'
x-transition:enter-start='-translate-y-8 opacity-0'
class='absolute inset-0'
>
<ul class='flex flex-col gap-16 px-24 py-24'>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/nouveautes'
x-data
@click.passive='closeDesktopNav'
>Nouveautés</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/papier-peint-peinture'
x-data
@click.passive='closeDesktopNav'
>Caravane x Ressource</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/collection-exterieur'
x-data
@click.passive='closeDesktopNav'
>Collection d'extérieur</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
href='/collections/nouveautes'
x-data
@click.passive='closeDesktopNav'
>Voir tout</a>
</li>
</ul>
</li>
<li
x-cloak
x-show='currentPanelIndex === 2'
x-transition:enter='transition-[transform,opacity] ease-expo-out duration-500 transform-gpu'
x-transition:enter-start='-translate-y-8 opacity-0'
class='absolute inset-0'
>
<ul class='flex flex-col gap-16 px-24 py-24'>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/housses-de-coussin'
x-data
@click.passive='closeDesktopNav'
>Coussins</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/plaids'
x-data
@click.passive='closeDesktopNav'
>Plaids</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/sofa-covers'
x-data
@click.passive='closeDesktopNav'
>Sofa covers</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/petits-coussins'
x-data
@click.passive='closeDesktopNav'
>Petits coussins</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/coussins-dexterieur'
x-data
@click.passive='closeDesktopNav'
>Coussins d'extérieur</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
href='/collections/coussins-et-plaids'
x-data
@click.passive='closeDesktopNav'
>Voir tout</a>
</li>
</ul>
</li>
<li
x-cloak
x-show='currentPanelIndex === 3'
x-transition:enter='transition-[transform,opacity] ease-expo-out duration-500 transform-gpu'
x-transition:enter-start='-translate-y-8 opacity-0'
class='absolute inset-0'
>
<ul class='flex flex-col gap-16 px-24 py-24'>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/appliques'
x-data
@click.passive='closeDesktopNav'
>Appliques</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/suspensions'
x-data
@click.passive='closeDesktopNav'
>Suspensions</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/lampes-a-poser'
x-data
@click.passive='closeDesktopNav'
>Lampes à poser</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/lampadaires'
x-data
@click.passive='closeDesktopNav'
>Lampadaires</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/abat-jour'
x-data
@click.passive='closeDesktopNav'
>Abat-jours</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/electrifications'
x-data
@click.passive='closeDesktopNav'
>Electrifications</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
href='/collections/luminaires'
x-data
@click.passive='closeDesktopNav'
>Voir tout</a>
</li>
</ul>
</li>
<li
x-cloak
x-show='currentPanelIndex === 4'
x-transition:enter='transition-[transform,opacity] ease-expo-out duration-500 transform-gpu'
x-transition:enter-start='-translate-y-8 opacity-0'
class='absolute inset-0'
>
<ul class='flex flex-col gap-16 px-24 py-24'>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/parures-de-lit'
x-data
@click.passive='closeDesktopNav'
>Parures de lit</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/linge-de-lit'
x-data
@click.passive='closeDesktopNav'
>Housses de couette, taies & draps</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/courtepointes-et-couvre-lits'
x-data
@click.passive='closeDesktopNav'
>Courtepointes & couvre-lits</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/couettes-en-soie'
x-data
@click.passive='closeDesktopNav'
>Couettes en soie</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
href='/collections/le-linge-de-lit'
x-data
@click.passive='closeDesktopNav'
>Voir tout</a>
</li>
</ul>
</li>
<li
x-cloak
x-show='currentPanelIndex === 5'
x-transition:enter='transition-[transform,opacity] ease-expo-out duration-500 transform-gpu'
x-transition:enter-start='-translate-y-8 opacity-0'
class='absolute inset-0'
>
<ul class='flex flex-col gap-16 px-24 py-24'>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/tapis'
x-data
@click.passive='closeDesktopNav'
>Tapis </a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/rideaux-voilages'
x-data
@click.passive='closeDesktopNav'
>Rideaux & voilages</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/tringles-et-accessoires'
x-data
@click.passive='closeDesktopNav'
>Tringles & accessoires</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
href='/collections/tapis-rideaux'
x-data
@click.passive='closeDesktopNav'
>Voir tout</a>
</li>
</ul>
</li>
<li
x-cloak
x-show='currentPanelIndex === 6'
x-transition:enter='transition-[transform,opacity] ease-expo-out duration-500 transform-gpu'
x-transition:enter-start='-translate-y-8 opacity-0'
class='absolute inset-0'
>
<ul class='flex flex-col gap-16 px-24 py-24'>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/linge-de-table'
x-data
@click.passive='closeDesktopNav'
>Linge de table</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/vaisselles'
x-data
@click.passive='closeDesktopNav'
>Vaisselle</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/couverts'
x-data
@click.passive='closeDesktopNav'
>Couverts</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/verrerie'
x-data
@click.passive='closeDesktopNav'
>Verrerie</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/plateaux'
x-data
@click.passive='closeDesktopNav'
>Plateaux</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/accessoires'
x-data
@click.passive='closeDesktopNav'
>Accessoires</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
href='/collections/art-de-la-table'
x-data
@click.passive='closeDesktopNav'
>Voir tout</a>
</li>
</ul>
</li>
<li
x-cloak
x-show='currentPanelIndex === 7'
x-transition:enter='transition-[transform,opacity] ease-expo-out duration-500 transform-gpu'
x-transition:enter-start='-translate-y-8 opacity-0'
class='absolute inset-0'
>
<ul class='flex flex-col gap-16 px-24 py-24'>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/miroirs-decoration-murale'
x-data
@click.passive='closeDesktopNav'
>Miroirs & patères</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/petits-objets-decoratifs/Test'
x-data
@click.passive='closeDesktopNav'
>Objets décoratifs</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/corbeilles-et-paniers'
x-data
@click.passive='closeDesktopNav'
>Corbeilles & paniers</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/bougies-senteurs-et-bougeoirs'
x-data
@click.passive='closeDesktopNav'
>Bougies, senteurs & bougeoirs</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/papier-peint-peinture'
x-data
@click.passive='closeDesktopNav'
>Peintures & papiers peints</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
href='/collections/decoration'
x-data
@click.passive='closeDesktopNav'
>Voir tout</a>
</li>
</ul>
</li>
<li
x-cloak
x-show='currentPanelIndex === 8'
x-transition:enter='transition-[transform,opacity] ease-expo-out duration-500 transform-gpu'
x-transition:enter-start='-translate-y-8 opacity-0'
class='absolute inset-0'
>
<ul class='flex flex-col gap-16 px-24 py-24'>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/tables'
x-data
@click.passive='closeDesktopNav'
>Tables & tables basses</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/tables-dappoint'
x-data
@click.passive='closeDesktopNav'
>Tables d'appoint</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/chaises-et-fauteuils'
x-data
@click.passive='closeDesktopNav'
>Chaises & fauteuils</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/bancs-et-tabourets'
x-data
@click.passive='closeDesktopNav'
>Bancs & tabourets</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/lits-et-tetes-de-lits'
x-data
@click.passive='closeDesktopNav'
>Têtes de lits</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/bibliotheques-et-etageres'
x-data
@click.passive='closeDesktopNav'
>Bibliothèques & étagères</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/bureaux-chevets-et-consoles'
x-data
@click.passive='closeDesktopNav'
>Bureaux, chevets & consoles</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
href='/collections/mobilier'
x-data
@click.passive='closeDesktopNav'
>Voir tout</a>
</li>
</ul>
</li>
<li
x-cloak
x-show='currentPanelIndex === 9'
x-transition:enter='transition-[transform,opacity] ease-expo-out duration-500 transform-gpu'
x-transition:enter-start='-translate-y-8 opacity-0'
class='absolute inset-0'
>
<ul class='flex flex-col gap-16 px-24 py-24'>
<li>
<div
class='accordion grid grid-rows-[1fr]'
>
<div class='relative'>
<input
data-type='accordion'
class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
type='radio'
id='header-desktop-nav-9-0'
name='header-desktop-nav-panel-'
aria-controls='header-desktop-nav-9-0-content'
x-data
@mousedown='$el.dataset.wasChecked = $el.checked ? 1 : 0'
@click='if($el.dataset.wasChecked == 1) $el.checked = false; '
>
<label
class='!py-0 text-14 leading-[1.4] pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
for='header-desktop-nav-9-0'
>
<span class='font-normal'>Canapés & fauteuils disponibles en ligne</span>
<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center lg:!size-16' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>
</label>
<article
id='header-desktop-nav-9-0-content'
aria-labelledby='header-desktop-nav-9-0'
role='region'
class='grid grid-rows-[0fr] overflow-hidden transition-[grid-template-rows] duration-500 ease-expo-out pointer-events-all pl-12'
>
<div class='min-h-0'>
<div
class='min-h-0'>
<ul class='flex flex-col gap-12 pb-4 pt-12'>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14 text-brown-text'
href='/collections/canapes-disponibles-en-ligne'
x-data
@click.passive='closeDesktopNav'
>Canapés & divans</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14 text-brown-text'
href='/collections/fauteuils-disponibles-en-ligne'
x-data
@click.passive='closeDesktopNav'
>Fauteuils</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
href='/collections/canapes-fauteuils-disponibles-en-ligne'
x-data
@click.passive='closeDesktopNav'
>Voir tout</a>
</li>
</ul>
</div>
</div>
</article>
</div>
</div>
</li>
<li>
<div
class='accordion grid grid-rows-[1fr]'
>
<div class='relative'>
<input
data-type='accordion'
class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
type='radio'
id='header-desktop-nav-9-1'
name='header-desktop-nav-panel-'
aria-controls='header-desktop-nav-9-1-content'
x-data
@mousedown='$el.dataset.wasChecked = $el.checked ? 1 : 0'
@click='if($el.dataset.wasChecked == 1) $el.checked = false; '
>
<label
class='!py-0 text-14 leading-[1.4] pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
for='header-desktop-nav-9-1'
>
<span class='font-normal'>Canapés, fauteuils & poufs sur mesure</span>
<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center lg:!size-16' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>
</label>
<article
id='header-desktop-nav-9-1-content'
aria-labelledby='header-desktop-nav-9-1'
role='region'
class='grid grid-rows-[0fr] overflow-hidden transition-[grid-template-rows] duration-500 ease-expo-out pointer-events-all pl-12'
>
<div class='min-h-0'>
<div
class='min-h-0'>
<ul class='flex flex-col gap-12 pb-4 pt-12'>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14 text-brown-text'
href='/collections/canapes-sur-mesure'
x-data
@click.passive='closeDesktopNav'
>Canapés & méridiennes</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14 text-brown-text'
href='/collections/fauteuils-et-poufs-sur-devis'
x-data
@click.passive='closeDesktopNav'
>Fauteuils & poufs</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
href='/collections/canapes-fauteuils-poufs-sur-devis'
x-data
@click.passive='closeDesktopNav'
>Voir tout</a>
</li>
</ul>
</div>
</div>
</article>
</div>
</div>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/echantillon-de-tissus'
x-data
@click.passive='closeDesktopNav'
>Echantillons de tissus</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
href='/collections/canapes'
x-data
@click.passive='closeDesktopNav'
>Voir tout</a>
</li>
</ul>
</li>
<li
x-cloak
x-show='currentPanelIndex === 10'
x-transition:enter='transition-[transform,opacity] ease-expo-out duration-500 transform-gpu'
x-transition:enter-start='-translate-y-8 opacity-0'
class='absolute inset-0'
>
<ul class='flex flex-col gap-16 px-24 py-24'>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/sacs-et-pochettes'
x-data
@click.passive='closeDesktopNav'
>Sacs & pochettes</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/mode'
x-data
@click.passive='closeDesktopNav'
>Mode</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/bijoux'
x-data
@click.passive='closeDesktopNav'
>Bijoux</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
href='/collections/mode-et-accessoires'
x-data
@click.passive='closeDesktopNav'
>Voir tout</a>
</li>
</ul>
</li>
<li
x-cloak
x-show='currentPanelIndex === 11'
x-transition:enter='transition-[transform,opacity] ease-expo-out duration-500 transform-gpu'
x-transition:enter-start='-translate-y-8 opacity-0'
class='absolute inset-0'
>
<ul class='flex flex-col gap-16 px-24 py-24'>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/pages/guide-tissu'
x-data
@click.passive='closeDesktopNav'
>Guide tissu</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/tissus-en-coton'
x-data
@click.passive='closeDesktopNav'
>Tissus en coton</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/tissus-en-lin'
x-data
@click.passive='closeDesktopNav'
>Tissus en lin</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/tissus-en-chanvre'
x-data
@click.passive='closeDesktopNav'
>Tissus en chanvre</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/tissus-en-velours'
x-data
@click.passive='closeDesktopNav'
>Tissus en velours</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/tissus-dexterieur'
x-data
@click.passive='closeDesktopNav'
>Tissus d'extérieur</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/echantillon-de-tissus'
x-data
@click.passive='closeDesktopNav'
>Echantillons de tissus</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-13'
href='/collections/tissu-au-metre'
x-data
@click.passive='closeDesktopNav'
>Voir tout</a>
</li>
</ul>
</li>
</ul>
<a
class='relative flex h-auto group'
href='/collections/courtepointes-et-couvre-lits'
x-data
@click.passive='closeMobileNav'
>
<div class='relative span-w-7-wide text-white'>
<picture class='block w-full h-full'>
<source media='(min-width: 1024px)' sizes='30vw' srcset='//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime_a4267343-7a81-4fa3-8af2-b3a81557b3f6.jpg?crop=center&height=87&v=1775213072&width=96 96w,//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime_a4267343-7a81-4fa3-8af2-b3a81557b3f6.jpg?crop=center&height=144&v=1775213072&width=160 160w,//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime_a4267343-7a81-4fa3-8af2-b3a81557b3f6.jpg?crop=center&height=288&v=1775213072&width=320 320w,//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime_a4267343-7a81-4fa3-8af2-b3a81557b3f6.jpg?crop=center&height=577&v=1775213072&width=640 640w,//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime_a4267343-7a81-4fa3-8af2-b3a81557b3f6.jpg?crop=center&height=865&v=1775213072&width=960 960w,//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime_a4267343-7a81-4fa3-8af2-b3a81557b3f6.jpg?crop=center&height=1081&v=1775213072&width=1200 1200w,//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime_a4267343-7a81-4fa3-8af2-b3a81557b3f6.jpg?crop=center&height=1730&v=1775213072&width=1920 1920w,//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime_a4267343-7a81-4fa3-8af2-b3a81557b3f6.jpg?crop=center&height=2163&v=1775213072&width=2400 2400w' width='435' height='392'>
<img src="//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime_a4267343-7a81-4fa3-8af2-b3a81557b3f6.jpg?crop=center&height=392&v=1775213072&width=435" alt="" srcset="//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime_a4267343-7a81-4fa3-8af2-b3a81557b3f6.jpg?crop=center&height=317&v=1775213072&width=352 352w, //caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime_a4267343-7a81-4fa3-8af2-b3a81557b3f6.jpg?crop=center&height=392&v=1775213072&width=435 435w" width="435" height="392" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
<div class='absolute inset-0 flex flex-col items-start justify-end px-17 py-19'>
<span
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right group-hover:after:scale-x-0 group-focus-visible:after:scale-x-0'
>Couvre pied Papilio</span></div>
</div>
</a>
<a
class='relative flex h-auto group'
href='/collections/tables'
x-data
@click.passive='closeMobileNav'
>
<div class='relative span-w-7-wide text-white'>
<picture class='block w-full h-full'>
<source media='(min-width: 1024px)' sizes='30vw' srcset='//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_6_2.jpg?crop=center&height=87&v=1775031642&width=96 96w,//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_6_2.jpg?crop=center&height=144&v=1775031642&width=160 160w,//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_6_2.jpg?crop=center&height=288&v=1775031642&width=320 320w,//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_6_2.jpg?crop=center&height=577&v=1775031642&width=640 640w,//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_6_2.jpg?crop=center&height=865&v=1775031642&width=960 960w,//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_6_2.jpg?crop=center&height=1081&v=1775031642&width=1200 1200w,//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_6_2.jpg?crop=center&height=1730&v=1775031642&width=1920 1920w,//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_6_2.jpg?crop=center&height=2163&v=1775031642&width=2400 2400w' width='435' height='392'>
<img src="//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_6_2.jpg?crop=center&height=392&v=1775031642&width=435" alt="" srcset="//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_6_2.jpg?crop=center&height=317&v=1775031642&width=352 352w, //caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_6_2.jpg?crop=center&height=392&v=1775031642&width=435 435w" width="435" height="392" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
<div class='absolute inset-0 flex flex-col items-start justify-end px-17 py-19'>
<span
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right group-hover:after:scale-x-0 group-focus-visible:after:scale-x-0'
>Tables basses</span></div>
</div>
</a>
</div>
</div>
</nav>
<div class='flex items-center gap-14 uppercase lg:gap-12'><ul class='mr-12 flex items-center gap-24 text-12 lg-max:hidden'>
<li class='flex items-center'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left'
href='/blogs/news'
>Journal</a>
</li>
<li class='flex items-center'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left'
href='/pages/store-locator'
>Nos boutiques</a>
</li>
<li class='flex items-center'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left'
href='/pages/a-propos'
>A propos</a>
</li>
</ul><button
x-data
@click='$store.global.isSearchVisible=!$store.global.isSearchVisible'
aria-label='Rechercher'
class='lg-max:hidden'
>
<svg class='h-24 w-24' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.9789 10.6887C17.3244 13.6451 15.0917 16.3852 11.8871 16.727C8.68262 17.0688 5.87239 14.8666 5.52694 11.9102C5.18149 8.95377 7.41422 6.21365 10.6187 5.87184C13.8232 5.53003 16.6335 7.73225 16.9789 10.6887ZM15.6905 16.1751C14.6896 17.0082 13.4223 17.5689 12.0032 17.7202C8.29165 18.1161 4.94694 15.5623 4.53258 12.0162C4.11823 8.47011 6.79113 5.27449 10.5027 4.8786C14.2142 4.48271 17.5589 7.03647 17.9733 10.5826C18.1884 12.4238 17.5713 14.1705 16.4087 15.4799L19.5095 18.475L18.7827 19.1619L15.6905 16.1751Z" fill="currentColor"/>
</svg>
</button>
<a
class='relative block'
href='/account/login'
x-data
@click.passive='closeMobileNav'
data-taxi-nocache
aria-label='Compte'
><svg class='h-24 w-24' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.6522 7.60002C14.6522 8.95274 13.5049 10.1143 12.0081 10.1143C10.5113 10.1143 9.36407 8.95274 9.36407 7.60002C9.36407 6.2473 10.5113 5.08569 12.0081 5.08569C13.5049 5.08569 14.6522 6.2473 14.6522 7.60002ZM15.7379 7.60002C15.7379 9.58826 14.068 11.2 12.0081 11.2C9.94825 11.2 8.27838 9.58826 8.27838 7.60002C8.27838 5.61178 9.94825 4 12.0081 4C14.068 4 15.7379 5.61178 15.7379 7.60002ZM8.15988 13.8855H15.84C16.303 13.8855 16.7151 14.1791 16.8662 14.6168L17.853 17.4741C18.0965 18.1792 17.5727 18.9142 16.8268 18.9142H7.17313C6.42716 18.9142 5.90341 18.1792 6.14691 17.4741L7.13366 14.6168C7.2848 14.1791 7.69687 13.8855 8.15988 13.8855ZM6.10744 14.2624C6.40972 13.3871 7.23385 12.7998 8.15988 12.7998H15.84C16.766 12.7998 17.5902 13.3871 17.8924 14.2624L18.8792 17.1197C19.3662 18.5299 18.3187 19.9998 16.8268 19.9998H7.17313C5.68119 19.9998 4.63368 18.5299 5.12069 17.1197L6.10744 14.2624Z" fill="currentColor"/>
</svg>
</a>
<button
x-data
@click='$store.global.isMinicartVisible=true'
aria-label='Mon panier'
class='relative block'
data-ajax-cart-section
><svg class='h-24 w-24' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
<span class='sr-only' aria-live='polite'>0 articles dans le panier</span>
</button>
</div>
<div
x-ref='mobileNav'
x-cloak
x-show='isMobileNavOpen'
x-transition:enter='transition-transform ease-expo-out duration-700 transform-gpu'
x-transition:enter-start='-translate-x-full'
x-transition:enter-end='translate-x-0'
x-transition:leave='transition-transform ease-quart-inout duration-700 transform-gpu'
x-transition:leave-start='translate-x-0'
x-transition:leave-end='-translate-x-full'
class='fixed inset-0 top-header overflow-y-scroll bg-cream lg:hidden'
x-trap.inert='isMobileNavOpen'
aria-modal='true'
role='dialog'
aria-label='Navigation'
>
<div class='flex min-h-full flex-col'>
<div class='grid-container flex flex-col'>
<div
class='-mx-10 mt-20 flex gap-10 overflow-x-auto overflow-y-clip pb-20 scrollbar-hide'
role='region'
aria-label='Liens en vedette'
>
<a
class='relative first:ml-10 last:mr-10 no-hover-focus-hidden'
href='/collections/courtepointes-et-couvre-lits'
x-data
@click.passive='closeMobileNav'
>
<div class='relative span-w-5-wide lg:text-white'>
<picture class='block'><source media='(max-width: 1023px)' sizes='41vw' srcset='//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime_a4267343-7a81-4fa3-8af2-b3a81557b3f6.jpg?crop=center&height=64&v=1775213072&width=48 48w,//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime_a4267343-7a81-4fa3-8af2-b3a81557b3f6.jpg?crop=center&height=129&v=1775213072&width=96 96w,//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime_a4267343-7a81-4fa3-8af2-b3a81557b3f6.jpg?crop=center&height=214&v=1775213072&width=160 160w,//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime_a4267343-7a81-4fa3-8af2-b3a81557b3f6.jpg?crop=center&height=429&v=1775213072&width=320 320w,//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime_a4267343-7a81-4fa3-8af2-b3a81557b3f6.jpg?crop=center&height=857&v=1775213072&width=640 640w' width='156' height='209'>
<img src="//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime_a4267343-7a81-4fa3-8af2-b3a81557b3f6.jpg?v=1775213072" alt="" srcset="//caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime_a4267343-7a81-4fa3-8af2-b3a81557b3f6.jpg?v=1775213072&width=352 352w, //caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime_a4267343-7a81-4fa3-8af2-b3a81557b3f6.jpg?v=1775213072&width=832 832w, //caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime_a4267343-7a81-4fa3-8af2-b3a81557b3f6.jpg?v=1775213072&width=1200 1200w, //caravane.com/cdn/shop/files/Couvre-pied-Papilio-imprime_a4267343-7a81-4fa3-8af2-b3a81557b3f6.jpg?v=1775213072&width=1920 1920w" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<p class="mt-8 text-14">Couvre pied Papilio</p>
</div>
</a>
<a
class='relative first:ml-10 last:mr-10 no-hover-focus-hidden'
href='/collections/tables'
x-data
@click.passive='closeMobileNav'
>
<div class='relative span-w-5-wide lg:text-white'>
<picture class='block'><source media='(max-width: 1023px)' sizes='41vw' srcset='//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_6_2.jpg?crop=center&height=64&v=1775031642&width=48 48w,//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_6_2.jpg?crop=center&height=129&v=1775031642&width=96 96w,//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_6_2.jpg?crop=center&height=214&v=1775031642&width=160 160w,//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_6_2.jpg?crop=center&height=429&v=1775031642&width=320 320w,//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_6_2.jpg?crop=center&height=857&v=1775031642&width=640 640w' width='156' height='209'>
<img src="//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_6_2.jpg?v=1775031642" alt="" srcset="//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_6_2.jpg?v=1775031642&width=352 352w, //caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_6_2.jpg?v=1775031642&width=832 832w, //caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_6_2.jpg?v=1775031642&width=1200 1200w, //caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_6_2.jpg?v=1775031642&width=1920 1920w" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<p class="mt-8 text-14">Tables basses</p>
</div>
</a>
</div>
<ul class='flex flex-col'>
<li class='border-b border-stroke-light/10'>
<div
class='accordion grid grid-rows-[1fr]'
>
<div class='relative'>
<input
data-type='accordion'
class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
type='checkbox'
id='header-mobile-links-cards-0'
name=''
aria-controls='header-mobile-links-cards-0-content'
>
<label
class='!py-22 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
for='header-mobile-links-cards-0'
>
<span class='text-15 font-serif font-extrabold'>Nouveautés</span>
<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>
</label>
<article
id='header-mobile-links-cards-0-content'
aria-labelledby='header-mobile-links-cards-0'
role='region'
class='grid grid-rows-[0fr] overflow-hidden transition-[grid-template-rows] duration-500 ease-expo-out pointer-events-all'
>
<div class='min-h-0'>
<div
class='min-h-0'>
<ul class='mt-4 pb-24 lg:pb-0'>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/nouveautes'
x-data
@click.passive='closeMobileNav'
>Nouveautés</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/papier-peint-peinture'
x-data
@click.passive='closeMobileNav'
>Caravane x Ressource</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/collection-exterieur'
x-data
@click.passive='closeMobileNav'
>Collection d'extérieur</a>
</li>
<li>
<a
class='relative flex py-8'
href='/collections/nouveautes'
x-data
@click.passive='closeMobileNav'
>
<div
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
role='button'
tabindex='0'
>Voir tout</div>
</a>
</li>
</ul>
</div>
</div>
</article>
</div>
</div>
</li>
<li class='relative border-b border-stroke-light/10'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left text-15 font-serif normal-case flex py-22 font-extrabold'
href='/collections/best-sellers/New'
x-data
@click.passive='closeMobileNav'
>Best-sellers</a>
<svg class='absolute-center-y right-0 w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</li>
<li class='border-b border-stroke-light/10'>
<div
class='accordion grid grid-rows-[1fr]'
>
<div class='relative'>
<input
data-type='accordion'
class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
type='checkbox'
id='header-mobile-links-cards-2'
name=''
aria-controls='header-mobile-links-cards-2-content'
>
<label
class='!py-22 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
for='header-mobile-links-cards-2'
>
<span class='text-15 font-serif font-normal'>Coussins & plaids</span>
<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>
</label>
<article
id='header-mobile-links-cards-2-content'
aria-labelledby='header-mobile-links-cards-2'
role='region'
class='grid grid-rows-[0fr] overflow-hidden transition-[grid-template-rows] duration-500 ease-expo-out pointer-events-all'
>
<div class='min-h-0'>
<div
class='min-h-0'>
<ul class='mt-4 pb-24 lg:pb-0'>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/housses-de-coussin'
x-data
@click.passive='closeMobileNav'
>Coussins</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/plaids'
x-data
@click.passive='closeMobileNav'
>Plaids</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/sofa-covers'
x-data
@click.passive='closeMobileNav'
>Sofa covers</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/petits-coussins'
x-data
@click.passive='closeMobileNav'
>Petits coussins</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/coussins-dexterieur'
x-data
@click.passive='closeMobileNav'
>Coussins d'extérieur</a>
</li>
<li>
<a
class='relative flex py-8'
href='/collections/coussins-et-plaids'
x-data
@click.passive='closeMobileNav'
>
<div
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
role='button'
tabindex='0'
>Voir tout</div>
</a>
</li>
</ul>
</div>
</div>
</article>
</div>
</div>
</li>
<li class='border-b border-stroke-light/10'>
<div
class='accordion grid grid-rows-[1fr]'
>
<div class='relative'>
<input
data-type='accordion'
class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
type='checkbox'
id='header-mobile-links-cards-3'
name=''
aria-controls='header-mobile-links-cards-3-content'
>
<label
class='!py-22 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
for='header-mobile-links-cards-3'
>
<span class='text-15 font-serif font-normal'>Luminaires</span>
<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>
</label>
<article
id='header-mobile-links-cards-3-content'
aria-labelledby='header-mobile-links-cards-3'
role='region'
class='grid grid-rows-[0fr] overflow-hidden transition-[grid-template-rows] duration-500 ease-expo-out pointer-events-all'
>
<div class='min-h-0'>
<div
class='min-h-0'>
<ul class='mt-4 pb-24 lg:pb-0'>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/appliques'
x-data
@click.passive='closeMobileNav'
>Appliques</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/suspensions'
x-data
@click.passive='closeMobileNav'
>Suspensions</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/lampes-a-poser'
x-data
@click.passive='closeMobileNav'
>Lampes à poser</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/lampadaires'
x-data
@click.passive='closeMobileNav'
>Lampadaires</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/abat-jour'
x-data
@click.passive='closeMobileNav'
>Abat-jours</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/electrifications'
x-data
@click.passive='closeMobileNav'
>Electrifications</a>
</li>
<li>
<a
class='relative flex py-8'
href='/collections/luminaires'
x-data
@click.passive='closeMobileNav'
>
<div
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
role='button'
tabindex='0'
>Voir tout</div>
</a>
</li>
</ul>
</div>
</div>
</article>
</div>
</div>
</li>
<li class='border-b border-stroke-light/10'>
<div
class='accordion grid grid-rows-[1fr]'
>
<div class='relative'>
<input
data-type='accordion'
class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
type='checkbox'
id='header-mobile-links-cards-4'
name=''
aria-controls='header-mobile-links-cards-4-content'
>
<label
class='!py-22 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
for='header-mobile-links-cards-4'
>
<span class='text-15 font-serif font-normal'>Linge de lit</span>
<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>
</label>
<article
id='header-mobile-links-cards-4-content'
aria-labelledby='header-mobile-links-cards-4'
role='region'
class='grid grid-rows-[0fr] overflow-hidden transition-[grid-template-rows] duration-500 ease-expo-out pointer-events-all'
>
<div class='min-h-0'>
<div
class='min-h-0'>
<ul class='mt-4 pb-24 lg:pb-0'>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/parures-de-lit'
x-data
@click.passive='closeMobileNav'
>Parures de lit</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/linge-de-lit'
x-data
@click.passive='closeMobileNav'
>Housses de couette, taies & draps</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/courtepointes-et-couvre-lits'
x-data
@click.passive='closeMobileNav'
>Courtepointes & couvre-lits</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/couettes-en-soie'
x-data
@click.passive='closeMobileNav'
>Couettes en soie</a>
</li>
<li>
<a
class='relative flex py-8'
href='/collections/le-linge-de-lit'
x-data
@click.passive='closeMobileNav'
>
<div
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
role='button'
tabindex='0'
>Voir tout</div>
</a>
</li>
</ul>
</div>
</div>
</article>
</div>
</div>
</li>
<li class='border-b border-stroke-light/10'>
<div
class='accordion grid grid-rows-[1fr]'
>
<div class='relative'>
<input
data-type='accordion'
class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
type='checkbox'
id='header-mobile-links-cards-5'
name=''
aria-controls='header-mobile-links-cards-5-content'
>
<label
class='!py-22 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
for='header-mobile-links-cards-5'
>
<span class='text-15 font-serif font-normal'>Tapis & rideaux</span>
<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>
</label>
<article
id='header-mobile-links-cards-5-content'
aria-labelledby='header-mobile-links-cards-5'
role='region'
class='grid grid-rows-[0fr] overflow-hidden transition-[grid-template-rows] duration-500 ease-expo-out pointer-events-all'
>
<div class='min-h-0'>
<div
class='min-h-0'>
<ul class='mt-4 pb-24 lg:pb-0'>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/tapis'
x-data
@click.passive='closeMobileNav'
>Tapis </a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/rideaux-voilages'
x-data
@click.passive='closeMobileNav'
>Rideaux & voilages</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/tringles-et-accessoires'
x-data
@click.passive='closeMobileNav'
>Tringles & accessoires</a>
</li>
<li>
<a
class='relative flex py-8'
href='/collections/tapis-rideaux'
x-data
@click.passive='closeMobileNav'
>
<div
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
role='button'
tabindex='0'
>Voir tout</div>
</a>
</li>
</ul>
</div>
</div>
</article>
</div>
</div>
</li>
<li class='border-b border-stroke-light/10'>
<div
class='accordion grid grid-rows-[1fr]'
>
<div class='relative'>
<input
data-type='accordion'
class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
type='checkbox'
id='header-mobile-links-cards-6'
name=''
aria-controls='header-mobile-links-cards-6-content'
>
<label
class='!py-22 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
for='header-mobile-links-cards-6'
>
<span class='text-15 font-serif font-normal'>Art de la table</span>
<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>
</label>
<article
id='header-mobile-links-cards-6-content'
aria-labelledby='header-mobile-links-cards-6'
role='region'
class='grid grid-rows-[0fr] overflow-hidden transition-[grid-template-rows] duration-500 ease-expo-out pointer-events-all'
>
<div class='min-h-0'>
<div
class='min-h-0'>
<ul class='mt-4 pb-24 lg:pb-0'>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/linge-de-table'
x-data
@click.passive='closeMobileNav'
>Linge de table</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/vaisselles'
x-data
@click.passive='closeMobileNav'
>Vaisselle</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/couverts'
x-data
@click.passive='closeMobileNav'
>Couverts</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/verrerie'
x-data
@click.passive='closeMobileNav'
>Verrerie</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/plateaux'
x-data
@click.passive='closeMobileNav'
>Plateaux</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/accessoires'
x-data
@click.passive='closeMobileNav'
>Accessoires</a>
</li>
<li>
<a
class='relative flex py-8'
href='/collections/art-de-la-table'
x-data
@click.passive='closeMobileNav'
>
<div
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
role='button'
tabindex='0'
>Voir tout</div>
</a>
</li>
</ul>
</div>
</div>
</article>
</div>
</div>
</li>
<li class='border-b border-stroke-light/10'>
<div
class='accordion grid grid-rows-[1fr]'
>
<div class='relative'>
<input
data-type='accordion'
class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
type='checkbox'
id='header-mobile-links-cards-7'
name=''
aria-controls='header-mobile-links-cards-7-content'
>
<label
class='!py-22 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
for='header-mobile-links-cards-7'
>
<span class='text-15 font-serif font-normal'>Décoration</span>
<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>
</label>
<article
id='header-mobile-links-cards-7-content'
aria-labelledby='header-mobile-links-cards-7'
role='region'
class='grid grid-rows-[0fr] overflow-hidden transition-[grid-template-rows] duration-500 ease-expo-out pointer-events-all'
>
<div class='min-h-0'>
<div
class='min-h-0'>
<ul class='mt-4 pb-24 lg:pb-0'>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/miroirs-decoration-murale'
x-data
@click.passive='closeMobileNav'
>Miroirs & patères</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/petits-objets-decoratifs/Test'
x-data
@click.passive='closeMobileNav'
>Objets décoratifs</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/corbeilles-et-paniers'
x-data
@click.passive='closeMobileNav'
>Corbeilles & paniers</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/bougies-senteurs-et-bougeoirs'
x-data
@click.passive='closeMobileNav'
>Bougies, senteurs & bougeoirs</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/papier-peint-peinture'
x-data
@click.passive='closeMobileNav'
>Peintures & papiers peints</a>
</li>
<li>
<a
class='relative flex py-8'
href='/collections/decoration'
x-data
@click.passive='closeMobileNav'
>
<div
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
role='button'
tabindex='0'
>Voir tout</div>
</a>
</li>
</ul>
</div>
</div>
</article>
</div>
</div>
</li>
<li class='border-b border-stroke-light/10'>
<div
class='accordion grid grid-rows-[1fr]'
>
<div class='relative'>
<input
data-type='accordion'
class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
type='checkbox'
id='header-mobile-links-cards-8'
name=''
aria-controls='header-mobile-links-cards-8-content'
>
<label
class='!py-22 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
for='header-mobile-links-cards-8'
>
<span class='text-15 font-serif font-normal'>Mobilier</span>
<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>
</label>
<article
id='header-mobile-links-cards-8-content'
aria-labelledby='header-mobile-links-cards-8'
role='region'
class='grid grid-rows-[0fr] overflow-hidden transition-[grid-template-rows] duration-500 ease-expo-out pointer-events-all'
>
<div class='min-h-0'>
<div
class='min-h-0'>
<ul class='mt-4 pb-24 lg:pb-0'>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/tables'
x-data
@click.passive='closeMobileNav'
>Tables & tables basses</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/tables-dappoint'
x-data
@click.passive='closeMobileNav'
>Tables d'appoint</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/chaises-et-fauteuils'
x-data
@click.passive='closeMobileNav'
>Chaises & fauteuils</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/bancs-et-tabourets'
x-data
@click.passive='closeMobileNav'
>Bancs & tabourets</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/lits-et-tetes-de-lits'
x-data
@click.passive='closeMobileNav'
>Têtes de lits</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/bibliotheques-et-etageres'
x-data
@click.passive='closeMobileNav'
>Bibliothèques & étagères</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/bureaux-chevets-et-consoles'
x-data
@click.passive='closeMobileNav'
>Bureaux, chevets & consoles</a>
</li>
<li>
<a
class='relative flex py-8'
href='/collections/mobilier'
x-data
@click.passive='closeMobileNav'
>
<div
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
role='button'
tabindex='0'
>Voir tout</div>
</a>
</li>
</ul>
</div>
</div>
</article>
</div>
</div>
</li>
<li class='border-b border-stroke-light/10'>
<div
class='accordion grid grid-rows-[1fr]'
>
<div class='relative'>
<input
data-type='accordion'
class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
type='checkbox'
id='header-mobile-links-cards-9'
name=''
aria-controls='header-mobile-links-cards-9-content'
>
<label
class='!py-22 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
for='header-mobile-links-cards-9'
>
<span class='text-15 font-serif font-normal'>Canapés & fauteuils</span>
<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>
</label>
<article
id='header-mobile-links-cards-9-content'
aria-labelledby='header-mobile-links-cards-9'
role='region'
class='grid grid-rows-[0fr] overflow-hidden transition-[grid-template-rows] duration-500 ease-expo-out pointer-events-all'
>
<div class='min-h-0'>
<div
class='min-h-0'>
<ul class='mt-4 pb-24 lg:pb-0'>
<div
class='accordion grid grid-rows-[1fr]'
>
<div class='relative'>
<input
data-type='accordion'
class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0 lg-max:h-32'
type='checkbox'
id='header-mobile-level3-9-0'
name=''
aria-controls='header-mobile-level3-9-0-content'
>
<label
class='lg-max:h-32 !py-0 pr-30 h-full !pointer-events-auto text-brown-dark pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
for='header-mobile-level3-9-0'
>
<span class='font-normal normal-case text-14 text-brown-dark'>Canapés & fauteuils disponibles en ligne</span>
<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>
</label>
<article
id='header-mobile-level3-9-0-content'
aria-labelledby='header-mobile-level3-9-0'
role='region'
class='grid grid-rows-[0fr] overflow-hidden transition-[grid-template-rows] duration-500 ease-expo-out pointer-events-all'
>
<div class='min-h-0'>
<div
class='min-h-0'>
<li class='mt-12'>
<ul>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/canapes-disponibles-en-ligne'
x-data
@click.passive='closeMobileNav'
>Canapés & divans</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/fauteuils-disponibles-en-ligne'
x-data
@click.passive='closeMobileNav'
>Fauteuils</a>
</li>
<li>
<a
class='relative flex py-8'
href='/collections/canapes-fauteuils-disponibles-en-ligne'
x-data
@click.passive='closeMobileNav'
>
<div
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
role='button'
tabindex='0'
>Voir tout</div>
</a>
</li>
</ul>
</li>
</div>
</div>
</article>
</div>
</div>
<div
class='accordion grid grid-rows-[1fr]'
>
<div class='relative'>
<input
data-type='accordion'
class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0 lg-max:h-32'
type='checkbox'
id='header-mobile-level3-9-1'
name=''
aria-controls='header-mobile-level3-9-1-content'
>
<label
class='lg-max:h-32 !py-0 pr-30 h-full !pointer-events-auto text-brown-dark pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
for='header-mobile-level3-9-1'
>
<span class='font-normal normal-case text-14 text-brown-dark'>Canapés, fauteuils & poufs sur mesure</span>
<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>
</label>
<article
id='header-mobile-level3-9-1-content'
aria-labelledby='header-mobile-level3-9-1'
role='region'
class='grid grid-rows-[0fr] overflow-hidden transition-[grid-template-rows] duration-500 ease-expo-out pointer-events-all'
>
<div class='min-h-0'>
<div
class='min-h-0'>
<li class='mt-12'>
<ul>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/canapes-sur-mesure'
x-data
@click.passive='closeMobileNav'
>Canapés & méridiennes</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/fauteuils-et-poufs-sur-devis'
x-data
@click.passive='closeMobileNav'
>Fauteuils & poufs</a>
</li>
<li>
<a
class='relative flex py-8'
href='/collections/canapes-fauteuils-poufs-sur-devis'
x-data
@click.passive='closeMobileNav'
>
<div
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
role='button'
tabindex='0'
>Voir tout</div>
</a>
</li>
</ul>
</li>
</div>
</div>
</article>
</div>
</div>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/echantillon-de-tissus'
x-data
@click.passive='closeMobileNav'
>Echantillons de tissus</a>
</li>
<li>
<a
class='relative flex py-8'
href='/collections/canapes'
x-data
@click.passive='closeMobileNav'
>
<div
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
role='button'
tabindex='0'
>Voir tout</div>
</a>
</li>
</ul>
</div>
</div>
</article>
</div>
</div>
</li>
<li class='border-b border-stroke-light/10'>
<div
class='accordion grid grid-rows-[1fr]'
>
<div class='relative'>
<input
data-type='accordion'
class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
type='checkbox'
id='header-mobile-links-cards-10'
name=''
aria-controls='header-mobile-links-cards-10-content'
>
<label
class='!py-22 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
for='header-mobile-links-cards-10'
>
<span class='text-15 font-serif font-normal'>Mode & accessoires</span>
<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>
</label>
<article
id='header-mobile-links-cards-10-content'
aria-labelledby='header-mobile-links-cards-10'
role='region'
class='grid grid-rows-[0fr] overflow-hidden transition-[grid-template-rows] duration-500 ease-expo-out pointer-events-all'
>
<div class='min-h-0'>
<div
class='min-h-0'>
<ul class='mt-4 pb-24 lg:pb-0'>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/sacs-et-pochettes'
x-data
@click.passive='closeMobileNav'
>Sacs & pochettes</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/mode'
x-data
@click.passive='closeMobileNav'
>Mode</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/bijoux'
x-data
@click.passive='closeMobileNav'
>Bijoux</a>
</li>
<li>
<a
class='relative flex py-8'
href='/collections/mode-et-accessoires'
x-data
@click.passive='closeMobileNav'
>
<div
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
role='button'
tabindex='0'
>Voir tout</div>
</a>
</li>
</ul>
</div>
</div>
</article>
</div>
</div>
</li>
<li class='border-b border-stroke-light/10'>
<div
class='accordion grid grid-rows-[1fr]'
>
<div class='relative'>
<input
data-type='accordion'
class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0'
type='checkbox'
id='header-mobile-links-cards-11'
name=''
aria-controls='header-mobile-links-cards-11-content'
>
<label
class='!py-22 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
for='header-mobile-links-cards-11'
>
<span class='text-15 font-serif font-normal'>Tissus au mètre</span>
<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>
</label>
<article
id='header-mobile-links-cards-11-content'
aria-labelledby='header-mobile-links-cards-11'
role='region'
class='grid grid-rows-[0fr] overflow-hidden transition-[grid-template-rows] duration-500 ease-expo-out pointer-events-all'
>
<div class='min-h-0'>
<div
class='min-h-0'>
<ul class='mt-4 pb-24 lg:pb-0'>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/pages/guide-tissu'
x-data
@click.passive='closeMobileNav'
>Guide tissu</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/tissus-en-coton'
x-data
@click.passive='closeMobileNav'
>Tissus en coton</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/tissus-en-lin'
x-data
@click.passive='closeMobileNav'
>Tissus en lin</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/tissus-en-chanvre'
x-data
@click.passive='closeMobileNav'
>Tissus en chanvre</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/tissus-en-velours'
x-data
@click.passive='closeMobileNav'
>Tissus en velours</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/tissus-dexterieur'
x-data
@click.passive='closeMobileNav'
>Tissus d'extérieur</a>
</li>
<li>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left flex py-8 font-normal normal-case text-14 text-brown-text'
href='/collections/echantillon-de-tissus'
x-data
@click.passive='closeMobileNav'
>Echantillons de tissus</a>
</li>
<li>
<a
class='relative flex py-8'
href='/collections/tissu-au-metre'
x-data
@click.passive='closeMobileNav'
>
<div
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right font-normal normal-case text-14'
role='button'
tabindex='0'
>Voir tout</div>
</a>
</li>
</ul>
</div>
</div>
</article>
</div>
</div>
</li>
<li class='relative border-b border-stroke-light/10'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left text-15 font-serif normal-case flex py-22 font-normal'
href='/products/gift-card'
x-data
@click.passive='closeMobileNav'
>Carte cadeau </a>
<svg class='absolute-center-y right-0 w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</li>
</ul>
</div>
<ul class='grid-container my-48 flex flex-col items-center gap-16'>
<li class='flex items-center'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/nouveautes'
x-data
@click.passive='closeMobileNav'
>Nouveautés</a>
</li>
<li class='flex items-center'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/collections/canapes'
x-data
@click.passive='closeMobileNav'
>Canapés</a>
</li>
<li class='flex items-center'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/blogs/news'
x-data
@click.passive='closeMobileNav'
>Journal</a>
</li>
<li class='flex items-center'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/pages/store-locator'
x-data
@click.passive='closeMobileNav'
>Nos boutiques</a>
</li>
<li class='flex items-center'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left font-normal normal-case text-14'
href='/pages/a-propos'
x-data
@click.passive='closeMobileNav'
>A propos</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</header><aside id="shopify-section-sections--25518791819589__search" class="shopify-section shopify-section-group-header-group">
<section
class='fixed inset-0 isolate z-100 box-content'
x-data='slideout({ openOnHash: "", hash: "" })'
x-show='$store.global.isSearchVisible'
x-transition:enter='transition-[visibility] duration-700'
x-transition:enter-start='invisible'
x-transition:enter-end='visible'
x-transition:leave='transition-[visibility] duration-700'
x-transition:leave-start='visible'
x-transition:leave-end='invisible'
x-cloak
aria-modal='true'
role='dialog'
x-trap='$store.global.isSearchVisible'
@toggle='$store.global.isSearchVisible = $event.detail'
x-effect='handleEffect($store.global.isSearchVisible)'
>
<div
x-show='$store.global.isSearchVisible'
@click='$store.global.isSearchVisible = false'
class='absolute inset-0 z-0 h-full w-full bg-brown-dark/20'
x-transition:enter='transition-opacity ease-expo-out duration-700 transform-gpu'
x-transition:enter-start='opacity-0'
x-transition:enter-end='opacity-100'
x-transition:leave='transition-opacity ease-quart-inout duration-700 transform-gpu pointer-events-none'
x-transition:leave-start='opacity-100'
x-transition:leave-end='opacity-0'
x-cloak
></div>
<div
class='absolute right-0 top-0 z-1 box-content flex h-full flex-col bg-cream margin-px-1 lg:span-w-12 lg-max:left-0 !px-0 lg:!span-w-9-wider'
x-show='$store.global.isSearchVisible'
x-transition:enter='right-0 transition-transform ease-expo-out duration-700 transform-gpu'
x-transition:enter-start='translate-x-full'
x-transition:enter-end='translate-x-0'
x-transition:leave='right-0 transition-transform ease-quart-inout duration-700 transform-gpu'
x-transition:leave-start='translate-x-0'
x-transition:leave-end='translate-x-full'
x-data='predictiveSearch({predictiveUrl: "/search/suggest"})'
>
<header class='flex h-56 lg:h-48 items-center z-2 lg:!h-100 h-70 bg-cream w-full border-b border-stroke-light'>
<form
class='relative flex w-full flex-row items-center margin-pl-1'
action='/search'
method='get'
role='search'
>
<input type='hidden' name='type' value='product,collection'>
<input type='hidden' name='options[prefix]' value='none'>
<input type='hidden' name='limit' value='9'><div class='relative flex w-full items-center justify-between'>
<div
class='relative text-12/none'
>
<input
placeholder='Tapez ici...'
id='search'
name='q'
aria-label=''
class='peer block w-full rounded-none h-40 px-20 py-18 appearance-none placeholder-current focus-visible:outline-none focus-visible:ring-0 duration-300 ease-quart-out transition-colors text-brown-dark aria-[invalid]:text-red aria-[invalid]:border-red bg-transparent border border-stroke-light focus:border-brown-dark font-serif text-22 h-60 lg:h-full lg:text-35 placeholder:text-brown-light !border-none !pl-0 !margin-pr-1 w-full'>
</div>
</div>
<button
class='relative flex text-12/narrow font-bold uppercase whitespace-nowrap after:absolute after:inset-x-0 after:bottom-0 after:h-1 after:bg-current after:origin-left after:transition-transform after:duration-500 hover:after:duration-200 ease-expo-out hover:after:scale-x-0 active:after:scale-x-0 text-brown-text hover:text-brown-dark transition-[opacity,visibility,color] ease-expo-out duration-300 !text-13 !font-normal !normal-case mr-12'
type='submit'
x-data
@click.passive='$store.global.isSearchVisible=false'
:class="{'opacity-100 visible': query.length > 1, 'opacity-0 invisible': query.length === 0}"
>Tout afficher</button></form>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white aspect-square shrink-0 !px-0 lg:-mb-1 h-full lg-max:w-70 lg:h-100 border-l border-stroke-light lg:border-b !bg-cream active:!bg-brown-light hover:!text-brown-dark active:!text-brown-dark hover:!bg-beige'
type='button'
@click="$store.global.isSearchVisible=false"
>
<svg class='w-18 h-18 lg:w-20 lg:h-20' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none'>
<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>
</button>
</header>
<main class='flex h-full flex-col overflow-y-auto overscroll-contain scrollbar-hide bg-cream lg:margin-px-1' data-lenis-prevent>
<div class='margin-mx-1 lg:mx-0'>
<section class='mb-32 mt-20 lg:my-32 lg:flex lg:w-full lg:flex-row lg:items-center lg:justify-between lg:gap-16' x-ref='suggestions'>
<h2 class='text-13'>Suggestions de recherche</h2>
<ul class='mt-12 flex flex-row flex-wrap gap-16 lg:mt-0' role='listbox'><li role='option'>
<button
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left !text-14 text-brown-text !font-normal !normal-case'
type='button'
x-data
@click.passive='handleClickTerm'
>Lampe</button>
</li><li role='option'>
<button
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left !text-14 text-brown-text !font-normal !normal-case'
type='button'
x-data
@click.passive='handleClickTerm'
>Canapé</button>
</li><li role='option'>
<button
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left !text-14 text-brown-text !font-normal !normal-case'
type='button'
x-data
@click.passive='handleClickTerm'
>Miroir</button>
</li><li role='option'>
<button
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left !text-14 text-brown-text !font-normal !normal-case'
type='button'
x-data
@click.passive='handleClickTerm'
>Tapis</button>
</li><li role='option'>
<button
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left !text-14 text-brown-text !font-normal !normal-case'
type='button'
x-data
@click.passive='handleClickTerm'
>Rideau</button>
</li></ul>
</section>
<section class='flex flex-wrap gap-y-20 pb-24 gutter-gap-x-1 lg:span-w-9' x-ref='predictiveSearchResults'>
<article
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false,swipeIndex:0}'
class='group span-w-6 lg:span-w-3'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/cosmos'>
<div
x-effect="let idx = $store.global.plpShowLifestyleView ? 1 : 0; $el.scrollTo({ left: idx * $el.offsetWidth, behavior: 'smooth' }); swipeIndex = idx"
@scroll.passive='swipeIndex = Math.round($el.scrollLeft / $el.offsetWidth)'
class='relative flex h-full w-full scrollbar-hide lg-max:snap-x lg-max:snap-mandatory lg-max:overflow-x-scroll [&>*]:w-full [&>*]:shrink-0 [&>*]:snap-start'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=64&v=1771517948&width=48 48w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=128&v=1771517948&width=96 96w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=213&v=1771517948&width=160 160w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=425&v=1771517948&width=320 320w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=851&v=1771517948&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=127&v=1771517948&width=96 96w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=212&v=1771517948&width=160 160w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=423&v=1771517948&width=320 320w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=847&v=1771517948&width=640 640w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=1270&v=1771517948&width=960 960w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=1587&v=1771517948&width=1200 1200w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=2540&v=1771517948&width=1920 1920w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=3175&v=1771517948&width=2400 2400w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=209&v=1771517948&width=158" alt="Suspension Cosmos Fleurs en métal doré qui diffuse une lumière dorée" srcset="//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=209&v=1771517948&width=158 158w" width="158" height="209" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<picture class='block relative lg:absolute lg:inset-0 lg-max:!opacity-100 lg:transition-opacity lg:ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=64&v=1770975042&width=48 48w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=128&v=1770975042&width=96 96w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=213&v=1770975042&width=160 160w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=425&v=1770975042&width=320 320w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=851&v=1770975042&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=127&v=1770975042&width=96 96w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=212&v=1770975042&width=160 160w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=423&v=1770975042&width=320 320w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=847&v=1770975042&width=640 640w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=1270&v=1770975042&width=960 960w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=1587&v=1770975042&width=1200 1200w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=209&v=1770975042&width=158" alt="Suspension Cosmos Fleurs en métal doré qui diffuse une lumière dorée" srcset="//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=209&v=1770975042&width=158 158w" width="158" height="209" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0'
type='button'
x-data="{loading:false}" @click='(function (event){loading=true;liquidAjaxCart.add({items:[{id:16892316123254,quantity: 1}]}); event.preventDefault(); event.stopPropagation(); return false;})(event)'><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></button>
</div>
</div>
<div class='flex items-center justify-center gap-4 pt-6 lg:hidden'>
<span
class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
:class="swipeIndex === 0 ? 'bg-brown-dark' : 'bg-stroke-light'"
></span>
<span
class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
:class="swipeIndex === 1 ? 'bg-brown-dark' : 'bg-stroke-light'"
></span>
</div>
<a href='/products/cosmos'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-col lg:flex-row lg:items-center lg:gutter-gap-1 lg:pb-0 items-start gap-2 pb-4'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Suspension Cosmos
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+3
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Doré'
style='background-color: #e5c989'
data-value-init='#e5c989'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Doré'
style='background-color: #e5c989'
data-value-init='#e5c989'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Doré'
style='background-color: #e5c989'
data-value-init='#e5c989'
>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span><span class="money">60€</span></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Métal doré
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">60€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false,swipeIndex:0}'
class='group span-w-6 lg:span-w-3'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/housse-coussin-velours-lave'>
<div
x-effect="let idx = $store.global.plpShowLifestyleView ? 1 : 0; $el.scrollTo({ left: idx * $el.offsetWidth, behavior: 'smooth' }); swipeIndex = idx"
@scroll.passive='swipeIndex = Math.round($el.scrollLeft / $el.offsetWidth)'
class='relative flex h-full w-full scrollbar-hide lg-max:snap-x lg-max:snap-mandatory lg-max:overflow-x-scroll [&>*]:w-full [&>*]:shrink-0 [&>*]:snap-start'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531922_5e26ba02-5445-462a-8916-c311273551ef.jpg?crop=center&height=64&v=1767625129&width=48 48w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531922_5e26ba02-5445-462a-8916-c311273551ef.jpg?crop=center&height=128&v=1767625129&width=96 96w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531922_5e26ba02-5445-462a-8916-c311273551ef.jpg?crop=center&height=213&v=1767625129&width=160 160w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531922_5e26ba02-5445-462a-8916-c311273551ef.jpg?crop=center&height=425&v=1767625129&width=320 320w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531922_5e26ba02-5445-462a-8916-c311273551ef.jpg?crop=center&height=851&v=1767625129&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531922_5e26ba02-5445-462a-8916-c311273551ef.jpg?crop=center&height=127&v=1767625129&width=96 96w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531922_5e26ba02-5445-462a-8916-c311273551ef.jpg?crop=center&height=212&v=1767625129&width=160 160w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531922_5e26ba02-5445-462a-8916-c311273551ef.jpg?crop=center&height=423&v=1767625129&width=320 320w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531922_5e26ba02-5445-462a-8916-c311273551ef.jpg?crop=center&height=847&v=1767625129&width=640 640w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531922_5e26ba02-5445-462a-8916-c311273551ef.jpg?crop=center&height=1270&v=1767625129&width=960 960w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531922_5e26ba02-5445-462a-8916-c311273551ef.jpg?crop=center&height=1587&v=1767625129&width=1200 1200w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531922_5e26ba02-5445-462a-8916-c311273551ef.jpg?crop=center&height=2540&v=1767625129&width=1920 1920w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531922_5e26ba02-5445-462a-8916-c311273551ef.jpg?crop=center&height=3175&v=1767625129&width=2400 2400w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531922_5e26ba02-5445-462a-8916-c311273551ef.jpg?crop=center&height=209&v=1767625129&width=158" alt="Housse de coussin Velours lavé" srcset="//caravane.com/cdn/shop/files/20251021_CaravaneNoel202531922_5e26ba02-5445-462a-8916-c311273551ef.jpg?crop=center&height=209&v=1767625129&width=158 158w" width="158" height="209" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<picture class='block relative lg:absolute lg:inset-0 lg-max:!opacity-100 lg:transition-opacity lg:ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/HOUSSEDECOUSSINVELOURSLAVEGLACIER.png?crop=center&height=64&v=1774972147&width=48 48w,//caravane.com/cdn/shop/files/HOUSSEDECOUSSINVELOURSLAVEGLACIER.png?crop=center&height=128&v=1774972147&width=96 96w,//caravane.com/cdn/shop/files/HOUSSEDECOUSSINVELOURSLAVEGLACIER.png?crop=center&height=213&v=1774972147&width=160 160w,//caravane.com/cdn/shop/files/HOUSSEDECOUSSINVELOURSLAVEGLACIER.png?crop=center&height=425&v=1774972147&width=320 320w,//caravane.com/cdn/shop/files/HOUSSEDECOUSSINVELOURSLAVEGLACIER.png?crop=center&height=851&v=1774972147&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/HOUSSEDECOUSSINVELOURSLAVEGLACIER.png?crop=center&height=127&v=1774972147&width=96 96w,//caravane.com/cdn/shop/files/HOUSSEDECOUSSINVELOURSLAVEGLACIER.png?crop=center&height=212&v=1774972147&width=160 160w,//caravane.com/cdn/shop/files/HOUSSEDECOUSSINVELOURSLAVEGLACIER.png?crop=center&height=423&v=1774972147&width=320 320w,//caravane.com/cdn/shop/files/HOUSSEDECOUSSINVELOURSLAVEGLACIER.png?crop=center&height=847&v=1774972147&width=640 640w,//caravane.com/cdn/shop/files/HOUSSEDECOUSSINVELOURSLAVEGLACIER.png?crop=center&height=1270&v=1774972147&width=960 960w,//caravane.com/cdn/shop/files/HOUSSEDECOUSSINVELOURSLAVEGLACIER.png?crop=center&height=1587&v=1774972147&width=1200 1200w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/HOUSSEDECOUSSINVELOURSLAVEGLACIER.png?crop=center&height=209&v=1774972147&width=158" alt="Housse de coussin Velours lavé coloris glacier" srcset="//caravane.com/cdn/shop/files/HOUSSEDECOUSSINVELOURSLAVEGLACIER.png?crop=center&height=209&v=1774972147&width=158 158w" width="158" height="209" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0'
type='button'
x-data="{loading:false}" @click='(function (event){loading=true;liquidAjaxCart.add({items:[{id:19639144579190,quantity: 1}]}); event.preventDefault(); event.stopPropagation(); return false;})(event)'><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></button>
</div>
</div>
<div class='flex items-center justify-center gap-4 pt-6 lg:hidden'>
<span
class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
:class="swipeIndex === 0 ? 'bg-brown-dark' : 'bg-stroke-light'"
></span>
<span
class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
:class="swipeIndex === 1 ? 'bg-brown-dark' : 'bg-stroke-light'"
></span>
</div>
<a href='/products/housse-coussin-velours-lave'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-col lg:flex-row lg:items-center lg:gutter-gap-1 lg:pb-0 items-start gap-2 pb-4'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Housse de coussin Velours lavé
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+3
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #587a5d'
data-value='#587a5d'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #587a5d'
data-value='#587a5d'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rose'
style='background-color: #e0c3bd'
data-value-init='#e0c3bd'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #b18471'
data-value='#b18471'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rose'
style='background-color: #e0c3bd'
data-value-init='#e0c3bd'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #b18471'
data-value='#b18471'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Gris'
style='background-color: #b3b3b1'
data-value-init='#b3b3b1'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #a89b8d'
data-value='#a89b8d'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Gris'
style='background-color: #b3b3b1'
data-value-init='#b3b3b1'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #a89b8d'
data-value='#a89b8d'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rouge'
style='background-color: #b15d48'
data-value-init='#b15d48'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #b55145'
data-value='#b55145'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rouge'
style='background-color: #b15d48'
data-value-init='#b15d48'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #b55145'
data-value='#b55145'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Noir'
style='background-color: #000000'
data-value-init='#000000'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #3c3b32'
data-value='#3c3b32'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Noir'
style='background-color: #000000'
data-value-init='#000000'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #3c3b32'
data-value='#3c3b32'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rouge'
style='background-color: #b15d48'
data-value-init='#b15d48'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #802a2d'
data-value='#802a2d'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rouge'
style='background-color: #b15d48'
data-value-init='#b15d48'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #802a2d'
data-value='#802a2d'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #093839'
data-value='#093839'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #093839'
data-value='#093839'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Marron'
style='background-color: #a77e48'
data-value-init='#a77e48'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #a08037'
data-value='#a08037'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Marron'
style='background-color: #a77e48'
data-value-init='#a77e48'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #a08037'
data-value='#a08037'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #758277'
data-value='#758277'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #758277'
data-value='#758277'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #6b8683'
data-value='#6b8683'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #6b8683'
data-value='#6b8683'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #565d46'
data-value='#565d46'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #565d46'
data-value='#565d46'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rouge'
style='background-color: #b15d48'
data-value-init='#b15d48'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #a9482f'
data-value='#a9482f'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rouge'
style='background-color: #b15d48'
data-value-init='#b15d48'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #a9482f'
data-value='#a9482f'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Jaune'
style='background-color: #ecc856'
data-value-init='#ecc856'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #b8892e'
data-value='#b8892e'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Jaune'
style='background-color: #ecc856'
data-value-init='#ecc856'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #b8892e'
data-value='#b8892e'
></span>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span><span class="money">65€</span></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Velours de coton
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">65€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false,swipeIndex:0}'
class='group span-w-6 lg:span-w-3'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/applique-cosmos'>
<div
x-effect="let idx = $store.global.plpShowLifestyleView ? 1 : 0; $el.scrollTo({ left: idx * $el.offsetWidth, behavior: 'smooth' }); swipeIndex = idx"
@scroll.passive='swipeIndex = Math.round($el.scrollLeft / $el.offsetWidth)'
class='relative flex h-full w-full scrollbar-hide lg-max:snap-x lg-max:snap-mandatory lg-max:overflow-x-scroll [&>*]:w-full [&>*]:shrink-0 [&>*]:snap-start'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/APPLIQUECOSMOS.png?crop=center&height=64&v=1770133461&width=48 48w,//caravane.com/cdn/shop/files/APPLIQUECOSMOS.png?crop=center&height=128&v=1770133461&width=96 96w,//caravane.com/cdn/shop/files/APPLIQUECOSMOS.png?crop=center&height=213&v=1770133461&width=160 160w,//caravane.com/cdn/shop/files/APPLIQUECOSMOS.png?crop=center&height=425&v=1770133461&width=320 320w,//caravane.com/cdn/shop/files/APPLIQUECOSMOS.png?crop=center&height=851&v=1770133461&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/APPLIQUECOSMOS.png?crop=center&height=127&v=1770133461&width=96 96w,//caravane.com/cdn/shop/files/APPLIQUECOSMOS.png?crop=center&height=212&v=1770133461&width=160 160w,//caravane.com/cdn/shop/files/APPLIQUECOSMOS.png?crop=center&height=423&v=1770133461&width=320 320w,//caravane.com/cdn/shop/files/APPLIQUECOSMOS.png?crop=center&height=847&v=1770133461&width=640 640w,//caravane.com/cdn/shop/files/APPLIQUECOSMOS.png?crop=center&height=1270&v=1770133461&width=960 960w,//caravane.com/cdn/shop/files/APPLIQUECOSMOS.png?crop=center&height=1587&v=1770133461&width=1200 1200w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/APPLIQUECOSMOS.png?crop=center&height=209&v=1770133461&width=158" alt="Luminaire doré avec son ampoule dorée qui diffuse une lumière chaude" srcset="//caravane.com/cdn/shop/files/APPLIQUECOSMOS.png?crop=center&height=209&v=1770133461&width=158 158w" width="158" height="209" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<picture class='block relative lg:absolute lg:inset-0 lg-max:!opacity-100 lg:transition-opacity lg:ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/APPLIQUECOSMOS_cefce8cf-e0f6-4a0b-84c2-165944ac2b4b.png?crop=center&height=64&v=1770634658&width=48 48w,//caravane.com/cdn/shop/files/APPLIQUECOSMOS_cefce8cf-e0f6-4a0b-84c2-165944ac2b4b.png?crop=center&height=128&v=1770634658&width=96 96w,//caravane.com/cdn/shop/files/APPLIQUECOSMOS_cefce8cf-e0f6-4a0b-84c2-165944ac2b4b.png?crop=center&height=213&v=1770634658&width=160 160w,//caravane.com/cdn/shop/files/APPLIQUECOSMOS_cefce8cf-e0f6-4a0b-84c2-165944ac2b4b.png?crop=center&height=425&v=1770634658&width=320 320w,//caravane.com/cdn/shop/files/APPLIQUECOSMOS_cefce8cf-e0f6-4a0b-84c2-165944ac2b4b.png?crop=center&height=851&v=1770634658&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/APPLIQUECOSMOS_cefce8cf-e0f6-4a0b-84c2-165944ac2b4b.png?crop=center&height=127&v=1770634658&width=96 96w,//caravane.com/cdn/shop/files/APPLIQUECOSMOS_cefce8cf-e0f6-4a0b-84c2-165944ac2b4b.png?crop=center&height=212&v=1770634658&width=160 160w,//caravane.com/cdn/shop/files/APPLIQUECOSMOS_cefce8cf-e0f6-4a0b-84c2-165944ac2b4b.png?crop=center&height=423&v=1770634658&width=320 320w,//caravane.com/cdn/shop/files/APPLIQUECOSMOS_cefce8cf-e0f6-4a0b-84c2-165944ac2b4b.png?crop=center&height=847&v=1770634658&width=640 640w,//caravane.com/cdn/shop/files/APPLIQUECOSMOS_cefce8cf-e0f6-4a0b-84c2-165944ac2b4b.png?crop=center&height=1270&v=1770634658&width=960 960w,//caravane.com/cdn/shop/files/APPLIQUECOSMOS_cefce8cf-e0f6-4a0b-84c2-165944ac2b4b.png?crop=center&height=1587&v=1770634658&width=1200 1200w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/APPLIQUECOSMOS_cefce8cf-e0f6-4a0b-84c2-165944ac2b4b.png?crop=center&height=209&v=1770634658&width=158" alt="Applique Cosmos" srcset="//caravane.com/cdn/shop/files/APPLIQUECOSMOS_cefce8cf-e0f6-4a0b-84c2-165944ac2b4b.png?crop=center&height=209&v=1770634658&width=158 158w" width="158" height="209" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0'
type='button'
x-data="{loading:false}" @click='(function (event){loading=true;liquidAjaxCart.add({items:[{id:39258024214646,quantity: 1}]}); event.preventDefault(); event.stopPropagation(); return false;})(event)'><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></button>
</div>
</div>
<div class='flex items-center justify-center gap-4 pt-6 lg:hidden'>
<span
class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
:class="swipeIndex === 0 ? 'bg-brown-dark' : 'bg-stroke-light'"
></span>
<span
class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
:class="swipeIndex === 1 ? 'bg-brown-dark' : 'bg-stroke-light'"
></span>
</div>
<a href='/products/applique-cosmos'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-col lg:flex-row lg:items-center lg:gutter-gap-1 lg:pb-0 items-start gap-2 pb-4'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Applique Cosmos
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
</p>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span><span class="money">120€</span></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Laiton doré
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">120€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false,swipeIndex:0}'
class='group span-w-6 lg:span-w-3'
>
<div
class='relative overflow-clip shrink-0'
><div class='inline-block bg-white px-8 pb-7 pt-8 text-11 leading-none tracking-tight text-brown-dark absolute left-10 top-9 z-1'>
Disponible en ligne
</div>
<a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/canape-holi-180'>
<div
x-effect="let idx = $store.global.plpShowLifestyleView ? 1 : 0; $el.scrollTo({ left: idx * $el.offsetWidth, behavior: 'smooth' }); swipeIndex = idx"
@scroll.passive='swipeIndex = Math.round($el.scrollLeft / $el.offsetWidth)'
class='relative flex h-full w-full scrollbar-hide lg-max:snap-x lg-max:snap-mandatory lg-max:overflow-x-scroll [&>*]:w-full [&>*]:shrink-0 [&>*]:snap-start'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/l_9E7r4A.jpg?crop=center&height=64&v=1767877494&width=48 48w,//caravane.com/cdn/shop/files/l_9E7r4A.jpg?crop=center&height=128&v=1767877494&width=96 96w,//caravane.com/cdn/shop/files/l_9E7r4A.jpg?crop=center&height=213&v=1767877494&width=160 160w,//caravane.com/cdn/shop/files/l_9E7r4A.jpg?crop=center&height=425&v=1767877494&width=320 320w,//caravane.com/cdn/shop/files/l_9E7r4A.jpg?crop=center&height=851&v=1767877494&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/l_9E7r4A.jpg?crop=center&height=127&v=1767877494&width=96 96w,//caravane.com/cdn/shop/files/l_9E7r4A.jpg?crop=center&height=212&v=1767877494&width=160 160w,//caravane.com/cdn/shop/files/l_9E7r4A.jpg?crop=center&height=423&v=1767877494&width=320 320w,//caravane.com/cdn/shop/files/l_9E7r4A.jpg?crop=center&height=847&v=1767877494&width=640 640w,//caravane.com/cdn/shop/files/l_9E7r4A.jpg?crop=center&height=1270&v=1767877494&width=960 960w,//caravane.com/cdn/shop/files/l_9E7r4A.jpg?crop=center&height=1587&v=1767877494&width=1200 1200w,//caravane.com/cdn/shop/files/l_9E7r4A.jpg?crop=center&height=2540&v=1767877494&width=1920 1920w,//caravane.com/cdn/shop/files/l_9E7r4A.jpg?crop=center&height=3175&v=1767877494&width=2400 2400w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/l_9E7r4A.jpg?crop=center&height=209&v=1767877494&width=158" alt="Canapé Holi" srcset="//caravane.com/cdn/shop/files/l_9E7r4A.jpg?crop=center&height=209&v=1767877494&width=158 158w" width="158" height="209" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<picture class='block relative lg:absolute lg:inset-0 lg-max:!opacity-100 lg:transition-opacity lg:ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/NssdimDQ.jpg?crop=center&height=64&v=1768928783&width=48 48w,//caravane.com/cdn/shop/files/NssdimDQ.jpg?crop=center&height=128&v=1768928783&width=96 96w,//caravane.com/cdn/shop/files/NssdimDQ.jpg?crop=center&height=213&v=1768928783&width=160 160w,//caravane.com/cdn/shop/files/NssdimDQ.jpg?crop=center&height=425&v=1768928783&width=320 320w,//caravane.com/cdn/shop/files/NssdimDQ.jpg?crop=center&height=851&v=1768928783&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/NssdimDQ.jpg?crop=center&height=127&v=1768928783&width=96 96w,//caravane.com/cdn/shop/files/NssdimDQ.jpg?crop=center&height=212&v=1768928783&width=160 160w,//caravane.com/cdn/shop/files/NssdimDQ.jpg?crop=center&height=423&v=1768928783&width=320 320w,//caravane.com/cdn/shop/files/NssdimDQ.jpg?crop=center&height=847&v=1768928783&width=640 640w,//caravane.com/cdn/shop/files/NssdimDQ.jpg?crop=center&height=1270&v=1768928783&width=960 960w,//caravane.com/cdn/shop/files/NssdimDQ.jpg?crop=center&height=1587&v=1768928783&width=1200 1200w,//caravane.com/cdn/shop/files/NssdimDQ.jpg?crop=center&height=2540&v=1768928783&width=1920 1920w,//caravane.com/cdn/shop/files/NssdimDQ.jpg?crop=center&height=3175&v=1768928783&width=2400 2400w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/NssdimDQ.jpg?crop=center&height=209&v=1768928783&width=158" alt="Canapé Holi" srcset="//caravane.com/cdn/shop/files/NssdimDQ.jpg?crop=center&height=209&v=1768928783&width=158 158w" width="158" height="209" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0'
type='button'
x-data="{loading:false}" @click='(function (event){loading=true;liquidAjaxCart.add({items:[{id:47024999137605,quantity: 1}]}); event.preventDefault(); event.stopPropagation(); return false;})(event)'><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></button>
</div>
</div>
<div class='flex items-center justify-center gap-4 pt-6 lg:hidden'>
<span
class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
:class="swipeIndex === 0 ? 'bg-brown-dark' : 'bg-stroke-light'"
></span>
<span
class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
:class="swipeIndex === 1 ? 'bg-brown-dark' : 'bg-stroke-light'"
></span>
</div>
<a href='/products/canape-holi-180'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-col lg:flex-row lg:items-center lg:gutter-gap-1 lg:pb-0 items-start gap-2 pb-4'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Canapé Holi
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+3
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/ENCRE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/ENCRE.png?crop=center&height=48&v=1768929417&width=48 48w,//caravane.com/cdn/shop/files/ENCRE.png?crop=center&height=96&v=1768929417&width=96 96w,//caravane.com/cdn/shop/files/ENCRE.png?crop=center&height=160&v=1768929417&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/ENCRE.png?crop=center&height=96&v=1768929417&width=96 96w,//caravane.com/cdn/shop/files/ENCRE.png?crop=center&height=160&v=1768929417&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/ENCRE.png?crop=center&height=12&v=1768929417&width=12" alt="" srcset="//caravane.com/cdn/shop/files/ENCRE.png?crop=center&height=12&v=1768929417&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Noir'
style='background-color: #000000'
data-value-init='#000000'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #050505'
data-value='#050505'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/METHYLENE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/METHYLENE.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/METHYLENE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/METHYLENE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/METHYLENE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/METHYLENE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/METHYLENE.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/METHYLENE.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Gris'
style='background-color: #b3b3b1'
data-value-init='#b3b3b1'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/ARDOISE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/ARDOISE.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/ARDOISE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/ARDOISE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/ARDOISE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/ARDOISE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/ARDOISE.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/ARDOISE.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/NEBULEUSE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/NEBULEUSE.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/NEBULEUSE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/NEBULEUSE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/NEBULEUSE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/NEBULEUSE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/NEBULEUSE.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/NEBULEUSE.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/NIMES.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/NIMES.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/NIMES.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/NIMES.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/NIMES.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/NIMES.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/NIMES.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/NIMES.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/COBALT.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/COBALT.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/COBALT.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/COBALT.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/COBALT.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/COBALT.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/COBALT.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/COBALT.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CIEL_DE_JOUR.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CIEL_DE_JOUR.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/CIEL_DE_JOUR.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/CIEL_DE_JOUR.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CIEL_DE_JOUR.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/CIEL_DE_JOUR.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CIEL_DE_JOUR.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CIEL_DE_JOUR.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/OPALINE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/OPALINE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/OPALINE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/OPALINE.png?crop=center&height=160&v=1768930351&width=160 160w,//caravane.com/cdn/shop/files/OPALINE.png?crop=center&height=320&v=1768930351&width=320 320w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/OPALINE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/OPALINE.png?crop=center&height=160&v=1768930351&width=160 160w,//caravane.com/cdn/shop/files/OPALINE.png?crop=center&height=320&v=1768930351&width=320 320w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/OPALINE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/OPALINE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/ARCTIQUE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/ARCTIQUE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/ARCTIQUE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/ARCTIQUE.png?crop=center&height=160&v=1768930351&width=160 160w,//caravane.com/cdn/shop/files/ARCTIQUE.png?crop=center&height=320&v=1768930351&width=320 320w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/ARCTIQUE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/ARCTIQUE.png?crop=center&height=160&v=1768930351&width=160 160w,//caravane.com/cdn/shop/files/ARCTIQUE.png?crop=center&height=320&v=1768930351&width=320 320w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/ARCTIQUE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/ARCTIQUE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Gris'
style='background-color: #b3b3b1'
data-value-init='#b3b3b1'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/BRUME.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/BRUME.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/BRUME.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/BRUME.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/BRUME.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/BRUME.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/BRUME.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/BRUME.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Gris'
style='background-color: #b3b3b1'
data-value-init='#b3b3b1'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CIMENT.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CIMENT.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/CIMENT.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CIMENT.png?crop=center&height=160&v=1768930351&width=160 160w,//caravane.com/cdn/shop/files/CIMENT.png?crop=center&height=320&v=1768930351&width=320 320w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CIMENT.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CIMENT.png?crop=center&height=160&v=1768930351&width=160 160w,//caravane.com/cdn/shop/files/CIMENT.png?crop=center&height=320&v=1768930351&width=320 320w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CIMENT.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CIMENT.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/GLACE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/GLACE.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/GLACE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/GLACE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/GLACE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/GLACE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/GLACE.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/GLACE.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CUMULUS.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CUMULUS.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/CUMULUS.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/CUMULUS.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CUMULUS.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/CUMULUS.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CUMULUS.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CUMULUS.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/HORIZON.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/HORIZON.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/HORIZON.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/HORIZON.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/HORIZON.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/HORIZON.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/HORIZON.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/HORIZON.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/PETROLE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/PETROLE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/PETROLE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/PETROLE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/PETROLE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/PETROLE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/PETROLE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/PETROLE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/RIVAGE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/RIVAGE.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/RIVAGE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/RIVAGE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/RIVAGE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/RIVAGE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/RIVAGE.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/RIVAGE.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Gris'
style='background-color: #b3b3b1'
data-value-init='#b3b3b1'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/ORAGE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/ORAGE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/ORAGE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/ORAGE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/ORAGE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/ORAGE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/ORAGE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/ORAGE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Noir'
style='background-color: #000000'
data-value-init='#000000'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/PAVE_61cb4b28-0416-467b-af60-843187a460cd.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/PAVE_61cb4b28-0416-467b-af60-843187a460cd.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/PAVE_61cb4b28-0416-467b-af60-843187a460cd.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/PAVE_61cb4b28-0416-467b-af60-843187a460cd.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/PAVE_61cb4b28-0416-467b-af60-843187a460cd.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/PAVE_61cb4b28-0416-467b-af60-843187a460cd.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/PAVE_61cb4b28-0416-467b-af60-843187a460cd.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/PAVE_61cb4b28-0416-467b-af60-843187a460cd.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/AGAVE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/AGAVE.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/AGAVE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/AGAVE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/AGAVE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/AGAVE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/AGAVE.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/AGAVE.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/LICHEN.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/LICHEN.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/LICHEN.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/LICHEN.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/LICHEN.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/LICHEN.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/LICHEN.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/LICHEN.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/LAURIER.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/LAURIER.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/LAURIER.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/LAURIER.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/LAURIER.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/LAURIER.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/LAURIER.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/LAURIER.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/MOUSSE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/MOUSSE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/MOUSSE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/MOUSSE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/MOUSSE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/MOUSSE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/MOUSSE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/MOUSSE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CHROME.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CHROME.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/CHROME.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CHROME.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CHROME.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CHROME.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CHROME.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CHROME.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/ALPIN.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/ALPIN.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/ALPIN.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/ALPIN.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/ALPIN.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/ALPIN.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/ALPIN.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/ALPIN.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/MENTHE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/MENTHE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/MENTHE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/MENTHE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/MENTHE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/MENTHE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/MENTHE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/MENTHE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CELESTE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CELESTE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/CELESTE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CELESTE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CELESTE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CELESTE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CELESTE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CELESTE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CELADON.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CELADON.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/CELADON.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CELADON.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CELADON.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CELADON.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CELADON.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CELADON.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Marron'
style='background-color: #a77e48'
data-value-init='#a77e48'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/NOISETTE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/NOISETTE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/NOISETTE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/NOISETTE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/NOISETTE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/NOISETTE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/NOISETTE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/NOISETTE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Marron'
style='background-color: #a77e48'
data-value-init='#a77e48'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/TABAC.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/TABAC.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/TABAC.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/TABAC.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/TABAC.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/TABAC.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/TABAC.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/TABAC.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Jaune'
style='background-color: #ecc856'
data-value-init='#ecc856'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CURCUMA.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CURCUMA.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/CURCUMA.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CURCUMA.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CURCUMA.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CURCUMA.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CURCUMA.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CURCUMA.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Jaune'
style='background-color: #ecc856'
data-value-init='#ecc856'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/SAFRAN.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/SAFRAN.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/SAFRAN.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/SAFRAN.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/SAFRAN.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/SAFRAN.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/SAFRAN.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/SAFRAN.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Jaune'
style='background-color: #ecc856'
data-value-init='#ecc856'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CANARI.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CANARI.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/CANARI.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CANARI.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CANARI.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CANARI.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CANARI.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CANARI.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Jaune'
style='background-color: #ecc856'
data-value-init='#ecc856'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/MIMOSA.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/MIMOSA.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/MIMOSA.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/MIMOSA.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/MIMOSA.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/MIMOSA.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/MIMOSA.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/MIMOSA.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Jaune'
style='background-color: #ecc856'
data-value-init='#ecc856'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CAMOMILLE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CAMOMILLE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/CAMOMILLE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CAMOMILLE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CAMOMILLE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CAMOMILLE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CAMOMILLE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CAMOMILLE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Beige'
style='background-color: #EAD8AB'
data-value-init='#EAD8AB'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/AVOINE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/AVOINE.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/AVOINE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/AVOINE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/AVOINE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/AVOINE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/AVOINE.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/AVOINE.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Beige'
style='background-color: #EAD8AB'
data-value-init='#EAD8AB'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/PEA_SOUP.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/PEA_SOUP.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/PEA_SOUP.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/PEA_SOUP.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/PEA_SOUP.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/PEA_SOUP.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/PEA_SOUP.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/PEA_SOUP.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Marron'
style='background-color: #a77e48'
data-value-init='#a77e48'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/MIEL.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/MIEL.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/MIEL.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/MIEL.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/MIEL.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/MIEL.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/MIEL.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/MIEL.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Gris'
style='background-color: #b3b3b1'
data-value-init='#b3b3b1'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/GALET.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/GALET.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/GALET.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/GALET.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/GALET.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/GALET.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/GALET.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/GALET.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Marron'
style='background-color: #a77e48'
data-value-init='#a77e48'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/GAZELLE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/GAZELLE.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/GAZELLE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/GAZELLE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/GAZELLE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/GAZELLE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/GAZELLE.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/GAZELLE.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Beige'
style='background-color: #EAD8AB'
data-value-init='#EAD8AB'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/VRAI_BEIGE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/VRAI_BEIGE.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/VRAI_BEIGE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/VRAI_BEIGE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/VRAI_BEIGE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/VRAI_BEIGE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/VRAI_BEIGE.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/VRAI_BEIGE.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rouge'
style='background-color: #b15d48'
data-value-init='#b15d48'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/AMARANTE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/AMARANTE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/AMARANTE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/AMARANTE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/AMARANTE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/AMARANTE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/AMARANTE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/AMARANTE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rouge'
style='background-color: #b15d48'
data-value-init='#b15d48'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CINABRE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CINABRE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/CINABRE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CINABRE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CINABRE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CINABRE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CINABRE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CINABRE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Violet'
style='background-color: #6a539b'
data-value-init='#6a539b'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/BOURGOGNE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/BOURGOGNE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/BOURGOGNE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/BOURGOGNE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/BOURGOGNE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/BOURGOGNE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/BOURGOGNE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/BOURGOGNE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rouge'
style='background-color: #b15d48'
data-value-init='#b15d48'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/TERRACOTTA_a084048e-006f-4faa-bc7f-ac889db7e0e6.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/TERRACOTTA_a084048e-006f-4faa-bc7f-ac889db7e0e6.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/TERRACOTTA_a084048e-006f-4faa-bc7f-ac889db7e0e6.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/TERRACOTTA_a084048e-006f-4faa-bc7f-ac889db7e0e6.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/TERRACOTTA_a084048e-006f-4faa-bc7f-ac889db7e0e6.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/TERRACOTTA_a084048e-006f-4faa-bc7f-ac889db7e0e6.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/TERRACOTTA_a084048e-006f-4faa-bc7f-ac889db7e0e6.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/TERRACOTTA_a084048e-006f-4faa-bc7f-ac889db7e0e6.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Marron'
style='background-color: #a77e48'
data-value-init='#a77e48'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/BISCUIT.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/BISCUIT.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/BISCUIT.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/BISCUIT.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/BISCUIT.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/BISCUIT.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/BISCUIT.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/BISCUIT.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Marron'
style='background-color: #a77e48'
data-value-init='#a77e48'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/SEPIA.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/SEPIA.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/SEPIA.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/SEPIA.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/SEPIA.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/SEPIA.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/SEPIA.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/SEPIA.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rouge'
style='background-color: #b15d48'
data-value-init='#b15d48'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/ROOIBOS.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/ROOIBOS.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/ROOIBOS.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/ROOIBOS.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/ROOIBOS.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/ROOIBOS.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/ROOIBOS.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/ROOIBOS.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Orange'
style='background-color: #cd7346'
data-value-init='#cd7346'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/ABRICOT.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/ABRICOT.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/ABRICOT.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/ABRICOT.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/ABRICOT.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/ABRICOT.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/ABRICOT.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/ABRICOT.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Orange'
style='background-color: #cd7346'
data-value-init='#cd7346'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CAPUCINE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CAPUCINE.png?crop=center&height=48&v=1768930352&width=48 48w,//caravane.com/cdn/shop/files/CAPUCINE.png?crop=center&height=96&v=1768930352&width=96 96w,//caravane.com/cdn/shop/files/CAPUCINE.png?crop=center&height=160&v=1768930352&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CAPUCINE.png?crop=center&height=96&v=1768930352&width=96 96w,//caravane.com/cdn/shop/files/CAPUCINE.png?crop=center&height=160&v=1768930352&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CAPUCINE.png?crop=center&height=12&v=1768930352&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CAPUCINE.png?crop=center&height=12&v=1768930352&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rouge'
style='background-color: #b15d48'
data-value-init='#b15d48'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CANYON.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CANYON.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/CANYON.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CANYON.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CANYON.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CANYON.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CANYON.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CANYON.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rose'
style='background-color: #e0c3bd'
data-value-init='#e0c3bd'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CAMELIA.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CAMELIA.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/CAMELIA.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CAMELIA.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CAMELIA.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CAMELIA.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CAMELIA.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CAMELIA.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rose'
style='background-color: #e0c3bd'
data-value-init='#e0c3bd'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/QUARTZ.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/QUARTZ.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/QUARTZ.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/QUARTZ.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/QUARTZ.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/QUARTZ.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/QUARTZ.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/QUARTZ.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rose'
style='background-color: #e0c3bd'
data-value-init='#e0c3bd'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/AUBE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/AUBE.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/AUBE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/AUBE.png?crop=center&height=160&v=1768930350&width=160 160w,//caravane.com/cdn/shop/files/AUBE.png?crop=center&height=320&v=1768930350&width=320 320w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/AUBE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/AUBE.png?crop=center&height=160&v=1768930350&width=160 160w,//caravane.com/cdn/shop/files/AUBE.png?crop=center&height=320&v=1768930350&width=320 320w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/AUBE.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/AUBE.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rose'
style='background-color: #e0c3bd'
data-value-init='#e0c3bd'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/PETALE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/PETALE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/PETALE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/PETALE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/PETALE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/PETALE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/PETALE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/PETALE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rose'
style='background-color: #e0c3bd'
data-value-init='#e0c3bd'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/DRAGEE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/DRAGEE.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/DRAGEE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/DRAGEE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/DRAGEE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/DRAGEE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/DRAGEE.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/DRAGEE.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Violet'
style='background-color: #6a539b'
data-value-init='#6a539b'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/PLUME.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/PLUME.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/PLUME.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/PLUME.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/PLUME.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/PLUME.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/PLUME.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/PLUME.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Violet'
style='background-color: #6a539b'
data-value-init='#6a539b'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/AURORE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/AURORE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/AURORE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/AURORE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/AURORE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/AURORE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/AURORE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/AURORE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/ENCRE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/ENCRE.png?crop=center&height=48&v=1768929417&width=48 48w,//caravane.com/cdn/shop/files/ENCRE.png?crop=center&height=96&v=1768929417&width=96 96w,//caravane.com/cdn/shop/files/ENCRE.png?crop=center&height=160&v=1768929417&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/ENCRE.png?crop=center&height=96&v=1768929417&width=96 96w,//caravane.com/cdn/shop/files/ENCRE.png?crop=center&height=160&v=1768929417&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/ENCRE.png?crop=center&height=12&v=1768929417&width=12" alt="" srcset="//caravane.com/cdn/shop/files/ENCRE.png?crop=center&height=12&v=1768929417&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Noir'
style='background-color: #000000'
data-value-init='#000000'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #080707'
data-value='#080707'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/METHYLENE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/METHYLENE.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/METHYLENE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/METHYLENE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/METHYLENE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/METHYLENE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/METHYLENE.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/METHYLENE.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Gris'
style='background-color: #b3b3b1'
data-value-init='#b3b3b1'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/ARDOISE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/ARDOISE.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/ARDOISE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/ARDOISE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/ARDOISE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/ARDOISE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/ARDOISE.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/ARDOISE.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/NEBULEUSE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/NEBULEUSE.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/NEBULEUSE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/NEBULEUSE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/NEBULEUSE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/NEBULEUSE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/NEBULEUSE.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/NEBULEUSE.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/NIMES.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/NIMES.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/NIMES.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/NIMES.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/NIMES.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/NIMES.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/NIMES.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/NIMES.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/COBALT.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/COBALT.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/COBALT.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/COBALT.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/COBALT.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/COBALT.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/COBALT.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/COBALT.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CIEL_DE_JOUR.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CIEL_DE_JOUR.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/CIEL_DE_JOUR.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/CIEL_DE_JOUR.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CIEL_DE_JOUR.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/CIEL_DE_JOUR.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CIEL_DE_JOUR.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CIEL_DE_JOUR.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/OPALINE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/OPALINE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/OPALINE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/OPALINE.png?crop=center&height=160&v=1768930351&width=160 160w,//caravane.com/cdn/shop/files/OPALINE.png?crop=center&height=320&v=1768930351&width=320 320w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/OPALINE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/OPALINE.png?crop=center&height=160&v=1768930351&width=160 160w,//caravane.com/cdn/shop/files/OPALINE.png?crop=center&height=320&v=1768930351&width=320 320w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/OPALINE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/OPALINE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/ARCTIQUE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/ARCTIQUE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/ARCTIQUE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/ARCTIQUE.png?crop=center&height=160&v=1768930351&width=160 160w,//caravane.com/cdn/shop/files/ARCTIQUE.png?crop=center&height=320&v=1768930351&width=320 320w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/ARCTIQUE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/ARCTIQUE.png?crop=center&height=160&v=1768930351&width=160 160w,//caravane.com/cdn/shop/files/ARCTIQUE.png?crop=center&height=320&v=1768930351&width=320 320w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/ARCTIQUE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/ARCTIQUE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Gris'
style='background-color: #b3b3b1'
data-value-init='#b3b3b1'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/BRUME.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/BRUME.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/BRUME.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/BRUME.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/BRUME.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/BRUME.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/BRUME.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/BRUME.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Gris'
style='background-color: #b3b3b1'
data-value-init='#b3b3b1'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CIMENT.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CIMENT.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/CIMENT.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CIMENT.png?crop=center&height=160&v=1768930351&width=160 160w,//caravane.com/cdn/shop/files/CIMENT.png?crop=center&height=320&v=1768930351&width=320 320w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CIMENT.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CIMENT.png?crop=center&height=160&v=1768930351&width=160 160w,//caravane.com/cdn/shop/files/CIMENT.png?crop=center&height=320&v=1768930351&width=320 320w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CIMENT.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CIMENT.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/GLACE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/GLACE.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/GLACE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/GLACE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/GLACE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/GLACE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/GLACE.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/GLACE.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CUMULUS.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CUMULUS.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/CUMULUS.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/CUMULUS.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CUMULUS.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/CUMULUS.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CUMULUS.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CUMULUS.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/HORIZON.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/HORIZON.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/HORIZON.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/HORIZON.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/HORIZON.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/HORIZON.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/HORIZON.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/HORIZON.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/PETROLE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/PETROLE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/PETROLE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/PETROLE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/PETROLE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/PETROLE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/PETROLE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/PETROLE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/RIVAGE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/RIVAGE.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/RIVAGE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/RIVAGE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/RIVAGE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/RIVAGE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/RIVAGE.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/RIVAGE.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Gris'
style='background-color: #b3b3b1'
data-value-init='#b3b3b1'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/ORAGE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/ORAGE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/ORAGE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/ORAGE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/ORAGE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/ORAGE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/ORAGE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/ORAGE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Noir'
style='background-color: #000000'
data-value-init='#000000'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/PAVE_61cb4b28-0416-467b-af60-843187a460cd.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/PAVE_61cb4b28-0416-467b-af60-843187a460cd.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/PAVE_61cb4b28-0416-467b-af60-843187a460cd.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/PAVE_61cb4b28-0416-467b-af60-843187a460cd.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/PAVE_61cb4b28-0416-467b-af60-843187a460cd.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/PAVE_61cb4b28-0416-467b-af60-843187a460cd.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/PAVE_61cb4b28-0416-467b-af60-843187a460cd.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/PAVE_61cb4b28-0416-467b-af60-843187a460cd.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/AGAVE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/AGAVE.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/AGAVE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/AGAVE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/AGAVE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/AGAVE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/AGAVE.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/AGAVE.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/LICHEN.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/LICHEN.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/LICHEN.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/LICHEN.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/LICHEN.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/LICHEN.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/LICHEN.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/LICHEN.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/LAURIER.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/LAURIER.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/LAURIER.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/LAURIER.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/LAURIER.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/LAURIER.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/LAURIER.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/LAURIER.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/MOUSSE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/MOUSSE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/MOUSSE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/MOUSSE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/MOUSSE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/MOUSSE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/MOUSSE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/MOUSSE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CHROME.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CHROME.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/CHROME.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CHROME.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CHROME.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CHROME.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CHROME.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CHROME.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/ALPIN.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/ALPIN.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/ALPIN.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/ALPIN.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/ALPIN.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/ALPIN.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/ALPIN.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/ALPIN.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/MENTHE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/MENTHE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/MENTHE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/MENTHE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/MENTHE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/MENTHE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/MENTHE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/MENTHE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CELESTE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CELESTE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/CELESTE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CELESTE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CELESTE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CELESTE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CELESTE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CELESTE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CELADON.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CELADON.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/CELADON.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CELADON.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CELADON.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CELADON.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CELADON.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CELADON.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Marron'
style='background-color: #a77e48'
data-value-init='#a77e48'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/NOISETTE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/NOISETTE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/NOISETTE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/NOISETTE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/NOISETTE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/NOISETTE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/NOISETTE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/NOISETTE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Marron'
style='background-color: #a77e48'
data-value-init='#a77e48'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/TABAC.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/TABAC.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/TABAC.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/TABAC.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/TABAC.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/TABAC.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/TABAC.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/TABAC.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Jaune'
style='background-color: #ecc856'
data-value-init='#ecc856'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CURCUMA.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CURCUMA.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/CURCUMA.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CURCUMA.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CURCUMA.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CURCUMA.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CURCUMA.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CURCUMA.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Jaune'
style='background-color: #ecc856'
data-value-init='#ecc856'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/SAFRAN.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/SAFRAN.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/SAFRAN.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/SAFRAN.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/SAFRAN.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/SAFRAN.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/SAFRAN.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/SAFRAN.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Jaune'
style='background-color: #ecc856'
data-value-init='#ecc856'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CANARI.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CANARI.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/CANARI.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CANARI.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CANARI.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CANARI.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CANARI.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CANARI.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Jaune'
style='background-color: #ecc856'
data-value-init='#ecc856'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/MIMOSA.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/MIMOSA.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/MIMOSA.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/MIMOSA.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/MIMOSA.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/MIMOSA.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/MIMOSA.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/MIMOSA.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Jaune'
style='background-color: #ecc856'
data-value-init='#ecc856'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CAMOMILLE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CAMOMILLE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/CAMOMILLE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CAMOMILLE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CAMOMILLE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CAMOMILLE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CAMOMILLE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CAMOMILLE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Beige'
style='background-color: #EAD8AB'
data-value-init='#EAD8AB'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/AVOINE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/AVOINE.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/AVOINE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/AVOINE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/AVOINE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/AVOINE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/AVOINE.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/AVOINE.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Beige'
style='background-color: #EAD8AB'
data-value-init='#EAD8AB'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/PEA_SOUP.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/PEA_SOUP.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/PEA_SOUP.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/PEA_SOUP.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/PEA_SOUP.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/PEA_SOUP.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/PEA_SOUP.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/PEA_SOUP.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Marron'
style='background-color: #a77e48'
data-value-init='#a77e48'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/MIEL.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/MIEL.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/MIEL.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/MIEL.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/MIEL.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/MIEL.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/MIEL.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/MIEL.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Gris'
style='background-color: #b3b3b1'
data-value-init='#b3b3b1'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/GALET.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/GALET.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/GALET.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/GALET.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/GALET.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/GALET.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/GALET.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/GALET.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Beige'
style='background-color: #EAD8AB'
data-value-init='#EAD8AB'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/GAZELLE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/GAZELLE.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/GAZELLE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/GAZELLE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/GAZELLE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/GAZELLE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/GAZELLE.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/GAZELLE.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Beige'
style='background-color: #EAD8AB'
data-value-init='#EAD8AB'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/VRAI_BEIGE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/VRAI_BEIGE.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/VRAI_BEIGE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/VRAI_BEIGE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/VRAI_BEIGE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/VRAI_BEIGE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/VRAI_BEIGE.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/VRAI_BEIGE.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rouge'
style='background-color: #b15d48'
data-value-init='#b15d48'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/AMARANTE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/AMARANTE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/AMARANTE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/AMARANTE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/AMARANTE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/AMARANTE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/AMARANTE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/AMARANTE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rouge'
style='background-color: #b15d48'
data-value-init='#b15d48'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CINABRE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CINABRE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/CINABRE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CINABRE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CINABRE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CINABRE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CINABRE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CINABRE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Violet'
style='background-color: #6a539b'
data-value-init='#6a539b'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/BOURGOGNE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/BOURGOGNE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/BOURGOGNE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/BOURGOGNE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/BOURGOGNE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/BOURGOGNE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/BOURGOGNE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/BOURGOGNE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rouge'
style='background-color: #b15d48'
data-value-init='#b15d48'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/TERRACOTTA_a084048e-006f-4faa-bc7f-ac889db7e0e6.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/TERRACOTTA_a084048e-006f-4faa-bc7f-ac889db7e0e6.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/TERRACOTTA_a084048e-006f-4faa-bc7f-ac889db7e0e6.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/TERRACOTTA_a084048e-006f-4faa-bc7f-ac889db7e0e6.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/TERRACOTTA_a084048e-006f-4faa-bc7f-ac889db7e0e6.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/TERRACOTTA_a084048e-006f-4faa-bc7f-ac889db7e0e6.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/TERRACOTTA_a084048e-006f-4faa-bc7f-ac889db7e0e6.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/TERRACOTTA_a084048e-006f-4faa-bc7f-ac889db7e0e6.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Marron'
style='background-color: #a77e48'
data-value-init='#a77e48'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/BISCUIT.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/BISCUIT.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/BISCUIT.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/BISCUIT.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/BISCUIT.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/BISCUIT.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/BISCUIT.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/BISCUIT.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Marron'
style='background-color: #a77e48'
data-value-init='#a77e48'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/SEPIA.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/SEPIA.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/SEPIA.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/SEPIA.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/SEPIA.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/SEPIA.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/SEPIA.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/SEPIA.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rouge'
style='background-color: #b15d48'
data-value-init='#b15d48'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/ROOIBOS.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/ROOIBOS.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/ROOIBOS.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/ROOIBOS.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/ROOIBOS.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/ROOIBOS.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/ROOIBOS.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/ROOIBOS.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Orange'
style='background-color: #cd7346'
data-value-init='#cd7346'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/ABRICOT.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/ABRICOT.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/ABRICOT.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/ABRICOT.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/ABRICOT.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/ABRICOT.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/ABRICOT.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/ABRICOT.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Orange'
style='background-color: #cd7346'
data-value-init='#cd7346'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CAPUCINE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CAPUCINE.png?crop=center&height=48&v=1768930352&width=48 48w,//caravane.com/cdn/shop/files/CAPUCINE.png?crop=center&height=96&v=1768930352&width=96 96w,//caravane.com/cdn/shop/files/CAPUCINE.png?crop=center&height=160&v=1768930352&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CAPUCINE.png?crop=center&height=96&v=1768930352&width=96 96w,//caravane.com/cdn/shop/files/CAPUCINE.png?crop=center&height=160&v=1768930352&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CAPUCINE.png?crop=center&height=12&v=1768930352&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CAPUCINE.png?crop=center&height=12&v=1768930352&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rouge'
style='background-color: #b15d48'
data-value-init='#b15d48'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CANYON.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CANYON.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/CANYON.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CANYON.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CANYON.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CANYON.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CANYON.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CANYON.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rose'
style='background-color: #e0c3bd'
data-value-init='#e0c3bd'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/CAMELIA.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/CAMELIA.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/CAMELIA.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CAMELIA.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/CAMELIA.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/CAMELIA.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/CAMELIA.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/CAMELIA.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rose'
style='background-color: #e0c3bd'
data-value-init='#e0c3bd'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/QUARTZ.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/QUARTZ.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/QUARTZ.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/QUARTZ.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/QUARTZ.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/QUARTZ.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/QUARTZ.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/QUARTZ.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rose'
style='background-color: #e0c3bd'
data-value-init='#e0c3bd'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/AUBE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/AUBE.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/AUBE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/AUBE.png?crop=center&height=160&v=1768930350&width=160 160w,//caravane.com/cdn/shop/files/AUBE.png?crop=center&height=320&v=1768930350&width=320 320w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/AUBE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/AUBE.png?crop=center&height=160&v=1768930350&width=160 160w,//caravane.com/cdn/shop/files/AUBE.png?crop=center&height=320&v=1768930350&width=320 320w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/AUBE.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/AUBE.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rose'
style='background-color: #e0c3bd'
data-value-init='#e0c3bd'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/PETALE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/PETALE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/PETALE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/PETALE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/PETALE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/PETALE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/PETALE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/PETALE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rose'
style='background-color: #e0c3bd'
data-value-init='#e0c3bd'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/DRAGEE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/DRAGEE.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/DRAGEE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/DRAGEE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/DRAGEE.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/DRAGEE.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/DRAGEE.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/DRAGEE.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Violet'
style='background-color: #6a539b'
data-value-init='#6a539b'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/PLUME.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/PLUME.png?crop=center&height=48&v=1768930350&width=48 48w,//caravane.com/cdn/shop/files/PLUME.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/PLUME.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/PLUME.png?crop=center&height=96&v=1768930350&width=96 96w,//caravane.com/cdn/shop/files/PLUME.png?crop=center&height=160&v=1768930350&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/PLUME.png?crop=center&height=12&v=1768930350&width=12" alt="" srcset="//caravane.com/cdn/shop/files/PLUME.png?crop=center&height=12&v=1768930350&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Violet'
style='background-color: #6a539b'
data-value-init='#6a539b'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/AURORE.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/AURORE.png?crop=center&height=48&v=1768930351&width=48 48w,//caravane.com/cdn/shop/files/AURORE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/AURORE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/AURORE.png?crop=center&height=96&v=1768930351&width=96 96w,//caravane.com/cdn/shop/files/AURORE.png?crop=center&height=160&v=1768930351&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/AURORE.png?crop=center&height=12&v=1768930351&width=12" alt="" srcset="//caravane.com/cdn/shop/files/AURORE.png?crop=center&height=12&v=1768930351&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span>À partir de</span>
<span class='inline-flex flex-row items-center'>
<span><span class="money">3.200€</span></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Tissu lin Selena - 2 places - L 180 cm - Option convertible
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">3.200€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false,swipeIndex:0}'
class='group span-w-6 lg:span-w-3'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/miroir-ame-laiton'>
<div
x-effect="let idx = $store.global.plpShowLifestyleView ? 1 : 0; $el.scrollTo({ left: idx * $el.offsetWidth, behavior: 'smooth' }); swipeIndex = idx"
@scroll.passive='swipeIndex = Math.round($el.scrollLeft / $el.offsetWidth)'
class='relative flex h-full w-full scrollbar-hide lg-max:snap-x lg-max:snap-mandatory lg-max:overflow-x-scroll [&>*]:w-full [&>*]:shrink-0 [&>*]:snap-start'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=64&v=1769444342&width=48 48w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=128&v=1769444342&width=96 96w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=213&v=1769444342&width=160 160w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=425&v=1769444342&width=320 320w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=851&v=1769444342&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=127&v=1769444342&width=96 96w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=212&v=1769444342&width=160 160w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=423&v=1769444342&width=320 320w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=847&v=1769444342&width=640 640w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=1270&v=1769444342&width=960 960w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=1587&v=1769444342&width=1200 1200w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=2540&v=1769444342&width=1920 1920w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=3175&v=1769444342&width=2400 2400w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=209&v=1769444342&width=158" alt="Miroir Ame" srcset="//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=209&v=1769444342&width=158 158w" width="158" height="209" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<picture class='block relative lg:absolute lg:inset-0 lg-max:!opacity-100 lg:transition-opacity lg:ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/Shoot10_029.jpg?crop=center&height=64&v=1769444342&width=48 48w,//caravane.com/cdn/shop/files/Shoot10_029.jpg?crop=center&height=128&v=1769444342&width=96 96w,//caravane.com/cdn/shop/files/Shoot10_029.jpg?crop=center&height=213&v=1769444342&width=160 160w,//caravane.com/cdn/shop/files/Shoot10_029.jpg?crop=center&height=425&v=1769444342&width=320 320w,//caravane.com/cdn/shop/files/Shoot10_029.jpg?crop=center&height=851&v=1769444342&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/Shoot10_029.jpg?crop=center&height=127&v=1769444342&width=96 96w,//caravane.com/cdn/shop/files/Shoot10_029.jpg?crop=center&height=212&v=1769444342&width=160 160w,//caravane.com/cdn/shop/files/Shoot10_029.jpg?crop=center&height=423&v=1769444342&width=320 320w,//caravane.com/cdn/shop/files/Shoot10_029.jpg?crop=center&height=847&v=1769444342&width=640 640w,//caravane.com/cdn/shop/files/Shoot10_029.jpg?crop=center&height=1270&v=1769444342&width=960 960w,//caravane.com/cdn/shop/files/Shoot10_029.jpg?crop=center&height=1587&v=1769444342&width=1200 1200w,//caravane.com/cdn/shop/files/Shoot10_029.jpg?crop=center&height=2540&v=1769444342&width=1920 1920w,//caravane.com/cdn/shop/files/Shoot10_029.jpg?crop=center&height=3175&v=1769444342&width=2400 2400w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/Shoot10_029.jpg?crop=center&height=209&v=1769444342&width=158" alt="Grand miroir mural fin en laiton doré serti main Ame" srcset="//caravane.com/cdn/shop/files/Shoot10_029.jpg?crop=center&height=209&v=1769444342&width=158 158w" width="158" height="209" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0'
type='button'
x-data="{loading:false}" @click='(function (event){loading=true;liquidAjaxCart.add({items:[{id:16891602239606,quantity: 1}]}); event.preventDefault(); event.stopPropagation(); return false;})(event)'><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></button>
</div>
</div>
<div class='flex items-center justify-center gap-4 pt-6 lg:hidden'>
<span
class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
:class="swipeIndex === 0 ? 'bg-brown-dark' : 'bg-stroke-light'"
></span>
<span
class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
:class="swipeIndex === 1 ? 'bg-brown-dark' : 'bg-stroke-light'"
></span>
</div>
<a href='/products/miroir-ame-laiton'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-col lg:flex-row lg:items-center lg:gutter-gap-1 lg:pb-0 items-start gap-2 pb-4'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Miroir Ame
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+3
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Doré'
style='background-color: #e5c989'
data-value-init='#e5c989'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Doré'
style='background-color: #e5c989'
data-value-init='#e5c989'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Doré'
style='background-color: #e5c989'
data-value-init='#e5c989'
>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span><span class="money">150€</span></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Laiton serti main
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">150€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false,swipeIndex:0}'
class='group span-w-6 lg:span-w-3'
>
<div
class='relative overflow-clip shrink-0'
><div class='inline-block bg-white px-8 pb-7 pt-8 text-11 leading-none tracking-tight text-brown-dark absolute left-10 top-9 z-1'>
Nouveaux coloris
</div>
<a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/courtepointe-selena-lin-lave'>
<div
x-effect="let idx = $store.global.plpShowLifestyleView ? 1 : 0; $el.scrollTo({ left: idx * $el.offsetWidth, behavior: 'smooth' }); swipeIndex = idx"
@scroll.passive='swipeIndex = Math.round($el.scrollLeft / $el.offsetWidth)'
class='relative flex h-full w-full scrollbar-hide lg-max:snap-x lg-max:snap-mandatory lg-max:overflow-x-scroll [&>*]:w-full [&>*]:shrink-0 [&>*]:snap-start'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/Caravane_Canapeetlits_82.jpg?crop=center&height=64&v=1767361122&width=48 48w,//caravane.com/cdn/shop/files/Caravane_Canapeetlits_82.jpg?crop=center&height=128&v=1767361122&width=96 96w,//caravane.com/cdn/shop/files/Caravane_Canapeetlits_82.jpg?crop=center&height=213&v=1767361122&width=160 160w,//caravane.com/cdn/shop/files/Caravane_Canapeetlits_82.jpg?crop=center&height=425&v=1767361122&width=320 320w,//caravane.com/cdn/shop/files/Caravane_Canapeetlits_82.jpg?crop=center&height=851&v=1767361122&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/Caravane_Canapeetlits_82.jpg?crop=center&height=127&v=1767361122&width=96 96w,//caravane.com/cdn/shop/files/Caravane_Canapeetlits_82.jpg?crop=center&height=212&v=1767361122&width=160 160w,//caravane.com/cdn/shop/files/Caravane_Canapeetlits_82.jpg?crop=center&height=423&v=1767361122&width=320 320w,//caravane.com/cdn/shop/files/Caravane_Canapeetlits_82.jpg?crop=center&height=847&v=1767361122&width=640 640w,//caravane.com/cdn/shop/files/Caravane_Canapeetlits_82.jpg?crop=center&height=1270&v=1767361122&width=960 960w,//caravane.com/cdn/shop/files/Caravane_Canapeetlits_82.jpg?crop=center&height=1587&v=1767361122&width=1200 1200w,//caravane.com/cdn/shop/files/Caravane_Canapeetlits_82.jpg?crop=center&height=2540&v=1767361122&width=1920 1920w,//caravane.com/cdn/shop/files/Caravane_Canapeetlits_82.jpg?crop=center&height=3175&v=1767361122&width=2400 2400w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/Caravane_Canapeetlits_82.jpg?crop=center&height=209&v=1767361122&width=158" alt="Courtepointe colorée unie pour le bout de votre lit en lin lavé" srcset="//caravane.com/cdn/shop/files/Caravane_Canapeetlits_82.jpg?crop=center&height=209&v=1767361122&width=158 158w" width="158" height="209" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<picture class='block relative lg:absolute lg:inset-0 lg-max:!opacity-100 lg:transition-opacity lg:ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/Courtepointe-Selena-Cobalt.jpg?crop=center&height=64&v=1767361122&width=48 48w,//caravane.com/cdn/shop/files/Courtepointe-Selena-Cobalt.jpg?crop=center&height=128&v=1767361122&width=96 96w,//caravane.com/cdn/shop/files/Courtepointe-Selena-Cobalt.jpg?crop=center&height=213&v=1767361122&width=160 160w,//caravane.com/cdn/shop/files/Courtepointe-Selena-Cobalt.jpg?crop=center&height=425&v=1767361122&width=320 320w,//caravane.com/cdn/shop/files/Courtepointe-Selena-Cobalt.jpg?crop=center&height=851&v=1767361122&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/Courtepointe-Selena-Cobalt.jpg?crop=center&height=127&v=1767361122&width=96 96w,//caravane.com/cdn/shop/files/Courtepointe-Selena-Cobalt.jpg?crop=center&height=212&v=1767361122&width=160 160w,//caravane.com/cdn/shop/files/Courtepointe-Selena-Cobalt.jpg?crop=center&height=423&v=1767361122&width=320 320w,//caravane.com/cdn/shop/files/Courtepointe-Selena-Cobalt.jpg?crop=center&height=847&v=1767361122&width=640 640w,//caravane.com/cdn/shop/files/Courtepointe-Selena-Cobalt.jpg?crop=center&height=1270&v=1767361122&width=960 960w,//caravane.com/cdn/shop/files/Courtepointe-Selena-Cobalt.jpg?crop=center&height=1587&v=1767361122&width=1200 1200w,//caravane.com/cdn/shop/files/Courtepointe-Selena-Cobalt.jpg?crop=center&height=2540&v=1767361122&width=1920 1920w,//caravane.com/cdn/shop/files/Courtepointe-Selena-Cobalt.jpg?crop=center&height=3175&v=1767361122&width=2400 2400w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/Courtepointe-Selena-Cobalt.jpg?crop=center&height=209&v=1767361122&width=158" alt="Courtepointe Selena en lin lavé Cobalt" srcset="//caravane.com/cdn/shop/files/Courtepointe-Selena-Cobalt.jpg?crop=center&height=209&v=1767361122&width=158 158w" width="158" height="209" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible pointer-events-none transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<div
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0'
type='button'
x-data="{loading:false}"
role='button'
tabindex='0'
><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Bientôt disponible</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></div>
</div>
</div>
<div class='flex items-center justify-center gap-4 pt-6 lg:hidden'>
<span
class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
:class="swipeIndex === 0 ? 'bg-brown-dark' : 'bg-stroke-light'"
></span>
<span
class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
:class="swipeIndex === 1 ? 'bg-brown-dark' : 'bg-stroke-light'"
></span>
</div>
<a href='/products/courtepointe-selena-lin-lave'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-col lg:flex-row lg:items-center lg:gutter-gap-1 lg:pb-0 items-start gap-2 pb-4'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Courtepointe Selena
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+3
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rose'
style='background-color: #e0c3bd'
data-value-init='#e0c3bd'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #e9ccc7'
data-value='#e9ccc7'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #618ba3'
data-value='#618ba3'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Jaune'
style='background-color: #ecc856'
data-value-init='#ecc856'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Marron'
style='background-color: #a77e48'
data-value-init='#a77e48'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #9b6931'
data-value='#9b6931'
></span>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span><span class="money">355€</span></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Lin lavé
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">355€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false,swipeIndex:0}'
class='group span-w-6 lg:span-w-3'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/dupattar'>
<div
x-effect="let idx = $store.global.plpShowLifestyleView ? 1 : 0; $el.scrollTo({ left: idx * $el.offsetWidth, behavior: 'smooth' }); swipeIndex = idx"
@scroll.passive='swipeIndex = Math.round($el.scrollLeft / $el.offsetWidth)'
class='relative flex h-full w-full scrollbar-hide lg-max:snap-x lg-max:snap-mandatory lg-max:overflow-x-scroll [&>*]:w-full [&>*]:shrink-0 [&>*]:snap-start'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=64&v=1774457195&width=48 48w,//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=128&v=1774457195&width=96 96w,//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=213&v=1774457195&width=160 160w,//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=425&v=1774457195&width=320 320w,//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=851&v=1774457195&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=127&v=1774457195&width=96 96w,//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=212&v=1774457195&width=160 160w,//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=423&v=1774457195&width=320 320w,//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=847&v=1774457195&width=640 640w,//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=1270&v=1774457195&width=960 960w,//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=1587&v=1774457195&width=1200 1200w,//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=2540&v=1774457195&width=1920 1920w,//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=3175&v=1774457195&width=2400 2400w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=209&v=1774457195&width=158" alt="Rideau Dupatta" srcset="//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=209&v=1774457195&width=158 158w" width="158" height="209" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<picture class='block relative lg:absolute lg:inset-0 lg-max:!opacity-100 lg:transition-opacity lg:ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=64&v=1774457195&width=48 48w,//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=128&v=1774457195&width=96 96w,//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=213&v=1774457195&width=160 160w,//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=425&v=1774457195&width=320 320w,//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=851&v=1774457195&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=127&v=1774457195&width=96 96w,//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=212&v=1774457195&width=160 160w,//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=423&v=1774457195&width=320 320w,//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=847&v=1774457195&width=640 640w,//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=1270&v=1774457195&width=960 960w,//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=1587&v=1774457195&width=1200 1200w,//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=2540&v=1774457195&width=1920 1920w,//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=3175&v=1774457195&width=2400 2400w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=209&v=1774457195&width=158" alt="Rideau Dupatta à motifs joyeux et colorés en coton biologique" srcset="//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=209&v=1774457195&width=158 158w" width="158" height="209" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0'
type='button'
x-data="{loading:false}" @click='(function (event){loading=true;liquidAjaxCart.add({items:[{id:31796736393334,quantity: 1}]}); event.preventDefault(); event.stopPropagation(); return false;})(event)'><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></button>
</div>
</div>
<div class='flex items-center justify-center gap-4 pt-6 lg:hidden'>
<span
class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
:class="swipeIndex === 0 ? 'bg-brown-dark' : 'bg-stroke-light'"
></span>
<span
class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
:class="swipeIndex === 1 ? 'bg-brown-dark' : 'bg-stroke-light'"
></span>
</div>
<a href='/products/dupattar'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-col lg:flex-row lg:items-center lg:gutter-gap-1 lg:pb-0 items-start gap-2 pb-4'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Rideau Dupatta
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
</p>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span><span class="money">190€</span></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Coton biologique
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">190€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false,swipeIndex:0}'
class='group span-w-6 lg:span-w-3'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/lira'>
<div
x-effect="let idx = $store.global.plpShowLifestyleView ? 1 : 0; $el.scrollTo({ left: idx * $el.offsetWidth, behavior: 'smooth' }); swipeIndex = idx"
@scroll.passive='swipeIndex = Math.round($el.scrollLeft / $el.offsetWidth)'
class='relative flex h-full w-full scrollbar-hide lg-max:snap-x lg-max:snap-mandatory lg-max:overflow-x-scroll [&>*]:w-full [&>*]:shrink-0 [&>*]:snap-start'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/Tapis-Lira-lirette-coton-Canyon.jpg?crop=center&height=64&v=1771338305&width=48 48w,//caravane.com/cdn/shop/files/Tapis-Lira-lirette-coton-Canyon.jpg?crop=center&height=128&v=1771338305&width=96 96w,//caravane.com/cdn/shop/files/Tapis-Lira-lirette-coton-Canyon.jpg?crop=center&height=213&v=1771338305&width=160 160w,//caravane.com/cdn/shop/files/Tapis-Lira-lirette-coton-Canyon.jpg?crop=center&height=425&v=1771338305&width=320 320w,//caravane.com/cdn/shop/files/Tapis-Lira-lirette-coton-Canyon.jpg?crop=center&height=851&v=1771338305&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/Tapis-Lira-lirette-coton-Canyon.jpg?crop=center&height=127&v=1771338305&width=96 96w,//caravane.com/cdn/shop/files/Tapis-Lira-lirette-coton-Canyon.jpg?crop=center&height=212&v=1771338305&width=160 160w,//caravane.com/cdn/shop/files/Tapis-Lira-lirette-coton-Canyon.jpg?crop=center&height=423&v=1771338305&width=320 320w,//caravane.com/cdn/shop/files/Tapis-Lira-lirette-coton-Canyon.jpg?crop=center&height=847&v=1771338305&width=640 640w,//caravane.com/cdn/shop/files/Tapis-Lira-lirette-coton-Canyon.jpg?crop=center&height=1270&v=1771338305&width=960 960w,//caravane.com/cdn/shop/files/Tapis-Lira-lirette-coton-Canyon.jpg?crop=center&height=1587&v=1771338305&width=1200 1200w,//caravane.com/cdn/shop/files/Tapis-Lira-lirette-coton-Canyon.jpg?crop=center&height=2540&v=1771338305&width=1920 1920w,//caravane.com/cdn/shop/files/Tapis-Lira-lirette-coton-Canyon.jpg?crop=center&height=3175&v=1771338305&width=2400 2400w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/Tapis-Lira-lirette-coton-Canyon.jpg?crop=center&height=209&v=1771338305&width=158" alt="grand tapis lirette en coton coloré Lira en coton" srcset="//caravane.com/cdn/shop/files/Tapis-Lira-lirette-coton-Canyon.jpg?crop=center&height=209&v=1771338305&width=158 158w" width="158" height="209" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<picture class='block relative lg:absolute lg:inset-0 lg-max:!opacity-100 lg:transition-opacity lg:ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/TAPISLIRACANYON170x240.png?crop=center&height=64&v=1773142555&width=48 48w,//caravane.com/cdn/shop/files/TAPISLIRACANYON170x240.png?crop=center&height=128&v=1773142555&width=96 96w,//caravane.com/cdn/shop/files/TAPISLIRACANYON170x240.png?crop=center&height=213&v=1773142555&width=160 160w,//caravane.com/cdn/shop/files/TAPISLIRACANYON170x240.png?crop=center&height=425&v=1773142555&width=320 320w,//caravane.com/cdn/shop/files/TAPISLIRACANYON170x240.png?crop=center&height=851&v=1773142555&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/TAPISLIRACANYON170x240.png?crop=center&height=127&v=1773142555&width=96 96w,//caravane.com/cdn/shop/files/TAPISLIRACANYON170x240.png?crop=center&height=212&v=1773142555&width=160 160w,//caravane.com/cdn/shop/files/TAPISLIRACANYON170x240.png?crop=center&height=423&v=1773142555&width=320 320w,//caravane.com/cdn/shop/files/TAPISLIRACANYON170x240.png?crop=center&height=847&v=1773142555&width=640 640w,//caravane.com/cdn/shop/files/TAPISLIRACANYON170x240.png?crop=center&height=1270&v=1773142555&width=960 960w,//caravane.com/cdn/shop/files/TAPISLIRACANYON170x240.png?crop=center&height=1587&v=1773142555&width=1200 1200w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/TAPISLIRACANYON170x240.png?crop=center&height=209&v=1773142555&width=158" alt="Tapis Lira" srcset="//caravane.com/cdn/shop/files/TAPISLIRACANYON170x240.png?crop=center&height=209&v=1773142555&width=158 158w" width="158" height="209" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0'
type='button'
x-data="{loading:false}" @click='(function (event){loading=true;liquidAjaxCart.add({items:[{id:31612280111222,quantity: 1}]}); event.preventDefault(); event.stopPropagation(); return false;})(event)'><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></button>
</div>
</div>
<div class='flex items-center justify-center gap-4 pt-6 lg:hidden'>
<span
class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
:class="swipeIndex === 0 ? 'bg-brown-dark' : 'bg-stroke-light'"
></span>
<span
class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
:class="swipeIndex === 1 ? 'bg-brown-dark' : 'bg-stroke-light'"
></span>
</div>
<a href='/products/lira'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-col lg:flex-row lg:items-center lg:gutter-gap-1 lg:pb-0 items-start gap-2 pb-4'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Tapis Lira
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+3
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/Lira-Glacier.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/Lira-Glacier.png?crop=center&height=48&v=1770311191&width=48 48w,//caravane.com/cdn/shop/files/Lira-Glacier.png?crop=center&height=96&v=1770311191&width=96 96w,//caravane.com/cdn/shop/files/Lira-Glacier.png?crop=center&height=160&v=1770311191&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/Lira-Glacier.png?crop=center&height=96&v=1770311191&width=96 96w,//caravane.com/cdn/shop/files/Lira-Glacier.png?crop=center&height=160&v=1770311191&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/Lira-Glacier.png?crop=center&height=12&v=1770311191&width=12" alt="" srcset="//caravane.com/cdn/shop/files/Lira-Glacier.png?crop=center&height=12&v=1770311191&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rouge'
style='background-color: #b15d48'
data-value-init='#b15d48'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/Lira-Canyon.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/Lira-Canyon.png?crop=center&height=48&v=1770311191&width=48 48w,//caravane.com/cdn/shop/files/Lira-Canyon.png?crop=center&height=96&v=1770311191&width=96 96w,//caravane.com/cdn/shop/files/Lira-Canyon.png?crop=center&height=160&v=1770311191&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/Lira-Canyon.png?crop=center&height=96&v=1770311191&width=96 96w,//caravane.com/cdn/shop/files/Lira-Canyon.png?crop=center&height=160&v=1770311191&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/Lira-Canyon.png?crop=center&height=12&v=1770311191&width=12" alt="" srcset="//caravane.com/cdn/shop/files/Lira-Canyon.png?crop=center&height=12&v=1770311191&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/Lira-Laurier.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/Lira-Laurier.png?crop=center&height=48&v=1770311191&width=48 48w,//caravane.com/cdn/shop/files/Lira-Laurier.png?crop=center&height=96&v=1770311191&width=96 96w,//caravane.com/cdn/shop/files/Lira-Laurier.png?crop=center&height=160&v=1770311191&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/Lira-Laurier.png?crop=center&height=96&v=1770311191&width=96 96w,//caravane.com/cdn/shop/files/Lira-Laurier.png?crop=center&height=160&v=1770311191&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/Lira-Laurier.png?crop=center&height=12&v=1770311191&width=12" alt="" srcset="//caravane.com/cdn/shop/files/Lira-Laurier.png?crop=center&height=12&v=1770311191&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Jaune'
style='background-color: #ecc856'
data-value-init='#ecc856'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/Lira-curcuma.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/Lira-curcuma.png?crop=center&height=48&v=1770311192&width=48 48w,//caravane.com/cdn/shop/files/Lira-curcuma.png?crop=center&height=96&v=1770311192&width=96 96w,//caravane.com/cdn/shop/files/Lira-curcuma.png?crop=center&height=160&v=1770311192&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/Lira-curcuma.png?crop=center&height=96&v=1770311192&width=96 96w,//caravane.com/cdn/shop/files/Lira-curcuma.png?crop=center&height=160&v=1770311192&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/Lira-curcuma.png?crop=center&height=12&v=1770311192&width=12" alt="" srcset="//caravane.com/cdn/shop/files/Lira-curcuma.png?crop=center&height=12&v=1770311192&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/Lira-Glacier.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/Lira-Glacier.png?crop=center&height=48&v=1770311191&width=48 48w,//caravane.com/cdn/shop/files/Lira-Glacier.png?crop=center&height=96&v=1770311191&width=96 96w,//caravane.com/cdn/shop/files/Lira-Glacier.png?crop=center&height=160&v=1770311191&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/Lira-Glacier.png?crop=center&height=96&v=1770311191&width=96 96w,//caravane.com/cdn/shop/files/Lira-Glacier.png?crop=center&height=160&v=1770311191&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/Lira-Glacier.png?crop=center&height=12&v=1770311191&width=12" alt="" srcset="//caravane.com/cdn/shop/files/Lira-Glacier.png?crop=center&height=12&v=1770311191&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rouge'
style='background-color: #b15d48'
data-value-init='#b15d48'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/Lira-Canyon.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/Lira-Canyon.png?crop=center&height=48&v=1770311191&width=48 48w,//caravane.com/cdn/shop/files/Lira-Canyon.png?crop=center&height=96&v=1770311191&width=96 96w,//caravane.com/cdn/shop/files/Lira-Canyon.png?crop=center&height=160&v=1770311191&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/Lira-Canyon.png?crop=center&height=96&v=1770311191&width=96 96w,//caravane.com/cdn/shop/files/Lira-Canyon.png?crop=center&height=160&v=1770311191&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/Lira-Canyon.png?crop=center&height=12&v=1770311191&width=12" alt="" srcset="//caravane.com/cdn/shop/files/Lira-Canyon.png?crop=center&height=12&v=1770311191&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/Lira-Laurier.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/Lira-Laurier.png?crop=center&height=48&v=1770311191&width=48 48w,//caravane.com/cdn/shop/files/Lira-Laurier.png?crop=center&height=96&v=1770311191&width=96 96w,//caravane.com/cdn/shop/files/Lira-Laurier.png?crop=center&height=160&v=1770311191&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/Lira-Laurier.png?crop=center&height=96&v=1770311191&width=96 96w,//caravane.com/cdn/shop/files/Lira-Laurier.png?crop=center&height=160&v=1770311191&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/Lira-Laurier.png?crop=center&height=12&v=1770311191&width=12" alt="" srcset="//caravane.com/cdn/shop/files/Lira-Laurier.png?crop=center&height=12&v=1770311191&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Jaune'
style='background-color: #ecc856'
data-value-init='#ecc856'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/Lira-curcuma.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/Lira-curcuma.png?crop=center&height=48&v=1770311192&width=48 48w,//caravane.com/cdn/shop/files/Lira-curcuma.png?crop=center&height=96&v=1770311192&width=96 96w,//caravane.com/cdn/shop/files/Lira-curcuma.png?crop=center&height=160&v=1770311192&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/Lira-curcuma.png?crop=center&height=96&v=1770311192&width=96 96w,//caravane.com/cdn/shop/files/Lira-curcuma.png?crop=center&height=160&v=1770311192&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/Lira-curcuma.png?crop=center&height=12&v=1770311192&width=12" alt="" srcset="//caravane.com/cdn/shop/files/Lira-curcuma.png?crop=center&height=12&v=1770311192&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/Lira-Glacier.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/Lira-Glacier.png?crop=center&height=48&v=1770311191&width=48 48w,//caravane.com/cdn/shop/files/Lira-Glacier.png?crop=center&height=96&v=1770311191&width=96 96w,//caravane.com/cdn/shop/files/Lira-Glacier.png?crop=center&height=160&v=1770311191&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/Lira-Glacier.png?crop=center&height=96&v=1770311191&width=96 96w,//caravane.com/cdn/shop/files/Lira-Glacier.png?crop=center&height=160&v=1770311191&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/Lira-Glacier.png?crop=center&height=12&v=1770311191&width=12" alt="" srcset="//caravane.com/cdn/shop/files/Lira-Glacier.png?crop=center&height=12&v=1770311191&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rouge'
style='background-color: #b15d48'
data-value-init='#b15d48'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/Lira-Canyon.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/Lira-Canyon.png?crop=center&height=48&v=1770311191&width=48 48w,//caravane.com/cdn/shop/files/Lira-Canyon.png?crop=center&height=96&v=1770311191&width=96 96w,//caravane.com/cdn/shop/files/Lira-Canyon.png?crop=center&height=160&v=1770311191&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/Lira-Canyon.png?crop=center&height=96&v=1770311191&width=96 96w,//caravane.com/cdn/shop/files/Lira-Canyon.png?crop=center&height=160&v=1770311191&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/Lira-Canyon.png?crop=center&height=12&v=1770311191&width=12" alt="" srcset="//caravane.com/cdn/shop/files/Lira-Canyon.png?crop=center&height=12&v=1770311191&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/Lira-Laurier.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/Lira-Laurier.png?crop=center&height=48&v=1770311191&width=48 48w,//caravane.com/cdn/shop/files/Lira-Laurier.png?crop=center&height=96&v=1770311191&width=96 96w,//caravane.com/cdn/shop/files/Lira-Laurier.png?crop=center&height=160&v=1770311191&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/Lira-Laurier.png?crop=center&height=96&v=1770311191&width=96 96w,//caravane.com/cdn/shop/files/Lira-Laurier.png?crop=center&height=160&v=1770311191&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/Lira-Laurier.png?crop=center&height=12&v=1770311191&width=12" alt="" srcset="//caravane.com/cdn/shop/files/Lira-Laurier.png?crop=center&height=12&v=1770311191&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Jaune'
style='background-color: #ecc856'
data-value-init='#ecc856'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/Lira-curcuma.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/Lira-curcuma.png?crop=center&height=48&v=1770311192&width=48 48w,//caravane.com/cdn/shop/files/Lira-curcuma.png?crop=center&height=96&v=1770311192&width=96 96w,//caravane.com/cdn/shop/files/Lira-curcuma.png?crop=center&height=160&v=1770311192&width=160 160w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/Lira-curcuma.png?crop=center&height=96&v=1770311192&width=96 96w,//caravane.com/cdn/shop/files/Lira-curcuma.png?crop=center&height=160&v=1770311192&width=160 160w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/Lira-curcuma.png?crop=center&height=12&v=1770311192&width=12" alt="" srcset="//caravane.com/cdn/shop/files/Lira-curcuma.png?crop=center&height=12&v=1770311192&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span><span class="money">115€</span></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Coton
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">115€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false,swipeIndex:0}'
class='group span-w-6 lg:span-w-3'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/abat-jour-baco'>
<div
x-effect="let idx = $store.global.plpShowLifestyleView ? 1 : 0; $el.scrollTo({ left: idx * $el.offsetWidth, behavior: 'smooth' }); swipeIndex = idx"
@scroll.passive='swipeIndex = Math.round($el.scrollLeft / $el.offsetWidth)'
class='relative flex h-full w-full scrollbar-hide lg-max:snap-x lg-max:snap-mandatory lg-max:overflow-x-scroll [&>*]:w-full [&>*]:shrink-0 [&>*]:snap-start'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9704.jpg?crop=center&height=64&v=1770226697&width=48 48w,//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9704.jpg?crop=center&height=128&v=1770226697&width=96 96w,//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9704.jpg?crop=center&height=213&v=1770226697&width=160 160w,//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9704.jpg?crop=center&height=425&v=1770226697&width=320 320w,//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9704.jpg?crop=center&height=851&v=1770226697&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9704.jpg?crop=center&height=127&v=1770226697&width=96 96w,//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9704.jpg?crop=center&height=212&v=1770226697&width=160 160w,//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9704.jpg?crop=center&height=423&v=1770226697&width=320 320w,//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9704.jpg?crop=center&height=847&v=1770226697&width=640 640w,//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9704.jpg?crop=center&height=1270&v=1770226697&width=960 960w,//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9704.jpg?crop=center&height=1587&v=1770226697&width=1200 1200w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9704.jpg?crop=center&height=209&v=1770226697&width=158" alt="Abat-jour Baco" srcset="//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9704.jpg?crop=center&height=209&v=1770226697&width=158 158w" width="158" height="209" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<picture class='block relative lg:absolute lg:inset-0 lg-max:!opacity-100 lg:transition-opacity lg:ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/ABAT-JOURBACORONDE_4989470d-e10a-4757-a846-b40b7a63aae8.png?crop=center&height=64&v=1770289095&width=48 48w,//caravane.com/cdn/shop/files/ABAT-JOURBACORONDE_4989470d-e10a-4757-a846-b40b7a63aae8.png?crop=center&height=128&v=1770289095&width=96 96w,//caravane.com/cdn/shop/files/ABAT-JOURBACORONDE_4989470d-e10a-4757-a846-b40b7a63aae8.png?crop=center&height=213&v=1770289095&width=160 160w,//caravane.com/cdn/shop/files/ABAT-JOURBACORONDE_4989470d-e10a-4757-a846-b40b7a63aae8.png?crop=center&height=425&v=1770289095&width=320 320w,//caravane.com/cdn/shop/files/ABAT-JOURBACORONDE_4989470d-e10a-4757-a846-b40b7a63aae8.png?crop=center&height=851&v=1770289095&width=640 640w' width='173' height='230'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/ABAT-JOURBACORONDE_4989470d-e10a-4757-a846-b40b7a63aae8.png?crop=center&height=127&v=1770289095&width=96 96w,//caravane.com/cdn/shop/files/ABAT-JOURBACORONDE_4989470d-e10a-4757-a846-b40b7a63aae8.png?crop=center&height=212&v=1770289095&width=160 160w,//caravane.com/cdn/shop/files/ABAT-JOURBACORONDE_4989470d-e10a-4757-a846-b40b7a63aae8.png?crop=center&height=423&v=1770289095&width=320 320w,//caravane.com/cdn/shop/files/ABAT-JOURBACORONDE_4989470d-e10a-4757-a846-b40b7a63aae8.png?crop=center&height=847&v=1770289095&width=640 640w,//caravane.com/cdn/shop/files/ABAT-JOURBACORONDE_4989470d-e10a-4757-a846-b40b7a63aae8.png?crop=center&height=1270&v=1770289095&width=960 960w,//caravane.com/cdn/shop/files/ABAT-JOURBACORONDE_4989470d-e10a-4757-a846-b40b7a63aae8.png?crop=center&height=1587&v=1770289095&width=1200 1200w' width='158' height='209'>
<img src="//caravane.com/cdn/shop/files/ABAT-JOURBACORONDE_4989470d-e10a-4757-a846-b40b7a63aae8.png?crop=center&height=209&v=1770289095&width=158" alt="Abat-jour Baco" srcset="//caravane.com/cdn/shop/files/ABAT-JOURBACORONDE_4989470d-e10a-4757-a846-b40b7a63aae8.png?crop=center&height=209&v=1770289095&width=158 158w" width="158" height="209" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0'
type='button'
x-data="{loading:false}" @click='(function (event){loading=true;liquidAjaxCart.add({items:[{id:39453186293878,quantity: 1}]}); event.preventDefault(); event.stopPropagation(); return false;})(event)'><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></button>
</div>
</div>
<div class='flex items-center justify-center gap-4 pt-6 lg:hidden'>
<span
class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
:class="swipeIndex === 0 ? 'bg-brown-dark' : 'bg-stroke-light'"
></span>
<span
class='h-1 w-full flex-1 rounded-full transition-colors duration-300'
:class="swipeIndex === 1 ? 'bg-brown-dark' : 'bg-stroke-light'"
></span>
</div>
<a href='/products/abat-jour-baco'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-col lg:flex-row lg:items-center lg:gutter-gap-1 lg:pb-0 items-start gap-2 pb-4'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Abat-jour Baco
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+2
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Noir'
style='background-color: #000000'
data-value-init='#000000'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Noir'
style='background-color: #000000'
data-value-init='#000000'
>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span><span class="money">200€</span></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Fibre d'abaca
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">200€</span></span>
</span>
</div>
</div>
</a>
</article>
</section>
</div>
</main>
</div>
</section>
</aside><div id="shopify-section-sections--25518791819589__couch-configurator" class="shopify-section shopify-section-group-header-group">
</div><section id="shopify-section-sections--25518791819589__couch-configurator-popin" class="shopify-section shopify-section-group-header-group fixed z-10 bottom-20 inset-x-0 flex justify-center pointer-events-none">
</section>
<!-- END sections: header-group -->
<main id='app' tabindex='-1' class='relative'>
<div
class='relative'
>
<header id="shopify-section-template--23467447746885__slice_fullscreen_media_XM3bPB" class="shopify-section group relative z-0 min-h-viewportMin">
<picture class='block absolute inset-0 lg-max:hidden'>
<source media='(min-width: 1024px)' sizes='100vw' srcset='//caravane.com/cdn/shop/files/Design_sans_titre_76.png?crop=center&height=57&v=1775206404&width=96 96w,//caravane.com/cdn/shop/files/Design_sans_titre_76.png?crop=center&height=94&v=1775206404&width=160 160w,//caravane.com/cdn/shop/files/Design_sans_titre_76.png?crop=center&height=189&v=1775206404&width=320 320w,//caravane.com/cdn/shop/files/Design_sans_titre_76.png?crop=center&height=378&v=1775206404&width=640 640w,//caravane.com/cdn/shop/files/Design_sans_titre_76.png?crop=center&height=567&v=1775206404&width=960 960w,//caravane.com/cdn/shop/files/Design_sans_titre_76.png?crop=center&height=708&v=1775206404&width=1200 1200w,//caravane.com/cdn/shop/files/Design_sans_titre_76.png?crop=center&height=1133&v=1775206404&width=1920 1920w,//caravane.com/cdn/shop/files/Design_sans_titre_76.png?crop=center&height=1417&v=1775206404&width=2400 2400w' width='1440' height='850'>
<img src="//caravane.com/cdn/shop/files/Design_sans_titre_76.png?crop=center&height=850&v=1775206404&width=1440" alt="" srcset="//caravane.com/cdn/shop/files/Design_sans_titre_76.png?crop=center&height=207&v=1775206404&width=352 352w, //caravane.com/cdn/shop/files/Design_sans_titre_76.png?crop=center&height=491&v=1775206404&width=832 832w, //caravane.com/cdn/shop/files/Design_sans_titre_76.png?crop=center&height=708&v=1775206404&width=1200 1200w, //caravane.com/cdn/shop/files/Design_sans_titre_76.png?crop=center&height=850&v=1775206404&width=1440 1440w" width="1440" height="850" loading="eager" class="h-full object-cover bg-white w-full" fetchpriority="high">
</picture>
<picture class='block absolute inset-0 lg:hidden'><source media='(max-width: 1023px)' sizes='110vw' srcset='//caravane.com/cdn/shop/files/BALBI_1.jpg?crop=center&height=81&v=1775227965&width=48 48w,//caravane.com/cdn/shop/files/BALBI_1.jpg?crop=center&height=162&v=1775227965&width=96 96w,//caravane.com/cdn/shop/files/BALBI_1.jpg?crop=center&height=271&v=1775227965&width=160 160w,//caravane.com/cdn/shop/files/BALBI_1.jpg?crop=center&height=541&v=1775227965&width=320 320w,//caravane.com/cdn/shop/files/BALBI_1.jpg?crop=center&height=1082&v=1775227965&width=640 640w' width='414' height='700'>
<img src="//caravane.com/cdn/shop/files/BALBI_1.jpg?v=1775227965" alt="" srcset="//caravane.com/cdn/shop/files/BALBI_1.jpg?v=1775227965&width=352 352w, //caravane.com/cdn/shop/files/BALBI_1.jpg?v=1775227965&width=832 832w, //caravane.com/cdn/shop/files/BALBI_1.jpg?v=1775227965&width=1200 1200w" loading="eager" class="h-full object-cover bg-white w-full" fetchpriority="high">
</picture>
<a
href='/collections/best-sellers'
class='focus-visible:outline-inset absolute inset-0 z-1 focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-4 focus-visible:outline-white'
aria-label='Découvrez nos best-sellers'
></a><div
class='grid-container absolute inset-0 z-2 flex justify-center pointer-events-none items-end'
>
<div class='mb-48 flex flex-col items-center justify-center gap-15 text-center text-white lg:mb-60 lg:gap-16'><p class='text-12 font-bold uppercase'>
</p><h1 class='font-serif text-40 span-w-9 lg:text-50 lg:span-w-8'>
Filtrer la lumière
</h1>
<a
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white lg-max:mt-30 pointer-events-auto'
href='/collections/best-sellers'
tabindex="-1"
>Découvrez nos best-sellers</a></div>
</div>
</header><div id="shopify-section-template--23467447746885__slice_inspiration_carousel_6k9YyT" class="shopify-section relative isolate z-0 overflow-x-clip bg-cream text-brown-dark">
<div class='relative grid grid-cols-1 py-48 gutter-gap-x-1 lg:h-screen lg:pb-100 lg:pt-72'>
<div class='grid-container grid h-full grid-cols-2 overflow-clip gutter-gap-1 lg-max:hidden'>
<figure class='relative mx-auto overflow-clip span-w-10 lg-max:hidden'>
<picture class='block absolute inset-0'>
<source media='(min-width: 1024px)' sizes='39vw' srcset='//caravane.com/cdn/shop/files/Rideau-Lina-Khadi-coton-bio_96c392d3-607c-4f2e-ad63-520e02317eda.jpg?crop=center&height=123&v=1774970173&width=96 96w,//caravane.com/cdn/shop/files/Rideau-Lina-Khadi-coton-bio_96c392d3-607c-4f2e-ad63-520e02317eda.jpg?crop=center&height=205&v=1774970173&width=160 160w,//caravane.com/cdn/shop/files/Rideau-Lina-Khadi-coton-bio_96c392d3-607c-4f2e-ad63-520e02317eda.jpg?crop=center&height=410&v=1774970173&width=320 320w,//caravane.com/cdn/shop/files/Rideau-Lina-Khadi-coton-bio_96c392d3-607c-4f2e-ad63-520e02317eda.jpg?crop=center&height=820&v=1774970173&width=640 640w,//caravane.com/cdn/shop/files/Rideau-Lina-Khadi-coton-bio_96c392d3-607c-4f2e-ad63-520e02317eda.jpg?crop=center&height=1230&v=1774970173&width=960 960w,//caravane.com/cdn/shop/files/Rideau-Lina-Khadi-coton-bio_96c392d3-607c-4f2e-ad63-520e02317eda.jpg?crop=center&height=1538&v=1774970173&width=1200 1200w' width='572' height='733'>
<img src="//caravane.com/cdn/shop/files/Rideau-Lina-Khadi-coton-bio_96c392d3-607c-4f2e-ad63-520e02317eda.jpg?crop=center&height=733&v=1774970173&width=572" alt="" srcset="//caravane.com/cdn/shop/files/Rideau-Lina-Khadi-coton-bio_96c392d3-607c-4f2e-ad63-520e02317eda.jpg?crop=center&height=451&v=1774970173&width=352 352w, //caravane.com/cdn/shop/files/Rideau-Lina-Khadi-coton-bio_96c392d3-607c-4f2e-ad63-520e02317eda.jpg?crop=center&height=733&v=1774970173&width=572 572w" width="572" height="733" loading="eager" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</figure>
</div>
<div class='lg:absolute lg:grid lg:h-full lg:grid-cols-2 lg:gutter-gap-x-1'>
<div class='self-end lg-max:grid-container lg:col-start-2'>
<p class='mb-4 text-12 font-bold uppercase leading-small lg:mb-16'>Collection</p>
<h2 class='font-serif text-22/small span-w-10 lg:text-40'>Rideaux et voilages</h2>
</div>
<div
x-data='slideshow({groupBy:1,autoPlayInterval:0,disableLg:false,orientation:"horizontal",displayChildrenCountMobile:-1,displayChildrenCountDesktop:-1})'
class='mt-16 lg:mt-20 relative lg:col-start-2 lg-max:touch-pan-y'
>
<div
x-ref='wrapper'
@touchstart='handleTouchStart'
@scroll.passive='handleScroll'
class='flex [&>*]:shrink-0 justify-start items-stretch [&>*]:snap-start overflow-auto scrollbar-hide snap-mandatory scroll-smooth touch-pan-x touch-pan-y snap-x overflow-y-hidden lg-max:overscroll-y-none-safari flex flex-row gap-0 lg:gutter-gap-1'
>
<article
@variant-picker-set-price='price = $event.detail'
@variant-picker-set-compare-at-price='compareAtPrice = $event.detail'
@variant-picker-set-image='$useUpdatePicture($refs.hoverPictureContainer, $event.detail)'
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false,price:32000,compareAtPrice:0,image:"//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?v=1767088047"}'
class='group span-w-6 lg:span-w-5 lg-max:margin-pl-1 lg-max:span-w-5-wide'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/rideau-coton-bambou-lin-dafi'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Dimensions2667x4000_45.jpg?crop=center&height=64&v=1767088047&width=48 48w,//caravane.com/cdn/shop/files/Dimensions2667x4000_45.jpg?crop=center&height=129&v=1767088047&width=96 96w,//caravane.com/cdn/shop/files/Dimensions2667x4000_45.jpg?crop=center&height=214&v=1767088047&width=160 160w,//caravane.com/cdn/shop/files/Dimensions2667x4000_45.jpg?crop=center&height=429&v=1767088047&width=320 320w,//caravane.com/cdn/shop/files/Dimensions2667x4000_45.jpg?crop=center&height=858&v=1767088047&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Dimensions2667x4000_45.jpg?crop=center&height=129&v=1767088047&width=96 96w,//caravane.com/cdn/shop/files/Dimensions2667x4000_45.jpg?crop=center&height=215&v=1767088047&width=160 160w,//caravane.com/cdn/shop/files/Dimensions2667x4000_45.jpg?crop=center&height=431&v=1767088047&width=320 320w,//caravane.com/cdn/shop/files/Dimensions2667x4000_45.jpg?crop=center&height=862&v=1767088047&width=640 640w,//caravane.com/cdn/shop/files/Dimensions2667x4000_45.jpg?crop=center&height=1293&v=1767088047&width=960 960w,//caravane.com/cdn/shop/files/Dimensions2667x4000_45.jpg?crop=center&height=1616&v=1767088047&width=1200 1200w,//caravane.com/cdn/shop/files/Dimensions2667x4000_45.jpg?crop=center&height=2586&v=1767088047&width=1920 1920w,//caravane.com/cdn/shop/files/Dimensions2667x4000_45.jpg?crop=center&height=3232&v=1767088047&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Dimensions2667x4000_45.jpg?crop=center&height=435&v=1767088047&width=323" alt="Rideau Dafi" srcset="//caravane.com/cdn/shop/files/Dimensions2667x4000_45.jpg?crop=center&height=435&v=1767088047&width=323 323w" width="323" height="435" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<div x-ref='hoverPictureContainer'>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?crop=center&height=64&v=1767088047&width=48 48w,//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?crop=center&height=129&v=1767088047&width=96 96w,//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?crop=center&height=214&v=1767088047&width=160 160w,//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?crop=center&height=429&v=1767088047&width=320 320w,//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?crop=center&height=858&v=1767088047&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?crop=center&height=129&v=1767088047&width=96 96w,//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?crop=center&height=215&v=1767088047&width=160 160w,//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?crop=center&height=431&v=1767088047&width=320 320w,//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?crop=center&height=862&v=1767088047&width=640 640w,//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?crop=center&height=1293&v=1767088047&width=960 960w,//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?crop=center&height=1616&v=1767088047&width=1200 1200w,//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?crop=center&height=2586&v=1767088047&width=1920 1920w,//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?crop=center&height=3232&v=1767088047&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?crop=center&height=435&v=1767088047&width=323" alt="Rideau Dafi en coton, bambou et lin à motifs brodés noirs" srcset="//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?crop=center&height=435&v=1767088047&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible'
>
<div x-data='productCardVariantPicker({defaultVariantId: 46881196638533, variants: [{"id":46881196638533,"price":32000,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?v=1767088047"},{"id":46881196671301,"price":32000,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Rideau-Dafi-motifs-brodes.jpg?v=1767088047"}]})' class='w-full bg-cream'>
<div class='border-b border-stroke-light/10 p-12'>
<fieldset class='option'>
<legend class='mb-8 text-11 leading-tight tracking-normal text-brown-text'>Couleur</legend>
<ul class='flex gap-8 flex-col'>
<li>
<label
for='rideau-coton-bambou-lin-dafi-couleur-noir-1775682057842883330'
>
<input
id='rideau-coton-bambou-lin-dafi-couleur-noir-1775682057842883330'
type='radio'
value='46881196638533'
name='rideau-coton-bambou-lin-dafi-couleur-noir'
class='peer sr-only'
checked
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?crop=center&height=96&v=1767088047&width=96 96w,//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?crop=center&height=160&v=1767088047&width=160 160w,//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?crop=center&height=320&v=1767088047&width=320 320w,//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?crop=center&height=640&v=1767088047&width=640 640w,//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?crop=center&height=960&v=1767088047&width=960 960w,//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?crop=center&height=1200&v=1767088047&width=1200 1200w,//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?crop=center&height=1920&v=1767088047&width=1920 1920w,//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?crop=center&height=2400&v=1767088047&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?crop=center&height=30&v=1767088047&width=30" alt="Rideau Dafi en coton, bambou et lin à motifs brodés noirs" srcset="//caravane.com/cdn/shop/files/Rideaux-Dafi-noir.jpg?crop=center&height=30&v=1767088047&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Noir</span>
</span>
</label>
</li>
<li>
<label
for='rideau-coton-bambou-lin-dafi-couleur-tabac-1775682057842883330'
>
<input
id='rideau-coton-bambou-lin-dafi-couleur-tabac-1775682057842883330'
type='radio'
value='46881196671301'
name='rideau-coton-bambou-lin-dafi-couleur-tabac'
class='peer sr-only'
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Rideau-Dafi-motifs-brodes.jpg?crop=center&height=96&v=1767088047&width=96 96w,//caravane.com/cdn/shop/files/Rideau-Dafi-motifs-brodes.jpg?crop=center&height=160&v=1767088047&width=160 160w,//caravane.com/cdn/shop/files/Rideau-Dafi-motifs-brodes.jpg?crop=center&height=320&v=1767088047&width=320 320w,//caravane.com/cdn/shop/files/Rideau-Dafi-motifs-brodes.jpg?crop=center&height=640&v=1767088047&width=640 640w,//caravane.com/cdn/shop/files/Rideau-Dafi-motifs-brodes.jpg?crop=center&height=960&v=1767088047&width=960 960w,//caravane.com/cdn/shop/files/Rideau-Dafi-motifs-brodes.jpg?crop=center&height=1200&v=1767088047&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau-Dafi-motifs-brodes.jpg?crop=center&height=1920&v=1767088047&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau-Dafi-motifs-brodes.jpg?crop=center&height=2400&v=1767088047&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Rideau-Dafi-motifs-brodes.jpg?crop=center&height=30&v=1767088047&width=30" alt="Rideau Dafi en coton, bambou et lin, avec ses motifs colorés et son liseré contrastant." srcset="//caravane.com/cdn/shop/files/Rideau-Dafi-motifs-brodes.jpg?crop=center&height=30&v=1767088047&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Tabac</span>
</span>
</label>
</li>
</ul>
</fieldset>
</div>
<div
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0 cursor-pointer'
x-data
@click.passive='addToCart'
role='button'
tabindex='0'
><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></div>
</div>
</div>
</div>
<a href='/products/rideau-coton-bambou-lin-dafi'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Rideau Dafi
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+2
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Noir'
style='background-color: #000000'
data-value-init='#000000'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Marron'
style='background-color: #a77e48'
data-value-init='#a77e48'
>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span x-text='$useFormatPrice(price, "{{amount_no_decimals}}€")'></span>
<span
x-show='compareAtPrice && compareAtPrice > 0 && compareAtPrice > price'
x-cloak
x-text='$useFormatPrice(compareAtPrice, "{{amount_no_decimals}}€")'
class='ml-4 text-brown-text line-through'
></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Coton brodé, bambou et lin
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">320€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false}'
class='group span-w-6 lg:span-w-5 lg-max:margin-pl-1 lg-max:span-w-5-wide'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/dupattar'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=64&v=1774457195&width=48 48w,//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=129&v=1774457195&width=96 96w,//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=214&v=1774457195&width=160 160w,//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=429&v=1774457195&width=320 320w,//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=858&v=1774457195&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=129&v=1774457195&width=96 96w,//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=215&v=1774457195&width=160 160w,//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=431&v=1774457195&width=320 320w,//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=862&v=1774457195&width=640 640w,//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=1293&v=1774457195&width=960 960w,//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=1616&v=1774457195&width=1200 1200w,//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=2586&v=1774457195&width=1920 1920w,//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=3232&v=1774457195&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=435&v=1774457195&width=323" alt="Rideau Dupatta" srcset="//caravane.com/cdn/shop/files/CRVN_20260213_SHOPS-024_HD_copie.jpg?crop=center&height=435&v=1774457195&width=323 323w" width="323" height="435" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=64&v=1774457195&width=48 48w,//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=129&v=1774457195&width=96 96w,//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=214&v=1774457195&width=160 160w,//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=429&v=1774457195&width=320 320w,//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=858&v=1774457195&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=129&v=1774457195&width=96 96w,//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=215&v=1774457195&width=160 160w,//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=431&v=1774457195&width=320 320w,//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=862&v=1774457195&width=640 640w,//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=1293&v=1774457195&width=960 960w,//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=1616&v=1774457195&width=1200 1200w,//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=2586&v=1774457195&width=1920 1920w,//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=3232&v=1774457195&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=435&v=1774457195&width=323" alt="Rideau Dupatta à motifs joyeux et colorés en coton biologique" srcset="//caravane.com/cdn/shop/files/Packshot_Rideau_Dupatta.jpg?crop=center&height=435&v=1774457195&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0'
type='button'
x-data="{loading:false}" @click='(function (event){loading=true;liquidAjaxCart.add({items:[{id:31796736393334,quantity: 1}]}); event.preventDefault(); event.stopPropagation(); return false;})(event)'><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></button>
</div>
</div>
<a href='/products/dupattar'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Rideau Dupatta
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
</p>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span><span class="money">190€</span></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Coton biologique
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">190€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@variant-picker-set-price='price = $event.detail'
@variant-picker-set-compare-at-price='compareAtPrice = $event.detail'
@variant-picker-set-image='$useUpdatePicture($refs.hoverPictureContainer, $event.detail)'
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false,price:17500,compareAtPrice:0,image:"//caravane.com/cdn/shop/files/Shoot14_006.jpg?v=1739367098"}'
class='group span-w-6 lg:span-w-5 lg-max:margin-pl-1 lg-max:span-w-5-wide'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/rideau-arys-khadi-de-coton-biologique'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/BenedicteDrummondPhotography_3.jpg?crop=center&height=64&v=1739367046&width=48 48w,//caravane.com/cdn/shop/files/BenedicteDrummondPhotography_3.jpg?crop=center&height=129&v=1739367046&width=96 96w,//caravane.com/cdn/shop/files/BenedicteDrummondPhotography_3.jpg?crop=center&height=214&v=1739367046&width=160 160w,//caravane.com/cdn/shop/files/BenedicteDrummondPhotography_3.jpg?crop=center&height=429&v=1739367046&width=320 320w,//caravane.com/cdn/shop/files/BenedicteDrummondPhotography_3.jpg?crop=center&height=858&v=1739367046&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/BenedicteDrummondPhotography_3.jpg?crop=center&height=129&v=1739367046&width=96 96w,//caravane.com/cdn/shop/files/BenedicteDrummondPhotography_3.jpg?crop=center&height=215&v=1739367046&width=160 160w,//caravane.com/cdn/shop/files/BenedicteDrummondPhotography_3.jpg?crop=center&height=431&v=1739367046&width=320 320w,//caravane.com/cdn/shop/files/BenedicteDrummondPhotography_3.jpg?crop=center&height=862&v=1739367046&width=640 640w,//caravane.com/cdn/shop/files/BenedicteDrummondPhotography_3.jpg?crop=center&height=1293&v=1739367046&width=960 960w,//caravane.com/cdn/shop/files/BenedicteDrummondPhotography_3.jpg?crop=center&height=1616&v=1739367046&width=1200 1200w,//caravane.com/cdn/shop/files/BenedicteDrummondPhotography_3.jpg?crop=center&height=2586&v=1739367046&width=1920 1920w,//caravane.com/cdn/shop/files/BenedicteDrummondPhotography_3.jpg?crop=center&height=3232&v=1739367046&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/BenedicteDrummondPhotography_3.jpg?crop=center&height=435&v=1739367046&width=323" alt="Rideau Arys en khadi de coton biologique" srcset="//caravane.com/cdn/shop/files/BenedicteDrummondPhotography_3.jpg?crop=center&height=435&v=1739367046&width=323 323w" width="323" height="435" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<div x-ref='hoverPictureContainer'>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Shoot14_006.jpg?crop=center&height=64&v=1739367098&width=48 48w,//caravane.com/cdn/shop/files/Shoot14_006.jpg?crop=center&height=129&v=1739367098&width=96 96w,//caravane.com/cdn/shop/files/Shoot14_006.jpg?crop=center&height=214&v=1739367098&width=160 160w,//caravane.com/cdn/shop/files/Shoot14_006.jpg?crop=center&height=429&v=1739367098&width=320 320w,//caravane.com/cdn/shop/files/Shoot14_006.jpg?crop=center&height=858&v=1739367098&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Shoot14_006.jpg?crop=center&height=129&v=1739367098&width=96 96w,//caravane.com/cdn/shop/files/Shoot14_006.jpg?crop=center&height=215&v=1739367098&width=160 160w,//caravane.com/cdn/shop/files/Shoot14_006.jpg?crop=center&height=431&v=1739367098&width=320 320w,//caravane.com/cdn/shop/files/Shoot14_006.jpg?crop=center&height=862&v=1739367098&width=640 640w,//caravane.com/cdn/shop/files/Shoot14_006.jpg?crop=center&height=1293&v=1739367098&width=960 960w,//caravane.com/cdn/shop/files/Shoot14_006.jpg?crop=center&height=1616&v=1739367098&width=1200 1200w,//caravane.com/cdn/shop/files/Shoot14_006.jpg?crop=center&height=2586&v=1739367098&width=1920 1920w,//caravane.com/cdn/shop/files/Shoot14_006.jpg?crop=center&height=3232&v=1739367098&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Shoot14_006.jpg?crop=center&height=435&v=1739367098&width=323" alt="Rideau clair en khadi de coton biologique Arys" srcset="//caravane.com/cdn/shop/files/Shoot14_006.jpg?crop=center&height=435&v=1739367098&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<div x-data='productCardVariantPicker({defaultVariantId: 46952152727877, variants: [{"id":46952152727877,"price":17500,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Shoot14_006.jpg?v=1739367098"},{"id":16891653324918,"price":17500,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Rideau_Arysr_Charcoal_18bd8e84-0cef-478a-8df9-00113c3c2376.jpg?v=1739367098"}]})' class='w-full bg-cream'>
<div class='border-b border-stroke-light/10 p-12'>
<fieldset class='option'>
<legend class='mb-8 text-11 leading-tight tracking-normal text-brown-text'>Couleur</legend>
<ul class='flex gap-8 flex-col'>
<li>
<label
for='rideau-arys-khadi-de-coton-biologique-couleur-havane-1775682057860880086'
>
<input
id='rideau-arys-khadi-de-coton-biologique-couleur-havane-1775682057860880086'
type='radio'
value='46952152727877'
name='rideau-arys-khadi-de-coton-biologique-couleur-havane'
class='peer sr-only'
checked
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Shoot14_006.jpg?crop=center&height=96&v=1739367098&width=96 96w,//caravane.com/cdn/shop/files/Shoot14_006.jpg?crop=center&height=160&v=1739367098&width=160 160w,//caravane.com/cdn/shop/files/Shoot14_006.jpg?crop=center&height=320&v=1739367098&width=320 320w,//caravane.com/cdn/shop/files/Shoot14_006.jpg?crop=center&height=640&v=1739367098&width=640 640w,//caravane.com/cdn/shop/files/Shoot14_006.jpg?crop=center&height=960&v=1739367098&width=960 960w,//caravane.com/cdn/shop/files/Shoot14_006.jpg?crop=center&height=1200&v=1739367098&width=1200 1200w,//caravane.com/cdn/shop/files/Shoot14_006.jpg?crop=center&height=1920&v=1739367098&width=1920 1920w,//caravane.com/cdn/shop/files/Shoot14_006.jpg?crop=center&height=2400&v=1739367098&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Shoot14_006.jpg?crop=center&height=30&v=1739367098&width=30" alt="Rideau clair en khadi de coton biologique Arys" srcset="//caravane.com/cdn/shop/files/Shoot14_006.jpg?crop=center&height=30&v=1739367098&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Havane</span>
</span>
</label>
</li>
<li>
<label
for='rideau-arys-khadi-de-coton-biologique-couleur-charcoal-1775682057860880086'
>
<input
id='rideau-arys-khadi-de-coton-biologique-couleur-charcoal-1775682057860880086'
type='radio'
value='16891653324918'
name='rideau-arys-khadi-de-coton-biologique-couleur-charcoal'
class='peer sr-only'
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Rideau_Arysr_Charcoal_18bd8e84-0cef-478a-8df9-00113c3c2376.jpg?crop=center&height=96&v=1739367098&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Arysr_Charcoal_18bd8e84-0cef-478a-8df9-00113c3c2376.jpg?crop=center&height=160&v=1739367098&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Arysr_Charcoal_18bd8e84-0cef-478a-8df9-00113c3c2376.jpg?crop=center&height=320&v=1739367098&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Arysr_Charcoal_18bd8e84-0cef-478a-8df9-00113c3c2376.jpg?crop=center&height=640&v=1739367098&width=640 640w,//caravane.com/cdn/shop/files/Rideau_Arysr_Charcoal_18bd8e84-0cef-478a-8df9-00113c3c2376.jpg?crop=center&height=960&v=1739367098&width=960 960w,//caravane.com/cdn/shop/files/Rideau_Arysr_Charcoal_18bd8e84-0cef-478a-8df9-00113c3c2376.jpg?crop=center&height=1200&v=1739367098&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_Arysr_Charcoal_18bd8e84-0cef-478a-8df9-00113c3c2376.jpg?crop=center&height=1920&v=1739367098&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_Arysr_Charcoal_18bd8e84-0cef-478a-8df9-00113c3c2376.jpg?crop=center&height=2400&v=1739367098&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Rideau_Arysr_Charcoal_18bd8e84-0cef-478a-8df9-00113c3c2376.jpg?crop=center&height=30&v=1739367098&width=30" alt="Rideau prêt à poser en coton coloris charcoal Arys" srcset="//caravane.com/cdn/shop/files/Rideau_Arysr_Charcoal_18bd8e84-0cef-478a-8df9-00113c3c2376.jpg?crop=center&height=30&v=1739367098&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Charcoal</span>
</span>
</label>
</li>
</ul>
</fieldset>
</div>
<div
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0 cursor-pointer'
x-data
@click.passive='addToCart'
role='button'
tabindex='0'
><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></div>
</div>
</div>
</div>
<a href='/products/rideau-arys-khadi-de-coton-biologique'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Rideau Arys
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+2
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Marron'
style='background-color: #a77e48'
data-value-init='#a77e48'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Noir'
style='background-color: #000000'
data-value-init='#000000'
>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span x-text='$useFormatPrice(price, "{{amount_no_decimals}}€")'></span>
<span
x-show='compareAtPrice && compareAtPrice > 0 && compareAtPrice > price'
x-cloak
x-text='$useFormatPrice(compareAtPrice, "{{amount_no_decimals}}€")'
class='ml-4 text-brown-text line-through'
></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Khadi de coton biologique
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">175€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@variant-picker-set-price='price = $event.detail'
@variant-picker-set-compare-at-price='compareAtPrice = $event.detail'
@variant-picker-set-image='$useUpdatePicture($refs.hoverPictureContainer, $event.detail)'
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false,price:5500,compareAtPrice:0,image:"//caravane.com/cdn/shop/files/Shoot24_001.jpg?v=1775037783"}'
class='group span-w-6 lg:span-w-5 lg-max:margin-pl-1 lg-max:span-w-5-wide'
>
<div
class='relative overflow-clip shrink-0'
><div class='inline-block bg-white px-8 pb-7 pt-8 text-11 leading-none tracking-tight text-brown-dark absolute left-10 top-9 z-1'>
Nouveaux coloris
</div>
<a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/rideau-sivi-voilage'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_02B.jpg?crop=center&height=64&v=1775037783&width=48 48w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_02B.jpg?crop=center&height=129&v=1775037783&width=96 96w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_02B.jpg?crop=center&height=214&v=1775037783&width=160 160w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_02B.jpg?crop=center&height=429&v=1775037783&width=320 320w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_02B.jpg?crop=center&height=858&v=1775037783&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_02B.jpg?crop=center&height=129&v=1775037783&width=96 96w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_02B.jpg?crop=center&height=215&v=1775037783&width=160 160w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_02B.jpg?crop=center&height=431&v=1775037783&width=320 320w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_02B.jpg?crop=center&height=862&v=1775037783&width=640 640w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_02B.jpg?crop=center&height=1293&v=1775037783&width=960 960w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_02B.jpg?crop=center&height=1616&v=1775037783&width=1200 1200w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_02B.jpg?crop=center&height=435&v=1775037783&width=323" alt="Rideau Sivi" srcset="//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_02B.jpg?crop=center&height=435&v=1775037783&width=323 323w" width="323" height="435" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<div x-ref='hoverPictureContainer'>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Shoot24_001.jpg?crop=center&height=64&v=1775037783&width=48 48w,//caravane.com/cdn/shop/files/Shoot24_001.jpg?crop=center&height=129&v=1775037783&width=96 96w,//caravane.com/cdn/shop/files/Shoot24_001.jpg?crop=center&height=214&v=1775037783&width=160 160w,//caravane.com/cdn/shop/files/Shoot24_001.jpg?crop=center&height=429&v=1775037783&width=320 320w,//caravane.com/cdn/shop/files/Shoot24_001.jpg?crop=center&height=858&v=1775037783&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Shoot24_001.jpg?crop=center&height=129&v=1775037783&width=96 96w,//caravane.com/cdn/shop/files/Shoot24_001.jpg?crop=center&height=215&v=1775037783&width=160 160w,//caravane.com/cdn/shop/files/Shoot24_001.jpg?crop=center&height=431&v=1775037783&width=320 320w,//caravane.com/cdn/shop/files/Shoot24_001.jpg?crop=center&height=862&v=1775037783&width=640 640w,//caravane.com/cdn/shop/files/Shoot24_001.jpg?crop=center&height=1293&v=1775037783&width=960 960w,//caravane.com/cdn/shop/files/Shoot24_001.jpg?crop=center&height=1616&v=1775037783&width=1200 1200w,//caravane.com/cdn/shop/files/Shoot24_001.jpg?crop=center&height=2586&v=1775037783&width=1920 1920w,//caravane.com/cdn/shop/files/Shoot24_001.jpg?crop=center&height=3232&v=1775037783&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Shoot24_001.jpg?crop=center&height=435&v=1775037783&width=323" alt="Rideau Sivi" srcset="//caravane.com/cdn/shop/files/Shoot24_001.jpg?crop=center&height=435&v=1775037783&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<div x-data='productCardVariantPicker({defaultVariantId: 54197421277509, variants: [{"id":54197421277509,"price":5500,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Shoot24_001.jpg?v=1775037783"},{"id":54197421310277,"price":5500,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Shoot24_002_f276204c-5dcf-4d61-8471-149dd5535ea2.jpg?v=1770370918"},{"id":54197421343045,"price":5500,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Shoot24_003.jpg?v=1770370918"}]})' class='w-full bg-cream'>
<div class='border-b border-stroke-light/10 p-12'>
<fieldset class='option'>
<legend class='mb-8 text-11 leading-tight tracking-normal text-brown-text'>Couleur</legend>
<ul class='flex gap-8 flex-col'>
<li>
<label
for='rideau-sivi-voilage-couleur-havane-rooibos-1775682057868917380'
>
<input
id='rideau-sivi-voilage-couleur-havane-rooibos-1775682057868917380'
type='radio'
value='54197421277509'
name='rideau-sivi-voilage-couleur-havane-rooibos'
class='peer sr-only'
checked
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Shoot24_001.jpg?crop=center&height=96&v=1775037783&width=96 96w,//caravane.com/cdn/shop/files/Shoot24_001.jpg?crop=center&height=160&v=1775037783&width=160 160w,//caravane.com/cdn/shop/files/Shoot24_001.jpg?crop=center&height=320&v=1775037783&width=320 320w,//caravane.com/cdn/shop/files/Shoot24_001.jpg?crop=center&height=640&v=1775037783&width=640 640w,//caravane.com/cdn/shop/files/Shoot24_001.jpg?crop=center&height=960&v=1775037783&width=960 960w,//caravane.com/cdn/shop/files/Shoot24_001.jpg?crop=center&height=1200&v=1775037783&width=1200 1200w,//caravane.com/cdn/shop/files/Shoot24_001.jpg?crop=center&height=1920&v=1775037783&width=1920 1920w,//caravane.com/cdn/shop/files/Shoot24_001.jpg?crop=center&height=2400&v=1775037783&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Shoot24_001.jpg?crop=center&height=30&v=1775037783&width=30" alt="Rideau Sivi" srcset="//caravane.com/cdn/shop/files/Shoot24_001.jpg?crop=center&height=30&v=1775037783&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Havane rooibos</span>
</span>
</label>
</li>
<li>
<label
for='rideau-sivi-voilage-couleur-laurier-havane-1775682057868917380'
>
<input
id='rideau-sivi-voilage-couleur-laurier-havane-1775682057868917380'
type='radio'
value='54197421310277'
name='rideau-sivi-voilage-couleur-laurier-havane'
class='peer sr-only'
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Shoot24_002_f276204c-5dcf-4d61-8471-149dd5535ea2.jpg?crop=center&height=96&v=1770370918&width=96 96w,//caravane.com/cdn/shop/files/Shoot24_002_f276204c-5dcf-4d61-8471-149dd5535ea2.jpg?crop=center&height=160&v=1770370918&width=160 160w,//caravane.com/cdn/shop/files/Shoot24_002_f276204c-5dcf-4d61-8471-149dd5535ea2.jpg?crop=center&height=320&v=1770370918&width=320 320w,//caravane.com/cdn/shop/files/Shoot24_002_f276204c-5dcf-4d61-8471-149dd5535ea2.jpg?crop=center&height=640&v=1770370918&width=640 640w,//caravane.com/cdn/shop/files/Shoot24_002_f276204c-5dcf-4d61-8471-149dd5535ea2.jpg?crop=center&height=960&v=1770370918&width=960 960w,//caravane.com/cdn/shop/files/Shoot24_002_f276204c-5dcf-4d61-8471-149dd5535ea2.jpg?crop=center&height=1200&v=1770370918&width=1200 1200w,//caravane.com/cdn/shop/files/Shoot24_002_f276204c-5dcf-4d61-8471-149dd5535ea2.jpg?crop=center&height=1920&v=1770370918&width=1920 1920w,//caravane.com/cdn/shop/files/Shoot24_002_f276204c-5dcf-4d61-8471-149dd5535ea2.jpg?crop=center&height=2400&v=1770370918&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Shoot24_002_f276204c-5dcf-4d61-8471-149dd5535ea2.jpg?crop=center&height=30&v=1770370918&width=30" alt="Rideau Sivi" srcset="//caravane.com/cdn/shop/files/Shoot24_002_f276204c-5dcf-4d61-8471-149dd5535ea2.jpg?crop=center&height=30&v=1770370918&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Laurier havane</span>
</span>
</label>
</li>
<li>
<label
for='rideau-sivi-voilage-couleur-nuit-cendre-1775682057868917380'
>
<input
id='rideau-sivi-voilage-couleur-nuit-cendre-1775682057868917380'
type='radio'
value='54197421343045'
name='rideau-sivi-voilage-couleur-nuit-cendre'
class='peer sr-only'
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Shoot24_003.jpg?crop=center&height=96&v=1770370918&width=96 96w,//caravane.com/cdn/shop/files/Shoot24_003.jpg?crop=center&height=160&v=1770370918&width=160 160w,//caravane.com/cdn/shop/files/Shoot24_003.jpg?crop=center&height=320&v=1770370918&width=320 320w,//caravane.com/cdn/shop/files/Shoot24_003.jpg?crop=center&height=640&v=1770370918&width=640 640w,//caravane.com/cdn/shop/files/Shoot24_003.jpg?crop=center&height=960&v=1770370918&width=960 960w,//caravane.com/cdn/shop/files/Shoot24_003.jpg?crop=center&height=1200&v=1770370918&width=1200 1200w,//caravane.com/cdn/shop/files/Shoot24_003.jpg?crop=center&height=1920&v=1770370918&width=1920 1920w,//caravane.com/cdn/shop/files/Shoot24_003.jpg?crop=center&height=2400&v=1770370918&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Shoot24_003.jpg?crop=center&height=30&v=1770370918&width=30" alt="Rideau Sivi" srcset="//caravane.com/cdn/shop/files/Shoot24_003.jpg?crop=center&height=30&v=1770370918&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Nuit cendre</span>
</span>
</label>
</li>
</ul>
</fieldset>
</div>
<div
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0 cursor-pointer'
x-data
@click.passive='addToCart'
role='button'
tabindex='0'
><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></div>
</div>
</div>
</div>
<a href='/products/rideau-sivi-voilage'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Rideau Sivi
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+3
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rouge'
style='background-color: #b15d48'
data-value-init='#b15d48'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span x-text='$useFormatPrice(price, "{{amount_no_decimals}}€")'></span>
<span
x-show='compareAtPrice && compareAtPrice > 0 && compareAtPrice > price'
x-cloak
x-text='$useFormatPrice(compareAtPrice, "{{amount_no_decimals}}€")'
class='ml-4 text-brown-text line-through'
></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Voile de coton
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">55€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false}'
class='group span-w-6 lg:span-w-5 lg-max:margin-pl-1 lg-max:span-w-5-wide'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/khadir-coton'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=64&v=1770225636&width=48 48w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=129&v=1770225636&width=96 96w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=214&v=1770225636&width=160 160w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=429&v=1770225636&width=320 320w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=858&v=1770225636&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=129&v=1770225636&width=96 96w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=215&v=1770225636&width=160 160w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=431&v=1770225636&width=320 320w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=862&v=1770225636&width=640 640w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=1293&v=1770225636&width=960 960w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=1616&v=1770225636&width=1200 1200w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=2586&v=1770225636&width=1920 1920w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=3232&v=1770225636&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=435&v=1770225636&width=323" alt="Rideau Khadi" srcset="//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=435&v=1770225636&width=323 323w" width="323" height="435" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=64&v=1770225636&width=48 48w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=129&v=1770225636&width=96 96w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=214&v=1770225636&width=160 160w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=429&v=1770225636&width=320 320w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=858&v=1770225636&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=129&v=1770225636&width=96 96w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=215&v=1770225636&width=160 160w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=431&v=1770225636&width=320 320w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=862&v=1770225636&width=640 640w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=1293&v=1770225636&width=960 960w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=1616&v=1770225636&width=1200 1200w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=2586&v=1770225636&width=1920 1920w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=3232&v=1770225636&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=435&v=1770225636&width=323" alt="Rideau Khadi" srcset="//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=435&v=1770225636&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0'
type='button'
x-data="{loading:false}" @click='(function (event){loading=true;liquidAjaxCart.add({items:[{id:22536559296630,quantity: 1}]}); event.preventDefault(); event.stopPropagation(); return false;})(event)'><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></button>
</div>
</div>
<a href='/products/khadir-coton'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Rideau Khadi
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
</p>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span><span class="money">150€</span></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Khadi de coton
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">150€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@variant-picker-set-price='price = $event.detail'
@variant-picker-set-compare-at-price='compareAtPrice = $event.detail'
@variant-picker-set-image='$useUpdatePicture($refs.hoverPictureContainer, $event.detail)'
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false,price:11000,compareAtPrice:0,image:"//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?v=1758200639"}'
class='group span-w-6 lg:span-w-5 lg-max:margin-pl-1 lg-max:span-w-5-wide'
>
<div
class='relative overflow-clip shrink-0'
><div class='inline-block bg-white px-8 pb-7 pt-8 text-11 leading-none tracking-tight text-brown-dark absolute left-10 top-9 z-1'>
Nouveaux coloris
</div>
<a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/rideau-hava-lin'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_066.jpg?crop=center&height=64&v=1739961153&width=48 48w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_066.jpg?crop=center&height=129&v=1739961153&width=96 96w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_066.jpg?crop=center&height=214&v=1739961153&width=160 160w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_066.jpg?crop=center&height=429&v=1739961153&width=320 320w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_066.jpg?crop=center&height=858&v=1739961153&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_066.jpg?crop=center&height=129&v=1739961153&width=96 96w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_066.jpg?crop=center&height=215&v=1739961153&width=160 160w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_066.jpg?crop=center&height=431&v=1739961153&width=320 320w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_066.jpg?crop=center&height=862&v=1739961153&width=640 640w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_066.jpg?crop=center&height=1293&v=1739961153&width=960 960w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_066.jpg?crop=center&height=1616&v=1739961153&width=1200 1200w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_066.jpg?crop=center&height=435&v=1739961153&width=323" alt="Rideau en lin Hava à bordure colorée" srcset="//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_066.jpg?crop=center&height=435&v=1739961153&width=323 323w" width="323" height="435" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<div x-ref='hoverPictureContainer'>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?crop=center&height=64&v=1758200639&width=48 48w,//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?crop=center&height=129&v=1758200639&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?crop=center&height=214&v=1758200639&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?crop=center&height=429&v=1758200639&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?crop=center&height=858&v=1758200639&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?crop=center&height=129&v=1758200639&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?crop=center&height=215&v=1758200639&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?crop=center&height=431&v=1758200639&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?crop=center&height=862&v=1758200639&width=640 640w,//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?crop=center&height=1293&v=1758200639&width=960 960w,//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?crop=center&height=1616&v=1758200639&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?crop=center&height=2586&v=1758200639&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?crop=center&height=3232&v=1758200639&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?crop=center&height=435&v=1758200639&width=323" alt="Rideau Hava en lin à franges torsadées aux extrémités et bordures couleur Charcoal sur le côté" srcset="//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?crop=center&height=435&v=1758200639&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<div x-data='productCardVariantPicker({defaultVariantId: 17069700317302, variants: [{"id":17069700317302,"price":11000,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?v=1758200639"},{"id":17069700513910,"price":11000,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Rideau_Havar_Havane_6063def1-9b14-4fbe-9a43-36b03232597a.jpg?v=1758200639"},{"id":55681175585093,"price":11000,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Shoot37_001.jpg?v=1758200639"}]})' class='w-full bg-cream'>
<div class='border-b border-stroke-light/10 p-12'>
<fieldset class='option'>
<legend class='mb-8 text-11 leading-tight tracking-normal text-brown-text'>Couleur</legend>
<ul class='flex gap-8 flex-col'>
<li>
<label
for='rideau-hava-lin-couleur-charcoal-1775682057884164757'
>
<input
id='rideau-hava-lin-couleur-charcoal-1775682057884164757'
type='radio'
value='17069700317302'
name='rideau-hava-lin-couleur-charcoal'
class='peer sr-only'
checked
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?crop=center&height=96&v=1758200639&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?crop=center&height=160&v=1758200639&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?crop=center&height=320&v=1758200639&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?crop=center&height=640&v=1758200639&width=640 640w,//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?crop=center&height=960&v=1758200639&width=960 960w,//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?crop=center&height=1200&v=1758200639&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?crop=center&height=1920&v=1758200639&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?crop=center&height=2400&v=1758200639&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?crop=center&height=30&v=1758200639&width=30" alt="Rideau Hava en lin à franges torsadées aux extrémités et bordures couleur Charcoal sur le côté" srcset="//caravane.com/cdn/shop/files/Rideau_Havar_Charcoal_7336748d-45aa-4553-a06d-a8867f9d30f8.jpg?crop=center&height=30&v=1758200639&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Charcoal</span>
</span>
</label>
</li>
<li>
<label
for='rideau-hava-lin-couleur-havane-1775682057884164757'
>
<input
id='rideau-hava-lin-couleur-havane-1775682057884164757'
type='radio'
value='17069700513910'
name='rideau-hava-lin-couleur-havane'
class='peer sr-only'
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Rideau_Havar_Havane_6063def1-9b14-4fbe-9a43-36b03232597a.jpg?crop=center&height=96&v=1758200639&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Havar_Havane_6063def1-9b14-4fbe-9a43-36b03232597a.jpg?crop=center&height=160&v=1758200639&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Havar_Havane_6063def1-9b14-4fbe-9a43-36b03232597a.jpg?crop=center&height=320&v=1758200639&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Havar_Havane_6063def1-9b14-4fbe-9a43-36b03232597a.jpg?crop=center&height=640&v=1758200639&width=640 640w,//caravane.com/cdn/shop/files/Rideau_Havar_Havane_6063def1-9b14-4fbe-9a43-36b03232597a.jpg?crop=center&height=960&v=1758200639&width=960 960w,//caravane.com/cdn/shop/files/Rideau_Havar_Havane_6063def1-9b14-4fbe-9a43-36b03232597a.jpg?crop=center&height=1200&v=1758200639&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_Havar_Havane_6063def1-9b14-4fbe-9a43-36b03232597a.jpg?crop=center&height=1920&v=1758200639&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_Havar_Havane_6063def1-9b14-4fbe-9a43-36b03232597a.jpg?crop=center&height=2400&v=1758200639&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Rideau_Havar_Havane_6063def1-9b14-4fbe-9a43-36b03232597a.jpg?crop=center&height=30&v=1758200639&width=30" alt="Rideau Hava en lin à franges torsadées aux extrémités et bordures couleur Havane sur le côté" srcset="//caravane.com/cdn/shop/files/Rideau_Havar_Havane_6063def1-9b14-4fbe-9a43-36b03232597a.jpg?crop=center&height=30&v=1758200639&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Havane</span>
</span>
</label>
</li>
<li>
<label
for='rideau-hava-lin-couleur-laurier-1775682057884164757'
>
<input
id='rideau-hava-lin-couleur-laurier-1775682057884164757'
type='radio'
value='55681175585093'
name='rideau-hava-lin-couleur-laurier'
class='peer sr-only'
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Shoot37_001.jpg?crop=center&height=96&v=1758200639&width=96 96w,//caravane.com/cdn/shop/files/Shoot37_001.jpg?crop=center&height=160&v=1758200639&width=160 160w,//caravane.com/cdn/shop/files/Shoot37_001.jpg?crop=center&height=320&v=1758200639&width=320 320w,//caravane.com/cdn/shop/files/Shoot37_001.jpg?crop=center&height=640&v=1758200639&width=640 640w,//caravane.com/cdn/shop/files/Shoot37_001.jpg?crop=center&height=960&v=1758200639&width=960 960w,//caravane.com/cdn/shop/files/Shoot37_001.jpg?crop=center&height=1200&v=1758200639&width=1200 1200w,//caravane.com/cdn/shop/files/Shoot37_001.jpg?crop=center&height=1920&v=1758200639&width=1920 1920w,//caravane.com/cdn/shop/files/Shoot37_001.jpg?crop=center&height=2400&v=1758200639&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Shoot37_001.jpg?crop=center&height=30&v=1758200639&width=30" alt="Rideau Hava" srcset="//caravane.com/cdn/shop/files/Shoot37_001.jpg?crop=center&height=30&v=1758200639&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Laurier</span>
</span>
</label>
</li>
</ul>
</fieldset>
</div>
<div
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0 cursor-pointer'
x-data
@click.passive='addToCart'
role='button'
tabindex='0'
><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></div>
</div>
</div>
</div>
<a href='/products/rideau-hava-lin'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Rideau Hava
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+3
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Noir'
style='background-color: #000000'
data-value-init='#000000'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Marron'
style='background-color: #a77e48'
data-value-init='#a77e48'
>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span x-text='$useFormatPrice(price, "{{amount_no_decimals}}€")'></span>
<span
x-show='compareAtPrice && compareAtPrice > 0 && compareAtPrice > price'
x-cloak
x-text='$useFormatPrice(compareAtPrice, "{{amount_no_decimals}}€")'
class='ml-4 text-brown-text line-through'
></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Lin
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">110€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@variant-picker-set-price='price = $event.detail'
@variant-picker-set-compare-at-price='compareAtPrice = $event.detail'
@variant-picker-set-image='$useUpdatePicture($refs.hoverPictureContainer, $event.detail)'
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false,price:32500,compareAtPrice:0,image:"//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?v=1773670020"}'
class='group span-w-6 lg:span-w-5 lg-max:margin-pl-1 lg-max:span-w-5-wide'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/rideau-lana-lin'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/RIDEAULANACOLVERT.png?crop=center&height=64&v=1773670020&width=48 48w,//caravane.com/cdn/shop/files/RIDEAULANACOLVERT.png?crop=center&height=129&v=1773670020&width=96 96w,//caravane.com/cdn/shop/files/RIDEAULANACOLVERT.png?crop=center&height=214&v=1773670020&width=160 160w,//caravane.com/cdn/shop/files/RIDEAULANACOLVERT.png?crop=center&height=429&v=1773670020&width=320 320w,//caravane.com/cdn/shop/files/RIDEAULANACOLVERT.png?crop=center&height=858&v=1773670020&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/RIDEAULANACOLVERT.png?crop=center&height=129&v=1773670020&width=96 96w,//caravane.com/cdn/shop/files/RIDEAULANACOLVERT.png?crop=center&height=215&v=1773670020&width=160 160w,//caravane.com/cdn/shop/files/RIDEAULANACOLVERT.png?crop=center&height=431&v=1773670020&width=320 320w,//caravane.com/cdn/shop/files/RIDEAULANACOLVERT.png?crop=center&height=862&v=1773670020&width=640 640w,//caravane.com/cdn/shop/files/RIDEAULANACOLVERT.png?crop=center&height=1293&v=1773670020&width=960 960w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/RIDEAULANACOLVERT.png?crop=center&height=435&v=1773670020&width=323" alt="Rideau Lana" srcset="//caravane.com/cdn/shop/files/RIDEAULANACOLVERT.png?crop=center&height=435&v=1773670020&width=323 323w" width="323" height="435" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<div x-ref='hoverPictureContainer'>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?crop=center&height=64&v=1773670020&width=48 48w,//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?crop=center&height=129&v=1773670020&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?crop=center&height=214&v=1773670020&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?crop=center&height=429&v=1773670020&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?crop=center&height=858&v=1773670020&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?crop=center&height=129&v=1773670020&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?crop=center&height=215&v=1773670020&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?crop=center&height=431&v=1773670020&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?crop=center&height=862&v=1773670020&width=640 640w,//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?crop=center&height=1293&v=1773670020&width=960 960w,//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?crop=center&height=1616&v=1773670020&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?crop=center&height=2586&v=1773670020&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?crop=center&height=3232&v=1773670020&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?crop=center&height=435&v=1773670020&width=323" alt="Rideau Lana" srcset="//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?crop=center&height=435&v=1773670020&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<div x-data='productCardVariantPicker({defaultVariantId: 17070463451254, variants: [{"id":17070463451254,"price":32500,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?v=1773670020"},{"id":17070463549558,"price":32500,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Rideau_Lana_ColVert_0ddc5b2e-0798-430d-9bcc-f5a88b391ef3.jpg?v=1773670020"},{"id":17070463615094,"price":32500,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Rideau_Lana_Creme_8e73aa3d-c626-4325-8da2-482a14c51a5f.jpg?v=1773670020"},{"id":17070463910006,"price":32500,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Rideau_Lana_Indigo_37987683-2c1e-4f34-8c53-4f9c830481ec.jpg?v=1773670020"},{"id":19816276099190,"price":32500,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Rideau_Lana_Naturel.jpg?v=1773670020"},{"id":17070464467062,"price":32500,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Rideau_Lana_Neige.jpg?v=1773670020"}]})' class='w-full bg-cream'>
<div class='border-b border-stroke-light/10 p-12'>
<fieldset class='option'>
<legend class='mb-8 text-11 leading-tight tracking-normal text-brown-text'>Couleur</legend>
<ul class='flex gap-8 flex-col'>
<li>
<label
for='rideau-lana-lin-couleur-charbon-1775682057896357233'
>
<input
id='rideau-lana-lin-couleur-charbon-1775682057896357233'
type='radio'
value='17070463451254'
name='rideau-lana-lin-couleur-charbon'
class='peer sr-only'
checked
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?crop=center&height=96&v=1773670020&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?crop=center&height=160&v=1773670020&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?crop=center&height=320&v=1773670020&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?crop=center&height=640&v=1773670020&width=640 640w,//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?crop=center&height=960&v=1773670020&width=960 960w,//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?crop=center&height=1200&v=1773670020&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?crop=center&height=1920&v=1773670020&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?crop=center&height=2400&v=1773670020&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?crop=center&height=30&v=1773670020&width=30" alt="Rideau Lana" srcset="//caravane.com/cdn/shop/files/Rideau_Lana_Charbon.jpg?crop=center&height=30&v=1773670020&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Charbon</span>
</span>
</label>
</li>
<li>
<label
for='rideau-lana-lin-couleur-colvert-1775682057896357233'
>
<input
id='rideau-lana-lin-couleur-colvert-1775682057896357233'
type='radio'
value='17070463549558'
name='rideau-lana-lin-couleur-colvert'
class='peer sr-only'
disabled
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Rideau_Lana_ColVert_0ddc5b2e-0798-430d-9bcc-f5a88b391ef3.jpg?crop=center&height=96&v=1773670020&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Lana_ColVert_0ddc5b2e-0798-430d-9bcc-f5a88b391ef3.jpg?crop=center&height=160&v=1773670020&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Lana_ColVert_0ddc5b2e-0798-430d-9bcc-f5a88b391ef3.jpg?crop=center&height=320&v=1773670020&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Lana_ColVert_0ddc5b2e-0798-430d-9bcc-f5a88b391ef3.jpg?crop=center&height=640&v=1773670020&width=640 640w,//caravane.com/cdn/shop/files/Rideau_Lana_ColVert_0ddc5b2e-0798-430d-9bcc-f5a88b391ef3.jpg?crop=center&height=960&v=1773670020&width=960 960w,//caravane.com/cdn/shop/files/Rideau_Lana_ColVert_0ddc5b2e-0798-430d-9bcc-f5a88b391ef3.jpg?crop=center&height=1200&v=1773670020&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_Lana_ColVert_0ddc5b2e-0798-430d-9bcc-f5a88b391ef3.jpg?crop=center&height=1920&v=1773670020&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_Lana_ColVert_0ddc5b2e-0798-430d-9bcc-f5a88b391ef3.jpg?crop=center&height=2400&v=1773670020&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Rideau_Lana_ColVert_0ddc5b2e-0798-430d-9bcc-f5a88b391ef3.jpg?crop=center&height=30&v=1773670020&width=30" alt="Rideau Lana" srcset="//caravane.com/cdn/shop/files/Rideau_Lana_ColVert_0ddc5b2e-0798-430d-9bcc-f5a88b391ef3.jpg?crop=center&height=30&v=1773670020&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Colvert</span>
</span>
</label>
</li>
<li>
<label
for='rideau-lana-lin-couleur-creme-1775682057896357233'
>
<input
id='rideau-lana-lin-couleur-creme-1775682057896357233'
type='radio'
value='17070463615094'
name='rideau-lana-lin-couleur-creme'
class='peer sr-only'
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Rideau_Lana_Creme_8e73aa3d-c626-4325-8da2-482a14c51a5f.jpg?crop=center&height=96&v=1773670020&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Lana_Creme_8e73aa3d-c626-4325-8da2-482a14c51a5f.jpg?crop=center&height=160&v=1773670020&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Lana_Creme_8e73aa3d-c626-4325-8da2-482a14c51a5f.jpg?crop=center&height=320&v=1773670020&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Lana_Creme_8e73aa3d-c626-4325-8da2-482a14c51a5f.jpg?crop=center&height=640&v=1773670020&width=640 640w,//caravane.com/cdn/shop/files/Rideau_Lana_Creme_8e73aa3d-c626-4325-8da2-482a14c51a5f.jpg?crop=center&height=960&v=1773670020&width=960 960w,//caravane.com/cdn/shop/files/Rideau_Lana_Creme_8e73aa3d-c626-4325-8da2-482a14c51a5f.jpg?crop=center&height=1200&v=1773670020&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_Lana_Creme_8e73aa3d-c626-4325-8da2-482a14c51a5f.jpg?crop=center&height=1920&v=1773670020&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_Lana_Creme_8e73aa3d-c626-4325-8da2-482a14c51a5f.jpg?crop=center&height=2400&v=1773670020&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Rideau_Lana_Creme_8e73aa3d-c626-4325-8da2-482a14c51a5f.jpg?crop=center&height=30&v=1773670020&width=30" alt="Rideau Lana" srcset="//caravane.com/cdn/shop/files/Rideau_Lana_Creme_8e73aa3d-c626-4325-8da2-482a14c51a5f.jpg?crop=center&height=30&v=1773670020&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Creme</span>
</span>
</label>
</li>
<li>
<label
for='rideau-lana-lin-couleur-indigo-1775682057896357233'
>
<input
id='rideau-lana-lin-couleur-indigo-1775682057896357233'
type='radio'
value='17070463910006'
name='rideau-lana-lin-couleur-indigo'
class='peer sr-only'
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Rideau_Lana_Indigo_37987683-2c1e-4f34-8c53-4f9c830481ec.jpg?crop=center&height=96&v=1773670020&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Lana_Indigo_37987683-2c1e-4f34-8c53-4f9c830481ec.jpg?crop=center&height=160&v=1773670020&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Lana_Indigo_37987683-2c1e-4f34-8c53-4f9c830481ec.jpg?crop=center&height=320&v=1773670020&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Lana_Indigo_37987683-2c1e-4f34-8c53-4f9c830481ec.jpg?crop=center&height=640&v=1773670020&width=640 640w,//caravane.com/cdn/shop/files/Rideau_Lana_Indigo_37987683-2c1e-4f34-8c53-4f9c830481ec.jpg?crop=center&height=960&v=1773670020&width=960 960w,//caravane.com/cdn/shop/files/Rideau_Lana_Indigo_37987683-2c1e-4f34-8c53-4f9c830481ec.jpg?crop=center&height=1200&v=1773670020&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_Lana_Indigo_37987683-2c1e-4f34-8c53-4f9c830481ec.jpg?crop=center&height=1920&v=1773670020&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_Lana_Indigo_37987683-2c1e-4f34-8c53-4f9c830481ec.jpg?crop=center&height=2400&v=1773670020&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Rideau_Lana_Indigo_37987683-2c1e-4f34-8c53-4f9c830481ec.jpg?crop=center&height=30&v=1773670020&width=30" alt="Rideau en lin Lana" srcset="//caravane.com/cdn/shop/files/Rideau_Lana_Indigo_37987683-2c1e-4f34-8c53-4f9c830481ec.jpg?crop=center&height=30&v=1773670020&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Indigo</span>
</span>
</label>
</li>
<li>
<label
for='rideau-lana-lin-couleur-naturel-1775682057896357233'
>
<input
id='rideau-lana-lin-couleur-naturel-1775682057896357233'
type='radio'
value='19816276099190'
name='rideau-lana-lin-couleur-naturel'
class='peer sr-only'
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Rideau_Lana_Naturel.jpg?crop=center&height=96&v=1773670020&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Lana_Naturel.jpg?crop=center&height=160&v=1773670020&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Lana_Naturel.jpg?crop=center&height=320&v=1773670020&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Lana_Naturel.jpg?crop=center&height=640&v=1773670020&width=640 640w,//caravane.com/cdn/shop/files/Rideau_Lana_Naturel.jpg?crop=center&height=960&v=1773670020&width=960 960w,//caravane.com/cdn/shop/files/Rideau_Lana_Naturel.jpg?crop=center&height=1200&v=1773670020&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_Lana_Naturel.jpg?crop=center&height=1920&v=1773670020&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_Lana_Naturel.jpg?crop=center&height=2400&v=1773670020&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Rideau_Lana_Naturel.jpg?crop=center&height=30&v=1773670020&width=30" alt="Rideau Lana" srcset="//caravane.com/cdn/shop/files/Rideau_Lana_Naturel.jpg?crop=center&height=30&v=1773670020&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Naturel</span>
</span>
</label>
</li>
<li>
<label
for='rideau-lana-lin-couleur-neige-1775682057896357233'
>
<input
id='rideau-lana-lin-couleur-neige-1775682057896357233'
type='radio'
value='17070464467062'
name='rideau-lana-lin-couleur-neige'
class='peer sr-only'
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Rideau_Lana_Neige.jpg?crop=center&height=96&v=1773670020&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Lana_Neige.jpg?crop=center&height=160&v=1773670020&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Lana_Neige.jpg?crop=center&height=320&v=1773670020&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Lana_Neige.jpg?crop=center&height=640&v=1773670020&width=640 640w,//caravane.com/cdn/shop/files/Rideau_Lana_Neige.jpg?crop=center&height=960&v=1773670020&width=960 960w,//caravane.com/cdn/shop/files/Rideau_Lana_Neige.jpg?crop=center&height=1200&v=1773670020&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_Lana_Neige.jpg?crop=center&height=1920&v=1773670020&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_Lana_Neige.jpg?crop=center&height=2400&v=1773670020&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Rideau_Lana_Neige.jpg?crop=center&height=30&v=1773670020&width=30" alt="Rideau Lana" srcset="//caravane.com/cdn/shop/files/Rideau_Lana_Neige.jpg?crop=center&height=30&v=1773670020&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Neige</span>
</span>
</label>
</li>
</ul>
</fieldset>
</div>
<div
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0 cursor-pointer'
x-data
@click.passive='addToCart'
role='button'
tabindex='0'
><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></div>
</div>
</div>
</div>
<a href='/products/rideau-lana-lin'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Rideau Lana
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+3
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Noir'
style='background-color: #000000'
data-value-init='#000000'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #446e6c'
data-value='#446e6c'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Beige'
style='background-color: #EAD8AB'
data-value-init='#EAD8AB'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #f7f4e1'
data-value='#f7f4e1'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #42526c'
data-value='#42526c'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Beige'
style='background-color: #EAD8AB'
data-value-init='#EAD8AB'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #c4ae8f'
data-value='#c4ae8f'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Blanc'
style='background-color: #f9f4f4'
data-value-init='#f9f4f4'
>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span x-text='$useFormatPrice(price, "{{amount_no_decimals}}€")'></span>
<span
x-show='compareAtPrice && compareAtPrice > 0 && compareAtPrice > price'
x-cloak
x-text='$useFormatPrice(compareAtPrice, "{{amount_no_decimals}}€")'
class='ml-4 text-brown-text line-through'
></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Lin
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">325€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false}'
class='group span-w-6 lg:span-w-5 lg-max:margin-pl-1 lg-max:span-w-5-wide'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/rideau-segaya-coton-bambou-lin'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Rideau-Segaya.jpg?crop=center&height=64&v=1769779858&width=48 48w,//caravane.com/cdn/shop/files/Rideau-Segaya.jpg?crop=center&height=129&v=1769779858&width=96 96w,//caravane.com/cdn/shop/files/Rideau-Segaya.jpg?crop=center&height=214&v=1769779858&width=160 160w,//caravane.com/cdn/shop/files/Rideau-Segaya.jpg?crop=center&height=429&v=1769779858&width=320 320w,//caravane.com/cdn/shop/files/Rideau-Segaya.jpg?crop=center&height=858&v=1769779858&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Rideau-Segaya.jpg?crop=center&height=129&v=1769779858&width=96 96w,//caravane.com/cdn/shop/files/Rideau-Segaya.jpg?crop=center&height=215&v=1769779858&width=160 160w,//caravane.com/cdn/shop/files/Rideau-Segaya.jpg?crop=center&height=431&v=1769779858&width=320 320w,//caravane.com/cdn/shop/files/Rideau-Segaya.jpg?crop=center&height=862&v=1769779858&width=640 640w,//caravane.com/cdn/shop/files/Rideau-Segaya.jpg?crop=center&height=1293&v=1769779858&width=960 960w,//caravane.com/cdn/shop/files/Rideau-Segaya.jpg?crop=center&height=1616&v=1769779858&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau-Segaya.jpg?crop=center&height=2586&v=1769779858&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau-Segaya.jpg?crop=center&height=3232&v=1769779858&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Rideau-Segaya.jpg?crop=center&height=435&v=1769779858&width=323" alt="Rideau Segaya en coton bambou et lin" srcset="//caravane.com/cdn/shop/files/Rideau-Segaya.jpg?crop=center&height=435&v=1769779858&width=323 323w" width="323" height="435" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/packshot-rideau-segaya.jpg?crop=center&height=64&v=1767088513&width=48 48w,//caravane.com/cdn/shop/files/packshot-rideau-segaya.jpg?crop=center&height=129&v=1767088513&width=96 96w,//caravane.com/cdn/shop/files/packshot-rideau-segaya.jpg?crop=center&height=214&v=1767088513&width=160 160w,//caravane.com/cdn/shop/files/packshot-rideau-segaya.jpg?crop=center&height=429&v=1767088513&width=320 320w,//caravane.com/cdn/shop/files/packshot-rideau-segaya.jpg?crop=center&height=858&v=1767088513&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/packshot-rideau-segaya.jpg?crop=center&height=129&v=1767088513&width=96 96w,//caravane.com/cdn/shop/files/packshot-rideau-segaya.jpg?crop=center&height=215&v=1767088513&width=160 160w,//caravane.com/cdn/shop/files/packshot-rideau-segaya.jpg?crop=center&height=431&v=1767088513&width=320 320w,//caravane.com/cdn/shop/files/packshot-rideau-segaya.jpg?crop=center&height=862&v=1767088513&width=640 640w,//caravane.com/cdn/shop/files/packshot-rideau-segaya.jpg?crop=center&height=1293&v=1767088513&width=960 960w,//caravane.com/cdn/shop/files/packshot-rideau-segaya.jpg?crop=center&height=1616&v=1767088513&width=1200 1200w,//caravane.com/cdn/shop/files/packshot-rideau-segaya.jpg?crop=center&height=2586&v=1767088513&width=1920 1920w,//caravane.com/cdn/shop/files/packshot-rideau-segaya.jpg?crop=center&height=3232&v=1767088513&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/packshot-rideau-segaya.jpg?crop=center&height=435&v=1767088513&width=323" alt="Rideau Segaya en coton brodé à la main, bambou et lin de 140x300 cm" srcset="//caravane.com/cdn/shop/files/packshot-rideau-segaya.jpg?crop=center&height=435&v=1767088513&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0'
type='button'
x-data="{loading:false}" @click='(function (event){loading=true;liquidAjaxCart.add({items:[{id:46881198506309,quantity: 1}]}); event.preventDefault(); event.stopPropagation(); return false;})(event)'><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></button>
</div>
</div>
<a href='/products/rideau-segaya-coton-bambou-lin'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Rideau Segaya
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
</p>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span><span class="money">185€</span></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Coton brodé, bambou et lin
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">185€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@variant-picker-set-price='price = $event.detail'
@variant-picker-set-compare-at-price='compareAtPrice = $event.detail'
@variant-picker-set-image='$useUpdatePicture($refs.hoverPictureContainer, $event.detail)'
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false,price:16000,compareAtPrice:0,image:"//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?v=1744710507"}'
class='group span-w-6 lg:span-w-5 lg-max:margin-pl-1 lg-max:span-w-5-wide'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/surendra-rideau'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_068.jpg?crop=center&height=64&v=1727691562&width=48 48w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_068.jpg?crop=center&height=129&v=1727691562&width=96 96w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_068.jpg?crop=center&height=214&v=1727691562&width=160 160w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_068.jpg?crop=center&height=429&v=1727691562&width=320 320w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_068.jpg?crop=center&height=858&v=1727691562&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_068.jpg?crop=center&height=129&v=1727691562&width=96 96w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_068.jpg?crop=center&height=215&v=1727691562&width=160 160w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_068.jpg?crop=center&height=431&v=1727691562&width=320 320w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_068.jpg?crop=center&height=862&v=1727691562&width=640 640w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_068.jpg?crop=center&height=1293&v=1727691562&width=960 960w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_068.jpg?crop=center&height=1616&v=1727691562&width=1200 1200w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_068.jpg?crop=center&height=435&v=1727691562&width=323" alt="Rideau Surendra" srcset="//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_068.jpg?crop=center&height=435&v=1727691562&width=323 323w" width="323" height="435" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<div x-ref='hoverPictureContainer'>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?crop=center&height=64&v=1744710507&width=48 48w,//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?crop=center&height=129&v=1744710507&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?crop=center&height=214&v=1744710507&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?crop=center&height=429&v=1744710507&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?crop=center&height=858&v=1744710507&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?crop=center&height=129&v=1744710507&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?crop=center&height=215&v=1744710507&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?crop=center&height=431&v=1744710507&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?crop=center&height=862&v=1744710507&width=640 640w,//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?crop=center&height=1293&v=1744710507&width=960 960w,//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?crop=center&height=1616&v=1744710507&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?crop=center&height=2586&v=1744710507&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?crop=center&height=3232&v=1744710507&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?crop=center&height=435&v=1744710507&width=323" alt="Rideau Surendra" srcset="//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?crop=center&height=435&v=1744710507&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<div x-data='productCardVariantPicker({defaultVariantId: 17096009220214, variants: [{"id":17096009220214,"price":16000,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?v=1744710507"},{"id":22212540956790,"price":16000,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Rideau_Surendra_Curry_1.jpg?v=1744710507"}]})' class='w-full bg-cream'>
<div class='border-b border-stroke-light/10 p-12'>
<fieldset class='option'>
<legend class='mb-8 text-11 leading-tight tracking-normal text-brown-text'>Couleur</legend>
<ul class='flex gap-8 flex-col'>
<li>
<label
for='surendra-rideau-couleur-charcoal-1775682057916412176'
>
<input
id='surendra-rideau-couleur-charcoal-1775682057916412176'
type='radio'
value='17096009220214'
name='surendra-rideau-couleur-charcoal'
class='peer sr-only'
checked
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?crop=center&height=96&v=1744710507&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?crop=center&height=160&v=1744710507&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?crop=center&height=320&v=1744710507&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?crop=center&height=640&v=1744710507&width=640 640w,//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?crop=center&height=960&v=1744710507&width=960 960w,//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?crop=center&height=1200&v=1744710507&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?crop=center&height=1920&v=1744710507&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?crop=center&height=2400&v=1744710507&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?crop=center&height=30&v=1744710507&width=30" alt="Rideau Surendra" srcset="//caravane.com/cdn/shop/files/Rideau_Surendra_Charcoal_2.jpg?crop=center&height=30&v=1744710507&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Charcoal</span>
</span>
</label>
</li>
<li>
<label
for='surendra-rideau-couleur-curry-1775682057916412176'
>
<input
id='surendra-rideau-couleur-curry-1775682057916412176'
type='radio'
value='22212540956790'
name='surendra-rideau-couleur-curry'
class='peer sr-only'
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Rideau_Surendra_Curry_1.jpg?crop=center&height=96&v=1744710507&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Surendra_Curry_1.jpg?crop=center&height=160&v=1744710507&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Surendra_Curry_1.jpg?crop=center&height=320&v=1744710507&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Surendra_Curry_1.jpg?crop=center&height=640&v=1744710507&width=640 640w,//caravane.com/cdn/shop/files/Rideau_Surendra_Curry_1.jpg?crop=center&height=960&v=1744710507&width=960 960w,//caravane.com/cdn/shop/files/Rideau_Surendra_Curry_1.jpg?crop=center&height=1200&v=1744710507&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_Surendra_Curry_1.jpg?crop=center&height=1920&v=1744710507&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_Surendra_Curry_1.jpg?crop=center&height=2400&v=1744710507&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Rideau_Surendra_Curry_1.jpg?crop=center&height=30&v=1744710507&width=30" alt="Rideau Surendra" srcset="//caravane.com/cdn/shop/files/Rideau_Surendra_Curry_1.jpg?crop=center&height=30&v=1744710507&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Curry</span>
</span>
</label>
</li>
</ul>
</fieldset>
</div>
<div
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0 cursor-pointer'
x-data
@click.passive='addToCart'
role='button'
tabindex='0'
><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></div>
</div>
</div>
</div>
<a href='/products/surendra-rideau'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Rideau Surendra
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+2
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Noir'
style='background-color: #000000'
data-value-init='#000000'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Jaune'
style='background-color: #ecc856'
data-value-init='#ecc856'
>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span x-text='$useFormatPrice(price, "{{amount_no_decimals}}€")'></span>
<span
x-show='compareAtPrice && compareAtPrice > 0 && compareAtPrice > price'
x-cloak
x-text='$useFormatPrice(compareAtPrice, "{{amount_no_decimals}}€")'
class='ml-4 text-brown-text line-through'
></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Coton et lin
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">160€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@variant-picker-set-price='price = $event.detail'
@variant-picker-set-compare-at-price='compareAtPrice = $event.detail'
@variant-picker-set-image='$useUpdatePicture($refs.hoverPictureContainer, $event.detail)'
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false,price:21000,compareAtPrice:0,image:"//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?v=1761738400"}'
class='group span-w-6 lg:span-w-5 lg-max:margin-pl-1 lg-max:span-w-5-wide'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/rideau-canigo-lin-bourdon'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Dimensions2667x4000_44.png?crop=center&height=64&v=1761738400&width=48 48w,//caravane.com/cdn/shop/files/Dimensions2667x4000_44.png?crop=center&height=129&v=1761738400&width=96 96w,//caravane.com/cdn/shop/files/Dimensions2667x4000_44.png?crop=center&height=214&v=1761738400&width=160 160w,//caravane.com/cdn/shop/files/Dimensions2667x4000_44.png?crop=center&height=429&v=1761738400&width=320 320w,//caravane.com/cdn/shop/files/Dimensions2667x4000_44.png?crop=center&height=858&v=1761738400&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Dimensions2667x4000_44.png?crop=center&height=129&v=1761738400&width=96 96w,//caravane.com/cdn/shop/files/Dimensions2667x4000_44.png?crop=center&height=215&v=1761738400&width=160 160w,//caravane.com/cdn/shop/files/Dimensions2667x4000_44.png?crop=center&height=431&v=1761738400&width=320 320w,//caravane.com/cdn/shop/files/Dimensions2667x4000_44.png?crop=center&height=862&v=1761738400&width=640 640w,//caravane.com/cdn/shop/files/Dimensions2667x4000_44.png?crop=center&height=1293&v=1761738400&width=960 960w,//caravane.com/cdn/shop/files/Dimensions2667x4000_44.png?crop=center&height=1616&v=1761738400&width=1200 1200w,//caravane.com/cdn/shop/files/Dimensions2667x4000_44.png?crop=center&height=2586&v=1761738400&width=1920 1920w,//caravane.com/cdn/shop/files/Dimensions2667x4000_44.png?crop=center&height=3232&v=1761738400&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Dimensions2667x4000_44.png?crop=center&height=435&v=1761738400&width=323" alt="Rideaux Canigo" srcset="//caravane.com/cdn/shop/files/Dimensions2667x4000_44.png?crop=center&height=435&v=1761738400&width=323 323w" width="323" height="435" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<div x-ref='hoverPictureContainer'>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?crop=center&height=64&v=1761738400&width=48 48w,//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?crop=center&height=129&v=1761738400&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?crop=center&height=214&v=1761738400&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?crop=center&height=429&v=1761738400&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?crop=center&height=858&v=1761738400&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?crop=center&height=129&v=1761738400&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?crop=center&height=215&v=1761738400&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?crop=center&height=431&v=1761738400&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?crop=center&height=862&v=1761738400&width=640 640w,//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?crop=center&height=1293&v=1761738400&width=960 960w,//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?crop=center&height=1616&v=1761738400&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?crop=center&height=2586&v=1761738400&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?crop=center&height=3232&v=1761738400&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?crop=center&height=435&v=1761738400&width=323" alt="Rideau Canigo en lin couleur Neige avec bourdon noir" srcset="//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?crop=center&height=435&v=1761738400&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<div x-data='productCardVariantPicker({defaultVariantId: 53699334537541, variants: [{"id":53699334537541,"price":21000,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?v=1761738400"},{"id":53699334570309,"price":21000,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Rideau_canigo_neige_bourdon_havane.jpg?v=1761738400"},{"id":53699334635845,"price":21000,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Rideau_Canigo_lin_bourdon_noir.jpg?v=1761738400"}]})' class='w-full bg-cream'>
<div class='border-b border-stroke-light/10 p-12'>
<fieldset class='option'>
<legend class='mb-8 text-11 leading-tight tracking-normal text-brown-text'>Couleur</legend>
<ul class='flex gap-8 flex-col'>
<li>
<label
for='rideau-canigo-lin-bourdon-couleur-creme-bourdon-noir-1775682057924632651'
>
<input
id='rideau-canigo-lin-bourdon-couleur-creme-bourdon-noir-1775682057924632651'
type='radio'
value='53699334537541'
name='rideau-canigo-lin-bourdon-couleur-creme-bourdon-noir'
class='peer sr-only'
checked
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?crop=center&height=96&v=1761738400&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?crop=center&height=160&v=1761738400&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?crop=center&height=320&v=1761738400&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?crop=center&height=640&v=1761738400&width=640 640w,//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?crop=center&height=960&v=1761738400&width=960 960w,//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?crop=center&height=1200&v=1761738400&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?crop=center&height=1920&v=1761738400&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?crop=center&height=2400&v=1761738400&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?crop=center&height=30&v=1761738400&width=30" alt="Rideau Canigo en lin couleur Neige avec bourdon noir" srcset="//caravane.com/cdn/shop/files/Rideau_Canigo_Neige_bourdon_noir.jpg?crop=center&height=30&v=1761738400&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Creme bourdon noir</span>
</span>
</label>
</li>
<li>
<label
for='rideau-canigo-lin-bourdon-couleur-neige-bourdon-havane-1775682057924632651'
>
<input
id='rideau-canigo-lin-bourdon-couleur-neige-bourdon-havane-1775682057924632651'
type='radio'
value='53699334570309'
name='rideau-canigo-lin-bourdon-couleur-neige-bourdon-havane'
class='peer sr-only'
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Rideau_canigo_neige_bourdon_havane.jpg?crop=center&height=96&v=1761738400&width=96 96w,//caravane.com/cdn/shop/files/Rideau_canigo_neige_bourdon_havane.jpg?crop=center&height=160&v=1761738400&width=160 160w,//caravane.com/cdn/shop/files/Rideau_canigo_neige_bourdon_havane.jpg?crop=center&height=320&v=1761738400&width=320 320w,//caravane.com/cdn/shop/files/Rideau_canigo_neige_bourdon_havane.jpg?crop=center&height=640&v=1761738400&width=640 640w,//caravane.com/cdn/shop/files/Rideau_canigo_neige_bourdon_havane.jpg?crop=center&height=960&v=1761738400&width=960 960w,//caravane.com/cdn/shop/files/Rideau_canigo_neige_bourdon_havane.jpg?crop=center&height=1200&v=1761738400&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_canigo_neige_bourdon_havane.jpg?crop=center&height=1920&v=1761738400&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_canigo_neige_bourdon_havane.jpg?crop=center&height=2400&v=1761738400&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Rideau_canigo_neige_bourdon_havane.jpg?crop=center&height=30&v=1761738400&width=30" alt="Rideau Canigo en lin couleur Neige et bourdon Havane au pourtour" srcset="//caravane.com/cdn/shop/files/Rideau_canigo_neige_bourdon_havane.jpg?crop=center&height=30&v=1761738400&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Neige bourdon havane</span>
</span>
</label>
</li>
<li>
<label
for='rideau-canigo-lin-bourdon-couleur-neige-bourdon-noir-1775682057924632651'
>
<input
id='rideau-canigo-lin-bourdon-couleur-neige-bourdon-noir-1775682057924632651'
type='radio'
value='53699334635845'
name='rideau-canigo-lin-bourdon-couleur-neige-bourdon-noir'
class='peer sr-only'
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Rideau_Canigo_lin_bourdon_noir.jpg?crop=center&height=96&v=1761738400&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Canigo_lin_bourdon_noir.jpg?crop=center&height=160&v=1761738400&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Canigo_lin_bourdon_noir.jpg?crop=center&height=320&v=1761738400&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Canigo_lin_bourdon_noir.jpg?crop=center&height=640&v=1761738400&width=640 640w,//caravane.com/cdn/shop/files/Rideau_Canigo_lin_bourdon_noir.jpg?crop=center&height=960&v=1761738400&width=960 960w,//caravane.com/cdn/shop/files/Rideau_Canigo_lin_bourdon_noir.jpg?crop=center&height=1200&v=1761738400&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_Canigo_lin_bourdon_noir.jpg?crop=center&height=1920&v=1761738400&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_Canigo_lin_bourdon_noir.jpg?crop=center&height=2400&v=1761738400&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Rideau_Canigo_lin_bourdon_noir.jpg?crop=center&height=30&v=1761738400&width=30" alt="rideau Canigo neige bourdon noir" srcset="//caravane.com/cdn/shop/files/Rideau_Canigo_lin_bourdon_noir.jpg?crop=center&height=30&v=1761738400&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Neige bourdon noir</span>
</span>
</label>
</li>
</ul>
</fieldset>
</div>
<div
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0 cursor-pointer'
x-data
@click.passive='addToCart'
role='button'
tabindex='0'
><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></div>
</div>
</div>
</div>
<a href='/products/rideau-canigo-lin-bourdon'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Rideaux Canigo
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+3
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Noir'
style='background-color: #000000'
data-value-init='#000000'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Blanc'
style='background-color: #f9f4f4'
data-value-init='#f9f4f4'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Noir'
style='background-color: #000000'
data-value-init='#000000'
>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span x-text='$useFormatPrice(price, "{{amount_no_decimals}}€")'></span>
<span
x-show='compareAtPrice && compareAtPrice > 0 && compareAtPrice > price'
x-cloak
x-text='$useFormatPrice(compareAtPrice, "{{amount_no_decimals}}€")'
class='ml-4 text-brown-text line-through'
></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Lin
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">210€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false}'
class='group span-w-6 lg:span-w-5 lg-max:margin-pl-1 lg-max:span-w-5-wide'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/rideau-jari-khadi-coton'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Rideau-Jari-Blanc-casse.png?crop=center&height=64&v=1774873949&width=48 48w,//caravane.com/cdn/shop/files/Rideau-Jari-Blanc-casse.png?crop=center&height=129&v=1774873949&width=96 96w,//caravane.com/cdn/shop/files/Rideau-Jari-Blanc-casse.png?crop=center&height=214&v=1774873949&width=160 160w,//caravane.com/cdn/shop/files/Rideau-Jari-Blanc-casse.png?crop=center&height=429&v=1774873949&width=320 320w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Rideau-Jari-Blanc-casse.png?crop=center&height=129&v=1774873949&width=96 96w,//caravane.com/cdn/shop/files/Rideau-Jari-Blanc-casse.png?crop=center&height=215&v=1774873949&width=160 160w,//caravane.com/cdn/shop/files/Rideau-Jari-Blanc-casse.png?crop=center&height=431&v=1774873949&width=320 320w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Rideau-Jari-Blanc-casse.png?crop=center&height=435&v=1774873949&width=323" alt="Rideau Jari en khadi de coton avec franges couleur blanc cassé" srcset="//caravane.com/cdn/shop/files/Rideau-Jari-Blanc-casse.png?crop=center&height=435&v=1774873949&width=323 323w" width="323" height="435" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Packshot-rideau-Jari.jpg?crop=center&height=64&v=1774873949&width=48 48w,//caravane.com/cdn/shop/files/Packshot-rideau-Jari.jpg?crop=center&height=129&v=1774873949&width=96 96w,//caravane.com/cdn/shop/files/Packshot-rideau-Jari.jpg?crop=center&height=214&v=1774873949&width=160 160w,//caravane.com/cdn/shop/files/Packshot-rideau-Jari.jpg?crop=center&height=429&v=1774873949&width=320 320w,//caravane.com/cdn/shop/files/Packshot-rideau-Jari.jpg?crop=center&height=858&v=1774873949&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Packshot-rideau-Jari.jpg?crop=center&height=129&v=1774873949&width=96 96w,//caravane.com/cdn/shop/files/Packshot-rideau-Jari.jpg?crop=center&height=215&v=1774873949&width=160 160w,//caravane.com/cdn/shop/files/Packshot-rideau-Jari.jpg?crop=center&height=431&v=1774873949&width=320 320w,//caravane.com/cdn/shop/files/Packshot-rideau-Jari.jpg?crop=center&height=862&v=1774873949&width=640 640w,//caravane.com/cdn/shop/files/Packshot-rideau-Jari.jpg?crop=center&height=1293&v=1774873949&width=960 960w,//caravane.com/cdn/shop/files/Packshot-rideau-Jari.jpg?crop=center&height=1616&v=1774873949&width=1200 1200w,//caravane.com/cdn/shop/files/Packshot-rideau-Jari.jpg?crop=center&height=2586&v=1774873949&width=1920 1920w,//caravane.com/cdn/shop/files/Packshot-rideau-Jari.jpg?crop=center&height=3232&v=1774873949&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Packshot-rideau-Jari.jpg?crop=center&height=435&v=1774873949&width=323" alt="Rideau Jari en khadi de coton biologique couleur blanc cassé avec franges" srcset="//caravane.com/cdn/shop/files/Packshot-rideau-Jari.jpg?crop=center&height=435&v=1774873949&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0'
type='button'
x-data="{loading:false}" @click='(function (event){loading=true;liquidAjaxCart.add({items:[{id:29053695688822,quantity: 1}]}); event.preventDefault(); event.stopPropagation(); return false;})(event)'><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></button>
</div>
</div>
<a href='/products/rideau-jari-khadi-coton'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Rideau Jari
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
</p>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span><span class="money">70€</span></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Khadi de coton
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">70€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false}'
class='group span-w-6 lg:span-w-5 lg-max:margin-pl-1 lg-max:span-w-5-wide'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/rideau-jalma-khadi-coton'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/franges-rideau-Jalma.png?crop=center&height=64&v=1774874008&width=48 48w,//caravane.com/cdn/shop/files/franges-rideau-Jalma.png?crop=center&height=129&v=1774874008&width=96 96w,//caravane.com/cdn/shop/files/franges-rideau-Jalma.png?crop=center&height=214&v=1774874008&width=160 160w,//caravane.com/cdn/shop/files/franges-rideau-Jalma.png?crop=center&height=429&v=1774874008&width=320 320w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/franges-rideau-Jalma.png?crop=center&height=129&v=1774874008&width=96 96w,//caravane.com/cdn/shop/files/franges-rideau-Jalma.png?crop=center&height=215&v=1774874008&width=160 160w,//caravane.com/cdn/shop/files/franges-rideau-Jalma.png?crop=center&height=431&v=1774874008&width=320 320w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/franges-rideau-Jalma.png?crop=center&height=435&v=1774874008&width=323" alt="Rideau Jalma avec délicats motifs vichy et fines franges aux extremités" srcset="//caravane.com/cdn/shop/files/franges-rideau-Jalma.png?crop=center&height=435&v=1774874008&width=323 323w" width="323" height="435" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Rideau-khadi-coton-Jalma.jpg?crop=center&height=64&v=1774874008&width=48 48w,//caravane.com/cdn/shop/files/Rideau-khadi-coton-Jalma.jpg?crop=center&height=129&v=1774874008&width=96 96w,//caravane.com/cdn/shop/files/Rideau-khadi-coton-Jalma.jpg?crop=center&height=214&v=1774874008&width=160 160w,//caravane.com/cdn/shop/files/Rideau-khadi-coton-Jalma.jpg?crop=center&height=429&v=1774874008&width=320 320w,//caravane.com/cdn/shop/files/Rideau-khadi-coton-Jalma.jpg?crop=center&height=858&v=1774874008&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Rideau-khadi-coton-Jalma.jpg?crop=center&height=129&v=1774874008&width=96 96w,//caravane.com/cdn/shop/files/Rideau-khadi-coton-Jalma.jpg?crop=center&height=215&v=1774874008&width=160 160w,//caravane.com/cdn/shop/files/Rideau-khadi-coton-Jalma.jpg?crop=center&height=431&v=1774874008&width=320 320w,//caravane.com/cdn/shop/files/Rideau-khadi-coton-Jalma.jpg?crop=center&height=862&v=1774874008&width=640 640w,//caravane.com/cdn/shop/files/Rideau-khadi-coton-Jalma.jpg?crop=center&height=1293&v=1774874008&width=960 960w,//caravane.com/cdn/shop/files/Rideau-khadi-coton-Jalma.jpg?crop=center&height=1616&v=1774874008&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau-khadi-coton-Jalma.jpg?crop=center&height=2586&v=1774874008&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau-khadi-coton-Jalma.jpg?crop=center&height=3232&v=1774874008&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Rideau-khadi-coton-Jalma.jpg?crop=center&height=435&v=1774874008&width=323" alt="Rideau voilage Jalma avec de délicats motifs vichy en transparence et des fines franges aux extremités." srcset="//caravane.com/cdn/shop/files/Rideau-khadi-coton-Jalma.jpg?crop=center&height=435&v=1774874008&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0'
type='button'
x-data="{loading:false}" @click='(function (event){loading=true;liquidAjaxCart.add({items:[{id:22485513633910,quantity: 1}]}); event.preventDefault(); event.stopPropagation(); return false;})(event)'><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></button>
</div>
</div>
<a href='/products/rideau-jalma-khadi-coton'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Rideau Jalma
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
</p>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span><span class="money">70€</span></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Khadi de coton
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">70€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@variant-picker-set-price='price = $event.detail'
@variant-picker-set-compare-at-price='compareAtPrice = $event.detail'
@variant-picker-set-image='$useUpdatePicture($refs.hoverPictureContainer, $event.detail)'
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false,price:28500,compareAtPrice:0,image:"//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?v=1750150292"}'
class='group span-w-6 lg:span-w-5 lg-max:margin-pl-1 lg-max:span-w-5-wide'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/rideau-epoca-lin-bourdon'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Rideau-epoca-lin.jpg?crop=center&height=64&v=1771600047&width=48 48w,//caravane.com/cdn/shop/files/Rideau-epoca-lin.jpg?crop=center&height=129&v=1771600047&width=96 96w,//caravane.com/cdn/shop/files/Rideau-epoca-lin.jpg?crop=center&height=214&v=1771600047&width=160 160w,//caravane.com/cdn/shop/files/Rideau-epoca-lin.jpg?crop=center&height=429&v=1771600047&width=320 320w,//caravane.com/cdn/shop/files/Rideau-epoca-lin.jpg?crop=center&height=858&v=1771600047&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Rideau-epoca-lin.jpg?crop=center&height=129&v=1771600047&width=96 96w,//caravane.com/cdn/shop/files/Rideau-epoca-lin.jpg?crop=center&height=215&v=1771600047&width=160 160w,//caravane.com/cdn/shop/files/Rideau-epoca-lin.jpg?crop=center&height=431&v=1771600047&width=320 320w,//caravane.com/cdn/shop/files/Rideau-epoca-lin.jpg?crop=center&height=862&v=1771600047&width=640 640w,//caravane.com/cdn/shop/files/Rideau-epoca-lin.jpg?crop=center&height=1293&v=1771600047&width=960 960w,//caravane.com/cdn/shop/files/Rideau-epoca-lin.jpg?crop=center&height=1616&v=1771600047&width=1200 1200w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Rideau-epoca-lin.jpg?crop=center&height=435&v=1771600047&width=323" alt="Rideau Epoca en lin texturé avec bourdon couleur Havane" srcset="//caravane.com/cdn/shop/files/Rideau-epoca-lin.jpg?crop=center&height=435&v=1771600047&width=323 323w" width="323" height="435" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<div x-ref='hoverPictureContainer'>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?crop=center&height=64&v=1750150292&width=48 48w,//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?crop=center&height=129&v=1750150292&width=96 96w,//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?crop=center&height=214&v=1750150292&width=160 160w,//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?crop=center&height=429&v=1750150292&width=320 320w,//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?crop=center&height=858&v=1750150292&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?crop=center&height=129&v=1750150292&width=96 96w,//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?crop=center&height=215&v=1750150292&width=160 160w,//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?crop=center&height=431&v=1750150292&width=320 320w,//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?crop=center&height=862&v=1750150292&width=640 640w,//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?crop=center&height=1293&v=1750150292&width=960 960w,//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?crop=center&height=1616&v=1750150292&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?crop=center&height=2586&v=1750150292&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?crop=center&height=3232&v=1750150292&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?crop=center&height=435&v=1750150292&width=323" alt="rideau en lin Epoca avec bourdon couleur Havane" srcset="//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?crop=center&height=435&v=1750150292&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<div x-data='productCardVariantPicker({defaultVariantId: 53699345449285, variants: [{"id":53699345449285,"price":28500,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?v=1750150292"},{"id":53699345482053,"price":28500,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Rideau_epoca_lin_lac.jpg?v=1750150263"},{"id":53699345514821,"price":28500,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Rideau_lin_Epoca_bourdon_noir.jpg?v=1750150228"}]})' class='w-full bg-cream'>
<div class='border-b border-stroke-light/10 p-12'>
<fieldset class='option'>
<legend class='mb-8 text-11 leading-tight tracking-normal text-brown-text'>Couleur</legend>
<ul class='flex gap-8 flex-col'>
<li>
<label
for='rideau-epoca-lin-bourdon-couleur-neige-bourdon-havane-1775682057950814236'
>
<input
id='rideau-epoca-lin-bourdon-couleur-neige-bourdon-havane-1775682057950814236'
type='radio'
value='53699345449285'
name='rideau-epoca-lin-bourdon-couleur-neige-bourdon-havane'
class='peer sr-only'
checked
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?crop=center&height=96&v=1750150292&width=96 96w,//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?crop=center&height=160&v=1750150292&width=160 160w,//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?crop=center&height=320&v=1750150292&width=320 320w,//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?crop=center&height=640&v=1750150292&width=640 640w,//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?crop=center&height=960&v=1750150292&width=960 960w,//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?crop=center&height=1200&v=1750150292&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?crop=center&height=1920&v=1750150292&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?crop=center&height=2400&v=1750150292&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?crop=center&height=30&v=1750150292&width=30" alt="rideau en lin Epoca avec bourdon couleur Havane" srcset="//caravane.com/cdn/shop/files/Rideau_epoca_havane.jpg?crop=center&height=30&v=1750150292&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Neige bourdon havane</span>
</span>
</label>
</li>
<li>
<label
for='rideau-epoca-lin-bourdon-couleur-neige-bourdon-lac-1775682057950814236'
>
<input
id='rideau-epoca-lin-bourdon-couleur-neige-bourdon-lac-1775682057950814236'
type='radio'
value='53699345482053'
name='rideau-epoca-lin-bourdon-couleur-neige-bourdon-lac'
class='peer sr-only'
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Rideau_epoca_lin_lac.jpg?crop=center&height=96&v=1750150263&width=96 96w,//caravane.com/cdn/shop/files/Rideau_epoca_lin_lac.jpg?crop=center&height=160&v=1750150263&width=160 160w,//caravane.com/cdn/shop/files/Rideau_epoca_lin_lac.jpg?crop=center&height=320&v=1750150263&width=320 320w,//caravane.com/cdn/shop/files/Rideau_epoca_lin_lac.jpg?crop=center&height=640&v=1750150263&width=640 640w,//caravane.com/cdn/shop/files/Rideau_epoca_lin_lac.jpg?crop=center&height=960&v=1750150263&width=960 960w,//caravane.com/cdn/shop/files/Rideau_epoca_lin_lac.jpg?crop=center&height=1200&v=1750150263&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_epoca_lin_lac.jpg?crop=center&height=1920&v=1750150263&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_epoca_lin_lac.jpg?crop=center&height=2400&v=1750150263&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Rideau_epoca_lin_lac.jpg?crop=center&height=30&v=1750150263&width=30" alt="Elegants rideaux en lin Epoca avec bourdon coloré couleur bleu Lac" srcset="//caravane.com/cdn/shop/files/Rideau_epoca_lin_lac.jpg?crop=center&height=30&v=1750150263&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Neige bourdon lac</span>
</span>
</label>
</li>
<li>
<label
for='rideau-epoca-lin-bourdon-couleur-neige-bourdon-noir-1775682057950814236'
>
<input
id='rideau-epoca-lin-bourdon-couleur-neige-bourdon-noir-1775682057950814236'
type='radio'
value='53699345514821'
name='rideau-epoca-lin-bourdon-couleur-neige-bourdon-noir'
class='peer sr-only'
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Rideau_lin_Epoca_bourdon_noir.jpg?crop=center&height=96&v=1750150228&width=96 96w,//caravane.com/cdn/shop/files/Rideau_lin_Epoca_bourdon_noir.jpg?crop=center&height=160&v=1750150228&width=160 160w,//caravane.com/cdn/shop/files/Rideau_lin_Epoca_bourdon_noir.jpg?crop=center&height=320&v=1750150228&width=320 320w,//caravane.com/cdn/shop/files/Rideau_lin_Epoca_bourdon_noir.jpg?crop=center&height=640&v=1750150228&width=640 640w,//caravane.com/cdn/shop/files/Rideau_lin_Epoca_bourdon_noir.jpg?crop=center&height=960&v=1750150228&width=960 960w,//caravane.com/cdn/shop/files/Rideau_lin_Epoca_bourdon_noir.jpg?crop=center&height=1200&v=1750150228&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_lin_Epoca_bourdon_noir.jpg?crop=center&height=1920&v=1750150228&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_lin_Epoca_bourdon_noir.jpg?crop=center&height=2400&v=1750150228&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Rideau_lin_Epoca_bourdon_noir.jpg?crop=center&height=30&v=1750150228&width=30" alt="Rideau en lin Epoca avec bourdon noir" srcset="//caravane.com/cdn/shop/files/Rideau_lin_Epoca_bourdon_noir.jpg?crop=center&height=30&v=1750150228&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Neige bourdon noir</span>
</span>
</label>
</li>
</ul>
</fieldset>
</div>
<div
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0 cursor-pointer'
x-data
@click.passive='addToCart'
role='button'
tabindex='0'
><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></div>
</div>
</div>
</div>
<a href='/products/rideau-epoca-lin-bourdon'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Rideau Epoca
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+3
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Blanc'
style='background-color: #f9f4f4'
data-value-init='#f9f4f4'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Noir'
style='background-color: #000000'
data-value-init='#000000'
>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span x-text='$useFormatPrice(price, "{{amount_no_decimals}}€")'></span>
<span
x-show='compareAtPrice && compareAtPrice > 0 && compareAtPrice > price'
x-cloak
x-text='$useFormatPrice(compareAtPrice, "{{amount_no_decimals}}€")'
class='ml-4 text-brown-text line-through'
></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Lin
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">285€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@variant-picker-set-price='price = $event.detail'
@variant-picker-set-compare-at-price='compareAtPrice = $event.detail'
@variant-picker-set-image='$useUpdatePicture($refs.hoverPictureContainer, $event.detail)'
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false,price:17500,compareAtPrice:0,image:"//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?v=1751977421"}'
class='group span-w-6 lg:span-w-5 lg-max:margin-pl-1 lg-max:span-w-5-wide'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/linar-coton-biologique-tisse-main'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Rideau-Lina-Khadi-coton-bio.jpg?crop=center&height=64&v=1774874044&width=48 48w,//caravane.com/cdn/shop/files/Rideau-Lina-Khadi-coton-bio.jpg?crop=center&height=129&v=1774874044&width=96 96w,//caravane.com/cdn/shop/files/Rideau-Lina-Khadi-coton-bio.jpg?crop=center&height=214&v=1774874044&width=160 160w,//caravane.com/cdn/shop/files/Rideau-Lina-Khadi-coton-bio.jpg?crop=center&height=429&v=1774874044&width=320 320w,//caravane.com/cdn/shop/files/Rideau-Lina-Khadi-coton-bio.jpg?crop=center&height=858&v=1774874044&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Rideau-Lina-Khadi-coton-bio.jpg?crop=center&height=129&v=1774874044&width=96 96w,//caravane.com/cdn/shop/files/Rideau-Lina-Khadi-coton-bio.jpg?crop=center&height=215&v=1774874044&width=160 160w,//caravane.com/cdn/shop/files/Rideau-Lina-Khadi-coton-bio.jpg?crop=center&height=431&v=1774874044&width=320 320w,//caravane.com/cdn/shop/files/Rideau-Lina-Khadi-coton-bio.jpg?crop=center&height=862&v=1774874044&width=640 640w,//caravane.com/cdn/shop/files/Rideau-Lina-Khadi-coton-bio.jpg?crop=center&height=1293&v=1774874044&width=960 960w,//caravane.com/cdn/shop/files/Rideau-Lina-Khadi-coton-bio.jpg?crop=center&height=1616&v=1774874044&width=1200 1200w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Rideau-Lina-Khadi-coton-bio.jpg?crop=center&height=435&v=1774874044&width=323" alt="Rideau Lina en khadi de coton biologique couleur Charcoal avec ses pointillés noirs sur le voile" srcset="//caravane.com/cdn/shop/files/Rideau-Lina-Khadi-coton-bio.jpg?crop=center&height=435&v=1774874044&width=323 323w" width="323" height="435" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<div x-ref='hoverPictureContainer'>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?crop=center&height=64&v=1751977421&width=48 48w,//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?crop=center&height=129&v=1751977421&width=96 96w,//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?crop=center&height=214&v=1751977421&width=160 160w,//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?crop=center&height=429&v=1751977421&width=320 320w,//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?crop=center&height=858&v=1751977421&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?crop=center&height=129&v=1751977421&width=96 96w,//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?crop=center&height=215&v=1751977421&width=160 160w,//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?crop=center&height=431&v=1751977421&width=320 320w,//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?crop=center&height=862&v=1751977421&width=640 640w,//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?crop=center&height=1293&v=1751977421&width=960 960w,//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?crop=center&height=1616&v=1751977421&width=1200 1200w,//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?crop=center&height=2586&v=1751977421&width=1920 1920w,//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?crop=center&height=3232&v=1751977421&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?crop=center&height=435&v=1751977421&width=323" alt="Rideau Lina à franges en khadi de coton biologique couleur Charcoal avec de délicats pointillés noirs sur le voile" srcset="//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?crop=center&height=435&v=1751977421&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<div x-data='productCardVariantPicker({defaultVariantId: 20112496853110, variants: [{"id":20112496853110,"price":17500,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?v=1751977421"},{"id":47522055848261,"price":17500,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Packshot-rideau-Lina-khadi-coton-biologique.jpg?v=1774874044"}]})' class='w-full bg-cream'>
<div class='border-b border-stroke-light/10 p-12'>
<fieldset class='option'>
<legend class='mb-8 text-11 leading-tight tracking-normal text-brown-text'>Couleur</legend>
<ul class='flex gap-8 flex-col'>
<li>
<label
for='linar-coton-biologique-tisse-main-couleur-charcoal-1775682057961863410'
>
<input
id='linar-coton-biologique-tisse-main-couleur-charcoal-1775682057961863410'
type='radio'
value='20112496853110'
name='linar-coton-biologique-tisse-main-couleur-charcoal'
class='peer sr-only'
checked
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?crop=center&height=96&v=1751977421&width=96 96w,//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?crop=center&height=160&v=1751977421&width=160 160w,//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?crop=center&height=320&v=1751977421&width=320 320w,//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?crop=center&height=640&v=1751977421&width=640 640w,//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?crop=center&height=960&v=1751977421&width=960 960w,//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?crop=center&height=1200&v=1751977421&width=1200 1200w,//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?crop=center&height=1920&v=1751977421&width=1920 1920w,//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?crop=center&height=2400&v=1751977421&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?crop=center&height=30&v=1751977421&width=30" alt="Rideau Lina à franges en khadi de coton biologique couleur Charcoal avec de délicats pointillés noirs sur le voile" srcset="//caravane.com/cdn/shop/files/Packshot_Rideau_Lina_Charcoal.jpg?crop=center&height=30&v=1751977421&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Charcoal</span>
</span>
</label>
</li>
<li>
<label
for='linar-coton-biologique-tisse-main-couleur-gold-1775682057961863410'
>
<input
id='linar-coton-biologique-tisse-main-couleur-gold-1775682057961863410'
type='radio'
value='47522055848261'
name='linar-coton-biologique-tisse-main-couleur-gold'
class='peer sr-only'
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Packshot-rideau-Lina-khadi-coton-biologique.jpg?crop=center&height=96&v=1774874044&width=96 96w,//caravane.com/cdn/shop/files/Packshot-rideau-Lina-khadi-coton-biologique.jpg?crop=center&height=160&v=1774874044&width=160 160w,//caravane.com/cdn/shop/files/Packshot-rideau-Lina-khadi-coton-biologique.jpg?crop=center&height=320&v=1774874044&width=320 320w,//caravane.com/cdn/shop/files/Packshot-rideau-Lina-khadi-coton-biologique.jpg?crop=center&height=640&v=1774874044&width=640 640w,//caravane.com/cdn/shop/files/Packshot-rideau-Lina-khadi-coton-biologique.jpg?crop=center&height=960&v=1774874044&width=960 960w,//caravane.com/cdn/shop/files/Packshot-rideau-Lina-khadi-coton-biologique.jpg?crop=center&height=1200&v=1774874044&width=1200 1200w,//caravane.com/cdn/shop/files/Packshot-rideau-Lina-khadi-coton-biologique.jpg?crop=center&height=1920&v=1774874044&width=1920 1920w,//caravane.com/cdn/shop/files/Packshot-rideau-Lina-khadi-coton-biologique.jpg?crop=center&height=2400&v=1774874044&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Packshot-rideau-Lina-khadi-coton-biologique.jpg?crop=center&height=30&v=1774874044&width=30" alt="Rideau Lina à franges en khadi de coton biologique couleur Gold avec des subtils fils dorés sur le voile. " srcset="//caravane.com/cdn/shop/files/Packshot-rideau-Lina-khadi-coton-biologique.jpg?crop=center&height=30&v=1774874044&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Gold</span>
</span>
</label>
</li>
</ul>
</fieldset>
</div>
<div
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0 cursor-pointer'
x-data
@click.passive='addToCart'
role='button'
tabindex='0'
><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></div>
</div>
</div>
</div>
<a href='/products/linar-coton-biologique-tisse-main'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Rideau Lina
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+2
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Noir'
style='background-color: #000000'
data-value-init='#000000'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Doré'
style='background-color: #e5c989'
data-value-init='#e5c989'
>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span x-text='$useFormatPrice(price, "{{amount_no_decimals}}€")'></span>
<span
x-show='compareAtPrice && compareAtPrice > 0 && compareAtPrice > price'
x-cloak
x-text='$useFormatPrice(compareAtPrice, "{{amount_no_decimals}}€")'
class='ml-4 text-brown-text line-through'
></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Khadi de coton biologique
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">175€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false}'
class='group span-w-6 lg:span-w-5 lg-max:margin-pl-1 lg-max:span-w-5-wide'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/rideau-ashoka-khadi-de-coton'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_063B.jpg?crop=center&height=64&v=1727690335&width=48 48w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_063B.jpg?crop=center&height=129&v=1727690335&width=96 96w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_063B.jpg?crop=center&height=214&v=1727690335&width=160 160w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_063B.jpg?crop=center&height=429&v=1727690335&width=320 320w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_063B.jpg?crop=center&height=858&v=1727690335&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_063B.jpg?crop=center&height=129&v=1727690335&width=96 96w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_063B.jpg?crop=center&height=215&v=1727690335&width=160 160w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_063B.jpg?crop=center&height=431&v=1727690335&width=320 320w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_063B.jpg?crop=center&height=862&v=1727690335&width=640 640w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_063B.jpg?crop=center&height=1293&v=1727690335&width=960 960w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_063B.jpg?crop=center&height=1616&v=1727690335&width=1200 1200w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_063B.jpg?crop=center&height=435&v=1727690335&width=323" alt="Rideau blanc à franges en coton Ashoka" srcset="//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_063B.jpg?crop=center&height=435&v=1727690335&width=323 323w" width="323" height="435" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Rideau_Ashokar_Blanc_c39a9b2c-0917-4fe5-b42b-f0ec56afa68c.jpg?crop=center&height=64&v=1727690335&width=48 48w,//caravane.com/cdn/shop/files/Rideau_Ashokar_Blanc_c39a9b2c-0917-4fe5-b42b-f0ec56afa68c.jpg?crop=center&height=129&v=1727690335&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Ashokar_Blanc_c39a9b2c-0917-4fe5-b42b-f0ec56afa68c.jpg?crop=center&height=214&v=1727690335&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Ashokar_Blanc_c39a9b2c-0917-4fe5-b42b-f0ec56afa68c.jpg?crop=center&height=429&v=1727690335&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Ashokar_Blanc_c39a9b2c-0917-4fe5-b42b-f0ec56afa68c.jpg?crop=center&height=858&v=1727690335&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Rideau_Ashokar_Blanc_c39a9b2c-0917-4fe5-b42b-f0ec56afa68c.jpg?crop=center&height=129&v=1727690335&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Ashokar_Blanc_c39a9b2c-0917-4fe5-b42b-f0ec56afa68c.jpg?crop=center&height=215&v=1727690335&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Ashokar_Blanc_c39a9b2c-0917-4fe5-b42b-f0ec56afa68c.jpg?crop=center&height=431&v=1727690335&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Ashokar_Blanc_c39a9b2c-0917-4fe5-b42b-f0ec56afa68c.jpg?crop=center&height=862&v=1727690335&width=640 640w,//caravane.com/cdn/shop/files/Rideau_Ashokar_Blanc_c39a9b2c-0917-4fe5-b42b-f0ec56afa68c.jpg?crop=center&height=1293&v=1727690335&width=960 960w,//caravane.com/cdn/shop/files/Rideau_Ashokar_Blanc_c39a9b2c-0917-4fe5-b42b-f0ec56afa68c.jpg?crop=center&height=1616&v=1727690335&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_Ashokar_Blanc_c39a9b2c-0917-4fe5-b42b-f0ec56afa68c.jpg?crop=center&height=2586&v=1727690335&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_Ashokar_Blanc_c39a9b2c-0917-4fe5-b42b-f0ec56afa68c.jpg?crop=center&height=3232&v=1727690335&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Rideau_Ashokar_Blanc_c39a9b2c-0917-4fe5-b42b-f0ec56afa68c.jpg?crop=center&height=435&v=1727690335&width=323" alt="Rideau en coton blanc Ashoka" srcset="//caravane.com/cdn/shop/files/Rideau_Ashokar_Blanc_c39a9b2c-0917-4fe5-b42b-f0ec56afa68c.jpg?crop=center&height=435&v=1727690335&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0'
type='button'
x-data="{loading:false}" @click='(function (event){loading=true;liquidAjaxCart.add({items:[{id:16891660828790,quantity: 1}]}); event.preventDefault(); event.stopPropagation(); return false;})(event)'><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></button>
</div>
</div>
<a href='/products/rideau-ashoka-khadi-de-coton'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Rideau Ashoka
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
</p>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span><span class="money">65€</span></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Coton
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">65€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@variant-picker-set-price='price = $event.detail'
@variant-picker-set-compare-at-price='compareAtPrice = $event.detail'
@variant-picker-set-image='$useUpdatePicture($refs.hoverPictureContainer, $event.detail)'
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false,price:27500,compareAtPrice:0,image:"//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?v=1767087936"}'
class='group span-w-6 lg:span-w-5 lg-max:margin-pl-1 lg-max:span-w-5-wide'
>
<div
class='relative overflow-clip shrink-0'
><div class='inline-block bg-white px-8 pb-7 pt-8 text-11 leading-none tracking-tight text-brown-dark absolute left-10 top-9 z-1'>
Nouveauté
</div>
<a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/rideau-zarif-lin-coton'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Dimensions2667x4000_43.jpg?crop=center&height=64&v=1767087936&width=48 48w,//caravane.com/cdn/shop/files/Dimensions2667x4000_43.jpg?crop=center&height=129&v=1767087936&width=96 96w,//caravane.com/cdn/shop/files/Dimensions2667x4000_43.jpg?crop=center&height=214&v=1767087936&width=160 160w,//caravane.com/cdn/shop/files/Dimensions2667x4000_43.jpg?crop=center&height=429&v=1767087936&width=320 320w,//caravane.com/cdn/shop/files/Dimensions2667x4000_43.jpg?crop=center&height=858&v=1767087936&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Dimensions2667x4000_43.jpg?crop=center&height=129&v=1767087936&width=96 96w,//caravane.com/cdn/shop/files/Dimensions2667x4000_43.jpg?crop=center&height=215&v=1767087936&width=160 160w,//caravane.com/cdn/shop/files/Dimensions2667x4000_43.jpg?crop=center&height=431&v=1767087936&width=320 320w,//caravane.com/cdn/shop/files/Dimensions2667x4000_43.jpg?crop=center&height=862&v=1767087936&width=640 640w,//caravane.com/cdn/shop/files/Dimensions2667x4000_43.jpg?crop=center&height=1293&v=1767087936&width=960 960w,//caravane.com/cdn/shop/files/Dimensions2667x4000_43.jpg?crop=center&height=1616&v=1767087936&width=1200 1200w,//caravane.com/cdn/shop/files/Dimensions2667x4000_43.jpg?crop=center&height=2586&v=1767087936&width=1920 1920w,//caravane.com/cdn/shop/files/Dimensions2667x4000_43.jpg?crop=center&height=3232&v=1767087936&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Dimensions2667x4000_43.jpg?crop=center&height=435&v=1767087936&width=323" alt="Rideau Zarif" srcset="//caravane.com/cdn/shop/files/Dimensions2667x4000_43.jpg?crop=center&height=435&v=1767087936&width=323 323w" width="323" height="435" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<div x-ref='hoverPictureContainer'>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?crop=center&height=64&v=1767087936&width=48 48w,//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?crop=center&height=129&v=1767087936&width=96 96w,//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?crop=center&height=214&v=1767087936&width=160 160w,//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?crop=center&height=429&v=1767087936&width=320 320w,//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?crop=center&height=858&v=1767087936&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?crop=center&height=129&v=1767087936&width=96 96w,//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?crop=center&height=215&v=1767087936&width=160 160w,//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?crop=center&height=431&v=1767087936&width=320 320w,//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?crop=center&height=862&v=1767087936&width=640 640w,//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?crop=center&height=1293&v=1767087936&width=960 960w,//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?crop=center&height=1616&v=1767087936&width=1200 1200w,//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?crop=center&height=2586&v=1767087936&width=1920 1920w,//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?crop=center&height=3232&v=1767087936&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?crop=center&height=435&v=1767087936&width=323" alt="Rideau Zarif" srcset="//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?crop=center&height=435&v=1767087936&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<div x-data='productCardVariantPicker({defaultVariantId: 55943622623557, variants: [{"id":55943622689093,"price":27500,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Shoot41_041_c6621575-227a-4c61-b9e0-0ad3fcac6223.jpg?v=1767087936"},{"id":55943622623557,"price":27500,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?v=1767087936"},{"id":55943622754629,"price":27500,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Shoot41_040_c10cb1fc-d3cb-4838-9830-2c29f8878768.jpg?v=1767087936"}]})' class='w-full bg-cream'>
<div class='border-b border-stroke-light/10 p-12'>
<fieldset class='option'>
<legend class='mb-8 text-11 leading-tight tracking-normal text-brown-text'>Couleur</legend>
<ul class='flex gap-8 flex-col'>
<li>
<label
for='rideau-zarif-lin-coton-couleur-havane-1775682057981844582'
>
<input
id='rideau-zarif-lin-coton-couleur-havane-1775682057981844582'
type='radio'
value='55943622689093'
name='rideau-zarif-lin-coton-couleur-havane'
class='peer sr-only'
disabled
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Shoot41_041_c6621575-227a-4c61-b9e0-0ad3fcac6223.jpg?crop=center&height=96&v=1767087936&width=96 96w,//caravane.com/cdn/shop/files/Shoot41_041_c6621575-227a-4c61-b9e0-0ad3fcac6223.jpg?crop=center&height=160&v=1767087936&width=160 160w,//caravane.com/cdn/shop/files/Shoot41_041_c6621575-227a-4c61-b9e0-0ad3fcac6223.jpg?crop=center&height=320&v=1767087936&width=320 320w,//caravane.com/cdn/shop/files/Shoot41_041_c6621575-227a-4c61-b9e0-0ad3fcac6223.jpg?crop=center&height=640&v=1767087936&width=640 640w,//caravane.com/cdn/shop/files/Shoot41_041_c6621575-227a-4c61-b9e0-0ad3fcac6223.jpg?crop=center&height=960&v=1767087936&width=960 960w,//caravane.com/cdn/shop/files/Shoot41_041_c6621575-227a-4c61-b9e0-0ad3fcac6223.jpg?crop=center&height=1200&v=1767087936&width=1200 1200w,//caravane.com/cdn/shop/files/Shoot41_041_c6621575-227a-4c61-b9e0-0ad3fcac6223.jpg?crop=center&height=1920&v=1767087936&width=1920 1920w,//caravane.com/cdn/shop/files/Shoot41_041_c6621575-227a-4c61-b9e0-0ad3fcac6223.jpg?crop=center&height=2400&v=1767087936&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Shoot41_041_c6621575-227a-4c61-b9e0-0ad3fcac6223.jpg?crop=center&height=30&v=1767087936&width=30" alt="Rideau Zarif" srcset="//caravane.com/cdn/shop/files/Shoot41_041_c6621575-227a-4c61-b9e0-0ad3fcac6223.jpg?crop=center&height=30&v=1767087936&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Havane</span>
</span>
</label>
</li>
<li>
<label
for='rideau-zarif-lin-coton-couleur-creme-1775682057981844582'
>
<input
id='rideau-zarif-lin-coton-couleur-creme-1775682057981844582'
type='radio'
value='55943622623557'
name='rideau-zarif-lin-coton-couleur-creme'
class='peer sr-only'
checked
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?crop=center&height=96&v=1767087936&width=96 96w,//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?crop=center&height=160&v=1767087936&width=160 160w,//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?crop=center&height=320&v=1767087936&width=320 320w,//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?crop=center&height=640&v=1767087936&width=640 640w,//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?crop=center&height=960&v=1767087936&width=960 960w,//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?crop=center&height=1200&v=1767087936&width=1200 1200w,//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?crop=center&height=1920&v=1767087936&width=1920 1920w,//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?crop=center&height=2400&v=1767087936&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?crop=center&height=30&v=1767087936&width=30" alt="Rideau Zarif" srcset="//caravane.com/cdn/shop/files/Shoot41_042_ce674573-0730-4f47-846b-bc845cafcead.jpg?crop=center&height=30&v=1767087936&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Creme</span>
</span>
</label>
</li>
<li>
<label
for='rideau-zarif-lin-coton-couleur-naturel-1775682057981844582'
>
<input
id='rideau-zarif-lin-coton-couleur-naturel-1775682057981844582'
type='radio'
value='55943622754629'
name='rideau-zarif-lin-coton-couleur-naturel'
class='peer sr-only'
disabled
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Shoot41_040_c10cb1fc-d3cb-4838-9830-2c29f8878768.jpg?crop=center&height=96&v=1767087936&width=96 96w,//caravane.com/cdn/shop/files/Shoot41_040_c10cb1fc-d3cb-4838-9830-2c29f8878768.jpg?crop=center&height=160&v=1767087936&width=160 160w,//caravane.com/cdn/shop/files/Shoot41_040_c10cb1fc-d3cb-4838-9830-2c29f8878768.jpg?crop=center&height=320&v=1767087936&width=320 320w,//caravane.com/cdn/shop/files/Shoot41_040_c10cb1fc-d3cb-4838-9830-2c29f8878768.jpg?crop=center&height=640&v=1767087936&width=640 640w,//caravane.com/cdn/shop/files/Shoot41_040_c10cb1fc-d3cb-4838-9830-2c29f8878768.jpg?crop=center&height=960&v=1767087936&width=960 960w,//caravane.com/cdn/shop/files/Shoot41_040_c10cb1fc-d3cb-4838-9830-2c29f8878768.jpg?crop=center&height=1200&v=1767087936&width=1200 1200w,//caravane.com/cdn/shop/files/Shoot41_040_c10cb1fc-d3cb-4838-9830-2c29f8878768.jpg?crop=center&height=1920&v=1767087936&width=1920 1920w,//caravane.com/cdn/shop/files/Shoot41_040_c10cb1fc-d3cb-4838-9830-2c29f8878768.jpg?crop=center&height=2400&v=1767087936&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Shoot41_040_c10cb1fc-d3cb-4838-9830-2c29f8878768.jpg?crop=center&height=30&v=1767087936&width=30" alt="Rideau Zarif" srcset="//caravane.com/cdn/shop/files/Shoot41_040_c10cb1fc-d3cb-4838-9830-2c29f8878768.jpg?crop=center&height=30&v=1767087936&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Naturel</span>
</span>
</label>
</li>
</ul>
</fieldset>
</div>
<div
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0 cursor-pointer'
x-data
@click.passive='addToCart'
role='button'
tabindex='0'
><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></div>
</div>
</div>
</div>
<a href='/products/rideau-zarif-lin-coton'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Rideau Zarif
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+3
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Marron'
style='background-color: #a77e48'
data-value-init='#a77e48'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #8b5b3c'
data-value='#8b5b3c'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Blanc'
style='background-color: #f9f4f4'
data-value-init='#f9f4f4'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #edeef0'
data-value='#edeef0'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Beige'
style='background-color: #EAD8AB'
data-value-init='#EAD8AB'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #b09d94'
data-value='#b09d94'
></span>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span x-text='$useFormatPrice(price, "{{amount_no_decimals}}€")'></span>
<span
x-show='compareAtPrice && compareAtPrice > 0 && compareAtPrice > price'
x-cloak
x-text='$useFormatPrice(compareAtPrice, "{{amount_no_decimals}}€")'
class='ml-4 text-brown-text line-through'
></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Lin et coton
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">275€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false}'
class='group span-w-6 lg:span-w-5 lg-max:margin-pl-1 lg-max:span-w-5-wide'
>
<div
class='relative overflow-clip shrink-0'
><div class='inline-block bg-white px-8 pb-7 pt-8 text-11 leading-none tracking-tight text-brown-dark absolute left-10 top-9 z-1'>
Nouveauté
</div>
<a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/rideau-noori-coton'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/MG_7867.jpg?crop=center&height=64&v=1758269085&width=48 48w,//caravane.com/cdn/shop/files/MG_7867.jpg?crop=center&height=129&v=1758269085&width=96 96w,//caravane.com/cdn/shop/files/MG_7867.jpg?crop=center&height=214&v=1758269085&width=160 160w,//caravane.com/cdn/shop/files/MG_7867.jpg?crop=center&height=429&v=1758269085&width=320 320w,//caravane.com/cdn/shop/files/MG_7867.jpg?crop=center&height=858&v=1758269085&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/MG_7867.jpg?crop=center&height=129&v=1758269085&width=96 96w,//caravane.com/cdn/shop/files/MG_7867.jpg?crop=center&height=215&v=1758269085&width=160 160w,//caravane.com/cdn/shop/files/MG_7867.jpg?crop=center&height=431&v=1758269085&width=320 320w,//caravane.com/cdn/shop/files/MG_7867.jpg?crop=center&height=862&v=1758269085&width=640 640w,//caravane.com/cdn/shop/files/MG_7867.jpg?crop=center&height=1293&v=1758269085&width=960 960w,//caravane.com/cdn/shop/files/MG_7867.jpg?crop=center&height=1616&v=1758269085&width=1200 1200w,//caravane.com/cdn/shop/files/MG_7867.jpg?crop=center&height=2586&v=1758269085&width=1920 1920w,//caravane.com/cdn/shop/files/MG_7867.jpg?crop=center&height=3232&v=1758269085&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/MG_7867.jpg?crop=center&height=435&v=1758269085&width=323" alt="Rideau Noori" srcset="//caravane.com/cdn/shop/files/MG_7867.jpg?crop=center&height=435&v=1758269085&width=323 323w" width="323" height="435" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Shoot35_046.jpg?crop=center&height=64&v=1758269085&width=48 48w,//caravane.com/cdn/shop/files/Shoot35_046.jpg?crop=center&height=129&v=1758269085&width=96 96w,//caravane.com/cdn/shop/files/Shoot35_046.jpg?crop=center&height=214&v=1758269085&width=160 160w,//caravane.com/cdn/shop/files/Shoot35_046.jpg?crop=center&height=429&v=1758269085&width=320 320w,//caravane.com/cdn/shop/files/Shoot35_046.jpg?crop=center&height=858&v=1758269085&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Shoot35_046.jpg?crop=center&height=129&v=1758269085&width=96 96w,//caravane.com/cdn/shop/files/Shoot35_046.jpg?crop=center&height=215&v=1758269085&width=160 160w,//caravane.com/cdn/shop/files/Shoot35_046.jpg?crop=center&height=431&v=1758269085&width=320 320w,//caravane.com/cdn/shop/files/Shoot35_046.jpg?crop=center&height=862&v=1758269085&width=640 640w,//caravane.com/cdn/shop/files/Shoot35_046.jpg?crop=center&height=1293&v=1758269085&width=960 960w,//caravane.com/cdn/shop/files/Shoot35_046.jpg?crop=center&height=1616&v=1758269085&width=1200 1200w,//caravane.com/cdn/shop/files/Shoot35_046.jpg?crop=center&height=2586&v=1758269085&width=1920 1920w,//caravane.com/cdn/shop/files/Shoot35_046.jpg?crop=center&height=3232&v=1758269085&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Shoot35_046.jpg?crop=center&height=435&v=1758269085&width=323" alt="Rideau Noori" srcset="//caravane.com/cdn/shop/files/Shoot35_046.jpg?crop=center&height=435&v=1758269085&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0'
type='button'
x-data="{loading:false}" @click='(function (event){loading=true;liquidAjaxCart.add({items:[{id:54501536137541,quantity: 1}]}); event.preventDefault(); event.stopPropagation(); return false;})(event)'><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></button>
</div>
</div>
<a href='/products/rideau-noori-coton'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Rideau Noori
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
</p>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span><span class="money">110€</span></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Coton
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">110€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false}'
class='group span-w-6 lg:span-w-5 lg-max:margin-pl-1 lg-max:span-w-5-wide'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/rideau-lin-maya'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9897.jpg?crop=center&height=64&v=1727691015&width=48 48w,//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9897.jpg?crop=center&height=129&v=1727691015&width=96 96w,//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9897.jpg?crop=center&height=214&v=1727691015&width=160 160w,//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9897.jpg?crop=center&height=429&v=1727691015&width=320 320w,//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9897.jpg?crop=center&height=858&v=1727691015&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9897.jpg?crop=center&height=129&v=1727691015&width=96 96w,//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9897.jpg?crop=center&height=215&v=1727691015&width=160 160w,//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9897.jpg?crop=center&height=431&v=1727691015&width=320 320w,//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9897.jpg?crop=center&height=862&v=1727691015&width=640 640w,//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9897.jpg?crop=center&height=1293&v=1727691015&width=960 960w,//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9897.jpg?crop=center&height=1616&v=1727691015&width=1200 1200w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9897.jpg?crop=center&height=435&v=1727691015&width=323" alt="Rideau Maya" srcset="//caravane.com/cdn/shop/files/CARAVANE_LYDIE_4Q9A9897.jpg?crop=center&height=435&v=1727691015&width=323 323w" width="323" height="435" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Rideau_Maya_Noir_LinSauvage_Neige_f2f84c63-1124-4018-85f8-e1ea9e4174ca.jpg?crop=center&height=64&v=1739960877&width=48 48w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_LinSauvage_Neige_f2f84c63-1124-4018-85f8-e1ea9e4174ca.jpg?crop=center&height=129&v=1739960877&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_LinSauvage_Neige_f2f84c63-1124-4018-85f8-e1ea9e4174ca.jpg?crop=center&height=214&v=1739960877&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_LinSauvage_Neige_f2f84c63-1124-4018-85f8-e1ea9e4174ca.jpg?crop=center&height=429&v=1739960877&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_LinSauvage_Neige_f2f84c63-1124-4018-85f8-e1ea9e4174ca.jpg?crop=center&height=858&v=1739960877&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Rideau_Maya_Noir_LinSauvage_Neige_f2f84c63-1124-4018-85f8-e1ea9e4174ca.jpg?crop=center&height=129&v=1739960877&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_LinSauvage_Neige_f2f84c63-1124-4018-85f8-e1ea9e4174ca.jpg?crop=center&height=215&v=1739960877&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_LinSauvage_Neige_f2f84c63-1124-4018-85f8-e1ea9e4174ca.jpg?crop=center&height=431&v=1739960877&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_LinSauvage_Neige_f2f84c63-1124-4018-85f8-e1ea9e4174ca.jpg?crop=center&height=862&v=1739960877&width=640 640w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_LinSauvage_Neige_f2f84c63-1124-4018-85f8-e1ea9e4174ca.jpg?crop=center&height=1293&v=1739960877&width=960 960w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_LinSauvage_Neige_f2f84c63-1124-4018-85f8-e1ea9e4174ca.jpg?crop=center&height=1616&v=1739960877&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_LinSauvage_Neige_f2f84c63-1124-4018-85f8-e1ea9e4174ca.jpg?crop=center&height=2586&v=1739960877&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_LinSauvage_Neige_f2f84c63-1124-4018-85f8-e1ea9e4174ca.jpg?crop=center&height=3232&v=1739960877&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Rideau_Maya_Noir_LinSauvage_Neige_f2f84c63-1124-4018-85f8-e1ea9e4174ca.jpg?crop=center&height=435&v=1739960877&width=323" alt="Rideau Maya" srcset="//caravane.com/cdn/shop/files/Rideau_Maya_Noir_LinSauvage_Neige_f2f84c63-1124-4018-85f8-e1ea9e4174ca.jpg?crop=center&height=435&v=1739960877&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0'
type='button'
x-data="{loading:false}" @click='(function (event){loading=true;liquidAjaxCart.add({items:[{id:17070959755382,quantity: 1}]}); event.preventDefault(); event.stopPropagation(); return false;})(event)'><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></button>
</div>
</div>
<a href='/products/rideau-lin-maya'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Rideau Maya
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
</p>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span><span class="money">335€</span></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Lin
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">335€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false}'
class='group span-w-6 lg:span-w-5 lg-max:margin-pl-1 lg-max:span-w-5-wide'
>
<div
class='relative overflow-clip shrink-0'
><div class='inline-block bg-white px-8 pb-7 pt-8 text-11 leading-none tracking-tight text-brown-dark absolute left-10 top-9 z-1'>
Nouveaux coloris
</div>
<a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/rideaux-selena'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=64&v=1761665264&width=48 48w,//caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=129&v=1761665264&width=96 96w,//caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=214&v=1761665264&width=160 160w,//caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=429&v=1761665264&width=320 320w,//caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=858&v=1761665264&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=129&v=1761665264&width=96 96w,//caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=215&v=1761665264&width=160 160w,//caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=431&v=1761665264&width=320 320w,//caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=862&v=1761665264&width=640 640w,//caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=1293&v=1761665264&width=960 960w,//caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=1616&v=1761665264&width=1200 1200w,//caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=2586&v=1761665264&width=1920 1920w,//caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=3232&v=1761665264&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=435&v=1761665264&width=323" alt="Rideau Selena" srcset="//caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=435&v=1761665264&width=323 323w" width="323" height="435" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Rideau_Selena_Horizon_cf6e17a7-9306-4616-bc29-b4dd6885804e.jpg?crop=center&height=64&v=1761665264&width=48 48w,//caravane.com/cdn/shop/files/Rideau_Selena_Horizon_cf6e17a7-9306-4616-bc29-b4dd6885804e.jpg?crop=center&height=129&v=1761665264&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Selena_Horizon_cf6e17a7-9306-4616-bc29-b4dd6885804e.jpg?crop=center&height=214&v=1761665264&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Selena_Horizon_cf6e17a7-9306-4616-bc29-b4dd6885804e.jpg?crop=center&height=429&v=1761665264&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Selena_Horizon_cf6e17a7-9306-4616-bc29-b4dd6885804e.jpg?crop=center&height=858&v=1761665264&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Rideau_Selena_Horizon_cf6e17a7-9306-4616-bc29-b4dd6885804e.jpg?crop=center&height=129&v=1761665264&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Selena_Horizon_cf6e17a7-9306-4616-bc29-b4dd6885804e.jpg?crop=center&height=215&v=1761665264&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Selena_Horizon_cf6e17a7-9306-4616-bc29-b4dd6885804e.jpg?crop=center&height=431&v=1761665264&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Selena_Horizon_cf6e17a7-9306-4616-bc29-b4dd6885804e.jpg?crop=center&height=862&v=1761665264&width=640 640w,//caravane.com/cdn/shop/files/Rideau_Selena_Horizon_cf6e17a7-9306-4616-bc29-b4dd6885804e.jpg?crop=center&height=1293&v=1761665264&width=960 960w,//caravane.com/cdn/shop/files/Rideau_Selena_Horizon_cf6e17a7-9306-4616-bc29-b4dd6885804e.jpg?crop=center&height=1616&v=1761665264&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_Selena_Horizon_cf6e17a7-9306-4616-bc29-b4dd6885804e.jpg?crop=center&height=2586&v=1761665264&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_Selena_Horizon_cf6e17a7-9306-4616-bc29-b4dd6885804e.jpg?crop=center&height=3232&v=1761665264&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Rideau_Selena_Horizon_cf6e17a7-9306-4616-bc29-b4dd6885804e.jpg?crop=center&height=435&v=1761665264&width=323" alt="Rideau Selena" srcset="//caravane.com/cdn/shop/files/Rideau_Selena_Horizon_cf6e17a7-9306-4616-bc29-b4dd6885804e.jpg?crop=center&height=435&v=1761665264&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<div
x-data='modal({ shouldScrollLock: true })'
class=''
id=''
:id="$id('product-card-modal')"
>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full !text-left text-11 text-brown-dark !justify-between !normal-case px-10 !py-0'
type='button'
x-data
@click.passive='showModal = true'
>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</button>
<template x-teleport='body'>
<!-- Modal -->
<div
data-lenis-prevent
x-show='showModal'
class='fixed inset-0 isolate z-100'
role='dialog'
aria-modal='true'
:id="$id('modal')"
x-trap.inert='showModal'
@keydown.escape.window='close()'
>
<div
x-cloak
@click='close()'
x-show='showModal'
x-transition:enter='transition ease-out-expo duration-400'
x-transition:enter-start='opacity-0'
x-transition:enter-end='opacity-100'
x-transition:leave='transition ease-in-cubic duration-300'
x-transition:leave-start='opacity-100'
x-transition:leave-end='opacity-0'
class='fixed inset-0 z-0 bg-black/40 transition-opacity'
style='background-color: rgba(0, 0, 0, 0.4);'
aria-hidden='true'
></div>
<div
x-cloak
x-show='showModal'
x-transition:enter='transition-opacity ease-out-expo duration-400'
x-transition:enter-start='opacity-0'
x-transition:enter-end='opacity-100'
x-transition:leave='transition-opacity ease-in-cubic duration-300'
x-transition:leave-start='opacity-100'
x-transition:leave-end='opacity-0'
class='z-1 span-w-12 lg:span-w-24 mx-auto grid h-full place-content-center'
>
<button @click='close()' class='group fixed grid h-40 w-40 place-content-center margin-top-1 margin-right-1 hidden'>
<svg class='h-24 w-24 transition-transform duration-450 ease-expo-out group-hover:rotate-90 group-focus:rotate-90' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none'>
<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>
</button>
<div
x-data='productCardModal({ productId: 6590359011446, productHandle: "rideaux-selena", variantId: 39392395755638, isAvailable: false, variantQuantities: "39392395755638:0,39392395722870:0,54341761794373:0,54341761827141:0,54341761859909:0,54341761892677:0,39392395165814:3,39392395133046:1,47138391097669:0,47138391064901:0,39392395362422:1,39392395329654:1,39392395427958:0,39392395395190:0,39509163147382:1,39509163180150:0,39725553418358:0,39725553549430:0,39509163311222:0,39509163343990:1,39509163573366:0,39509163638902:0", price: 15500, compareAtPrice: 0 })'
class='relative z-1 flex max-h-screen flex-col overflow-y-auto bg-cream lg:flex-row lg:span-w-14'>
<picture class='block w-full lg:span-w-7 lg:aspect-[404/540] product-card-image' x-ref="productImage">
<source media='(min-width: 1024px)' sizes='28vw' srcset='//caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=128&v=1761665264&width=96 96w,//caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=214&v=1761665264&width=160 160w,//caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=428&v=1761665264&width=320 320w,//caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=855&v=1761665264&width=640 640w,//caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=1283&v=1761665264&width=960 960w,//caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=1604&v=1761665264&width=1200 1200w,//caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=2566&v=1761665264&width=1920 1920w,//caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=3208&v=1761665264&width=2400 2400w' width='404' height='540'>
<img src="//caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=540&v=1761665264&width=404" alt="Rideau Selena" srcset="//caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=470&v=1761665264&width=352 352w, //caravane.com/cdn/shop/files/Dimensions2667x4000_12.png?crop=center&height=540&v=1761665264&width=404 404w" width="404" height="540" loading="lazy" class="h-full object-cover w-full" fetchpriority="auto">
</picture>
<div class='flex flex-1 flex-col'>
<header class='absolute right-0 top-0 lg:relative'>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white ml-auto !bg-cream aspect-square hover:!text-black h-full w-56 border-l border-b border-stroke-light'
type='button'
x-data
@click.passive='modal.showModal = false'
>
<svg class='' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none'>
<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>
</button>
</header>
<div
class='my-auto flex flex-col items-start gap-y-24 p-24 text-left span-w-12 lg:span-w-7-wide'
>
<h3 class='font-serif text-35/none tracking-tighter'>Rideau Selena</h3>
<p class='tracking-none block text-14'>
<span x-ref='price' x-text="price">15500</span>
<span x-cloak x-show="compareAtPrice" x-ref='compareAtPrice' x-text="compareAtPrice" class="ml-4 line-through"></span>
</p>
<ajax-cart-product-form class="w-full">
<form method="post" action="/cart/add" id="product_form_6590359011446" accept-charset="UTF-8" class="relative flex w-full flex-col gap-y-24" enctype="multipart/form-data" x-ref="form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" :value="variantId">
<fieldset class='relative text-left'>
<legend class='mb-12 text-12 leading-tight tracking-normal text-brown-text'>
<span class="">Couleur:</span>
<span class="text-brown-dark" x-text="formContent['couleur']"></span>
</legend>
<div class='relative flex flex-row flex-wrap items-center gap-12 lg:gap-8'>
<label
for='39392395755638-6d7f81'
aria-label='Horizon'
class='color-dots-item relative block'
:class="{'hidden': 0 > 7 && !showMoreColors}"
title="Horizon"
>
<input
type='radio'
name='Couleur'
value='Horizon'
id='39392395755638-6d7f81'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Horizon"
x-model="formContent['couleur']"
checked
x-init="formContent['couleur'] = 'Horizon'"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#6d7f81') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark color-dot-disabled'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #6d7f81"></span>
</span>
</label>
<label
for='54341761794373'
aria-label='Sepia'
class='color-dots-item relative block'
:class="{'hidden': 1 > 7 && !showMoreColors}"
title="Sepia"
>
<input
type='radio'
name='Couleur'
value='Sepia'
id='54341761794373'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Sepia"
x-model="formContent['couleur']"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#b15d48') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark color-dot-disabled'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #b15d48"></span>
</span>
</label>
<label
for='54341761859909'
aria-label='Laurier'
class='color-dots-item relative block'
:class="{'hidden': 2 > 7 && !showMoreColors}"
title="Laurier"
>
<input
type='radio'
name='Couleur'
value='Laurier'
id='54341761859909'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Laurier"
x-model="formContent['couleur']"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#2C8618') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark color-dot-disabled'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #2C8618"></span>
</span>
</label>
<label
for='39392395165814'
aria-label='Neige'
class='color-dots-item relative block'
:class="{'hidden': 3 > 7 && !showMoreColors}"
title="Neige"
>
<input
type='radio'
name='Couleur'
value='Neige'
id='39392395165814'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Neige"
x-model="formContent['couleur']"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#f9f4f4') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #f9f4f4"></span>
</span>
</label>
<label
for='47138391097669'
aria-label='Curcuma'
class='color-dots-item relative block'
:class="{'hidden': 4 > 7 && !showMoreColors}"
title="Curcuma"
>
<input
type='radio'
name='Couleur'
value='Curcuma'
id='47138391097669'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Curcuma"
x-model="formContent['couleur']"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#ecc856') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark color-dot-disabled'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #ecc856"></span>
</span>
</label>
<label
for='39392395362422-f7f4e1'
aria-label='Blanc casse'
class='color-dots-item relative block'
:class="{'hidden': 5 > 7 && !showMoreColors}"
title="Blanc casse"
>
<input
type='radio'
name='Couleur'
value='Blanc casse'
id='39392395362422-f7f4e1'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Blanc casse"
x-model="formContent['couleur']"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#f7f4e1') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #f7f4e1"></span>
</span>
</label>
<label
for='39392395427958-c4ae8f'
aria-label='Ciment'
class='color-dots-item relative block'
:class="{'hidden': 6 > 7 && !showMoreColors}"
title="Ciment"
>
<input
type='radio'
name='Couleur'
value='Ciment'
id='39392395427958-c4ae8f'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Ciment"
x-model="formContent['couleur']"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#c4ae8f') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark color-dot-disabled'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #c4ae8f"></span>
</span>
</label>
<label
for='39509163147382'
aria-label='Aube'
class='color-dots-item relative block'
:class="{'hidden': 7 > 7 && !showMoreColors}"
title="Aube"
>
<input
type='radio'
name='Couleur'
value='Aube'
id='39509163147382'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Aube"
x-model="formContent['couleur']"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#e0c3bd') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #e0c3bd"></span>
</span>
</label>
<label
for='39725553418358-aa6a5e'
aria-label='Camelia'
class='color-dots-item relative block'
:class="{'hidden': 8 > 7 && !showMoreColors}"
title="Camelia"
>
<input
type='radio'
name='Couleur'
value='Camelia'
id='39725553418358-aa6a5e'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Camelia"
x-model="formContent['couleur']"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#aa6a5e') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark color-dot-disabled'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #aa6a5e"></span>
</span>
</label>
<label
for='39509163311222-7e8b80'
aria-label='Agave'
class='color-dots-item relative block'
:class="{'hidden': 9 > 7 && !showMoreColors}"
title="Agave"
>
<input
type='radio'
name='Couleur'
value='Agave'
id='39509163311222-7e8b80'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Agave"
x-model="formContent['couleur']"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#7e8b80') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #7e8b80"></span>
</span>
</label>
<label
for='39509163573366'
aria-label='Cobalt'
class='color-dots-item relative block'
:class="{'hidden': 10 > 7 && !showMoreColors}"
title="Cobalt"
>
<input
type='radio'
name='Couleur'
value='Cobalt'
id='39509163573366'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Cobalt"
x-model="formContent['couleur']"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#0824A0') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark color-dot-disabled'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #0824A0"></span>
</span>
</label>
<button
class='relative flex text-12/narrow font-bold uppercase whitespace-nowrap after:absolute after:inset-x-0 after:bottom-0 after:h-1 after:bg-current after:origin-left after:transition-transform after:duration-500 hover:after:duration-200 ease-expo-out hover:after:scale-x-0 active:after:scale-x-0 w-fit !text-11 h-fit !font-normal !lowercase ml-4'
type='button'
x-data
@click.passive='showMoreColors=!showMoreColors'
>
<span x-show="showMoreColors">Voir moins</span>
<span x-show="!showMoreColors">+4 Couleurs</span>
</button>
</div>
</fieldset>
<fieldset class='text-left'>
<legend class='mb-12 text-12 leading-tight tracking-normal text-brown-text'>
<span class="">Taille</span>
</legend>
<ul class='flex w-full flex-row flex-wrap gap-4 gap-y-8'>
<li>
<label
for='6590359011446-2-0'
class='relative block'
>
<input
id='6590359011446-2-0'
type='radio'
value='180 x 290 cm'
name='taille'
class='peer absolute inset-0 cursor-pointer appearance-none'
checked
x-init="formContent['taille'] = '180 x 290 cm'"
data-main-option-value="Horizon"
data-option-position="2"
x-model="formContent['taille']"
:checked="formContent['taille'] === '180 x 290 cm'"
>
<span
:class="{'peer-checked:border-brown-dark': formContent['taille'] === '180 x 290 cm', }"
class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1 peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light border-brown-dark/10'
><span class='mt-2 text-11 font-normal leading-none tracking-tight'>180 x 290 cm</span>
</span>
</label>
</li>
<li>
<label
for='6590359011446-2-1'
class='relative block'
>
<input
id='6590359011446-2-1'
type='radio'
value='270 x 320 cm'
name='taille'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-main-option-value="Horizon"
data-option-position="2"
x-model="formContent['taille']"
:checked="formContent['taille'] === '270 x 320 cm'"
>
<span
:class="{'peer-checked:border-brown-dark': formContent['taille'] === '270 x 320 cm', }"
class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1 peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light border-brown-dark/10'
><span class='mt-2 text-11 font-normal leading-none tracking-tight'>270 x 320 cm</span>
</span>
</label>
</li></ul>
</fieldset>
<div class="mt-10 flex w-full items-center gap-10">
<div
class='relative inline-block span-w-2-wide lg:span-w-1-wide lg:h-42 quantity-select'
x-data='{ value: "1", label: "" }'
x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
x-ref='select'
:id="$id('product-card-modal-quantity-select')"
:disabled="!isAvailable"
name='quantity'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0 quantity-select-select'
aria-label='Quantité'
value='1'
:value='value'
><option
value=''
disabled
>
Quantité
</option>
<option value="1" :disabled="1 > maxQuantity">1</option>
<option value="2" :disabled="2 > maxQuantity">2</option>
<option value="3" :disabled="3 > maxQuantity">3</option>
<option value="4" :disabled="4 > maxQuantity">4</option>
<option value="5" :disabled="5 > maxQuantity">5</option>
<option value="6" :disabled="6 > maxQuantity">6</option>
<option value="7" :disabled="7 > maxQuantity">7</option>
<option value="8" :disabled="8 > maxQuantity">8</option>
<option value="9" :disabled="9 > maxQuantity">9</option>
<option value="10" :disabled="10 > maxQuantity">10</option>
<option value="11" :disabled="11 > maxQuantity">11</option>
<option value="12" :disabled="12 > maxQuantity">12</option>
</select>
<span class='lg:h-42 pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black peer-disabled:text-brown-dark/50'>
<span class='mr-10 w-full' x-text='value'>
</span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-black hover:bg-neutral-80 active:bg-neutral-80 text-white outline-black overflow-clip w-full'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
x-on:liquid-ajax-cart:queue-end.document='loading=false;modal.showModal = false;'
><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform'>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-cloak x-show="!isAvailable">Bientôt disponible</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></button>
</div>
<a
class='relative flex text-12/narrow font-bold uppercase whitespace-nowrap after:absolute after:inset-x-0 after:bottom-0 after:h-1 after:bg-current after:origin-left after:transition-transform after:duration-500 hover:after:duration-200 ease-expo-out hover:after:scale-x-0 active:after:scale-x-0 w-fit mx-auto !font-normal !normal-case'
href='/products/rideaux-selena'
>Voir la fiche produit</a>
<input type="hidden" name="product-id" value="6590359011446" /><input type="hidden" name="section-id" value="template--23467447746885__slice_inspiration_carousel_6k9YyT" /></form>
</ajax-cart-product-form>
</div>
</div>
</div>
</div>
</div>
</template>
</div>
</div>
</div>
<a href='/products/rideaux-selena'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Rideau Selena
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+3
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #6d7f81'
data-value='#6d7f81'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #6d7f81'
data-value='#6d7f81'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rouge'
style='background-color: #b15d48'
data-value-init='#b15d48'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rouge'
style='background-color: #b15d48'
data-value-init='#b15d48'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Blanc'
style='background-color: #f9f4f4'
data-value-init='#f9f4f4'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Blanc'
style='background-color: #f9f4f4'
data-value-init='#f9f4f4'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Jaune'
style='background-color: #ecc856'
data-value-init='#ecc856'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Jaune'
style='background-color: #ecc856'
data-value-init='#ecc856'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Blanc'
style='background-color: #f9f4f4'
data-value-init='#f9f4f4'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #f7f4e1'
data-value='#f7f4e1'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Blanc'
style='background-color: #f9f4f4'
data-value-init='#f9f4f4'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Gris'
style='background-color: #b3b3b1'
data-value-init='#b3b3b1'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #c4ae8f'
data-value='#c4ae8f'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Gris'
style='background-color: #b3b3b1'
data-value-init='#b3b3b1'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rose'
style='background-color: #e0c3bd'
data-value-init='#e0c3bd'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rose'
style='background-color: #e0c3bd'
data-value-init='#e0c3bd'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rose'
style='background-color: #e0c3bd'
data-value-init='#e0c3bd'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #aa6a5e'
data-value='#aa6a5e'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rose'
style='background-color: #e0c3bd'
data-value-init='#e0c3bd'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #7e8b80'
data-value='#7e8b80'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span><span class="money">155€</span></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Lin lavé
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">155€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@variant-picker-set-price='price = $event.detail'
@variant-picker-set-compare-at-price='compareAtPrice = $event.detail'
@variant-picker-set-image='$useUpdatePicture($refs.hoverPictureContainer, $event.detail)'
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false,price:31000,compareAtPrice:0,image:"//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?v=1737713515"}'
class='group span-w-6 lg:span-w-5 lg-max:margin-pl-1 lg-max:span-w-5-wide'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/rideau-chanvre-en-lin'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/CRVN_20241125_SHOPS-045_HD.jpg?crop=center&height=64&v=1742377191&width=48 48w,//caravane.com/cdn/shop/files/CRVN_20241125_SHOPS-045_HD.jpg?crop=center&height=129&v=1742377191&width=96 96w,//caravane.com/cdn/shop/files/CRVN_20241125_SHOPS-045_HD.jpg?crop=center&height=214&v=1742377191&width=160 160w,//caravane.com/cdn/shop/files/CRVN_20241125_SHOPS-045_HD.jpg?crop=center&height=429&v=1742377191&width=320 320w,//caravane.com/cdn/shop/files/CRVN_20241125_SHOPS-045_HD.jpg?crop=center&height=858&v=1742377191&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/CRVN_20241125_SHOPS-045_HD.jpg?crop=center&height=129&v=1742377191&width=96 96w,//caravane.com/cdn/shop/files/CRVN_20241125_SHOPS-045_HD.jpg?crop=center&height=215&v=1742377191&width=160 160w,//caravane.com/cdn/shop/files/CRVN_20241125_SHOPS-045_HD.jpg?crop=center&height=431&v=1742377191&width=320 320w,//caravane.com/cdn/shop/files/CRVN_20241125_SHOPS-045_HD.jpg?crop=center&height=862&v=1742377191&width=640 640w,//caravane.com/cdn/shop/files/CRVN_20241125_SHOPS-045_HD.jpg?crop=center&height=1293&v=1742377191&width=960 960w,//caravane.com/cdn/shop/files/CRVN_20241125_SHOPS-045_HD.jpg?crop=center&height=1616&v=1742377191&width=1200 1200w,//caravane.com/cdn/shop/files/CRVN_20241125_SHOPS-045_HD.jpg?crop=center&height=2586&v=1742377191&width=1920 1920w,//caravane.com/cdn/shop/files/CRVN_20241125_SHOPS-045_HD.jpg?crop=center&height=3232&v=1742377191&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/CRVN_20241125_SHOPS-045_HD.jpg?crop=center&height=435&v=1742377191&width=323" alt="Rideau Chanvre" srcset="//caravane.com/cdn/shop/files/CRVN_20241125_SHOPS-045_HD.jpg?crop=center&height=435&v=1742377191&width=323 323w" width="323" height="435" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<div x-ref='hoverPictureContainer'>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?crop=center&height=64&v=1737713515&width=48 48w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?crop=center&height=129&v=1737713515&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?crop=center&height=214&v=1737713515&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?crop=center&height=429&v=1737713515&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?crop=center&height=858&v=1737713515&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?crop=center&height=129&v=1737713515&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?crop=center&height=215&v=1737713515&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?crop=center&height=431&v=1737713515&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?crop=center&height=862&v=1737713515&width=640 640w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?crop=center&height=1293&v=1737713515&width=960 960w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?crop=center&height=1616&v=1737713515&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?crop=center&height=2586&v=1737713515&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?crop=center&height=3232&v=1737713515&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?crop=center&height=435&v=1737713515&width=323" alt="Rideau Chanvre" srcset="//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?crop=center&height=435&v=1737713515&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<div x-data='productCardVariantPicker({defaultVariantId: 53699385983301, variants: [{"id":53699385950533,"price":31000,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Maya_ChabvreNaturel_Noir_29240e47-3bd5-4b0e-a8f9-c7b6d1eaf71e.jpg?v=1742377191"},{"id":53699385983301,"price":31000,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?v=1737713515"}]})' class='w-full bg-cream'>
<div class='border-b border-stroke-light/10 p-12'>
<fieldset class='option'>
<legend class='mb-8 text-11 leading-tight tracking-normal text-brown-text'>Couleur</legend>
<ul class='flex gap-8 flex-col'>
<li>
<label
for='rideau-chanvre-en-lin-couleur-naturel-bourdon-noir-1775682058018674724'
>
<input
id='rideau-chanvre-en-lin-couleur-naturel-bourdon-noir-1775682058018674724'
type='radio'
value='53699385950533'
name='rideau-chanvre-en-lin-couleur-naturel-bourdon-noir'
class='peer sr-only'
disabled
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Maya_ChabvreNaturel_Noir_29240e47-3bd5-4b0e-a8f9-c7b6d1eaf71e.jpg?crop=center&height=96&v=1742377191&width=96 96w,//caravane.com/cdn/shop/files/Maya_ChabvreNaturel_Noir_29240e47-3bd5-4b0e-a8f9-c7b6d1eaf71e.jpg?crop=center&height=160&v=1742377191&width=160 160w,//caravane.com/cdn/shop/files/Maya_ChabvreNaturel_Noir_29240e47-3bd5-4b0e-a8f9-c7b6d1eaf71e.jpg?crop=center&height=320&v=1742377191&width=320 320w,//caravane.com/cdn/shop/files/Maya_ChabvreNaturel_Noir_29240e47-3bd5-4b0e-a8f9-c7b6d1eaf71e.jpg?crop=center&height=640&v=1742377191&width=640 640w,//caravane.com/cdn/shop/files/Maya_ChabvreNaturel_Noir_29240e47-3bd5-4b0e-a8f9-c7b6d1eaf71e.jpg?crop=center&height=960&v=1742377191&width=960 960w,//caravane.com/cdn/shop/files/Maya_ChabvreNaturel_Noir_29240e47-3bd5-4b0e-a8f9-c7b6d1eaf71e.jpg?crop=center&height=1200&v=1742377191&width=1200 1200w,//caravane.com/cdn/shop/files/Maya_ChabvreNaturel_Noir_29240e47-3bd5-4b0e-a8f9-c7b6d1eaf71e.jpg?crop=center&height=1920&v=1742377191&width=1920 1920w,//caravane.com/cdn/shop/files/Maya_ChabvreNaturel_Noir_29240e47-3bd5-4b0e-a8f9-c7b6d1eaf71e.jpg?crop=center&height=2400&v=1742377191&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Maya_ChabvreNaturel_Noir_29240e47-3bd5-4b0e-a8f9-c7b6d1eaf71e.jpg?crop=center&height=30&v=1742377191&width=30" alt="Rideau Chanvre" srcset="//caravane.com/cdn/shop/files/Maya_ChabvreNaturel_Noir_29240e47-3bd5-4b0e-a8f9-c7b6d1eaf71e.jpg?crop=center&height=30&v=1742377191&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Naturel bourdon noir</span>
</span>
</label>
</li>
<li>
<label
for='rideau-chanvre-en-lin-couleur-neige-bourdon-noir-1775682058018674724'
>
<input
id='rideau-chanvre-en-lin-couleur-neige-bourdon-noir-1775682058018674724'
type='radio'
value='53699385983301'
name='rideau-chanvre-en-lin-couleur-neige-bourdon-noir'
class='peer sr-only'
checked
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?crop=center&height=96&v=1737713515&width=96 96w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?crop=center&height=160&v=1737713515&width=160 160w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?crop=center&height=320&v=1737713515&width=320 320w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?crop=center&height=640&v=1737713515&width=640 640w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?crop=center&height=960&v=1737713515&width=960 960w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?crop=center&height=1200&v=1737713515&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?crop=center&height=1920&v=1737713515&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?crop=center&height=2400&v=1737713515&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?crop=center&height=30&v=1737713515&width=30" alt="Rideau Chanvre" srcset="//caravane.com/cdn/shop/files/Rideau_Maya_Noir_Chanvre_Neige_8aaf23ca-0349-41af-9f56-ee4a8f3056c9.jpg?crop=center&height=30&v=1737713515&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Neige bourdon noir</span>
</span>
</label>
</li>
</ul>
</fieldset>
</div>
<div
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0 cursor-pointer'
x-data
@click.passive='addToCart'
role='button'
tabindex='0'
><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></div>
</div>
</div>
</div>
<a href='/products/rideau-chanvre-en-lin'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Rideau Chanvre
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+2
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Beige'
style='background-color: #EAD8AB'
data-value-init='#EAD8AB'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Beige'
style='background-color: #EAD8AB'
data-value-init='#EAD8AB'
>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span x-text='$useFormatPrice(price, "{{amount_no_decimals}}€")'></span>
<span
x-show='compareAtPrice && compareAtPrice > 0 && compareAtPrice > price'
x-cloak
x-text='$useFormatPrice(compareAtPrice, "{{amount_no_decimals}}€")'
class='ml-4 text-brown-text line-through'
></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Lin
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">310€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@variant-picker-set-price='price = $event.detail'
@variant-picker-set-compare-at-price='compareAtPrice = $event.detail'
@variant-picker-set-image='$useUpdatePicture($refs.hoverPictureContainer, $event.detail)'
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false,price:28000,compareAtPrice:0,image:"//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?v=1770225712"}'
class='group span-w-6 lg:span-w-5 lg-max:margin-pl-1 lg-max:span-w-5-wide'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/rideau-lin-luma'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/JAD5600.jpg?crop=center&height=64&v=1770225712&width=48 48w,//caravane.com/cdn/shop/files/JAD5600.jpg?crop=center&height=129&v=1770225712&width=96 96w,//caravane.com/cdn/shop/files/JAD5600.jpg?crop=center&height=214&v=1770225712&width=160 160w,//caravane.com/cdn/shop/files/JAD5600.jpg?crop=center&height=429&v=1770225712&width=320 320w,//caravane.com/cdn/shop/files/JAD5600.jpg?crop=center&height=858&v=1770225712&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/JAD5600.jpg?crop=center&height=129&v=1770225712&width=96 96w,//caravane.com/cdn/shop/files/JAD5600.jpg?crop=center&height=215&v=1770225712&width=160 160w,//caravane.com/cdn/shop/files/JAD5600.jpg?crop=center&height=431&v=1770225712&width=320 320w,//caravane.com/cdn/shop/files/JAD5600.jpg?crop=center&height=862&v=1770225712&width=640 640w,//caravane.com/cdn/shop/files/JAD5600.jpg?crop=center&height=1293&v=1770225712&width=960 960w,//caravane.com/cdn/shop/files/JAD5600.jpg?crop=center&height=1616&v=1770225712&width=1200 1200w,//caravane.com/cdn/shop/files/JAD5600.jpg?crop=center&height=2586&v=1770225712&width=1920 1920w,//caravane.com/cdn/shop/files/JAD5600.jpg?crop=center&height=3232&v=1770225712&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/JAD5600.jpg?crop=center&height=435&v=1770225712&width=323" alt="Rideau Luma" srcset="//caravane.com/cdn/shop/files/JAD5600.jpg?crop=center&height=435&v=1770225712&width=323 323w" width="323" height="435" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<div x-ref='hoverPictureContainer'>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?crop=center&height=64&v=1770225712&width=48 48w,//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?crop=center&height=129&v=1770225712&width=96 96w,//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?crop=center&height=214&v=1770225712&width=160 160w,//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?crop=center&height=429&v=1770225712&width=320 320w,//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?crop=center&height=858&v=1770225712&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?crop=center&height=129&v=1770225712&width=96 96w,//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?crop=center&height=215&v=1770225712&width=160 160w,//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?crop=center&height=431&v=1770225712&width=320 320w,//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?crop=center&height=862&v=1770225712&width=640 640w,//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?crop=center&height=1293&v=1770225712&width=960 960w,//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?crop=center&height=1616&v=1770225712&width=1200 1200w,//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?crop=center&height=2586&v=1770225712&width=1920 1920w,//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?crop=center&height=3232&v=1770225712&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?crop=center&height=435&v=1770225712&width=323" alt="Rideau Luma en lin couleur Bise bourdon Noir" srcset="//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?crop=center&height=435&v=1770225712&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<div x-data='productCardVariantPicker({defaultVariantId: 49991845118277, variants: [{"id":49991845118277,"price":28000,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?v=1770225712"},{"id":49991845151045,"price":28000,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Luma_Ivoire_Noir.jpg?v=1770225712"},{"id":49991845183813,"price":28000,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Luma_Neige_Noir.jpg?v=1770225712"},{"id":49991845216581,"price":28000,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Luma_Neige_Tabac.jpg?v=1770225712"}]})' class='w-full bg-cream'>
<div class='border-b border-stroke-light/10 p-12'>
<fieldset class='option'>
<legend class='mb-8 text-11 leading-tight tracking-normal text-brown-text'>Couleur</legend>
<ul class='flex gap-8 flex-col'>
<li>
<label
for='rideau-lin-luma-couleur-bise-bourdon-noir-1775682058027003174'
>
<input
id='rideau-lin-luma-couleur-bise-bourdon-noir-1775682058027003174'
type='radio'
value='49991845118277'
name='rideau-lin-luma-couleur-bise-bourdon-noir'
class='peer sr-only'
checked
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?crop=center&height=96&v=1770225712&width=96 96w,//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?crop=center&height=160&v=1770225712&width=160 160w,//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?crop=center&height=320&v=1770225712&width=320 320w,//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?crop=center&height=640&v=1770225712&width=640 640w,//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?crop=center&height=960&v=1770225712&width=960 960w,//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?crop=center&height=1200&v=1770225712&width=1200 1200w,//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?crop=center&height=1920&v=1770225712&width=1920 1920w,//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?crop=center&height=2400&v=1770225712&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?crop=center&height=30&v=1770225712&width=30" alt="Rideau Luma en lin couleur Bise bourdon Noir" srcset="//caravane.com/cdn/shop/files/rideau_Luma_Bise_Noir.jpg?crop=center&height=30&v=1770225712&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Bise bourdon noir</span>
</span>
</label>
</li>
<li>
<label
for='rideau-lin-luma-couleur-ivoire-bourdon-noir-1775682058027003174'
>
<input
id='rideau-lin-luma-couleur-ivoire-bourdon-noir-1775682058027003174'
type='radio'
value='49991845151045'
name='rideau-lin-luma-couleur-ivoire-bourdon-noir'
class='peer sr-only'
disabled
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Luma_Ivoire_Noir.jpg?crop=center&height=96&v=1770225712&width=96 96w,//caravane.com/cdn/shop/files/Luma_Ivoire_Noir.jpg?crop=center&height=160&v=1770225712&width=160 160w,//caravane.com/cdn/shop/files/Luma_Ivoire_Noir.jpg?crop=center&height=320&v=1770225712&width=320 320w,//caravane.com/cdn/shop/files/Luma_Ivoire_Noir.jpg?crop=center&height=640&v=1770225712&width=640 640w,//caravane.com/cdn/shop/files/Luma_Ivoire_Noir.jpg?crop=center&height=960&v=1770225712&width=960 960w,//caravane.com/cdn/shop/files/Luma_Ivoire_Noir.jpg?crop=center&height=1200&v=1770225712&width=1200 1200w,//caravane.com/cdn/shop/files/Luma_Ivoire_Noir.jpg?crop=center&height=1920&v=1770225712&width=1920 1920w,//caravane.com/cdn/shop/files/Luma_Ivoire_Noir.jpg?crop=center&height=2400&v=1770225712&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Luma_Ivoire_Noir.jpg?crop=center&height=30&v=1770225712&width=30" alt="Rideau Luma en lin bourdon Noir" srcset="//caravane.com/cdn/shop/files/Luma_Ivoire_Noir.jpg?crop=center&height=30&v=1770225712&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Ivoire bourdon noir</span>
</span>
</label>
</li>
<li>
<label
for='rideau-lin-luma-couleur-neige-bourdon-noir-1775682058027003174'
>
<input
id='rideau-lin-luma-couleur-neige-bourdon-noir-1775682058027003174'
type='radio'
value='49991845183813'
name='rideau-lin-luma-couleur-neige-bourdon-noir'
class='peer sr-only'
disabled
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Luma_Neige_Noir.jpg?crop=center&height=96&v=1770225712&width=96 96w,//caravane.com/cdn/shop/files/Luma_Neige_Noir.jpg?crop=center&height=160&v=1770225712&width=160 160w,//caravane.com/cdn/shop/files/Luma_Neige_Noir.jpg?crop=center&height=320&v=1770225712&width=320 320w,//caravane.com/cdn/shop/files/Luma_Neige_Noir.jpg?crop=center&height=640&v=1770225712&width=640 640w,//caravane.com/cdn/shop/files/Luma_Neige_Noir.jpg?crop=center&height=960&v=1770225712&width=960 960w,//caravane.com/cdn/shop/files/Luma_Neige_Noir.jpg?crop=center&height=1200&v=1770225712&width=1200 1200w,//caravane.com/cdn/shop/files/Luma_Neige_Noir.jpg?crop=center&height=1920&v=1770225712&width=1920 1920w,//caravane.com/cdn/shop/files/Luma_Neige_Noir.jpg?crop=center&height=2400&v=1770225712&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Luma_Neige_Noir.jpg?crop=center&height=30&v=1770225712&width=30" alt="Rideau Luma couleur neige bourdon noir" srcset="//caravane.com/cdn/shop/files/Luma_Neige_Noir.jpg?crop=center&height=30&v=1770225712&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Neige bourdon noir</span>
</span>
</label>
</li>
<li>
<label
for='rideau-lin-luma-couleur-neige-bourdon-tabac-1775682058027003174'
>
<input
id='rideau-lin-luma-couleur-neige-bourdon-tabac-1775682058027003174'
type='radio'
value='49991845216581'
name='rideau-lin-luma-couleur-neige-bourdon-tabac'
class='peer sr-only'
disabled
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Luma_Neige_Tabac.jpg?crop=center&height=96&v=1770225712&width=96 96w,//caravane.com/cdn/shop/files/Luma_Neige_Tabac.jpg?crop=center&height=160&v=1770225712&width=160 160w,//caravane.com/cdn/shop/files/Luma_Neige_Tabac.jpg?crop=center&height=320&v=1770225712&width=320 320w,//caravane.com/cdn/shop/files/Luma_Neige_Tabac.jpg?crop=center&height=640&v=1770225712&width=640 640w,//caravane.com/cdn/shop/files/Luma_Neige_Tabac.jpg?crop=center&height=960&v=1770225712&width=960 960w,//caravane.com/cdn/shop/files/Luma_Neige_Tabac.jpg?crop=center&height=1200&v=1770225712&width=1200 1200w,//caravane.com/cdn/shop/files/Luma_Neige_Tabac.jpg?crop=center&height=1920&v=1770225712&width=1920 1920w,//caravane.com/cdn/shop/files/Luma_Neige_Tabac.jpg?crop=center&height=2400&v=1770225712&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Luma_Neige_Tabac.jpg?crop=center&height=30&v=1770225712&width=30" alt="rideau Luma en lin couleur neige avec bourdon coloré" srcset="//caravane.com/cdn/shop/files/Luma_Neige_Tabac.jpg?crop=center&height=30&v=1770225712&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Neige bourdon tabac</span>
</span>
</label>
</li>
</ul>
</fieldset>
</div>
<div
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0 cursor-pointer'
x-data
@click.passive='addToCart'
role='button'
tabindex='0'
><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></div>
</div>
</div>
</div>
<a href='/products/rideau-lin-luma'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Rideau Luma
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+3
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Noir'
style='background-color: #000000'
data-value-init='#000000'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Noir'
style='background-color: #000000'
data-value-init='#000000'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Noir'
style='background-color: #000000'
data-value-init='#000000'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Marron'
style='background-color: #a77e48'
data-value-init='#a77e48'
>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span x-text='$useFormatPrice(price, "{{amount_no_decimals}}€")'></span>
<span
x-show='compareAtPrice && compareAtPrice > 0 && compareAtPrice > price'
x-cloak
x-text='$useFormatPrice(compareAtPrice, "{{amount_no_decimals}}€")'
class='ml-4 text-brown-text line-through'
></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Lin
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">280€</span></span>
</span>
</div>
</div>
</a>
</article>
<article
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false}'
class='group span-w-6 lg:span-w-5 lg-max:margin-px-1 lg-max:span-w-5-wider lg:margin-pr-1 lg:span-w-5-wide'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/rideau-fil-a-fil'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_070J.jpg?crop=center&height=64&v=1741102124&width=48 48w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_070J.jpg?crop=center&height=129&v=1741102124&width=96 96w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_070J.jpg?crop=center&height=214&v=1741102124&width=160 160w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_070J.jpg?crop=center&height=429&v=1741102124&width=320 320w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_070J.jpg?crop=center&height=858&v=1741102124&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_070J.jpg?crop=center&height=129&v=1741102124&width=96 96w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_070J.jpg?crop=center&height=215&v=1741102124&width=160 160w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_070J.jpg?crop=center&height=431&v=1741102124&width=320 320w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_070J.jpg?crop=center&height=862&v=1741102124&width=640 640w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_070J.jpg?crop=center&height=1293&v=1741102124&width=960 960w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_070J.jpg?crop=center&height=1616&v=1741102124&width=1200 1200w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_070J.jpg?crop=center&height=435&v=1741102124&width=323" alt="Rideau Fil à Fil" srcset="//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_070J.jpg?crop=center&height=435&v=1741102124&width=323 323w" width="323" height="435" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='51vw' srcset='//caravane.com/cdn/shop/files/Rideau_FilaFil_Sarta_0e173118-2fe7-45b6-a2e7-0c2ee74b1541.jpg?crop=center&height=64&v=1741102124&width=48 48w,//caravane.com/cdn/shop/files/Rideau_FilaFil_Sarta_0e173118-2fe7-45b6-a2e7-0c2ee74b1541.jpg?crop=center&height=129&v=1741102124&width=96 96w,//caravane.com/cdn/shop/files/Rideau_FilaFil_Sarta_0e173118-2fe7-45b6-a2e7-0c2ee74b1541.jpg?crop=center&height=214&v=1741102124&width=160 160w,//caravane.com/cdn/shop/files/Rideau_FilaFil_Sarta_0e173118-2fe7-45b6-a2e7-0c2ee74b1541.jpg?crop=center&height=429&v=1741102124&width=320 320w,//caravane.com/cdn/shop/files/Rideau_FilaFil_Sarta_0e173118-2fe7-45b6-a2e7-0c2ee74b1541.jpg?crop=center&height=858&v=1741102124&width=640 640w' width='194' height='260'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Rideau_FilaFil_Sarta_0e173118-2fe7-45b6-a2e7-0c2ee74b1541.jpg?crop=center&height=129&v=1741102124&width=96 96w,//caravane.com/cdn/shop/files/Rideau_FilaFil_Sarta_0e173118-2fe7-45b6-a2e7-0c2ee74b1541.jpg?crop=center&height=215&v=1741102124&width=160 160w,//caravane.com/cdn/shop/files/Rideau_FilaFil_Sarta_0e173118-2fe7-45b6-a2e7-0c2ee74b1541.jpg?crop=center&height=431&v=1741102124&width=320 320w,//caravane.com/cdn/shop/files/Rideau_FilaFil_Sarta_0e173118-2fe7-45b6-a2e7-0c2ee74b1541.jpg?crop=center&height=862&v=1741102124&width=640 640w,//caravane.com/cdn/shop/files/Rideau_FilaFil_Sarta_0e173118-2fe7-45b6-a2e7-0c2ee74b1541.jpg?crop=center&height=1293&v=1741102124&width=960 960w,//caravane.com/cdn/shop/files/Rideau_FilaFil_Sarta_0e173118-2fe7-45b6-a2e7-0c2ee74b1541.jpg?crop=center&height=1616&v=1741102124&width=1200 1200w,//caravane.com/cdn/shop/files/Rideau_FilaFil_Sarta_0e173118-2fe7-45b6-a2e7-0c2ee74b1541.jpg?crop=center&height=2586&v=1741102124&width=1920 1920w,//caravane.com/cdn/shop/files/Rideau_FilaFil_Sarta_0e173118-2fe7-45b6-a2e7-0c2ee74b1541.jpg?crop=center&height=3232&v=1741102124&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Rideau_FilaFil_Sarta_0e173118-2fe7-45b6-a2e7-0c2ee74b1541.jpg?crop=center&height=435&v=1741102124&width=323" alt="Rideau Fil à Fil" srcset="//caravane.com/cdn/shop/files/Rideau_FilaFil_Sarta_0e173118-2fe7-45b6-a2e7-0c2ee74b1541.jpg?crop=center&height=435&v=1741102124&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<div
x-data='modal({ shouldScrollLock: true })'
class=''
id=''
:id="$id('product-card-modal')"
>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full !text-left text-11 text-brown-dark !justify-between !normal-case px-10 !py-0'
type='button'
x-data
@click.passive='showModal = true'
>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</button>
<template x-teleport='body'>
<!-- Modal -->
<div
data-lenis-prevent
x-show='showModal'
class='fixed inset-0 isolate z-100'
role='dialog'
aria-modal='true'
:id="$id('modal')"
x-trap.inert='showModal'
@keydown.escape.window='close()'
>
<div
x-cloak
@click='close()'
x-show='showModal'
x-transition:enter='transition ease-out-expo duration-400'
x-transition:enter-start='opacity-0'
x-transition:enter-end='opacity-100'
x-transition:leave='transition ease-in-cubic duration-300'
x-transition:leave-start='opacity-100'
x-transition:leave-end='opacity-0'
class='fixed inset-0 z-0 bg-black/40 transition-opacity'
style='background-color: rgba(0, 0, 0, 0.4);'
aria-hidden='true'
></div>
<div
x-cloak
x-show='showModal'
x-transition:enter='transition-opacity ease-out-expo duration-400'
x-transition:enter-start='opacity-0'
x-transition:enter-end='opacity-100'
x-transition:leave='transition-opacity ease-in-cubic duration-300'
x-transition:leave-start='opacity-100'
x-transition:leave-end='opacity-0'
class='z-1 span-w-12 lg:span-w-24 mx-auto grid h-full place-content-center'
>
<button @click='close()' class='group fixed grid h-40 w-40 place-content-center margin-top-1 margin-right-1 hidden'>
<svg class='h-24 w-24 transition-transform duration-450 ease-expo-out group-hover:rotate-90 group-focus:rotate-90' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none'>
<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>
</button>
<div
x-data='productCardModal({ productId: 4606522982518, productHandle: "rideau-fil-a-fil", variantId: 32123580383350, isAvailable: false, variantQuantities: "32123580383350:0,55269176836421:7,32123580416118:7,55269176869189:4", price: 13500, compareAtPrice: 0 })'
class='relative z-1 flex max-h-screen flex-col overflow-y-auto bg-cream lg:flex-row lg:span-w-14'>
<picture class='block w-full lg:span-w-7 lg:aspect-[404/540] product-card-image' x-ref="productImage">
<source media='(min-width: 1024px)' sizes='28vw' srcset='//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_070J.jpg?crop=center&height=128&v=1741102124&width=96 96w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_070J.jpg?crop=center&height=214&v=1741102124&width=160 160w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_070J.jpg?crop=center&height=428&v=1741102124&width=320 320w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_070J.jpg?crop=center&height=855&v=1741102124&width=640 640w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_070J.jpg?crop=center&height=1283&v=1741102124&width=960 960w,//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_070J.jpg?crop=center&height=1604&v=1741102124&width=1200 1200w' width='404' height='540'>
<img src="//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_070J.jpg?crop=center&height=540&v=1741102124&width=404" alt="Rideau Fil à Fil" srcset="//caravane.com/cdn/shop/files/2020-10_1_CARAVANE_070J.jpg?crop=center&height=470&v=1741102124&width=352 352w, //caravane.com/cdn/shop/files/2020-10_1_CARAVANE_070J.jpg?crop=center&height=540&v=1741102124&width=404 404w" width="404" height="540" loading="lazy" class="h-full object-cover w-full" fetchpriority="auto">
</picture>
<div class='flex flex-1 flex-col'>
<header class='absolute right-0 top-0 lg:relative'>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white ml-auto !bg-cream aspect-square hover:!text-black h-full w-56 border-l border-b border-stroke-light'
type='button'
x-data
@click.passive='modal.showModal = false'
>
<svg class='' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none'>
<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>
</button>
</header>
<div
class='my-auto flex flex-col items-start gap-y-24 p-24 text-left span-w-12 lg:span-w-7-wide'
>
<h3 class='font-serif text-35/none tracking-tighter'>Rideau Fil à Fil</h3>
<p class='tracking-none block text-14'>
<span x-ref='price' x-text="price">13500</span>
<span x-cloak x-show="compareAtPrice" x-ref='compareAtPrice' x-text="compareAtPrice" class="ml-4 line-through"></span>
</p>
<ajax-cart-product-form class="w-full">
<form method="post" action="/cart/add" id="product_form_4606522982518" accept-charset="UTF-8" class="relative flex w-full flex-col gap-y-24" enctype="multipart/form-data" x-ref="form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" :value="variantId">
<fieldset class='text-left'>
<legend class='mb-12 text-12 leading-tight tracking-normal text-brown-text'>
<span class="">Taille</span>
</legend>
<ul class='flex w-full flex-row flex-wrap gap-4 gap-y-8'>
<li>
<label
for='4606522982518-1-0'
class='relative block'
>
<input
id='4606522982518-1-0'
type='radio'
value='180x290 cm'
name='taille'
class='peer absolute inset-0 cursor-pointer appearance-none'
checked
x-init="formContent['taille'] = '180x290 cm'"
data-main-option-value="Sarta"
data-option-position="1"
x-model="formContent['taille']"
:checked="formContent['taille'] === '180x290 cm'"
>
<span
:class="{'peer-checked:border-brown-dark': formContent['taille'] === '180x290 cm', }"
class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1 peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light border-brown-dark/10'
><span class='mt-2 text-11 font-normal leading-none tracking-tight'>180x290 cm</span>
</span>
</label>
</li>
<li>
<label
for='4606522982518-1-1'
class='relative block'
>
<input
id='4606522982518-1-1'
type='radio'
value='270x290 cm'
name='taille'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-main-option-value="Sarta"
data-option-position="1"
x-model="formContent['taille']"
:checked="formContent['taille'] === '270x290 cm'"
>
<span
:class="{'peer-checked:border-brown-dark': formContent['taille'] === '270x290 cm', }"
class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1 peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light border-brown-dark/10'
><span class='mt-2 text-11 font-normal leading-none tracking-tight'>270x290 cm</span>
</span>
</label>
</li></ul>
</fieldset>
<fieldset class='relative text-left'>
<legend class='mb-12 text-12 leading-tight tracking-normal text-brown-text'>
<span class="">Couleur:</span>
<span class="text-brown-dark" x-text="formContent['couleur']"></span>
</legend>
<div class='relative flex flex-row flex-wrap items-center gap-12 lg:gap-8'>
<label
for='32123580383350'
aria-label='Sarta'
class='color-dots-item relative block'
:class="{'hidden': 0 > 7 && !showMoreColors}"
title="Sarta"
>
<input
type='radio'
name='Couleur'
value='Sarta'
id='32123580383350'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Sarta"
x-model="formContent['couleur']"
checked
x-init="formContent['couleur'] = 'Sarta'"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#000000') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark color-dot-disabled'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #000000"></span>
</span>
</label>
<label
for='55269176836421-97a2a0'
aria-label='Sarta Glacier'
class='color-dots-item relative block'
:class="{'hidden': 1 > 7 && !showMoreColors}"
title="Sarta Glacier"
>
<input
type='radio'
name='Couleur'
value='Sarta Glacier'
id='55269176836421-97a2a0'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Sarta Glacier"
x-model="formContent['couleur']"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#97a2a0') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #97a2a0"></span>
</span>
</label>
</div>
</fieldset>
<div class="mt-10 flex w-full items-center gap-10">
<div
class='relative inline-block span-w-2-wide lg:span-w-1-wide lg:h-42 quantity-select'
x-data='{ value: "1", label: "" }'
x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
x-ref='select'
:id="$id('product-card-modal-quantity-select')"
:disabled="!isAvailable"
name='quantity'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0 quantity-select-select'
aria-label='Quantité'
value='1'
:value='value'
><option
value=''
disabled
>
Quantité
</option>
<option value="1" :disabled="1 > maxQuantity">1</option>
<option value="2" :disabled="2 > maxQuantity">2</option>
<option value="3" :disabled="3 > maxQuantity">3</option>
<option value="4" :disabled="4 > maxQuantity">4</option>
<option value="5" :disabled="5 > maxQuantity">5</option>
<option value="6" :disabled="6 > maxQuantity">6</option>
<option value="7" :disabled="7 > maxQuantity">7</option>
<option value="8" :disabled="8 > maxQuantity">8</option>
<option value="9" :disabled="9 > maxQuantity">9</option>
<option value="10" :disabled="10 > maxQuantity">10</option>
<option value="11" :disabled="11 > maxQuantity">11</option>
<option value="12" :disabled="12 > maxQuantity">12</option>
</select>
<span class='lg:h-42 pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black peer-disabled:text-brown-dark/50'>
<span class='mr-10 w-full' x-text='value'>
</span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-black hover:bg-neutral-80 active:bg-neutral-80 text-white outline-black overflow-clip w-full'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
x-on:liquid-ajax-cart:queue-end.document='loading=false;modal.showModal = false;'
><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform'>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-cloak x-show="!isAvailable">Bientôt disponible</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></button>
</div>
<a
class='relative flex text-12/narrow font-bold uppercase whitespace-nowrap after:absolute after:inset-x-0 after:bottom-0 after:h-1 after:bg-current after:origin-left after:transition-transform after:duration-500 hover:after:duration-200 ease-expo-out hover:after:scale-x-0 active:after:scale-x-0 w-fit mx-auto !font-normal !normal-case'
href='/products/rideau-fil-a-fil'
>Voir la fiche produit</a>
<input type="hidden" name="product-id" value="4606522982518" /><input type="hidden" name="section-id" value="template--23467447746885__slice_inspiration_carousel_6k9YyT" /></form>
</ajax-cart-product-form>
</div>
</div>
</div>
</div>
</div>
</template>
</div>
</div>
</div>
<a href='/products/rideau-fil-a-fil'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Rideau Fil à Fil
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+3
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Noir'
style='background-color: #000000'
data-value-init='#000000'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #97a2a0'
data-value='#97a2a0'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Noir'
style='background-color: #000000'
data-value-init='#000000'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #97a2a0'
data-value='#97a2a0'
></span>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span><span class="money">135€</span></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Lin
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">135€</span></span>
</span>
</div>
</div>
</a>
</article>
</div>
<nav
class='flex items-center gutter-gap-1 lg:gap-10 lg-max:hidden absolute -top-46 lg:-top-42 h-20 margin-right-1'
:class="{ 'hidden': !enabled }"
>
<button
x-ref='prevButton'
@click.passive='handlePrev'
class='slideshow-prev grid place-content-center span-w-1 disabled:text-grey lg:w-20 lg:h-20'
aria-label='Page précédente'
type='button'
>
<svg class='' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewbox='0 0 18 18' fill='none'>
<path d="M13.148 0L14.4297 1.32308L6.99303 9L14.4297 16.6769L13.148 18L4.42969 9L13.148 0Z" fill="currentColor"/>
</svg>
</button>
<button
x-ref='nextButton'
@click.passive='handleNext'
class='slideshow-next grid place-content-center span-w-1 disabled:text-grey lg:w-20 lg:h-20'
aria-label='Page suivante'
type='button'
>
<svg class='' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewbox='0 0 18 18' fill='none'>
<path d="M5.71136 18L4.42969 16.6769L11.8663 9L4.42969 1.32308L5.71136 0L14.4297 9L5.71136 18Z" fill="currentColor"/>
</svg>
</button>
</nav>
</div>
</div>
</div>
</div><div id="shopify-section-template--23467447746885__17594130431657a8ce" class="shopify-section">
</div><div id="shopify-section-template--23467447746885__17588925412228b811" class="shopify-section">
</div><div id="shopify-section-template--23467447746885__1758889490df34a085" class="shopify-section">
</div><section id="shopify-section-template--23467447746885__slice_title_text_jrD7KW" class="shopify-section relative isolate z-0 overflow-x-clip bg-cream text-brown-dark my-60 lg:my-96">
<div class='flex flex-col items-center justify-center gap-24 text-center lg:grid-container lg:flex lg-max:mx-auto lg-max:span-w-11-wide'>
<p class='text-12 font-bold uppercase leading-none tracking-snug'>Notre mission</p>
<h2 class='whitespace-pre-line font-serif text-40 leading-none tracking-tighter lg:text-70 lg:leading-small lg:span-w-15-wide'>Depuis 1995, Caravane tisse un lien unique entre design et artisanat.</h2>
<p class='whitespace-pre-line font-serif text-15 leading-slim tracking-normal text-brown-text lg:span-w-10'>Caravane réinvente l'élégance du quotidien : un canapé accueillant, une lumière tamisée, des étoffes au charme irrégulier. Chaque création raconte une histoire, celle d'une passion familiale pour le fait-main et les matières qui éveillent les sens.</p>
<a
class='relative flex text-12/narrow font-bold uppercase whitespace-nowrap after:absolute after:inset-x-0 after:bottom-0 after:h-1 after:bg-current after:origin-left after:transition-transform after:duration-500 hover:after:duration-200 ease-expo-out hover:after:scale-x-0 active:after:scale-x-0 w-fit'
href='/pages/a-propos'
>En savoir plus</a>
</div>
</section><div id="shopify-section-template--23467447746885__slice_trends_carousel_hh3UKB" class="shopify-section">
<div
class='bg-opacity-10 bg-[size:100px] bg-repeat py-24 bg-blend-overlay lg:py-140'
style='background-color: #ece9e6; color: #735126; background-image: url("//caravane.com/cdn/shop/t/23/assets/grain.png?v=152901902305687839381726844477")'
>
<div class='lg:grid-container lg:span-px-2'>
<header class='lg-max:grid-container'>
<p class='mb-8 text-10 font-bold uppercase lg:text-12'>Découvrez</p>
<div class='mb-24 flex items-end justify-between'>
<h2 class='font-serif text-22/small lg:text-50 lg-max:span-w-7'>Nos best-sellers</h2>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right lg:hidden -mt-2'
href='/collections/best-sellers'
>voir tout</a>
</div>
</header>
<div class='relative lg:bg-cream lg:gutter-p-1 lg-max:pr-0'>
<div
x-data='slideshow({groupBy:1,autoPlayInterval:0,disableLg:false,orientation:"horizontal",displayChildrenCountMobile:-1,displayChildrenCountDesktop:4})'
class='lg:mb-48 lg-max:touch-pan-y'
>
<ul
x-ref='wrapper'
@touchstart='handleTouchStart'
@scroll.passive='handleScroll'
class='flex [&>*]:shrink-0 justify-start items-stretch [&>*]:snap-start overflow-auto scrollbar-hide snap-mandatory scroll-smooth touch-pan-x touch-pan-y snap-x overflow-y-hidden lg-max:overscroll-y-none-safari flex flex-row gap-0 lg:items-stretch lg-max:margin-pr-1 lg:gutter-gap-1'
>
<li class='h-auto lg-max:margin-pl-1'>
<article
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false}'
class='group span-w-6-wider lg:span-w-5 lg-max:bg-cream lg-max:p-8 h-full lg:flex lg:flex-col lg:[&>div]:flex-1'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/khadir-coton'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip lg:h-full'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=52&v=1770225636&width=48 48w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=105&v=1770225636&width=96 96w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=175&v=1770225636&width=160 160w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=349&v=1770225636&width=320 320w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=699&v=1770225636&width=640 640w' width='174' height='190'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=129&v=1770225636&width=96 96w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=215&v=1770225636&width=160 160w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=431&v=1770225636&width=320 320w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=862&v=1770225636&width=640 640w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=1293&v=1770225636&width=960 960w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=1616&v=1770225636&width=1200 1200w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=2586&v=1770225636&width=1920 1920w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=3232&v=1770225636&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=435&v=1770225636&width=323" alt="Rideau Khadi" srcset="//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=435&v=1770225636&width=323 323w" width="323" height="435" loading="lazy" class="lg:h-full w-full" fetchpriority="auto">
</picture>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip lg:h-full'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=52&v=1770225636&width=48 48w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=105&v=1770225636&width=96 96w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=175&v=1770225636&width=160 160w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=349&v=1770225636&width=320 320w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=699&v=1770225636&width=640 640w' width='174' height='190'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=129&v=1770225636&width=96 96w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=215&v=1770225636&width=160 160w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=431&v=1770225636&width=320 320w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=862&v=1770225636&width=640 640w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=1293&v=1770225636&width=960 960w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=1616&v=1770225636&width=1200 1200w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=2586&v=1770225636&width=1920 1920w,//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=3232&v=1770225636&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=435&v=1770225636&width=323" alt="Rideau Khadi" srcset="//caravane.com/cdn/shop/files/Resizinge-merch_3d13d701-a3b0-4c5d-9bfe-53600ed2dca2.png?crop=center&height=435&v=1770225636&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0'
type='button'
x-data="{loading:false}" @click='(function (event){loading=true;liquidAjaxCart.add({items:[{id:22536559296630,quantity: 1}]}); event.preventDefault(); event.stopPropagation(); return false;})(event)'><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></button>
</div>
</div>
<a href='/products/khadir-coton'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Rideau Khadi
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
</p>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span><span class="money">150€</span></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Khadi de coton
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">150€</span></span>
</span>
</div>
</div>
</a>
</article>
</li><li class='h-auto lg-max:gutter-pl-1'>
<article
@variant-picker-set-price='price = $event.detail'
@variant-picker-set-compare-at-price='compareAtPrice = $event.detail'
@variant-picker-set-image='$useUpdatePicture($refs.hoverPictureContainer, $event.detail)'
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false,price:26500,compareAtPrice:0,image:"//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?v=1775634726"}'
class='group span-w-6-wider lg:span-w-5 lg-max:bg-cream lg-max:p-8 h-full lg:flex lg:flex-col lg:[&>div]:flex-1'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/kormosc'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip lg:h-full'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/20240717_CARAVANE_COMPORTA27643_ebd63f6a-79d2-4872-876b-872471279d79.jpg?crop=center&height=52&v=1775634726&width=48 48w,//caravane.com/cdn/shop/files/20240717_CARAVANE_COMPORTA27643_ebd63f6a-79d2-4872-876b-872471279d79.jpg?crop=center&height=105&v=1775634726&width=96 96w,//caravane.com/cdn/shop/files/20240717_CARAVANE_COMPORTA27643_ebd63f6a-79d2-4872-876b-872471279d79.jpg?crop=center&height=175&v=1775634726&width=160 160w,//caravane.com/cdn/shop/files/20240717_CARAVANE_COMPORTA27643_ebd63f6a-79d2-4872-876b-872471279d79.jpg?crop=center&height=349&v=1775634726&width=320 320w,//caravane.com/cdn/shop/files/20240717_CARAVANE_COMPORTA27643_ebd63f6a-79d2-4872-876b-872471279d79.jpg?crop=center&height=699&v=1775634726&width=640 640w' width='174' height='190'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/20240717_CARAVANE_COMPORTA27643_ebd63f6a-79d2-4872-876b-872471279d79.jpg?crop=center&height=129&v=1775634726&width=96 96w,//caravane.com/cdn/shop/files/20240717_CARAVANE_COMPORTA27643_ebd63f6a-79d2-4872-876b-872471279d79.jpg?crop=center&height=215&v=1775634726&width=160 160w,//caravane.com/cdn/shop/files/20240717_CARAVANE_COMPORTA27643_ebd63f6a-79d2-4872-876b-872471279d79.jpg?crop=center&height=431&v=1775634726&width=320 320w,//caravane.com/cdn/shop/files/20240717_CARAVANE_COMPORTA27643_ebd63f6a-79d2-4872-876b-872471279d79.jpg?crop=center&height=862&v=1775634726&width=640 640w,//caravane.com/cdn/shop/files/20240717_CARAVANE_COMPORTA27643_ebd63f6a-79d2-4872-876b-872471279d79.jpg?crop=center&height=1293&v=1775634726&width=960 960w,//caravane.com/cdn/shop/files/20240717_CARAVANE_COMPORTA27643_ebd63f6a-79d2-4872-876b-872471279d79.jpg?crop=center&height=1616&v=1775634726&width=1200 1200w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/20240717_CARAVANE_COMPORTA27643_ebd63f6a-79d2-4872-876b-872471279d79.jpg?crop=center&height=435&v=1775634726&width=323" alt="Sofa Cover Kormo" srcset="//caravane.com/cdn/shop/files/20240717_CARAVANE_COMPORTA27643_ebd63f6a-79d2-4872-876b-872471279d79.jpg?crop=center&height=435&v=1775634726&width=323 323w" width="323" height="435" loading="lazy" class="lg:h-full w-full" fetchpriority="auto">
</picture>
<div x-ref='hoverPictureContainer'>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip lg:h-full'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?crop=center&height=52&v=1775634726&width=48 48w,//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?crop=center&height=105&v=1775634726&width=96 96w,//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?crop=center&height=175&v=1775634726&width=160 160w,//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?crop=center&height=349&v=1775634726&width=320 320w,//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?crop=center&height=699&v=1775634726&width=640 640w' width='174' height='190'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?crop=center&height=129&v=1775634726&width=96 96w,//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?crop=center&height=215&v=1775634726&width=160 160w,//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?crop=center&height=431&v=1775634726&width=320 320w,//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?crop=center&height=862&v=1775634726&width=640 640w,//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?crop=center&height=1293&v=1775634726&width=960 960w,//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?crop=center&height=1616&v=1775634726&width=1200 1200w,//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?crop=center&height=2586&v=1775634726&width=1920 1920w,//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?crop=center&height=3232&v=1775634726&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?crop=center&height=435&v=1775634726&width=323" alt="Sofa Cover Kormo en khadi de coton" srcset="//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?crop=center&height=435&v=1775634726&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<div x-data='productCardVariantPicker({defaultVariantId: 49825177698629, variants: [{"id":49825177698629,"price":26500,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?v=1775634726"},{"id":49825177731397,"price":26500,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/Shoot20_066_a214f164-8f23-46eb-99db-c10068259b85.jpg?v=1760013823"}]})' class='w-full bg-cream'>
<div class='border-b border-stroke-light/10 p-12'>
<fieldset class='option'>
<legend class='mb-8 text-11 leading-tight tracking-normal text-brown-text'>Couleur</legend>
<ul class='flex gap-8 flex-col'>
<li>
<label
for='kormosc-couleur-bleu-gris-1775682058057518938'
>
<input
id='kormosc-couleur-bleu-gris-1775682058057518938'
type='radio'
value='49825177698629'
name='kormosc-couleur-bleu-gris'
class='peer sr-only'
checked
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?crop=center&height=96&v=1775634726&width=96 96w,//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?crop=center&height=160&v=1775634726&width=160 160w,//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?crop=center&height=320&v=1775634726&width=320 320w,//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?crop=center&height=640&v=1775634726&width=640 640w,//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?crop=center&height=960&v=1775634726&width=960 960w,//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?crop=center&height=1200&v=1775634726&width=1200 1200w,//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?crop=center&height=1920&v=1775634726&width=1920 1920w,//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?crop=center&height=2400&v=1775634726&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?crop=center&height=30&v=1775634726&width=30" alt="Sofa Cover Kormo en khadi de coton" srcset="//caravane.com/cdn/shop/files/Shoot20_065_e5cb3607-d4be-4ec3-acd2-b479beabc856.jpg?crop=center&height=30&v=1775634726&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Bleu gris</span>
</span>
</label>
</li>
<li>
<label
for='kormosc-couleur-terre-d-ocre-1775682058057518938'
>
<input
id='kormosc-couleur-terre-d-ocre-1775682058057518938'
type='radio'
value='49825177731397'
name='kormosc-couleur-terre-d-ocre'
class='peer sr-only'
x-model='selectedVariantId'
>
<span class='flex cursor-pointer flex-row items-center gap-10 peer-disabled:cursor-default peer-checked:[&>picture]:border-current peer-disabled:[&>picture]:opacity-50 peer-disabled:[&>picture]:duration-200 peer-checked:[&>span]:after:scale-x-100 peer-checked:[&>span]:after:duration-200 peer-disabled:[&>span]:cursor-default peer-disabled:[&>span]:text-brown-light peer-disabled:[&>span]:line-through'>
<picture class='block w-30 h-30 border border-transparent transition-border duration-500 ease-expo-out'>
<source media='(min-width: 1024px)' sizes='2vw' srcset='//caravane.com/cdn/shop/files/Shoot20_066_a214f164-8f23-46eb-99db-c10068259b85.jpg?crop=center&height=96&v=1760013823&width=96 96w,//caravane.com/cdn/shop/files/Shoot20_066_a214f164-8f23-46eb-99db-c10068259b85.jpg?crop=center&height=160&v=1760013823&width=160 160w,//caravane.com/cdn/shop/files/Shoot20_066_a214f164-8f23-46eb-99db-c10068259b85.jpg?crop=center&height=320&v=1760013823&width=320 320w,//caravane.com/cdn/shop/files/Shoot20_066_a214f164-8f23-46eb-99db-c10068259b85.jpg?crop=center&height=640&v=1760013823&width=640 640w,//caravane.com/cdn/shop/files/Shoot20_066_a214f164-8f23-46eb-99db-c10068259b85.jpg?crop=center&height=960&v=1760013823&width=960 960w,//caravane.com/cdn/shop/files/Shoot20_066_a214f164-8f23-46eb-99db-c10068259b85.jpg?crop=center&height=1200&v=1760013823&width=1200 1200w,//caravane.com/cdn/shop/files/Shoot20_066_a214f164-8f23-46eb-99db-c10068259b85.jpg?crop=center&height=1920&v=1760013823&width=1920 1920w,//caravane.com/cdn/shop/files/Shoot20_066_a214f164-8f23-46eb-99db-c10068259b85.jpg?crop=center&height=2400&v=1760013823&width=2400 2400w' width='30' height='30'>
<img src="//caravane.com/cdn/shop/files/Shoot20_066_a214f164-8f23-46eb-99db-c10068259b85.jpg?crop=center&height=30&v=1760013823&width=30" alt="Sofa Cover Kormo" srcset="//caravane.com/cdn/shop/files/Shoot20_066_a214f164-8f23-46eb-99db-c10068259b85.jpg?crop=center&height=30&v=1760013823&width=30 30w" width="30" height="30" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<span class='relative inline-block text-13 font-normal leading-none text-brown-dark ease-expo-out after:absolute after:inset-x-0 after:-bottom-1 after:h-1 after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-500'>Terre d ocre</span>
</span>
</label>
</li>
</ul>
</fieldset>
</div>
<div
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0 cursor-pointer'
x-data
@click.passive='addToCart'
role='button'
tabindex='0'
><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></div>
</div>
</div>
</div>
<a href='/products/kormosc'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Sofa Cover Kormo
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+2
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/Capture_d_ecran_2025-07-31_102359.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/Capture_d_ecran_2025-07-31_102359.png?crop=center&height=48&v=1753950304&width=48 48w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/Capture_d_ecran_2025-07-31_102359.png?crop=center&height=12&v=1753950304&width=12" alt="" srcset="//caravane.com/cdn/shop/files/Capture_d_ecran_2025-07-31_102359.png?crop=center&height=12&v=1753950304&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rouge'
style='background-color: #b15d48'
data-value-init='#b15d48'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/Capture_d_ecran_2025-07-31_102409.png'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/Capture_d_ecran_2025-07-31_102409.png?crop=center&height=48&v=1753950306&width=48 48w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/Capture_d_ecran_2025-07-31_102409.png?crop=center&height=12&v=1753950306&width=12" alt="" srcset="//caravane.com/cdn/shop/files/Capture_d_ecran_2025-07-31_102409.png?crop=center&height=12&v=1753950306&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span x-text='$useFormatPrice(price, "{{amount_no_decimals}}€")'></span>
<span
x-show='compareAtPrice && compareAtPrice > 0 && compareAtPrice > price'
x-cloak
x-text='$useFormatPrice(compareAtPrice, "{{amount_no_decimals}}€")'
class='ml-4 text-brown-text line-through'
></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Khadi de coton
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">265€</span></span>
</span>
</div>
</div>
</a>
</article>
</li><li class='h-auto lg-max:gutter-pl-1'>
<article
@variant-picker-set-price='price = $event.detail'
@variant-picker-set-compare-at-price='compareAtPrice = $event.detail'
@variant-picker-set-image='$useUpdatePicture($refs.hoverPictureContainer, $event.detail)'
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false,price:6000,compareAtPrice:0,image:"//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?v=1770975042"}'
class='group span-w-6-wider lg:span-w-5 lg-max:bg-cream lg-max:p-8 h-full lg:flex lg:flex-col lg:[&>div]:flex-1'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/cosmos'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip lg:h-full'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=52&v=1771517948&width=48 48w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=105&v=1771517948&width=96 96w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=175&v=1771517948&width=160 160w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=349&v=1771517948&width=320 320w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=699&v=1771517948&width=640 640w' width='174' height='190'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=129&v=1771517948&width=96 96w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=215&v=1771517948&width=160 160w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=431&v=1771517948&width=320 320w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=862&v=1771517948&width=640 640w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=1293&v=1771517948&width=960 960w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=1616&v=1771517948&width=1200 1200w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=2586&v=1771517948&width=1920 1920w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=3232&v=1771517948&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=435&v=1771517948&width=323" alt="Suspension Cosmos Fleurs en métal doré qui diffuse une lumière dorée" srcset="//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=435&v=1771517948&width=323 323w" width="323" height="435" loading="lazy" class="lg:h-full w-full" fetchpriority="auto">
</picture>
<div x-ref='hoverPictureContainer'>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip lg:h-full'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=52&v=1770975042&width=48 48w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=105&v=1770975042&width=96 96w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=175&v=1770975042&width=160 160w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=349&v=1770975042&width=320 320w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=699&v=1770975042&width=640 640w' width='174' height='190'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=129&v=1770975042&width=96 96w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=215&v=1770975042&width=160 160w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=431&v=1770975042&width=320 320w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=862&v=1770975042&width=640 640w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=1293&v=1770975042&width=960 960w,//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=1616&v=1770975042&width=1200 1200w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=435&v=1770975042&width=323" alt="Suspension Cosmos Fleurs en métal doré qui diffuse une lumière dorée" srcset="//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?crop=center&height=435&v=1770975042&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<div x-data='productCardVariantPicker({defaultVariantId: 16892316123254, variants: [{"id":16892316123254,"price":6000,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSPETIT_90d16606-b555-43cf-a9d6-a707ff8d121d.png?v=1770975042"},{"id":16892316221558,"price":9000,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSMOYEN_cc571f3a-7166-41be-a03b-3c67f46f22ba.png?v=1770975042"},{"id":16892316287094,"price":11000,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/SUSPENSIONCOSMOSGRAND.png?v=1770975042"}]})' class='w-full bg-cream'>
<div class='border-b border-stroke-light/10 p-12'>
<fieldset class='option'>
<legend class='mb-8 text-11 leading-tight tracking-normal text-brown-text'>Diamètre</legend>
<ul class='flex gap-8 flex-row flex-wrap'>
<li>
<label
for='cosmos-diametre-30-cm-1775682058066739512'
class='!w-fit relative block'
>
<input
id='cosmos-diametre-30-cm-1775682058066739512'
type='radio'
value='16892316123254'
name='cosmos-diametre-30-cm'
class='peer absolute inset-0 cursor-pointer appearance-none'
checked
x-model='selectedVariantId'
>
<span
class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1 peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light'
><span class='mt-2 text-11 font-normal leading-none tracking-tight'>30 cm</span>
</span>
</label>
</li>
<li>
<label
for='cosmos-diametre-40-cm-1775682058066739512'
class='!w-fit relative block'
>
<input
id='cosmos-diametre-40-cm-1775682058066739512'
type='radio'
value='16892316221558'
name='cosmos-diametre-40-cm'
class='peer absolute inset-0 cursor-pointer appearance-none'
x-model='selectedVariantId'
>
<span
class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1 peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light'
><span class='mt-2 text-11 font-normal leading-none tracking-tight'>40 cm</span>
</span>
</label>
</li>
<li>
<label
for='cosmos-diametre-55-cm-1775682058066739512'
class='!w-fit relative block'
>
<input
id='cosmos-diametre-55-cm-1775682058066739512'
type='radio'
value='16892316287094'
name='cosmos-diametre-55-cm'
class='peer absolute inset-0 cursor-pointer appearance-none'
x-model='selectedVariantId'
>
<span
class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1 peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light opacity-80 line-through text-brown-light border-stroke-light peer-checked:border-brown-dark peer-checked:!text-brown-dark peer-checked:opacity-100'
><span class='mt-2 text-11 font-normal leading-none tracking-tight'>55 cm</span>
</span>
</label>
</li>
</ul>
</fieldset>
</div>
<div
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0 cursor-pointer'
x-data
@click.passive='addToCart'
role='button'
tabindex='0'
><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></div>
</div>
</div>
</div>
<a href='/products/cosmos'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Suspension Cosmos
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+3
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Doré'
style='background-color: #e5c989'
data-value-init='#e5c989'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Doré'
style='background-color: #e5c989'
data-value-init='#e5c989'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Doré'
style='background-color: #e5c989'
data-value-init='#e5c989'
>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span x-text='$useFormatPrice(price, "{{amount_no_decimals}}€")'></span>
<span
x-show='compareAtPrice && compareAtPrice > 0 && compareAtPrice > price'
x-cloak
x-text='$useFormatPrice(compareAtPrice, "{{amount_no_decimals}}€")'
class='ml-4 text-brown-text line-through'
></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Métal doré
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">60€</span></span>
</span>
</div>
</div>
</a>
</article>
</li><li class='h-auto lg-max:gutter-pl-1'>
<article
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false}'
class='group span-w-6-wider lg:span-w-5 lg-max:bg-cream lg-max:p-8 h-full lg:flex lg:flex-col lg:[&>div]:flex-1'
>
<div
class='relative overflow-clip shrink-0'
><div class='inline-block bg-white px-8 pb-7 pt-8 text-11 leading-none tracking-tight text-brown-dark absolute left-10 top-9 z-1'>
Nouveaux coloris
</div>
<a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/selena-taies-d-oreiller'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip lg:h-full'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=52&v=1764238633&width=48 48w,//caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=105&v=1764238633&width=96 96w,//caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=175&v=1764238633&width=160 160w,//caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=349&v=1764238633&width=320 320w,//caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=699&v=1764238633&width=640 640w' width='174' height='190'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=129&v=1764238633&width=96 96w,//caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=215&v=1764238633&width=160 160w,//caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=431&v=1764238633&width=320 320w,//caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=862&v=1764238633&width=640 640w,//caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=1293&v=1764238633&width=960 960w,//caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=1616&v=1764238633&width=1200 1200w,//caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=2586&v=1764238633&width=1920 1920w,//caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=3232&v=1764238633&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=435&v=1764238633&width=323" alt="Set de 2 taies d'oreiller Selena" srcset="//caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=435&v=1764238633&width=323 323w" width="323" height="435" loading="lazy" class="lg:h-full w-full" fetchpriority="auto">
</picture>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip lg:h-full'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/Selena_HousseCoussin_50x70_Ciment_f1bb8e5f-3e29-4ebc-b824-c10b21e4a3d9.jpg?crop=center&height=52&v=1764238633&width=48 48w,//caravane.com/cdn/shop/files/Selena_HousseCoussin_50x70_Ciment_f1bb8e5f-3e29-4ebc-b824-c10b21e4a3d9.jpg?crop=center&height=105&v=1764238633&width=96 96w,//caravane.com/cdn/shop/files/Selena_HousseCoussin_50x70_Ciment_f1bb8e5f-3e29-4ebc-b824-c10b21e4a3d9.jpg?crop=center&height=175&v=1764238633&width=160 160w,//caravane.com/cdn/shop/files/Selena_HousseCoussin_50x70_Ciment_f1bb8e5f-3e29-4ebc-b824-c10b21e4a3d9.jpg?crop=center&height=349&v=1764238633&width=320 320w,//caravane.com/cdn/shop/files/Selena_HousseCoussin_50x70_Ciment_f1bb8e5f-3e29-4ebc-b824-c10b21e4a3d9.jpg?crop=center&height=699&v=1764238633&width=640 640w' width='174' height='190'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Selena_HousseCoussin_50x70_Ciment_f1bb8e5f-3e29-4ebc-b824-c10b21e4a3d9.jpg?crop=center&height=129&v=1764238633&width=96 96w,//caravane.com/cdn/shop/files/Selena_HousseCoussin_50x70_Ciment_f1bb8e5f-3e29-4ebc-b824-c10b21e4a3d9.jpg?crop=center&height=215&v=1764238633&width=160 160w,//caravane.com/cdn/shop/files/Selena_HousseCoussin_50x70_Ciment_f1bb8e5f-3e29-4ebc-b824-c10b21e4a3d9.jpg?crop=center&height=431&v=1764238633&width=320 320w,//caravane.com/cdn/shop/files/Selena_HousseCoussin_50x70_Ciment_f1bb8e5f-3e29-4ebc-b824-c10b21e4a3d9.jpg?crop=center&height=862&v=1764238633&width=640 640w,//caravane.com/cdn/shop/files/Selena_HousseCoussin_50x70_Ciment_f1bb8e5f-3e29-4ebc-b824-c10b21e4a3d9.jpg?crop=center&height=1293&v=1764238633&width=960 960w,//caravane.com/cdn/shop/files/Selena_HousseCoussin_50x70_Ciment_f1bb8e5f-3e29-4ebc-b824-c10b21e4a3d9.jpg?crop=center&height=1616&v=1764238633&width=1200 1200w,//caravane.com/cdn/shop/files/Selena_HousseCoussin_50x70_Ciment_f1bb8e5f-3e29-4ebc-b824-c10b21e4a3d9.jpg?crop=center&height=2586&v=1764238633&width=1920 1920w,//caravane.com/cdn/shop/files/Selena_HousseCoussin_50x70_Ciment_f1bb8e5f-3e29-4ebc-b824-c10b21e4a3d9.jpg?crop=center&height=3232&v=1764238633&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Selena_HousseCoussin_50x70_Ciment_f1bb8e5f-3e29-4ebc-b824-c10b21e4a3d9.jpg?crop=center&height=435&v=1764238633&width=323" alt="Set de 2 taies d'oreiller Selena" srcset="//caravane.com/cdn/shop/files/Selena_HousseCoussin_50x70_Ciment_f1bb8e5f-3e29-4ebc-b824-c10b21e4a3d9.jpg?crop=center&height=435&v=1764238633&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<div
x-data='modal({ shouldScrollLock: true })'
class=''
id=''
:id="$id('product-card-modal')"
>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full !text-left text-11 text-brown-dark !justify-between !normal-case px-10 !py-0'
type='button'
x-data
@click.passive='showModal = true'
>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</button>
<template x-teleport='body'>
<!-- Modal -->
<div
data-lenis-prevent
x-show='showModal'
class='fixed inset-0 isolate z-100'
role='dialog'
aria-modal='true'
:id="$id('modal')"
x-trap.inert='showModal'
@keydown.escape.window='close()'
>
<div
x-cloak
@click='close()'
x-show='showModal'
x-transition:enter='transition ease-out-expo duration-400'
x-transition:enter-start='opacity-0'
x-transition:enter-end='opacity-100'
x-transition:leave='transition ease-in-cubic duration-300'
x-transition:leave-start='opacity-100'
x-transition:leave-end='opacity-0'
class='fixed inset-0 z-0 bg-black/40 transition-opacity'
style='background-color: rgba(0, 0, 0, 0.4);'
aria-hidden='true'
></div>
<div
x-cloak
x-show='showModal'
x-transition:enter='transition-opacity ease-out-expo duration-400'
x-transition:enter-start='opacity-0'
x-transition:enter-end='opacity-100'
x-transition:leave='transition-opacity ease-in-cubic duration-300'
x-transition:leave-start='opacity-100'
x-transition:leave-end='opacity-0'
class='z-1 span-w-12 lg:span-w-24 mx-auto grid h-full place-content-center'
>
<button @click='close()' class='group fixed grid h-40 w-40 place-content-center margin-top-1 margin-right-1 hidden'>
<svg class='h-24 w-24 transition-transform duration-450 ease-expo-out group-hover:rotate-90 group-focus:rotate-90' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none'>
<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>
</button>
<div
x-data='productCardModal({ productId: 1858133327990, productHandle: "selena-taies-d-oreiller", variantId: 17094353387638, isAvailable: false, variantQuantities: "17094353387638:0,48380972630341:0,54320218898757:0,54320218964293:0,39509167603830:0,39509167702134:0,39509167997046:0,39637227241590:0,17094354075766:0,17094354862198:0,17094353223798:0,17094353518710:0,39723032477814:0,54320218931525:0,54320218997061:1,39509167636598:0,39509167800438:0,39509168128118:0,39637227307126:0,17094354239606:0,17094354927734:0,17094353322102:1", price: 11000, compareAtPrice: 0 })'
class='relative z-1 flex max-h-screen flex-col overflow-y-auto bg-cream lg:flex-row lg:span-w-14'>
<picture class='block w-full lg:span-w-7 lg:aspect-[404/540] product-card-image' x-ref="productImage">
<source media='(min-width: 1024px)' sizes='28vw' srcset='//caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=128&v=1764238633&width=96 96w,//caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=214&v=1764238633&width=160 160w,//caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=428&v=1764238633&width=320 320w,//caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=855&v=1764238633&width=640 640w,//caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=1283&v=1764238633&width=960 960w,//caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=1604&v=1764238633&width=1200 1200w,//caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=2566&v=1764238633&width=1920 1920w,//caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=3208&v=1764238633&width=2400 2400w' width='404' height='540'>
<img src="//caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=540&v=1764238633&width=404" alt="Set de 2 taies d'oreiller Selena" srcset="//caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=470&v=1764238633&width=352 352w, //caravane.com/cdn/shop/files/Dimensions2667x4000_13.png?crop=center&height=540&v=1764238633&width=404 404w" width="404" height="540" loading="lazy" class="h-full object-cover w-full" fetchpriority="auto">
</picture>
<div class='flex flex-1 flex-col'>
<header class='absolute right-0 top-0 lg:relative'>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white ml-auto !bg-cream aspect-square hover:!text-black h-full w-56 border-l border-b border-stroke-light'
type='button'
x-data
@click.passive='modal.showModal = false'
>
<svg class='' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none'>
<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>
</button>
</header>
<div
class='my-auto flex flex-col items-start gap-y-24 p-24 text-left span-w-12 lg:span-w-7-wide'
>
<h3 class='font-serif text-35/none tracking-tighter'>Set de 2 taies d'oreiller Selena</h3>
<p class='tracking-none block text-14'>
<span x-ref='price' x-text="price">11000</span>
<span x-cloak x-show="compareAtPrice" x-ref='compareAtPrice' x-text="compareAtPrice" class="ml-4 line-through"></span>
</p>
<ajax-cart-product-form class="w-full">
<form method="post" action="/cart/add" id="product_form_1858133327990" accept-charset="UTF-8" class="relative flex w-full flex-col gap-y-24" enctype="multipart/form-data" x-ref="form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" :value="variantId">
<fieldset class='text-left'>
<legend class='mb-12 text-12 leading-tight tracking-normal text-brown-text'>
<span class="">Dimensions</span>
</legend>
<ul class='flex w-full flex-row flex-wrap gap-4 gap-y-8'>
<li>
<label
for='1858133327990-1-0'
class='relative block'
>
<input
id='1858133327990-1-0'
type='radio'
value='50x70 cm'
name='dimensions'
class='peer absolute inset-0 cursor-pointer appearance-none'
checked
x-init="formContent['dimensions'] = '50x70 cm'"
data-main-option-value="Ciment"
data-option-position="1"
x-model="formContent['dimensions']"
:checked="formContent['dimensions'] === '50x70 cm'"
>
<span
:class="{'peer-checked:border-brown-dark': formContent['dimensions'] === '50x70 cm', }"
class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1 peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light border-brown-dark/10'
><span class='mt-2 text-11 font-normal leading-none tracking-tight'>50x70 cm</span>
</span>
</label>
</li>
<li>
<label
for='1858133327990-1-1'
class='relative block'
>
<input
id='1858133327990-1-1'
type='radio'
value='65x65 cm'
name='dimensions'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-main-option-value="Ciment"
data-option-position="1"
x-model="formContent['dimensions']"
:checked="formContent['dimensions'] === '65x65 cm'"
>
<span
:class="{'peer-checked:border-brown-dark': formContent['dimensions'] === '65x65 cm', }"
class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1 peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light border-brown-dark/10'
><span class='mt-2 text-11 font-normal leading-none tracking-tight'>65x65 cm</span>
</span>
</label>
</li></ul>
</fieldset>
<fieldset class='relative text-left'>
<legend class='mb-12 text-12 leading-tight tracking-normal text-brown-text'>
<span class="">Couleur:</span>
<span class="text-brown-dark" x-text="formContent['couleur']"></span>
</legend>
<div class='relative flex flex-row flex-wrap items-center gap-12 lg:gap-8'>
<label
for='17094353518710'
aria-label='Ciment'
class='color-dots-item relative block'
:class="{'hidden': 0 > 7 && !showMoreColors}"
title="Ciment"
>
<input
type='radio'
name='Couleur'
value='Ciment'
id='17094353518710'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Ciment"
x-model="formContent['couleur']"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#b3b3b1') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark color-dot-disabled'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #b3b3b1"></span>
</span>
</label>
<label
for='39723032477814'
aria-label='Camelia'
class='color-dots-item relative block'
:class="{'hidden': 1 > 7 && !showMoreColors}"
title="Camelia"
>
<input
type='radio'
name='Couleur'
value='Camelia'
id='39723032477814'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Camelia"
x-model="formContent['couleur']"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#e0c3bd') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark color-dot-disabled'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #e0c3bd"></span>
</span>
</label>
<label
for='54320218931525'
aria-label='Laurier'
class='color-dots-item relative block'
:class="{'hidden': 2 > 7 && !showMoreColors}"
title="Laurier"
>
<input
type='radio'
name='Couleur'
value='Laurier'
id='54320218931525'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Laurier"
x-model="formContent['couleur']"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#2C8618') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark color-dot-disabled'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #2C8618"></span>
</span>
</label>
<label
for='54320218997061'
aria-label='Sepia'
class='color-dots-item relative block'
:class="{'hidden': 3 > 7 && !showMoreColors}"
title="Sepia"
>
<input
type='radio'
name='Couleur'
value='Sepia'
id='54320218997061'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Sepia"
x-model="formContent['couleur']"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#b15d48') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #b15d48"></span>
</span>
</label>
<label
for='39509167636598-7e8b80'
aria-label='Agave'
class='color-dots-item relative block'
:class="{'hidden': 4 > 7 && !showMoreColors}"
title="Agave"
>
<input
type='radio'
name='Couleur'
value='Agave'
id='39509167636598-7e8b80'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Agave"
x-model="formContent['couleur']"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#7e8b80') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark color-dot-disabled'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #7e8b80"></span>
</span>
</label>
<label
for='39509167800438'
aria-label='Aube'
class='color-dots-item relative block'
:class="{'hidden': 5 > 7 && !showMoreColors}"
title="Aube"
>
<input
type='radio'
name='Couleur'
value='Aube'
id='39509167800438'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Aube"
x-model="formContent['couleur']"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#e0c3bd') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark color-dot-disabled'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #e0c3bd"></span>
</span>
</label>
<label
for='39509168128118'
aria-label='Cobalt'
class='color-dots-item relative block'
:class="{'hidden': 6 > 7 && !showMoreColors}"
title="Cobalt"
>
<input
type='radio'
name='Couleur'
value='Cobalt'
id='39509168128118'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Cobalt"
x-model="formContent['couleur']"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#0824A0') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark color-dot-disabled'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #0824A0"></span>
</span>
</label>
<label
for='39637227307126'
aria-label='Curcuma'
class='color-dots-item relative block'
:class="{'hidden': 7 > 7 && !showMoreColors}"
title="Curcuma"
>
<input
type='radio'
name='Couleur'
value='Curcuma'
id='39637227307126'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Curcuma"
x-model="formContent['couleur']"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#ecc856') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark color-dot-disabled'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #ecc856"></span>
</span>
</label>
<label
for='17094354239606'
aria-label='Horizon'
class='color-dots-item relative block'
:class="{'hidden': 8 > 7 && !showMoreColors}"
title="Horizon"
>
<input
type='radio'
name='Couleur'
value='Horizon'
id='17094354239606'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Horizon"
x-model="formContent['couleur']"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#0824A0') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark color-dot-disabled'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #0824A0"></span>
</span>
</label>
<label
for='17094354927734'
aria-label='Neige'
class='color-dots-item relative block'
:class="{'hidden': 9 > 7 && !showMoreColors}"
title="Neige"
>
<input
type='radio'
name='Couleur'
value='Neige'
id='17094354927734'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Neige"
x-model="formContent['couleur']"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#f9f4f4') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark color-dot-disabled'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #f9f4f4"></span>
</span>
</label>
<label
for='17094353322102'
aria-label='Blanc casse'
class='color-dots-item relative block'
:class="{'hidden': 10 > 7 && !showMoreColors}"
title="Blanc casse"
>
<input
type='radio'
name='Couleur'
value='Blanc casse'
id='17094353322102'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Blanc casse"
x-model="formContent['couleur']"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#f9f4f4') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #f9f4f4"></span>
</span>
</label>
<button
class='relative flex text-12/narrow font-bold uppercase whitespace-nowrap after:absolute after:inset-x-0 after:bottom-0 after:h-1 after:bg-current after:origin-left after:transition-transform after:duration-500 hover:after:duration-200 ease-expo-out hover:after:scale-x-0 active:after:scale-x-0 w-fit !text-11 h-fit !font-normal !lowercase ml-4'
type='button'
x-data
@click.passive='showMoreColors=!showMoreColors'
>
<span x-show="showMoreColors">Voir moins</span>
<span x-show="!showMoreColors">+4 Couleurs</span>
</button>
</div>
</fieldset>
<div class="mt-10 flex w-full items-center gap-10">
<div
class='relative inline-block span-w-2-wide lg:span-w-1-wide lg:h-42 quantity-select'
x-data='{ value: "1", label: "" }'
x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
x-ref='select'
:id="$id('product-card-modal-quantity-select')"
:disabled="!isAvailable"
name='quantity'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0 quantity-select-select'
aria-label='Quantité'
value='1'
:value='value'
><option
value=''
disabled
>
Quantité
</option>
<option value="1" :disabled="1 > maxQuantity">1</option>
<option value="2" :disabled="2 > maxQuantity">2</option>
<option value="3" :disabled="3 > maxQuantity">3</option>
<option value="4" :disabled="4 > maxQuantity">4</option>
<option value="5" :disabled="5 > maxQuantity">5</option>
<option value="6" :disabled="6 > maxQuantity">6</option>
<option value="7" :disabled="7 > maxQuantity">7</option>
<option value="8" :disabled="8 > maxQuantity">8</option>
<option value="9" :disabled="9 > maxQuantity">9</option>
<option value="10" :disabled="10 > maxQuantity">10</option>
<option value="11" :disabled="11 > maxQuantity">11</option>
<option value="12" :disabled="12 > maxQuantity">12</option>
</select>
<span class='lg:h-42 pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black peer-disabled:text-brown-dark/50'>
<span class='mr-10 w-full' x-text='value'>
</span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-black hover:bg-neutral-80 active:bg-neutral-80 text-white outline-black overflow-clip w-full'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
x-on:liquid-ajax-cart:queue-end.document='loading=false;modal.showModal = false;'
><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform'>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-cloak x-show="!isAvailable">Bientôt disponible</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></button>
</div>
<a
class='relative flex text-12/narrow font-bold uppercase whitespace-nowrap after:absolute after:inset-x-0 after:bottom-0 after:h-1 after:bg-current after:origin-left after:transition-transform after:duration-500 hover:after:duration-200 ease-expo-out hover:after:scale-x-0 active:after:scale-x-0 w-fit mx-auto !font-normal !normal-case'
href='/products/selena-taies-d-oreiller'
>Voir la fiche produit</a>
<input type="hidden" name="product-id" value="1858133327990" /><input type="hidden" name="section-id" value="template--23467447746885__slice_trends_carousel_hh3UKB" /></form>
</ajax-cart-product-form>
</div>
</div>
</div>
</div>
</div>
</template>
</div>
</div>
</div>
<a href='/products/selena-taies-d-oreiller'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Set de 2 taies d'oreiller Selena
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+3
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Gris'
style='background-color: #b3b3b1'
data-value-init='#b3b3b1'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rose'
style='background-color: #e0c3bd'
data-value-init='#e0c3bd'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #aa6a5e'
data-value='#aa6a5e'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rouge'
style='background-color: #b15d48'
data-value-init='#b15d48'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #7e8b80'
data-value='#7e8b80'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rose'
style='background-color: #e0c3bd'
data-value-init='#e0c3bd'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Jaune'
style='background-color: #ecc856'
data-value-init='#ecc856'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #6d7f81'
data-value='#6d7f81'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Blanc'
style='background-color: #f9f4f4'
data-value-init='#f9f4f4'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #fcfbf8'
data-value='#fcfbf8'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Blanc'
style='background-color: #f9f4f4'
data-value-init='#f9f4f4'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #f7f4e1'
data-value='#f7f4e1'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Gris'
style='background-color: #b3b3b1'
data-value-init='#b3b3b1'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rose'
style='background-color: #e0c3bd'
data-value-init='#e0c3bd'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Vert'
style='background-color: #2C8618'
data-value-init='#2C8618'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rouge'
style='background-color: #b15d48'
data-value-init='#b15d48'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #7e8b80'
data-value='#7e8b80'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Rose'
style='background-color: #e0c3bd'
data-value-init='#e0c3bd'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Jaune'
style='background-color: #ecc856'
data-value-init='#ecc856'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Blanc'
style='background-color: #f9f4f4'
data-value-init='#f9f4f4'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Blanc'
style='background-color: #f9f4f4'
data-value-init='#f9f4f4'
>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span><span class="money">110€</span></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Lin lavé
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">110€</span></span>
</span>
</div>
</div>
</a>
</article>
</li><li class='h-auto lg-max:gutter-pl-1'>
<article
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false}'
class='group span-w-6-wider lg:span-w-5 lg-max:bg-cream lg-max:p-8 h-full lg:flex lg:flex-col lg:[&>div]:flex-1'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/tapisbayana-laine'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip lg:h-full'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=52&v=1767088681&width=48 48w,//caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=105&v=1767088681&width=96 96w,//caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=175&v=1767088681&width=160 160w,//caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=349&v=1767088681&width=320 320w,//caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=699&v=1767088681&width=640 640w' width='174' height='190'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=129&v=1767088681&width=96 96w,//caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=215&v=1767088681&width=160 160w,//caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=431&v=1767088681&width=320 320w,//caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=862&v=1767088681&width=640 640w,//caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=1293&v=1767088681&width=960 960w,//caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=1616&v=1767088681&width=1200 1200w,//caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=2586&v=1767088681&width=1920 1920w,//caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=3232&v=1767088681&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=435&v=1767088681&width=323" alt="Tapis Bayana" srcset="//caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=435&v=1767088681&width=323 323w" width="323" height="435" loading="lazy" class="lg:h-full w-full" fetchpriority="auto">
</picture>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip lg:h-full'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&height=52&v=1773141657&width=48 48w,//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&height=105&v=1773141657&width=96 96w,//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&height=175&v=1773141657&width=160 160w,//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&height=349&v=1773141657&width=320 320w,//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&height=699&v=1773141657&width=640 640w' width='174' height='190'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&height=129&v=1773141657&width=96 96w,//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&height=215&v=1773141657&width=160 160w,//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&height=431&v=1773141657&width=320 320w,//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&height=862&v=1773141657&width=640 640w,//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&height=1293&v=1773141657&width=960 960w,//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&height=1616&v=1773141657&width=1200 1200w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&height=435&v=1773141657&width=323" alt="Tapis Bayana" srcset="//caravane.com/cdn/shop/files/TAPISBAYANA170x240.png?crop=center&height=435&v=1773141657&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<div
x-data='modal({ shouldScrollLock: true })'
class=''
id=''
:id="$id('product-card-modal')"
>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full !text-left text-11 text-brown-dark !justify-between !normal-case px-10 !py-0'
type='button'
x-data
@click.passive='showModal = true'
>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</button>
<template x-teleport='body'>
<!-- Modal -->
<div
data-lenis-prevent
x-show='showModal'
class='fixed inset-0 isolate z-100'
role='dialog'
aria-modal='true'
:id="$id('modal')"
x-trap.inert='showModal'
@keydown.escape.window='close()'
>
<div
x-cloak
@click='close()'
x-show='showModal'
x-transition:enter='transition ease-out-expo duration-400'
x-transition:enter-start='opacity-0'
x-transition:enter-end='opacity-100'
x-transition:leave='transition ease-in-cubic duration-300'
x-transition:leave-start='opacity-100'
x-transition:leave-end='opacity-0'
class='fixed inset-0 z-0 bg-black/40 transition-opacity'
style='background-color: rgba(0, 0, 0, 0.4);'
aria-hidden='true'
></div>
<div
x-cloak
x-show='showModal'
x-transition:enter='transition-opacity ease-out-expo duration-400'
x-transition:enter-start='opacity-0'
x-transition:enter-end='opacity-100'
x-transition:leave='transition-opacity ease-in-cubic duration-300'
x-transition:leave-start='opacity-100'
x-transition:leave-end='opacity-0'
class='z-1 span-w-12 lg:span-w-24 mx-auto grid h-full place-content-center'
>
<button @click='close()' class='group fixed grid h-40 w-40 place-content-center margin-top-1 margin-right-1 hidden'>
<svg class='h-24 w-24 transition-transform duration-450 ease-expo-out group-hover:rotate-90 group-focus:rotate-90' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none'>
<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>
</button>
<div
x-data='productCardModal({ productId: 6606815559798, productHandle: "tapisbayana-laine", variantId: 39437927678070, isAvailable: false, variantQuantities: "39437927678070:0,46660693655877:2,39437927612534:11,46660693590341:1,39437927645302:0,46660693623109:0", price: 45000, compareAtPrice: 0 })'
class='relative z-1 flex max-h-screen flex-col overflow-y-auto bg-cream lg:flex-row lg:span-w-14'>
<picture class='block w-full lg:span-w-7 lg:aspect-[404/540] product-card-image' x-ref="productImage">
<source media='(min-width: 1024px)' sizes='28vw' srcset='//caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=128&v=1767088681&width=96 96w,//caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=214&v=1767088681&width=160 160w,//caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=428&v=1767088681&width=320 320w,//caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=855&v=1767088681&width=640 640w,//caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=1283&v=1767088681&width=960 960w,//caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=1604&v=1767088681&width=1200 1200w,//caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=2566&v=1767088681&width=1920 1920w,//caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=3208&v=1767088681&width=2400 2400w' width='404' height='540'>
<img src="//caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=540&v=1767088681&width=404" alt="Tapis Bayana" srcset="//caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=470&v=1767088681&width=352 352w, //caravane.com/cdn/shop/files/Dimensions2667x4000_54.jpg?crop=center&height=540&v=1767088681&width=404 404w" width="404" height="540" loading="lazy" class="h-full object-cover w-full" fetchpriority="auto">
</picture>
<div class='flex flex-1 flex-col'>
<header class='absolute right-0 top-0 lg:relative'>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white ml-auto !bg-cream aspect-square hover:!text-black h-full w-56 border-l border-b border-stroke-light'
type='button'
x-data
@click.passive='modal.showModal = false'
>
<svg class='' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none'>
<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>
</button>
</header>
<div
class='my-auto flex flex-col items-start gap-y-24 p-24 text-left span-w-12 lg:span-w-7-wide'
>
<h3 class='font-serif text-35/none tracking-tighter'>Tapis Bayana</h3>
<p class='tracking-none block text-14'>
<span x-ref='price' x-text="price">45000</span>
<span x-cloak x-show="compareAtPrice" x-ref='compareAtPrice' x-text="compareAtPrice" class="ml-4 line-through"></span>
</p>
<ajax-cart-product-form class="w-full">
<form method="post" action="/cart/add" id="product_form_6606815559798" accept-charset="UTF-8" class="relative flex w-full flex-col gap-y-24" enctype="multipart/form-data" x-ref="form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" :value="variantId">
<fieldset class='text-left'>
<legend class='mb-12 text-12 leading-tight tracking-normal text-brown-text'>
<span class="">Dimensions</span>
</legend>
<ul class='flex w-full flex-row flex-wrap gap-4 gap-y-8'>
<li>
<label
for='6606815559798-1-0'
class='relative block'
>
<input
id='6606815559798-1-0'
type='radio'
value='80x200 cm'
name='dimensions'
class='peer absolute inset-0 cursor-pointer appearance-none'
checked
x-init="formContent['dimensions'] = '80x200 cm'"
data-main-option-value="Neige"
data-option-position="1"
x-model="formContent['dimensions']"
:checked="formContent['dimensions'] === '80x200 cm'"
>
<span
:class="{'peer-checked:border-brown-dark': formContent['dimensions'] === '80x200 cm', }"
class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1 peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light border-brown-dark/10'
><span class='mt-2 text-11 font-normal leading-none tracking-tight'>80x200 cm</span>
</span>
</label>
</li>
<li>
<label
for='6606815559798-1-1'
class='relative block'
>
<input
id='6606815559798-1-1'
type='radio'
value='170x240 cm'
name='dimensions'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-main-option-value="Neige"
data-option-position="1"
x-model="formContent['dimensions']"
:checked="formContent['dimensions'] === '170x240 cm'"
>
<span
:class="{'peer-checked:border-brown-dark': formContent['dimensions'] === '170x240 cm', }"
class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1 peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light border-brown-dark/10'
><span class='mt-2 text-11 font-normal leading-none tracking-tight'>170x240 cm</span>
</span>
</label>
</li>
<li>
<label
for='6606815559798-1-2'
class='relative block'
>
<input
id='6606815559798-1-2'
type='radio'
value='200x300 cm'
name='dimensions'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-main-option-value="Neige"
data-option-position="1"
x-model="formContent['dimensions']"
:checked="formContent['dimensions'] === '200x300 cm'"
>
<span
:class="{'peer-checked:border-brown-dark': formContent['dimensions'] === '200x300 cm', }"
class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1 peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light border-brown-dark/10'
><span class='mt-2 text-11 font-normal leading-none tracking-tight'>200x300 cm</span>
</span>
</label>
</li></ul>
</fieldset>
<fieldset class='relative text-left'>
<legend class='mb-12 text-12 leading-tight tracking-normal text-brown-text'>
<span class="">Couleur:</span>
<span class="text-brown-dark" x-text="formContent['couleur']"></span>
</legend>
<div class='relative flex flex-row flex-wrap items-center gap-12 lg:gap-8'>
<label
for='39437927678070'
aria-label='Neige'
class='color-dots-item relative block'
:class="{'hidden': 0 > 7 && !showMoreColors}"
title="Neige"
>
<input
type='radio'
name='Couleur'
value='Neige'
id='39437927678070'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Neige"
x-model="formContent['couleur']"
checked
x-init="formContent['couleur'] = 'Neige'"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#f9f4f4') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark color-dot-disabled'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #f9f4f4"></span>
</span>
</label>
<label
for='46660693655877'
aria-label='Tabac'
class='color-dots-item relative block'
:class="{'hidden': 1 > 7 && !showMoreColors}"
title="Tabac"
>
<input
type='radio'
name='Couleur'
value='Tabac'
id='46660693655877'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Tabac"
x-model="formContent['couleur']"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#a77e48') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #a77e48"></span>
</span>
</label>
</div>
</fieldset>
<div class="mt-10 flex w-full items-center gap-10">
<div
class='relative inline-block span-w-2-wide lg:span-w-1-wide lg:h-42 quantity-select'
x-data='{ value: "1", label: "" }'
x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
x-ref='select'
:id="$id('product-card-modal-quantity-select')"
:disabled="!isAvailable"
name='quantity'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0 quantity-select-select'
aria-label='Quantité'
value='1'
:value='value'
><option
value=''
disabled
>
Quantité
</option>
<option value="1" :disabled="1 > maxQuantity">1</option>
<option value="2" :disabled="2 > maxQuantity">2</option>
<option value="3" :disabled="3 > maxQuantity">3</option>
<option value="4" :disabled="4 > maxQuantity">4</option>
<option value="5" :disabled="5 > maxQuantity">5</option>
<option value="6" :disabled="6 > maxQuantity">6</option>
<option value="7" :disabled="7 > maxQuantity">7</option>
<option value="8" :disabled="8 > maxQuantity">8</option>
<option value="9" :disabled="9 > maxQuantity">9</option>
<option value="10" :disabled="10 > maxQuantity">10</option>
<option value="11" :disabled="11 > maxQuantity">11</option>
<option value="12" :disabled="12 > maxQuantity">12</option>
</select>
<span class='lg:h-42 pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black peer-disabled:text-brown-dark/50'>
<span class='mr-10 w-full' x-text='value'>
</span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-black hover:bg-neutral-80 active:bg-neutral-80 text-white outline-black overflow-clip w-full'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
x-on:liquid-ajax-cart:queue-end.document='loading=false;modal.showModal = false;'
><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform'>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-cloak x-show="!isAvailable">Bientôt disponible</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></button>
</div>
<a
class='relative flex text-12/narrow font-bold uppercase whitespace-nowrap after:absolute after:inset-x-0 after:bottom-0 after:h-1 after:bg-current after:origin-left after:transition-transform after:duration-500 hover:after:duration-200 ease-expo-out hover:after:scale-x-0 active:after:scale-x-0 w-fit mx-auto !font-normal !normal-case'
href='/products/tapisbayana-laine'
>Voir la fiche produit</a>
<input type="hidden" name="product-id" value="6606815559798" /><input type="hidden" name="section-id" value="template--23467447746885__slice_trends_carousel_hh3UKB" /></form>
</ajax-cart-product-form>
</div>
</div>
</div>
</div>
</div>
</template>
</div>
</div>
</div>
<a href='/products/tapisbayana-laine'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Tapis Bayana
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+3
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Blanc'
style='background-color: #f9f4f4'
data-value-init='#f9f4f4'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Marron'
style='background-color: #a77e48'
data-value-init='#a77e48'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Blanc'
style='background-color: #f9f4f4'
data-value-init='#f9f4f4'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Marron'
style='background-color: #a77e48'
data-value-init='#a77e48'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Blanc'
style='background-color: #f9f4f4'
data-value-init='#f9f4f4'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Marron'
style='background-color: #a77e48'
data-value-init='#a77e48'
>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span><span class="money">450€</span></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Laine et coton
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">450€</span></span>
</span>
</div>
</div>
</a>
</article>
</li><li class='h-auto lg-max:gutter-pl-1'>
<article
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false}'
class='group span-w-6-wider lg:span-w-5 lg-max:bg-cream lg-max:p-8 h-full lg:flex lg:flex-col lg:[&>div]:flex-1'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/heraphotophore-verre-recycle'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip lg:h-full'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=52&v=1772191481&width=48 48w,//caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=105&v=1772191481&width=96 96w,//caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=175&v=1772191481&width=160 160w,//caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=349&v=1772191481&width=320 320w,//caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=699&v=1772191481&width=640 640w' width='174' height='190'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=129&v=1772191481&width=96 96w,//caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=215&v=1772191481&width=160 160w,//caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=431&v=1772191481&width=320 320w,//caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=862&v=1772191481&width=640 640w,//caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=1293&v=1772191481&width=960 960w,//caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=1616&v=1772191481&width=1200 1200w,//caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=2586&v=1772191481&width=1920 1920w,//caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=3232&v=1772191481&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=435&v=1772191481&width=323" alt="Accumulation de Photophores en verre recyclé et laiton ciselé" srcset="//caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=435&v=1772191481&width=323 323w" width="323" height="435" loading="lazy" class="lg:h-full w-full" fetchpriority="auto">
</picture>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip lg:h-full'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/PHOTOPHORE_HERA_4.png?crop=center&height=52&v=1772201749&width=48 48w,//caravane.com/cdn/shop/files/PHOTOPHORE_HERA_4.png?crop=center&height=105&v=1772201749&width=96 96w,//caravane.com/cdn/shop/files/PHOTOPHORE_HERA_4.png?crop=center&height=175&v=1772201749&width=160 160w,//caravane.com/cdn/shop/files/PHOTOPHORE_HERA_4.png?crop=center&height=349&v=1772201749&width=320 320w,//caravane.com/cdn/shop/files/PHOTOPHORE_HERA_4.png?crop=center&height=699&v=1772201749&width=640 640w' width='174' height='190'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/PHOTOPHORE_HERA_4.png?crop=center&height=129&v=1772201749&width=96 96w,//caravane.com/cdn/shop/files/PHOTOPHORE_HERA_4.png?crop=center&height=215&v=1772201749&width=160 160w,//caravane.com/cdn/shop/files/PHOTOPHORE_HERA_4.png?crop=center&height=431&v=1772201749&width=320 320w,//caravane.com/cdn/shop/files/PHOTOPHORE_HERA_4.png?crop=center&height=862&v=1772201749&width=640 640w,//caravane.com/cdn/shop/files/PHOTOPHORE_HERA_4.png?crop=center&height=1293&v=1772201749&width=960 960w,//caravane.com/cdn/shop/files/PHOTOPHORE_HERA_4.png?crop=center&height=1616&v=1772201749&width=1200 1200w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/PHOTOPHORE_HERA_4.png?crop=center&height=435&v=1772201749&width=323" alt="Photophore Hera" srcset="//caravane.com/cdn/shop/files/PHOTOPHORE_HERA_4.png?crop=center&height=435&v=1772201749&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<div
x-data='modal({ shouldScrollLock: true })'
class=''
id=''
:id="$id('product-card-modal')"
>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full !text-left text-11 text-brown-dark !justify-between !normal-case px-10 !py-0'
type='button'
x-data
@click.passive='showModal = true'
>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</button>
<template x-teleport='body'>
<!-- Modal -->
<div
data-lenis-prevent
x-show='showModal'
class='fixed inset-0 isolate z-100'
role='dialog'
aria-modal='true'
:id="$id('modal')"
x-trap.inert='showModal'
@keydown.escape.window='close()'
>
<div
x-cloak
@click='close()'
x-show='showModal'
x-transition:enter='transition ease-out-expo duration-400'
x-transition:enter-start='opacity-0'
x-transition:enter-end='opacity-100'
x-transition:leave='transition ease-in-cubic duration-300'
x-transition:leave-start='opacity-100'
x-transition:leave-end='opacity-0'
class='fixed inset-0 z-0 bg-black/40 transition-opacity'
style='background-color: rgba(0, 0, 0, 0.4);'
aria-hidden='true'
></div>
<div
x-cloak
x-show='showModal'
x-transition:enter='transition-opacity ease-out-expo duration-400'
x-transition:enter-start='opacity-0'
x-transition:enter-end='opacity-100'
x-transition:leave='transition-opacity ease-in-cubic duration-300'
x-transition:leave-start='opacity-100'
x-transition:leave-end='opacity-0'
class='z-1 span-w-12 lg:span-w-24 mx-auto grid h-full place-content-center'
>
<button @click='close()' class='group fixed grid h-40 w-40 place-content-center margin-top-1 margin-right-1 hidden'>
<svg class='h-24 w-24 transition-transform duration-450 ease-expo-out group-hover:rotate-90 group-focus:rotate-90' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none'>
<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>
</button>
<div
x-data='productCardModal({ productId: 3825787502710, productHandle: "heraphotophore-verre-recycle", variantId: 29053685170294, isAvailable: true, variantQuantities: "29053685170294:74,29053685203062:138,53641713058117:395,53641713123653:145", price: 1200, compareAtPrice: 0 })'
class='relative z-1 flex max-h-screen flex-col overflow-y-auto bg-cream lg:flex-row lg:span-w-14'>
<picture class='block w-full lg:span-w-7 lg:aspect-[404/540] product-card-image' x-ref="productImage">
<source media='(min-width: 1024px)' sizes='28vw' srcset='//caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=128&v=1772191481&width=96 96w,//caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=214&v=1772191481&width=160 160w,//caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=428&v=1772191481&width=320 320w,//caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=855&v=1772191481&width=640 640w,//caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=1283&v=1772191481&width=960 960w,//caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=1604&v=1772191481&width=1200 1200w,//caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=2566&v=1772191481&width=1920 1920w,//caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=3208&v=1772191481&width=2400 2400w' width='404' height='540'>
<img src="//caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=540&v=1772191481&width=404" alt="Accumulation de Photophores en verre recyclé et laiton ciselé" srcset="//caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=470&v=1772191481&width=352 352w, //caravane.com/cdn/shop/files/MG_5525_d1f42aa4-ba07-4169-8f36-7643e92fcd8c.jpg?crop=center&height=540&v=1772191481&width=404 404w" width="404" height="540" loading="lazy" class="h-full object-cover w-full" fetchpriority="auto">
</picture>
<div class='flex flex-1 flex-col'>
<header class='absolute right-0 top-0 lg:relative'>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white ml-auto !bg-cream aspect-square hover:!text-black h-full w-56 border-l border-b border-stroke-light'
type='button'
x-data
@click.passive='modal.showModal = false'
>
<svg class='' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none'>
<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>
</button>
</header>
<div
class='my-auto flex flex-col items-start gap-y-24 p-24 text-left span-w-12 lg:span-w-7-wide'
>
<h3 class='font-serif text-35/none tracking-tighter'>Photophore Hera</h3>
<p class='tracking-none block text-14'>
<span x-ref='price' x-text="price">1200</span>
<span x-cloak x-show="compareAtPrice" x-ref='compareAtPrice' x-text="compareAtPrice" class="ml-4 line-through"></span>
</p>
<ajax-cart-product-form class="w-full">
<form method="post" action="/cart/add" id="product_form_3825787502710" accept-charset="UTF-8" class="relative flex w-full flex-col gap-y-24" enctype="multipart/form-data" x-ref="form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" :value="variantId">
<fieldset class='text-left'>
<legend class='mb-12 text-12 leading-tight tracking-normal text-brown-text'>
<span class="">Hauteur</span>
</legend>
<ul class='flex w-full flex-row flex-wrap gap-4 gap-y-8'>
<li>
<label
for='3825787502710-1-0'
class='relative block'
>
<input
id='3825787502710-1-0'
type='radio'
value='5.5 cm'
name='hauteur'
class='peer absolute inset-0 cursor-pointer appearance-none'
checked
x-init="formContent['hauteur'] = '5.5 cm'"
data-main-option-value="Ecume"
data-option-position="1"
x-model="formContent['hauteur']"
:checked="formContent['hauteur'] === '5.5 cm'"
>
<span
:class="{'peer-checked:border-brown-dark': formContent['hauteur'] === '5.5 cm', }"
class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1 peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light border-brown-dark/10'
><span class='mt-2 text-11 font-normal leading-none tracking-tight'>5.5 cm</span>
</span>
</label>
</li>
<li>
<label
for='3825787502710-1-1'
class='relative block'
>
<input
id='3825787502710-1-1'
type='radio'
value='7 cm'
name='hauteur'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-main-option-value="Ecume"
data-option-position="1"
x-model="formContent['hauteur']"
:checked="formContent['hauteur'] === '7 cm'"
>
<span
:class="{'peer-checked:border-brown-dark': formContent['hauteur'] === '7 cm', }"
class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1 peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light border-brown-dark/10'
><span class='mt-2 text-11 font-normal leading-none tracking-tight'>7 cm</span>
</span>
</label>
</li>
<li>
<label
for='3825787502710-1-2'
class='relative block'
>
<input
id='3825787502710-1-2'
type='radio'
value='9 cm'
name='hauteur'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-main-option-value="Ecume"
data-option-position="1"
x-model="formContent['hauteur']"
:checked="formContent['hauteur'] === '9 cm'"
>
<span
:class="{'peer-checked:border-brown-dark': formContent['hauteur'] === '9 cm', }"
class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1 peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light border-brown-dark/10'
><span class='mt-2 text-11 font-normal leading-none tracking-tight'>9 cm</span>
</span>
</label>
</li></ul>
</fieldset>
<fieldset class='relative text-left'>
<legend class='mb-12 text-12 leading-tight tracking-normal text-brown-text'>
<span class="">Couleur:</span>
<span class="text-brown-dark" x-text="formContent['couleur']"></span>
</legend>
<div class='relative flex flex-row flex-wrap items-center gap-12 lg:gap-8'>
<label
for='29053685170294-a3b6ab'
aria-label='Ecume'
class='color-dots-item relative block'
:class="{'hidden': 0 > 7 && !showMoreColors}"
title="Ecume"
>
<input
type='radio'
name='Couleur'
value='Ecume'
id='29053685170294-a3b6ab'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Ecume"
x-model="formContent['couleur']"
checked
x-init="formContent['couleur'] = 'Ecume'"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#a3b6ab') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #a3b6ab"></span>
</span>
</label>
<label
for='53641713058117'
aria-label='Transparent'
class='color-dots-item relative block'
:class="{'hidden': 1 > 7 && !showMoreColors}"
title="Transparent"
>
<input
type='radio'
name='Couleur'
value='Transparent'
id='53641713058117'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-color-value="Transparent"
x-model="formContent['couleur']"
>
<span
:class="{'after:!bg-brown-dark before:!bg-brown-dark': isLighterColor('#b3b3b1') }"
class='relative pointer-events-none relative z-1 block h-24 w-24 rounded-full leading-small tracking-tight peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark peer-checked:outline-1 peer-checked:outline-offset-2 peer-checked:outline-brown-dark'>
<span class="inline-block aspect-square h-24 w-24 rounded-full" style="background-color: #b3b3b1"></span>
</span>
</label>
</div>
</fieldset>
<div class="mt-10 flex w-full items-center gap-10">
<div
class='relative inline-block span-w-2-wide lg:span-w-1-wide lg:h-42 quantity-select'
x-data='{ value: "1", label: "" }'
x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
x-ref='select'
:id="$id('product-card-modal-quantity-select')"
:disabled="!isAvailable"
name='quantity'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0 quantity-select-select'
aria-label='Quantité'
value='1'
:value='value'
><option
value=''
disabled
>
Quantité
</option>
<option value="1" :disabled="1 > maxQuantity">1</option>
<option value="2" :disabled="2 > maxQuantity">2</option>
<option value="3" :disabled="3 > maxQuantity">3</option>
<option value="4" :disabled="4 > maxQuantity">4</option>
<option value="5" :disabled="5 > maxQuantity">5</option>
<option value="6" :disabled="6 > maxQuantity">6</option>
<option value="7" :disabled="7 > maxQuantity">7</option>
<option value="8" :disabled="8 > maxQuantity">8</option>
<option value="9" :disabled="9 > maxQuantity">9</option>
<option value="10" :disabled="10 > maxQuantity">10</option>
<option value="11" :disabled="11 > maxQuantity">11</option>
<option value="12" :disabled="12 > maxQuantity">12</option>
</select>
<span class='lg:h-42 pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black peer-disabled:text-brown-dark/50'>
<span class='mr-10 w-full' x-text='value'>
</span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-black hover:bg-neutral-80 active:bg-neutral-80 text-white outline-black overflow-clip w-full'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
x-on:liquid-ajax-cart:queue-end.document='loading=false;modal.showModal = false;'
><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform'>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-cloak x-show="!isAvailable">Bientôt disponible</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></button>
</div>
<a
class='relative flex text-12/narrow font-bold uppercase whitespace-nowrap after:absolute after:inset-x-0 after:bottom-0 after:h-1 after:bg-current after:origin-left after:transition-transform after:duration-500 hover:after:duration-200 ease-expo-out hover:after:scale-x-0 active:after:scale-x-0 w-fit mx-auto !font-normal !normal-case'
href='/products/heraphotophore-verre-recycle'
>Voir la fiche produit</a>
<input type="hidden" name="product-id" value="3825787502710" /><input type="hidden" name="section-id" value="template--23467447746885__slice_trends_carousel_hh3UKB" /></form>
</ajax-cart-product-form>
</div>
</div>
</div>
</div>
</div>
</template>
</div>
</div>
</div>
<a href='/products/heraphotophore-verre-recycle'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Photophore Hera
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+3
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #a3b6ab'
data-value='#a3b6ab'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<span
class='absolute inset-0 inline-block aspect-square rounded-full'
style='background-color: #a3b6ab'
data-value='#a3b6ab'
></span>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Gris'
style='background-color: #b3b3b1'
data-value-init='#b3b3b1'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Gris'
style='background-color: #b3b3b1'
data-value-init='#b3b3b1'
>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span><span class="money">12€</span></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Verre recyclé laiton ciselé
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">12€</span></span>
</span>
</div>
</div>
</a>
</article>
</li><li class='h-auto lg-max:gutter-pl-1'>
<article
@variant-picker-set-price='price = $event.detail'
@variant-picker-set-compare-at-price='compareAtPrice = $event.detail'
@variant-picker-set-image='$useUpdatePicture($refs.hoverPictureContainer, $event.detail)'
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false,price:17500,compareAtPrice:0,image:"//caravane.com/cdn/shop/files/7nGLHo7g.jpg?v=1727693763"}'
class='group span-w-6-wider lg:span-w-5 lg-max:bg-cream lg-max:p-8 h-full lg:flex lg:flex-col lg:[&>div]:flex-1'
>
<div
class='relative overflow-clip shrink-0'
><a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/miroir-en-bambou-aena-xl'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip lg:h-full'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_66.jpg?crop=center&height=52&v=1727693764&width=48 48w,//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_66.jpg?crop=center&height=105&v=1727693764&width=96 96w,//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_66.jpg?crop=center&height=175&v=1727693764&width=160 160w,//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_66.jpg?crop=center&height=349&v=1727693764&width=320 320w,//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_66.jpg?crop=center&height=699&v=1727693764&width=640 640w' width='174' height='190'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_66.jpg?crop=center&height=129&v=1727693764&width=96 96w,//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_66.jpg?crop=center&height=215&v=1727693764&width=160 160w,//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_66.jpg?crop=center&height=431&v=1727693764&width=320 320w,//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_66.jpg?crop=center&height=862&v=1727693764&width=640 640w,//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_66.jpg?crop=center&height=1293&v=1727693764&width=960 960w,//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_66.jpg?crop=center&height=1616&v=1727693764&width=1200 1200w,//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_66.jpg?crop=center&height=2586&v=1727693764&width=1920 1920w,//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_66.jpg?crop=center&height=3232&v=1727693764&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_66.jpg?crop=center&height=435&v=1727693764&width=323" alt="Miroir Aena XL" srcset="//caravane.com/cdn/shop/files/Caravane_CollectionVert2022_Nathalie_66.jpg?crop=center&height=435&v=1727693764&width=323 323w" width="323" height="435" loading="lazy" class="lg:h-full w-full" fetchpriority="auto">
</picture>
<div x-ref='hoverPictureContainer'>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip lg:h-full'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/7nGLHo7g.jpg?crop=center&height=52&v=1727693763&width=48 48w,//caravane.com/cdn/shop/files/7nGLHo7g.jpg?crop=center&height=105&v=1727693763&width=96 96w,//caravane.com/cdn/shop/files/7nGLHo7g.jpg?crop=center&height=175&v=1727693763&width=160 160w,//caravane.com/cdn/shop/files/7nGLHo7g.jpg?crop=center&height=349&v=1727693763&width=320 320w,//caravane.com/cdn/shop/files/7nGLHo7g.jpg?crop=center&height=699&v=1727693763&width=640 640w' width='174' height='190'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/7nGLHo7g.jpg?crop=center&height=129&v=1727693763&width=96 96w,//caravane.com/cdn/shop/files/7nGLHo7g.jpg?crop=center&height=215&v=1727693763&width=160 160w,//caravane.com/cdn/shop/files/7nGLHo7g.jpg?crop=center&height=431&v=1727693763&width=320 320w,//caravane.com/cdn/shop/files/7nGLHo7g.jpg?crop=center&height=862&v=1727693763&width=640 640w,//caravane.com/cdn/shop/files/7nGLHo7g.jpg?crop=center&height=1293&v=1727693763&width=960 960w,//caravane.com/cdn/shop/files/7nGLHo7g.jpg?crop=center&height=1616&v=1727693763&width=1200 1200w,//caravane.com/cdn/shop/files/7nGLHo7g.jpg?crop=center&height=2586&v=1727693763&width=1920 1920w,//caravane.com/cdn/shop/files/7nGLHo7g.jpg?crop=center&height=3232&v=1727693763&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/7nGLHo7g.jpg?crop=center&height=435&v=1727693763&width=323" alt="Miroir Aena XL" srcset="//caravane.com/cdn/shop/files/7nGLHo7g.jpg?crop=center&height=435&v=1727693763&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<div x-data='productCardVariantPicker({defaultVariantId: 39601374822518, variants: [{"id":39601374822518,"price":17500,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/7nGLHo7g.jpg?v=1727693763"},{"id":39601374855286,"price":26500,"comparePriceAt":0,"image":"//caravane.com/cdn/shop/files/G9pCg0Tg.jpg?v=1727693763"}]})' class='w-full bg-cream'>
<div class='border-b border-stroke-light/10 p-12'>
<fieldset class='option'>
<legend class='mb-8 text-11 leading-tight tracking-normal text-brown-text'>Dimensions</legend>
<ul class='flex gap-8 flex-row flex-wrap'>
<li>
<label
for='miroir-en-bambou-aena-xl-dimensions-d45-1775682058105979161'
class='!w-fit relative block'
>
<input
id='miroir-en-bambou-aena-xl-dimensions-d45-1775682058105979161'
type='radio'
value='39601374822518'
name='miroir-en-bambou-aena-xl-dimensions-d45'
class='peer absolute inset-0 cursor-pointer appearance-none'
checked
x-model='selectedVariantId'
>
<span
class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1 peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light'
><span class='mt-2 text-11 font-normal leading-none tracking-tight'>D45</span>
</span>
</label>
</li>
<li>
<label
for='miroir-en-bambou-aena-xl-dimensions-d60-1775682058105979161'
class='!w-fit relative block'
>
<input
id='miroir-en-bambou-aena-xl-dimensions-d60-1775682058105979161'
type='radio'
value='39601374855286'
name='miroir-en-bambou-aena-xl-dimensions-d60'
class='peer absolute inset-0 cursor-pointer appearance-none'
x-model='selectedVariantId'
>
<span
class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1 peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light'
><span class='mt-2 text-11 font-normal leading-none tracking-tight'>D60</span>
</span>
</label>
</li>
</ul>
</fieldset>
</div>
<div
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white overflow-clip w-full !text-left text-11 text-brown-dark !normal-case !p-0 cursor-pointer'
x-data
@click.passive='addToCart'
role='button'
tabindex='0'
><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout w-full'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform flex py-8 px-12 w-full flex-row !justify-between'>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></div>
</div>
</div>
</div>
<a href='/products/miroir-en-bambou-aena-xl'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Miroir Aena XL
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+2
<span
class='text-11/small text-brown-text'
x-cloak
x-show='shown === 1'
>tailles</span>
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Beige'
style='background-color: #EAD8AB'
data-value-init='#EAD8AB'
>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Beige'
style='background-color: #EAD8AB'
data-value-init='#EAD8AB'
>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span x-text='$useFormatPrice(price, "{{amount_no_decimals}}€")'></span>
<span
x-show='compareAtPrice && compareAtPrice > 0 && compareAtPrice > price'
x-cloak
x-text='$useFormatPrice(compareAtPrice, "{{amount_no_decimals}}€")'
class='ml-4 text-brown-text line-through'
></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Bambou
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">175€</span></span>
</span>
</div>
</div>
</a>
</article>
</li><li class='h-auto lg-max:gutter-pl-1'>
<article
@mouseenter.passive='isHovered = true'
@mouseleave.passive='isHovered = false'
x-data='{isHovered:false}'
class='group span-w-6-wider lg:span-w-5 lg-max:bg-cream lg-max:p-8 h-full lg:flex lg:flex-col lg:[&>div]:flex-1'
>
<div
class='relative overflow-clip shrink-0'
><div class='inline-block bg-white px-8 pb-7 pt-8 text-11 leading-none tracking-tight text-brown-dark absolute left-10 top-9 z-1'>
Nouveaux coloris
</div>
<a @focus.passive='isHovered = true' @blur.passive='isHovered = false' href='/products/parure-de-lit-paisley-lac'>
<div
class='relative flex h-full w-full !overflow-x-hidden scrollbar-hide lg-max:pointer-events-none [&>*]:w-full [&>*]:shrink-0'
>
<picture class='block user-select-none overflow-clip lg:h-full'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=52&v=1761645988&width=48 48w,//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=105&v=1761645988&width=96 96w,//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=175&v=1761645988&width=160 160w,//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=349&v=1761645988&width=320 320w,//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=699&v=1761645988&width=640 640w' width='174' height='190'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=129&v=1761645988&width=96 96w,//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=215&v=1761645988&width=160 160w,//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=431&v=1761645988&width=320 320w,//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=862&v=1761645988&width=640 640w,//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=1293&v=1761645988&width=960 960w,//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=1616&v=1761645988&width=1200 1200w,//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=2586&v=1761645988&width=1920 1920w,//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=3232&v=1761645988&width=2400 2400w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=435&v=1761645988&width=323" alt="Parure de lit Paisley - Lac" srcset="//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=435&v=1761645988&width=323 323w" width="323" height="435" loading="lazy" class="lg:h-full w-full" fetchpriority="auto">
</picture>
<picture class='block lg-max:hidden absolute inset-0 transition-opacity ease-expo-out user-select-none overflow-clip lg:h-full'
:class="{'lg:opacity-0 lg:duration-1000': !isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-200': isHovered && !$store.global.plpShowLifestyleView,'lg:opacity-100 lg:duration-1000': !isHovered && $store.global.plpShowLifestyleView,'lg:opacity-0 lg:duration-200': isHovered && $store.global.plpShowLifestyleView}"
><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-002_BD.jpg?crop=center&height=52&v=1761645988&width=48 48w,//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-002_BD.jpg?crop=center&height=105&v=1761645988&width=96 96w,//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-002_BD.jpg?crop=center&height=175&v=1761645988&width=160 160w,//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-002_BD.jpg?crop=center&height=349&v=1761645988&width=320 320w,//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-002_BD.jpg?crop=center&height=699&v=1761645988&width=640 640w' width='174' height='190'>
<source media='(min-width: 1024px)' sizes='22vw' srcset='//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-002_BD.jpg?crop=center&height=129&v=1761645988&width=96 96w,//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-002_BD.jpg?crop=center&height=215&v=1761645988&width=160 160w,//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-002_BD.jpg?crop=center&height=431&v=1761645988&width=320 320w,//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-002_BD.jpg?crop=center&height=862&v=1761645988&width=640 640w' width='323' height='435'>
<img src="//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-002_BD.jpg?crop=center&height=435&v=1761645988&width=323" alt="Parure de lit Paisley - Lac" srcset="//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-002_BD.jpg?crop=center&height=435&v=1761645988&width=323 323w" width="323" height="435" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div></a>
<div
class='absolute bottom-10 left-10 right-10 z-2 lg-max:invisible transform-gpu'
x-cloak
x-show="isHovered"
x-transition:enter="transition-transform duration-200 ease-expo-out"
x-transition:enter-start="translate-y-[calc(100%+15px)]"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition-transform duration-400 ease-quart-inout"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-[calc(100%+15px)]"
>
<div
x-data='modal({ shouldScrollLock: true })'
class=''
id=''
:id="$id('product-card-modal')"
>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full !text-left text-11 text-brown-dark !justify-between !normal-case px-10 !py-0'
type='button'
x-data
@click.passive='showModal = true'
>
<span>Ajouter au panier</span>
<span><svg class='w-16 h-16' width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9619 4.75C9.84137 4.75 8.85772 5.49555 8.5549 6.57436L7.8787 8.98333H7.0448C5.75949 8.98333 4.80785 10.1783 5.09555 11.431L6.53478 17.6977C6.74342 18.6061 7.55194 19.25 8.48404 19.25L15.5161 19.25C16.4482 19.25 17.2567 18.6061 17.4654 17.6977L18.9046 11.431C19.1923 10.1783 18.2406 8.98333 16.9553 8.98333H16.122L15.4458 6.57436C15.143 5.49555 14.1594 4.75 13.0389 4.75H10.9619ZM15.0834 8.98333L14.483 6.84462C14.3013 6.19733 13.7112 5.75 13.0389 5.75H10.9619C10.2896 5.75 9.69938 6.19733 9.51769 6.84462L8.91735 8.98333L15.0834 8.98333ZM15.5161 18.25L8.48404 18.25C8.01799 18.25 7.61373 17.9281 7.50941 17.4738L6.07018 11.2072C5.92633 10.5808 6.40215 9.98333 7.0448 9.98333L16.9553 9.98333C17.598 9.98333 18.0738 10.5808 17.93 11.2072L16.4907 17.4738C16.3864 17.9281 15.9822 18.25 15.5161 18.25Z" fill="currentColor"/>
</svg>
</span>
</button>
<template x-teleport='body'>
<!-- Modal -->
<div
data-lenis-prevent
x-show='showModal'
class='fixed inset-0 isolate z-100'
role='dialog'
aria-modal='true'
:id="$id('modal')"
x-trap.inert='showModal'
@keydown.escape.window='close()'
>
<div
x-cloak
@click='close()'
x-show='showModal'
x-transition:enter='transition ease-out-expo duration-400'
x-transition:enter-start='opacity-0'
x-transition:enter-end='opacity-100'
x-transition:leave='transition ease-in-cubic duration-300'
x-transition:leave-start='opacity-100'
x-transition:leave-end='opacity-0'
class='fixed inset-0 z-0 bg-black/40 transition-opacity'
style='background-color: rgba(0, 0, 0, 0.4);'
aria-hidden='true'
></div>
<div
x-cloak
x-show='showModal'
x-transition:enter='transition-opacity ease-out-expo duration-400'
x-transition:enter-start='opacity-0'
x-transition:enter-end='opacity-100'
x-transition:leave='transition-opacity ease-in-cubic duration-300'
x-transition:leave-start='opacity-100'
x-transition:leave-end='opacity-0'
class='z-1 span-w-12 lg:span-w-24 mx-auto grid h-full place-content-center'
>
<button @click='close()' class='group fixed grid h-40 w-40 place-content-center margin-top-1 margin-right-1 hidden'>
<svg class='h-24 w-24 transition-transform duration-450 ease-expo-out group-hover:rotate-90 group-focus:rotate-90' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none'>
<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>
</button>
<div
x-data='productCardModal({ productId: 15364884791621, productHandle: "parure-de-lit-paisley-lac", variantId: 55940732223813, isAvailable: true, variantQuantities: "55940732223813:9,55940732256581:9,55940732289349:31,55940732322117:18,55940732354885:3,55940732387653:3", price: 23500, compareAtPrice: 0 })'
class='relative z-1 flex max-h-screen flex-col overflow-y-auto bg-cream lg:flex-row lg:span-w-14'>
<picture class='block w-full lg:span-w-7 lg:aspect-[404/540] product-card-image' x-ref="productImage">
<source media='(min-width: 1024px)' sizes='28vw' srcset='//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=128&v=1761645988&width=96 96w,//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=214&v=1761645988&width=160 160w,//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=428&v=1761645988&width=320 320w,//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=855&v=1761645988&width=640 640w,//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=1283&v=1761645988&width=960 960w,//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=1604&v=1761645988&width=1200 1200w,//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=2566&v=1761645988&width=1920 1920w,//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=3208&v=1761645988&width=2400 2400w' width='404' height='540'>
<img src="//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=540&v=1761645988&width=404" alt="Parure de lit Paisley - Lac" srcset="//caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=470&v=1761645988&width=352 352w, //caravane.com/cdn/shop/files/CRVN_20251002_SHOWROOM-001_HD.jpg?crop=center&height=540&v=1761645988&width=404 404w" width="404" height="540" loading="lazy" class="h-full object-cover w-full" fetchpriority="auto">
</picture>
<div class='flex flex-1 flex-col'>
<header class='absolute right-0 top-0 lg:relative'>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white ml-auto !bg-cream aspect-square hover:!text-black h-full w-56 border-l border-b border-stroke-light'
type='button'
x-data
@click.passive='modal.showModal = false'
>
<svg class='' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none'>
<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>
</button>
</header>
<div
class='my-auto flex flex-col items-start gap-y-24 p-24 text-left span-w-12 lg:span-w-7-wide'
>
<h3 class='font-serif text-35/none tracking-tighter'>Parure de lit Paisley - Lac</h3>
<p class='tracking-none block text-14'>
<span x-ref='price' x-text="price">23500</span>
<span x-cloak x-show="compareAtPrice" x-ref='compareAtPrice' x-text="compareAtPrice" class="ml-4 line-through"></span>
</p>
<ajax-cart-product-form class="w-full">
<form method="post" action="/cart/add" id="product_form_15364884791621" accept-charset="UTF-8" class="relative flex w-full flex-col gap-y-24" enctype="multipart/form-data" x-ref="form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" :value="variantId">
<fieldset class='text-left'>
<legend class='mb-12 text-12 leading-tight tracking-normal text-brown-text'>
<span class="">Housse de couette Paisley bio (Dimensions)</span>
</legend>
<ul class='flex w-full flex-row flex-wrap gap-4 gap-y-8'>
<li>
<label
for='15364884791621-1-0'
class='relative block'
>
<input
id='15364884791621-1-0'
type='radio'
value='140x200 cm'
name='housse-de-couette-paisley-bio-dimensions'
class='peer absolute inset-0 cursor-pointer appearance-none'
checked
x-init="formContent['housse-de-couette-paisley-bio-dimensions'] = '140x200 cm'"
x-model="formContent['housse-de-couette-paisley-bio-dimensions']"
:checked="formContent['housse-de-couette-paisley-bio-dimensions'] === '140x200 cm'"
>
<span
:class="{'peer-checked:border-brown-dark': formContent['housse-de-couette-paisley-bio-dimensions'] === '140x200 cm', }"
class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1 peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light border-brown-dark/10'
><span class='mt-2 text-11 font-normal leading-none tracking-tight'>140x200 cm</span>
</span>
</label>
</li>
<li>
<label
for='15364884791621-1-1'
class='relative block'
>
<input
id='15364884791621-1-1'
type='radio'
value='220x240 cm'
name='housse-de-couette-paisley-bio-dimensions'
class='peer absolute inset-0 cursor-pointer appearance-none'
x-model="formContent['housse-de-couette-paisley-bio-dimensions']"
:checked="formContent['housse-de-couette-paisley-bio-dimensions'] === '220x240 cm'"
>
<span
:class="{'peer-checked:border-brown-dark': formContent['housse-de-couette-paisley-bio-dimensions'] === '220x240 cm', }"
class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1 peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light border-brown-dark/10'
><span class='mt-2 text-11 font-normal leading-none tracking-tight'>220x240 cm</span>
</span>
</label>
</li>
<li>
<label
for='15364884791621-1-2'
class='relative block'
>
<input
id='15364884791621-1-2'
type='radio'
value='240x260 cm'
name='housse-de-couette-paisley-bio-dimensions'
class='peer absolute inset-0 cursor-pointer appearance-none'
x-model="formContent['housse-de-couette-paisley-bio-dimensions']"
:checked="formContent['housse-de-couette-paisley-bio-dimensions'] === '240x260 cm'"
>
<span
:class="{'peer-checked:border-brown-dark': formContent['housse-de-couette-paisley-bio-dimensions'] === '240x260 cm', }"
class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1 peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light border-brown-dark/10'
><span class='mt-2 text-11 font-normal leading-none tracking-tight'>240x260 cm</span>
</span>
</label>
</li></ul>
</fieldset>
<fieldset class='text-left'>
<legend class='mb-12 text-12 leading-tight tracking-normal text-brown-text'>
<span class="">Set de 2 taies d'oreiller Paisley (Taille)</span>
</legend>
<ul class='flex w-full flex-row flex-wrap gap-4 gap-y-8'>
<li>
<label
for='15364884791621-2-0'
class='relative block'
>
<input
id='15364884791621-2-0'
type='radio'
value='50X70'
name='set-de-2-taies-doreiller-paisley-taille'
class='peer absolute inset-0 cursor-pointer appearance-none'
checked
x-init="formContent['set-de-2-taies-doreiller-paisley-taille'] = '50X70'"
data-main-option-value="140x200 cm"
data-option-position="2"
x-model="formContent['set-de-2-taies-doreiller-paisley-taille']"
:checked="formContent['set-de-2-taies-doreiller-paisley-taille'] === '50X70'"
>
<span
:class="{'peer-checked:border-brown-dark': formContent['set-de-2-taies-doreiller-paisley-taille'] === '50X70', }"
class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1 peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light border-brown-dark/10'
><span class='mt-2 text-11 font-normal leading-none tracking-tight'>50X70</span>
</span>
</label>
</li>
<li>
<label
for='15364884791621-2-1'
class='relative block'
>
<input
id='15364884791621-2-1'
type='radio'
value='65X65'
name='set-de-2-taies-doreiller-paisley-taille'
class='peer absolute inset-0 cursor-pointer appearance-none'
data-main-option-value="140x200 cm"
data-option-position="2"
x-model="formContent['set-de-2-taies-doreiller-paisley-taille']"
:checked="formContent['set-de-2-taies-doreiller-paisley-taille'] === '65X65'"
>
<span
:class="{'peer-checked:border-brown-dark': formContent['set-de-2-taies-doreiller-paisley-taille'] === '65X65', }"
class='relative z-1 peer-checked:[&_svg]:block flex flex-row items-center gap-4 h-24 px-12 whitespace-nowrap text-brown-dark border rounded-full hover:border-brown-dark transition-colors border-stroke-light pointer-events-none peer-checked:border-brown-dark peer-focus-visible:border-brown-dark peer-focus-visible:outline peer-focus-visible:outline-brown-dark peer-focus-visible:outline-offset-1 peer-disabled:cursor-default peer-disabled:opacity-80 peer-disabled:pointer-events-none peer-disabled:line-through peer-disabled:text-brown-light peer-disabled:border-stroke-light border-brown-dark/10'
><span class='mt-2 text-11 font-normal leading-none tracking-tight'>65X65</span>
</span>
</label>
</li></ul>
</fieldset>
<div class="mt-10 flex w-full items-center gap-10">
<div
class='relative inline-block span-w-2-wide lg:span-w-1-wide lg:h-42 quantity-select'
x-data='{ value: "1", label: "" }'
x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
x-ref='select'
:id="$id('product-card-modal-quantity-select')"
:disabled="!isAvailable"
name='quantity'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0 quantity-select-select'
aria-label='Quantité'
value='1'
:value='value'
><option
value=''
disabled
>
Quantité
</option>
<option value="1" :disabled="1 > maxQuantity">1</option>
<option value="2" :disabled="2 > maxQuantity">2</option>
<option value="3" :disabled="3 > maxQuantity">3</option>
<option value="4" :disabled="4 > maxQuantity">4</option>
<option value="5" :disabled="5 > maxQuantity">5</option>
<option value="6" :disabled="6 > maxQuantity">6</option>
<option value="7" :disabled="7 > maxQuantity">7</option>
<option value="8" :disabled="8 > maxQuantity">8</option>
<option value="9" :disabled="9 > maxQuantity">9</option>
<option value="10" :disabled="10 > maxQuantity">10</option>
<option value="11" :disabled="11 > maxQuantity">11</option>
<option value="12" :disabled="12 > maxQuantity">12</option>
</select>
<span class='lg:h-42 pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black peer-disabled:text-brown-dark/50'>
<span class='mr-10 w-full' x-text='value'>
</span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-black hover:bg-neutral-80 active:bg-neutral-80 text-white outline-black overflow-clip w-full'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
x-on:liquid-ajax-cart:queue-end.document='loading=false;modal.showModal = false;'
><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform'>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-cloak x-show="!isAvailable">Bientôt disponible</span>
</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></button>
</div>
<a
class='relative flex text-12/narrow font-bold uppercase whitespace-nowrap after:absolute after:inset-x-0 after:bottom-0 after:h-1 after:bg-current after:origin-left after:transition-transform after:duration-500 hover:after:duration-200 ease-expo-out hover:after:scale-x-0 active:after:scale-x-0 w-fit mx-auto !font-normal !normal-case'
href='/products/parure-de-lit-paisley-lac'
>Voir la fiche produit</a>
<input type="hidden" name="product-id" value="15364884791621" /><input type="hidden" name="section-id" value="template--23467447746885__slice_trends_carousel_hh3UKB" /></form>
</ajax-cart-product-form>
</div>
</div>
</div>
</div>
</div>
</template>
</div>
</div>
</div>
<a href='/products/parure-de-lit-paisley-lac'><div class='flex flex-col gap-2 pt-8 lg:pt-10 lg-max:gap-4'>
<div class='flex justify-between flex-row items-center gutter-gap-1'>
<div class='inline-flex flex-row flex-wrap items-center gap-x-8'><h2 class='inline-block font-serif text-15/slim tracking-tight text-brown-dark'>
Parure de lit Paisley - Lac
</h2>
<div
x-data='colorIndicators'
class='inline-flex flex-row items-center gap-0 inline-flex'
>
<p class='mr-6 text-11/small text-brown-text'>
+3
<span
class='text-11/small text-brown-text'
x-cloak
x-show='shown === 1'
>tailles</span>
</p>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=48&v=1760430532&width=48 48w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=96&v=1760430532&width=96 96w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=160&v=1760430532&width=160 160w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=320&v=1760430532&width=320 320w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=640&v=1760430532&width=640 640w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=96&v=1760430532&width=96 96w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=160&v=1760430532&width=160 160w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=320&v=1760430532&width=320 320w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=640&v=1760430532&width=640 640w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=12&v=1760430532&width=12" alt="" srcset="//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=12&v=1760430532&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=48&v=1760430532&width=48 48w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=96&v=1760430532&width=96 96w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=160&v=1760430532&width=160 160w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=320&v=1760430532&width=320 320w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=640&v=1760430532&width=640 640w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=96&v=1760430532&width=96 96w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=160&v=1760430532&width=160 160w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=320&v=1760430532&width=320 320w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=640&v=1760430532&width=640 640w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=12&v=1760430532&width=12" alt="" srcset="//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=12&v=1760430532&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=48&v=1760430532&width=48 48w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=96&v=1760430532&width=96 96w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=160&v=1760430532&width=160 160w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=320&v=1760430532&width=320 320w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=640&v=1760430532&width=640 640w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=96&v=1760430532&width=96 96w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=160&v=1760430532&width=160 160w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=320&v=1760430532&width=320 320w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=640&v=1760430532&width=640 640w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=12&v=1760430532&width=12" alt="" srcset="//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=12&v=1760430532&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=48&v=1760430532&width=48 48w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=96&v=1760430532&width=96 96w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=160&v=1760430532&width=160 160w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=320&v=1760430532&width=320 320w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=640&v=1760430532&width=640 640w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=96&v=1760430532&width=96 96w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=160&v=1760430532&width=160 160w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=320&v=1760430532&width=320 320w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=640&v=1760430532&width=640 640w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=12&v=1760430532&width=12" alt="" srcset="//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=12&v=1760430532&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=48&v=1760430532&width=48 48w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=96&v=1760430532&width=96 96w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=160&v=1760430532&width=160 160w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=320&v=1760430532&width=320 320w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=640&v=1760430532&width=640 640w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=96&v=1760430532&width=96 96w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=160&v=1760430532&width=160 160w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=320&v=1760430532&width=320 320w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=640&v=1760430532&width=640 640w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=12&v=1760430532&width=12" alt="" srcset="//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=12&v=1760430532&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
<span
class='color-dot-indicator relative -ml-4 hidden h-12 w-12 rounded-full border-2 border-cream'
aria-label='Bleu'
style='background-color: #0824A0'
data-value-init='#0824A0'
>
<picture class='block absolute top-0 left-0 w-full h-full' data-value='files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg'><source media='(max-width: 1023px)' sizes='3vw' srcset='//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=48&v=1760430532&width=48 48w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=96&v=1760430532&width=96 96w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=160&v=1760430532&width=160 160w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=320&v=1760430532&width=320 320w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=640&v=1760430532&width=640 640w' width='12' height='12'>
<source media='(min-width: 1024px)' sizes='0vw' srcset='//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=96&v=1760430532&width=96 96w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=160&v=1760430532&width=160 160w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=320&v=1760430532&width=320 320w,//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=640&v=1760430532&width=640 640w' width='12' height='12'>
<img src="//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=12&v=1760430532&width=12" alt="" srcset="//caravane.com/cdn/shop/files/Shoot41_012_e9c53cec-b7e9-4220-9413-dd2ed285d7ad.jpg?crop=center&height=12&v=1760430532&width=12 12w" width="12" height="12" loading="lazy" class="rounded-full object-cover h-full w-full w-full" fetchpriority="auto">
</picture>
</span>
</div>
</div>
<div
class='text-right text-13/small [&>span]:leading-small text-brown-dark lg-max:hidden self-start'
>
<span class='inline-flex flex-row items-center'>
<span><span class="money">235€</span></span>
</span>
</div>
</div><p class='text-13 leading-small tracking-tight text-brown-text'>
Housse de couette & taies d'oreiller
</p><div class='pt-4 text-13/small text-brown-dark [&>span]:inline-block [&>span]:h-13 lg:hidden'>
<span>
<span><span class="money">235€</span></span>
</span>
</div>
</div>
</a>
</article>
</li>
</ul>
<nav
class='flex items-center gutter-gap-1 lg:gap-10 lg-max:hidden absolute bottom-24 right-24 text-brown-dark'
:class="{ 'hidden': !enabled }"
>
<button
x-ref='prevButton'
@click.passive='handlePrev'
class='slideshow-prev grid place-content-center span-w-1 disabled:text-grey lg:w-20 lg:h-20'
aria-label='Page précédente'
type='button'
>
<svg class='' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewbox='0 0 18 18' fill='none'>
<path d="M13.148 0L14.4297 1.32308L6.99303 9L14.4297 16.6769L13.148 18L4.42969 9L13.148 0Z" fill="currentColor"/>
</svg>
</button>
<button
x-ref='nextButton'
@click.passive='handleNext'
class='slideshow-next grid place-content-center span-w-1 disabled:text-grey lg:w-20 lg:h-20'
aria-label='Page suivante'
type='button'
>
<svg class='' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewbox='0 0 18 18' fill='none'>
<path d="M5.71136 18L4.42969 16.6769L11.8663 9L4.42969 1.32308L5.71136 0L14.4297 9L5.71136 18Z" fill="currentColor"/>
</svg>
</button>
</nav>
</div>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-100 after:origin-left after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-0 hover:after:duration-300 hover:after:origin-right lg-max:hidden !text-brown-dark'
href='/collections/best-sellers'
>voir tout</a>
</div>
</div>
</div>
</div><div id="shopify-section-template--23467447746885__slice_shop_the_room_Kzgn6n" class="shopify-section relative isolate z-0 overflow-x-clip bg-cream text-brown-dark"><div class='grid-container relative mb-48 mt-24 lg:mt-48 lg-max:min-h-screen'>
<div class='flex flex-row items-end justify-between gutter-gap-1 lg:border-t lg:border-stroke-light lg:pt-24'>
<h2 class='font-serif text-32 leading-none span-w-8 lg:text-72 lg:span-w-12'>Shop the Look</h2>
<a
class='relative flex text-12/narrow font-bold uppercase whitespace-nowrap after:absolute after:inset-x-0 after:bottom-0 after:h-1 after:bg-current after:origin-left after:transition-transform after:duration-500 hover:after:duration-200 ease-expo-out hover:after:scale-x-0 active:after:scale-x-0 mt-6'
href='/pages/shop-the-look'
>voir tous nos Shop the look</a>
</div>
<div class='mt-24 grid gutter-gap-1 lg-max:gap-y-24 grid-cols-2 lg:grid-cols-[1fr_auto]'>
<article
x-data='{ isOpen: false, wasOpen: false }'
x-effect='if(isOpen){wasOpen=true}; if(!isOpen){setTimeout(()=>{wasOpen=false},700)}'
class='relative group span-w-12 lg:span-w-15 h-fit lg-max:col-span-2'
>
<button
type='button'
@click='isOpen=true'
class='flex flex-col outline-offset-2 outline-black focus-visible:outline-2'
>
<div class='relative flex-shrink-0 overflow-clip'>
<picture class='block user-select-none overflow-clip'><source media='(max-width: 1023px)' sizes='94vw' srcset='//caravane.com/cdn/shop/collections/MG_8772_b3850096-972b-4e96-85ed-060a9d4324d6.jpg?crop=center&height=64&v=1727706950&width=48 48w,//caravane.com/cdn/shop/collections/MG_8772_b3850096-972b-4e96-85ed-060a9d4324d6.jpg?crop=center&height=128&v=1727706950&width=96 96w,//caravane.com/cdn/shop/collections/MG_8772_b3850096-972b-4e96-85ed-060a9d4324d6.jpg?crop=center&height=213&v=1727706950&width=160 160w,//caravane.com/cdn/shop/collections/MG_8772_b3850096-972b-4e96-85ed-060a9d4324d6.jpg?crop=center&height=425&v=1727706950&width=320 320w,//caravane.com/cdn/shop/collections/MG_8772_b3850096-972b-4e96-85ed-060a9d4324d6.jpg?crop=center&height=851&v=1727706950&width=640 640w' width='355' height='472'>
<source media='(min-width: 1024px)' sizes='60vw' srcset='//caravane.com/cdn/shop/collections/MG_8772_b3850096-972b-4e96-85ed-060a9d4324d6.jpg?crop=center&height=92&v=1727706950&width=96 96w,//caravane.com/cdn/shop/collections/MG_8772_b3850096-972b-4e96-85ed-060a9d4324d6.jpg?crop=center&height=154&v=1727706950&width=160 160w,//caravane.com/cdn/shop/collections/MG_8772_b3850096-972b-4e96-85ed-060a9d4324d6.jpg?crop=center&height=307&v=1727706950&width=320 320w,//caravane.com/cdn/shop/collections/MG_8772_b3850096-972b-4e96-85ed-060a9d4324d6.jpg?crop=center&height=614&v=1727706950&width=640 640w,//caravane.com/cdn/shop/collections/MG_8772_b3850096-972b-4e96-85ed-060a9d4324d6.jpg?crop=center&height=921&v=1727706950&width=960 960w,//caravane.com/cdn/shop/collections/MG_8772_b3850096-972b-4e96-85ed-060a9d4324d6.jpg?crop=center&height=1152&v=1727706950&width=1200 1200w' width='868' height='833'>
<img src="//caravane.com/cdn/shop/collections/MG_8772_b3850096-972b-4e96-85ed-060a9d4324d6.jpg?crop=center&height=833&v=1727706950&width=868" alt="Salon tabac" srcset="//caravane.com/cdn/shop/collections/MG_8772_b3850096-972b-4e96-85ed-060a9d4324d6.jpg?crop=center&height=337&v=1727706950&width=352 352w, //caravane.com/cdn/shop/collections/MG_8772_b3850096-972b-4e96-85ed-060a9d4324d6.jpg?crop=center&height=798&v=1727706950&width=832 832w, //caravane.com/cdn/shop/collections/MG_8772_b3850096-972b-4e96-85ed-060a9d4324d6.jpg?crop=center&height=833&v=1727706950&width=868 868w" width="868" height="833" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
<div
class='bg-cream absolute pt-8 lg:p-8 lg:pl-16 lg:bottom-10 lg:left-10 lg:right-10 z-2 flex flex-row justify-between items-center gutter-gap-1 lg-max:w-fit lg:opacity-0 lg:pointer-events-none lg:translate-y-100 lg:transform-gpu lg:transition-[transform,opacity] lg:duration-400 lg:ease-quart-inout lg:will-change-[transform,opacity] lg:group-hover:ease-expo-out lg:group-hover:opacity-100 lg:group-hover:pointer-events-auto lg:group-hover:duration-200 lg:group-hover:translate-y-0 lg:group-has-[:focus-visible]:opacity-100 lg:group-has-[:focus-visible]:pointer-events-auto lg:group-has-[:focus-visible]:translate-y-0'
:class="{'lg:!translate-y-0 lg:!opacity-100 lg:!pointer-events-auto': isOpen, 'lg:!duration-700': wasOpen }"
>
<div
class='relative flex text-12/narrow font-bold uppercase whitespace-nowrap after:absolute after:inset-x-0 after:bottom-0 after:h-1 after:bg-current after:origin-left after:transition-transform after:duration-500 hover:after:duration-200 ease-expo-out hover:after:scale-x-0 active:after:scale-x-0 lg-max:hidden outline-offset-2 outline-black focus-visible:outline-2'
role='button'
tabindex='0'
>Acheter le look</div>
<ul class='-ml-8 flex flex-row items-center justify-between gap-8 lg-max:hidden'>
<li class='flex flex-row items-center justify-between'>
<div
class='flex h-60 w-60 flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out hover:border-brown-dark'
>
<picture class='block w-full h-full'>
<source media='(min-width: 1024px)' sizes='4vw' srcset='//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?crop=center&height=96&v=1767968831&width=96 96w,//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?crop=center&height=160&v=1767968831&width=160 160w,//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?crop=center&height=320&v=1767968831&width=320 320w,//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?crop=center&height=640&v=1767968831&width=640 640w,//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?crop=center&height=960&v=1767968831&width=960 960w,//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?crop=center&height=1200&v=1767968831&width=1200 1200w' width='60' height='60'>
<img src="//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?crop=center&height=60&v=1767968831&width=60" alt="Canapé Limalaya" srcset="//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?crop=center&height=60&v=1767968831&width=60 60w" width="60" height="60" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
</div>
</li>
<li class='flex flex-row items-center justify-between'>
<div
class='flex h-60 w-60 flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out hover:border-brown-dark'
>
<picture class='block w-full h-full'>
<source media='(min-width: 1024px)' sizes='4vw' srcset='//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=96&v=1770652033&width=96 96w,//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=160&v=1770652033&width=160 160w,//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=320&v=1770652033&width=320 320w,//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=640&v=1770652033&width=640 640w,//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=960&v=1770652033&width=960 960w,//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=1200&v=1770652033&width=1200 1200w,//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=1920&v=1770652033&width=1920 1920w' width='60' height='60'>
<img src="//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=60&v=1770652033&width=60" alt="Lampadaire Bell" srcset="//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=60&v=1770652033&width=60 60w" width="60" height="60" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
</div>
</li>
<li class='flex flex-row items-center justify-between'>
<div
class='flex h-60 w-60 flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out hover:border-brown-dark'
>
<picture class='block w-full h-full'>
<source media='(min-width: 1024px)' sizes='4vw' srcset='//caravane.com/cdn/shop/files/COUSSINLUNIOLIVE_07f62712-b1de-430b-9941-7ae181da5665.png?crop=center&height=96&v=1771317279&width=96 96w,//caravane.com/cdn/shop/files/COUSSINLUNIOLIVE_07f62712-b1de-430b-9941-7ae181da5665.png?crop=center&height=160&v=1771317279&width=160 160w,//caravane.com/cdn/shop/files/COUSSINLUNIOLIVE_07f62712-b1de-430b-9941-7ae181da5665.png?crop=center&height=320&v=1771317279&width=320 320w,//caravane.com/cdn/shop/files/COUSSINLUNIOLIVE_07f62712-b1de-430b-9941-7ae181da5665.png?crop=center&height=640&v=1771317279&width=640 640w,//caravane.com/cdn/shop/files/COUSSINLUNIOLIVE_07f62712-b1de-430b-9941-7ae181da5665.png?crop=center&height=960&v=1771317279&width=960 960w,//caravane.com/cdn/shop/files/COUSSINLUNIOLIVE_07f62712-b1de-430b-9941-7ae181da5665.png?crop=center&height=1200&v=1771317279&width=1200 1200w,//caravane.com/cdn/shop/files/COUSSINLUNIOLIVE_07f62712-b1de-430b-9941-7ae181da5665.png?crop=center&height=1920&v=1771317279&width=1920 1920w' width='60' height='60'>
<img src="//caravane.com/cdn/shop/files/COUSSINLUNIOLIVE_07f62712-b1de-430b-9941-7ae181da5665.png?crop=center&height=60&v=1771317279&width=60" alt="Housse de coussin Luni en lin fabriquée en France couleur olive" srcset="//caravane.com/cdn/shop/files/COUSSINLUNIOLIVE_07f62712-b1de-430b-9941-7ae181da5665.png?crop=center&height=60&v=1771317279&width=60 60w" width="60" height="60" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
</div>
</li>
<li class='flex flex-row items-center justify-between'>
<div
class='flex h-60 w-60 flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out hover:border-brown-dark'
>
<picture class='block w-full h-full'>
<source media='(min-width: 1024px)' sizes='4vw' srcset='//caravane.com/cdn/shop/files/19KXj9pw.jpg?crop=center&height=96&v=1770722668&width=96 96w,//caravane.com/cdn/shop/files/19KXj9pw.jpg?crop=center&height=160&v=1770722668&width=160 160w,//caravane.com/cdn/shop/files/19KXj9pw.jpg?crop=center&height=320&v=1770722668&width=320 320w,//caravane.com/cdn/shop/files/19KXj9pw.jpg?crop=center&height=640&v=1770722668&width=640 640w,//caravane.com/cdn/shop/files/19KXj9pw.jpg?crop=center&height=960&v=1770722668&width=960 960w,//caravane.com/cdn/shop/files/19KXj9pw.jpg?crop=center&height=1200&v=1770722668&width=1200 1200w,//caravane.com/cdn/shop/files/19KXj9pw.jpg?crop=center&height=1920&v=1770722668&width=1920 1920w,//caravane.com/cdn/shop/files/19KXj9pw.jpg?crop=center&height=2400&v=1770722668&width=2400 2400w' width='60' height='60'>
<img src="//caravane.com/cdn/shop/files/19KXj9pw.jpg?crop=center&height=60&v=1770722668&width=60" alt="Set de 3 bougeoirs Jya" srcset="//caravane.com/cdn/shop/files/19KXj9pw.jpg?crop=center&height=60&v=1770722668&width=60 60w" width="60" height="60" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
</div>
</li>
<li class='flex flex-row items-center justify-between'>
<div
class='flex h-60 w-60 flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out hover:border-brown-dark'
>
<picture class='block w-full h-full'>
<source media='(min-width: 1024px)' sizes='4vw' srcset='//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=96&v=1772728364&width=96 96w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=160&v=1772728364&width=160 160w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=320&v=1772728364&width=320 320w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=640&v=1772728364&width=640 640w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=960&v=1772728364&width=960 960w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=1200&v=1772728364&width=1200 1200w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=1920&v=1772728364&width=1920 1920w' width='60' height='60'>
<img src="//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=60&v=1772728364&width=60" alt="Suspension Bell noir" srcset="//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=60&v=1772728364&width=60 60w" width="60" height="60" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
</div>
</li>
<li class='flex flex-row items-center justify-between'>
<div
class='flex h-60 w-60 flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out hover:border-brown-dark'
>
<picture class='block w-full h-full'>
<source media='(min-width: 1024px)' sizes='4vw' srcset='//caravane.com/cdn/shop/files/mdVbHJuQ.jpg?crop=center&height=96&v=1764864570&width=96 96w,//caravane.com/cdn/shop/files/mdVbHJuQ.jpg?crop=center&height=160&v=1764864570&width=160 160w,//caravane.com/cdn/shop/files/mdVbHJuQ.jpg?crop=center&height=320&v=1764864570&width=320 320w,//caravane.com/cdn/shop/files/mdVbHJuQ.jpg?crop=center&height=640&v=1764864570&width=640 640w,//caravane.com/cdn/shop/files/mdVbHJuQ.jpg?crop=center&height=960&v=1764864570&width=960 960w,//caravane.com/cdn/shop/files/mdVbHJuQ.jpg?crop=center&height=1200&v=1764864570&width=1200 1200w,//caravane.com/cdn/shop/files/mdVbHJuQ.jpg?crop=center&height=1920&v=1764864570&width=1920 1920w,//caravane.com/cdn/shop/files/mdVbHJuQ.jpg?crop=center&height=2400&v=1764864570&width=2400 2400w' width='60' height='60'>
<img src="//caravane.com/cdn/shop/files/mdVbHJuQ.jpg?crop=center&height=60&v=1764864570&width=60" alt="Table Basse Atoll en acier brut noir" srcset="//caravane.com/cdn/shop/files/mdVbHJuQ.jpg?crop=center&height=60&v=1764864570&width=60 60w" width="60" height="60" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
</div>
</li>
<li class='grid h-60 w-60 place-content-center border border-brown-light text-brown-text'>
<span class='text-12'>+1</span>
</li></ul>
<ul class='flex flex-row items-center justify-between gutter-gap-1 lg:hidden'>
<li class='flex flex-row items-center justify-between'>
<div
class='flex aspect-square flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out span-w-2-wide active:border-brown-dark'
>
<picture class='block w-full h-full'><source media='(max-width: 1023px)' sizes='16vw' srcset='//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?crop=center&height=48&v=1767968831&width=48 48w,//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?crop=center&height=96&v=1767968831&width=96 96w,//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?crop=center&height=160&v=1767968831&width=160 160w,//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?crop=center&height=320&v=1767968831&width=320 320w,//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?crop=center&height=640&v=1767968831&width=640 640w' width='61' height='61'>
<img src="//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?v=1767968831" alt="Canapé Limalaya" srcset="//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?v=1767968831&width=352 352w, //caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?v=1767968831&width=832 832w, //caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?v=1767968831&width=1200 1200w, //caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?v=1767968831&width=1920 1920w" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
</div>
</li>
<li class='flex flex-row items-center justify-between'>
<div
class='flex aspect-square flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out span-w-2-wide active:border-brown-dark'
>
<picture class='block w-full h-full'><source media='(max-width: 1023px)' sizes='16vw' srcset='//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=48&v=1770652033&width=48 48w,//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=96&v=1770652033&width=96 96w,//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=160&v=1770652033&width=160 160w,//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=320&v=1770652033&width=320 320w,//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=640&v=1770652033&width=640 640w' width='61' height='61'>
<img src="//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?v=1770652033" alt="Lampadaire Bell" srcset="//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?v=1770652033&width=352 352w, //caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?v=1770652033&width=832 832w, //caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?v=1770652033&width=1200 1200w, //caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?v=1770652033&width=1920 1920w" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
</div>
</li>
<li class='flex flex-row items-center justify-between'>
<div
class='flex aspect-square flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out span-w-2-wide active:border-brown-dark'
>
<picture class='block w-full h-full'><source media='(max-width: 1023px)' sizes='16vw' srcset='//caravane.com/cdn/shop/files/COUSSINLUNILICHEN_d3f25f5f-ce80-4651-9f49-39317c0d628f.png?crop=center&height=48&v=1771317279&width=48 48w,//caravane.com/cdn/shop/files/COUSSINLUNILICHEN_d3f25f5f-ce80-4651-9f49-39317c0d628f.png?crop=center&height=96&v=1771317279&width=96 96w,//caravane.com/cdn/shop/files/COUSSINLUNILICHEN_d3f25f5f-ce80-4651-9f49-39317c0d628f.png?crop=center&height=160&v=1771317279&width=160 160w,//caravane.com/cdn/shop/files/COUSSINLUNILICHEN_d3f25f5f-ce80-4651-9f49-39317c0d628f.png?crop=center&height=320&v=1771317279&width=320 320w,//caravane.com/cdn/shop/files/COUSSINLUNILICHEN_d3f25f5f-ce80-4651-9f49-39317c0d628f.png?crop=center&height=640&v=1771317279&width=640 640w' width='61' height='61'>
<img src="//caravane.com/cdn/shop/files/COUSSINLUNILICHEN_d3f25f5f-ce80-4651-9f49-39317c0d628f.png?v=1771317279" alt="Housse de coussin Luni en lin fabriquée en France couleur lichen" srcset="//caravane.com/cdn/shop/files/COUSSINLUNILICHEN_d3f25f5f-ce80-4651-9f49-39317c0d628f.png?v=1771317279&width=352 352w, //caravane.com/cdn/shop/files/COUSSINLUNILICHEN_d3f25f5f-ce80-4651-9f49-39317c0d628f.png?v=1771317279&width=832 832w, //caravane.com/cdn/shop/files/COUSSINLUNILICHEN_d3f25f5f-ce80-4651-9f49-39317c0d628f.png?v=1771317279&width=1200 1200w, //caravane.com/cdn/shop/files/COUSSINLUNILICHEN_d3f25f5f-ce80-4651-9f49-39317c0d628f.png?v=1771317279&width=1920 1920w" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
</div>
</li>
<li class='grid aspect-square place-content-center border border-brown-light text-brown-text span-w-2-wide'>
<span class='text-12'>+4</span>
</li></ul>
</div>
</div>
<div>
<div class='flex flex-col pt-8 lg:pt-10 lg-max:gap-4 lg-max:span-max-w-8'>
<div class='flex justify-between flex-row items-center gutter-gap-1'><h2 class='text-left font-serif text-15/slim tracking-tight text-brown-dark'>Salon tabac</h2><div class='text-right text-12/small text-neutral-80 lg-max:hidden'>
7
Articles
</div>
</div><div class='text-left text-12/small text-neutral-80 lg:hidden'>
7
Articles
</div>
</div>
</div>
</button>
<template x-teleport='body'>
<aside
class='fixed inset-0 isolate z-100 box-content'
x-data='slideout({ openOnHash: "", hash: "" })'
x-show='$parent.isOpen'
x-transition:enter='transition-[visibility] duration-700'
x-transition:enter-start='invisible'
x-transition:enter-end='visible'
x-transition:leave='transition-[visibility] duration-700'
x-transition:leave-start='visible'
x-transition:leave-end='invisible'
x-cloak
aria-modal='true'
role='dialog'
x-trap='$parent.isOpen'
@toggle='$parent.isOpen = $event.detail'
x-effect='handleEffect($parent.isOpen)'
>
<div
x-show='$parent.isOpen'
@click='$parent.isOpen = false'
class='absolute inset-0 z-0 h-full w-full bg-brown-dark/20'
x-transition:enter='transition-opacity ease-expo-out duration-700 transform-gpu'
x-transition:enter-start='opacity-0'
x-transition:enter-end='opacity-100'
x-transition:leave='transition-opacity ease-quart-inout duration-700 transform-gpu pointer-events-none'
x-transition:leave-start='opacity-100'
x-transition:leave-end='opacity-0'
x-cloak
></div>
<div
class='absolute right-0 top-0 z-1 box-content flex h-full flex-col bg-cream margin-px-1 lg:span-w-12 lg-max:left-0 !px-0 lg:!span-w-8-wider'
x-show='$parent.isOpen'
x-transition:enter='right-0 transition-transform ease-expo-out duration-700 transform-gpu'
x-transition:enter-start='translate-x-full'
x-transition:enter-end='translate-x-0'
x-transition:leave='right-0 transition-transform ease-quart-inout duration-700 transform-gpu'
x-transition:leave-start='translate-x-0'
x-transition:leave-end='translate-x-full'
>
<header class='flex h-56 lg:h-48 items-center z-2 lg:!h-56 bg-cream child-h2:uppercase child-h2:tracking-snug margin-pl-1 border-b border-stroke-light'>
<h2 class='text-12 font-black'>
SUR CETTE PHOTO<span class="text-brown-text ml-4">(7)</span>
</h2>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white ml-auto aspect-square h-full w-56 border-l border-stroke-light !bg-cream active:!bg-brown-light hover:!text-brown-dark active:!text-brown-dark hover:!bg-beige focus-visible:-outline-offset-2 focus-visible:outline-black'
type='button'
@click="$parent.isOpen=false"
>
<svg class='' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none'>
<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>
</button>
</header>
<main class='flex h-full flex-col overflow-y-auto overscroll-contain scrollbar-hide bg-cream' data-lenis-prevent>
<picture class='block w-full h-full object-cover aspect-square lg:hidden'><source media='(max-width: 1023px)' sizes='100vw' srcset='//caravane.com/cdn/shop/collections/MG_8772_b3850096-972b-4e96-85ed-060a9d4324d6.jpg?crop=center&height=44&v=1727706950&width=48 48w,//caravane.com/cdn/shop/collections/MG_8772_b3850096-972b-4e96-85ed-060a9d4324d6.jpg?crop=center&height=88&v=1727706950&width=96 96w,//caravane.com/cdn/shop/collections/MG_8772_b3850096-972b-4e96-85ed-060a9d4324d6.jpg?crop=center&height=147&v=1727706950&width=160 160w,//caravane.com/cdn/shop/collections/MG_8772_b3850096-972b-4e96-85ed-060a9d4324d6.jpg?crop=center&height=294&v=1727706950&width=320 320w,//caravane.com/cdn/shop/collections/MG_8772_b3850096-972b-4e96-85ed-060a9d4324d6.jpg?crop=center&height=587&v=1727706950&width=640 640w' width='375' height='344'>
<img src="//caravane.com/cdn/shop/collections/MG_8772_b3850096-972b-4e96-85ed-060a9d4324d6.jpg?v=1727706950" alt="Salon tabac" srcset="//caravane.com/cdn/shop/collections/MG_8772_b3850096-972b-4e96-85ed-060a9d4324d6.jpg?v=1727706950&width=352 352w, //caravane.com/cdn/shop/collections/MG_8772_b3850096-972b-4e96-85ed-060a9d4324d6.jpg?v=1727706950&width=832 832w, //caravane.com/cdn/shop/collections/MG_8772_b3850096-972b-4e96-85ed-060a9d4324d6.jpg?v=1727706950&width=1200 1200w, //caravane.com/cdn/shop/collections/MG_8772_b3850096-972b-4e96-85ed-060a9d4324d6.jpg?v=1727706950&width=1920 1920w" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<div class="relative text-brown-dark lg-max:grid-container lg:margin-px-1">
<article
x-data='slideoutProductCard({productId: 1857050443894, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "limalaya-canape", isAvailable: false, variantId: 19616848511094 })'
class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
<a
class='relative'
href='/products/limalaya-canape'
x-data
@click.passive='closePanel'
>
<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?crop=center&height=64&v=1767968831&width=48 48w,//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?crop=center&height=127&v=1767968831&width=96 96w,//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?crop=center&height=212&v=1767968831&width=160 160w,//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?crop=center&height=424&v=1767968831&width=320 320w,//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?crop=center&height=847&v=1767968831&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?crop=center&height=127&v=1767968831&width=96 96w,//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?crop=center&height=212&v=1767968831&width=160 160w,//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?crop=center&height=424&v=1767968831&width=320 320w,//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?crop=center&height=847&v=1767968831&width=640 640w,//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?crop=center&height=1271&v=1767968831&width=960 960w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?crop=center&height=188&v=1767968831&width=142" alt="Canapé Limalaya" srcset="//caravane.com/cdn/shop/files/MG_8772_a61d5b6b-58d9-4b07-ace7-ed7b0feced5b.jpg?crop=center&height=188&v=1767968831&width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</a>
<div
class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
id='slideout-product-card-1857050443894'
>
<div class='lg:col-span-2'>
<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
<a
class='relative'
href='/products/limalaya-canape'
x-data
@click.passive='closePanel'
>Canapé Limalaya</a>
</h3>
<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
<span x-show='price' x-text='price'></span>
<span x-show='!price'><span class="money">3.550,00€</span></span>
</p>
</div>
<a
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
href='/products/limalaya-canape#configurator'
>
<span>Personnaliser mon canapé</span>
</a>
</div>
<a
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
href='/products/limalaya-canape#configurator'
>
<span>Personnaliser mon canapé</span>
</a>
</article>
<article
x-data='slideoutProductCard({productId: 9381706006853, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "lampe-bell-pied-de-lampe-bell", isAvailable: true, variantId: 57093661753669 })'
class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
<a
class='relative'
href='/products/lampe-bell-pied-de-lampe-bell'
x-data
@click.passive='closePanel'
>
<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=64&v=1770652033&width=48 48w,//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=127&v=1770652033&width=96 96w,//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=212&v=1770652033&width=160 160w,//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=424&v=1770652033&width=320 320w,//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=847&v=1770652033&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=127&v=1770652033&width=96 96w,//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=212&v=1770652033&width=160 160w,//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=424&v=1770652033&width=320 320w,//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=847&v=1770652033&width=640 640w,//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=1271&v=1770652033&width=960 960w,//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=1589&v=1770652033&width=1200 1200w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=188&v=1770652033&width=142" alt="Lampadaire Bell" srcset="//caravane.com/cdn/shop/files/LAMPADAIREBELLNOIRPETIT.png?crop=center&height=188&v=1770652033&width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</a>
<div
class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
id='slideout-product-card-9381706006853'
>
<div class='lg:col-span-2'>
<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
<a
class='relative'
href='/products/lampe-bell-pied-de-lampe-bell'
x-data
@click.passive='closePanel'
>Lampadaire Bell</a>
</h3>
<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
<span x-show='price' x-text='price'></span>
<span x-show='!price'><span class="money">345,00€</span></span>
</p>
</div>
<div
class='relative inline-block w-full lg:col-span-2'
x-data='{ value: "Noir___57093661753669", label: "" }'
x-init='value=$refs.select.value || "Noir___57093661753669"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
x-ref='select'
x-init='variants.push($data)'
name='Couleur'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Couleur'
value='Noir___57093661753669'
:value='value'
><option
value=''
disabled
>
Couleur
</option>
<option
data-label="Noir"
value="Noir___57093661753669">Noir</option>
<option
data-label="Naturel"
disabled
value="Naturel___57093661851973">Naturel</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Couleur:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<div
class='relative inline-block w-full lg:span-w-3-wider'
x-data='{ value: "60 cm___57093661753669", label: "" }'
x-init='value=$refs.select.value || "60 cm___57093661753669"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
x-ref='select'
x-init='variants.push($data)'
name='Hauteur'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Hauteur'
value='60 cm___57093661753669'
:value='value'
><option
value=''
disabled
>
Hauteur
</option>
<option
data-label="60 cm"
value="60 cm___57093661753669">60 cm</option>
<option
data-label="90 cm"
disabled
value="90 cm___57093661786437">90 cm</option>
<option
data-label="120 cm"
value="120 cm___57093661819205">120 cm</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Hauteur:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<div
class='relative inline-block w-full lg:w-full lg:col-start-2'
x-data='{ value: "1", label: "" }'
x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
x-ref='select'
id='slideout-quantity-select-9381706006853'
name='quantity'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Quantité'
value='1'
:value='value'
><option
value=''
disabled
>
Quantité
</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
<span class='mr-4 text-brown-text'>Quantité:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</article>
<article
x-data='slideoutProductCard({productId: 1857072824438, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "luni-housse-coussin", isAvailable: true, variantId: 56795103428933 })'
class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
<a
class='relative'
href='/products/luni-housse-coussin'
x-data
@click.passive='closePanel'
>
<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/COUSSINLUNIOLIVE_07f62712-b1de-430b-9941-7ae181da5665.png?crop=center&height=64&v=1771317279&width=48 48w,//caravane.com/cdn/shop/files/COUSSINLUNIOLIVE_07f62712-b1de-430b-9941-7ae181da5665.png?crop=center&height=127&v=1771317279&width=96 96w,//caravane.com/cdn/shop/files/COUSSINLUNIOLIVE_07f62712-b1de-430b-9941-7ae181da5665.png?crop=center&height=212&v=1771317279&width=160 160w,//caravane.com/cdn/shop/files/COUSSINLUNIOLIVE_07f62712-b1de-430b-9941-7ae181da5665.png?crop=center&height=424&v=1771317279&width=320 320w,//caravane.com/cdn/shop/files/COUSSINLUNIOLIVE_07f62712-b1de-430b-9941-7ae181da5665.png?crop=center&height=847&v=1771317279&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/COUSSINLUNIOLIVE_07f62712-b1de-430b-9941-7ae181da5665.png?crop=center&height=127&v=1771317279&width=96 96w,//caravane.com/cdn/shop/files/COUSSINLUNIOLIVE_07f62712-b1de-430b-9941-7ae181da5665.png?crop=center&height=212&v=1771317279&width=160 160w,//caravane.com/cdn/shop/files/COUSSINLUNIOLIVE_07f62712-b1de-430b-9941-7ae181da5665.png?crop=center&height=424&v=1771317279&width=320 320w,//caravane.com/cdn/shop/files/COUSSINLUNIOLIVE_07f62712-b1de-430b-9941-7ae181da5665.png?crop=center&height=847&v=1771317279&width=640 640w,//caravane.com/cdn/shop/files/COUSSINLUNIOLIVE_07f62712-b1de-430b-9941-7ae181da5665.png?crop=center&height=1271&v=1771317279&width=960 960w,//caravane.com/cdn/shop/files/COUSSINLUNIOLIVE_07f62712-b1de-430b-9941-7ae181da5665.png?crop=center&height=1589&v=1771317279&width=1200 1200w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/COUSSINLUNIOLIVE_07f62712-b1de-430b-9941-7ae181da5665.png?crop=center&height=188&v=1771317279&width=142" alt="Housse de coussin Luni en lin fabriquée en France couleur olive" srcset="//caravane.com/cdn/shop/files/COUSSINLUNIOLIVE_07f62712-b1de-430b-9941-7ae181da5665.png?crop=center&height=188&v=1771317279&width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</a>
<div
class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
id='slideout-product-card-1857072824438'
>
<div class='lg:col-span-2'>
<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
<a
class='relative'
href='/products/luni-housse-coussin'
x-data
@click.passive='closePanel'
>Housse de coussin Luni</a>
</h3>
<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
<span x-show='price' x-text='price'></span>
<span x-show='!price'><span class="money">90,00€</span></span>
</p>
</div>
<div
class='relative inline-block w-full lg:col-span-2'
x-data='{ value: "40x55 cm___56795103428933", label: "" }'
x-init='value=$refs.select.value || "40x55 cm___56795103428933"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
x-ref='select'
x-init='variants.push($data)'
name='Dimensions'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Dimensions'
value='40x55 cm___56795103428933'
:value='value'
><option
value=''
disabled
>
Dimensions
</option>
<option
data-label="40x55 cm"
value="40x55 cm___56795103428933">40x55 cm</option>
<option
data-label="50x70 cm"
value="50x70 cm___56795103461701">50x70 cm</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Dimensions:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<div
class='relative inline-block w-full lg:span-w-3-wider'
x-data='{ value: "Olive___56795103428933", label: "" }'
x-init='value=$refs.select.value || "Olive___56795103428933"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
x-ref='select'
x-init='variants.push($data)'
name='Couleur'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Couleur'
value='Olive___56795103428933'
:value='value'
><option
value=''
disabled
>
Couleur
</option>
<option
data-label="Olive"
value="Olive___56795103428933">Olive</option>
<option
data-label="Lichen"
value="Lichen___56795103494469">Lichen</option>
<option
data-label="Colvert"
disabled
value="Colvert___17070834876534">Colvert</option>
<option
data-label="Indigo"
value="Indigo___19644007579766">Indigo</option>
<option
data-label="Charbon"
value="Charbon___17070834352246">Charbon</option>
<option
data-label="Naturel"
disabled
value="Naturel___17070833631350">Naturel</option>
<option
data-label="Tabac"
value="Tabac___31397190336630">Tabac</option>
<option
data-label="Biscuit"
disabled
value="Biscuit___31791984902262">Biscuit</option>
<option
data-label="Rooibos"
value="Rooibos___31397188436086">Rooibos</option>
<option
data-label="Curcuma"
disabled
value="Curcuma___17070834417782">Curcuma</option>
<option
data-label="Creme"
value="Creme___17070833696886">Creme</option>
<option
data-label="Neige"
value="Neige___17070834286710">Neige</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Couleur:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<div
class='relative inline-block w-full lg:w-full lg:col-start-2'
x-data='{ value: "1", label: "" }'
x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
x-ref='select'
id='slideout-quantity-select-1857072824438'
name='quantity'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Quantité'
value='1'
:value='value'
><option
value=''
disabled
>
Quantité
</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
<span class='mr-4 text-brown-text'>Quantité:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</article>
<article
x-data='slideoutProductCard({productId: 2683086798966, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "jyabougeoir", isAvailable: true, variantId: 22682002456694 })'
class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
<a
class='relative'
href='/products/jyabougeoir'
x-data
@click.passive='closePanel'
>
<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/19KXj9pw.jpg?crop=center&height=64&v=1770722668&width=48 48w,//caravane.com/cdn/shop/files/19KXj9pw.jpg?crop=center&height=127&v=1770722668&width=96 96w,//caravane.com/cdn/shop/files/19KXj9pw.jpg?crop=center&height=212&v=1770722668&width=160 160w,//caravane.com/cdn/shop/files/19KXj9pw.jpg?crop=center&height=424&v=1770722668&width=320 320w,//caravane.com/cdn/shop/files/19KXj9pw.jpg?crop=center&height=847&v=1770722668&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/19KXj9pw.jpg?crop=center&height=127&v=1770722668&width=96 96w,//caravane.com/cdn/shop/files/19KXj9pw.jpg?crop=center&height=212&v=1770722668&width=160 160w,//caravane.com/cdn/shop/files/19KXj9pw.jpg?crop=center&height=424&v=1770722668&width=320 320w,//caravane.com/cdn/shop/files/19KXj9pw.jpg?crop=center&height=847&v=1770722668&width=640 640w,//caravane.com/cdn/shop/files/19KXj9pw.jpg?crop=center&height=1271&v=1770722668&width=960 960w,//caravane.com/cdn/shop/files/19KXj9pw.jpg?crop=center&height=1589&v=1770722668&width=1200 1200w,//caravane.com/cdn/shop/files/19KXj9pw.jpg?crop=center&height=2542&v=1770722668&width=1920 1920w,//caravane.com/cdn/shop/files/19KXj9pw.jpg?crop=center&height=3177&v=1770722668&width=2400 2400w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/19KXj9pw.jpg?crop=center&height=188&v=1770722668&width=142" alt="Set de 3 bougeoirs Jya" srcset="//caravane.com/cdn/shop/files/19KXj9pw.jpg?crop=center&height=188&v=1770722668&width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</a>
<div
class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
id='slideout-product-card-2683086798966'
>
<div class='lg:col-span-2'>
<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
<a
class='relative'
href='/products/jyabougeoir'
x-data
@click.passive='closePanel'
>Set de 3 bougeoirs Jya</a>
</h3>
<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
<span x-show='price' x-text='price'></span>
<span x-show='!price'><span class="money">80,00€</span></span>
</p>
</div>
<div
class='relative inline-block w-full lg:span-w-3-wider'
x-data='{ value: "Noir___22682002456694", label: "" }'
x-init='value=$refs.select.value || "Noir___22682002456694"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
x-ref='select'
x-init='variants.push($data)'
name='Couleur'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Couleur'
value='Noir___22682002456694'
:value='value'
><option
value=''
disabled
>
Couleur
</option>
<option
data-label="Noir"
value="Noir___22682002456694">Noir</option>
<option
data-label="Or"
value="Or___22682002489462">Or</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Couleur:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<div
class='relative inline-block w-full lg:w-full lg:col-start-2'
x-data='{ value: "1", label: "" }'
x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
x-ref='select'
id='slideout-quantity-select-2683086798966'
name='quantity'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Quantité'
value='1'
:value='value'
><option
value=''
disabled
>
Quantité
</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
<span class='mr-4 text-brown-text'>Quantité:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</article>
<article
x-data='slideoutProductCard({productId: 2486525558902, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "bell-abat-jour", isAvailable: true, variantId: 21968042295414 })'
class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
<a
class='relative'
href='/products/bell-abat-jour'
x-data
@click.passive='closePanel'
>
<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=64&v=1772728364&width=48 48w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=127&v=1772728364&width=96 96w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=212&v=1772728364&width=160 160w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=424&v=1772728364&width=320 320w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=847&v=1772728364&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=127&v=1772728364&width=96 96w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=212&v=1772728364&width=160 160w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=424&v=1772728364&width=320 320w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=847&v=1772728364&width=640 640w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=1271&v=1772728364&width=960 960w,//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=1589&v=1772728364&width=1200 1200w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=188&v=1772728364&width=142" alt="Suspension Bell noir" srcset="//caravane.com/cdn/shop/files/BELLNOIRPETIT_16132626-16b1-422f-bae8-c8e1ed0cbdf9.png?crop=center&height=188&v=1772728364&width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</a>
<div
class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
id='slideout-product-card-2486525558902'
>
<div class='lg:col-span-2'>
<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
<a
class='relative'
href='/products/bell-abat-jour'
x-data
@click.passive='closePanel'
>Suspension Bell</a>
</h3>
<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
<span x-show='price' x-text='price'></span>
<span x-show='!price'><span class="money">225,00€</span></span>
</p>
</div>
<div
class='relative inline-block w-full lg:col-span-2'
x-data='{ value: "60 cm___21968042295414", label: "" }'
x-init='value=$refs.select.value || "60 cm___21968042295414"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
x-ref='select'
x-init='variants.push($data)'
name='Hauteur'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Hauteur'
value='60 cm___21968042295414'
:value='value'
><option
value=''
disabled
>
Hauteur
</option>
<option
data-label="60 cm"
value="60 cm___21968042295414">60 cm</option>
<option
data-label="90 cm"
value="90 cm___21968042328182">90 cm</option>
<option
data-label="120 cm"
value="120 cm___21968042262646">120 cm</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Hauteur:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<div
class='relative inline-block w-full lg:span-w-3-wider'
x-data='{ value: "Noir___21968042295414", label: "" }'
x-init='value=$refs.select.value || "Noir___21968042295414"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
x-ref='select'
x-init='variants.push($data)'
name='Couleur'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Couleur'
value='Noir___21968042295414'
:value='value'
><option
value=''
disabled
>
Couleur
</option>
<option
data-label="Noir"
value="Noir___21968042295414">Noir</option>
<option
data-label="Naturel"
disabled
value="Naturel___39662502346870">Naturel</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Couleur:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<div
class='relative inline-block w-full lg:w-full lg:col-start-2'
x-data='{ value: "1", label: "" }'
x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
x-ref='select'
id='slideout-quantity-select-2486525558902'
name='quantity'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Quantité'
value='1'
:value='value'
><option
value=''
disabled
>
Quantité
</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
<span class='mr-4 text-brown-text'>Quantité:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</article>
<article
x-data='slideoutProductCard({productId: 1849645760630, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "atoll", isAvailable: true, variantId: 16891669479542 })'
class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
<a
class='relative'
href='/products/atoll'
x-data
@click.passive='closePanel'
>
<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/mdVbHJuQ.jpg?crop=center&height=64&v=1764864570&width=48 48w,//caravane.com/cdn/shop/files/mdVbHJuQ.jpg?crop=center&height=127&v=1764864570&width=96 96w,//caravane.com/cdn/shop/files/mdVbHJuQ.jpg?crop=center&height=212&v=1764864570&width=160 160w,//caravane.com/cdn/shop/files/mdVbHJuQ.jpg?crop=center&height=424&v=1764864570&width=320 320w,//caravane.com/cdn/shop/files/mdVbHJuQ.jpg?crop=center&height=847&v=1764864570&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/mdVbHJuQ.jpg?crop=center&height=127&v=1764864570&width=96 96w,//caravane.com/cdn/shop/files/mdVbHJuQ.jpg?crop=center&height=212&v=1764864570&width=160 160w,//caravane.com/cdn/shop/files/mdVbHJuQ.jpg?crop=center&height=424&v=1764864570&width=320 320w,//caravane.com/cdn/shop/files/mdVbHJuQ.jpg?crop=center&height=847&v=1764864570&width=640 640w,//caravane.com/cdn/shop/files/mdVbHJuQ.jpg?crop=center&height=1271&v=1764864570&width=960 960w,//caravane.com/cdn/shop/files/mdVbHJuQ.jpg?crop=center&height=1589&v=1764864570&width=1200 1200w,//caravane.com/cdn/shop/files/mdVbHJuQ.jpg?crop=center&height=2542&v=1764864570&width=1920 1920w,//caravane.com/cdn/shop/files/mdVbHJuQ.jpg?crop=center&height=3177&v=1764864570&width=2400 2400w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/mdVbHJuQ.jpg?crop=center&height=188&v=1764864570&width=142" alt="Table Basse Atoll en acier brut noir" srcset="//caravane.com/cdn/shop/files/mdVbHJuQ.jpg?crop=center&height=188&v=1764864570&width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</a>
<div
class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
id='slideout-product-card-1849645760630'
>
<div class='lg:col-span-2'>
<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
<a
class='relative'
href='/products/atoll'
x-data
@click.passive='closePanel'
>Table Basse Atoll</a>
</h3>
<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
<span x-show='price' x-text='price'></span>
<span x-show='!price'><span class="money">1.090,00€</span></span>
</p>
</div>
<div
class='relative inline-block w-full lg:span-w-3-wider'
x-data='{ value: "81x55 cm___16891669479542", label: "" }'
x-init='value=$refs.select.value || "81x55 cm___16891669479542"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
x-ref='select'
x-init='variants.push($data)'
name='Dimensions'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Dimensions'
value='81x55 cm___16891669479542'
:value='value'
><option
value=''
disabled
>
Dimensions
</option>
<option
data-label="81x55 cm"
value="81x55 cm___16891669479542">81x55 cm</option>
<option
data-label="136x65 cm"
disabled
value="136x65 cm___16891669512310">136x65 cm</option>
<option
data-label="160x65 cm"
disabled
value="160x65 cm___16891669545078">160x65 cm</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Dimensions:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<div
class='relative inline-block w-full lg:w-full lg:col-start-2'
x-data='{ value: "1", label: "" }'
x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
x-ref='select'
id='slideout-quantity-select-1849645760630'
name='quantity'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Quantité'
value='1'
:value='value'
><option
value=''
disabled
>
Quantité
</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
<span class='mr-4 text-brown-text'>Quantité:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</article>
<article
x-data='slideoutProductCard({productId: 6606815559798, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "tapisbayana-laine", isAvailable: true, variantId: 46660693655877 })'
class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
<a
class='relative'
href='/products/tapisbayana-laine'
x-data
@click.passive='closePanel'
>
<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/TAPISBAYANA80X200.png?crop=center&height=64&v=1773141657&width=48 48w,//caravane.com/cdn/shop/files/TAPISBAYANA80X200.png?crop=center&height=127&v=1773141657&width=96 96w,//caravane.com/cdn/shop/files/TAPISBAYANA80X200.png?crop=center&height=212&v=1773141657&width=160 160w,//caravane.com/cdn/shop/files/TAPISBAYANA80X200.png?crop=center&height=424&v=1773141657&width=320 320w,//caravane.com/cdn/shop/files/TAPISBAYANA80X200.png?crop=center&height=847&v=1773141657&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/TAPISBAYANA80X200.png?crop=center&height=127&v=1773141657&width=96 96w,//caravane.com/cdn/shop/files/TAPISBAYANA80X200.png?crop=center&height=212&v=1773141657&width=160 160w,//caravane.com/cdn/shop/files/TAPISBAYANA80X200.png?crop=center&height=424&v=1773141657&width=320 320w,//caravane.com/cdn/shop/files/TAPISBAYANA80X200.png?crop=center&height=847&v=1773141657&width=640 640w,//caravane.com/cdn/shop/files/TAPISBAYANA80X200.png?crop=center&height=1271&v=1773141657&width=960 960w,//caravane.com/cdn/shop/files/TAPISBAYANA80X200.png?crop=center&height=1589&v=1773141657&width=1200 1200w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/TAPISBAYANA80X200.png?crop=center&height=188&v=1773141657&width=142" alt="Tapis Bayana" srcset="//caravane.com/cdn/shop/files/TAPISBAYANA80X200.png?crop=center&height=188&v=1773141657&width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</a>
<div
class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
id='slideout-product-card-6606815559798'
>
<div class='lg:col-span-2'>
<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
<a
class='relative'
href='/products/tapisbayana-laine'
x-data
@click.passive='closePanel'
>Tapis Bayana</a>
</h3>
<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
<span x-show='price' x-text='price'></span>
<span x-show='!price'><span class="money">450,00€</span></span>
</p>
</div>
<div
class='relative inline-block w-full lg:col-span-2'
x-data='{ value: "80x200 cm___46660693655877", label: "" }'
x-init='value=$refs.select.value || "80x200 cm___46660693655877"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
x-ref='select'
x-init='variants.push($data)'
name='Dimensions'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Dimensions'
value='80x200 cm___46660693655877'
:value='value'
><option
value=''
disabled
>
Dimensions
</option>
<option
data-label="80x200 cm"
value="80x200 cm___46660693655877">80x200 cm</option>
<option
data-label="170x240 cm"
value="170x240 cm___46660693590341">170x240 cm</option>
<option
data-label="200x300 cm"
disabled
value="200x300 cm___46660693623109">200x300 cm</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Dimensions:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<div
class='relative inline-block w-full lg:span-w-3-wider'
x-data='{ value: "Neige___39437927678070", label: "" }'
x-init='value=$refs.select.value || "Neige___39437927678070"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
x-ref='select'
x-init='variants.push($data)'
name='Couleur'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Couleur'
value='Neige___39437927678070'
:value='value'
><option
value=''
disabled
>
Couleur
</option>
<option
data-label="Neige"
disabled
value="Neige___39437927678070">Neige</option>
<option
data-label="Tabac"
value="Tabac___46660693655877">Tabac</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Couleur:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<div
class='relative inline-block w-full lg:w-full lg:col-start-2'
x-data='{ value: "1", label: "" }'
x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
x-ref='select'
id='slideout-quantity-select-6606815559798'
name='quantity'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Quantité'
value='1'
:value='value'
><option
value=''
disabled
>
Quantité
</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
<span class='mr-4 text-brown-text'>Quantité:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</article>
</div>
</main><footer class='bg-cream py-20 margin-px-1 -margin-mx-1 w-full !mx-0 !px-20 border-t border-stroke-light !py-24' >
<a
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-black hover:bg-neutral-80 active:bg-neutral-80 text-white outline-black w-full'
href='/collections/salon-dautomne-1'
x-data
@click.passive='isOpen=false'
>Découvrir la collection</a>
</footer>
</div>
</aside>
</template>
</article>
<article
x-data='{ isOpen: false, wasOpen: false }'
x-effect='if(isOpen){wasOpen=true}; if(!isOpen){setTimeout(()=>{wasOpen=false},700)}'
class='relative group span-w-12 lg:span-w-9 h-fit lg-max:col-start-2 lg-max:!span-w-6'
>
<button
type='button'
@click='isOpen=true'
class='flex flex-col outline-offset-2 outline-black focus-visible:outline-2'
>
<div class='relative flex-shrink-0 overflow-clip'>
<picture class='block user-select-none overflow-clip w-full aspect-[355/472] lg:aspect-[512/680]'><source media='(max-width: 1023px)' sizes='94vw' srcset='//caravane.com/cdn/shop/collections/MG_8164.jpg?crop=center&height=64&v=1729158454&width=48 48w,//caravane.com/cdn/shop/collections/MG_8164.jpg?crop=center&height=128&v=1729158454&width=96 96w,//caravane.com/cdn/shop/collections/MG_8164.jpg?crop=center&height=213&v=1729158454&width=160 160w,//caravane.com/cdn/shop/collections/MG_8164.jpg?crop=center&height=425&v=1729158454&width=320 320w,//caravane.com/cdn/shop/collections/MG_8164.jpg?crop=center&height=851&v=1729158454&width=640 640w' width='355' height='472'>
<source media='(min-width: 1024px)' sizes='35vw' srcset='//caravane.com/cdn/shop/collections/MG_8164.jpg?crop=center&height=128&v=1729158454&width=96 96w,//caravane.com/cdn/shop/collections/MG_8164.jpg?crop=center&height=213&v=1729158454&width=160 160w,//caravane.com/cdn/shop/collections/MG_8164.jpg?crop=center&height=425&v=1729158454&width=320 320w,//caravane.com/cdn/shop/collections/MG_8164.jpg?crop=center&height=850&v=1729158454&width=640 640w,//caravane.com/cdn/shop/collections/MG_8164.jpg?crop=center&height=1275&v=1729158454&width=960 960w,//caravane.com/cdn/shop/collections/MG_8164.jpg?crop=center&height=1594&v=1729158454&width=1200 1200w,//caravane.com/cdn/shop/collections/MG_8164.jpg?crop=center&height=2550&v=1729158454&width=1920 1920w,//caravane.com/cdn/shop/collections/MG_8164.jpg?crop=center&height=3188&v=1729158454&width=2400 2400w' width='512' height='680'>
<img src="//caravane.com/cdn/shop/collections/MG_8164.jpg?crop=center&height=680&v=1729158454&width=512" alt="Chambre curcuma" srcset="//caravane.com/cdn/shop/collections/MG_8164.jpg?crop=center&height=467&v=1729158454&width=352 352w, //caravane.com/cdn/shop/collections/MG_8164.jpg?crop=center&height=680&v=1729158454&width=512 512w" width="512" height="680" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
<div
class='bg-cream absolute pt-8 lg:p-8 lg:pl-16 lg:bottom-10 lg:left-10 lg:right-10 z-2 flex flex-row justify-between items-center gutter-gap-1 lg-max:w-fit lg:opacity-0 lg:pointer-events-none lg:translate-y-100 lg:transform-gpu lg:transition-[transform,opacity] lg:duration-400 lg:ease-quart-inout lg:will-change-[transform,opacity] lg:group-hover:ease-expo-out lg:group-hover:opacity-100 lg:group-hover:pointer-events-auto lg:group-hover:duration-200 lg:group-hover:translate-y-0 lg:group-has-[:focus-visible]:opacity-100 lg:group-has-[:focus-visible]:pointer-events-auto lg:group-has-[:focus-visible]:translate-y-0'
:class="{'lg:!translate-y-0 lg:!opacity-100 lg:!pointer-events-auto': isOpen, 'lg:!duration-700': wasOpen }"
>
<div
class='relative flex text-12/narrow font-bold uppercase whitespace-nowrap after:absolute after:inset-x-0 after:bottom-0 after:h-1 after:bg-current after:origin-left after:transition-transform after:duration-500 hover:after:duration-200 ease-expo-out hover:after:scale-x-0 active:after:scale-x-0 lg-max:hidden outline-offset-2 outline-black focus-visible:outline-2'
role='button'
tabindex='0'
>Acheter le look</div>
<ul class='-ml-8 flex flex-row items-center justify-between gap-8 lg-max:hidden'>
<li class='flex flex-row items-center justify-between'>
<div
class='flex h-60 w-60 flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out hover:border-brown-dark'
>
<picture class='block w-full h-full'>
<source media='(min-width: 1024px)' sizes='4vw' srcset='//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=96&v=1773670845&width=96 96w,//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=160&v=1773670845&width=160 160w,//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=320&v=1773670845&width=320 320w,//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=640&v=1773670845&width=640 640w,//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=960&v=1773670845&width=960 960w,//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=1200&v=1773670845&width=1200 1200w,//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=1920&v=1773670845&width=1920 1920w,//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=2400&v=1773670845&width=2400 2400w' width='60' height='60'>
<img src="//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=60&v=1773670845&width=60" alt="Couvre-lit Raana en coton de velours lavé pour lit" srcset="//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=60&v=1773670845&width=60 60w" width="60" height="60" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
</div>
</li>
<li class='flex flex-row items-center justify-between'>
<div
class='flex h-60 w-60 flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out hover:border-brown-dark'
>
<picture class='block w-full h-full'>
<source media='(min-width: 1024px)' sizes='4vw' srcset='//caravane.com/cdn/shop/files/27_f9a0b5a9-a29a-451a-a4e3-c3244630b442.png?crop=center&height=96&v=1761665347&width=96 96w,//caravane.com/cdn/shop/files/27_f9a0b5a9-a29a-451a-a4e3-c3244630b442.png?crop=center&height=160&v=1761665347&width=160 160w,//caravane.com/cdn/shop/files/27_f9a0b5a9-a29a-451a-a4e3-c3244630b442.png?crop=center&height=320&v=1761665347&width=320 320w,//caravane.com/cdn/shop/files/27_f9a0b5a9-a29a-451a-a4e3-c3244630b442.png?crop=center&height=640&v=1761665347&width=640 640w,//caravane.com/cdn/shop/files/27_f9a0b5a9-a29a-451a-a4e3-c3244630b442.png?crop=center&height=960&v=1761665347&width=960 960w,//caravane.com/cdn/shop/files/27_f9a0b5a9-a29a-451a-a4e3-c3244630b442.png?crop=center&height=1200&v=1761665347&width=1200 1200w,//caravane.com/cdn/shop/files/27_f9a0b5a9-a29a-451a-a4e3-c3244630b442.png?crop=center&height=1920&v=1761665347&width=1920 1920w,//caravane.com/cdn/shop/files/27_f9a0b5a9-a29a-451a-a4e3-c3244630b442.png?crop=center&height=2400&v=1761665347&width=2400 2400w' width='60' height='60'>
<img src="//caravane.com/cdn/shop/files/27_f9a0b5a9-a29a-451a-a4e3-c3244630b442.png?crop=center&height=60&v=1761665347&width=60" alt="Set de 2 taies d'oreiller Selena" srcset="//caravane.com/cdn/shop/files/27_f9a0b5a9-a29a-451a-a4e3-c3244630b442.png?crop=center&height=60&v=1761665347&width=60 60w" width="60" height="60" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
</div>
</li>
<li class='flex flex-row items-center justify-between'>
<div
class='flex h-60 w-60 flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out hover:border-brown-dark'
>
<picture class='block w-full h-full'>
<source media='(min-width: 1024px)' sizes='4vw' srcset='//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=96&v=1727693185&width=96 96w,//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=160&v=1727693185&width=160 160w,//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=320&v=1727693185&width=320 320w,//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=640&v=1727693185&width=640 640w,//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=960&v=1727693185&width=960 960w,//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=1200&v=1727693185&width=1200 1200w,//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=1920&v=1727693185&width=1920 1920w,//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=2400&v=1727693185&width=2400 2400w' width='60' height='60'>
<img src="//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=60&v=1727693185&width=60" alt="Grand plateau Ema" srcset="//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=60&v=1727693185&width=60 60w" width="60" height="60" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
</div>
</li>
<li class='grid h-60 w-60 place-content-center border border-brown-light text-brown-text'>
<span class='text-12'>+5</span>
</li></ul>
<ul class='flex flex-row items-center justify-between gutter-gap-1 lg:hidden'>
<li class='flex flex-row items-center justify-between'>
<div
class='flex aspect-square flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out span-w-2-wide active:border-brown-dark'
>
<picture class='block w-full h-full'><source media='(max-width: 1023px)' sizes='16vw' srcset='//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=48&v=1773670845&width=48 48w,//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=96&v=1773670845&width=96 96w,//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=160&v=1773670845&width=160 160w,//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=320&v=1773670845&width=320 320w,//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=640&v=1773670845&width=640 640w' width='61' height='61'>
<img src="//caravane.com/cdn/shop/files/Shoot100_041.jpg?v=1773670845" alt="Couvre-lit Raana en coton de velours lavé pour lit" srcset="//caravane.com/cdn/shop/files/Shoot100_041.jpg?v=1773670845&width=352 352w, //caravane.com/cdn/shop/files/Shoot100_041.jpg?v=1773670845&width=832 832w, //caravane.com/cdn/shop/files/Shoot100_041.jpg?v=1773670845&width=1200 1200w, //caravane.com/cdn/shop/files/Shoot100_041.jpg?v=1773670845&width=1920 1920w" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
</div>
</li>
<li class='flex flex-row items-center justify-between'>
<div
class='flex aspect-square flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out span-w-2-wide active:border-brown-dark'
>
<picture class='block w-full h-full'><source media='(max-width: 1023px)' sizes='16vw' srcset='//caravane.com/cdn/shop/files/Selena_HousseCoussin_50x70_Ciment_f1bb8e5f-3e29-4ebc-b824-c10b21e4a3d9.jpg?crop=center&height=48&v=1764238633&width=48 48w,//caravane.com/cdn/shop/files/Selena_HousseCoussin_50x70_Ciment_f1bb8e5f-3e29-4ebc-b824-c10b21e4a3d9.jpg?crop=center&height=96&v=1764238633&width=96 96w,//caravane.com/cdn/shop/files/Selena_HousseCoussin_50x70_Ciment_f1bb8e5f-3e29-4ebc-b824-c10b21e4a3d9.jpg?crop=center&height=160&v=1764238633&width=160 160w,//caravane.com/cdn/shop/files/Selena_HousseCoussin_50x70_Ciment_f1bb8e5f-3e29-4ebc-b824-c10b21e4a3d9.jpg?crop=center&height=320&v=1764238633&width=320 320w,//caravane.com/cdn/shop/files/Selena_HousseCoussin_50x70_Ciment_f1bb8e5f-3e29-4ebc-b824-c10b21e4a3d9.jpg?crop=center&height=640&v=1764238633&width=640 640w' width='61' height='61'>
<img src="//caravane.com/cdn/shop/files/Selena_HousseCoussin_50x70_Ciment_f1bb8e5f-3e29-4ebc-b824-c10b21e4a3d9.jpg?v=1764238633" alt="Set de 2 taies d'oreiller Selena" srcset="//caravane.com/cdn/shop/files/Selena_HousseCoussin_50x70_Ciment_f1bb8e5f-3e29-4ebc-b824-c10b21e4a3d9.jpg?v=1764238633&width=352 352w, //caravane.com/cdn/shop/files/Selena_HousseCoussin_50x70_Ciment_f1bb8e5f-3e29-4ebc-b824-c10b21e4a3d9.jpg?v=1764238633&width=832 832w, //caravane.com/cdn/shop/files/Selena_HousseCoussin_50x70_Ciment_f1bb8e5f-3e29-4ebc-b824-c10b21e4a3d9.jpg?v=1764238633&width=1200 1200w, //caravane.com/cdn/shop/files/Selena_HousseCoussin_50x70_Ciment_f1bb8e5f-3e29-4ebc-b824-c10b21e4a3d9.jpg?v=1764238633&width=1920 1920w" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
</div>
</li>
<li class='flex flex-row items-center justify-between'>
<div
class='flex aspect-square flex-row items-center gap-4 overflow-clip border border-cream transition-[border-color] duration-500 ease-quint-out span-w-2-wide active:border-brown-dark'
>
<picture class='block w-full h-full'><source media='(max-width: 1023px)' sizes='16vw' srcset='//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=48&v=1727693185&width=48 48w,//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=96&v=1727693185&width=96 96w,//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=160&v=1727693185&width=160 160w,//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=320&v=1727693185&width=320 320w,//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=640&v=1727693185&width=640 640w' width='61' height='61'>
<img src="//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?v=1727693185" alt="Grand plateau Ema" srcset="//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?v=1727693185&width=352 352w, //caravane.com/cdn/shop/files/Zwzn5lpg.jpg?v=1727693185&width=832 832w, //caravane.com/cdn/shop/files/Zwzn5lpg.jpg?v=1727693185&width=1200 1200w, //caravane.com/cdn/shop/files/Zwzn5lpg.jpg?v=1727693185&width=1920 1920w" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
</div>
</li>
<li class='grid aspect-square place-content-center border border-brown-light text-brown-text span-w-2-wide'>
<span class='text-12'>+5</span>
</li></ul>
</div>
</div>
<div>
<div class='flex flex-col pt-8 lg:pt-10 lg-max:gap-4 lg-max:span-max-w-8'>
<div class='flex justify-between flex-row items-center gutter-gap-1'><h2 class='text-left font-serif text-15/slim tracking-tight text-brown-dark'>Chambre curcuma</h2><div class='text-right text-12/small text-neutral-80 lg-max:hidden'>
8
Articles
</div>
</div>
<p class='line-clamp-3 text-left text-11/tight tracking-tight text-brown-text lg:text-12/tight'>Un moment tout en douceur, enveloppé dans notre linge Selena.</p><div class='text-left text-12/small text-neutral-80 lg:hidden'>
8
Articles
</div>
</div>
</div>
</button>
<template x-teleport='body'>
<aside
class='fixed inset-0 isolate z-100 box-content'
x-data='slideout({ openOnHash: "", hash: "" })'
x-show='$parent.isOpen'
x-transition:enter='transition-[visibility] duration-700'
x-transition:enter-start='invisible'
x-transition:enter-end='visible'
x-transition:leave='transition-[visibility] duration-700'
x-transition:leave-start='visible'
x-transition:leave-end='invisible'
x-cloak
aria-modal='true'
role='dialog'
x-trap='$parent.isOpen'
@toggle='$parent.isOpen = $event.detail'
x-effect='handleEffect($parent.isOpen)'
>
<div
x-show='$parent.isOpen'
@click='$parent.isOpen = false'
class='absolute inset-0 z-0 h-full w-full bg-brown-dark/20'
x-transition:enter='transition-opacity ease-expo-out duration-700 transform-gpu'
x-transition:enter-start='opacity-0'
x-transition:enter-end='opacity-100'
x-transition:leave='transition-opacity ease-quart-inout duration-700 transform-gpu pointer-events-none'
x-transition:leave-start='opacity-100'
x-transition:leave-end='opacity-0'
x-cloak
></div>
<div
class='absolute right-0 top-0 z-1 box-content flex h-full flex-col bg-cream margin-px-1 lg:span-w-12 right-0 lg:left-0 lg-max:left-0 !px-0 lg:!span-w-8-wider'
x-show='$parent.isOpen'
x-transition:enter='right-0 transition-transform ease-expo-out duration-700 transform-gpu right-0 lg:left-0 '
x-transition:enter-start='translate-x-full lg:-translate-x-full'
x-transition:enter-end='translate-x-0'
x-transition:leave='right-0 transition-transform ease-quart-inout duration-700 transform-gpu right-0 lg:left-0 '
x-transition:leave-start='translate-x-0'
x-transition:leave-end='translate-x-full lg:-translate-x-full'
>
<header class='flex h-56 lg:h-48 items-center z-2 lg:!h-56 bg-cream child-h2:uppercase child-h2:tracking-snug margin-pl-1 border-b border-stroke-light'>
<h2 class='text-12 font-black'>
SUR CETTE PHOTO<span class="text-brown-text ml-4">(8)</span>
</h2>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white ml-auto aspect-square h-full w-56 border-l border-stroke-light !bg-cream active:!bg-brown-light hover:!text-brown-dark active:!text-brown-dark hover:!bg-beige focus-visible:-outline-offset-2 focus-visible:outline-black'
type='button'
@click="$parent.isOpen=false"
>
<svg class='' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none'>
<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>
</button>
</header>
<main class='flex h-full flex-col overflow-y-auto overscroll-contain scrollbar-hide bg-cream' data-lenis-prevent>
<picture class='block w-full h-full object-cover aspect-square lg:hidden'><source media='(max-width: 1023px)' sizes='100vw' srcset='//caravane.com/cdn/shop/collections/MG_8164.jpg?crop=center&height=44&v=1729158454&width=48 48w,//caravane.com/cdn/shop/collections/MG_8164.jpg?crop=center&height=88&v=1729158454&width=96 96w,//caravane.com/cdn/shop/collections/MG_8164.jpg?crop=center&height=147&v=1729158454&width=160 160w,//caravane.com/cdn/shop/collections/MG_8164.jpg?crop=center&height=294&v=1729158454&width=320 320w,//caravane.com/cdn/shop/collections/MG_8164.jpg?crop=center&height=587&v=1729158454&width=640 640w' width='375' height='344'>
<img src="//caravane.com/cdn/shop/collections/MG_8164.jpg?v=1729158454" alt="Chambre curcuma" srcset="//caravane.com/cdn/shop/collections/MG_8164.jpg?v=1729158454&width=352 352w, //caravane.com/cdn/shop/collections/MG_8164.jpg?v=1729158454&width=832 832w, //caravane.com/cdn/shop/collections/MG_8164.jpg?v=1729158454&width=1200 1200w, //caravane.com/cdn/shop/collections/MG_8164.jpg?v=1729158454&width=1920 1920w" loading="lazy" class="w-full" fetchpriority="auto">
</picture>
<div class="relative text-brown-dark lg-max:grid-container lg:margin-px-1">
<article
x-data='slideoutProductCard({productId: 6703106818166, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "raanacl-coton", isAvailable: true, variantId: 39663561703542 })'
class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
<a
class='relative'
href='/products/raanacl-coton'
x-data
@click.passive='closePanel'
>
<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=64&v=1773670845&width=48 48w,//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=127&v=1773670845&width=96 96w,//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=212&v=1773670845&width=160 160w,//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=424&v=1773670845&width=320 320w,//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=847&v=1773670845&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=127&v=1773670845&width=96 96w,//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=212&v=1773670845&width=160 160w,//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=424&v=1773670845&width=320 320w,//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=847&v=1773670845&width=640 640w,//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=1271&v=1773670845&width=960 960w,//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=1589&v=1773670845&width=1200 1200w,//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=2542&v=1773670845&width=1920 1920w,//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=3177&v=1773670845&width=2400 2400w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=188&v=1773670845&width=142" alt="Couvre-lit Raana en coton de velours lavé pour lit" srcset="//caravane.com/cdn/shop/files/Shoot100_041.jpg?crop=center&height=188&v=1773670845&width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</a>
<div
class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
id='slideout-product-card-6703106818166'
>
<div class='lg:col-span-2'>
<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
<a
class='relative'
href='/products/raanacl-coton'
x-data
@click.passive='closePanel'
>Couvre-lit Raana</a>
</h3>
<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
<span x-show='price' x-text='price'></span>
<span x-show='!price'><span class="money">410,00€</span></span>
</p>
</div>
<div
class='relative inline-block w-full lg:col-span-2'
x-data='{ value: "170x260 cm___39663561703542", label: "" }'
x-init='value=$refs.select.value || "170x260 cm___39663561703542"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
x-ref='select'
x-init='variants.push($data)'
name='Dimensions'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Dimensions'
value='170x260 cm___39663561703542'
:value='value'
><option
value=''
disabled
>
Dimensions
</option>
<option
data-label="170x260 cm"
value="170x260 cm___39663561703542">170x260 cm</option>
<option
data-label="240x260 cm"
disabled
value="240x260 cm___39663561736310">240x260 cm</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Dimensions:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<div
class='relative inline-block w-full lg:span-w-3-wider'
x-data='{ value: "Curcuma vl glacier___39663561703542", label: "" }'
x-init='value=$refs.select.value || "Curcuma vl glacier___39663561703542"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
x-ref='select'
x-init='variants.push($data)'
name='Couleur'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Couleur'
value='Curcuma vl glacier___39663561703542'
:value='value'
><option
value=''
disabled
>
Couleur
</option>
<option
data-label="Curcuma vl glacier"
value="Curcuma vl glacier___39663561703542">Curcuma vl glacier</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Couleur:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<div
class='relative inline-block w-full lg:w-full lg:col-start-2'
x-data='{ value: "1", label: "" }'
x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
x-ref='select'
id='slideout-quantity-select-6703106818166'
name='quantity'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Quantité'
value='1'
:value='value'
><option
value=''
disabled
>
Quantité
</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
<span class='mr-4 text-brown-text'>Quantité:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</article>
<article
x-data='slideoutProductCard({productId: 1858133327990, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "selena-taies-d-oreiller", isAvailable: true, variantId: 54320218997061 })'
class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
<a
class='relative'
href='/products/selena-taies-d-oreiller'
x-data
@click.passive='closePanel'
>
<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/27_f9a0b5a9-a29a-451a-a4e3-c3244630b442.png?crop=center&height=64&v=1761665347&width=48 48w,//caravane.com/cdn/shop/files/27_f9a0b5a9-a29a-451a-a4e3-c3244630b442.png?crop=center&height=127&v=1761665347&width=96 96w,//caravane.com/cdn/shop/files/27_f9a0b5a9-a29a-451a-a4e3-c3244630b442.png?crop=center&height=212&v=1761665347&width=160 160w,//caravane.com/cdn/shop/files/27_f9a0b5a9-a29a-451a-a4e3-c3244630b442.png?crop=center&height=424&v=1761665347&width=320 320w,//caravane.com/cdn/shop/files/27_f9a0b5a9-a29a-451a-a4e3-c3244630b442.png?crop=center&height=847&v=1761665347&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/27_f9a0b5a9-a29a-451a-a4e3-c3244630b442.png?crop=center&height=127&v=1761665347&width=96 96w,//caravane.com/cdn/shop/files/27_f9a0b5a9-a29a-451a-a4e3-c3244630b442.png?crop=center&height=212&v=1761665347&width=160 160w,//caravane.com/cdn/shop/files/27_f9a0b5a9-a29a-451a-a4e3-c3244630b442.png?crop=center&height=424&v=1761665347&width=320 320w,//caravane.com/cdn/shop/files/27_f9a0b5a9-a29a-451a-a4e3-c3244630b442.png?crop=center&height=847&v=1761665347&width=640 640w,//caravane.com/cdn/shop/files/27_f9a0b5a9-a29a-451a-a4e3-c3244630b442.png?crop=center&height=1271&v=1761665347&width=960 960w,//caravane.com/cdn/shop/files/27_f9a0b5a9-a29a-451a-a4e3-c3244630b442.png?crop=center&height=1589&v=1761665347&width=1200 1200w,//caravane.com/cdn/shop/files/27_f9a0b5a9-a29a-451a-a4e3-c3244630b442.png?crop=center&height=2542&v=1761665347&width=1920 1920w,//caravane.com/cdn/shop/files/27_f9a0b5a9-a29a-451a-a4e3-c3244630b442.png?crop=center&height=3177&v=1761665347&width=2400 2400w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/27_f9a0b5a9-a29a-451a-a4e3-c3244630b442.png?crop=center&height=188&v=1761665347&width=142" alt="Set de 2 taies d'oreiller Selena" srcset="//caravane.com/cdn/shop/files/27_f9a0b5a9-a29a-451a-a4e3-c3244630b442.png?crop=center&height=188&v=1761665347&width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</a>
<div
class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
id='slideout-product-card-1858133327990'
>
<div class='lg:col-span-2'>
<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
<a
class='relative'
href='/products/selena-taies-d-oreiller'
x-data
@click.passive='closePanel'
>Set de 2 taies d'oreiller Selena</a>
</h3>
<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
<span x-show='price' x-text='price'></span>
<span x-show='!price'><span class="money">110,00€</span></span>
</p>
</div>
<div
class='relative inline-block w-full lg:col-span-2'
x-data='{ value: "50x70 cm___54320218964293", label: "" }'
x-init='value=$refs.select.value || "50x70 cm___54320218964293"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
x-ref='select'
x-init='variants.push($data)'
name='Dimensions'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Dimensions'
value='50x70 cm___54320218964293'
:value='value'
><option
value=''
disabled
>
Dimensions
</option>
<option
data-label="50x70 cm"
disabled
value="50x70 cm___54320218964293">50x70 cm</option>
<option
data-label="65x65 cm"
value="65x65 cm___54320218997061">65x65 cm</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Dimensions:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<div
class='relative inline-block w-full lg:span-w-3-wider'
x-data='{ value: "Ciment___17094353518710", label: "" }'
x-init='value=$refs.select.value || "Ciment___17094353518710"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
x-ref='select'
x-init='variants.push($data)'
name='Couleur'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Couleur'
value='Ciment___17094353518710'
:value='value'
><option
value=''
disabled
>
Couleur
</option>
<option
data-label="Ciment"
disabled
value="Ciment___17094353518710">Ciment</option>
<option
data-label="Camelia"
disabled
value="Camelia___39723032477814">Camelia</option>
<option
data-label="Laurier"
disabled
value="Laurier___54320218931525">Laurier</option>
<option
data-label="Sepia"
value="Sepia___54320218997061">Sepia</option>
<option
data-label="Agave"
disabled
value="Agave___39509167636598">Agave</option>
<option
data-label="Aube"
disabled
value="Aube___39509167800438">Aube</option>
<option
data-label="Cobalt"
disabled
value="Cobalt___39509168128118">Cobalt</option>
<option
data-label="Curcuma"
disabled
value="Curcuma___39637227307126">Curcuma</option>
<option
data-label="Horizon"
disabled
value="Horizon___17094354239606">Horizon</option>
<option
data-label="Neige"
disabled
value="Neige___17094354927734">Neige</option>
<option
data-label="Blanc casse"
value="Blanc casse___17094353322102">Blanc casse</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Couleur:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<div
class='relative inline-block w-full lg:w-full lg:col-start-2'
x-data='{ value: "1", label: "" }'
x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
x-ref='select'
id='slideout-quantity-select-1858133327990'
name='quantity'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Quantité'
value='1'
:value='value'
><option
value=''
disabled
>
Quantité
</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
<span class='mr-4 text-brown-text'>Quantité:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</article>
<article
x-data='slideoutProductCard({productId: 6554780303478, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "emaplxl-laiton", isAvailable: true, variantId: 39486264377462 })'
class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
<a
class='relative'
href='/products/emaplxl-laiton'
x-data
@click.passive='closePanel'
>
<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=64&v=1727693185&width=48 48w,//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=127&v=1727693185&width=96 96w,//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=212&v=1727693185&width=160 160w,//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=424&v=1727693185&width=320 320w,//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=847&v=1727693185&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=127&v=1727693185&width=96 96w,//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=212&v=1727693185&width=160 160w,//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=424&v=1727693185&width=320 320w,//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=847&v=1727693185&width=640 640w,//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=1271&v=1727693185&width=960 960w,//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=1589&v=1727693185&width=1200 1200w,//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=2542&v=1727693185&width=1920 1920w,//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=3177&v=1727693185&width=2400 2400w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=188&v=1727693185&width=142" alt="Grand plateau Ema" srcset="//caravane.com/cdn/shop/files/Zwzn5lpg.jpg?crop=center&height=188&v=1727693185&width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</a>
<div
class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
id='slideout-product-card-6554780303478'
>
<div class='lg:col-span-2'>
<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
<a
class='relative'
href='/products/emaplxl-laiton'
x-data
@click.passive='closePanel'
>Grand plateau Ema</a>
</h3>
<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
<span x-show='price' x-text='price'></span>
<span x-show='!price'><span class="money">110,00€</span></span>
</p>
</div>
<div
class='relative inline-block w-full lg:col-span-2'
x-data='{ value: "37___39486264377462", label: "" }'
x-init='value=$refs.select.value || "37___39486264377462"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
x-ref='select'
x-init='variants.push($data)'
name='Dimensions'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Dimensions'
value='37___39486264377462'
:value='value'
><option
value=''
disabled
>
Dimensions
</option>
<option
data-label="37"
value="37___39486264377462">37</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Dimensions:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<div
class='relative inline-block w-full lg:span-w-3-wider'
x-data='{ value: "Dore___39486264377462", label: "" }'
x-init='value=$refs.select.value || "Dore___39486264377462"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
x-ref='select'
x-init='variants.push($data)'
name='Couleur'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Couleur'
value='Dore___39486264377462'
:value='value'
><option
value=''
disabled
>
Couleur
</option>
<option
data-label="Dore"
value="Dore___39486264377462">Dore</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Couleur:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<div
class='relative inline-block w-full lg:w-full lg:col-start-2'
x-data='{ value: "1", label: "" }'
x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
x-ref='select'
id='slideout-quantity-select-6554780303478'
name='quantity'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Quantité'
value='1'
:value='value'
><option
value=''
disabled
>
Quantité
</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
<span class='mr-4 text-brown-text'>Quantité:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</article>
<article
x-data='slideoutProductCard({productId: 2615793221750, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "eliorche-bois-de-manguier", isAvailable: false, variantId: 56185636487493 })'
class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
<a
class='relative'
href='/products/eliorche-bois-de-manguier'
x-data
@click.passive='closePanel'
>
<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=64&v=1769166609&width=48 48w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=127&v=1769166609&width=96 96w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=212&v=1769166609&width=160 160w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=424&v=1769166609&width=320 320w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=847&v=1769166609&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=127&v=1769166609&width=96 96w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=212&v=1769166609&width=160 160w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=424&v=1769166609&width=320 320w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=847&v=1769166609&width=640 640w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=1271&v=1769166609&width=960 960w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=1589&v=1769166609&width=1200 1200w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=2542&v=1769166609&width=1920 1920w,//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=3177&v=1769166609&width=2400 2400w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=188&v=1769166609&width=142" alt="Table de chevet Elior" srcset="//caravane.com/cdn/shop/files/j37MkN8g.jpg?crop=center&height=188&v=1769166609&width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</a>
<div
class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
id='slideout-product-card-2615793221750'
>
<div class='lg:col-span-2'>
<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
<a
class='relative'
href='/products/eliorche-bois-de-manguier'
x-data
@click.passive='closePanel'
>Table de chevet Elior</a>
</h3>
<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
<span x-show='price' x-text='price'></span>
<span x-show='!price'><span class="money">450,00€</span></span>
</p>
</div>
<div
class='relative inline-block w-full lg:col-span-2'
x-data='{ value: "45x45x50 cm___56185636487493", label: "" }'
x-init='value=$refs.select.value || "45x45x50 cm___56185636487493"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
x-ref='select'
x-init='variants.push($data)'
name='Dimensions'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Dimensions'
value='45x45x50 cm___56185636487493'
:value='value'
><option
value=''
disabled
>
Dimensions
</option>
<option
data-label="45x45x50 cm"
disabled
value="45x45x50 cm___56185636487493">45x45x50 cm</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Dimensions:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<div
class='relative inline-block w-full lg:span-w-3-wider'
x-data='{ value: "Noir___56185636487493", label: "" }'
x-init='value=$refs.select.value || "Noir___56185636487493"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
x-ref='select'
x-init='variants.push($data)'
name='Couleur'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Couleur'
value='Noir___56185636487493'
:value='value'
><option
value=''
disabled
>
Couleur
</option>
<option
data-label="Noir"
disabled
value="Noir___56185636487493">Noir</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Couleur:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<div
class='relative inline-block w-full lg:w-full lg:col-start-2'
x-data='{ value: "1", label: "" }'
x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
x-ref='select'
id='slideout-quantity-select-2615793221750'
name='quantity'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Quantité'
value='1'
:value='value'
><option
value=''
disabled
>
Quantité
</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
<span class='mr-4 text-brown-text'>Quantité:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</article>
<article
x-data='slideoutProductCard({productId: 1849863241846, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "ellabronzelp-acier", isAvailable: false, variantId: 16892610510966 })'
class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
<a
class='relative'
href='/products/ellabronzelp-acier'
x-data
@click.passive='closePanel'
>
<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/LAMPEAPOSERELLABRONZE.png?crop=center&height=64&v=1770308119&width=48 48w,//caravane.com/cdn/shop/files/LAMPEAPOSERELLABRONZE.png?crop=center&height=127&v=1770308119&width=96 96w,//caravane.com/cdn/shop/files/LAMPEAPOSERELLABRONZE.png?crop=center&height=212&v=1770308119&width=160 160w,//caravane.com/cdn/shop/files/LAMPEAPOSERELLABRONZE.png?crop=center&height=424&v=1770308119&width=320 320w,//caravane.com/cdn/shop/files/LAMPEAPOSERELLABRONZE.png?crop=center&height=847&v=1770308119&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/LAMPEAPOSERELLABRONZE.png?crop=center&height=127&v=1770308119&width=96 96w,//caravane.com/cdn/shop/files/LAMPEAPOSERELLABRONZE.png?crop=center&height=212&v=1770308119&width=160 160w,//caravane.com/cdn/shop/files/LAMPEAPOSERELLABRONZE.png?crop=center&height=424&v=1770308119&width=320 320w,//caravane.com/cdn/shop/files/LAMPEAPOSERELLABRONZE.png?crop=center&height=847&v=1770308119&width=640 640w,//caravane.com/cdn/shop/files/LAMPEAPOSERELLABRONZE.png?crop=center&height=1271&v=1770308119&width=960 960w,//caravane.com/cdn/shop/files/LAMPEAPOSERELLABRONZE.png?crop=center&height=1589&v=1770308119&width=1200 1200w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/LAMPEAPOSERELLABRONZE.png?crop=center&height=188&v=1770308119&width=142" alt="Lampe à poser Ella Bronze" srcset="//caravane.com/cdn/shop/files/LAMPEAPOSERELLABRONZE.png?crop=center&height=188&v=1770308119&width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</a>
<div
class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
id='slideout-product-card-1849863241846'
>
<div class='lg:col-span-2'>
<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
<a
class='relative'
href='/products/ellabronzelp-acier'
x-data
@click.passive='closePanel'
>Lampe à poser Ella Bronze</a>
</h3>
<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
<span x-show='price' x-text='price'></span>
<span x-show='!price'><span class="money">250,00€</span></span>
</p>
</div>
<div
class='relative inline-block w-full lg:col-span-2'
x-data='{ value: "55 cm___16892610510966", label: "" }'
x-init='value=$refs.select.value || "55 cm___16892610510966"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
x-ref='select'
x-init='variants.push($data)'
name='Hauteur'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Hauteur'
value='55 cm___16892610510966'
:value='value'
><option
value=''
disabled
>
Hauteur
</option>
<option
data-label="55 cm"
disabled
value="55 cm___16892610510966">55 cm</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Hauteur:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<div
class='relative inline-block w-full lg:span-w-3-wider'
x-data='{ value: "Bronze___16892610510966", label: "" }'
x-init='value=$refs.select.value || "Bronze___16892610510966"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
x-ref='select'
x-init='variants.push($data)'
name='Couleur'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Couleur'
value='Bronze___16892610510966'
:value='value'
><option
value=''
disabled
>
Couleur
</option>
<option
data-label="Bronze"
disabled
value="Bronze___16892610510966">Bronze</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Couleur:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<div
class='relative inline-block w-full lg:w-full lg:col-start-2'
x-data='{ value: "1", label: "" }'
x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
x-ref='select'
id='slideout-quantity-select-1849863241846'
name='quantity'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Quantité'
value='1'
:value='value'
><option
value=''
disabled
>
Quantité
</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
<span class='mr-4 text-brown-text'>Quantité:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</article>
<article
x-data='slideoutProductCard({productId: 1857033338998, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "lana", isAvailable: true, variantId: 17070420426870 })'
class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
<a
class='relative'
href='/products/lana'
x-data
@click.passive='closePanel'
>
<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/Couvre-litLana-Creme_a6b0ed7e-27d6-4a18-b0cf-d93410e958eb.jpg?crop=center&height=64&v=1773669637&width=48 48w,//caravane.com/cdn/shop/files/Couvre-litLana-Creme_a6b0ed7e-27d6-4a18-b0cf-d93410e958eb.jpg?crop=center&height=127&v=1773669637&width=96 96w,//caravane.com/cdn/shop/files/Couvre-litLana-Creme_a6b0ed7e-27d6-4a18-b0cf-d93410e958eb.jpg?crop=center&height=212&v=1773669637&width=160 160w,//caravane.com/cdn/shop/files/Couvre-litLana-Creme_a6b0ed7e-27d6-4a18-b0cf-d93410e958eb.jpg?crop=center&height=424&v=1773669637&width=320 320w,//caravane.com/cdn/shop/files/Couvre-litLana-Creme_a6b0ed7e-27d6-4a18-b0cf-d93410e958eb.jpg?crop=center&height=847&v=1773669637&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/Couvre-litLana-Creme_a6b0ed7e-27d6-4a18-b0cf-d93410e958eb.jpg?crop=center&height=127&v=1773669637&width=96 96w,//caravane.com/cdn/shop/files/Couvre-litLana-Creme_a6b0ed7e-27d6-4a18-b0cf-d93410e958eb.jpg?crop=center&height=212&v=1773669637&width=160 160w,//caravane.com/cdn/shop/files/Couvre-litLana-Creme_a6b0ed7e-27d6-4a18-b0cf-d93410e958eb.jpg?crop=center&height=424&v=1773669637&width=320 320w,//caravane.com/cdn/shop/files/Couvre-litLana-Creme_a6b0ed7e-27d6-4a18-b0cf-d93410e958eb.jpg?crop=center&height=847&v=1773669637&width=640 640w,//caravane.com/cdn/shop/files/Couvre-litLana-Creme_a6b0ed7e-27d6-4a18-b0cf-d93410e958eb.jpg?crop=center&height=1271&v=1773669637&width=960 960w,//caravane.com/cdn/shop/files/Couvre-litLana-Creme_a6b0ed7e-27d6-4a18-b0cf-d93410e958eb.jpg?crop=center&height=1589&v=1773669637&width=1200 1200w,//caravane.com/cdn/shop/files/Couvre-litLana-Creme_a6b0ed7e-27d6-4a18-b0cf-d93410e958eb.jpg?crop=center&height=2542&v=1773669637&width=1920 1920w,//caravane.com/cdn/shop/files/Couvre-litLana-Creme_a6b0ed7e-27d6-4a18-b0cf-d93410e958eb.jpg?crop=center&height=3177&v=1773669637&width=2400 2400w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/Couvre-litLana-Creme_a6b0ed7e-27d6-4a18-b0cf-d93410e958eb.jpg?crop=center&height=188&v=1773669637&width=142" alt="Couvre-lit Lana" srcset="//caravane.com/cdn/shop/files/Couvre-litLana-Creme_a6b0ed7e-27d6-4a18-b0cf-d93410e958eb.jpg?crop=center&height=188&v=1773669637&width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</a>
<div
class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
id='slideout-product-card-1857033338998'
>
<div class='lg:col-span-2'>
<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
<a
class='relative'
href='/products/lana'
x-data
@click.passive='closePanel'
>Couvre-lit Lana</a>
</h3>
<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
<span x-show='price' x-text='price'></span>
<span x-show='!price'><span class="money">495,00€</span></span>
</p>
</div>
<div
class='relative inline-block w-full lg:col-span-2'
x-data='{ value: "230x250 cm___17070420426870", label: "" }'
x-init='value=$refs.select.value || "230x250 cm___17070420426870"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
x-ref='select'
x-init='variants.push($data)'
name='Dimensions'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Dimensions'
value='230x250 cm___17070420426870'
:value='value'
><option
value=''
disabled
>
Dimensions
</option>
<option
data-label="230x250 cm"
value="230x250 cm___17070420426870">230x250 cm</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Dimensions:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<div
class='relative inline-block w-full lg:span-w-3-wider'
x-data='{ value: "Creme___17070420426870", label: "" }'
x-init='value=$refs.select.value || "Creme___17070420426870"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
x-ref='select'
x-init='variants.push($data)'
name='Couleur'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Couleur'
value='Creme___17070420426870'
:value='value'
><option
value=''
disabled
>
Couleur
</option>
<option
data-label="Creme"
value="Creme___17070420426870">Creme</option>
<option
data-label="Curcuma Luni"
value="Curcuma Luni___17070420557942">Curcuma Luni</option>
<option
data-label="Charbon"
value="Charbon___17070420852854">Charbon</option>
<option
data-label="Colvert"
value="Colvert___17070421114998">Colvert</option>
<option
data-label="Naturel"
value="Naturel___17070420787318">Naturel</option>
<option
data-label="Neige Luni"
value="Neige Luni___17070420951158">Neige Luni</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Couleur:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<div
class='relative inline-block w-full lg:w-full lg:col-start-2'
x-data='{ value: "1", label: "" }'
x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
x-ref='select'
id='slideout-quantity-select-1857033338998'
name='quantity'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Quantité'
value='1'
:value='value'
><option
value=''
disabled
>
Quantité
</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
<span class='mr-4 text-brown-text'>Quantité:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</article>
<article
x-data='slideoutProductCard({productId: 1849618792566, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "adartetelit", isAvailable: false, variantId: 16891429814390 })'
class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
<a
class='relative'
href='/products/adartetelit'
x-data
@click.passive='closePanel'
>
<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/BU54eglQ.jpg?crop=center&height=64&v=1764864699&width=48 48w,//caravane.com/cdn/shop/files/BU54eglQ.jpg?crop=center&height=127&v=1764864699&width=96 96w,//caravane.com/cdn/shop/files/BU54eglQ.jpg?crop=center&height=212&v=1764864699&width=160 160w,//caravane.com/cdn/shop/files/BU54eglQ.jpg?crop=center&height=424&v=1764864699&width=320 320w,//caravane.com/cdn/shop/files/BU54eglQ.jpg?crop=center&height=847&v=1764864699&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/BU54eglQ.jpg?crop=center&height=127&v=1764864699&width=96 96w,//caravane.com/cdn/shop/files/BU54eglQ.jpg?crop=center&height=212&v=1764864699&width=160 160w,//caravane.com/cdn/shop/files/BU54eglQ.jpg?crop=center&height=424&v=1764864699&width=320 320w,//caravane.com/cdn/shop/files/BU54eglQ.jpg?crop=center&height=847&v=1764864699&width=640 640w,//caravane.com/cdn/shop/files/BU54eglQ.jpg?crop=center&height=1271&v=1764864699&width=960 960w,//caravane.com/cdn/shop/files/BU54eglQ.jpg?crop=center&height=1589&v=1764864699&width=1200 1200w,//caravane.com/cdn/shop/files/BU54eglQ.jpg?crop=center&height=2542&v=1764864699&width=1920 1920w,//caravane.com/cdn/shop/files/BU54eglQ.jpg?crop=center&height=3177&v=1764864699&width=2400 2400w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/BU54eglQ.jpg?crop=center&height=188&v=1764864699&width=142" alt="Tête de lit en tissu personnalisable Adar" srcset="//caravane.com/cdn/shop/files/BU54eglQ.jpg?crop=center&height=188&v=1764864699&width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</a>
<div
class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
id='slideout-product-card-1849618792566'
>
<div class='lg:col-span-2'>
<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
<a
class='relative'
href='/products/adartetelit'
x-data
@click.passive='closePanel'
>Tête de lit Adar</a>
</h3>
<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
<span x-show='price' x-text='price'></span>
<span x-show='!price'><span class="money">1.050,00€</span></span>
</p>
</div>
<div
class='relative inline-block w-full lg:span-w-3-wider'
x-data='{ value: "Default Title___16891429814390", label: "" }'
x-init='value=$refs.select.value || "Default Title___16891429814390"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
x-ref='select'
x-init='variants.push($data)'
name='Title'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Title'
value='Default Title___16891429814390'
:value='value'
><option
value=''
disabled
>
Title
</option>
<option
data-label="Default Title"
disabled
value="Default Title___16891429814390">Default Title</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Title:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<div
class='relative inline-block w-full lg:w-full lg:col-start-2'
x-data='{ value: "1", label: "" }'
x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
x-ref='select'
id='slideout-quantity-select-1849618792566'
name='quantity'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Quantité'
value='1'
:value='value'
><option
value=''
disabled
>
Quantité
</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
<span class='mr-4 text-brown-text'>Quantité:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</article>
<article
x-data='slideoutProductCard({productId: 1857254981750, sectionId: "template--23467447746885__slice_shop_the_room_Kzgn6n", productHandle: "selena-housse-couette", isAvailable: true, variantId: 39645760127094 })'
class='grid grid-cols-[auto_1fr] border-b border-stroke-light py-24 gutter-gap-1 last:border-0'
>
<a
class='relative'
href='/products/selena-housse-couette'
x-data
@click.passive='closePanel'
>
<picture class='block w-full h-full object-cover span-w-5 lg:span-w-3 product-card-image'><source media='(max-width: 1023px)' sizes='37vw' srcset='//caravane.com/cdn/shop/files/Couette_Curcuma_0b298941-f4ba-4fbe-bcd0-281f617cd3e5.jpg?crop=center&height=64&v=1773327482&width=48 48w,//caravane.com/cdn/shop/files/Couette_Curcuma_0b298941-f4ba-4fbe-bcd0-281f617cd3e5.jpg?crop=center&height=127&v=1773327482&width=96 96w,//caravane.com/cdn/shop/files/Couette_Curcuma_0b298941-f4ba-4fbe-bcd0-281f617cd3e5.jpg?crop=center&height=212&v=1773327482&width=160 160w,//caravane.com/cdn/shop/files/Couette_Curcuma_0b298941-f4ba-4fbe-bcd0-281f617cd3e5.jpg?crop=center&height=424&v=1773327482&width=320 320w,//caravane.com/cdn/shop/files/Couette_Curcuma_0b298941-f4ba-4fbe-bcd0-281f617cd3e5.jpg?crop=center&height=847&v=1773327482&width=640 640w' width='142' height='188'>
<source media='(min-width: 1024px)' sizes='9vw' srcset='//caravane.com/cdn/shop/files/Couette_Curcuma_0b298941-f4ba-4fbe-bcd0-281f617cd3e5.jpg?crop=center&height=127&v=1773327482&width=96 96w,//caravane.com/cdn/shop/files/Couette_Curcuma_0b298941-f4ba-4fbe-bcd0-281f617cd3e5.jpg?crop=center&height=212&v=1773327482&width=160 160w,//caravane.com/cdn/shop/files/Couette_Curcuma_0b298941-f4ba-4fbe-bcd0-281f617cd3e5.jpg?crop=center&height=424&v=1773327482&width=320 320w,//caravane.com/cdn/shop/files/Couette_Curcuma_0b298941-f4ba-4fbe-bcd0-281f617cd3e5.jpg?crop=center&height=847&v=1773327482&width=640 640w,//caravane.com/cdn/shop/files/Couette_Curcuma_0b298941-f4ba-4fbe-bcd0-281f617cd3e5.jpg?crop=center&height=1271&v=1773327482&width=960 960w,//caravane.com/cdn/shop/files/Couette_Curcuma_0b298941-f4ba-4fbe-bcd0-281f617cd3e5.jpg?crop=center&height=1589&v=1773327482&width=1200 1200w,//caravane.com/cdn/shop/files/Couette_Curcuma_0b298941-f4ba-4fbe-bcd0-281f617cd3e5.jpg?crop=center&height=2542&v=1773327482&width=1920 1920w,//caravane.com/cdn/shop/files/Couette_Curcuma_0b298941-f4ba-4fbe-bcd0-281f617cd3e5.jpg?crop=center&height=3177&v=1773327482&width=2400 2400w' width='142' height='188'>
<img src="//caravane.com/cdn/shop/files/Couette_Curcuma_0b298941-f4ba-4fbe-bcd0-281f617cd3e5.jpg?crop=center&height=188&v=1773327482&width=142" alt="Housse de couette Selena" srcset="//caravane.com/cdn/shop/files/Couette_Curcuma_0b298941-f4ba-4fbe-bcd0-281f617cd3e5.jpg?crop=center&height=188&v=1773327482&width=142 142w" width="142" height="188" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</a>
<div
class='flex flex-col gap-10 span-w-7 lg:grid lg:grid-cols-[auto_1fr] lg:content-start lg:span-w-5'
id='slideout-product-card-1857254981750'
>
<div class='lg:col-span-2'>
<h3 class='font-serif text-15 leading-slim tracking-wide lg:text-20'>
<a
class='relative'
href='/products/selena-housse-couette'
x-data
@click.passive='closePanel'
>Housse de couette Selena</a>
</h3>
<p class='product-card-price mt-4 text-14 leading-none tracking-snug text-neutral-80 lg:mb-8'>
<span x-show='price' x-text='price'></span>
<span x-show='!price'><span class="money">235,00€</span></span>
</p>
</div>
<div
class='relative inline-block w-full lg:col-span-2'
x-data='{ value: "140x200 cm___39645760127094", label: "" }'
x-init='value=$refs.select.value || "140x200 cm___39645760127094"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
x-ref='select'
x-init='variants.push($data)'
name='Dimensions'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Dimensions'
value='140x200 cm___39645760127094'
:value='value'
><option
value=''
disabled
>
Dimensions
</option>
<option
data-label="140x200 cm"
value="140x200 cm___39645760127094">140x200 cm</option>
<option
data-label="240x220 cm"
disabled
value="240x220 cm___39645760225398">240x220 cm</option>
<option
data-label="260x240 cm"
disabled
value="260x240 cm___39645760258166">260x240 cm</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Dimensions:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<div
class='relative inline-block w-full lg:span-w-3-wider'
x-data='{ value: "Curcuma___39645760127094", label: "" }'
x-init='value=$refs.select.value || "Curcuma___39645760127094"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $parent.updateProduct(); }'
x-ref='select'
x-init='variants.push($data)'
name='Couleur'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Couleur'
value='Curcuma___39645760127094'
:value='value'
><option
value=''
disabled
>
Couleur
</option>
<option
data-label="Curcuma"
value="Curcuma___39645760127094">Curcuma</option>
<option
data-label="Aube"
value="Aube___39509166129270">Aube</option>
<option
data-label="Blanc casse"
value="Blanc casse___17072438706294">Blanc casse</option>
<option
data-label="Laurier"
disabled
value="Laurier___54319545319749">Laurier</option>
<option
data-label="Sepia"
disabled
value="Sepia___54319545680197">Sepia</option>
<option
data-label="Agave"
value="Agave___39645759570038">Agave</option>
<option
data-label="Camelia"
value="Camelia___39725555613814">Camelia</option>
<option
data-label="Ciment"
value="Ciment___19706152747126">Ciment</option>
<option
data-label="Cobalt"
value="Cobalt___39509167210614">Cobalt</option>
<option
data-label="Horizon"
value="Horizon___19706159595638">Horizon</option>
<option
data-label="Neige"
value="Neige___17072437624950">Neige</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Couleur:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<div
class='relative inline-block w-full lg:w-full lg:col-start-2'
x-data='{ value: "1", label: "" }'
x-init='value=$refs.select.value || "1"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; handleQuantity($event); }'
x-ref='select'
id='slideout-quantity-select-1857254981750'
name='quantity'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Quantité'
value='1'
:value='value'
><option
value=''
disabled
>
Quantité
</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black lg:[&>span:first-of-type]:hidden'>
<span class='mr-4 text-brown-text'>Quantité:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg-max:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</div>
<button
class='relative flex justify-center items-center h-40 px-32 text-12/narrow font-normal uppercase transition-[border,transform] ease-expo-out duration-700 hover:duration-100 active:duration-100 active:scale-95 border border-brown-light hover:border-brown-dark active:border-brown-dark outline-brown-dark disabled:border-stroke-light disabled:hover:border-stroke-light disabled:active:border-stroke-light disabled:text-brown-light col-span-2 w-full lg:hidden'
type='button'
x-data
@click.passive='handleClick'
:disabled="!isAvailable"
>
<span x-show="isAvailable">Ajouter au panier</span>
<span x-show="!isAvailable">Bientôt disponible</span>
</button>
</article>
</div>
</main><footer class='bg-cream py-20 margin-px-1 -margin-mx-1 w-full !mx-0 !px-20 border-t border-stroke-light !py-24' >
<a
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-black hover:bg-neutral-80 active:bg-neutral-80 text-white outline-black w-full'
href='/collections/chambre-curcuma'
x-data
@click.passive='isOpen=false'
>Découvrir la collection</a>
</footer>
</div>
</aside>
</template>
</article>
</div>
</div>
</div><section id="shopify-section-template--23467447746885__slice_article_slideshow_ArQfCw" class="shopify-section relative isolate z-0 overflow-x-clip bg-cream text-brown-dark my-48">
<div class='grid-container'>
<h2 class='mx-auto whitespace-pre-wrap text-center font-serif text-40 leading-none span-w-10 lg:text-70 lg:span-w-12'>Nos dernières actualités</h2>
</div>
<div
x-data='slideshow({groupBy:1,autoPlayInterval:0,disableLg:false,orientation:"horizontal",displayChildrenCountMobile:-1,displayChildrenCountDesktop:-1})'
class='mt-24 lg:mt-48 relative lg-max:touch-pan-y'
>
<div
x-ref='wrapper'
@touchstart='handleTouchStart'
@scroll.passive='handleScroll'
class='flex [&>*]:shrink-0 justify-start items-stretch [&>*]:snap-start overflow-auto scrollbar-hide snap-mandatory scroll-smooth touch-pan-x touch-pan-y snap-x overflow-y-hidden lg-max:overscroll-y-none-safari flex flex-row gap-0'
>
<article class='group margin-pl-1 !span-w-6-wide lg:!span-w-12-wide'><a href='/blogs/news/caravane-x-ressource'><div
class='relative flex-shrink-0'
>
<picture class='block user-select-none overflow-clip span-w-6 lg:span-w-12'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=48&v=1775207129&width=48 48w,//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=96&v=1775207129&width=96 96w,//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=160&v=1775207129&width=160 160w,//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=320&v=1775207129&width=320 320w,//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=640&v=1775207129&width=640 640w' width='175' height='175'>
<source media='(min-width: 1024px)' sizes='47vw' srcset='//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=71&v=1775207129&width=96 96w,//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=119&v=1775207129&width=160 160w,//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=237&v=1775207129&width=320 320w,//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=475&v=1775207129&width=640 640w,//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=712&v=1775207129&width=960 960w' width='690' height='512'>
<img src="//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=512&v=1775207129&width=690" alt="Caravane x Ressource" srcset="//caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=261&v=1775207129&width=352 352w, //caravane.com/cdn/shop/articles/papier_peint_peinture.png?crop=center&height=512&v=1775207129&width=690 690w" width="690" height="512" loading="lazy" class="object-cover w-full" fetchpriority="auto">
</picture>
<div class='invisible absolute bottom-10 left-10 z-2 opacity-0 transition-[opacity,visibility] duration-300 ease-expo-out span-w-4 group-hover:visible group-hover:opacity-100 lg-max:invisible'>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full bg-white text-11 text-dark-brown !normal-case flex py-8 px-12 justify-between'
type='button'
>
<span>Lire l'article</span>
<span><svg class='w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</span>
</button>
</div>
</div>
<div class='mt-8 flex flex-col gap-8 lg:mt-10'><p class='text-13/small text-brown-text'>
Collaboration
</p><h2 class='font-serif text-15 leading-slim tracking-tight text-brown-dark lg:text-24 lg:leading-small'>Caravane x Ressource</h2></div></a></article>
<article class='group margin-pl-1 !span-w-6-wide lg:!span-w-12-wide'><a href='/blogs/news/les-beaux-jours-en-exterieur'><div
class='relative flex-shrink-0'
>
<picture class='block user-select-none overflow-clip span-w-6 lg:span-w-12'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/articles/DSF0590_6096b13d-e9f7-4160-8fe0-715fb80d05bc.jpg?crop=center&height=48&v=1772804970&width=48 48w,//caravane.com/cdn/shop/articles/DSF0590_6096b13d-e9f7-4160-8fe0-715fb80d05bc.jpg?crop=center&height=96&v=1772804970&width=96 96w,//caravane.com/cdn/shop/articles/DSF0590_6096b13d-e9f7-4160-8fe0-715fb80d05bc.jpg?crop=center&height=160&v=1772804970&width=160 160w,//caravane.com/cdn/shop/articles/DSF0590_6096b13d-e9f7-4160-8fe0-715fb80d05bc.jpg?crop=center&height=320&v=1772804970&width=320 320w,//caravane.com/cdn/shop/articles/DSF0590_6096b13d-e9f7-4160-8fe0-715fb80d05bc.jpg?crop=center&height=640&v=1772804970&width=640 640w' width='175' height='175'>
<source media='(min-width: 1024px)' sizes='47vw' srcset='//caravane.com/cdn/shop/articles/DSF0590_6096b13d-e9f7-4160-8fe0-715fb80d05bc.jpg?crop=center&height=71&v=1772804970&width=96 96w,//caravane.com/cdn/shop/articles/DSF0590_6096b13d-e9f7-4160-8fe0-715fb80d05bc.jpg?crop=center&height=119&v=1772804970&width=160 160w,//caravane.com/cdn/shop/articles/DSF0590_6096b13d-e9f7-4160-8fe0-715fb80d05bc.jpg?crop=center&height=237&v=1772804970&width=320 320w,//caravane.com/cdn/shop/articles/DSF0590_6096b13d-e9f7-4160-8fe0-715fb80d05bc.jpg?crop=center&height=475&v=1772804970&width=640 640w,//caravane.com/cdn/shop/articles/DSF0590_6096b13d-e9f7-4160-8fe0-715fb80d05bc.jpg?crop=center&height=712&v=1772804970&width=960 960w,//caravane.com/cdn/shop/articles/DSF0590_6096b13d-e9f7-4160-8fe0-715fb80d05bc.jpg?crop=center&height=890&v=1772804970&width=1200 1200w,//caravane.com/cdn/shop/articles/DSF0590_6096b13d-e9f7-4160-8fe0-715fb80d05bc.jpg?crop=center&height=1425&v=1772804970&width=1920 1920w,//caravane.com/cdn/shop/articles/DSF0590_6096b13d-e9f7-4160-8fe0-715fb80d05bc.jpg?crop=center&height=1781&v=1772804970&width=2400 2400w' width='690' height='512'>
<img src="//caravane.com/cdn/shop/articles/DSF0590_6096b13d-e9f7-4160-8fe0-715fb80d05bc.jpg?crop=center&height=512&v=1772804970&width=690" alt="Comment aménager votre espace extérieur avec Caravane ?" srcset="//caravane.com/cdn/shop/articles/DSF0590_6096b13d-e9f7-4160-8fe0-715fb80d05bc.jpg?crop=center&height=261&v=1772804970&width=352 352w, //caravane.com/cdn/shop/articles/DSF0590_6096b13d-e9f7-4160-8fe0-715fb80d05bc.jpg?crop=center&height=512&v=1772804970&width=690 690w" width="690" height="512" loading="lazy" class="object-cover w-full" fetchpriority="auto">
</picture>
<div class='invisible absolute bottom-10 left-10 z-2 opacity-0 transition-[opacity,visibility] duration-300 ease-expo-out span-w-4 group-hover:visible group-hover:opacity-100 lg-max:invisible'>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full bg-white text-11 text-dark-brown !normal-case flex py-8 px-12 justify-between'
type='button'
>
<span>Lire l'article</span>
<span><svg class='w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</span>
</button>
</div>
</div>
<div class='mt-8 flex flex-col gap-8 lg:mt-10'><p class='text-13/small text-brown-text'>
Conseils
</p><h2 class='font-serif text-15 leading-slim tracking-tight text-brown-dark lg:text-24 lg:leading-small'>Comment aménager votre espace extérieur avec Caravane ?</h2></div></a></article>
<article class='group margin-pl-1 !span-w-6-wide lg:!span-w-12-wide'><a href='/blogs/news/caravane-chez-vous'><div
class='relative flex-shrink-0'
>
<picture class='block user-select-none overflow-clip span-w-6 lg:span-w-12'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/articles/Caravane_at_home_12.png?crop=center&height=48&v=1774517336&width=48 48w,//caravane.com/cdn/shop/articles/Caravane_at_home_12.png?crop=center&height=96&v=1774517336&width=96 96w,//caravane.com/cdn/shop/articles/Caravane_at_home_12.png?crop=center&height=160&v=1774517336&width=160 160w,//caravane.com/cdn/shop/articles/Caravane_at_home_12.png?crop=center&height=320&v=1774517336&width=320 320w,//caravane.com/cdn/shop/articles/Caravane_at_home_12.png?crop=center&height=640&v=1774517336&width=640 640w' width='175' height='175'>
<source media='(min-width: 1024px)' sizes='47vw' srcset='//caravane.com/cdn/shop/articles/Caravane_at_home_12.png?crop=center&height=71&v=1774517336&width=96 96w,//caravane.com/cdn/shop/articles/Caravane_at_home_12.png?crop=center&height=119&v=1774517336&width=160 160w,//caravane.com/cdn/shop/articles/Caravane_at_home_12.png?crop=center&height=237&v=1774517336&width=320 320w,//caravane.com/cdn/shop/articles/Caravane_at_home_12.png?crop=center&height=475&v=1774517336&width=640 640w,//caravane.com/cdn/shop/articles/Caravane_at_home_12.png?crop=center&height=712&v=1774517336&width=960 960w,//caravane.com/cdn/shop/articles/Caravane_at_home_12.png?crop=center&height=890&v=1774517336&width=1200 1200w,//caravane.com/cdn/shop/articles/Caravane_at_home_12.png?crop=center&height=1425&v=1774517336&width=1920 1920w' width='690' height='512'>
<img src="//caravane.com/cdn/shop/articles/Caravane_at_home_12.png?crop=center&height=512&v=1774517336&width=690" alt="Caravane chez vous" srcset="//caravane.com/cdn/shop/articles/Caravane_at_home_12.png?crop=center&height=261&v=1774517336&width=352 352w, //caravane.com/cdn/shop/articles/Caravane_at_home_12.png?crop=center&height=512&v=1774517336&width=690 690w" width="690" height="512" loading="lazy" class="object-cover w-full" fetchpriority="auto">
</picture>
<div class='invisible absolute bottom-10 left-10 z-2 opacity-0 transition-[opacity,visibility] duration-300 ease-expo-out span-w-4 group-hover:visible group-hover:opacity-100 lg-max:invisible'>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full bg-white text-11 text-dark-brown !normal-case flex py-8 px-12 justify-between'
type='button'
>
<span>Lire l'article</span>
<span><svg class='w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</span>
</button>
</div>
</div>
<div class='mt-8 flex flex-col gap-8 lg:mt-10'><p class='text-13/small text-brown-text'>
Actualités
</p><h2 class='font-serif text-15 leading-slim tracking-tight text-brown-dark lg:text-24 lg:leading-small'>Caravane chez vous</h2></div></a></article>
<article class='group margin-pl-1 !span-w-6-wide lg:!span-w-12-wide'><a href='/blogs/news/lumiere-tressee'><div
class='relative flex-shrink-0'
>
<picture class='block user-select-none overflow-clip span-w-6 lg:span-w-12'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/articles/MG_4472_e6cc9ffd-efbb-4439-90b4-a316a4dbdcf2.jpg?crop=center&height=48&v=1770299317&width=48 48w,//caravane.com/cdn/shop/articles/MG_4472_e6cc9ffd-efbb-4439-90b4-a316a4dbdcf2.jpg?crop=center&height=96&v=1770299317&width=96 96w,//caravane.com/cdn/shop/articles/MG_4472_e6cc9ffd-efbb-4439-90b4-a316a4dbdcf2.jpg?crop=center&height=160&v=1770299317&width=160 160w,//caravane.com/cdn/shop/articles/MG_4472_e6cc9ffd-efbb-4439-90b4-a316a4dbdcf2.jpg?crop=center&height=320&v=1770299317&width=320 320w,//caravane.com/cdn/shop/articles/MG_4472_e6cc9ffd-efbb-4439-90b4-a316a4dbdcf2.jpg?crop=center&height=640&v=1770299317&width=640 640w' width='175' height='175'>
<source media='(min-width: 1024px)' sizes='47vw' srcset='//caravane.com/cdn/shop/articles/MG_4472_e6cc9ffd-efbb-4439-90b4-a316a4dbdcf2.jpg?crop=center&height=71&v=1770299317&width=96 96w,//caravane.com/cdn/shop/articles/MG_4472_e6cc9ffd-efbb-4439-90b4-a316a4dbdcf2.jpg?crop=center&height=119&v=1770299317&width=160 160w,//caravane.com/cdn/shop/articles/MG_4472_e6cc9ffd-efbb-4439-90b4-a316a4dbdcf2.jpg?crop=center&height=237&v=1770299317&width=320 320w,//caravane.com/cdn/shop/articles/MG_4472_e6cc9ffd-efbb-4439-90b4-a316a4dbdcf2.jpg?crop=center&height=475&v=1770299317&width=640 640w,//caravane.com/cdn/shop/articles/MG_4472_e6cc9ffd-efbb-4439-90b4-a316a4dbdcf2.jpg?crop=center&height=712&v=1770299317&width=960 960w,//caravane.com/cdn/shop/articles/MG_4472_e6cc9ffd-efbb-4439-90b4-a316a4dbdcf2.jpg?crop=center&height=890&v=1770299317&width=1200 1200w,//caravane.com/cdn/shop/articles/MG_4472_e6cc9ffd-efbb-4439-90b4-a316a4dbdcf2.jpg?crop=center&height=1425&v=1770299317&width=1920 1920w,//caravane.com/cdn/shop/articles/MG_4472_e6cc9ffd-efbb-4439-90b4-a316a4dbdcf2.jpg?crop=center&height=1781&v=1770299317&width=2400 2400w' width='690' height='512'>
<img src="//caravane.com/cdn/shop/articles/MG_4472_e6cc9ffd-efbb-4439-90b4-a316a4dbdcf2.jpg?crop=center&height=512&v=1770299317&width=690" alt="Lumière tressée" srcset="//caravane.com/cdn/shop/articles/MG_4472_e6cc9ffd-efbb-4439-90b4-a316a4dbdcf2.jpg?crop=center&height=261&v=1770299317&width=352 352w, //caravane.com/cdn/shop/articles/MG_4472_e6cc9ffd-efbb-4439-90b4-a316a4dbdcf2.jpg?crop=center&height=512&v=1770299317&width=690 690w" width="690" height="512" loading="lazy" class="object-cover w-full" fetchpriority="auto">
</picture>
<div class='invisible absolute bottom-10 left-10 z-2 opacity-0 transition-[opacity,visibility] duration-300 ease-expo-out span-w-4 group-hover:visible group-hover:opacity-100 lg-max:invisible'>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full bg-white text-11 text-dark-brown !normal-case flex py-8 px-12 justify-between'
type='button'
>
<span>Lire l'article</span>
<span><svg class='w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</span>
</button>
</div>
</div>
<div class='mt-8 flex flex-col gap-8 lg:mt-10'><p class='text-13/small text-brown-text'>
Matières
</p><h2 class='font-serif text-15 leading-slim tracking-tight text-brown-dark lg:text-24 lg:leading-small'>Lumière tressée</h2></div></a></article>
<article class='group margin-pl-1 !span-w-6-wide lg:!span-w-12-wide'><a href='/blogs/news/les-sofa-covers'><div
class='relative flex-shrink-0'
>
<picture class='block user-select-none overflow-clip span-w-6 lg:span-w-12'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/articles/Design_sans_titre_58.png?crop=center&height=48&v=1772467207&width=48 48w,//caravane.com/cdn/shop/articles/Design_sans_titre_58.png?crop=center&height=96&v=1772467207&width=96 96w,//caravane.com/cdn/shop/articles/Design_sans_titre_58.png?crop=center&height=160&v=1772467207&width=160 160w,//caravane.com/cdn/shop/articles/Design_sans_titre_58.png?crop=center&height=320&v=1772467207&width=320 320w,//caravane.com/cdn/shop/articles/Design_sans_titre_58.png?crop=center&height=640&v=1772467207&width=640 640w' width='175' height='175'>
<source media='(min-width: 1024px)' sizes='47vw' srcset='//caravane.com/cdn/shop/articles/Design_sans_titre_58.png?crop=center&height=71&v=1772467207&width=96 96w,//caravane.com/cdn/shop/articles/Design_sans_titre_58.png?crop=center&height=119&v=1772467207&width=160 160w,//caravane.com/cdn/shop/articles/Design_sans_titre_58.png?crop=center&height=237&v=1772467207&width=320 320w,//caravane.com/cdn/shop/articles/Design_sans_titre_58.png?crop=center&height=475&v=1772467207&width=640 640w,//caravane.com/cdn/shop/articles/Design_sans_titre_58.png?crop=center&height=712&v=1772467207&width=960 960w,//caravane.com/cdn/shop/articles/Design_sans_titre_58.png?crop=center&height=890&v=1772467207&width=1200 1200w' width='690' height='512'>
<img src="//caravane.com/cdn/shop/articles/Design_sans_titre_58.png?crop=center&height=512&v=1772467207&width=690" alt="Les Sofa Covers" srcset="//caravane.com/cdn/shop/articles/Design_sans_titre_58.png?crop=center&height=261&v=1772467207&width=352 352w, //caravane.com/cdn/shop/articles/Design_sans_titre_58.png?crop=center&height=512&v=1772467207&width=690 690w" width="690" height="512" loading="lazy" class="object-cover w-full" fetchpriority="auto">
</picture>
<div class='invisible absolute bottom-10 left-10 z-2 opacity-0 transition-[opacity,visibility] duration-300 ease-expo-out span-w-4 group-hover:visible group-hover:opacity-100 lg-max:invisible'>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full bg-white text-11 text-dark-brown !normal-case flex py-8 px-12 justify-between'
type='button'
>
<span>Lire l'article</span>
<span><svg class='w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</span>
</button>
</div>
</div>
<div class='mt-8 flex flex-col gap-8 lg:mt-10'><p class='text-13/small text-brown-text'>
Matières
</p><h2 class='font-serif text-15 leading-slim tracking-tight text-brown-dark lg:text-24 lg:leading-small'>Les Sofa Covers</h2></div></a></article>
<article class='group margin-px-1 !span-w-6-wider lg:!span-w-12-wider'><a href='/blogs/news/cosmos-notre-coup-de-coeur'><div
class='relative flex-shrink-0'
>
<picture class='block user-select-none overflow-clip span-w-6 lg:span-w-12'><source media='(max-width: 1023px)' sizes='46vw' srcset='//caravane.com/cdn/shop/articles/Cosmos_suspension_fleur_9_7c9cc706-b29f-48ad-ba06-75b231ba1d20.jpg?crop=center&height=48&v=1767350639&width=48 48w,//caravane.com/cdn/shop/articles/Cosmos_suspension_fleur_9_7c9cc706-b29f-48ad-ba06-75b231ba1d20.jpg?crop=center&height=96&v=1767350639&width=96 96w,//caravane.com/cdn/shop/articles/Cosmos_suspension_fleur_9_7c9cc706-b29f-48ad-ba06-75b231ba1d20.jpg?crop=center&height=160&v=1767350639&width=160 160w,//caravane.com/cdn/shop/articles/Cosmos_suspension_fleur_9_7c9cc706-b29f-48ad-ba06-75b231ba1d20.jpg?crop=center&height=320&v=1767350639&width=320 320w,//caravane.com/cdn/shop/articles/Cosmos_suspension_fleur_9_7c9cc706-b29f-48ad-ba06-75b231ba1d20.jpg?crop=center&height=640&v=1767350639&width=640 640w' width='175' height='175'>
<source media='(min-width: 1024px)' sizes='47vw' srcset='//caravane.com/cdn/shop/articles/Cosmos_suspension_fleur_9_7c9cc706-b29f-48ad-ba06-75b231ba1d20.jpg?crop=center&height=71&v=1767350639&width=96 96w,//caravane.com/cdn/shop/articles/Cosmos_suspension_fleur_9_7c9cc706-b29f-48ad-ba06-75b231ba1d20.jpg?crop=center&height=119&v=1767350639&width=160 160w,//caravane.com/cdn/shop/articles/Cosmos_suspension_fleur_9_7c9cc706-b29f-48ad-ba06-75b231ba1d20.jpg?crop=center&height=237&v=1767350639&width=320 320w,//caravane.com/cdn/shop/articles/Cosmos_suspension_fleur_9_7c9cc706-b29f-48ad-ba06-75b231ba1d20.jpg?crop=center&height=475&v=1767350639&width=640 640w,//caravane.com/cdn/shop/articles/Cosmos_suspension_fleur_9_7c9cc706-b29f-48ad-ba06-75b231ba1d20.jpg?crop=center&height=712&v=1767350639&width=960 960w' width='690' height='512'>
<img src="//caravane.com/cdn/shop/articles/Cosmos_suspension_fleur_9_7c9cc706-b29f-48ad-ba06-75b231ba1d20.jpg?crop=center&height=512&v=1767350639&width=690" alt="La famille Cosmos" srcset="//caravane.com/cdn/shop/articles/Cosmos_suspension_fleur_9_7c9cc706-b29f-48ad-ba06-75b231ba1d20.jpg?crop=center&height=261&v=1767350639&width=352 352w, //caravane.com/cdn/shop/articles/Cosmos_suspension_fleur_9_7c9cc706-b29f-48ad-ba06-75b231ba1d20.jpg?crop=center&height=512&v=1767350639&width=690 690w" width="690" height="512" loading="lazy" class="object-cover w-full" fetchpriority="auto">
</picture>
<div class='invisible absolute bottom-10 left-10 z-2 opacity-0 transition-[opacity,visibility] duration-300 ease-expo-out span-w-4 group-hover:visible group-hover:opacity-100 lg-max:invisible'>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white w-full bg-white text-11 text-dark-brown !normal-case flex py-8 px-12 justify-between'
type='button'
>
<span>Lire l'article</span>
<span><svg class='w-16 h-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 17' fill='none' role='presentation'>
<path d="M8 13.5L7.32564 12.8186L11.1674 8.97685H3V8.02315H11.1674L7.32564 4.18142L8 3.5L13 8.5L8 13.5Z" fill="currentColor"/>
</svg>
</span>
</button>
</div>
</div>
<div class='mt-8 flex flex-col gap-8 lg:mt-10'><p class='text-13/small text-brown-text'>
Inspiration
</p><h2 class='font-serif text-15 leading-slim tracking-tight text-brown-dark lg:text-24 lg:leading-small'>La famille Cosmos</h2></div></a></article>
</div>
<div
x-ref='dots'
class='slideshow-dots lg:hidden !mt-48 [&_button]:w-6 [&_button]:h-6 lg:[&_button]:w-8 lg:[&_button]:h-8 [&_button]:!rounded-none [&_button:not(.is-active)]:border-brown-light'
role='group'
>
<button
class='slideshow-dot is-active'
aria-label='Diapositive 1'
aria-current='true'
@click='handleNavChange(0)'
type='button'
></button>
<button
class='slideshow-dot'
aria-label='Diapositive 2'
aria-current='false'
@click='handleNavChange(1)'
type='button'
></button>
<button
class='slideshow-dot'
aria-label='Diapositive 3'
aria-current='false'
@click='handleNavChange(2)'
type='button'
></button>
<button
class='slideshow-dot'
aria-label='Diapositive 4'
aria-current='false'
@click='handleNavChange(3)'
type='button'
></button>
<button
class='slideshow-dot'
aria-label='Diapositive 5'
aria-current='false'
@click='handleNavChange(4)'
type='button'
></button>
<button
class='slideshow-dot'
aria-label='Diapositive 6'
aria-current='false'
@click='handleNavChange(5)'
type='button'
></button>
</div>
<nav
class='flex items-center gutter-gap-1 lg:gap-10 lg-max:hidden absolute lg-max:-bottom-44 lg:-top-68 h-20 lg-max:left-1/2 lg-max:-translate-x-1/2 lg:margin-right-1'
:class="{ 'hidden': !enabled }"
>
<button
x-ref='prevButton'
@click.passive='handlePrev'
class='slideshow-prev grid place-content-center span-w-1 disabled:text-grey lg:w-20 lg:h-20'
aria-label='Page précédente'
type='button'
>
<svg class='' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewbox='0 0 18 18' fill='none'>
<path d="M13.148 0L14.4297 1.32308L6.99303 9L14.4297 16.6769L13.148 18L4.42969 9L13.148 0Z" fill="currentColor"/>
</svg>
</button>
<button
x-ref='nextButton'
@click.passive='handleNext'
class='slideshow-next grid place-content-center span-w-1 disabled:text-grey lg:w-20 lg:h-20'
aria-label='Page suivante'
type='button'
>
<svg class='' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewbox='0 0 18 18' fill='none'>
<path d="M5.71136 18L4.42969 16.6769L11.8663 9L4.42969 1.32308L5.71136 0L14.4297 9L5.71136 18Z" fill="currentColor"/>
</svg>
</button>
</nav>
</div>
</section><div id="shopify-section-template--23467447746885__header_theme_CrVnHt" class="shopify-section">
<style>
:root {
--header-solid-bg: #FFFDF7;
--header-solid-text: #3F2400;
--header-solid-border: rgba(63,36,0,0.1);
--header-bg-color: transparent;
--header-text-color: #ffffff;
--header-border-color: transparent;
--header-spacer-display: none;
--header-is-transparent: 1;
--viewportHeightMin: var(--screenHeightMin);
--viewportHeightMax: var(--screenHeightMax);
}
</style>
</div>
</div>
</main>
<footer id="shopify-section-footer" class="shopify-section bg-cream text-brown-dark overflow-x-clip">
<div class='border-t border-stroke-light'>
<div class='flex lg:span-px-2-wider lg:margin-mx-1'>
<div class='flex w-full flex-row items-center overflow-hidden py-40 text-brown-text lg:justify-between lg-max:hidden'>
<div class='flex w-full flex-col items-center justify-center gap-15 text-center span-px-2 child-svg:text-brown-dark lg:gap-20 lg:span-w-10 lg:span-px-1-wide'>
<svg xmlns='http://www.w3.org/2000/svg' width='16' height='11' viewbox='0 0 16 11' fill='none'>
<path d="M0.500583 2.63546H15.4997V2.02717C15.4997 0.68028 14.7828 0 13.3551 0H2.64519C1.21778 0 0.500291 0.68028 0.500291 2.02745L0.500583 2.63546ZM0.500583 8.97925C0.500583 10.3264 1.21749 11 2.64519 11H13.3551C14.7825 11 15.5 10.3264 15.5 8.97925V4.12019H0.5L0.500583 8.97925ZM2.78187 7.38347V6.17358C2.78187 5.80749 3.04823 5.54576 3.45127 5.54576H5.12464C5.52769 5.54576 5.79405 5.80749 5.79405 6.17358V7.38347C5.79405 7.75625 5.52769 8.01129 5.12464 8.01129H3.45098C3.04794 8.01129 2.78187 7.75625 2.78187 7.38347Z" fill="currentColor"/>
</svg>
<p class='text-14 text-brown-text'>Paiement en 3x sans frais Alma*, Apple Pay, Mastercard, Visa, Paypal.</p>
</div>
<div class='flex w-full flex-col items-center justify-center gap-15 text-center span-px-2 child-svg:text-brown-dark lg:gap-20 lg:span-w-10 lg:span-px-1-wide'>
<svg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewbox='0 0 19 19' fill='none'>
<path d="M1.07617 15.626V14.0945H4.90491V12.563H1.84192V11.0315H4.90491V9.5H2.64595V7.96851H4.90491V5.70955L3.4117 2.49341L4.79005 1.84253L6.58955 5.67126H15.4722L13.979 2.49341L15.3574 1.84253L17.1569 5.67126V15.626H1.07617ZM9.49939 10.2657H12.5624C12.7793 10.2657 12.9612 10.1924 13.108 10.0456C13.2547 9.89883 13.3281 9.71696 13.3281 9.5C13.3281 9.28304 13.2547 9.10117 13.108 8.95441C12.9612 8.80764 12.7793 8.73425 12.5624 8.73425H9.49939C9.28243 8.73425 9.10056 8.80764 8.95379 8.95441C8.80703 9.10117 8.73364 9.28304 8.73364 9.5C8.73364 9.71696 8.80703 9.89883 8.95379 10.0456C9.10056 10.1924 9.28243 10.2657 9.49939 10.2657ZM6.4364 14.0945H15.6254V7.20276H6.4364V14.0945Z" fill="currentColor"/>
</svg>
<p class='text-14 text-brown-text'>Livraison rapide et gratuite dès 150€ en France et au Royaume Uni.</p>
</div>
<div class='flex w-full flex-col items-center justify-center gap-15 text-center span-px-2 child-svg:text-brown-dark lg:gap-20 lg:span-w-10 lg:span-px-1-wide'>
<svg xmlns='http://www.w3.org/2000/svg' width='16' height='11' viewbox='0 0 16 11' fill='none'>
<path d="M3.63636 11C3.0303 11 2.51515 10.7995 2.09091 10.3984C1.66667 9.9974 1.45455 9.51042 1.45455 8.9375H0V1.375C0 0.996875 0.142546 0.673292 0.427636 0.40425C0.712727 0.135208 1.05503 0.000458333 1.45455 0H11.6364V2.75H13.8182L16 5.5V8.9375H14.5455C14.5455 9.51042 14.3333 9.9974 13.9091 10.3984C13.4848 10.7995 12.9697 11 12.3636 11C11.7576 11 11.2424 10.7995 10.8182 10.3984C10.3939 9.9974 10.1818 9.51042 10.1818 8.9375H5.81818C5.81818 9.51042 5.60606 9.9974 5.18182 10.3984C4.75758 10.7995 4.24242 11 3.63636 11ZM3.63636 9.625C3.84242 9.625 4.01527 9.559 4.15491 9.427C4.29455 9.295 4.36412 9.13183 4.36364 8.9375C4.36364 8.74271 4.29382 8.57954 4.15418 8.448C4.01455 8.31646 3.84194 8.25046 3.63636 8.25C3.4303 8.25 3.2577 8.316 3.11855 8.448C2.97939 8.58 2.90958 8.74317 2.90909 8.9375C2.90909 9.13229 2.97891 9.29569 3.11855 9.42769C3.25818 9.55969 3.43079 9.62546 3.63636 9.625ZM12.3636 9.625C12.5697 9.625 12.7425 9.559 12.8822 9.427C13.0218 9.295 13.0914 9.13183 13.0909 8.9375C13.0909 8.74271 13.0211 8.57954 12.8815 8.448C12.7418 8.31646 12.5692 8.25046 12.3636 8.25C12.1576 8.25 11.985 8.316 11.8458 8.448C11.7067 8.58 11.6368 8.74317 11.6364 8.9375C11.6364 9.13229 11.7062 9.29569 11.8458 9.42769C11.9855 9.55969 12.1581 9.62546 12.3636 9.625ZM11.6364 6.1875H14.7273L13.0909 4.125H11.6364V6.1875Z" fill="currentColor"/>
</svg>
<p class='text-14 text-brown-text'>Retours sous 14 jours dès réception de votre commande.</p>
</div>
<div class='flex w-full flex-col items-center justify-center gap-15 text-center span-px-2 child-svg:text-brown-dark lg:gap-20 lg:span-w-10 lg:span-px-1-wide'>
<svg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewbox='0 0 14 11' fill='none'>
<path d="M1.4 11C1.015 11 0.685533 10.8655 0.4116 10.5964C0.137667 10.3274 0.000466667 10.0036 0 9.625V1.375C0 0.996875 0.1372 0.673292 0.4116 0.40425C0.686 0.135208 1.01547 0.000458333 1.4 0H12.6C12.985 0 13.3147 0.13475 13.5891 0.40425C13.8635 0.67375 14.0005 0.997333 14 1.375V9.625C14 10.0031 13.863 10.3269 13.5891 10.5964C13.3152 10.8659 12.9855 11.0005 12.6 11H1.4ZM7 6.1875L12.6 2.75V1.375L7 4.8125L1.4 1.375V2.75L7 6.1875Z" fill="currentColor"/>
</svg>
<p class='text-14 text-brown-text'>Disponible par mail du lundi au vendredi et en boutique.</p>
</div>
</div>
<div
x-data='slideshow({groupBy:1,autoPlayInterval:7000,disableLg:false,orientation:"horizontal",displayChildrenCountMobile:-1,displayChildrenCountDesktop:-1})'
x-init="child=$data"
class='w-full lg:span-w-10 relative py-24 lg:py-60 hidden lg-max:block lg-max:touch-pan-y'
>
<div
x-ref='wrapper'
@touchstart='handleTouchStart'
@scroll.passive='handleScroll'
class='flex [&>*]:shrink-0 justify-start items-stretch [&>*]:snap-start overflow-auto scrollbar-hide snap-mandatory scroll-smooth touch-pan-x touch-pan-y snap-x overflow-y-hidden lg-max:overscroll-y-none-safari gap-0'
>
<div class='flex w-full flex-col items-center justify-center gap-15 text-center span-px-2 child-svg:text-brown-dark lg:gap-20 lg:span-w-10 lg:span-px-1-wide'>
<svg xmlns='http://www.w3.org/2000/svg' width='16' height='11' viewbox='0 0 16 11' fill='none'>
<path d="M0.500583 2.63546H15.4997V2.02717C15.4997 0.68028 14.7828 0 13.3551 0H2.64519C1.21778 0 0.500291 0.68028 0.500291 2.02745L0.500583 2.63546ZM0.500583 8.97925C0.500583 10.3264 1.21749 11 2.64519 11H13.3551C14.7825 11 15.5 10.3264 15.5 8.97925V4.12019H0.5L0.500583 8.97925ZM2.78187 7.38347V6.17358C2.78187 5.80749 3.04823 5.54576 3.45127 5.54576H5.12464C5.52769 5.54576 5.79405 5.80749 5.79405 6.17358V7.38347C5.79405 7.75625 5.52769 8.01129 5.12464 8.01129H3.45098C3.04794 8.01129 2.78187 7.75625 2.78187 7.38347Z" fill="currentColor"/>
</svg>
<p class='text-14 text-brown-text'>Paiement en 3x sans frais Alma*, Apple Pay, Mastercard, Visa, Paypal.</p>
</div>
<div class='flex w-full flex-col items-center justify-center gap-15 text-center span-px-2 child-svg:text-brown-dark lg:gap-20 lg:span-w-10 lg:span-px-1-wide'>
<svg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewbox='0 0 19 19' fill='none'>
<path d="M1.07617 15.626V14.0945H4.90491V12.563H1.84192V11.0315H4.90491V9.5H2.64595V7.96851H4.90491V5.70955L3.4117 2.49341L4.79005 1.84253L6.58955 5.67126H15.4722L13.979 2.49341L15.3574 1.84253L17.1569 5.67126V15.626H1.07617ZM9.49939 10.2657H12.5624C12.7793 10.2657 12.9612 10.1924 13.108 10.0456C13.2547 9.89883 13.3281 9.71696 13.3281 9.5C13.3281 9.28304 13.2547 9.10117 13.108 8.95441C12.9612 8.80764 12.7793 8.73425 12.5624 8.73425H9.49939C9.28243 8.73425 9.10056 8.80764 8.95379 8.95441C8.80703 9.10117 8.73364 9.28304 8.73364 9.5C8.73364 9.71696 8.80703 9.89883 8.95379 10.0456C9.10056 10.1924 9.28243 10.2657 9.49939 10.2657ZM6.4364 14.0945H15.6254V7.20276H6.4364V14.0945Z" fill="currentColor"/>
</svg>
<p class='text-14 text-brown-text'>Livraison rapide et gratuite dès 150€ en France et au Royaume Uni.</p>
</div>
<div class='flex w-full flex-col items-center justify-center gap-15 text-center span-px-2 child-svg:text-brown-dark lg:gap-20 lg:span-w-10 lg:span-px-1-wide'>
<svg xmlns='http://www.w3.org/2000/svg' width='16' height='11' viewbox='0 0 16 11' fill='none'>
<path d="M3.63636 11C3.0303 11 2.51515 10.7995 2.09091 10.3984C1.66667 9.9974 1.45455 9.51042 1.45455 8.9375H0V1.375C0 0.996875 0.142546 0.673292 0.427636 0.40425C0.712727 0.135208 1.05503 0.000458333 1.45455 0H11.6364V2.75H13.8182L16 5.5V8.9375H14.5455C14.5455 9.51042 14.3333 9.9974 13.9091 10.3984C13.4848 10.7995 12.9697 11 12.3636 11C11.7576 11 11.2424 10.7995 10.8182 10.3984C10.3939 9.9974 10.1818 9.51042 10.1818 8.9375H5.81818C5.81818 9.51042 5.60606 9.9974 5.18182 10.3984C4.75758 10.7995 4.24242 11 3.63636 11ZM3.63636 9.625C3.84242 9.625 4.01527 9.559 4.15491 9.427C4.29455 9.295 4.36412 9.13183 4.36364 8.9375C4.36364 8.74271 4.29382 8.57954 4.15418 8.448C4.01455 8.31646 3.84194 8.25046 3.63636 8.25C3.4303 8.25 3.2577 8.316 3.11855 8.448C2.97939 8.58 2.90958 8.74317 2.90909 8.9375C2.90909 9.13229 2.97891 9.29569 3.11855 9.42769C3.25818 9.55969 3.43079 9.62546 3.63636 9.625ZM12.3636 9.625C12.5697 9.625 12.7425 9.559 12.8822 9.427C13.0218 9.295 13.0914 9.13183 13.0909 8.9375C13.0909 8.74271 13.0211 8.57954 12.8815 8.448C12.7418 8.31646 12.5692 8.25046 12.3636 8.25C12.1576 8.25 11.985 8.316 11.8458 8.448C11.7067 8.58 11.6368 8.74317 11.6364 8.9375C11.6364 9.13229 11.7062 9.29569 11.8458 9.42769C11.9855 9.55969 12.1581 9.62546 12.3636 9.625ZM11.6364 6.1875H14.7273L13.0909 4.125H11.6364V6.1875Z" fill="currentColor"/>
</svg>
<p class='text-14 text-brown-text'>Retours sous 14 jours dès réception de votre commande.</p>
</div>
<div class='flex w-full flex-col items-center justify-center gap-15 text-center span-px-2 child-svg:text-brown-dark lg:gap-20 lg:span-w-10 lg:span-px-1-wide'>
<svg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewbox='0 0 14 11' fill='none'>
<path d="M1.4 11C1.015 11 0.685533 10.8655 0.4116 10.5964C0.137667 10.3274 0.000466667 10.0036 0 9.625V1.375C0 0.996875 0.1372 0.673292 0.4116 0.40425C0.686 0.135208 1.01547 0.000458333 1.4 0H12.6C12.985 0 13.3147 0.13475 13.5891 0.40425C13.8635 0.67375 14.0005 0.997333 14 1.375V9.625C14 10.0031 13.863 10.3269 13.5891 10.5964C13.3152 10.8659 12.9855 11.0005 12.6 11H1.4ZM7 6.1875L12.6 2.75V1.375L7 4.8125L1.4 1.375V2.75L7 6.1875Z" fill="currentColor"/>
</svg>
<p class='text-14 text-brown-text'>Disponible par mail du lundi au vendredi et en boutique.</p>
</div>
</div>
<div
x-ref='dots'
class='slideshow-dots [&_button]:w-6 [&_button]:h-6 lg:[&_button]:w-8 lg:[&_button]:h-8 [&_button]:!rounded-none [&_button:not(.is-active)]:border-brown-light'
role='group'
>
<button
class='slideshow-dot is-active'
aria-label='Diapositive 1'
aria-current='true'
@click='handleNavChange(0)'
type='button'
></button>
<button
class='slideshow-dot'
aria-label='Diapositive 2'
aria-current='false'
@click='handleNavChange(1)'
type='button'
></button>
<button
class='slideshow-dot'
aria-label='Diapositive 3'
aria-current='false'
@click='handleNavChange(2)'
type='button'
></button>
<button
class='slideshow-dot'
aria-label='Diapositive 4'
aria-current='false'
@click='handleNavChange(3)'
type='button'
></button>
</div>
</div>
</div>
</div>
<div class='border-t border-stroke-light'>
<div class='lg:span-pl-0-wide grid grid-cols-1 lg:grid-cols-2 lg:margin-mx-1 lg-max:flex-col'>
<div class='w-full border-stroke-light pb-35 pt-45 lg:border-r lg:pb-50 lg:pt-60 lg-max:margin-px-1'>
<div class='span-w-10 lg:span-w-9 lg:span-ml-3-wide lg-max:mx-auto'>
<div class='lg:span-w-5-wider'>
<h2 class='mb-12 text-center font-serif text-40 tracking-tighter lg:mb-24'>Des idées qui embellissent votre intérieur</h2>
<form method="post" action="/contact#newsletterFooterForm" id="newsletterFooterForm" accept-charset="UTF-8" class="relative lg:span-w-5-wider" data-type="ajax" x-ref="form" data-only-newsletter="true"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<p x-ref='error' class='tracking-none absolute inset-x-0 -bottom-20 hidden text-12 text-red'>
Quelque chose s'est mal passé. Veuillez réessayer
</p>
<div class='flex flex-row gap-10'>
<div
class='relative text-12/none w-full'
>
<input
placeholder=' '
id='newsletter_footer_email'
name='contact[email]'
aria-label='Votre adresse e-mail*'
class='peer block w-full rounded-none h-40 px-20 py-18 appearance-none placeholder-current focus-visible:outline-none focus-visible:ring-0 duration-300 ease-quart-out transition-colors text-brown-dark aria-[invalid]:text-red aria-[invalid]:border-red bg-transparent border border-stroke-light focus:border-brown-dark'><label for='newsletter_footer_email' class='bg-cream pointer-events-none order-first duration-300 ease-quart-out absolute left-0 top-0 ml-20 px-4 transform-[transform,top] -translate-y-1/2 z-2 origin-left peer-focus:top-0 peer-placeholder-shown:top-1/2 text-brown-dark peer-aria-[invalid]:text-red'>Votre adresse e-mail*</label>
</div>
<input hidden type='checkbox' value='true' name='customer[accepts_marketing]' checked>
<input type='hidden' name='contact[tags]' value='newsletter'>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-black hover:bg-neutral-80 active:bg-neutral-80 text-white outline-black'
type='submit'
>Confirmer</button>
</div>
<div class='mt-12 w-full text-brown-text lg:span-w-5'>
<label
class='relative inline-flex items-center gap-8 cursor-pointer select-none text-left text-12/narrow font-light'
for='acceptsPrivacyPolicy'
>
<input
type='checkbox'
id='acceptsPrivacyPolicy'
name='contact[privacy_policy]'
value=''>
<i aria-hidden class='relative flex items-center justify-center shrink-0 w-16 h-16 border border-brown-light transition-[background-color,border-color] duration-300 ease-quart-out text-transparent peer-focus-visible:border-brown-dark peer-checked:border-brown-dark bg-transparent peer-checked:text-brown-dark peer-focus:outline peer-focus-visible:outline outline-brown-dark outline-1 outline-offset-1 peer-validation:border-red peer-validation:text-transparent'>
<svg class='w-15 h-15 m-auto' xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewbox='0 0 15 16' fill='none'>
<path d="M6.22461 12L3 8.55804L3.74711 7.76573L6.22461 10.3711L12.2529 4L13 4.81446L6.22461 12Z" fill="currentColor"/>
</svg>
</i>
<div class='text-brown-text leading-tight [&_a]:!text-brown-dark [&_a]:underline [&_strong]:font-bold text-11 tracking-tight'>
<span x-data='{text: "J'accepte de recevoir par email les actualités de Caravane : <strong>ventes privées, nouvelles collections et inspirations.</strong> J'accepte <a href='/pages/politique-de-confidentialite-cookies' title='Politique de confidentialité & Cookies'>la politique de confidentialité</a>"}' x-html="text"></span>
</div>
</label>
</div>
</form>
<div class='mt-20 flex w-full justify-center gap-10 text-brown-text'>
<a
target='_blank'
rel='noopener noreferrer'
class='relative p-10 transition-colors duration-200 ease-quart-out hover:text-brown-dark active:text-brown-dark'
href='https://www.instagram.com/caravane_paris'
aria-label='Instagram'
>
<svg class='' width='19' height='18' viewbox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d="M9.90774 5.99872C8.25515 5.99872 6.90652 7.34738 6.90652 9C6.90652 10.6526 8.25515 12.0013 9.90774 12.0013C11.5603 12.0013 12.909 10.6526 12.909 9C12.909 7.34738 11.5603 5.99872 9.90774 5.99872ZM18.9092 9C18.9092 7.75716 18.9204 6.52558 18.8506 5.28499C18.7808 3.84402 18.4521 2.56515 17.3984 1.51144C16.3425 0.455477 15.0659 0.129006 13.6249 0.0592092C12.3821 -0.0105879 11.1506 0.000669702 9.90999 0.000669702C8.66717 0.000669702 7.43561 -0.0105879 6.19505 0.0592092C4.7541 0.129006 3.47526 0.457728 2.42157 1.51144C1.36562 2.5674 1.03916 3.84402 0.969364 5.28499C0.899569 6.52783 0.910826 7.75941 0.910826 9C0.910826 10.2406 0.899569 11.4744 0.969364 12.715C1.03916 14.156 1.36788 15.4348 2.42157 16.4886C3.47751 17.5445 4.7541 17.871 6.19505 17.9408C7.43786 18.0106 8.66942 17.9993 9.90999 17.9993C11.1528 17.9993 12.3844 18.0106 13.6249 17.9408C15.0659 17.871 16.3447 17.5423 17.3984 16.4886C18.4544 15.4326 18.7808 14.156 18.8506 12.715C18.9227 11.4744 18.9092 10.2428 18.9092 9V9ZM9.90774 13.6179C7.35231 13.6179 5.28995 11.5555 5.28995 9C5.28995 6.44452 7.35231 4.38213 9.90774 4.38213C12.4632 4.38213 14.5255 6.44452 14.5255 9C14.5255 11.5555 12.4632 13.6179 9.90774 13.6179ZM14.7146 5.27148C14.118 5.27148 13.6362 4.78966 13.6362 4.193C13.6362 3.59635 14.118 3.11452 14.7146 3.11452C15.3113 3.11452 15.7931 3.59635 15.7931 4.193C15.7933 4.33468 15.7655 4.475 15.7114 4.60593C15.6572 4.73686 15.5778 4.85582 15.4776 4.956C15.3774 5.05618 15.2585 5.13561 15.1276 5.18975C14.9966 5.24388 14.8563 5.27166 14.7146 5.27148V5.27148Z" fill="currentColor"/>
</svg>
</a>
<a
target='_blank'
rel='noopener noreferrer'
class='relative p-10 transition-colors duration-200 ease-quart-out hover:text-brown-dark active:text-brown-dark'
href='https://fr.pinterest.com/caravaneparis/'
aria-label='Pinterest'
>
<svg class='' width='19' height='18' viewbox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d="M7.15241 17.586C8.01641 17.847 8.88941 18 9.81641 18C12.2034 18 14.4925 17.0518 16.1804 15.364C17.8682 13.6761 18.8164 11.3869 18.8164 9C18.8164 7.8181 18.5836 6.64778 18.1313 5.55585C17.679 4.46392 17.0161 3.47177 16.1804 2.63604C15.3446 1.80031 14.3525 1.13738 13.2606 0.685084C12.1686 0.232792 10.9983 0 9.81641 0C8.63451 0 7.46419 0.232792 6.37225 0.685084C5.28032 1.13738 4.28817 1.80031 3.45245 2.63604C1.76462 4.32387 0.816406 6.61305 0.816406 9C0.816406 12.825 3.21941 16.11 6.61241 17.406C6.53141 16.704 6.45041 15.543 6.61241 14.742L7.64741 10.296C7.64741 10.296 7.38641 9.774 7.38641 8.946C7.38641 7.704 8.16041 6.777 9.04241 6.777C9.81641 6.777 10.1764 7.344 10.1764 8.073C10.1764 8.847 9.66341 9.954 9.40241 11.016C9.24941 11.898 9.87041 12.672 10.7704 12.672C12.3724 12.672 13.6144 10.962 13.6144 8.55C13.6144 6.39 12.0664 4.914 9.84341 4.914C7.30541 4.914 5.81141 6.804 5.81141 8.793C5.81141 9.567 6.06341 10.35 6.47741 10.863C6.55841 10.917 6.55841 10.989 6.53141 11.124L6.27041 12.105C6.27041 12.258 6.17141 12.312 6.01841 12.204C4.86641 11.7 4.20041 10.062 4.20041 8.739C4.20041 5.895 6.21641 3.312 10.1044 3.312C13.2004 3.312 15.6124 5.535 15.6124 8.487C15.6124 11.583 13.6954 14.067 10.9504 14.067C10.0774 14.067 9.22241 13.599 8.91641 13.05L8.31341 15.183C8.10641 15.957 7.53941 16.992 7.15241 17.613V17.586Z" fill="currentColor"/>
</svg>
</a>
<a
target='_blank'
rel='noopener noreferrer'
class='relative p-10 transition-colors duration-200 ease-quart-out hover:text-brown-dark active:text-brown-dark'
href='https://www.facebook.com/caravaneparis'
aria-label='Facebook'
>
<svg class='' width='18' height='18' viewbox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d="M3.28669 0C1.46601 0 0 1.46601 0 3.28669V14.7133C0 16.534 1.46601 18 3.28669 18H9.47983V10.9631H7.61908V8.42962H9.47983V6.26512C9.47983 4.56457 10.5792 3.00319 13.1119 3.00319C14.1373 3.00319 14.8956 3.10163 14.8956 3.10163L14.8359 5.46751C14.8359 5.46751 14.0626 5.4602 13.2187 5.4602C12.3054 5.4602 12.159 5.881 12.159 6.57958V8.42963H14.9085L14.7887 10.9631H12.159V18H14.7133C16.534 18 18 16.534 18 14.7133V3.2867C18 1.46603 16.534 1.8e-05 14.7133 1.8e-05H3.28667L3.28669 0Z" fill="currentColor"/>
</svg>
</a>
<a
target='_blank'
rel='noopener noreferrer'
class='relative p-10 transition-colors duration-200 ease-quart-out hover:text-brown-dark active:text-brown-dark'
href='https://www.linkedin.com/company/maison-caravane'
aria-label='Linkedin'
>
<svg class='' width='18' height='18' viewbox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d="M22.7857 0.5H2.20893C1.26607 0.5 0.5 1.27679 0.5 2.23036V22.7696C0.5 23.7232 1.26607 24.5 2.20893 24.5H22.7857C23.7286 24.5 24.5 23.7232 24.5 22.7696V2.23036C24.5 1.27679 23.7286 0.5 22.7857 0.5ZM7.75357 21.0714H4.19643V9.61786H7.75893V21.0714H7.75357ZM5.975 8.05357C4.83393 8.05357 3.9125 7.12679 3.9125 5.99107C3.9125 4.85536 4.83393 3.92857 5.975 3.92857C7.11071 3.92857 8.0375 4.85536 8.0375 5.99107C8.0375 7.13214 7.11607 8.05357 5.975 8.05357ZM21.0875 21.0714H17.5304V15.5C17.5304 14.1714 17.5036 12.4625 15.6821 12.4625C13.8286 12.4625 13.5446 13.9089 13.5446 15.4036V21.0714H9.9875V9.61786H13.4V11.1821H13.4482C13.925 10.2821 15.0875 9.33393 16.8179 9.33393C20.4179 9.33393 21.0875 11.7071 21.0875 14.7929V21.0714Z" fill="currentColor"/>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class='flex flex-col lg:flex-row lg:items-center lg:justify-center lg-max:margin-mx-1'>
<div class='flex flex-col lg:flex-row lg:justify-center lg:gutter-gap-1'>
<nav role='navigation' class='flex flex-col gap-20 lg:span-w-2-wide'>
<div
class='accordion grid grid-rows-[1fr]'
>
<div class='relative lg-max:border-b border-stroke-light lg-max:border-t'>
<input
data-type='accordion'
class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0 lg:pointer-events-none lg:invisible'
type='checkbox'
id='footer-navigation-accordion-0-aide'
name=''
aria-controls='footer-navigation-accordion-0-aide-content'
:checked='selected === "footer-navigation-accordion-0-aide"'
@change='handleChange'
@click='handleClick'
:disabled="$store.global.device === 'desktop'"
>
<label
class='lg:pt-0 lg:pb-0 lg:mb-18 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
for='footer-navigation-accordion-0-aide'
>
<span class='text-12/narrow font-bold uppercase'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left'
href='/pages/faq'
>Aide</a>
</span>
<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center lg:hidden' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>
</label>
<article
id='footer-navigation-accordion-0-aide-content'
aria-labelledby='footer-navigation-accordion-0-aide'
role='region'
class='grid grid-rows-[0fr] overflow-hidden transition-[grid-template-rows] duration-500 ease-expo-out pointer-events-all lg:!grid-rows-[1fr]'
:inert='selected !== "footer-navigation-accordion-0-aide"'
>
<div class='min-h-0'>
<div
class='min-h-0 flex text-brown-text'>
<ul class='flex flex-col gap-12 text-12/tight lg-max:pb-20'>
<li>
<a
class='relative text-left'
href='/account'
>
<span
class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark'
>Mon compte</span></a></li>
<li>
<a
class='relative text-left'
href='/pages/faq'
>
<span
class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark'
>Foire aux questions</span></a></li>
<li>
<a
class='relative text-left'
href='/pages/livraison-retours'
>
<span
class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark'
>Livraison & retours</span></a></li>
<li>
<a
class='relative text-left'
href='/pages/contact'
>
<span
class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark'
>Contact</span></a></li>
<li>
<a
target='_blank'
rel='noopener noreferrer'
class='relative text-left'
href='https://caravane.com/pages/store-locator?book=now&utm_source=website&utm_medium=footer&utm_campaign=rdv_store_locator'
>
<span
class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark'
>Rendez-vous en boutique</span></a></li>
<li>
<a
class='relative text-left'
href='/products/gift-card'
>
<span
class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark'
>Carte cadeau</span></a></li>
</ul>
</div>
</div>
</article>
</div>
</div>
</nav>
<nav role='navigation' class='flex flex-col gap-20 lg:span-w-2-wide'>
<div
class='accordion grid grid-rows-[1fr]'
>
<div class='relative lg-max:border-b border-stroke-light'>
<input
data-type='accordion'
class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0 lg:pointer-events-none lg:invisible'
type='checkbox'
id='footer-navigation-accordion-1-a-propos'
name=''
aria-controls='footer-navigation-accordion-1-a-propos-content'
:checked='selected === "footer-navigation-accordion-1-a-propos"'
@change='handleChange'
@click='handleClick'
:disabled="$store.global.device === 'desktop'"
>
<label
class='lg:pt-0 lg:pb-0 lg:mb-18 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
for='footer-navigation-accordion-1-a-propos'
>
<span class='text-12/narrow font-bold uppercase'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left'
href='/pages/a-propos'
>A propos</a>
</span>
<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center lg:hidden' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>
</label>
<article
id='footer-navigation-accordion-1-a-propos-content'
aria-labelledby='footer-navigation-accordion-1-a-propos'
role='region'
class='grid grid-rows-[0fr] overflow-hidden transition-[grid-template-rows] duration-500 ease-expo-out pointer-events-all lg:!grid-rows-[1fr]'
:inert='selected !== "footer-navigation-accordion-1-a-propos"'
>
<div class='min-h-0'>
<div
class='min-h-0 flex text-brown-text'>
<ul class='flex flex-col gap-12 text-12/tight lg-max:pb-20'>
<li>
<a
class='relative text-left'
href='/pages/shop-the-look'
>
<span
class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark'
>Shop the look</span></a></li>
<li>
<a
class='relative text-left'
href='/blogs/news'
>
<span
class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark'
>Le journal</span></a></li>
<li>
<a
class='relative text-left'
href='/pages/store-locator'
>
<span
class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark'
>Nos boutiques</span></a></li>
<li>
<a
class='relative text-left'
href='/pages/rse'
>
<span
class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark'
>Nos valeurs et engagements</span></a></li>
<li>
<a
class='relative text-left'
href='/pages/caravane-chez-vous'
>
<span
class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark'
>Caravane chez vous</span></a></li>
</ul>
</div>
</div>
</article>
</div>
</div>
</nav>
<nav role='navigation' class='flex flex-col gap-20 lg:span-w-2-wide'>
<div
class='accordion grid grid-rows-[1fr]'
>
<div class='relative lg-max:border-b border-stroke-light'>
<input
data-type='accordion'
class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0 lg:pointer-events-none lg:invisible'
type='checkbox'
id='footer-navigation-accordion-2-legal'
name=''
aria-controls='footer-navigation-accordion-2-legal-content'
:checked='selected === "footer-navigation-accordion-2-legal"'
@change='handleChange'
@click='handleClick'
:disabled="$store.global.device === 'desktop'"
>
<label
class='lg:pt-0 lg:pb-0 lg:mb-18 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
for='footer-navigation-accordion-2-legal'
>
<span class='text-12/narrow font-bold uppercase'>
<a
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left'
href='/pages/conditions-generales-de-ventes'
>Légal</a>
</span>
<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center lg:hidden' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>
</label>
<article
id='footer-navigation-accordion-2-legal-content'
aria-labelledby='footer-navigation-accordion-2-legal'
role='region'
class='grid grid-rows-[0fr] overflow-hidden transition-[grid-template-rows] duration-500 ease-expo-out pointer-events-all lg:!grid-rows-[1fr]'
:inert='selected !== "footer-navigation-accordion-2-legal"'
>
<div class='min-h-0'>
<div
class='min-h-0 flex text-brown-text'>
<ul class='flex flex-col gap-12 text-12/tight lg-max:pb-20'>
<li>
<a
class='relative text-left'
href='/pages/conditions-generales-de-ventes'
>
<span
class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark'
>Conditions Générales de Ventes</span></a></li>
<li>
<a
class='relative text-left'
href='/pages/privacy-policy'
>
<span
class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark'
>Mentions légales</span></a></li>
<li>
<a
class='relative text-left'
href='/pages/politique-de-confidentialite-cookies'
>
<span
class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark'
>Politique de confidentialité et cookies</span></a></li>
<li>
<button
class='relative text-left'
x-data
@click.passive='window.privacyBanner.showPreferences()'
>
<span
class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark'
>Paramètres des cookies</span></button></li>
</ul>
</div>
</div>
</article>
</div>
</div>
</nav>
<nav role='navigation' class='flex flex-col gap-20 lg:span-w-2-wide'>
<div
class='accordion grid grid-rows-[1fr]'
>
<div class='relative lg-max:border-b border-stroke-light'>
<input
data-type='accordion'
class='peer absolute left-0 top-0 h-60 w-full cursor-pointer opacity-0 lg:pointer-events-none lg:invisible'
type='checkbox'
id='footer-navigation-accordion-3-professionnels'
name=''
aria-controls='footer-navigation-accordion-3-professionnels-content'
:checked='selected === "footer-navigation-accordion-3-professionnels"'
@change='handleChange'
@click='handleClick'
:disabled="$store.global.device === 'desktop'"
>
<label
class='lg:pt-0 lg:pb-0 lg:mb-18 !pointer-events-auto pointer-events-none flex cursor-pointer items-center justify-between py-20 lg:py-24 focus:outline-none focus:ring-0 peer-checked:child-svg:rotate-45'
for='footer-navigation-accordion-3-professionnels'
>
<span class='text-12/narrow font-bold uppercase'>
<a
target='_blank'
rel='noopener noreferrer'
class='relative text-12/narrow font-bold uppercase inline-block overflow-clip after:scale-x-0 after:origin-right after:ease-expo-out after:duration-1000 after:transition-transform after:border-b after:border-current after:bottom-0 after:left-0 after:right-0 after:absolute hover:after:scale-x-100 hover:after:duration-300 hover:after:origin-left'
href='http://pro.caravane.fr/'
>Professionnels </a>
</span>
<svg width='24' height='24' class='pointer-events-none relative flex h-16 w-16 lg:h-24 lg:w-24 transition-transform duration-500 ease-quart-out items-center justify-center lg:hidden' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path d="M11.25 12.7499H5.5V11.25H11.25V5.5H12.7499V11.25H18.5V12.7499H12.7499V18.4999H11.25V12.7499Z" fill="currentColor"/>
</svg>
</label>
<article
id='footer-navigation-accordion-3-professionnels-content'
aria-labelledby='footer-navigation-accordion-3-professionnels'
role='region'
class='grid grid-rows-[0fr] overflow-hidden transition-[grid-template-rows] duration-500 ease-expo-out pointer-events-all lg:!grid-rows-[1fr]'
:inert='selected !== "footer-navigation-accordion-3-professionnels"'
>
<div class='min-h-0'>
<div
class='min-h-0 flex text-brown-text'>
<ul class='flex flex-col gap-12 text-12/tight lg-max:pb-20'>
<li>
<a
target='_blank'
rel='noopener noreferrer'
class='relative text-left'
href='https://caravane.com/pages/store-locator#resellers'
x-data
@click.passive='window.privacyBanner.showPreferences()'
>
<span
class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark'
>Nos revendeurs</span></a></li>
<li>
<a
target='_blank'
rel='noopener noreferrer'
class='relative text-left'
href='https://caravane.myjoolan.com/login'
x-data
@click.passive='window.privacyBanner.showPreferences()'
>
<span
class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark'
>Espace revendeurs</span></a></li>
<li>
<a
class='relative text-left'
href='/pages/revendeurs'
x-data
@click.passive='window.privacyBanner.showPreferences()'
>
<span
class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark'
>Espace documentaire</span></a></li>
<li>
<a
class='relative text-left'
href='/pages/espace-pro'
x-data
@click.passive='window.privacyBanner.showPreferences()'
>
<span
class='relative text-12/narrow font-bold uppercase inline overflow-clip whitespace-normal ease-expo-out duration-1000 transition-[background-size] bg-gradient-to-r from-current to-current bg-[length:0%_1px] bg-no-repeat hover:bg-[length:100%_1px] bg-[position:0_100%] bg-[length:0%_1px] hover:duration-300 !normal-case !font-normal w-fit !text-left transition-[color,background-size,background-color] hover:text-brown-dark'
>Les avantages professionnels</span></a></li>
</ul>
</div>
</div>
</article>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
<div class='border-stroke-light py-24 margin-mx-1 lg:border-t lg:pb-30 lg:pt-45'>
<div class='mx-auto w-full text-stroke-light lg:span-w-14'><svg class='w-full h-auto' xmlns='http://www.w3.org/2000/svg' width='355' height='51' viewbox='0 0 355 51' fill='none'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M127.868 14.7564C127.868 22.1017 122.751 26.9511 115.858 30.0507L121.41 40.2917C123.073 43.2872 124.791 46.2514 126.563 49.1826L118.406 49.9932L109.572 31.7333H109.561L107.884 28.206L110.272 25.2713C116.521 24.9359 119.945 20.7489 119.945 15.8353C119.945 11.5226 117.002 8.69403 111.246 8.69403C109.306 8.69403 108.567 8.76111 107.029 8.89527C106.763 10.1754 106.563 11.6567 106.427 12.6685L104.622 25.3327H104.633L103.42 34.0672L102.615 39.7522C102.282 42.3795 101.61 47.5671 101.543 49.4509H93.7723C94.5775 46.2199 95.9129 37.5945 96.5153 33.2175L98.592 18.3284C99.1945 14.0157 100.263 5.32325 100.397 2.08941C102.806 2.15649 108.167 1.75401 111.246 1.75401C122.688 1.75401 127.868 7.8164 127.868 14.7564ZM0 29.6063C0 14.8095 8.52602 0.758988 24.8312 0.758988C29.8619 0.758988 35.4311 2.58413 38.7849 5.28691L36.1002 11.4024C33.2823 8.90086 28.2766 7.51733 24.3176 7.51733C13.3818 7.51733 7.18507 18.1216 7.18507 28.4576C7.18507 37.9131 12.696 44.2103 20.7473 44.2103C25.9112 44.2103 30.6559 41.4823 34.4122 38.6482L33.0852 46.4938C28.9302 49.1503 24.1173 50.5778 19.1953 50.6136C7.11844 50.6164 0 42.3739 0 29.6063ZM215.269 1.97482H223.334L204.538 36.5631C202.096 40.9827 199.769 45.4655 197.559 50.0071L195.732 50.4823L186.34 15.8912C185.135 11.6344 183.658 6.16454 182.314 2.0419L189.977 1.50246L198.525 35.378L209.297 13.999L215.269 1.97482ZM304.341 18.1188C304.979 13.8005 306.126 5.09405 306.284 1.85184C308.969 1.87699 311.465 1.82948 313.814 1.57793C313.328 3.73568 312.481 8.92881 312.053 11.5645L307.392 39.9646C307.037 42.5305 306.254 47.9276 306.107 49.8869L303.405 50.404L281.203 17.0483L277.863 39.3805C277.439 42.2845 276.864 47.1422 276.644 49.0988L269.185 49.0373C269.884 45.8006 271.358 37.7063 272.136 32.7815L274.748 16.794C275.387 12.4729 276.664 4.37853 276.825 1.13632L278.99 0.613647L301.914 35.8168L304.341 18.1188ZM244.492 0.893149L254.959 35.5485C256.32 40.1938 257.773 44.8111 259.318 49.3978L251.525 49.9401L247.202 33.3516C244.639 24.1812 242.76 22.3616 240.414 22.6356C237.715 22.9514 236.144 26.1181 236.144 26.1181C231.119 35.42 224.511 47.6621 223.614 49.4006H215.685L235.68 14.8067C238.967 9.06577 241.047 5.28132 242.926 1.43259L244.492 0.893149ZM331.185 42.673C333.062 42.687 335.277 42.7736 337.223 42.7904C342.387 42.8323 346.08 42.796 350.439 42.6982C349.817 45.0572 349.395 47.2149 348.839 49.9792C344.814 49.6773 340.522 49.5711 335.694 49.532C330.66 49.4901 326.654 49.5264 322.359 49.7612C323.189 46.5245 324.602 37.7538 325.241 33.4355L327.076 21.3191C328.792 21.3666 330.743 21.4393 334.183 21.5036L334.175 21.5511L339.017 21.5707H339.022L349.136 21.6098C348.653 23.5635 348.295 25.9253 347.943 28.3542L333.181 28.097L331.551 38.7572C331.41 39.769 331.193 41.5243 331.185 42.6702V42.673ZM342.118 2.095C346.413 2.12863 350.709 2.05128 355 1.86302C354.307 4.23321 353.75 6.6419 353.334 9.07695C349.642 8.97912 346.693 8.88689 342.199 8.85055H342.01L341.399 8.84496C339.988 8.83256 338.576 8.83536 337.165 8.85335C333.67 8.87012 330.782 8.90925 328.795 8.92322C329.153 5.9661 329.452 3.18786 329.527 1.6506C333.684 1.88817 337.021 2.05028 342.118 2.095ZM162.591 0.893149L173.058 35.5485C174.419 40.1936 175.873 44.8109 177.417 49.3978L169.621 49.9401L164.812 31.4902C163.771 26.6129 160.806 25.9924 160.806 25.9924C155.412 24.743 151.977 30.5874 150.756 32.5802C146.558 40.3504 142.433 48.0087 141.711 49.3978H133.784L153.777 14.8123C157.066 9.06856 159.143 5.28412 161.025 1.43538L162.591 0.893149ZM69.6852 0.893149L80.1518 35.5513C81.5131 40.1965 82.9663 44.8138 84.5106 49.4006L76.7175 49.9428L71.909 31.493C70.6319 26.065 67.9972 25.6011 67.9972 25.6011C62.8499 24.1672 59.2352 30.0591 57.847 32.583C53.652 40.3531 49.5264 48.0115 48.8046 49.4006H40.8783L60.8759 14.8123C64.1603 9.06856 66.2425 5.28412 68.1193 1.43538L69.6852 0.893149Z" fill="currentColor"/>
</svg>
</div>
</div>
<div class='grid-container flex flex-col-reverse items-center justify-between gap-20 pb-24 lg:flex-row lg-max:pt-20'>
<p class='text-11 uppercase tracking-tight'>© Caravane 2026</p>
<div class='flex flex-row gutter-gap-1'>
<form method="post" action="/localization" id="countrySelector" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" />
<div
class='relative inline-block span-w-6 lg:span-w-4'
x-data='{ value: "FR", label: "" }'
x-init='value=$refs.select.value || "FR"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; this.countrySelector.submit() }'
x-ref='select'
name='country_code'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Pays'
value='FR'
:value='value'
><option
value=''
disabled
>
Pays
</option>
<option
value="AF">
Afghanistan - €
</option>
<option
value="ZA">
Afrique du sud - €
</option>
<option
value="AL">
Albanie - €
</option>
<option
value="DZ">
Algérie - €
</option>
<option
value="DE">
Allemagne - €
</option>
<option
value="AD">
Andorre - €
</option>
<option
value="AO">
Angola - €
</option>
<option
value="AI">
Anguilla - $
</option>
<option
value="AG">
Antigua-et-barbuda - $
</option>
<option
value="SA">
Arabie saoudite - €
</option>
<option
value="AR">
Argentine - €
</option>
<option
value="AM">
Arménie - €
</option>
<option
value="AW">
Aruba - $
</option>
<option
value="AU">
Australie - €
</option>
<option
value="AT">
Autriche - €
</option>
<option
value="AZ">
Azerbaïdjan - €
</option>
<option
value="BS">
Bahamas - $
</option>
<option
value="BH">
Bahreïn - €
</option>
<option
value="BD">
Bangladesh - €
</option>
<option
value="BB">
Barbade - $
</option>
<option
value="BE">
Belgique - €
</option>
<option
value="BZ">
Belize - $
</option>
<option
value="BJ">
Bénin - €
</option>
<option
value="BM">
Bermudes - $
</option>
<option
value="BT">
Bhoutan - €
</option>
<option
value="BY">
Biélorussie - €
</option>
<option
value="BO">
Bolivie - €
</option>
<option
value="BA">
Bosnie-herzégovine - €
</option>
<option
value="BW">
Botswana - €
</option>
<option
value="BR">
Brésil - €
</option>
<option
value="BN">
Brunei - €
</option>
<option
value="BG">
Bulgarie - €
</option>
<option
value="BF">
Burkina faso - €
</option>
<option
value="BI">
Burundi - €
</option>
<option
value="KH">
Cambodge - €
</option>
<option
value="CM">
Cameroun - €
</option>
<option
value="CA">
Canada - $
</option>
<option
value="CV">
Cap-vert - €
</option>
<option
value="CL">
Chili - €
</option>
<option
value="CN">
Chine - €
</option>
<option
value="CY">
Chypre - €
</option>
<option
value="CO">
Colombie - €
</option>
<option
value="KM">
Comores - €
</option>
<option
value="CG">
Congo-brazzaville - €
</option>
<option
value="CD">
Congo-kinshasa - €
</option>
<option
value="KR">
Corée du sud - €
</option>
<option
value="CR">
Costa rica - $
</option>
<option
value="CI">
Côte d’ivoire - €
</option>
<option
value="HR">
Croatie - €
</option>
<option
value="CW">
Curaçao - $
</option>
<option
value="DK">
Danemark - kr.
</option>
<option
value="DJ">
Djibouti - €
</option>
<option
value="DM">
Dominique - $
</option>
<option
value="EG">
Égypte - €
</option>
<option
value="AE">
Émirats arabes unis - €
</option>
<option
value="EC">
Équateur - €
</option>
<option
value="ER">
Érythrée - €
</option>
<option
value="ES">
Espagne - €
</option>
<option
value="EE">
Estonie - €
</option>
<option
value="SZ">
Eswatini - €
</option>
<option
value="VA">
État de la cité du vatican - €
</option>
<option
value="US">
États-unis - $
</option>
<option
value="ET">
Éthiopie - €
</option>
<option
value="FJ">
Fidji - €
</option>
<option
value="FI">
Finlande - €
</option>
<option
selected
value="FR">
France - €
</option>
<option
value="GA">
Gabon - €
</option>
<option
value="GM">
Gambie - €
</option>
<option
value="GE">
Géorgie - €
</option>
<option
value="GS">
Géorgie du sud-et-les îles sandwich du sud - €
</option>
<option
value="GH">
Ghana - €
</option>
<option
value="GI">
Gibraltar - €
</option>
<option
value="GR">
Grèce - €
</option>
<option
value="GD">
Grenade - $
</option>
<option
value="GL">
Groenland - $
</option>
<option
value="GP">
Guadeloupe - $
</option>
<option
value="GT">
Guatemala - $
</option>
<option
value="GG">
Guernesey - €
</option>
<option
value="GN">
Guinée - €
</option>
<option
value="GQ">
Guinée équatoriale - €
</option>
<option
value="GW">
Guinée-bissau - €
</option>
<option
value="GY">
Guyana - €
</option>
<option
value="GF">
Guyane française - €
</option>
<option
value="HT">
Haïti - $
</option>
<option
value="HN">
Honduras - $
</option>
<option
value="HU">
Hongrie - €
</option>
<option
value="CX">
Île christmas - €
</option>
<option
value="NF">
Île norfolk - €
</option>
<option
value="IM">
Île de man - €
</option>
<option
value="AC">
Île de l’ascension - €
</option>
<option
value="AX">
Îles åland - €
</option>
<option
value="KY">
Îles caïmans - $
</option>
<option
value="CC">
Îles cocos - €
</option>
<option
value="CK">
Îles cook - €
</option>
<option
value="FO">
Îles féroé - €
</option>
<option
value="FK">
Îles malouines - €
</option>
<option
value="PN">
Îles pitcairn - €
</option>
<option
value="SB">
Îles salomon - €
</option>
<option
value="TC">
Îles turques-et-caïques - $
</option>
<option
value="VG">
Îles vierges britanniques - $
</option>
<option
value="UM">
Îles mineures éloignées des états-unis - €
</option>
<option
value="IN">
Inde - €
</option>
<option
value="ID">
Indonésie - €
</option>
<option
value="IQ">
Irak - €
</option>
<option
value="IE">
Irlande - €
</option>
<option
value="IS">
Islande - €
</option>
<option
value="IL">
Israël - €
</option>
<option
value="IT">
Italie - €
</option>
<option
value="JM">
Jamaïque - $
</option>
<option
value="JP">
Japon - €
</option>
<option
value="JE">
Jersey - €
</option>
<option
value="JO">
Jordanie - €
</option>
<option
value="KZ">
Kazakhstan - €
</option>
<option
value="KE">
Kenya - €
</option>
<option
value="KG">
Kirghizstan - €
</option>
<option
value="KI">
Kiribati - €
</option>
<option
value="XK">
Kosovo - €
</option>
<option
value="KW">
Koweït - €
</option>
<option
value="RE">
La réunion - €
</option>
<option
value="LA">
Laos - €
</option>
<option
value="LS">
Lesotho - €
</option>
<option
value="LV">
Lettonie - €
</option>
<option
value="LB">
Liban - €
</option>
<option
value="LR">
Liberia - €
</option>
<option
value="LY">
Libye - €
</option>
<option
value="LI">
Liechtenstein - €
</option>
<option
value="LT">
Lituanie - €
</option>
<option
value="LU">
Luxembourg - €
</option>
<option
value="MK">
Macédoine du nord - €
</option>
<option
value="MG">
Madagascar - €
</option>
<option
value="MY">
Malaisie - €
</option>
<option
value="MW">
Malawi - €
</option>
<option
value="MV">
Maldives - €
</option>
<option
value="ML">
Mali - €
</option>
<option
value="MT">
Malte - €
</option>
<option
value="MA">
Maroc - €
</option>
<option
value="MQ">
Martinique - $
</option>
<option
value="MU">
Maurice - €
</option>
<option
value="MR">
Mauritanie - €
</option>
<option
value="YT">
Mayotte - €
</option>
<option
value="MX">
Mexique - $
</option>
<option
value="MD">
Moldavie - €
</option>
<option
value="MC">
Monaco - €
</option>
<option
value="MN">
Mongolie - €
</option>
<option
value="ME">
Monténégro - €
</option>
<option
value="MS">
Montserrat - $
</option>
<option
value="MZ">
Mozambique - €
</option>
<option
value="MM">
Myanmar (birmanie) - €
</option>
<option
value="NA">
Namibie - €
</option>
<option
value="NR">
Nauru - €
</option>
<option
value="NP">
Népal - €
</option>
<option
value="NI">
Nicaragua - $
</option>
<option
value="NE">
Niger - €
</option>
<option
value="NG">
Nigeria - €
</option>
<option
value="NU">
Niue - €
</option>
<option
value="NO">
Norvège - €
</option>
<option
value="NC">
Nouvelle-calédonie - €
</option>
<option
value="NZ">
Nouvelle-zélande - €
</option>
<option
value="OM">
Oman - €
</option>
<option
value="UG">
Ouganda - €
</option>
<option
value="UZ">
Ouzbékistan - €
</option>
<option
value="PK">
Pakistan - €
</option>
<option
value="PA">
Panama - $
</option>
<option
value="PG">
Papouasie-nouvelle-guinée - €
</option>
<option
value="PY">
Paraguay - €
</option>
<option
value="NL">
Pays-bas - €
</option>
<option
value="BQ">
Pays-bas caribéens - $
</option>
<option
value="PE">
Pérou - €
</option>
<option
value="PH">
Philippines - €
</option>
<option
value="PL">
Pologne - €
</option>
<option
value="PF">
Polynésie française - €
</option>
<option
value="PT">
Portugal - €
</option>
<option
value="QA">
Qatar - €
</option>
<option
value="HK">
R.a.s. chinoise de hong kong - €
</option>
<option
value="MO">
R.a.s. chinoise de macao - €
</option>
<option
value="CF">
République centrafricaine - €
</option>
<option
value="DO">
République dominicaine - $
</option>
<option
value="RO">
Roumanie - €
</option>
<option
value="GB">
Royaume-uni - £
</option>
<option
value="RU">
Russie - €
</option>
<option
value="RW">
Rwanda - €
</option>
<option
value="EH">
Sahara occidental - €
</option>
<option
value="BL">
Saint-barthélemy - $
</option>
<option
value="KN">
Saint-christophe-et-niévès - $
</option>
<option
value="SM">
Saint-marin - €
</option>
<option
value="MF">
Saint-martin - $
</option>
<option
value="SX">
Saint-martin (partie néerlandaise) - $
</option>
<option
value="PM">
Saint-pierre-et-miquelon - $
</option>
<option
value="VC">
Saint-vincent-et-les grenadines - $
</option>
<option
value="SH">
Sainte-hélène - €
</option>
<option
value="LC">
Sainte-lucie - $
</option>
<option
value="SV">
Salvador - $
</option>
<option
value="WS">
Samoa - €
</option>
<option
value="ST">
Sao tomé-et-principe - €
</option>
<option
value="SN">
Sénégal - €
</option>
<option
value="RS">
Serbie - €
</option>
<option
value="SC">
Seychelles - €
</option>
<option
value="SL">
Sierra leone - €
</option>
<option
value="SG">
Singapour - €
</option>
<option
value="SK">
Slovaquie - €
</option>
<option
value="SI">
Slovénie - €
</option>
<option
value="SO">
Somalie - €
</option>
<option
value="SD">
Soudan - €
</option>
<option
value="SS">
Soudan du sud - €
</option>
<option
value="LK">
Sri lanka - €
</option>
<option
value="SE">
Suède - kr
</option>
<option
value="CH">
Suisse - CHF
</option>
<option
value="SR">
Suriname - €
</option>
<option
value="SJ">
Svalbard et jan mayen - €
</option>
<option
value="TJ">
Tadjikistan - €
</option>
<option
value="TW">
Taïwan - €
</option>
<option
value="TZ">
Tanzanie - €
</option>
<option
value="TD">
Tchad - €
</option>
<option
value="CZ">
Tchéquie - €
</option>
<option
value="TF">
Terres australes françaises - €
</option>
<option
value="IO">
Territoire britannique de l’océan indien - €
</option>
<option
value="PS">
Territoires palestiniens - €
</option>
<option
value="TH">
Thaïlande - €
</option>
<option
value="TL">
Timor oriental - €
</option>
<option
value="TG">
Togo - €
</option>
<option
value="TK">
Tokelau - €
</option>
<option
value="TO">
Tonga - €
</option>
<option
value="TT">
Trinité-et-tobago - $
</option>
<option
value="TA">
Tristan da cunha - €
</option>
<option
value="TN">
Tunisie - €
</option>
<option
value="TM">
Turkménistan - €
</option>
<option
value="TR">
Turquie - €
</option>
<option
value="TV">
Tuvalu - €
</option>
<option
value="UA">
Ukraine - €
</option>
<option
value="UY">
Uruguay - €
</option>
<option
value="VU">
Vanuatu - €
</option>
<option
value="VE">
Venezuela - €
</option>
<option
value="VN">
Viêt nam - €
</option>
<option
value="WF">
Wallis-et-futuna - €
</option>
<option
value="YE">
Yémen - €
</option>
<option
value="ZM">
Zambie - €
</option>
<option
value="ZW">
Zimbabwe - €
</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Pays:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
</form>
<div x-data='localizationForm' @language-change='handleLanguageChange'>
<form method="post" action="/localization" id="languageSelector" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" />
<div
class='relative inline-block span-w-6 lg:span-w-4'
x-data='{ value: "fr", label: "" }'
x-init='value=$refs.select.value || "fr"; label=([...$refs.select.options].find(o => o.value === String(value)) || $refs.select.options[0])?.text || "";'
>
<select
@change='(e) => {value=$el.value; label=[...$el.options].find(o => o.value === $el.value).text; $dispatch("language-change", {event: e, value: value}) }'
x-ref='select'
name='language_code'
class='peer absolute inset-0 w-full cursor-pointer appearance-none text-12 opacity-0 focus:outline-none focus:ring-0'
aria-label='Langue'
value='fr'
:value='value'
><option
value=''
disabled
>
Langue
</option>
<option
selected
value="fr">
Français
</option>
<option
value="en">
English
</option>
</select>
<span class='pointer-events-none flex items-center whitespace-nowrap border border-stroke-light px-16 py-12 text-12 text-brown-dark peer-focus:ring-1 peer-focus:ring-inset peer-focus:ring-black'>
<span class='mr-4 text-brown-text'>Langue:</span>
<span class='w-full' x-text='label'></span>
<svg viewbox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg' class='w-12 shrink-0 box-content text-current'>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M0.977051 1.25586L4.70504 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
<path d="M8.43311 1.25586L4.70511 4.98385" stroke="currentColor" stroke-opacity="0.2" stroke-width="1.19296" stroke-linecap="round"/>
</svg>
</span>
</div>
<input type='hidden' name='locale_code' value='fr'>
</form>
</div>
</div>
</div>
</footer>
<div id="shopify-section-newsletter-modal" class="shopify-section relative isolate">
</div>
<section id="shopify-section-minicart" class="shopify-section">
<form
class='fixed inset-0 isolate z-100 box-content z-101'
x-data='slideout({ openOnHash: "", hash: "" })'
x-show='$store.global.isMinicartVisible'
x-transition:enter='transition-[visibility] duration-700'
x-transition:enter-start='invisible'
x-transition:enter-end='visible'
x-transition:leave='transition-[visibility] duration-700'
x-transition:leave-start='visible'
x-transition:leave-end='invisible'
x-cloak
action="/cart" enctype="multipart/form-data" method="POST" novalidate
aria-modal='true'
role='dialog'
x-trap='$store.global.isMinicartVisible'
@toggle='$store.global.isMinicartVisible = $event.detail'
x-effect='handleEffect($store.global.isMinicartVisible)'
>
<div
x-show='$store.global.isMinicartVisible'
@click='$store.global.isMinicartVisible = false'
class='absolute inset-0 z-0 h-full w-full bg-brown-dark/20'
x-transition:enter='transition-opacity ease-expo-out duration-700 transform-gpu'
x-transition:enter-start='opacity-0'
x-transition:enter-end='opacity-100'
x-transition:leave='transition-opacity ease-quart-inout duration-700 transform-gpu pointer-events-none'
x-transition:leave-start='opacity-100'
x-transition:leave-end='opacity-0'
x-cloak
></div>
<div
class='absolute right-0 top-0 z-1 box-content flex h-full flex-col bg-cream margin-px-1 lg:span-w-12 lg-max:left-0 !px-0 lg:!span-w-10-wider'
x-show='$store.global.isMinicartVisible'
x-transition:enter='right-0 transition-transform ease-expo-out duration-700 transform-gpu'
x-transition:enter-start='translate-x-full'
x-transition:enter-end='translate-x-0'
x-transition:leave='right-0 transition-transform ease-quart-inout duration-700 transform-gpu'
x-transition:leave-start='translate-x-0'
x-transition:leave-end='translate-x-full'
x-init="$watch('$store.global.isMinicartVisible', v => { if(!v) $store.shippingEstimator.open = false })"
>
<header class='flex h-56 lg:h-48 items-center z-2 lg-max:!h-47 bg-cream child-h2:uppercase child-h2:tracking-snug margin-pl-1 border-b border-stroke-light'>
<h2 class='text-12 font-black'>
<span data-ajax-cart-section class="overflow-clip">
<span>Mon panier</span>
<span>
<span>(</span>
<span data-ajax-cart-bind="item_count">0</span>
<span>)</span>
</span>
</span>
</h2>
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-cream hover:bg-brown-dark hover:text-cream active:bg-brown-dark active:text-cream text-black outline-white ml-auto aspect-square h-full w-56 border-l border-stroke-light !bg-cream active:!bg-brown-light hover:!text-brown-dark active:!text-brown-dark hover:!bg-beige focus-visible:-outline-offset-2 focus-visible:outline-black'
type='button'
@click="$store.global.isMinicartVisible=false"
>
<svg class='' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none'>
<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>
</button>
</header>
<main class='flex h-full flex-col overflow-y-auto overscroll-contain scrollbar-hide !bg-cream z-1' data-lenis-prevent>
<section data-ajax-cart-section class='flex flex-col gap-0 h-full'>
<div class='z-1 flex h-full flex-col bg-cream'>
<div class='my-auto flex items-center justify-center px-20'>
<p class='text-center font-serif text-32 leading-none text-brown-dark lg:text-40'>Votre panier est vide</p>
</div><div class="w-full py-24 !margin-px-1">
<p class='text-12 font-bold uppercase leading-none tracking-snug'>Sélectionnés pour vous</p>
<div
x-data='slideshow({groupBy:1,autoPlayInterval:0,disableLg:false,orientation:"horizontal",displayChildrenCountMobile:3,displayChildrenCountDesktop:3})'
class='relative w-full mt-20 lg-max:touch-pan-y'
>
<div
x-ref='wrapper'
@touchstart='handleTouchStart'
@scroll.passive='handleScroll'
class='flex [&>*]:shrink-0 justify-start items-stretch [&>*]:snap-start overflow-auto scrollbar-hide snap-mandatory scroll-smooth touch-pan-x touch-pan-y snap-x overflow-y-hidden lg-max:overscroll-y-none-safari w-full overflow-y-clip gutter-gap-1'
>
<article
class='relative h-auto span-w-5-wider lg:span-w-3 shrink-0'
x-data='{loading:false}'
x-on:liquid-ajax-cart:queue-end.document='loading=false'
>
<a
href='/products/housse-de-coussin-orion'
class='flex h-full w-full flex-col gap-8 text-left'
>
<div class='relative w-full'>
<picture class='block aspect-[3/4] w-full shrink-0'><source media='(max-width: 1023px)' sizes='42vw' srcset='//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=64&v=1772791169&width=48 48w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=128&v=1772791169&width=96 96w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=214&v=1772791169&width=160 160w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=427&v=1772791169&width=320 320w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=855&v=1772791169&width=640 640w' width='158' height='211'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=128&v=1772791169&width=96 96w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=214&v=1772791169&width=160 160w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=427&v=1772791169&width=320 320w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=855&v=1772791169&width=640 640w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=1282&v=1772791169&width=960 960w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=1603&v=1772791169&width=1200 1200w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=2564&v=1772791169&width=1920 1920w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=3205&v=1772791169&width=2400 2400w' width='158' height='211'>
<img src="//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=211&v=1772791169&width=158" alt="House de coussin Orion en velours lavé couleur Mousse" srcset="//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35027.jpg?crop=center&height=211&v=1772791169&width=158 158w" width="158" height="211" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div>
<div class='flex flex-col gap-4'><h4 class='font-serif text-15 leading-slim tracking-wide text-brown-dark'>Housse de coussin Orion</h4><p class='text-13 leading-small tracking-tight text-brown-text'>Velours lavé</p>
<p class='text-13 leading-small tracking-tight text-brown-dark'>
<span class="money">75€</span>
</p>
</div>
</a>
</article>
<article
class='relative h-auto span-w-5-wider lg:span-w-3 shrink-0'
x-data='{loading:false}'
x-on:liquid-ajax-cart:queue-end.document='loading=false'
>
<a
href='/products/cosmos'
class='flex h-full w-full flex-col gap-8 text-left'
>
<div class='relative w-full'>
<picture class='block aspect-[3/4] w-full shrink-0'><source media='(max-width: 1023px)' sizes='42vw' srcset='//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=64&v=1771517948&width=48 48w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=128&v=1771517948&width=96 96w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=214&v=1771517948&width=160 160w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=427&v=1771517948&width=320 320w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=855&v=1771517948&width=640 640w' width='158' height='211'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=128&v=1771517948&width=96 96w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=214&v=1771517948&width=160 160w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=427&v=1771517948&width=320 320w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=855&v=1771517948&width=640 640w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=1282&v=1771517948&width=960 960w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=1603&v=1771517948&width=1200 1200w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=2564&v=1771517948&width=1920 1920w,//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=3205&v=1771517948&width=2400 2400w' width='158' height='211'>
<img src="//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=211&v=1771517948&width=158" alt="Suspension Cosmos Fleurs en métal doré qui diffuse une lumière dorée" srcset="//caravane.com/cdn/shop/files/Suspension-Cosmos-D30-D40.png?crop=center&height=211&v=1771517948&width=158 158w" width="158" height="211" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div>
<div class='flex flex-col gap-4'><h4 class='font-serif text-15 leading-slim tracking-wide text-brown-dark'>Suspension Cosmos</h4><p class='text-13 leading-small tracking-tight text-brown-text'>Métal doré</p>
<p class='text-13 leading-small tracking-tight text-brown-dark'>
<span class="money">60€</span>
</p>
</div>
</a>
</article>
<article
class='relative h-auto span-w-5-wider lg:span-w-3 shrink-0'
x-data='{loading:false}'
x-on:liquid-ajax-cart:queue-end.document='loading=false'
>
<a
href='/products/tapisherringo-lin-et-jute'
class='flex h-full w-full flex-col gap-8 text-left'
>
<div class='relative w-full'>
<picture class='block aspect-[3/4] w-full shrink-0'><source media='(max-width: 1023px)' sizes='42vw' srcset='//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35010_edc3f281-bf1f-4b7e-ad04-0d19a2af0fe6.jpg?crop=center&height=64&v=1770891790&width=48 48w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35010_edc3f281-bf1f-4b7e-ad04-0d19a2af0fe6.jpg?crop=center&height=128&v=1770891790&width=96 96w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35010_edc3f281-bf1f-4b7e-ad04-0d19a2af0fe6.jpg?crop=center&height=214&v=1770891790&width=160 160w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35010_edc3f281-bf1f-4b7e-ad04-0d19a2af0fe6.jpg?crop=center&height=427&v=1770891790&width=320 320w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35010_edc3f281-bf1f-4b7e-ad04-0d19a2af0fe6.jpg?crop=center&height=855&v=1770891790&width=640 640w' width='158' height='211'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35010_edc3f281-bf1f-4b7e-ad04-0d19a2af0fe6.jpg?crop=center&height=128&v=1770891790&width=96 96w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35010_edc3f281-bf1f-4b7e-ad04-0d19a2af0fe6.jpg?crop=center&height=214&v=1770891790&width=160 160w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35010_edc3f281-bf1f-4b7e-ad04-0d19a2af0fe6.jpg?crop=center&height=427&v=1770891790&width=320 320w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35010_edc3f281-bf1f-4b7e-ad04-0d19a2af0fe6.jpg?crop=center&height=855&v=1770891790&width=640 640w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35010_edc3f281-bf1f-4b7e-ad04-0d19a2af0fe6.jpg?crop=center&height=1282&v=1770891790&width=960 960w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35010_edc3f281-bf1f-4b7e-ad04-0d19a2af0fe6.jpg?crop=center&height=1603&v=1770891790&width=1200 1200w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35010_edc3f281-bf1f-4b7e-ad04-0d19a2af0fe6.jpg?crop=center&height=2564&v=1770891790&width=1920 1920w,//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35010_edc3f281-bf1f-4b7e-ad04-0d19a2af0fe6.jpg?crop=center&height=3205&v=1770891790&width=2400 2400w' width='158' height='211'>
<img src="//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35010_edc3f281-bf1f-4b7e-ad04-0d19a2af0fe6.jpg?crop=center&height=211&v=1770891790&width=158" alt="Tapis Herringo charcoal" srcset="//caravane.com/cdn/shop/files/20262701_Caravane_JadeDeshayes35010_edc3f281-bf1f-4b7e-ad04-0d19a2af0fe6.jpg?crop=center&height=211&v=1770891790&width=158 158w" width="158" height="211" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div>
<div class='flex flex-col gap-4'><h4 class='font-serif text-15 leading-slim tracking-wide text-brown-dark'>Tapis Herringo</h4><p class='text-13 leading-small tracking-tight text-brown-text'>Jute et lin </p>
<p class='text-13 leading-small tracking-tight text-brown-dark'>
<span class="money">430€</span>
</p>
</div>
</a>
</article>
<article
class='relative h-auto span-w-5-wider lg:span-w-3 shrink-0'
x-data='{loading:false}'
x-on:liquid-ajax-cart:queue-end.document='loading=false'
>
<a
href='/products/housse-de-coussin-tallino-velours-de-lin'
class='flex h-full w-full flex-col gap-8 text-left'
>
<div class='relative w-full'>
<picture class='block aspect-[3/4] w-full shrink-0'><source media='(max-width: 1023px)' sizes='42vw' srcset='//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=64&v=1770225314&width=48 48w,//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=128&v=1770225314&width=96 96w,//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=214&v=1770225314&width=160 160w,//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=427&v=1770225314&width=320 320w,//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=855&v=1770225314&width=640 640w' width='158' height='211'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=128&v=1770225314&width=96 96w,//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=214&v=1770225314&width=160 160w,//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=427&v=1770225314&width=320 320w,//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=855&v=1770225314&width=640 640w,//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=1282&v=1770225314&width=960 960w,//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=1603&v=1770225314&width=1200 1200w,//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=2564&v=1770225314&width=1920 1920w,//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=3205&v=1770225314&width=2400 2400w' width='158' height='211'>
<img src="//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=211&v=1770225314&width=158" alt="Housse de coussin Tallino" srcset="//caravane.com/cdn/shop/files/JAD5578.jpg?crop=center&height=211&v=1770225314&width=158 158w" width="158" height="211" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div>
<div class='flex flex-col gap-4'><h4 class='font-serif text-15 leading-slim tracking-wide text-brown-dark'>Housse de coussin Tallino</h4><p class='text-13 leading-small tracking-tight text-brown-text'>Velours de lin</p>
<p class='text-13 leading-small tracking-tight text-brown-dark'>
<span class="money">125€</span>
</p>
</div>
</a>
</article>
<article
class='relative h-auto span-w-5-wider lg:span-w-3 shrink-0'
x-data='{loading:false}'
x-on:liquid-ajax-cart:queue-end.document='loading=false'
>
<a
href='/products/miroir-ame-laiton'
class='flex h-full w-full flex-col gap-8 text-left'
>
<div class='relative w-full'>
<picture class='block aspect-[3/4] w-full shrink-0'><source media='(max-width: 1023px)' sizes='42vw' srcset='//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=64&v=1769444342&width=48 48w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=128&v=1769444342&width=96 96w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=214&v=1769444342&width=160 160w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=427&v=1769444342&width=320 320w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=855&v=1769444342&width=640 640w' width='158' height='211'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=128&v=1769444342&width=96 96w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=214&v=1769444342&width=160 160w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=427&v=1769444342&width=320 320w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=855&v=1769444342&width=640 640w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=1282&v=1769444342&width=960 960w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=1603&v=1769444342&width=1200 1200w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=2564&v=1769444342&width=1920 1920w,//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=3205&v=1769444342&width=2400 2400w' width='158' height='211'>
<img src="//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=211&v=1769444342&width=158" alt="Miroir Ame" srcset="//caravane.com/cdn/shop/files/Dimensions2667x4000_14.png?crop=center&height=211&v=1769444342&width=158 158w" width="158" height="211" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div>
<div class='flex flex-col gap-4'><h4 class='font-serif text-15 leading-slim tracking-wide text-brown-dark'>Miroir Ame</h4><p class='text-13 leading-small tracking-tight text-brown-text'>Laiton serti main</p>
<p class='text-13 leading-small tracking-tight text-brown-dark'>
<span class="money">150€</span>
</p>
</div>
</a>
</article>
<article
class='relative h-auto span-w-5-wider lg:span-w-3 shrink-0'
x-data='{loading:false}'
x-on:liquid-ajax-cart:queue-end.document='loading=false'
>
<a
href='/products/cleoplat-terre'
class='flex h-full w-full flex-col gap-8 text-left'
>
<div class='relative w-full'>
<picture class='block aspect-[3/4] w-full shrink-0'><source media='(max-width: 1023px)' sizes='42vw' srcset='//caravane.com/cdn/shop/files/20251021_CaravaneNoel202532963.jpg?crop=center&height=64&v=1762164928&width=48 48w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202532963.jpg?crop=center&height=128&v=1762164928&width=96 96w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202532963.jpg?crop=center&height=214&v=1762164928&width=160 160w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202532963.jpg?crop=center&height=427&v=1762164928&width=320 320w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202532963.jpg?crop=center&height=855&v=1762164928&width=640 640w' width='158' height='211'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/20251021_CaravaneNoel202532963.jpg?crop=center&height=128&v=1762164928&width=96 96w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202532963.jpg?crop=center&height=214&v=1762164928&width=160 160w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202532963.jpg?crop=center&height=427&v=1762164928&width=320 320w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202532963.jpg?crop=center&height=855&v=1762164928&width=640 640w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202532963.jpg?crop=center&height=1282&v=1762164928&width=960 960w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202532963.jpg?crop=center&height=1603&v=1762164928&width=1200 1200w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202532963.jpg?crop=center&height=2564&v=1762164928&width=1920 1920w,//caravane.com/cdn/shop/files/20251021_CaravaneNoel202532963.jpg?crop=center&height=3205&v=1762164928&width=2400 2400w' width='158' height='211'>
<img src="//caravane.com/cdn/shop/files/20251021_CaravaneNoel202532963.jpg?crop=center&height=211&v=1762164928&width=158" alt="Plat Cleo" srcset="//caravane.com/cdn/shop/files/20251021_CaravaneNoel202532963.jpg?crop=center&height=211&v=1762164928&width=158 158w" width="158" height="211" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div>
<div class='flex flex-col gap-4'><h4 class='font-serif text-15 leading-slim tracking-wide text-brown-dark'>Plat Cleo</h4><p class='text-13 leading-small tracking-tight text-brown-text'>Céramique</p>
<p class='text-13 leading-small tracking-tight text-brown-dark'>
<span class="money">145€</span>
</p>
</div>
</a>
</article>
<article
class='relative h-auto span-w-5-wider lg:span-w-3 shrink-0'
x-data='{loading:false}'
x-on:liquid-ajax-cart:queue-end.document='loading=false'
>
<a
href='/products/khadir-coton'
class='flex h-full w-full flex-col gap-8 text-left'
>
<div class='relative w-full'>
<picture class='block aspect-[3/4] w-full shrink-0'><source media='(max-width: 1023px)' sizes='42vw' srcset='//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=64&v=1770225636&width=48 48w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=128&v=1770225636&width=96 96w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=214&v=1770225636&width=160 160w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=427&v=1770225636&width=320 320w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=855&v=1770225636&width=640 640w' width='158' height='211'>
<source media='(min-width: 1024px)' sizes='10vw' srcset='//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=128&v=1770225636&width=96 96w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=214&v=1770225636&width=160 160w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=427&v=1770225636&width=320 320w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=855&v=1770225636&width=640 640w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=1282&v=1770225636&width=960 960w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=1603&v=1770225636&width=1200 1200w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=2564&v=1770225636&width=1920 1920w,//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=3205&v=1770225636&width=2400 2400w' width='158' height='211'>
<img src="//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=211&v=1770225636&width=158" alt="Rideau Khadi" srcset="//caravane.com/cdn/shop/files/JAD5593.jpg?crop=center&height=211&v=1770225636&width=158 158w" width="158" height="211" loading="lazy" class="w-full h-full object-cover w-full" fetchpriority="auto">
</picture>
</div>
<div class='flex flex-col gap-4'><h4 class='font-serif text-15 leading-slim tracking-wide text-brown-dark'>Rideau Khadi</h4><p class='text-13 leading-small tracking-tight text-brown-text'>Khadi de coton</p>
<p class='text-13 leading-small tracking-tight text-brown-dark'>
<span class="money">150€</span>
</p>
</div>
</a>
</article>
</div>
<nav
class='flex items-center gutter-gap-1 lg:gap-10 absolute -top-42 lg:-top-42 [&_svg]:h-14 [&_svg]:w-14 h-20 right-0'
:class="{ 'hidden': !enabled }"
>
<button
x-ref='prevButton'
@click.passive='handlePrev'
class='slideshow-prev grid place-content-center span-w-1 disabled:text-grey lg:w-20 lg:h-20'
aria-label='Page précédente'
type='button'
>
<svg class='' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewbox='0 0 18 18' fill='none'>
<path d="M13.148 0L14.4297 1.32308L6.99303 9L14.4297 16.6769L13.148 18L4.42969 9L13.148 0Z" fill="currentColor"/>
</svg>
</button>
<button
x-ref='nextButton'
@click.passive='handleNext'
class='slideshow-next grid place-content-center span-w-1 disabled:text-grey lg:w-20 lg:h-20'
aria-label='Page suivante'
type='button'
>
<svg class='' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewbox='0 0 18 18' fill='none'>
<path d="M5.71136 18L4.42969 16.6769L11.8663 9L4.42969 1.32308L5.71136 0L14.4297 9L5.71136 18Z" fill="currentColor"/>
</svg>
</button>
</nav>
</div>
</div></div>
</section>
</main><footer class='bg-cream py-20 margin-px-1 -margin-mx-1 !mx-0 !bg-cream border-t border-stroke-light flex flex-col !py-16 hidden' data-ajax-cart-section>
</footer><div
x-show='$store.shippingEstimator.open'
@click='$store.shippingEstimator.open = false'
class='absolute inset-0 z-101 bg-black/40'
x-transition:enter='transition-opacity ease-expo-out duration-300'
x-transition:enter-start='opacity-0'
x-transition:enter-end='opacity-100'
x-transition:leave='transition-opacity ease-quart-inout duration-200'
x-transition:leave-start='opacity-100'
x-transition:leave-end='opacity-0'
x-cloak
></div>
<aside
x-data='shippingEstimator("FR", { empty: "Veuillez entrer un code postal", short: "Code postal trop court", noRates: "Aucun tarif disponible pour cette adresse", error: "Erreur lors du calcul des frais" })'
x-show='$store.shippingEstimator.open'
x-cloak
x-transition:enter='transition ease-expo-out duration-300'
x-transition:enter-start='translate-y-full'
x-transition:enter-end='translate-y-0'
x-transition:leave='transition ease-quart-inout duration-200'
x-transition:leave-start='translate-y-0'
x-transition:leave-end='translate-y-full'
class='fixed inset-x-0 bottom-0 z-[102] border-t border-stroke-light bg-cream lg:left-auto lg:right-0 lg:span-w-10-wider'
>
<header class='flex items-center justify-between border-b border-stroke-light margin-pl-1'>
<h3 class='text-12 font-bold uppercase tracking-snug'>Frais de livraison estimés</h3>
<button
class='relative !w-62 !h-56 !px-0 border-stroke-light border-l flex justify-center items-center'
type='button'
@click='$store.shippingEstimator.open=false'
>
<svg class='size-16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 16 16' fill='none'>
<path d="M11.3665 4L12 4.63352L8.63352 8L12 11.3665L11.3665 12L8 8.63352L4.63352 12L4 11.3665L7.36648 8L4 4.63352L4.63351 4L8 7.36648L11.3665 4Z" fill="currentColor"/>
</svg>
</button>
</header>
<fieldset class='py-16 margin-px-1'><div x-show="status === 'success' && !isFreeShipping && cheapestRate" x-cloak class='mb-16 flex items-baseline justify-between text-13'>
<span class='text-brown-text'>À partir de :</span>
<span class='text-14 text-brown-dark' x-text="cheapestRate ? formatPrice(cheapestRate.price) + ' (' + cheapestRate.name + ')' : ''"></span>
</div>
<div x-show="status === 'success' && isFreeShipping" x-cloak class='mb-16 flex items-baseline justify-between text-13'>
<span class='text-brown-text'>À partir de :</span>
<span class='text-14 text-brown-dark'>Vous bénéficiez de la livraison gratuite</span>
</div>
<div class='flex flex-row items-end gap-12'>
<div class='relative flex-none text-12/none span-w-7 lg:span-w-6-wide'>
<label for='shipping-country' class='mb-4 block text-12 text-brown-text'>Pays</label>
<select
id='shipping-country'
x-model='country'
class='w-full appearance-none border border-stroke-light bg-cream px-16 py-12 text-12 text-brown-dark lg-max:!h-46 lg-max:!text-16'
>
<option value='AF'>Afghanistan</option>
<option value='ZA'>Afrique du Sud</option>
<option value='AL'>Albanie</option>
<option value='DZ'>Algérie</option>
<option value='DE'>Allemagne</option>
<option value='AD'>Andorre</option>
<option value='AO'>Angola</option>
<option value='AI'>Anguilla</option>
<option value='AG'>Antigua-et-Barbuda</option>
<option value='SA'>Arabie saoudite</option>
<option value='AR'>Argentine</option>
<option value='AM'>Arménie</option>
<option value='AW'>Aruba</option>
<option value='AU'>Australie</option>
<option value='AT'>Autriche</option>
<option value='AZ'>Azerbaïdjan</option>
<option value='BS'>Bahamas</option>
<option value='BH'>Bahreïn</option>
<option value='BD'>Bangladesh</option>
<option value='BB'>Barbade</option>
<option value='BE'>Belgique</option>
<option value='BZ'>Belize</option>
<option value='BJ'>Bénin</option>
<option value='BM'>Bermudes</option>
<option value='BT'>Bhoutan</option>
<option value='BY'>Biélorussie</option>
<option value='BO'>Bolivie</option>
<option value='BA'>Bosnie-Herzégovine</option>
<option value='BW'>Botswana</option>
<option value='BR'>Brésil</option>
<option value='BN'>Brunei</option>
<option value='BG'>Bulgarie</option>
<option value='BF'>Burkina Faso</option>
<option value='BI'>Burundi</option>
<option value='KH'>Cambodge</option>
<option value='CM'>Cameroun</option>
<option value='CA'>Canada</option>
<option value='CV'>Cap-Vert</option>
<option value='CL'>Chili</option>
<option value='CN'>Chine</option>
<option value='CY'>Chypre</option>
<option value='CO'>Colombie</option>
<option value='KM'>Comores</option>
<option value='CG'>Congo-Brazzaville</option>
<option value='CD'>Congo-Kinshasa</option>
<option value='KR'>Corée du Sud</option>
<option value='CR'>Costa Rica</option>
<option value='CI'>Côte d’Ivoire</option>
<option value='HR'>Croatie</option>
<option value='CW'>Curaçao</option>
<option value='DK'>Danemark</option>
<option value='DJ'>Djibouti</option>
<option value='DM'>Dominique</option>
<option value='EG'>Égypte</option>
<option value='AE'>Émirats arabes unis</option>
<option value='EC'>Équateur</option>
<option value='ER'>Érythrée</option>
<option value='ES'>Espagne</option>
<option value='EE'>Estonie</option>
<option value='SZ'>Eswatini</option>
<option value='VA'>État de la Cité du Vatican</option>
<option value='US'>États-Unis</option>
<option value='ET'>Éthiopie</option>
<option value='FJ'>Fidji</option>
<option value='FI'>Finlande</option>
<option value='FR'>France</option>
<option value='GA'>Gabon</option>
<option value='GM'>Gambie</option>
<option value='GE'>Géorgie</option>
<option value='GS'>Géorgie du Sud-et-les Îles Sandwich du Sud</option>
<option value='GH'>Ghana</option>
<option value='GI'>Gibraltar</option>
<option value='GR'>Grèce</option>
<option value='GD'>Grenade</option>
<option value='GL'>Groenland</option>
<option value='GP'>Guadeloupe</option>
<option value='GT'>Guatemala</option>
<option value='GG'>Guernesey</option>
<option value='GN'>Guinée</option>
<option value='GQ'>Guinée équatoriale</option>
<option value='GW'>Guinée-Bissau</option>
<option value='GY'>Guyana</option>
<option value='GF'>Guyane française</option>
<option value='HT'>Haïti</option>
<option value='HN'>Honduras</option>
<option value='HU'>Hongrie</option>
<option value='CX'>Île Christmas</option>
<option value='NF'>Île Norfolk</option>
<option value='IM'>Île de Man</option>
<option value='AC'>Île de l’Ascension</option>
<option value='AX'>Îles Åland</option>
<option value='KY'>Îles Caïmans</option>
<option value='CC'>Îles Cocos</option>
<option value='CK'>Îles Cook</option>
<option value='FO'>Îles Féroé</option>
<option value='FK'>Îles Malouines</option>
<option value='PN'>Îles Pitcairn</option>
<option value='SB'>Îles Salomon</option>
<option value='TC'>Îles Turques-et-Caïques</option>
<option value='VG'>Îles Vierges britanniques</option>
<option value='UM'>Îles mineures éloignées des États-Unis</option>
<option value='IN'>Inde</option>
<option value='ID'>Indonésie</option>
<option value='IQ'>Irak</option>
<option value='IE'>Irlande</option>
<option value='IS'>Islande</option>
<option value='IL'>Israël</option>
<option value='IT'>Italie</option>
<option value='JM'>Jamaïque</option>
<option value='JP'>Japon</option>
<option value='JE'>Jersey</option>
<option value='JO'>Jordanie</option>
<option value='KZ'>Kazakhstan</option>
<option value='KE'>Kenya</option>
<option value='KG'>Kirghizstan</option>
<option value='KI'>Kiribati</option>
<option value='XK'>Kosovo</option>
<option value='KW'>Koweït</option>
<option value='RE'>La Réunion</option>
<option value='LA'>Laos</option>
<option value='LS'>Lesotho</option>
<option value='LV'>Lettonie</option>
<option value='LB'>Liban</option>
<option value='LR'>Liberia</option>
<option value='LY'>Libye</option>
<option value='LI'>Liechtenstein</option>
<option value='LT'>Lituanie</option>
<option value='LU'>Luxembourg</option>
<option value='MK'>Macédoine du Nord</option>
<option value='MG'>Madagascar</option>
<option value='MY'>Malaisie</option>
<option value='MW'>Malawi</option>
<option value='MV'>Maldives</option>
<option value='ML'>Mali</option>
<option value='MT'>Malte</option>
<option value='MA'>Maroc</option>
<option value='MQ'>Martinique</option>
<option value='MU'>Maurice</option>
<option value='MR'>Mauritanie</option>
<option value='YT'>Mayotte</option>
<option value='MX'>Mexique</option>
<option value='MD'>Moldavie</option>
<option value='MC'>Monaco</option>
<option value='MN'>Mongolie</option>
<option value='ME'>Monténégro</option>
<option value='MS'>Montserrat</option>
<option value='MZ'>Mozambique</option>
<option value='MM'>Myanmar (Birmanie)</option>
<option value='NA'>Namibie</option>
<option value='NR'>Nauru</option>
<option value='NP'>Népal</option>
<option value='NI'>Nicaragua</option>
<option value='NE'>Niger</option>
<option value='NG'>Nigeria</option>
<option value='NU'>Niue</option>
<option value='NO'>Norvège</option>
<option value='NC'>Nouvelle-Calédonie</option>
<option value='NZ'>Nouvelle-Zélande</option>
<option value='OM'>Oman</option>
<option value='UG'>Ouganda</option>
<option value='UZ'>Ouzbékistan</option>
<option value='PK'>Pakistan</option>
<option value='PA'>Panama</option>
<option value='PG'>Papouasie-Nouvelle-Guinée</option>
<option value='PY'>Paraguay</option>
<option value='NL'>Pays-Bas</option>
<option value='BQ'>Pays-Bas caribéens</option>
<option value='PE'>Pérou</option>
<option value='PH'>Philippines</option>
<option value='PL'>Pologne</option>
<option value='PF'>Polynésie française</option>
<option value='PT'>Portugal</option>
<option value='QA'>Qatar</option>
<option value='HK'>R.A.S. chinoise de Hong Kong</option>
<option value='MO'>R.A.S. chinoise de Macao</option>
<option value='CF'>République centrafricaine</option>
<option value='DO'>République dominicaine</option>
<option value='RO'>Roumanie</option>
<option value='GB'>Royaume-Uni</option>
<option value='RU'>Russie</option>
<option value='RW'>Rwanda</option>
<option value='EH'>Sahara occidental</option>
<option value='BL'>Saint-Barthélemy</option>
<option value='KN'>Saint-Christophe-et-Niévès</option>
<option value='SM'>Saint-Marin</option>
<option value='MF'>Saint-Martin</option>
<option value='SX'>Saint-Martin (partie néerlandaise)</option>
<option value='PM'>Saint-Pierre-et-Miquelon</option>
<option value='VC'>Saint-Vincent-et-les Grenadines</option>
<option value='SH'>Sainte-Hélène</option>
<option value='LC'>Sainte-Lucie</option>
<option value='SV'>Salvador</option>
<option value='WS'>Samoa</option>
<option value='ST'>Sao Tomé-et-Principe</option>
<option value='SN'>Sénégal</option>
<option value='RS'>Serbie</option>
<option value='SC'>Seychelles</option>
<option value='SL'>Sierra Leone</option>
<option value='SG'>Singapour</option>
<option value='SK'>Slovaquie</option>
<option value='SI'>Slovénie</option>
<option value='SO'>Somalie</option>
<option value='SD'>Soudan</option>
<option value='SS'>Soudan du Sud</option>
<option value='LK'>Sri Lanka</option>
<option value='SE'>Suède</option>
<option value='CH'>Suisse</option>
<option value='SR'>Suriname</option>
<option value='SJ'>Svalbard et Jan Mayen</option>
<option value='TJ'>Tadjikistan</option>
<option value='TW'>Taïwan</option>
<option value='TZ'>Tanzanie</option>
<option value='TD'>Tchad</option>
<option value='CZ'>Tchéquie</option>
<option value='TF'>Terres australes françaises</option>
<option value='IO'>Territoire britannique de l’océan Indien</option>
<option value='PS'>Territoires palestiniens</option>
<option value='TH'>Thaïlande</option>
<option value='TL'>Timor oriental</option>
<option value='TG'>Togo</option>
<option value='TK'>Tokelau</option>
<option value='TO'>Tonga</option>
<option value='TT'>Trinité-et-Tobago</option>
<option value='TA'>Tristan da Cunha</option>
<option value='TN'>Tunisie</option>
<option value='TM'>Turkménistan</option>
<option value='TR'>Turquie</option>
<option value='TV'>Tuvalu</option>
<option value='UA'>Ukraine</option>
<option value='UY'>Uruguay</option>
<option value='VU'>Vanuatu</option>
<option value='VE'>Venezuela</option>
<option value='VN'>Viêt Nam</option>
<option value='WF'>Wallis-et-Futuna</option>
<option value='YE'>Yémen</option>
<option value='ZM'>Zambie</option>
<option value='ZW'>Zimbabwe</option>
</select>
</div>
<div
class='relative text-12/none flex-1'
>
<input
placeholder=' '
id='shipping-postal-code'
name=''
aria-label='Code postal'
class='peer block w-full rounded-none h-40 px-20 py-18 appearance-none placeholder-current focus-visible:outline-none focus-visible:ring-0 duration-300 ease-quart-out transition-colors text-brown-dark aria-[invalid]:text-red aria-[invalid]:border-red bg-transparent border border-stroke-light focus:border-brown-dark lg-max:!h-46 lg-max:!text-16'><label for='shipping-postal-code' class='bg-cream pointer-events-none order-first duration-300 ease-quart-out absolute left-0 top-0 ml-20 px-4 transform-[transform,top] -translate-y-1/2 z-2 origin-left peer-focus:top-0 peer-placeholder-shown:top-1/2 text-brown-dark peer-aria-[invalid]:text-red'>Code postal</label>
</div>
</div>
<div class='mt-12' x-data="{ get loading() { return status === 'loading' } }">
<button
class='relative flex justify-center items-center text-11/narrow font-normal leading-none h-40 px-16 uppercase transition-[background] duration-700 hover:duration-300 ease-expo-out outline-offset-2 outline-1 focus-visible:[outline-style:solid] disabled:pointer-none disabled:bg-grey-light disabled:text-brown-light bg-black hover:bg-neutral-80 active:bg-neutral-80 text-white outline-black overflow-clip w-full'
type='button'
@click='submit'
><div
class='h-full transform-gpu transition-transform duration-500 ease-quart-inout'
:class='loading && "-translate-y-full !ease-expo-out"'
>
<div class='flex h-full items-center transition-transform'>Calculer</div>
<div class='absolute left-0 top-full flex h-full w-full items-center justify-center transition-transform'>
<div
role='status'
class='pointer-events-none w-18'
aria-label='Loading...'
>
<svg
viewbox='0 0 100 101'
fill='none'
xmlns='http://www.w3.org/2000/svg'
class='animate-[spin_600ms_linear_infinite] fill-current'
aria-hidden='true'
>
<path d='M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z' fill='currentColor' opacity='0.3' />
<path d='M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z' fill='currentFill' />
</svg>
</div>
</div>
</div></button>
</div>
<p x-show="status === 'error'" x-cloak class='mt-12 text-12 text-red' x-text='errorMessage'></p>
</fieldset>
</aside>
</div>
</form>
</section>
<script type='application/json' data-ajax-cart-initial-state>
{"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"EUR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}
</script>
<script type='module' defer>
document.documentElement.style.setProperty('--sbw', window.innerWidth - document.body.offsetWidth + 'px')
</script>
<script id='booknowlib' src='https://www.booxi.com/booknow/booknow.js' async='async'></script></body>
</html>
