@charset "UTF-8";
/* CSS Document */

.product-main-container {margin-bottom: 60px;}


.overlay-bottom:after{content:"";position:absolute;width:100%;height:100%;left:0;bottom:-1px;-webkit-mask-image: linear-gradient(to bottom,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.013) 9.7%,hsla(0,0%,0%,0.049) 18.7%,hsla(0,0%,0%,0.104) 27.2%,hsla(0,0%,0%,0.175) 35.1%,hsla(0,0%,0%,0.259) 42.6%,hsla(0,0%,0%,0.352) 49.6%,hsla(0,0%,0%,0.45) 56.2%,hsla(0,0%,0%,0.55) 62.5%,hsla(0,0%,0%,0.648) 68.4%,hsla(0,0%,0%,0.741) 74.1%,hsla(0,0%,0%,0.825) 79.5%,hsla(0,0%,0%,0.896) 84.8%,hsla(0,0%,0%,0.951) 89.9%,hsla(0,0%,0%,0.987) 95%,hsl(0,0%,0%) 100%);pointer-events:none;transform:translate3d(0,0,0);transition:all .6s;z-index:1}
.overlay-top:after{content:"";position:absolute;width:100%;height:100%;left:0;top:-1px;-webkit-mask-image: linear-gradient(to bottom,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.013) 9.7%,hsla(0,0%,0%,0.049) 18.7%,hsla(0,0%,0%,0.104) 27.2%,hsla(0,0%,0%,0.175) 35.1%,hsla(0,0%,0%,0.259) 42.6%,hsla(0,0%,0%,0.352) 49.6%,hsla(0,0%,0%,0.45) 56.2%,hsla(0,0%,0%,0.55) 62.5%,hsla(0,0%,0%,0.648) 68.4%,hsla(0,0%,0%,0.741) 74.1%,hsla(0,0%,0%,0.825) 79.5%,hsla(0,0%,0%,0.896) 84.8%,hsla(0,0%,0%,0.951) 89.9%,hsla(0,0%,0%,0.987) 95%,hsl(0,0%,0%) 100%);pointer-events:none;transform:translate3d(0,0,0);transition:all .6s;z-index:1}

