.l-product{--metas-width: 640px;--slides-left: calc( var(--container-abs-offset) - var(--container-offset) * 0.5 );--slider-width: min(65vw, 41.6rem);opacity:0;transform:none}@media only screen and (max-width: 1536px){.l-product{--metas-width: 550px}}@media only screen and (max-width: 1280px){.l-product{--metas-width: 38vw}}@media only screen and (max-width: 987px){.l-product{--metas-width: 100%;--slider-width: 100%}}.l-product__hero{position:relative;margin-bottom:2rem}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.l-product__hero{overflow:hidden}}.l-product__slider{position:relative;top:0;left:var(--slides-left);z-index:1;margin-left:0;width:var(--slider-width);height:var(--slider-width);transform:translate3d(0, calc(var(--progress) * -10%), 0)}@media only screen and (max-width: 1280px){.l-product__slider{height:100vh}}@media only screen and (max-width: 987px){.l-product__slider{height:var(--slider-width)}}.l-product__slider:after{position:absolute;top:0;right:-1px;width:1px;height:100%;background:var(--color-grey-lighter);content:""}@media only screen and (max-width: 987px){.l-product__slider:after{content:none}}.l-product__slider img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}@media only screen and (max-width: 1280px){.l-product__slider img{width:auto;height:100vh;-o-object-fit:cover;object-fit:cover}}@media only screen and (max-width: 987px){.l-product__slider img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}}.l-product__slider .swiper-slide{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;overflow:hidden}.l-product__slider .swiper-slide:not(:first-child){background-color:var(--color-grey-lighter)}.l-product__pagination{--swiper-pagination-bottom: auto;--swiper-pagination-top: min(90vh, calc(var(--slider-width) - 60px))}@media only screen and (max-width: 1280px){.l-product__pagination{--swiper-pagination-top: 90vh}}@media only screen and (max-width: 987px){.l-product__pagination{--swiper-pagination-bottom: 75px;--swiper-pagination-top: auto}}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.l-product__pagination{--swiper-pagination-bottom: 25px}}.l-product__ref{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;left:var(--slides-left);width:var(--slider-width);height:100%;opacity:0;transform:translate3d(max(-10%, min(var(--translate) * 0.1, 10%)), calc(var(--progress) * -25%), 0);color:#fff;font-size:min(34vw,19.3667rem);font-weight:800;white-space:nowrap;transition:opacity .4s linear,transform 0s cubic-bezier(0.645, 0.045, 0.355, 1);will-change:transform,opacity}@media only screen and (max-width: 1280px){.l-product__ref{font-size:29vw}}@media only screen and (max-width: 1080px){.l-product__ref{font-size:32vw}}@media only screen and (max-width: 987px){.l-product__ref{top:10px;height:100vw;overflow:hidden;transform:none;font-size:47vw}}.l-product__ref__wrapper{overflow:hidden;line-height:.8}.l-product__ref.is-active{opacity:1}.l-product__slope{position:absolute;top:0;right:0;z-index:2;width:100%;height:100%;pointer-events:none}@media only screen and (max-width: 987px){.l-product__slope{position:static}}.l-product__container{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;padding-top:14vh;padding-bottom:80px}@media only screen and (max-width: 1536px){.l-product__container{padding-top:125px}}@media only screen and (max-width: 987px){.l-product__container{z-index:1;padding-top:0;padding-bottom:0}}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.l-product__container{margin-top:0}}.l-product__color{position:absolute;top:20px;right:calc(100% + 1.333rem);z-index:1;width:2.666rem;height:2.666rem;background-color:var(--finish-color);border-radius:50%;scale:0;translate:0 calc(var(--progress)*-200%);transition:scale .6s cubic-bezier(0.86, 0, 0.07, 1)}@media only screen and (max-width: 1080px){.l-product__color{top:15px}}@media only screen and (max-width: 987px){.l-product__color{top:-8rem;left:0}}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.l-product__color{top:-7.5rem}}.l-product__color.is-active{scale:1}.l-product__inner{position:relative;z-index:1;flex-shrink:0;width:var(--metas-width);pointer-events:auto}.l-product__metas{position:relative;padding:30px 40px;background-color:var(--color-grey-lighter);clip-path:inset(-100vw 0 0 -100vw);transform-origin:100% 50%}@media only screen and (max-width: 1080px){.l-product__metas{padding:20px 30px;font-size:15px}}@media only screen and (max-width: 987px){.l-product__metas{position:static}}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.l-product__metas{padding:0;border:none}}.l-product__metas:before{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--color-grey-darker);content:""}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.l-product__metas:before{display:none}}.l-product__metas__mask{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:var(--finish-color);scale:0 1;transform-origin:0 50%}.l-product__title{color:var(--color-black);font-weight:700;letter-spacing:.055em}@media only screen and (max-width: 1080px){.l-product__title{letter-spacing:0}}.l-product__subtitle{margin-bottom:20px;font-weight:500;line-height:1.07}.l-product__desc{margin-bottom:20px;font-weight:400}.l-product__wrapper{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}.l-product__dimensions{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.l-product__dimensions span{display:inline-block;margin-left:.25rem;font-weight:400}.l-product__price{margin-top:4px}.l-product__finishes{margin-top:40px}@media only screen and (max-width: 1080px){.l-product__finishes{margin-top:20px}}.l-product__finishes__title{margin-bottom:10px;font-weight:600}.l-product__finishes__list{position:relative;display:inline-flex;align-items:center;margin:0;padding:0 5px;background-color:var(--color-white);border:1px solid #919191;border-radius:18px;list-style:none}.l-product__finishes__list:has(a:not(.is-active):hover,a:not(.is-active):focus) .is-active:before{transform:scale(1)}.l-product__finishes__list:has(a:not(.is-active):hover,a:not(.is-active):focus) .is-active span{opacity:0;transform:translate3d(-0.5em, -50%, 0)}.l-product__finishes__name{position:absolute;top:50%;left:calc(100% + 14px);display:inline-block;opacity:0;transform:translate3d(-0.5em, -50%, 0);white-space:nowrap;transition:opacity .1s linear 0s,transform .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;pointer-events:none;will-change:transform,opacity}.l-product__finishes__link{display:block;padding:6px 4px;box-sizing:content-box;width:13px;height:13px}.l-product__finishes__link:before{position:absolute;display:block;width:inherit;height:inherit;background-color:var(--finish-color);border-radius:50%;transform:scale(1);transition:transform .8s cubic-bezier(0.19, 1, 0.22, 1);content:"";will-change:transform}.l-product__finishes__link:hover:before,.l-product__finishes__link:focus:before,.l-product__finishes__link.is-active:before{transform:scale(0.7)}.l-product__finishes__link:hover span,.l-product__finishes__link:focus span,.l-product__finishes__link.is-active span{opacity:1;transform:translate3d(0, -50%, 0);transition:opacity .1s linear .1s,transform .3s cubic-bezier(0.215, 0.61, 0.355, 1) .1s}.l-product__mue{width:100px}@media only screen and (max-width: 1080px){.l-product__mue{width:80px}}@media only screen and (max-width: 987px){.l-product__mue{position:absolute;top:auto;right:0;bottom:calc(100% + 6rem)}}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.l-product__mue{top:auto;bottom:calc(100% + 4.5rem)}}.l-product__mue svg{width:100%;height:auto}.l-product__prescription{margin-top:1.4rem}@media only screen and (max-width: 1080px){.l-product__prescription{margin-top:.667rem}}.l-product__prescription__title{margin-bottom:4px;font-weight:600}.l-product__prescription__text{font-weight:400}.l-product__related{margin-bottom:166px;overflow:hidden}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.l-product__related{margin-bottom:75px}}.l-product.is-visible{opacity:1}
