@font-face{font-family:Assistant;src:url(fonts/Assistant-Bold.woff) format("woff");font-display:swap;font-weight:700}
@font-face{font-family:Assistant;src:url(fonts/Assistant-Light.woff) format("woff");font-display:swap;font-weight:300}
@font-face{font-family:Assistant;src:url(fonts/Assistant-Medium.woff) format("woff");font-display:swap;font-weight:500}
@font-face{font-family:Assistant;src:url(fonts/Assistant-Regular.woff) format("woff");font-display:swap;font-weight:400}
body,html{margin:0;padding:0;top:0;font-family:Assistant,sans-serif;width:100%;height:100%;font-size:4.4vw;font-weight:400;direction:rtl}
*{box-sizing:border-box;scroll-behavior:smooth}
img{max-width:100%;display:block}
.desktop{display:none}
.mobile{display:block}
.hide{display:none!important}
body{background:#fff;color:#000;overflow-x:hidden;width:100%;height:100%}
header{background:url(../images/mb.webp) no-repeat;background-size:13rem;background-position:left 4.5rem;margin-bottom:1rem}
.header{background:url(../images/hero-m.webp) no-repeat;color:#fff;background-size:cover;padding-top:2rem}
.vheader{display:flex;background:url(../images/vherom.webp) no-repeat #000;color:#fff;position:relative;background-size:100%;margin:0;flex-direction:column;background-position:center 100%;height:30rem;padding-top:3rem}
header .left{width:100%;position:relative;padding-bottom:2rem}
header .left .logo:after{content:'';display:block;width:100%;height:.65rem;position:absolute;left:0;bottom:.475rem;background:#000}
header .left .mobile img{display:block;margin:-1rem 7rem 0 0}
header .right{padding:1.065rem 1.065rem 0;flex-direction:column;display:flex}
header,main{width:100%;position:relative}
header .left .logo{position:relative;margin:0 0 1.25rem}
header .left .logo img{z-index:2;width:5.3rem;position:relative;margin:0 auto 0 1rem}
.vheader .notice{position:absolute;bottom:0;right:0}
h1{font-size:1.5rem;line-height:1;margin:1.065rem 0 0;text-transform:uppercase}
h1~.sub{font-size:1rem;margin:.5rem 0;font-weight:700;line-height:2}
header .pop{color:#fff;background:#000;padding:.5rem;text-decoration:none;display:inline-block;font-weight:700;width:9rem;text-align:center;margin:3rem 0;font-size:1.065rem}
header .pop svg{height:.675rem;margin-right:.25rem}
header .notice{font-size:.75rem;position:absolute;bottom:0}
.header .notice,.vheader .notice{font-size:.75rem;padding-right:1rem}
.header .right,.vheader .right{padding-right:1rem}
.header .left,.vheader .left{width:100%;position:relative;padding-bottom:.5rem}
.vheader .left{margin-top:6.5rem}
.header .left .mobile>img{display:block;margin:2rem auto 0 1rem;width:14rem}
.header .left .logo{position:relative;margin:-1.25rem 0 1.25rem}
.header .left .logo img,.vheader .left .logo img{z-index:2;filter:invert(1);width:5.3rem;position:relative}
.vheader .left .logo img{position:absolute;bottom:0;left:1rem}
.header .left .logo:after,.vheader .left .logo:after{content:'';display:block;width:100%;height:.5rem;position:absolute;left:0;bottom:.475rem;background:#fff}
.h1{font-size:2.2rem;margin-top:1rem;font-weight:700;line-height:1}
.h1~.sub{font-weight:700;margin-top:.5rem}
.vheader h1~.sub{font-size:1.065rem;line-height:1;margin-top:.25rem}
.vheader h1~.sub p{font-weight:400;margin:1rem 0 0 0}
.vheader .pop{color:#000;background:#fff;padding:.5rem;text-decoration:none;display:inline-block;font-weight:700;width:9rem;text-align:center;margin:.5rem 0 5rem;font-size:1.065rem}
.vheader .pop svg{height:.675rem;margin-right:.25rem;filter:invert(1)}
.header .notice,.vheader .notice,header .notice{font-size:.8rem;margin:auto 0 1rem}
.vheader .prods{position:absolute;bottom:.25rem;right:2rem;z-index:2;width:9rem}
.vvideo iframe{display:block;height:12rem;width:100%}
.vresults{margin:0;justify-content:space-between}
.vresults .left{flex:0 0 42.5rem}
.vresults .right{flex:0 0 47.5rem;font-size:1.065rem;height:100%}
.vresults .box{position:relative;flex:0 0 11rem;height:11.35rem;text-align:center;display:flex;flex-direction:column;justify-content:flex-end;margin:.5rem auto}
.vresults .box .caption{text-align:center;margin-top:1rem}
.vresults .box .a,.vresults .box .b,.vresults .box .caption{font-weight:700;font-size:.75rem}
.vresults .box img{width:21.3rem;height:auto;margin:auto;margin-bottom:0}
.vresults .box.prods2 img{width:17.5rem;height:auto;margin-right:.3rem}
.vresults .box .a,.vresults .box .b{position:absolute}
.vresults .box .b{top:1rem;right:1.5rem}
.vresults .box .a{top:1rem;left:1rem}
.vresults .left .b2 .a,.vresults .left .b4 .a{left:2rem}
.vresults .right{padding-right:.5rem;margin:2rem 0}
.vresults .notice{font-size:.75rem}
.vresults h2{flex:0 0 auto}
.vresults .left .row{display:flex;flex-wrap:wrap}
.vresults .sub{font-weight:700}
.vresults .text{margin:1rem 0}
.vtech{margin:2rem 0;display:flex;flex-direction:column-reverse}
.vtech .cont{position:absolute;right:0;top:0;width:100%;height:100%;z-index:3;color:#fff;display:flex;justify-content:center;flex-direction:column;font-size:1rem;font-weight:700;padding:4rem 5rem 0 0}
.vtech .flach{background:#fff;color:#000;line-height:1;padding:.5rem;margin-bottom:.5rem;width:fit-content;font-size:.75rem}
.vtech .left{font-size:1.065rem;display:flex;flex-direction:column;justify-content:center;margin-right:.5rem}
.vtech h2{flex:0 0 auto;margin-bottom:0}
.vtech .right{position:relative}
.vtech .right h2{font-size:2rem}
.vtech .notice{font-size:.8rem;margin:auto 0 2rem;font-weight:400}
.vserum{font-size:1.065rem}
.vserum .sub{font-weight:700;margin-bottom:1rem}
#vproducts{margin-top:2rem}
.vserum .left img{width:80%;margin:auto}
#vproducts h2{text-align:center}
#vproducts .prods{align-items:baseline}
#vproducts .prods .prod{margin:3rem 1rem;position:relative}
#vproducts .prods .prod .img{width:8rem;margin:auto;margin-bottom:.5rem;position: relative;}
#vproducts .prods .prod.pv1 .img a{position: absolute;left: -2rem;bottom: 0;}
#vproducts .prods .prod.pv2 .img a{position: absolute;left: -.5rem;bottom: 0;}
#vproducts .prods .prod.pv3 .img a{position: absolute;left: -2.5rem;bottom: 0;}
#vproducts .prods .prod.pv4 .img a{position: absolute;left: -2rem;bottom: 0;}
#vproducts .prods .prod .title{font-weight:400}
#vproducts .prods .prod .title b{display:block}
#arproducts{margin: 1rem;}
#arproducts .prods .prod{position: relative;}
#arproducts .prods .prod .img a{position: absolute;left: 1rem;bottom: 3.5rem;}
.pvpop{font-size: 1rem;text-align: right;top: 100%;height: 0;width: 100%;position: fixed;overflow: hidden; z-index: 99999;background: rgba(0, 0, 0, 0.50);}
.pvpop .pvpop-inner{right: 50%;bottom: -100%;transform: translateX(50%);background:#fff;transition: bottom 1s;}
.pvpop.show .pvpop-inner{padding: 1rem;width: 100%;height: 100%;right: 50%;bottom: 50%;transform: translate(50%,50%);padding: 1rem;position: absolute;overflow-y: scroll;}
.pvpop.show{height:100%;top: 0;right: 0;}
.pvpop .pvpop-title{font-weight: bold;}
#splider,#vproducts,.vheader,.vresults,.vserum,.vtech,.vvideo{border-bottom:0}
.prod .stamp{position:absolute;font-size:.65rem;font-weight:700;text-align:center;width:4rem;height:4rem;border-radius:50%;border:.2rem dashed;display:flex;align-items:center;justify-content:center;background:#fff;right:-3.5rem;top:10rem;z-index: 2;}
#splider{background:#f1eeee;margin:2rem 0;padding:3rem;overflow:hidden}
#splider .splide__arrow{background:0 0;opacity: 1;}
#splider .splide__arrows{display:flex;justify-content:space-between;width:90%;margin:0 auto 2rem}
#splider .splide__pagination{top:0;bottom:auto;transform:translateX(50%);right:50%;left:auto;display:block}
#splider .splide__arrow img{height:2.2rem}
#splider .splide__arrow--next{transform:scaleX(-1);left:-2.25rem}
#splider .splide__arrow--prev{right:-2.25rem}
.splide__slide{position:relative;background:#fff}
.splide__pagination__page.is-active{transform:none;background:#000}
.splide__pagination__page{border:.05rem solid #000;background:0 0;width:.8rem;height:.8rem;opacity:1;margin:.25rem}
.ba-slide .caption,.ba-slide .prods{position:absolute;font-size:1rem;font-weight:700}
.ba-slide .a{top:1rem;right:3rem}
.ba-slide .b{top:1rem;left:2rem}
.ba-slide .prods{bottom:.9rem;right:2.5rem;width:6.35rem}
.ba-slide .img,.routine-slide .img,.stages-slide .img{margin-top:auto}
.routine-slide .img img{margin-right:auto;width:85%}
.routine-slide,.stages-slide{display:flex;flex-direction:column}
.results-slide .caption,.routine-slide .caption,.stages-slide .caption,.stages-slide .step{position:absolute}
.results-slide .caption,.routine-slide .caption,.stages-slide .caption{top:1rem;right:1rem;font-weight:700;font-size:1rem}
.routine-slide .text{font-size:.75rem;margin-top:3rem;font-weight:400}
.stages-slide .step{height:1.5rem;font-size:.75rem;display:flex}
.stages-slide .step .num{font-weight:700;font-size:1rem;border-left:.05rem solid;margin-top:0;line-height:.6;margin-left:.25rem;padding-left:.25rem}
.stages-slide .step.s1{top:3.5rem;right:1.5rem}
.stages-slide .step.s2{top:8.5rem;left:7rem}
.stages-slide .step.s3{top:6rem;left:.5rem}
.results-slide .caption{height:90%;display:flex;flex-direction:column}
.results-slide .caption .text{font-size:.75rem;margin-top:2.85rem}
.results-slide .caption .notice{font-size:.35rem;font-weight:400;margin-top:auto}
section{margin:2rem 0;border-bottom:.1rem solid rgba(0,0,0,.5)}
section h2{font-size:1.5rem;margin:0 0 1rem;flex:0 0 100%;line-height:1}
#loreal .right{margin:0 1rem 1rem}
.sb{direction:ltr;background:#000;color:#fff;display:inline-block;font-size:1rem;font-weight:700;padding:.5rem;width:fit-content;line-height:1.12}
#damage .right{margin:0 1rem}
#damage .sb{margin-bottom:2rem}
#products{border-bottom:0;text-align:center}
#locator .pop svg,.prod .btn a svg{height:.675rem;margin-right:.25rem}
#products h2{display:inline-flex;flex-direction:column;justify-content:center}
#products h2 .sb{margin-top:.5rem}
.prods{text-align:center;width:100%}
.prod{margin:0 3rem 1rem}
#products .img{position: relative;}
#products .img a{position:absolute;bottom:-2rem;left:2.5rem;}
#products .pvc3 .img a{left:3rem;}
iframe{max-width:100%}
#damage iframe{display:block;margin-top:1rem;height:13rem}
.prod .title{font-weight:700;margin-bottom:.5rem}
#locator .pop,.prod .btn a{color:#fff;background:#000;padding:.5rem;text-decoration:none;display:inline-block;font-weight:700;min-width:7.5rem;text-align:center}
#hair{color:#fff;background:url(../images/hair-m.webp) no-repeat #000;background-size:100%;height:37rem;padding:2rem 1rem;position:relative;background-position:center 2rem}
#hair .right{display:flex;flex-direction:column;padding-bottom:2rem}
#hair h2{flex:0 0 auto}
#hair .text{font-size:1rem}
#hair .notice{margin-top:auto;font-size:.75rem;position:absolute;bottom:.5rem}
.caption span{position:absolute;font-size:1rem;font-weight:700}
.cap1{left:3rem;top:14rem}
.cap2{left:1rem;top:23rem}
.cap2::before{content:'';display:block;width:.075rem;height:4rem;background:#fff;position:relative;right:3rem}
#video{margin-bottom:2rem}
#video iframe{display:block;height:13rem;width:100%}
#routine{justify-content:space-between}
#routine .sb{margin-bottom:1rem}
#routine .sb,#routine h2{margin-right:2rem}
#routine .right .steps{display:flex;align-items:end;text-align:center;justify-content:center;width:100%;flex-wrap:wrap}
#routine .step{font-size:1.5rem;width:9.25rem;margin:0 1rem 2rem}
.step .title{font-weight:700;font-size:1rem;white-space:nowrap}
.step img{display:block;margin:auto}
#routine .left{position:relative}
#routine .left span{position:absolute;font-weight:700;font-size:1.25rem;top:10rem}
#routine .left .a{right:3rem}
#routine .left .b{left:2rem}
#restore .left,#restore .right{margin:2rem 1rem}
#restore .left{margin-bottom:1rem}
#restore .left img{margin-bottom:1rem}
#restore h2 span{display:block;margin-bottom:1rem;font-size:1rem}
#restore .notice{font-size:.75rem}
#locator .desc{font-size:.75rem;font-weight:700;display:flex;text-align:center;margin-bottom:2rem;justify-content:flex-end}
#locator .pop{display:flex;text-align:center;justify-content:center;align-items:center}
#locator .left svg{margin:.25rem auto .25rem 1.5rem;display:block}
#locator .pop svg{height:.875rem;margin:0 .5rem}
#locator{margin:1rem;padding-bottom:4rem}
#locator h2,#restore h2{margin:2rem 0}
#restore h2{font-weight:400}
.pop-wrap{display:none}
.popshow .pop-wrap{display:block;position:fixed;right:0;left:0;top:0;bottom:0;z-index:9999999999999;background:rgba(0,0,0,.5)}
.popup{position:absolute;right:50%;bottom:50%;transform:translate(50%,50%);background:#fff;width:90vw;padding:1rem}
.close{color:#000;font-size:2rem;text-decoration:none;line-height:1}
.collapsible a{text-decoration:none}
.collapsible img{width:17.5em}
.collapsible .main a{position:relative;display:block}
.collapsible .main h3{font-size:1em;margin:.5em 0;font-weight:700}
.collapsible .footer{max-height:auto;overflow:hidden;transition:max-height .2s ease-out}
.collapsible.collapsed .footer{max-height:0;padding:0;overflow:hidden}
.collapsible .footer{padding:.5em 0;overflow:auto}
.collapsible .footer div{margin-bottom:.5em}
.collapsible .footer div a{display:flex}
.search .main a{display:block;color:#fff;background:#000;font-size:1.25rem;text-align:center;font-weight:700;line-height:1;padding:.85rem 1rem;border:.1rem solid}
.purchase .main a{display:block;color:#000;background:#fff;font-size:1.25rem;text-align:center;font-weight:700;border:.1rem solid;line-height:1;padding:.85rem 1rem}
.purchase .footer{display:flex;justify-content:space-between}
.purchase .footer a{display:block;background:#000;color:#fff;font-size:1rem;font-weight:700;padding:.5rem 1rem;text-align:center;height:100%;justify-content:center;align-items:center;line-height:1}
.purchase .footer a img{margin-left:.5rem;width:1.2rem}
.purchase .footer div{flex:0 0 10rem;margin-left:.5rem}
.search h4{font-weight:400;font-size:1.75rem;text-align:center;line-height:1;margin:0 0 1.5rem}
.search .footer{background:#d7d7d7;padding:1rem;overflow:visible}
.search input[type=text]{display:block;padding:.85rem 1.5rem;width:100%;background:url(../images/s.svg) no-repeat #fff;background-size:1rem;background-position:98% center;line-height:1;font-size:1rem}
.search .sbox{margin-top:.5rem;position:relative}
.ui-widget.ui-widget-content{z-index:999999999999999}
.ui-menu.red .ui-menu-item-wrapper{color:red!important}
label:not(.cb_text){position:absolute;right:2rem;bottom:50%;transform:translateY(50%);font-weight:400}
label.top{bottom:80%;font-size:.8rem;font-weight:700}
.results{max-height:10rem;overflow:auto}
.collapsible .footer div.store{background:#fff;margin-bottom:1rem;padding:.75rem 1rem}
.store h5{margin:0;font-size:1rem}
.store a,.store address{padding-right:1.5rem}
.store address{background:url(../images/address.svg) no-repeat;background-position:100% center;font-style:normal;margin:.5rem 0;background-size:1rem}
.store a{background:url(../images/phone.svg) no-repeat;background-position:100% center;color:#000;background-size:1rem}
.results::-webkit-scrollbar{width:.15rem}
.results::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 .3rem rgba(0,0,0,.7)}
.results::-webkit-scrollbar-thumb{background-color:#000}
.legal{text-align:center}
.legal a{margin:.5rem;color:#000;font-family:sans-serif;text-decoration:none}
#ot-sdk-btn.optanon-show-settings,#ot-sdk-btn.ot-sdk-show-settings{color:#000!important;border:unset!important;height:auto;white-space:normal;word-wrap:break-word;padding:unset!important;font-size:1rem!important;line-height:1.2;cursor:pointer;-moz-transition:none!important;-o-transition:none!important;-webkit-transition:none!important;transition:none!important;color:#000;font-family:sans-serif;background:0 0!important;direction:rtl!important}
@supports (-webkit-touch-callout:none){
#splider .splide__pagination{top:-2rem}
}