.skincare{display:flex;flex-direction:column;position:relative;width:100%}.skincare>.custom-bullets{position:sticky;display:flex;top:112px;bottom:0;width:100%;border-bottom:1px solid white;gap:5%;font-size:16px;color:#fff;z-index:5;max-width:1400px;margin:auto;background-color:#000}.skincare>.custom-bullets span{background:transparent;width:auto;height:auto;margin:0;padding:20px 0 15px;text-transform:uppercase;border-radius:0;opacity:1;cursor:pointer;transition:all .3s ease}.skincare>.custom-bullets span.active{border-bottom:5px solid #009C8A}.background-color{background:radial-gradient(circle at top right,#017d5d 2%,#000 25%) top right,radial-gradient(circle at bottom left,#017d5d,#000 20%) bottom left;background-size:50.1% 100%;background-repeat:no-repeat}.skincare .blocs{width:100%;color:#fff}.skincare .blocs .content{width:100%;max-width:1400px;margin:auto}.skincare .blocs .b_body{display:flex;align-items:flex-start;width:100%;padding-bottom:100px}.skincare .blocs .b_body .left{display:flex;flex-direction:column;gap:80px;align-items:flex-start;border-top:1px solid;padding-top:30px;padding-right:5%;width:50%}.skincare .blocs .b_body .left h3{font-size:40px;line-height:1;margin:0;font-weight:500;color:#fff}.skincare .blocs .b_body .left>div>p{font-size:16px;line-height:1.5;color:#fff}.skincare .blocs .b_body .left img{aspect-ratio:3 / 4;object-fit:cover;width:50%}.skincare .blocs .b_body .right{display:flex;flex-direction:column;border-top:1px solid;padding-top:30px;padding-left:5%;width:50%}.skincare .video{display:flex;flex-direction:column;gap:15px;width:70%}.skincare .video h4{font-size:18px;margin:0;font-weight:600;color:#fff}.skincare .video .media{display:flex;flex-direction:column;aspect-ratio:16 / 9;position:relative;padding-bottom:0}.skincare .video .media .video_container{align-items:center;justify-content:center;display:none;height:100%;position:relative}.skincare .video .media .video_container.active{display:flex}.skincare .video .media .video_container video{width:100%;height:100%;aspect-ratio:14 / 9;object-fit:cover}.skincare .video .media .video_container video[poster]{width:100%;object-fit:cover}.skincare .video .media .video_container .play{aspect-ratio:1 / 1;border-radius:100%;position:absolute;border:1px solid white;color:#fff;background-color:#ffffff80;width:50px;height:50px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.skincare .video .media .video_container .play:hover{background-color:#fffc;color:#000}.skincare .video .tabs{display:flex;gap:20px}.skincare .video .tabs span{padding:.5em 1em;border:1px solid white;border-radius:100px;color:#fff;text-align:center;line-height:1;cursor:pointer;transition:all .3s ease;font-size:14px}.skincare .video .tabs span.active{background-color:#009c8a;border-color:#009c8a}.skincare .blocs .b_body .right .steps{width:100%}.skincare .blocs .b_body .right .steps .custom-bullets{position:relative;width:100%;display:flex;justify-content:left;background:none;top:0;bottom:0;gap:5%;margin-bottom:70px}.skincare .blocs .b_body .right .steps .custom-bullets span{height:auto;width:auto;background-color:transparent;border-radius:100px;margin:0;border:1px solid white;padding:1em 2em;opacity:1;display:block!important;cursor:pointer;transition:all .3s ease;font-size:14px;color:#fff}.skincare .blocs .b_body .right .steps .custom-bullets span.swiper-pagination-bullet-active{background-color:#009c8a;border-color:#009c8a}.skincare .blocs .b_body .right .products{display:flex;gap:2%;margin-bottom:50px;flex-wrap:wrap}.skincare .blocs .b_body .right .products .p{display:flex;flex-direction:column;height:100%;width:23%;font-size:16px}.skincare .blocs .b_body .right .products .p img{width:100%;margin-bottom:15px}.skincare .blocs .b_body .right .products .p a{padding:.5em 1em;border:1px solid white;border-radius:100px;color:#fff;text-align:center;line-height:1;text-decoration:none;transition:all .3s ease;font-size:14px}.skincare .blocs .b_body .right .products .p a:hover{background-color:#fff;color:#000}.skincare .blocs .b_body .right .desc>p{font-size:16px;line-height:1.6;text-align:left;color:#fff}.bullet{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;vertical-align:middle}.skincare table{width:100%;border-collapse:collapse;font-size:15px}.skincare table td{vertical-align:top;padding:5px 0}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-autoheight .swiper-wrapper{align-items:flex-start}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}@media screen and (max-width:1600px){.skincare .blocs{background:#000}.skincare .blocs .b_body .left h3{font-size:35px}.skincare .video{width:80%}}@media screen and (max-width:1024px){.skincare .blocs .b_body .left img{width:100%;aspect-ratio:1}.skincare .blocs .b_body .right .products .p{width:49%;margin-bottom:20px}.skincare .blocs .b_body .right .products{flex-wrap:wrap}.skincare .blocs .b_body .right .steps .custom-bullets{gap:10px;display:flex;align-items:flex-start;flex-wrap:wrap;margin-bottom:35px}.skincare .blocs .b_body .right .steps .custom-bullets span{padding:.5em 1.5em;font-size:14px}.skincare .video{width:100%}}@media screen and (max-width:768px){.skincare>.custom-bullets{flex-direction:column;padding:0;border:0px;position:relative;top:0!important}.skincare>.custom-bullets span.active{border-bottom:0;background-color:#009c8a}.skincare>.custom-bullets span{padding:15px 5%;font-size:16px;border-bottom:1px solid rgba(255,255,255,.2)}.skincare>.custom-bullets span:last-child{border-bottom:none}.skincare .blocs .b_body{display:flex;flex-direction:column;padding:8% 5%}.skincare .blocs .b_body .left{width:100%;padding-right:0;gap:30px;font-size:15px}.skincare .blocs .b_body .right{width:100%;padding-left:0;margin-top:40px}.skincare .blocs .b_body .left h3{font-size:32px}.skincare .video{width:100%;margin-bottom:20px}.skincare .video .tabs{flex-direction:column;gap:10px}.skincare .video .tabs span{width:100%}.skincare .blocs .b_body .right .products .p{width:48%}.skincare .blocs .b_body .right .steps .custom-bullets{flex-direction:column;gap:15px;margin-bottom:30px}.skincare .blocs .b_body .right .steps .custom-bullets span{width:100%;text-align:center}.skincare .blocs .b_body .right .products{justify-content:space-between}}@media screen and (max-width:480px){.skincare .blocs .b_body{padding:10% 5%}.skincare .blocs .b_body .left h3{font-size:28px}.skincare .blocs .b_body .left>div{font-size:14px}.skincare .blocs .b_body .right .desc{font-size:14px}}.skincare.qr .blocs .content{display:flex;flex-direction:column;gap:28px;padding-top:24px}.qr-age{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head routines" "videos routines";grid-template-rows:auto 1fr;border:1px solid rgba(255,255,255,.22);background:#0000008c;color:#fff;scroll-margin-top:140px}.qr-head{grid-area:head;padding:28px 32px 0}.qr-head h3{font-size:32px;line-height:1.05;font-weight:500;margin:0 0 16px;color:#fff}.qr-head__text p{font-size:15px;line-height:1.55;margin:0 0 10px;color:#fff}.qr-head__text p.qr-head__spf{font-size:13px;color:#ffffffbf}.qr-videos{grid-area:videos;padding:12px 32px 32px;display:flex;flex-direction:column;justify-content:flex-start}.qr-routines{grid-area:routines;padding:28px 32px 32px;border-left:1px solid rgba(255,255,255,.22);display:flex;flex-direction:column;gap:20px}.qr-panel[hidden],.qr-video[hidden]{display:none!important}.qr-panel{display:flex;flex-direction:column;gap:20px}.qr .qr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border:1px solid white;border-radius:4px;background:transparent;color:#fff;font-family:Roboto Mono,monospace;font-size:14px;font-weight:400;line-height:1.1;letter-spacing:-.02em;text-transform:uppercase;text-decoration:none;text-align:center;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.qr .qr-btn--primary{background:#009c8a;border-color:#009c8a}.qr .qr-btn--primary:hover,.qr .qr-btn--outline:hover{background:#fff;border-color:#fff;color:#000}.qr .qr-btn--tab{min-height:40px;padding:0 16px;border-color:#ffffff8c;font-size:13px}.qr .qr-btn--tab:hover{border-color:#fff}.qr .qr-btn--tab.is-active{background:#009c8a;border-color:#009c8a}.qr-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.qr .qr-switch .qr-btn{width:100%;padding:0 8px}.qr-card{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:20px;row-gap:12px;align-items:start}.qr-card__media{grid-row:1 / span 2}.qr-card__cta{grid-column:2;justify-self:start;align-self:start}.qr-card__media{display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:4px;background:#ececec}.qr-card__img{width:100%;height:100%;object-fit:cover;display:block}.qr-card__body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left}.qr-card__title{font-size:18px;line-height:1.25;font-weight:600;margin:0;color:#fff}.qr-card__price{font-size:16px;margin:0;color:#ffffffd9}.qr-card__line{font-size:14px;line-height:1.5;margin:0 0 6px;color:#ffffffd9}.qr-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px 24px;text-align:left}.qr-steps__label{font-family:Roboto Mono,monospace;text-transform:uppercase;font-size:13px;letter-spacing:-.02em;color:#2fd1bd;margin:0 0 6px}.qr-steps ol{margin:0;padding-left:18px}.qr-steps li{font-size:14px;line-height:1.5;margin:0 0 6px;color:#ffffffe6}.qr-steps li a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:2px}.qr-steps__note{grid-column:1 / -1;font-size:13px;margin:0;color:#ffffffbf}.qr-shave{border-top:1px solid rgba(255,255,255,.22);padding-top:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left}.qr-shave__title{font-size:16px;font-weight:600;margin:0;color:#fff}.qr-shave__text{font-size:14px;line-height:1.5;margin:0 0 4px;color:#ffffffe6}.qr-video{display:flex;flex-direction:column;gap:10px}.qr-video__media{position:relative;aspect-ratio:16 / 9;background:#111}.qr-video__item{display:none;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center}.qr-video__item.is-active{display:flex}.qr-video__item video{width:100%;height:100%;object-fit:cover;display:block}.qr-video__play{position:absolute;width:52px;height:52px;border-radius:50%;border:1px solid white;background:#ffffff73;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer}.qr-video__play:hover{background:#ffffffd9;color:#000}.qr-video__tabs{display:flex;flex-wrap:wrap;gap:8px}@media screen and (max-width:900px){.qr-age{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "routines" "videos";grid-template-rows:auto}.qr-head{padding:22px 20px 0}.qr-routines{border-left:0;padding:20px}.qr-videos{padding:0 20px 22px}.qr-head h3{font-size:28px}}@media screen and (max-width:768px){.skincare.qr .blocs .content{padding:16px 4% 0;gap:20px}}@media screen and (max-width:768px){.qr-card{grid-template-columns:minmax(0,38%) minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;row-gap:16px}.qr-card__media{grid-row:1}.qr-card__title{font-size:15px}.qr .qr-card__cta,.qr .qr-shave__cta{grid-column:1 / -1;justify-self:stretch;align-self:stretch;width:100%;min-height:48px}.qr-shave{align-items:stretch}.qr-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.qr .qr-switch .qr-btn{min-height:44px}}:root{--qr-gutter: 48px;--qr-max: 1340px}@media screen and (max-width:768px){:root{--qr-gutter: 20px}}section.inaura-routines-section{width:calc(100% - (var(--qr-gutter) * 2));max-width:var(--qr-max);margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.skincare.qr>.custom-bullets,.skincare.qr .blocs .content{width:calc(100% - (var(--qr-gutter) * 2));max-width:var(--qr-max);margin-left:auto;margin-right:auto}@media screen and (max-width:768px){.skincare.qr .blocs .content{padding:16px 0 0}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-skincare-routines.css.map */