.overlay-black:after{background:#000}
.overlay-white:after{background:#FFF}


.overlay-opacity-10:after{opacity:.1}
.overlay-opacity-20:after{opacity:.2}
.overlay-opacity-30:after{opacity:.3}
.overlay-opacity-40:after{opacity:.4}
.overlay-opacity-50:after{opacity:.5}
.overlay-opacity-60:after{opacity:.6}
.overlay-opacity-70:after{opacity:.7}
.overlay-opacity-80:after{opacity:.8}
.overlay-opacity-90:after{opacity:.9}
.overlay-opacity-100:after{opacity:.9}

.overlay-height-10:after{height:10%}
.overlay-height-20:after{height:20%}
.overlay-height-30:after{height:30%}
.overlay-height-40:after{height:40%}
.overlay-height-50:after{height:50%}
.overlay-height-60:after{height:60%}
.overlay-height-70:after{height:70%}
.overlay-height-80:after{height:80%}
.overlay-height-90:after{height:90%}
.overlay-height-150:after{height:150%}
.overlay-height-200:after{height:200%}

section.hp-cp .bloc-product[class*=" tag-"] .bloc-slider:before, section.hp-cp .bloc-product[class^=" tag-"] .bloc-slider:before {font-size: 10px; text-transform: uppercase; letter-spacing: .03rem; font-weight: 500; position: absolute; top: 0; left: 0; padding: 9px 8px; z-index: 2; }
	section.hp-cp .bloc-product.tag-new .bloc-slider:before {content: 'NEW'; }
	section.hp-cp .bloc-product.tag-back .bloc-slider:before {content: 'BACK IN STOCK'; }
	section.hp-cp .bloc-product.tag-coming-soon .bloc-slider:before {content: 'COMING SOON';}
section.hp-cp .bloc-product.tag-exclu-web .bloc-slider:before {content: 'EXCLU WEB';}
@media (min-width: 768px) {
section.hp-cp .bloc-product[class*=" tag-"] .bloc-slider:before, section.hp-cp .bloc-product[class^=" tag-"] .bloc-slider:before {font-size: 12px; padding: 12px 8px; }
}

	#maincontent .hp-cp .cp-countdown {display: flex; font-size: 40px;}
	.homepage #maincontent .hp-cp .cp-countdown {font-size: 24px;}
	#maincontent .hp-cp .cp-countdown > * {display: flex; flex-direction: column; align-items: center; font-weight: 500; position: relative; padding: 0 20px}
	#maincontent .hp-cp .cp-countdown > *:first-child {padding-left: 0;}
	#maincontent .hp-cp .cp-countdown > *:last-child {padding-right: 0;}
	#maincontent .hp-cp .cp-countdown > *:after {font-size: 16px;}
	#maincontent .homepage .hp-cp .cp-countdown > *:after {font-size: 12px;}
	#maincontent .hp-cp .cp-countdown > *:not(:last-child) {border-right: 1px solid #000;}
	#maincontent .hp-cp .color-white .cp-countdown > *:not(:last-child) {border-color: #FFF;}
#maincontent .hp-cp .cp-countdown .timer-days:after{content:'Days'}
#maincontent .hp-cp .cp-countdown .timer-hours:after{content:'Hours'}
#maincontent .hp-cp .cp-countdown .timer-minutes:after{content:'Minutes'}
#maincontent .hp-cp .cp-countdown .timer-seconds:after{content:'Seconds'}
	
	
	
/* ===== DEFAULT (ENGLISH) ===== */
#maincontent .hp-cp .cp-countdown .timer-days:after { content: 'Days'; }
#maincontent .hp-cp .cp-countdown .timer-hours:after { content: 'Hours'; }
#maincontent .hp-cp .cp-countdown .timer-minutes:after { content: 'Minutes'; }
#maincontent .hp-cp .cp-countdown .timer-seconds:after { content: 'Seconds'; }

/* ===== FRENCH ===== */
html[lang="fr"] #maincontent  .hp-cp .cp-countdown .timer-days:after { content: 'Jours'; }
html[lang="fr"] #maincontent  .hp-cp .cp-countdown .timer-hours:after { content: 'Heures'; }
html[lang="fr"] #maincontent  .hp-cp .cp-countdown .timer-minutes:after { content: 'Minutes'; }
html[lang="fr"] #maincontent  .hp-cp .cp-countdown .timer-seconds:after { content: 'Secondes'; }

/* ===== GERMAN ===== */
html[lang="de"] #maincontent  .hp-cp .cp-countdown .timer-days:after { content: 'Tage'; }
html[lang="de"] #maincontent  .hp-cp .cp-countdown .timer-hours:after { content: 'Stunden'; }
html[lang="de"] #maincontent  .hp-cp .cp-countdown .timer-minutes:after { content: 'Minuten'; }
html[lang="de"] #maincontent  .hp-cp .cp-countdown .timer-seconds:after { content: 'Sekunden'; }

/* ===== SPANISH ===== */
html[lang="es"] #maincontent  .hp-cp .cp-countdown .timer-days:after { content: 'Días'; }
html[lang="es"] #maincontent  .hp-cp .cp-countdown .timer-hours:after { content: 'Horas'; }
html[lang="es"] #maincontent  .hp-cp .cp-countdown .timer-minutes:after { content: 'Minutos'; }
html[lang="es"] #maincontent  .hp-cp .cp-countdown .timer-seconds:after { content: 'Segundos'; }
	
		@media (max-width:768px) {
			#maincontent  .hp-cp  .cp-countdown > * {padding: 0 8px; width: 100%; line-height: 1;}
		#maincontent  .hp-cp  .cp-countdown > *:after {font-size: 14px;}
				#maincontent  .hp-cp 	.cp-countdown > *:first-child {padding-left: 0;}
		#maincontent  .hp-cp .cp-countdown > *:last-child {padding-right: 0;}
				#maincontent  .hp-cp 	.cp-countdown {font-size: 32px;}
	}

.hp-cp form input[type=email] {background: transparent; border-bottom: 1px solid #000; padding: 0; color: #000;}
.hp-cp .color-white form input[type=email] {border-bottom: 1px solid #FFF; color: #FFF;}
	.hp-cp form .form-control-label {font-family: inherit; text-transform: none; font-size: 14px;transform: translateY(8px);}
.hp-cp .color-white .form-animate-label label {color: #FFF;}
	.hp-cp form .form-animate-label label {color: #000;}
	.hp-cp form .input-group button {position: relative;}
	.hp-cp form .position-relative {display: flex;}
	.hp-cp form .input-group.icon-right button {padding:  10px 16px;}
	.hp-cp form .btn-transparent {color: #000; border-color: #000;}
.hp-cp .color-white form .btn-transparent {color: #FFF; border-color: #FFF;}
	.hp-cp form {width: 100%;}
	.hp-cp form .form-animate-label.focus-in label {
    color: #aaa;
    transform: translateY(-2px) scale(1);
    font-family: "Roboto", "sans-serif";
    font-size: .75rem;
    line-height: 1.5;
    letter-spacing: 0;
}
	.hp-cp form .color-white .form-animate-label.focus-in label {color: rgba(256,256,256,.6);}
	@media (min-width:1200px) {
		.hp-cp form .btn-transparent:hover {background: #000; color: #FFF;}
.hp-cp .color-white form .btn-transparent:hover {background: #FFF; color: #000;}
	}




body:has(.ab_widget_container_countdown)
section.hp-cp.section-nav .freescroll {padding-bottom: 60px  !important;}
body:has(.ab_widget_container_countdown) .hp-cp .bloc-title {padding-bottom:calc(var(--second-nav-height) + 1rem) !important;}
@media (max-width: 1023px) {
body:has(.ab_widget_container_countdown)
section.hp-cp.section-nav .freescroll {padding-bottom: 88px  !important;}
body:has(.ab_widget_container_countdown) .hp-cp .bloc-title {padding-bottom: 90px !important;}
}
.experience-dynamic-productList .experience-commerce_assets-contentAssetCard:has(section.hp-cp.template-star) {grid-column-start: 1; grid-column-end: 5; margin-bottom: 8px;}
@media (max-width: 1023px) {
	.experience-dynamic-productList .experience-commerce_assets-contentAssetCard:has(section.hp-cp.template-star) {grid-column-end: 3;}
}
.product-grid-wrapper {overflow: clip;} 
#maincontent:not(:has(.hp-cp.section-nav)) .homepage section.hp-cp.first-section:not(.section-anchor){max-height: 90vh; height: 100vh;}
section.hp-cp:not(.section-nav){background:#FFF}
.home-main.homepage{display:flex;flex-direction:column}
@media (max-width:768px) {
/*
#maincontent:not(:has(.hp-cp.section-nav)) .homepage section.hp-cp.first-section:not(.section-anchor){max-height: 70vh;}
*/
	#maincontent:not(:has(.hp-cp.section-nav)) .homepage section.hp-cp.first-section:not(.section-anchor):has(.vertical-mob) {max-height: unset; height: auto;}
#maincontent:not(:has(.hp-cp.section-nav)) .homepage section.hp-cp.first-section .bloc-hp:not(.sticky-column) {height: 100% !important;}
.hp-cp .desk{display:none}
}
@media (min-width:769px) {
.hp-cp .mob{display:none}
}
@media (min-width: 768px) {
.hp-cp[section-sticky=yes]{position:sticky;top:0}
}
@media (max-width: 767.5px) {
.hp-cp.first-section[section-sticky=yes]:has(.bloc-hp:nth-child(2)) .bloc-hp:first-child,.hp-cp.first-section[section-sticky=yes]:not(:has(.bloc-hp:nth-child(2))),.hp-cp[section-sticky=yes]:has(.highlight-mob) .bloc-hp.highlight-mob,.hp-cp[section-sticky=yes]:not(.first-section):not(:has(.highlight-mob)){position:sticky;top:0}
.hp-cp[section-sticky=yes].first-section .bloc-hp:not(:first-child),.hp-cp[section-sticky=yes]:has(.highlight-mob) .bloc-hp:not(.highlight-mob){z-index:2;transform:translate3d(0,0,0);max-height:unset}
}
.hidden-swatches{display:flex}
.cp-countdown .timer-days:after{content:'D'}
.cp-countdown .timer-hours:after{content:'H'}
.cp-countdown .timer-minutes:after{content:'M'}
.cp-countdown .timer-seconds:after{content:'S'}
.cp-countdown .timer-days:after{content:'D'}
html[lang="fr"] .cp-countdown .timer-days:after{content:'J'}
.trads-discover:after{content:'Discover'}
html[lang="fr"] .trads-discover:after{content:'Découvrir'}
html[lang="de"] .trads-discover:after{content:'Entdecken'}
html[lang="es"] .trads-discover:after{content:'Descubrir'}

span.see-category:after{content:'See more'}
html[lang="fr"] span.see-category:after{content:'En voir plus'}
html[lang="de"] span.see-category:after{content:'Mehr anzeigen'}
html[lang="es"] span.see-category:after{content:'Ver más'}




.hp-cp *{box-sizing:border-box}
.hp-cp{font-family:"Roboto",sans-serif;display:flex;width:100%;flex-direction:column;justify-content:flex-start;position:relative;line-height:1.25}
.hp-cp .row-hp{display:flex;position:relative}
@media (max-width: 768px) {
.hp-cp .row-hp.vertical-mob{flex-direction:column}
.hp-cp .row-hp:has(> :nth-child(3)):has(.highlight-mob){display:grid;grid-template-columns:1fr 1fr}
.hp-cp .row-hp:has(> :nth-child(3)) .highlight-mob{grid-column-start:1;grid-column-end:3; grid-row-start: 1;}
.hp-cp .row-hp:has(> :nth-child(3)):has(.highlight-mob) .bloc-hp{overflow:unset}
}
.hp-cp .bloc-hp{position:relative;display:flex;overflow:clip}
.hp-cp .font-caps{text-transform:uppercase}
.hp-cp .font-oswald{}
.hp-cp h1,.hp-cp h2,.hp-cp h3{all:unset}
.hp-cp .hp-very-big-title{font-size:clamp(18px,2.8vw,52px);line-height:1;margin-top:-2px;font-weight:500;text-transform:none}
.hp-cp .hp-big-title{font-size:clamp(18px,1.4vw,26px);line-height:1;margin-top:-2px;font-weight:500;text-transform:none}
.hp-cp .hp-small-title{font-size:clamp(10px,.9vw,12px);line-height:1;letter-spacing:.05rem}
.hp-cp .color-white{color:#FFF}
.hp-cp .color-black{color:#000}
.hp-cp a{color:inherit;text-decoration:inherit}
.hp-cp .bloc-hp,.hp-cp .bloc-hp .bloc-background,.hp-cp .bloc-hp .bloc-background .bloc-media{width:100%;height:100%}
.hp-cp .row-hp .bloc-hp{height:auto}
.hp-cp .bloc-hp .bloc-cta{display:flex;grid-gap:16px;max-width:unset}
.hp-cp .bloc-sticky{position:absolute;bottom:0;width:100%;height:100%;display:flex;align-items:flex-end;pointer-events:none;overflow:clip}
.hp-cp .bloc-title{display:flex;flex-direction:column;align-items:flex-start;grid-gap:12px;position:sticky;padding:min(4vw,64px) 2.1875rem;bottom:0;left:0;z-index:2;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.home-main.homepage:has(section.hp-cp.section-nav[sticky-bottom=yes]) .hp-cp .bloc-title{bottom:calc(var(--second-nav-height) - 2rem);padding-top:var(--second-nav-height);padding-bottom:2.75rem}
.hp-cp .bloc-title.color-white:after{content:"";position:absolute;width:100%;height:100%;left:0;bottom:-1px;-webkit-mask-image:linear-gradient(to bottom,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.013) 8.1%,hsla(0,0%,0%,0.049) 15.5%,hsla(0,0%,0%,0.104) 22.5%,hsla(0,0%,0%,0.175) 29%,hsla(0,0%,0%,0.259) 35.3%,hsla(0,0%,0%,0.352) 41.2%,hsla(0,0%,0%,0.45) 47.1%,hsla(0,0%,0%,0.55) 52.9%,hsla(0,0%,0%,0.648) 58.8%,hsla(0,0%,0%,0.741) 64.7%,hsla(0,0%,0%,0.825) 71%,hsla(0,0%,0%,0.896) 77.5%,hsla(0,0%,0%,0.951) 84.5%,hsla(0,0%,0%,0.987) 91.9%,hsl(0,0%,0%) 100%);pointer-events:none;transform:translate3d(0,0,0);transition:all .6s;z-index:1;background:rgba(0,0,0,0.2);height:200%}
.hp-cp .bloc-title > *{max-width:32vw;z-index:2;pointer-events:all}
.home-main.homepage:has(section.hp-cp.section-nav[sticky-bottom=yes]) .hp-cp .bloc-title.color-white:after{bottom:calc(var(--second-nav-height) * -1)}
.hp-cp .bloc-media img,.hp-cp .bloc-video video{width:100%;height:100%;object-fit:cover;display:block}
.hp-cp .bloc-video .video-thumb{display:none}
.hp-cp .cp-cta{position:relative;display:inline-block;line-height:1;background:#FFF;text-transform:uppercase;font-weight:600;color:#000;padding:10px 16px;border:1px solid #FFF}
.hp-cp .cp-cta.cta-border {border-color: #000;}
.hp-cp .cp-cta.cp-cta-lvl-02{background:transparent;color:#FFF}
.hp-cp .cp-cta.cp-cta-lvl-03{border:1px solid #000}
.page{--stickyoffset:calc(83px + var(--preheader-height))}
body.header-hidden .page{--stickyoffset:0}
@media (max-width:1023.98px) {
.page{--stickyoffset:calc(106px + var(--preheader-height))}
}
.hp-cp .bloc-sticky[pos=top]{align-items:flex-start}
.hp-cp .bloc-sticky[pos=top] .bloc-title{top:var(--stickyOffset);bottom:auto;transition:top .4s}
.hp-cp .bloc-sticky[pos=top] .bloc-title.color-white:after{bottom:auto;top:-1px;-webkit-mask-image:linear-gradient(to top,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.013) 8.1%,hsla(0,0%,0%,0.049) 15.5%,hsla(0,0%,0%,0.104) 22.5%,hsla(0,0%,0%,0.175) 29%,hsla(0,0%,0%,0.259) 35.3%,hsla(0,0%,0%,0.352) 41.2%,hsla(0,0%,0%,0.45) 47.1%,hsla(0,0%,0%,0.55) 52.9%,hsla(0,0%,0%,0.648) 58.8%,hsla(0,0%,0%,0.741) 64.7%,hsla(0,0%,0%,0.825) 71%,hsla(0,0%,0%,0.896) 77.5%,hsla(0,0%,0%,0.951) 84.5%,hsla(0,0%,0%,0.987) 91.9%,hsl(0,0%,0%) 100%)}
@media (min-width: 768px) {
.hp-cp .bloc-title[pos=left]{align-items:flex-start}
.hp-cp .bloc-title[pos=center]{align-items:center;text-align:center}
.hp-cp .bloc-title[pos=right]{align-items:flex-end}
}
@media (min-width: 1200px) {
.hp-cp .cp-cta:hover{background:transparent;color:#000; border-color: #000;}
.hp-cp .color-white .cp-cta:hover{background:transparent;color:#FFF; border-color: #FFF;}
.hp-cp .cp-cta.cp-cta-lvl-02:hover{color:#000;background:#FFF}
.hp-cp .cp-cta.cp-cta-lvl-03:hover{background:#000;color:#FFF}
.hp-cp .cp-cta.cta-border:hover {background: #000; color: #FFF;}
}
section.hp-cp.first-section .bloc-hp,section.hp-cp.first-section .row-hp,{max-height:calc(100vh - var(--preheader-height) - var(--second-nav-height));transition:max-height .5s;height:100%}
section.hp-cp.first-section.section-slider .row-hp{min-height:41vw}
#maincontent:has(section.hp-cp.section-nav) section.hp-cp.first-section .bloc-hp,#maincontent:has(section.hp-cp.section-nav) section.hp-cp.first-section .row-hp,#maincontent:has(section.hp-cp.section-nav) section.hp-cp.first-section.section-slider .row-hp{height:100vh}
@media (max-width: 768px) {
.hp-cp .cp-cta{font-size:12px}
section.hp-cp:not(.section-carrousel) .row-hp{height:auto;width:100%;max-height:unset}
.home-main.homepage:has(section.hp-cp.section-nav){display:flex;flex-direction:column}
.home-main.homepage:has(section.hp-cp.section-nav) section.hp-cp.first-section:not([section-sticky=yes]){display:contents}
.home-main.homepage:has(section.hp-cp.section-nav) section.hp-cp.first-section:not([section-sticky=yes]) .row-hp{display:contents}
section.hp-cp.first-section[section-sticky=yes] .row-hp{flex-direction:column;max-height:unset;height:auto!important}
.home-main.homepage:has(section.hp-cp[section-sticky=yes]) section.hp-cp{overflow:clip}
.home-main.homepage:has(section.hp-cp.section-nav) section.hp-cp{order:3}
.home-main.homepage:has(section.hp-cp.section-nav) section.hp-cp.first-section .bloc-hp{order:3}
.home-main.homepage:has(section.hp-cp.section-nav) section.hp-cp.first-section .bloc-hp:first-child{max-height:calc(var(--cvh,1vh) * 100 - var(--preheader-height) - var(--second-nav-height));height:100vh;order:1}
.home-main.homepage:has(section.hp-cp.section-nav) section.hp-cp.section-nav{order:2}
.home-main.homepage:has(section.hp-cp.section-nav) section.hp-cp.section-nav[sticky-bottom=yes]{order:6;transform:translate3d(0,0,0)}
section.hp-cp.first-section .bloc-hp,section.hp-cp.first-section .row-hp:not(.vertical-mob),section.hp-cp.first-section.section-slider .row-hp{max-height:calc(var(--cvh,1vh) * 100 - var(--preheader-height) - var(--second-nav-height));height:100vh}
.hp-cp .bloc-title{padding:24px 12px;grid-gap:12px;font-size:12px}
.hp-cp .bloc-title > *{max-width:90%}
}



section.hp-cp.section-slider .row-slider{display:block}
section.hp-cp.section-slider .row-slider .bloc-hp{}
section.hp-cp.section-slider .flickity-page-dots{z-index:10;bottom:0;height:auto;grid-gap:4px;padding:0;margin-bottom:min(4vw,64px);justify-content:flex-end;padding:0 min(4vw,64px);pointer-events:none}
section.hp-cp.section-slider .flickity-page-dots li{width:10px;height:10px;border:1px solid #FFF;list-style:none}
section.hp-cp.section-slider .flickity-page-dots li.is-selected{background:#FFF}
section.hp-cp.section-slider .row-slider .flickity-button{background:transparent;color:#FFF;width:min(4vw,64px);height:min(4vw,64px);border-radius:4px}
section.hp-cp.section-slider .row-slider .flickity-prev-next-button.next{right:0}
section.hp-cp.section-slider .row-slider .flickity-prev-next-button.previous{left:0}
section.hp-cp.section-slider .row-slider .flickity-prev-next-button .flickity-button-icon{width:40%;height:40%;left:30%;top:30%}
section.hp-cp .row-slider .flickity-page-dots {display: none;}
@media (max-width: 768px) {
section.hp-cp .row-slider.contain-mob .bloc-media {width: 80vw;}
section.hp-cp .row-slider.contain-mob .flickity-prev-next-button {display: none;}
section.hp-cp .row-slider.contain-mob .flickity-viewport .bloc-media img, section.hp-cp .row-slider.contain-mob .flickity-viewport .bloc-media video {width: 100%; height: 100%}
section.hp-cp.section-slider .flickity-page-dots{margin-bottom:16vw}
section.hp-cp.section-slider .row-slider .flickity-button{width:32px;height:32px}
}


section.hp-cp.section-carrousel{padding-bottom:min(4vw,64px)!important}
section.hp-cp.section-carrousel{padding-bottom:0!important}
section.hp-cp.section-carrousel .bloc-title{padding-bottom:min(2vw,32px)}
section.hp-cp .row-carrousel{display:block}
	section.hp-cp .bloc-product .tag-new:before {content: "New"; font-weight: 500; font-size: 10px; text-transform: uppercase; line-height: 1;}
	section.hp-cp .bloc-product .tag-new {padding: 10px; position: absolute; top: 0; right: 0; z-index: 5;}
	
section.hp-cp .bloc-product .discount-rate{position:absolute;top:0;left:0;background-color:#000;font-size:12px;font-weight:600;line-height:14px;letter-spacing:0;text-align:center;color:#fff;padding:.375rem .5rem;margin:0;z-index:2;display:none}
section.hp-cp .hovering-desc .bloc-product .discount-rate{display:none}
section.hp-cp .row-carrousel .discount-rate:before{content:'-'}
section.hp-cp .row-carrousel .discount-rate:after{content:'%'}
section.hp-cp .row-carrousel .bloc-carrousel{width:100%;position:relative;background:#FFF}
section.hp-cp .row-carrousel .bloc-product{margin-right:4px;width:calc((100% - 12px) / 4)}
section.hp-cp .row-carrousel .bloc-carrousel:not(.hovering-desc){height:calc(((100vw - 12px) / 4) / 25 * 36 + 36px)}
section.hp-cp .row-carrousel .bloc-carrousel.hovering-desc{height:calc(((100vw - 12px) / 4) / 25 * 36)}
section.hp-cp .row-carrousel .bloc-product img{width:calc((100vw - 12px) / 4)}
section.hp-cp .bloc-product a.link-layer{position:absolute;width:100%;height:100%}
section.hp-cp .bloc-product{padding:0;width:100%;aspect-ratio:25/36;display:flex;flex-direction:column;position:relative}
section.hp-cp .bloc-product img{width:100%;aspect-ratio:25/36}
section.hp-cp .bloc-product .medias-holder .bloc-media{width:100%}
section.hp-cp .bloc-product .product-desc{display:flex;justify-content:space-between}
section.hp-cp .bloc-product .product-desc .product-name{width:100%;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
section.hp-cp .bloc-product .product-price{white-space:nowrap}
section.hp-cp .bloc-product .product-price .discount-percent{color:#000;border-radius:20px;background:#EDEDED;margin-left:0;padding:0 4px}
section.hp-cp .bloc-product .product-price .price > span{display:flex;grid-gap:6px}
section.hp-cp .bloc-product .flickity-button{background:transparent;transition:opacity .2s}
section.hp-cp .bloc-product .flickity-button:disabled{opacity:0}
section.hp-cp .bloc-product .flickity-page-dots{bottom:0;display:flex;grid-gap:1px;z-index:2;padding:0;margin:0;list-style-type:none;transition:transform .4s;flex-wrap:nowrap;z-index:2;opacity:0}
section.hp-cp .bloc-product:hover .flickity-page-dots{opacity:1}
section.hp-cp .bloc-product .flickity-page-dots .dot{border-radius:0;width:100%;margin:0;height:1px;background:#000;opacity:.1}
section.hp-cp .bloc-product .flickity-page-dots .dot.is-selected{opacity:1}
section.hp-cp .bloc-product .flickity-prev-next-button .flickity-button-icon{width:40%;height:40%;left:30%;top:30%}
section.hp-cp .bloc-product .flickity-prev-next-button.previous{left:0}
section.hp-cp .bloc-product .flickity-prev-next-button.next{right:0}
section.hp-cp .row-carrousel .bloc-carrousel .flickity-prev-next-button{top:18vw;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
section.hp-cp .bloc-product .flickity-prev-next-button{backdrop-filter:unset!important;-webkit-backdrop-filter:unset!important}
section.hp-cp .bloc-product .bloc-desc{font-size:clamp(11px,1vw,14px)}
section.hp-cp .hovering-desc .bloc-product .bloc-desc > *{padding:8px 12px;height:36px;width:100%}
section.hp-cp .bloc-product .bloc-desc > *{padding:8px 4px;height:36px;width:100%}
section.hp-cp .bloc-product .bloc-desc-hover{display:flex;justify-content:space-between;align-items:center;left:0;position:absolute;bottom:0;opacity:0}
section.hp-cp .bloc-product .bloc-desc-hover .bloc-size{display:flex;grid-gap:8px;white-space:nowrap}
section.hp-cp .bloc-product .bloc-swatch{display:flex;grid-gap:8px}
section.hp-cp .bloc-product .bloc-swatch .elm-swatch img{width:.875rem;height:.875rem;border-radius:9999px;border:.0625rem solid #cecece;display:inline-block;order:2}
section.hp-cp .bloc-product .bloc-swatch .elm-swatch{padding:1px;border:1px solid transparent;border-radius:50%;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;order:2}
section.hp-cp .bloc-product .bloc-swatch .elm-swatch.selected-true{border-color:#000;order:1}
section.hp-cp .bloc-product .elm-size.inactive{color:#8d8d8d;cursor:not-allowed;position:relative;text-decoration:none;pointer-events:none;text-decoration:line-through}
section.hp-cp .hovering-desc .bloc-product .bloc-desc{position:absolute;bottom:0;width:100%;z-index:1}
section.hp-cp .hovering-desc .bloc-product:before{content:"";position:absolute;width:100%;height:20%;left:0;bottom:0;-webkit-mask-image:linear-gradient(to bottom,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.013) 9.7%,hsla(0,0%,0%,0.049) 18.7%,hsla(0,0%,0%,0.104) 27.2%,hsla(0,0%,0%,0.175) 35.1%,hsla(0,0%,0%,0.259) 42.6%,hsla(0,0%,0%,0.352) 49.6%,hsla(0,0%,0%,0.45) 56.2%,hsla(0,0%,0%,0.55) 62.5%,hsla(0,0%,0%,0.648) 68.4%,hsla(0,0%,0%,0.741) 74.1%,hsla(0,0%,0%,0.825) 79.5%,hsla(0,0%,0%,0.896) 84.8%,hsla(0,0%,0%,0.951) 89.9%,hsla(0,0%,0%,0.987) 95%,hsl(0,0%,0%) 100%);pointer-events:none;transform:translate3d(0,0,0);transition:all .6s;z-index:1;background-color:rgba(222,216,204,0.4)}
section.hp-cp .row-hp.sticky-row{grid-gap:2px}
section.hp-cp .row-hp.sticky-row .bloc-hp.sticky-column{position:sticky;top:0;height:100vh}
section.hp-cp .row-hp.sticky-row .bloc-hp:not(.sticky-column){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:2px}
@media (min-width: 768px) {
section.hp-cp .bloc-product .flickity-button{opacity:0}
section.hp-cp .bloc-product:hover .flickity-button{opacity:1}
section.hp-cp .bloc-product:hover .bloc-desc-hover{opacity:1}
section.hp-cp .bloc-product:hover .product-desc{opacity:0}
section.hp-cp .bloc-product:hover .tag-new {opacity: 0;}
}
@media (max-width: 768px) {
	section.hp-cp .bloc-product .tag-new {right: auto; left: 0; padding: 4px 8px;}
section.hp-cp.section-carrousel .bloc-title{padding-bottom:8vw}
section.hp-cp .row-carrousel .bloc-product{width:calc((100% - 12px) / 1.5)}
section.hp-cp .row-carrousel .bloc-product img{width:calc((100vw - 12px) / 1.5)}
section.hp-cp .row-carrousel .bloc-carrousel:not(.hovering-desc){height:calc(((100vw - 12px) / 1.5) / 25 * 36 + 104px)}
section.hp-cp .row-carrousel .bloc-carrousel.hovering-desc{height:calc(((100vw - 12px) / 1.5) / 25 * 36 + 104px)}
section.hp-cp .hovering-desc .bloc-product .bloc-desc{position:relative}
section.hp-cp .bloc-product .bloc-desc{padding:12px 8px}
section.hp-cp .bloc-product .bloc-desc > *,section.hp-cp .hovering-desc .bloc-product .bloc-desc > *{opacity:1;flex-direction:column;align-items:flex-start;position:relative;padding:0}
section.hp-cp .bloc-product .bloc-swatch .elm-swatch img{width:8px;height:8px;border-color:rgba(0,0,0,0.05)}
section.hp-cp .bloc-product .bloc-swatch{grid-gap:4px;height:18px;align-items:center}
section.hp-cp .bloc-product .bloc-swatch .elm-swatch{width:12px;height:12px}
section.hp-cp .hovering-desc .bloc-product:before{content:none}
section.hp-cp .row-carrousel .bloc-carrousel .flickity-prev-next-button{top:46vw}
section.hp-cp .row-carrousel .bloc-carrousel > .flickity-prev-next-button.previous{opacity:0;pointer-events:none}
section.hp-cp .bloc-product .flickity-prev-next-button{width:32px;height:32px;padding:0}
section.hp-cp .bloc-product .flickity-prev-next-button .flickity-button-icon{width:60%;height:60%;top:20%;left:20%}
section.hp-cp .row-hp.sticky-row{flex-direction:column}
section.hp-cp .row-hp.sticky-row .bloc-hp{order:2}
section.hp-cp .row-hp.sticky-row .bloc-hp.sticky-column{position:relative;top:0;order:1; height: 137.07vw;}
}: g

 section.hp-cp.section-anchor {grid-gap: 4px; padding-bottom: 0px;}

.hp-cp:has(.background-fixed){min-height:80vh}
.hp-cp .bloc-background:has(.background-fixed){width:100%;clip-path:inset(0 0 0 0);position:absolute;height:100%;left:0;top:0}
.hp-cp .bloc-background .background-fixed{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}
.freescroll{white-space:nowrap;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;display:flex;width:auto}
.freescroll::-webkit-scrollbar{display:none}
.freescroll > *{white-space:normal;flex:none}
section.hp-cp.first-section .row-hp{height:100%}
section.hp-cp.section-nav{position:sticky;top:-1px;z-index:5;padding-top:1px}
section.hp-cp.section-nav[sticky-bottom=yes]{top:auto;bottom:-1px;order:1}
section.hp-cp.section-nav:not(.is-stuck){background:#FFF}
section.hp-cp.section-nav .freescroll{padding:16px 24px;grid-gap:8px;transition:transform .4s;scroll-snap-type:x mandatory}
.page:has(header.headroom--pinned) section.hp-cp.section-nav.is-stuck .freescroll{transform:translateY(var(--header-height))}
.page:has(header.headroom--pinned) section.hp-cp.section-nav.is-stuck[sticky-bottom=yes] .freescroll{transform:translateY(0)}
section.hp-cp.section-nav a{display:flex;padding:4px 16px 4px 4px;border-radius:40px;border:1px solid rgba(0,0,0,0.1);grid-gap:12px;align-items:center;background:#FFF;scroll-snap-align:center;transition:background 0.4s,color .4s}
section.hp-cp.section-nav a img.thumb{width:40px;height:40px;border-radius:50%}
section.hp-cp.section-nav.is-stuck a{border-color:transparent}
section.hp-cp.section-nav.is-stuck a:not(.active){background-color:rgba(0,0,0,0.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#FFF}
@media (min-width:1200px) {
section.hp-cp.section-nav{align-items:center;width:100%}
section.hp-cp.section-nav a:hover{border-color:#000}
section.hp-cp.section-nav.is-stuck a:hover{border-color:#FFF}
}
section.hp-cp.section-reassurance .row-hp{grid-gap:4px}
section.hp-cp.section-reassurance .bloc-hp img{height:40px}
section.hp-cp.section-reassurance .bloc-hp{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#F9F7F7;line-height:1.3;padding:16px;grid-gap:8px}
section.hp-cp.section-seo{padding:min(6vw,96px);text-align:center;font-size:12px}
@media (max-width: 768px) {
section.hp-cp.section-reassurance .row-hp{display:grid;grid-template-columns:repeat(2,1fr);font-size:12px}
section.hp-cp.section-reassurance .bloc-hp{padding:24px 16px;height:auto}
section.hp-cp.section-nav a img.thumb{width:32px;height:32px}
section.hp-cp.section-nav .freescroll{padding:16px}
}


section.hp-cp div[packshot] .product-price{position:relative}
section.hp-cp div[packshot] .product-price .discount-percent{display:none}
/*
section.hp-cp div[packshot] .product-price .strike-through{position:absolute;bottom:-100%;right:0}
*/
section.hp-cp .hovering-desc div[packshot] .discount-rate{color:#000;border-radius:20px;background:#EDEDED;margin-left:0;padding:0 4px;font-size:clamp(11px,0.9vw,12px);font-weight:400;top:10px;left:12px;height:16px;line-height:16px}
section.hp-cp .hovering-desc div[packshot] .discount-rate:before{content:'-'}
section.hp-cp .hovering-desc div[packshot] .discount-rate:after{content:'%'}
section.hp-cp .hovering-desc div[packshot]:hover .discount-rate{display:block}
section.hp-cp div[packshot] .bloc-slider .hovering-packshot .bloc-hovering{position:absolute;z-index:3;pointer-events:none;width:100%}
section.hp-cp div[packshot] .bloc-slider .hovering-packshot .bloc-hovering img{width:100%}
section.hp-cp div[packshot]:hover .bloc-slider .hovering-packshot .bloc-hovering{opacity:0}
section.hp-cp div[packshot] .bloc-slider .hovering-packshot .flickity-prev-next-button{z-index:2}
section.hp-cp div[packshot] .bloc-desc-hover{flex-direction:column;align-items:stretch}
section.hp-cp div[packshot] .bloc-desc-hover .product-name-price{display:flex;width:100%;justify-content:space-between;grid-gap:4px}
section.hp-cp div[packshot] .bloc-swatch{grid-gap:2px;position:absolute;top:12px;right:12px}
section.hp-cp div[packshot] .bloc-swatch .elm-swatch{border-radius:0;padding:0;width:13px;height:13px;border:none;border:1px solid rgba(0,0,0,0.1);position:relative;overflow:hidden}
section.hp-cp div[packshot] .bloc-swatch .elm-swatch img{width:13px!important;height:13px;border-radius:0;border:none;aspect-ratio:unset}
section.hp-cp div[packshot] .bloc-swatch > *{order:2}
section.hp-cp div[packshot] .bloc-swatch .show-more-swatches{line-height:14px}
section.hp-cp .hovering-desc div[packshot] .bloc-desc > *{height:100%;justify-content:flex-end;pointer-events:none}
section.hp-cp .hovering-desc div[packshot] .bloc-desc{height:100%;pointer-events:none}
section.hp-cp .hovering-desc div[packshot] .bloc-desc .bloc-swatch,section.hp-cp .hovering-desc div[packshot] .bloc-desc .bloc-size{pointer-events:all}
section.hp-cp .hovering-desc div[packshot] .bloc-desc .product-name{font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}
section.hp-cp .row-carrousel .bloc-carrousel.hovering-desc.smaller{height:calc(((100vw - 12px) / 5.5) / 25 * 36 + 3px);padding:2px 0}
section.hp-cp .row-carrousel .bloc-carrousel.smaller .bloc-product,section.hp-cp .row-carrousel .bloc-carrousel.smaller .bloc-product img{width:18vw}
section.hp-cp .row-carrousel .bloc-carrousel.smaller .bloc-product{margin-right:2px}
section.hp-cp .row-carrousel .bloc-carrousel.smaller .bloc-product .bloc-desc{font-size:clamp(11px,0.9vw,14px)}
section.hp-cp .row-carrousel .bloc-carrousel.smaller .flickity-prev-next-button{top:50%;transform:translateY(-50%);-webkit-backdrop-filter:none;backdrop-filter:none}
section.hp-cp .row-carrousel .bloc-carrousel.smaller .flickity-button,section.hp-cp .row-carrousel .bloc-carrousel.smaller .flickity-button:hover{background:transparent}
section.hp-cp .row-carrousel .bloc-carrousel.smaller .flickity-prev-next-button .flickity-button-icon{width:40%;height:40%;left:30%;top:30%}
section.hp-cp .hovering-desc div[packshot] .bloc-desc .product-price{white-space:nowrap}
@media (max-width: 768px) {
section.hp-cp .row-carrousel .bloc-carrousel.hovering-desc.smaller{height:calc(((100vw - 12px) / 2.5) / 25 * 36 + 82px);padding:2px 0}
section.hp-cp .row-carrousel .bloc-carrousel.smaller .bloc-product,section.hp-cp .row-carrousel .bloc-carrousel.smaller .bloc-product .bloc-media img{width:40vw}
section.hp-cp .row-carrousel .bloc-carrousel.smaller .flickity-prev-next-button{top:30vw;width:32px;height:32px}
section.hp-cp .row-carrousel .bloc-carrousel.smaller .flickity-prev-next-button{}
section.hp-cp .hovering-desc .bloc-product .bloc-desc > *{}
section.hp-cp .row-carrousel .bloc-carrousel.smaller{height:auto}
section.hp-cp .bloc-carrousel.smaller .bloc-product .bloc-desc{font-size:11px;padding:12px 8px}
section.hp-cp div[packshot] .bloc-desc-hover .product-name-price{flex-direction:column;grid-gap:0}
section.hp-cp div[packshot]{aspect-ratio:unset}
section.hp-cp div[packshot] .bloc-swatch{top:4px;right:6px}
section.hp-cp div[packshot] .bloc-swatch .elm-swatch{width:14px;height:14px}
section.hp-cp div[packshot] .bloc-swatch .elm-swatch img{width:14px;height:14px}
section.hp-cp .hovering-desc div[packshot] .bloc-desc,section.hp-cp .hovering-desc div[packshot] .bloc-desc > *{position:unset}
section.hp-cp .hovering-desc div[packshot] .discount-rate{display:block;top:6px;left:8px}
section.hp-cp .bloc-product .product-price .price > span{flex-direction:row-reverse;justify-content:flex-end}
section.hp-cp div[packshot] .product-price .strike-through{position:relative}
}
section.hp-cp .layer-logo{width:100%;height:100%;display:flex;position:absolute;align-items:center;justify-content:center;padding:8vw;pointer-events:none}
section.hp-cp .layer-logo img{width:36%;display:block}
@media (min-width: 768px) {
section.hp-cp .layer-logo[desk-posY="start"]{align-items:flex-start}
section.hp-cp .layer-logo[desk-posY="center"]{align-items:center}
section.hp-cp .layer-logo[desk-posY="end"]{align-items:right}
section.hp-cp .layer-logo[desk-posX="start"]{justify-content:flex-start}
section.hp-cp .layer-logo[desk-posX="center"]{justify-content:center}
section.hp-cp .layer-logo[desk-posX="end"]{justify-content:right}
}
@media (max-width: 767.95px) {
section.hp-cp .layer-logo{padding:12vw 8vw}
section.hp-cp .layer-logo img{width:100%}
section.hp-cp .layer-logo[mob-posY="start"]{align-items:flex-start}
section.hp-cp .layer-logo[mob-posY="center"]{align-items:center}
section.hp-cp .layer-logo[mob-posY="end"]{align-items:right}
section.hp-cp .layer-logo[mob-posX="start"]{justify-content:flex-start}
section.hp-cp .layer-logo[mob-posX="center"]{justify-content:center}
section.hp-cp .layer-logo[mob-posX="end"]{justify-content:right}
}
@media (min-width: 768px) {
.only-mob{display:none}
}
@media (max-width: 767.99px) {
.only-desk{display:none}
}
.hp-cp.bandeau-message a.cp-cta {background: transparent; border-color: transparent;}


.bloc-title:has(.freescroll){padding:min(4vw,64px) 0}
.bloc-title:has(.freescroll) > *{padding:0 2.1875rem;max-width:40vw}
@media (max-width: 768px) {
.bloc-title:has(.freescroll){padding:24px 0}
.bloc-title:has(.freescroll) > *{padding:0 12px;max-width:90%}
}
.hp-cp a.img-link{position:absolute;width:100%;height:100%;top:0;left:0}
.hp-cp .bloc-hp.bloc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.hp-cp .bloc-product[packshot=first] .flickity-prev-next-button{display:none}
.hp-cp.template-custom-product .bloc-product[packshot=custom]{width:15vw!important;margin-right:24px!important}
.hp-cp.template-custom-product .bloc-product[packshot=custom] img{object-fit:contain;width:100%!important}
.hp-cp.template-custom-product .bloc-product[packshot=custom]:before{content:none!important}
.hp-cp.template-custom-product .row-carrousel .bloc-carrousel.hovering-desc.smaller {height: auto;}
section.hp-cp.template-custom-product {padding-bottom: clamp(24px,4vw, 64px) !important;}
.hp-cp.template-custom-product .bloc-product[packshot=custom] .flickity-button,.hp-cp .bloc-product[packshot=custom] .flickity-page-dots{display:none}
.hp-cp.template-custom-product .bloc-product[packshot=custom] .bloc-desc-hover{opacity:1}
.hp-cp.template-custom-product .bloc-product[packshot=custom] .bloc-desc > *{padding:0 12px!important}
/*
.hp-cp.template-custom-product .bloc-product[packshot=custom] .bloc-desc-hover .bloc-size,.hp-cp .bloc-product[packshot=custom] .bloc-desc-hover .bloc-swatch{display:none}
*/

.hp-cp.template-custom-product .bloc-product .bloc-desc-hover .bloc-size, .hp-cp.template-star .bloc-product .bloc-desc-hover .bloc-size{display:none}
	.hp-cp.template-custom-product .bloc-product[packshot=custom] .discount-rate {display: block;}
	.hp-cp.template-custom-product .bloc-product[packshot=custom] .product-price .strike-through {position: relative; bottom: 0;right: unset;}
.hp-cp.template-custom-product .bloc-product[packshot=custom] .bloc-desc .product-name{width:auto!important}
.hp-cp.template-custom-product .bloc-product[packshot=custom] .bloc-desc-hover .product-name-price{flex-direction:column;justify-content:center;align-items:center}
	
@media (max-width: 768px) {
.hp-cp.template-custom-product .bloc-product[packshot=custom]{width:60vw!important; margin-right: 16px !important;}
	.hp-cp.template-custom-product .row-carrousel .bloc-carrousel.hovering-desc.smaller {height: auto;}
	.hp-cp.template-custom-product .row-carrousel .bloc-carrousel.smaller .bloc-product .bloc-desc {position: absolute;}
	section.hp-cp.template-custom-product .row-carrousel .bloc-carrousel.smaller .flickity-prev-next-button.next {display: none;}
	}
	
.hp-cp .row-hp{width:100%}
.hp-cp .row-slider{width:100%}
.hp-cp .row-slider .flickity-viewport .bloc-media img,.hp-cp .row-slider .flickity-viewport .bloc-media video{height:80vh;width:auto}
.hp-cp .row-slider .flickity-viewport{width:100%}
.flickity-prev-next-button{border:.5px solid #333;width:32px;height:32px;background:#FFF!important}
.bloc-product .flickity-prev-next-button{border:none;background:transparent!important}
.flickity-prev-next-button .flickity-button-icon{width:40%;height:40%;top:30%;left:30%}
.flickity-prev-next-button.next{right:min(4vw,64px)}
.flickity-prev-next-button.previous{left:min(4vw,64px)}
.hp-cp.template-star .bloc-sticky{z-index:2}
.hp-cp.template-star .bloc-sticky {pointer-events: none !important;}
.hp-cp.template-star .bloc-background a {display: block;}
.hp-cp.template-star .row-carrousel{pointer-events:all!important;width:60%;display:flex;align-items:flex-end;padding:0 48px 24px 0}
.hp-cp.template-star .bloc-title.color-white:after{content:none}
.hp-cp.template-star .bloc-background:after{content:"";position:absolute;width:100%;height:100%;left:0;bottom:-1px;-webkit-mask-image:linear-gradient(to bottom,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.013) 8.1%,hsla(0,0%,0%,0.049) 15.5%,hsla(0,0%,0%,0.104) 22.5%,hsla(0,0%,0%,0.175) 29%,hsla(0,0%,0%,0.259) 35.3%,hsla(0,0%,0%,0.352) 41.2%,hsla(0,0%,0%,0.45) 47.1%,hsla(0,0%,0%,0.55) 52.9%,hsla(0,0%,0%,0.648) 58.8%,hsla(0,0%,0%,0.741) 64.7%,hsla(0,0%,0%,0.825) 71%,hsla(0,0%,0%,0.896) 77.5%,hsla(0,0%,0%,0.951) 84.5%,hsla(0,0%,0%,0.987) 91.9%,hsl(0,0%,0%) 100%);pointer-events:none;transform:translate3d(0,0,0);transition:all .6s;z-index:1;background:rgba(0,0,0,0.2);height:200%}
.hp-cp.template-star .row-hp{height:100%}
.hp-cp.template-star .bloc-sticky{height:100%}
.hp-cp.template-star .row-carrousel .bloc-carrousel{background:transparent}
section.hp-cp.template-star .row-carrousel .bloc-carrousel .bloc-product{width:calc((100% - (16px * 3)) / 4);margin-right:16px}
section.hp-cp.template-star .row-carrousel .bloc-carrousel .bloc-product img{width:100%}
.hp-cp.template-star .bloc-hp{flex:1}
.hp-cp.template-star .flickity-prev-next-button{display:none}
.hp-cp.template-star:has(.bloc-product:nth-child(5)) .flickity-prev-next-button{display:block}
.hp-cp.template-star .flickity-prev-next-button:disabled{display:none!important}
.hp-cp.template-star .flickity-prev-next-button.next{right:-34px}
.hp-cp.template-star .flickity-prev-next-button.previous{left:-34px}
.hp-cp.template-star .row-carrousel .bloc-carrousel.smaller .flickity-button,.hp-cp.template-star .row-carrousel .bloc-carrousel.smaller .flickity-button:hover{background:#FFF}
.hp-cp.template-star .row-carrousel .bloc-carrousel.hovering-desc.smaller{height:auto;padding:0 12px}
.hp-cp.template-star .row-carrousel .bloc-carrousel.hovering-desc.smaller:not(.flickity-enabled){display:flex;justify-content:flex-end;padding-right:0}
.hp-cp.template-star .bloc-carrousel:has( .flickity-slider > .bloc-product.is-selected:nth-last-child(-n + 4) ) > .flickity-button.next{opacity:0;pointer-events:none}
.hp-cp.template-star .bloc-carrousel:has( .flickity-slider > .bloc-product.is-selected:first-child ) > .flickity-button.previous{opacity:0;pointer-events:none}
section.hp-cp.template-look{background:#F5F5F5;overflow:clip}
.hp-cp.template-look .row-carrousel .bloc-carrousel{background:transparent}
.hp-cp.template-look .row-carrousel .bloc-carrousel.hovering-desc.smaller{height:auto}
	.hp-cp.template-look .row-carrousel--main .bloc-look .bloc-media {padding-top: 16px;}
	.hp-cp.template-look .row-carrousel--main .bloc-look {width: 23%;}
	.hp-cp.template-look .row-carrousel--main .tag-exclu-web .bloc-media:before{content:'Exclu Web';position:absolute;left:50%; text-transform:uppercase;font-size:8px;border:1px solid #000;line-height:1;padding:5px 4px 3px;top:8px; margin: 0 auto; background:#FFF; transform: translateX(-50%);}
.hp-cp.template-look .row-carrousel--main .tag-exclu-web .bloc-media{position:relative}
@media (max-width: 768px) {
.hp-cp .row-hp:has(.bloc-grid){flex-direction:column}
.hp-cp .row-hp:has(.bloc-grid) .bloc-hp:not(.bloc-grid){order:1}
.hp-cp .bloc-hp.bloc-grid{order:2}
.hp-cp.template-star .bloc-carrousel > .flickity-viewport{overflow:visible}
section.hp-cp.template-star .row-carrousel .bloc-carrousel.smaller .bloc-product .bloc-media img{width:100%}
.hp-cp.template-star .bloc-sticky > .row-hp{flex-direction:column;height:100%}
.hp-cp.template-star .bloc-sticky > .row-hp > .bloc-hp{flex:unset;height:100%}
.hp-cp.template-look .row-carrousel .bloc-carrousel.smaller .flickity-prev-next-button{top:50%}
section.hp-cp.template-star .row-carrousel .bloc-carrousel .bloc-product{width:calc((100% - (8px * 2) - 12px) / 3);margin-right:8px}
.hp-cp.template-star .row-carrousel{padding:0}
section.hp-cp.template-star .row-carrousel .bloc-carrousel .bloc-product .price,section.hp-cp.template-star .row-carrousel .bloc-carrousel .bloc-product{color:#FFF}
section.hp-cp.template-star .row-carrousel .bloc-carrousel .bloc-product .bloc-desc{padding:12px 0}
section.hp-cp.template-star .row-carrousel .bloc-carrousel .bloc-product .bloc-desc .bloc-size{display:none}
section.hp-cp.template-star .row-carrousel .bloc-carrousel .bloc-product .bloc-swatch{display:none}
}
.hp-cp.template-look .row-carrousel--main{}
.hp-cp.template-look .row-carrousel--main .bloc-look:after{position:relative;display:inline-block;line-height:1;background:#FFF;text-transform:uppercase;font-weight:600;color:#000;padding:10px 16px;border:1px solid #000}
.hp-cp.template-look .row-carrousel--main .bloc-look:after{content:'View the look'}
html[lang=fr] .hp-cp.template-look .row-carrousel--main .bloc-look:after{content:'Voir le look'}
html[lang=es] .hp-cp.template-look .row-carrousel--main .bloc-look:after{content:'Ver el look'}
html[lang=de] .hp-cp.template-look .row-carrousel--main .bloc-look:after{content:'Look ansehen'}
.hp-cp.template-look .row-carrousel--main .bloc-look:hover:after{background:#000;color:#FFF}
.hp-cp.template-look .bloc-look{width:25%;display:flex;flex-direction:column;align-items:center;cursor:pointer}
.hp-cp.template-look .row-carrousel--nav{width:100%;margin-top:0;padding:24px 12px}
.hp-cp.template-look .row-carrousel--nav .flickity-viewport:not(:has(.bloc-look)), .hp-cp.template-look .row-carrousel--nav .flickity-button {
  display: none;
}
section.hp-cp.template-look .bloc-title{padding-bottom:0;align-items:center}
.hp-cp.template-look .row-carrousel--nav .flickity-viewport{overflow:visible}
.hp-cp.template-look .row-carrousel--nav .bloc-carrousel{background:transparent;padding:0 2px}
.hp-cp.template-look .row-carrousel--nav .bloc-look{width:48px;margin-right:4px;border:1px solid transparent;cursor:pointer;opacity:.8;transition:opacity .2s ease,transform .2s ease}
.hp-cp.template-look .row-carrousel--nav .bloc-look .bloc-media picture,.hp-cp.template-look .row-carrousel--nav .bloc-look .bloc-media img{display:block;width:100%;height:auto}
.hp-cp.template-look .row-carrousel--nav .bloc-look.is-nav-selected{opacity:1;border:1px solid #000;transform:translateZ(0)}
@media (max-width: 768px) {
section.hp-cp.template-look .bloc-title {padding-top: 40px;}
.hp-cp.template-look .row-carrousel--main .bloc-media img{aspect-ratio:1/2}
.hp-cp.template-look .flickity-prev-next-button{display:none}
.hp-cp.template-look .row-carrousel--main .bloc-look{width:46%}
.hp-cp.template-look .row-carrousel--main .bloc-look:after {font-size: 12px;}
}	


.cp-pin {position: absolute; display: flex;  border: 1px solid #fff; background: transparent; border-radius: 15px; align-items: center; z-index: 5;}
	.cp-pin > span {position: relative; width: 28px; height: 28px;display: block;}
	.cp-pin.coming-soon::after {
    content: "";
    position: absolute;
    inset: 0;
    background: transparent;
    cursor: not-allowed;
}
	.cp-pin > span:before, .cp-pin > span:after {content:''; position: absolute; top: 50%; left: 50%; background: #FFF; transform: translate(-50%, -50%); }
	.cp-pin > span:before{width: 13px; height: 2px;}
	.cp-pin > span:after{width: 2px; height: 13px;}
	
	.cp-pin .pin-message > span {padding-right: 8px; font-weight: 500; font-size: 10px; white-space: nowrap; display: block}
.cp-pin:not(.coming-soon) .pin-message > span {display: none;}
	.cp-pin .pin-message {max-width: 0; transition: max-width .4s; overflow: hidden;}
	
	.cp-pin.coming-soon {border-color: rgba(255,255,255,0.4); color: rgba(255,255,255,0.6); }
	.cp-pin.coming-soon > span:before, .cp-pin.coming-soon > span:after  {background:rgba(255,255,255,0.6); }
	@media (max-width: 1200px) { 
		.cp-pin.is-clicked .pin-message {max-width: 80px;}
	}
	@media (max-width: 768px) {
.cp-pin .pin-message > span {font-size: 9px}
.cp-pin > span {width: 20px; height: 20px;}
.cp-pin > span:before{width: 10px; height: 2px;}
.cp-pin > span:after{width: 2px; height: 10px;}
}
	@media (min-width: 1200px) { 
		.cp-pin:hover {background: #FFF}
		.cp-pin:hover .pin-message {max-width: 80px;}
		.cp-pin.coming-soon {color: #868686;}
		.cp-pin:hover > span:before, .cp-pin:hover > span:after {background: #000;}
		.cp-pin.coming-soon:hover > span:before, .cp-pin.coming-soon:hover > span:after {background: #868686;}
		
	}

#quickview-modal{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1040;pointer-events:none;font-size:12px}
#quickview-modal .bloc-look .bloc-media{padding:0 clamp(24px,4vw,64px)}
#quickview-modal .bloc-look .bloc-media img{width:100%;height:100%;object-fit:cover;display:block}
#quickview-modal .quickview-overlay{position:absolute;height:100%;width:100%;background:rgba(0,0,0,0.4);opacity:0;transition:opacity .6s;z-index:1}
#quickview-modal .quickview-content{position:absolute;height:100%;width:min(28%,490px);right:0;background:#FFF;pointer-events:all;transform:translateX(100%);transition:transform .6s;z-index:2;overflow:scroll}
#quickview-modal .quickview-content .quickview-head{position: absolute; z-index:100;width:100%;padding:24px;height:60px;display:flex;align-items:center;top:0;justify-content:flex-end;;}
#quickview-modal .quickview-content:has(.quickview-body .bloc-tiles) .quickview-head {position:sticky;background:rgba(255,255,255,0.4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:space-between;}
#quickview-modal .quickview-content:has(.quickview-body .bloc-tiles) .quickview-footer {display: none;}
#quickview-modal .quickview-content:has(.quickview-body .bloc-tiles) .quickview-head:before{content:'Get the look';font-weight:500;font-size:14px}
#quickview-modal.active .quickview-overlay{opacity:1;pointer-events:all}
#quickview-modal.active .quickview-content{transform:translate(0);pointer-events:all;transition:transform .6s .2s}
#quickview-modal .flickity-page-dots{bottom:0;display:flex;flex-wrap:nowrap;margin:0;padding:0;grid-area:2px; z-index: 10;}
#quickview-modal .flickity-page-dots .dot{width:100%;height:1px;border-radius:0;list-style:none;background:rgba(0,0,0,0.1)}
#quickview-modal .flickity-page-dots .dot.is-selected{background:#000}
#quickview-modal .flickity-prev-next-button{background:transparent!important;border:none; z-index: 10;}
#quickview-modal .flickity-prev-next-button.previous{left:0}
#quickview-modal .flickity-prev-next-button.next{right:0}
#quickview-modal .quickview-body .product-desc{padding:16px}
#quickview-modal .flickity-button{background:transparent}
#quickview-modal .quickview-head .button-close{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;cursor:pointer;justify-content:center}

#quickview-modal .quickview-content:has(.quickview-body .bloc-tiles) .quickview-head .button-close{background:rgba(255,255,255,.2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}
#quickview-modal .bloc-slider{aspect-ratio:49/65;width:100%;flex:1;background:#F5f5f5;position:relative}
#quickview-modal .bloc-slider .bloc-media:not(:first-child) img{opacity:0;transition:opacity 0 1s}
#quickview-modal .bloc-slider.img-ready .bloc-media:not(:first-child) img{opacity:1}
#quickview-modal .bloc-slider:not(.img-ready) .flickity-button,#quickview-modal .bloc-slider:not(.img-ready) .flickity-page-dots{opacity:0}
#quickview-modal .quickview-footer{padding:0 16px}
#quickview-modal .quickview-cta{height:40px;background:#000;display:flex;align-items:center;justify-content:center;text-transform:uppercase;color:#FFF;border:1px solid #000}
#quickview-modal .quickview-cta .see-look:after{content:'Shop now'}

#quickview-modal .quickview-cta.coming-soon .see-look:after {content:'Notify me'}
html[lang=fr] #quickview-modal .quickview-cta.coming-soon .see-look:after {content:'Me prévenir'}
html[lang=de] #quickview-modal .quickview-cta.coming-soon .see-look:after {content:'Benachrichtige mich'}
html[lang=es] #quickview-modal .quickview-cta.coming-soon .see-look:after {content:'Notificarme'}
@media (min-width: 1200px) {
#quickview-modal .quickview-content:has(.quickview-body .bloc-tiles) .quickview-head .button-close:hover{background:#FFF}
#quickview-modal .flickity-button:hover{background:#FFF;color:#000}
#quickview-modal .quickview-cta:hover{background:transparent;color:#000}
}
@media (max-width: 768px) {
#quickview-modal .quickview-content{width:100%;bottom:0;max-height:calc(var(--vh,1vh) * 100 - 24px);height:auto;transform:translateY(100%);border-top-left-radius:8px;border-top-right-radius:8px}
#quickview-modal .quickview-content .quickview-head{margin-bottom:0}
#quickview-modal .bloc-slider{aspect-ratio:49/60}
#quickview-modal .bloc-slider .bloc-media{aspect-ratio:49/60}
#quickview-modal .bloc-look{display:none}
}
.bloc-tiles{display:grid;grid-template-columns:1fr 1fr;padding:0;column-gap:2px}
.tuile-produit{position: relative;}
.tuile-produit .img-link{display:block;width:100%;height:100%;position:absolute; z-index: 1}
.tuile-produit .tuile-slider{aspect-ratio:340/500;background:#f5f5f5}
.tuile-produit .tuile-cell{width:100%}
.tuile-produit img{display:block;width:100%;height:auto}
.tuile-info{padding:12px}
.tuile-product-name,.tuile-product-price{font-size:12px;line-height:1.25}