main{background:#eae9e7}main section a.link-btn{font-weight:600;color:#fff;padding:13px 25px;background:#000;border-radius:5px;display:flex;justify-content:center}main section.section-ordernow{padding:40px 0}@media(max-width: 767px){main section.section-ordernow{padding:20px 0}}main section.section-ordernow a.arrow-left{font-size:14px;padding:13.5px 25px 13.5px 20px;white-space:nowrap;width:fit-content;flex:0 0 auto}main section.section-ordernow a.arrow-left img{opacity:.3;transition:all .4s}main section.section-ordernow a.arrow-left:after{display:none}main section.section-ordernow a.arrow-left:hover img{opacity:1;filter:brightness(0) invert(1)}@media(max-width: 767px){main section.section-ordernow a.arrow-left{width:50px;height:50px;padding:0}main section.section-ordernow a.arrow-left span{display:none}}main section.section-ordernow a.link-btn{background:unset;display:inline-flex;position:relative}main section.section-ordernow a.link-btn span{z-index:1}main section.section-ordernow a.link-btn:before,main section.section-ordernow a.link-btn:after{width:100%;height:100%;border-radius:5px;position:absolute;top:0;left:0}main section.section-ordernow a.link-btn:before{content:"";background:#000;transition:transform .3s cubic-bezier(0.2, 1, 0.7, 1)}main section.section-ordernow a.link-btn:after{content:"";border:1px solid #000;transition:transform .3s cubic-bezier(0.2, 1, 0.7, 1);transform:scale3d(0.85, 0.65, 1)}main section.section-ordernow a.link-btn:hover:before{transform:scale3d(0.9, 0.7, 1)}main section.section-ordernow a.link-btn:hover:after{transform:scale3d(1, 1, 1)}main section.section-product{padding:80px 0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}@media(max-width: 767px){main section.section-product{padding:20px 0 80px 0}}main section.section-product:after{content:"";width:100%;height:500px;background:linear-gradient(0deg, #cefed6 0%, rgba(255, 255, 255, 0) 100%),linear-gradient(0deg, #eae9e7, #eae9e7),linear-gradient(0deg, #fff, #fff),linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),#cefed6;position:absolute;left:0;bottom:0}main section.section-product .sticky-box{position:sticky;top:40px}main section.section-product .thumbnail-box{padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid rgba(0,0,0,.1)}@media(max-width: 767px){main section.section-product .thumbnail-box{padding-bottom:20px;margin-bottom:20px}}main section.section-product .thumbnail-box img{width:calc(50% - 2px);border-radius:10px;aspect-ratio:343/400;object-fit:cover}@media(max-width: 767px){main section.section-product .grit-size{padding-bottom:60px}}main section.section-product .grit-size p{font-weight:600;line-height:150%;letter-spacing:-0.04em;max-width:320px}main section.section-product .order-btn{padding-top:40px;border-top:1px solid rgba(0,0,0,.1)}main section.section-product .order-btn a{background:unset;position:relative}main section.section-product .order-btn a span{z-index:1}main section.section-product .order-btn a:before,main section.section-product .order-btn a:after{width:100%;height:100%;border-radius:5px;position:absolute;top:0;left:0}main section.section-product .order-btn a:before{content:"";background:#000;transition:transform .3s cubic-bezier(0.2, 1, 0.7, 1)}main section.section-product .order-btn a:after{content:"";border:1px solid #000;transition:transform .3s cubic-bezier(0.2, 1, 0.7, 1);transform:scale3d(0.85, 0.65, 1)}main section.section-product .order-btn a:hover:before{transform:scale3d(0.96, 0.7, 1)}main section.section-product .order-btn a:hover:after{transform:scale3d(1, 1, 1)}main section.section-product h1{font-weight:400;line-height:135%;letter-spacing:-0.04em;margin-bottom:10px}@media(max-width: 991px){main section.section-product h1{font-size:30px}}main section.section-product h2{font-size:25px;line-height:135%;letter-spacing:-0.04em;margin-bottom:20px}main section.section-related{padding:160px 0;background:linear-gradient(0deg, #eae9e7, #eae9e7),#fff}@media(max-width: 1024px){main section.section-related{padding:80px 0}}main section.section-related h2{font-weight:400;line-height:130%;letter-spacing:-0.04em;max-width:372px;margin-bottom:30px}@media(max-width: 767px){main section.section-related h2{margin-bottom:40px}}main section.section-related .col-md-4{padding-left:calc(100vw / 2 - 728px)}main section.section-related .col-md-8{max-width:1048px}@media(min-width: 768px){main section.section-related .col-md-8{padding-left:20px;border-left:1px solid rgba(0,0,0,.1)}}@media(max-width: 767px){main section.section-related .col-md-8{width:100%}}main section.section-related .box-arrow{gap:2px}main section.section-related .box-arrow .button-prev,main section.section-related .box-arrow .button-next{width:50px;height:50px;border:1px solid rgba(0,0,0,.1);border-radius:5px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:background .4s}main section.section-related .box-arrow .button-prev img,main section.section-related .box-arrow .button-next img{opacity:.3;transition:all .4s}main section.section-related .box-arrow .button-prev:hover,main section.section-related .box-arrow .button-next:hover{background:#7c7871}main section.section-related .box-arrow .button-prev:hover img,main section.section-related .box-arrow .button-next:hover img{opacity:1;filter:brightness(0) invert(1)}main section.section-related .col-btn-mb{padding-right:20px;margin-top:40px}
