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

.page.-productPage .header {
  top: 0;
}
.page.-productPage .floatingPopin {display: none;}
	
#popin-holder{position:absolute;pointer-events:none;width:100%;height:100%;top:0;left:0;z-index:6}
	
.floatingPopin{background:transparent;top:auto;bottom:0;position: fixed; width: 100%; height: 100%; pointer-events: none; z-index: 9;}
.bloc-popin{pointer-events: all; position:fixed;bottom:1rem;right:1rem;display:flex;color:var(--popinTextColor);overflow:hidden;transform:translateY(120%);transition:transform 1s cubic-bezier(0,1.69,1,1);pointer-events:all;box-shadow:2px 2px 5px rgba(0,0,0,0.05),0 8px 20px rgba(0,0,0,0.1);align-items:flex-end;line-height:1.25;flex-direction:column; background: var(--popinBackgroundColor); font-size: 14px; width: min(30%, 520px); border-radius: 4px;}
.bloc-popin.ready{transform:translateY(0);}
	.bloc-popin .bloc-media img {display: block; object-fit: cover; width: 100%; height: auto;}
.page.headroom--unpinned .bloc-popin {transform:translateY(120%); transition:transform 2s cubic-bezier(0,1.69,1,1);}
.bloc-popin > *{width:100%}
.bloc-popin .font-caps{text-transform:uppercase}
	
.bloc-popin .udz-cta{font-size: 14px;width:auto!important;padding:.25rem 1.5rem;height: clamp(36px,3vw, 48px);border-radius:4px;display:flex;align-items:center;background:var(--popinTextColor);cursor:pointer;transition:background .2s;border:1px solid var(--popinTextColor);justify-content:center;white-space:nowrap; background-color: var(--popinTextColor); color:var(--popinBackgroundColor) }

	
.bloc-popin .close-button{all:unset;width:28px;height:28px;border-radius:50%;background:transparent; position:absolute;z-index:4;right:.5rem;top:.5rem;display:flex;align-items:center;justify-content:center}
.bloc-popin .close-button .icon-close{position:relative;width:12px;height:12px; background: var(--popinTextColor);}
.img-link{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}
	
	 
.bloc-popin .bloc-text{padding: 40px 24px 24px 24px;display:flex;flex-direction:column;align-items:center;grid-gap:.75rem; width: 100%; height: 100%;justify-content: flex-end;}
.bloc-popin:has(.bloc-media img) .bloc-text {padding-top: 24px;}
	.bloc-popin .bloc-text > div {display:flex;flex-direction:column;grid-gap:min(1.5vw, 24px); align-items: center; text-align: center;}

.bloc-popin .bloc-text > * {z-index: 2; position: relative;transform: translate3d(0,0,0); pointer-events: none;}

	.bloc-popin .bloc-title {font-size: 28px; font-weight: 700; letter-spacing: -.05rem; line-height: 1;}	
.bloc-popin .bloc-background:before {content:'';position:absolute;width:100%;height:100%;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;transition:opacity .6s;z-index:1;left:0;background:rgba(0,0,0,0.6)}
	.bloc-popin .bloc-background img {display: block; width: 100%; height: 100%; object-fit: cover;}
	

	.bloc-popin .udz-countdown {font-size: 210%;}
@media screen and (max-width: 768px) {
	.bloc-popin .bloc-text > div {grid-gap: 1.5rem;}
		.bloc-popin .udz-countdown {font-size: 160%;}
#popin-holder{height:calc(var(--vh,1vh) * 100)}

.bloc-popin{width:calc(80%);right:.5rem;bottom:.5rem;}
.bloc-popin .bloc-text{padding: 40px 16px 16px; gap: 12px;}
	.bloc-popin:has(.bloc-media img) .bloc-text {padding-top: 16px;}
	.bloc-popin .bloc-title {font-size: 20px; }


}
@media screen and (min-width: 1200px) {
.bloc-popin .close-button:hover{background: var(--popinTextColor)}
.bloc-popin .close-button:hover .icon-close{background:var(--popinBackgroundColor)}
.bloc-popin:hover .udz-cta{background: transparent !important;color:var(--popinTextColor)}
}