@import url("https://fonts.googleapis.com/css?family=Kanit:100,200,300,400,500,600,700,800,900&display=swap");dims-app{display:none}body[dims]{margin-top:0}footer{display:none}*{box-sizing:border-box;margin:0;padding:0}html{color:#333;font-family:'Kanit',sans-serif;min-height:100vh;margin:0}body{background-color:white;min-height:100vh;margin:0;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}header{position:relative;display:flex;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,0.1);overflow-y:hidden;overflow-x:auto;scrollbar-color:#777 #ccc;scrollbar-width:thin}header::-webkit-scrollbar{width:5px;height:8px;background-color:#ccc}header::-webkit-scrollbar-thumb{background:#777}.logo{box-sizing:content-box;padding-left:50px;width:70px}.logo svg{display:block;width:100%}nav > ul{display:flex;font-size:1rem;height:70px;list-style:none;text-transform:capitalize}nav > ul > li{line-height:70px;padding:0 30px;transition:background-color .3s ease-in-out}nav > ul > li:hover{background-color:rgba(0,0,0,0.1)}.nav-right > ul > li{border-right:1px solid rgba(0,0,0,0.1) .nav-right > ul > li}.nav-right > ul > li::nth-child(1){border-left:1px solid rgba(0,0,0,0.1)}.nav-right > ul > li::last-child{border-right:none}main{display:flex;flex-direction:column-reverse;min-height:calc(100vh - 4em);flex-grow:1}@media screen and (min-aspect-ratio:10 / 8){main{flex-direction:row}}.left{background-color:#f7f7f6;flex:1;padding-top:1.5rem}.product-info{display:flex;align-items:center;flex-direction:column;justify-content:center;height:100%;width:90%;margin:0 auto}.product-info > h1{font-size:3.2rem;letter-spacing:.03em;margin-right:-3px;font-weight:200;margin-bottom:20px;text-align:center;text-transform:uppercase;transition-duration:.3s;line-height:.9}.product-info > p{font-size:1.2rem;margin-bottom:20px}.product-info > h2{font-size:1.56rem;margin-bottom:20px;font-weight:600}.btn{color:#f7f7f6;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.06em;padding:20px;margin-bottom:1.5rem;text-transform:uppercase;transition:box-shadow .5s ease-in-out,transform .5s ease-in-out}.btn:hover{box-shadow:3px 10px 20px rgba(0,0,0,0.3);transform:translateY(-5px)}.info-btns{display:flex}.discover-btn{background-color:#66bee7}.cart-btn{background-color:#141110}.right{background-color:#e6ddda;flex:1;position:relative;display:flex;align-items:center;min-height:45vmin}.right > img{position:relative;left:25%;width:50%}@media screen and (min-aspect-ratio:10 / 8){.right > img{left:-5vmax;width:45vmax}}@media screen and (max-width:900px){.logo > svg{height:50px;width:50px}.logo{padding-left:15px}nav > ul{height:50px;font-size:.9rem}nav > ul > li{line-height:50px;padding:0 15px}}@media screen and (max-width:1200px){.logo > svg{height:60px;width:60px}.logo{padding-left:15px}nav > ul{height:60px;font-size:1rem}nav > ul > li{line-height:60px;padding:0 20px}.product-info > h1{font-size:2.2rem}.product-info > p{font-size:1rem}.product-info > h2{font-size:1.25rem}.btn{font-size:.7rem;padding:15px}}