@import url("https://fonts.googleapis.com/css2?family=GFS+Didot&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&display=swap");:root{--Black: #000;--White: #fff;--light-gold: #e4d18e;--Gold: #cca968;--Font-colour-Font-900: #0d0d0d;--font-primary: "Manrope", sans-serif;--font-secondary: "Didot Italic"}@font-face{font-family:"Didot Italic";src:url("./assets/fonts/Didot-Italic.otf") format("opentype");font-weight:normal;font-style:normal}*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0;margin:0}ul[role="list"],ol[role="list"]{list-style:none}body{min-height:100vh;line-height:1.5;background:#141414}h1,h2,h3,h4,button,input,label{line-height:1.1}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{height:100%;width:100%;max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}.section{width:100%;max-width:1600px;margin:0 auto}ul{list-style:none;padding:0}.font--title{color:var(--light-gold);font-family:var(--font-secondary);font-size:2rem;font-style:italic;font-weight:400;line-height:normal;margin-bottom:12px}@media (min-width: 992px){.font--title{font-size:2.75rem}}.font--secondary-title{color:var(--light-gold);font-family:var(--font-secondary);font-size:1.625rem;font-style:italic;font-weight:400;line-height:normal;margin-bottom:12px}@media (min-width: 992px){.font--secondary-title{font-size:2.75rem}}.font--subtitle{color:var(--White);font-family:var(--font-secondary);font-size:1.125rem;font-style:italic;font-weight:400;line-height:normal;margin-bottom:8px}@media (min-width: 992px){.font--subtitle{font-size:1.75rem}}.font--desc{color:var(--White);font-family:var(--font-primary);font-size:0.9375rem;font-style:normal;font-weight:400;line-height:1.375rem;max-width:517px;margin-bottom:24px}@media (min-width: 992px){.font--desc{font-size:1.25rem;line-height:normal}}.font--desc strong{font-weight:700}.font--desc i{color:var(--White);font-family:var(--font-secondary);font-size:1.375rem;font-style:italic;font-weight:400;line-height:normal}.font--label{color:var(--White);font-family:var(--font-primary);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1.375rem}.font-special{color:var(--White);font-family:var(--font-secondary);font-size:1.375rem;font-style:italic;font-weight:400;line-height:normal}.font-special span{position:relative;color:var(--light-gold);font-size:1.25rem;margin-right:18px}.font-special span::after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:var(--light-gold)}.btn-copy-code{padding:15px 12px 15px 42px;display:block;color:var(--Font-colour-Font-900, #0d0d0d);text-align:center;font-family:Manrope;font-size:15px;font-style:normal;font-weight:500;line-height:normal;position:relative;border-radius:2px;background:linear-gradient(358deg, #f5eda8 -42.36%, #c9a464 104.36%);transition:background 0.3s ease;border:none;cursor:pointer}.btn-copy-code::before{content:"";display:block;width:20px;height:20px;background-image:url("./assets/image/icon-copy.svg");background-size:contain;background-repeat:no-repeat;position:absolute;left:12px;top:50%;transform:translateY(-50%)}.btn-copy-code:hover{background:linear-gradient(5deg, #f5eda8 -262.39%, #c9a464 102.05%)}.btn-copy-code strong,.btn-copy-code span{font-weight:700}.footer{display:flex;justify-content:center;align-items:center;padding-block:45px 36px}@media (min-width: 992px){.footer{padding-block:70px}}.footer--wrapper{display:flex;justify-content:center;align-items:center;gap:16px}.footer--wrapper img{width:87px;height:auto}@media (min-width: 992px){.footer--wrapper img:first-child{width:136px}}.share-beauty{width:100%}.share-beauty--logo{height:auto;object-fit:contain;width:167px;margin:auto;margin-bottom:100px}@media (max-width: 991px){.share-beauty--logo{display:none}}.share-beauty--wrapper{width:100%}@media (min-width: 992px){.share-beauty--wrapper{display:flex}}.share-beauty--wrapper>div{width:100%}@media (min-width: 992px){.share-beauty--wrapper>div{width:50%}}.share-beauty--image img{width:100%;height:auto;display:block;border-radius:4px}.share-beauty--content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:32px 22px}@media (min-width: 992px){.share-beauty--content{padding:50px 60px 108px 60px}}@media (min-width: 1400px){.share-beauty--content{padding:50px 121px 108px 121px}}.share-beauty--content h1,.share-beauty--content p,.share-beauty--content ul{max-width:480px}.share-beauty--content a{display:block;margin:auto}.code-copy{display:flex;justify-content:center;align-items:center;position:fixed;bottom:0;width:100%;background:#141414;padding:6px 20px;color:var(--Backgrounds-White, #fff);font-family:var(--font-primary);font-size:12px;font-style:normal;font-weight:400;line-height:22px;z-index:9999;box-shadow:0 2px 10px rgba(0,0,0,0.2);animation:fadeOut 2s forwards}@media (min-width: 992px){.code-copy{font-size:14px;background:var(--Gold)}}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}100%{opacity:0}}.referral-steps--wrapper{width:100%;display:flex;flex-direction:column-reverse}@media (min-width: 992px){.referral-steps--wrapper{flex-direction:row}}.referral-steps--wrapper>div{width:100%}@media (min-width: 992px){.referral-steps--wrapper>div{width:50%}}.referral-steps--wrapper>div img{object-fit:cover;height:100%;width:100%}.referral-steps--text{padding-inline:14px}@media (min-width: 992px){.referral-steps--text{padding:60px 60px 94px 60px}}@media (min-width: 1400px){.referral-steps--text{padding:84px 121px 94px 121px}}.referral-steps--list{margin:0;padding:0;max-width:517px;margin-bottom:24px}.referral-steps--item{padding-bottom:12px;border-bottom:1px solid var(--Gold);margin-bottom:12px}.referral-steps--item p{margin:0}.referral-steps--label{background:var(--Gold);width:100%;padding:6px 12px;display:flex;justify-content:center;align-items:center}.molecular-care--wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 992px){.molecular-care--wrapper{padding-inline:60px}}.molecular-care--content{max-width:1477px;padding-inline:14px}@media (min-width: 992px){.molecular-care--content{padding-inline:0;margin-top:-10px}}.molecular-care--content h2{margin-bottom:24px}@media (min-width: 992px){.molecular-care--content h2{margin-bottom:32px}}.molecular-care--banner{position:relative}@media (max-width: 992px){.molecular-care--banner{margin-bottom:32px}}.molecular-care--banner::after{position:absolute;width:100%;height:100%;display:none;content:"";top:50%;left:50%;transform:translate(-50%, -50%);background:#141414;background:linear-gradient(90deg, #141414 0%, rgba(44,21,21,0) 5%, rgba(253,29,29,0) 50%, rgba(48,21,21,0) 94%, #141414 100%)}@media (min-width: 365px) and (max-width: 560px){.molecular-care--banner::after{display:block}}.molecular-care--banner .products{position:absolute;bottom:0;right:18px;width:100%;height:auto;max-width:482px;object-fit:contain}@media (min-width: 992px){.molecular-care--banner .products{right:121px}}.molecular-care--icon{width:32px;height:32px;object-fit:contain;margin-bottom:12px}.molecular-care--list{padding:0;margin:0;width:100%;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:42px}@media (min-width: 992px){.molecular-care--list{gap:19px;margin-bottom:60px}}.molecular-care--item{width:100%;border-radius:12px;border:1px solid var(--Gold);padding:12px}@media (min-width: 992px){.molecular-care--item{width:calc(33.333% - 12.666px)}}.molecular-care--item .font--desc{margin:0}.brand-info{overflow:hidden}.brand-info--wrapper{padding-inline:14px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 992px){.brand-info--wrapper{padding-inline:60px}}.brand-info--content{width:100%;max-width:1477px}@media (min-width: 992px){.brand-info--content h2{margin-bottom:32px}}.brand-info--list{display:flex;flex-wrap:wrap}@media (min-width: 992px){.brand-info--list{justify-content:center;align-items:center;row-gap:28px;column-gap:43px;margin-bottom:60px}}@media (min-width: 1600px){.brand-info--list{row-gap:68px;column-gap:83px}}@media (max-width: 991px){.brand-info--list{justify-content:center;flex-direction:column;align-items:center}}.brand-info--item{position:relative;padding-bottom:105px;width:100%;max-width:400px}@media (min-width: 992px){.brand-info--item{min-width:430px;max-width:100%;width:calc(33.333% - 56.333px)}}@media (max-width: 991px){.brand-info--item{margin-bottom:32px}}.brand-info--item__content{max-width:343px;position:relative;z-index:2}@media (max-width: 991px){.brand-info--item__content{max-width:205px}}.brand-info--item img{position:absolute}@media (max-width: 991px){.brand-info--item:nth-child(1){order:1}.brand-info--item:nth-child(2){order:3}.brand-info--item:nth-child(3){order:5}}@media (max-width: 991px) and (max-width: 991px){.brand-info--item:nth-child(3){margin-top:28px}}@media (max-width: 991px){.brand-info--item:nth-child(4){order:2}}@media (max-width: 991px) and (max-width: 991px){.brand-info--item:nth-child(4){margin-top:18px}}@media (max-width: 991px){.brand-info--item:nth-child(5){order:4}}@media (max-width: 991px) and (max-width: 991px){.brand-info--item:nth-child(5){margin-top:8px}}.brand-info .image-molecul{width:356px;height:234px}@media (max-width: 991px){.brand-info .image-molecul{bottom:0;right:-50px}}@media (min-width: 992px){.brand-info .image-molecul{bottom:-23px;right:-39px}}.brand-info .image-bottle{width:282px;height:168px}@media (max-width: 991px){.brand-info .image-bottle{bottom:30px;right:-40px}}@media (min-width: 992px){.brand-info .image-bottle{bottom:36px;right:3px}}.brand-info .image-phone{width:470px;height:auto}@media (max-width: 991px){.brand-info .image-phone{bottom:-22px;right:-80px}}@media (min-width: 992px){.brand-info .image-phone{width:425px;bottom:-13px;right:-159px}}.brand-info .image-biomimetic{width:344px;height:215px}@media (max-width: 991px){.brand-info .image-biomimetic{bottom:-12px;left:-100px}}@media (min-width: 992px){.brand-info .image-biomimetic{bottom:-7px;left:17px}}.brand-info .image-hairs{width:352px;height:334.154px}@media (max-width: 991px){.brand-info .image-hairs{bottom:-32px;left:-100px}}@media (min-width: 992px){.brand-info .image-hairs{left:-102px;bottom:-53px}}@media (min-width: 1400px){.brand-info .image-hairs{left:-23px;bottom:-53px}}.brand-info .left-side{display:flex;flex-direction:column;align-items:flex-end;padding-left:100px}@media (min-width: 560px){.brand-info .left-side{min-width:430px}}@media (min-width: 992px){.brand-info .left-side{width:calc(43.333% - 56.333px)}}@media (min-width: 1200px){.brand-info .left-side{margin-left:110px}}.brand-info .left-side:has(.image-biomimetic){margin-bottom:32px}@media (min-width: 992px){.brand-info .left-side:has(.image-biomimetic){min-width:600px}}@media (min-width: 1190px) and (max-width: 1200px){.brand-info .left-side:has(.image-biomimetic){min-width:610px}}@media (min-width: 1350px){.brand-info .left-side:has(.image-biomimetic){min-width:540px}}@media (min-width: 1600px){.brand-info .left-side:has(.image-biomimetic){min-width:430px}}@media (max-width: 560px){.brand-info .left-side:has(.image-biomimetic){margin-bottom:80px}}@media (min-width: 768px) and (max-width: 1600px){.brand-info .left-side:has(.image-biomimetic) .brand-info--item__content{max-width:309px}}.brand-info .left-side:has(.image-hairs){margin-bottom:32px}@media (min-width: 992px){.brand-info .left-side:has(.image-hairs){min-width:500px}}@media (min-width: 1350px){.brand-info .left-side:has(.image-hairs){min-width:540px}}@media (min-width: 1600px){.brand-info .left-side:has(.image-hairs){min-width:430px}}@media (max-width: 560px){.brand-info .left-side:has(.image-hairs) .brand-info--item__content{max-width:231px}}.why-recommend{display:flex;justify-content:center;align-items:center;padding-inline:14px}@media (min-width: 992px){.why-recommend{padding-inline:60px}}.why-recommend--wrapper{width:100%;max-width:1477px;min-height:512px}@media (min-width: 992px){.why-recommend--wrapper{min-height:400px}}@media (min-width: 102px){.why-recommend--wrapper{min-height:420px}}@media (min-width: 1600px){.why-recommend--wrapper{min-height:338px}}.why-recommend--list{display:flex;flex-wrap:wrap;gap:22px;margin-top:24px}@media (min-width: 992px){.why-recommend--list{margin-top:40px}}@media (min-width: 768px){.why-recommend--item{width:calc(33.333% - 14.666px)}}.why-recommend--item h3{margin-bottom:8px}.why-recommend--item p{margin:0}.why-recommend--tabs{display:flex;gap:1rem;margin-bottom:1.5rem}.tab-button{border:none;color:#fff;background:transparent;font-family:Didot;font-size:22px;font-style:italic;font-weight:400;line-height:normal;text-align:start;cursor:pointer}@media (max-width: 991px){.tab-button{font-size:16px}}.tab-button.active{color:#e4d18e;font-family:Didot;font-size:20px;font-style:italic;font-weight:400;line-height:normal;padding:6px;border-bottom:1px solid #e4d18e}@media (max-width: 991px){.tab-button.active{font-size:16px}}.tab-content{display:none;animation:fadeIn 0.4s ease}.tab-content.active{display:flex}@keyframes fadeIn{from{opacity:0}to{opacity:1}}
/*# sourceMappingURL=style.css.map */