body,html{max-width:100vw;overflow-x:hidden}body{color:#171717;background:#fff;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;padding:0;margin:0}section{padding:6rem 2rem}@media only screen and (max-width:600px){section{padding:3rem 1rem}}html{scroll-behavior:smooth}.container{max-width:100vw;margin:0 auto}a{color:inherit;text-decoration:none}@media(prefers-color-scheme:dark){html{color-scheme:#fff}}main{overflow:hidden}.header{position:fixed;width:100%;top:0;left:0;z-index:999;background-color:transparent;padding:1rem 5%;transition:all .5s ease-in-out}.header.fixed{padding:.5rem 5%;box-shadow:0 0 10px rgba(0,0,0,.1)}.header.fixed:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:-1}.header .nav{display:flex;justify-content:space-between;align-items:center;height:5rem}@media only screen and (max-width:992px){.header .nav{height:3rem}}.header .nav .profile{font-size:2rem;color:#171717;letter-spacing:2px;position:relative}@media only screen and (max-width:992px){.header .nav .profile{font-size:1.6rem}}.header .nav .profile:before{position:absolute;content:"";bottom:5px;right:-6%;background-color:#ff3131;width:10px;height:10px;border-radius:50%}@media only screen and (max-width:992px){.header .nav .profile:before{width:5px;height:5px;right:-3%}}.header .nav .nav__list{display:flex;gap:5rem}@media only screen and (max-width:992px){.header .nav .nav__list{position:fixed;top:0;right:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-direction:column;justify-content:center;align-items:center;z-index:999;-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);transition:all .5s ease-in-out;visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.header .nav .nav__list.open{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);visibility:visible;-webkit-backface-visibility:visible;backface-visibility:visible}}.header .nav .nav__list .close{display:none}@media only screen and (max-width:992px){.header .nav .nav__list .close{position:absolute;display:inline-flex;top:2rem;right:2rem;cursor:pointer;color:#171717}}.header .nav .nav__list .nav__item{list-style:none}.header .nav .nav__list .nav__item a{font-size:1.4rem;color:#171717}.header .nav .nav__list .nav__item a.active{color:#ff3131}.header .nav .nav__toggle{display:flex;gap:2rem;align-items:center}@media only screen and (max-width:468px){.header .nav .nav__toggle{gap:1rem}}.header .nav .nav__toggle .cart{display:flex;align-items:center;gap:.5rem}.header .nav .nav__toggle .cart .cart__icon{font-size:2rem;color:#171717}@media only screen and (max-width:468px){.header .nav .nav__toggle .cart .cart__icon{font-size:1.4rem}}.header .nav .nav__toggle .cart .cart__count{font-size:1.5rem;color:#171717}@media only screen and (max-width:468px){.header .nav .nav__toggle .cart .cart__count{font-size:1.3rem}}.header .nav .nav__toggle .hamburger{display:none}@media only screen and (max-width:992px){.header .nav .nav__toggle .hamburger{display:inline-flex}}.header .nav .nav__toggle .hamburger .hamburger__icon{font-size:2rem;color:#171717}@media only screen and (max-width:468px){.header .nav .nav__toggle .hamburger .hamburger__icon{font-size:1.5rem}}.model{position:fixed;top:0;right:0;width:30%;height:100%;background-color:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:999;transition:all .5s ease-in-out;transform:translateX(100%);overflow-y:auto;padding:1rem;box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-backface-visibility:hidden;backface-visibility:hidden;visibility:hidden}@media only screen and (max-width:992px){.model{width:50%}}@media only screen and (max-width:768px){.model{width:100%}}.model::-webkit-scrollbar{background-color:transparent;width:5px}.model::-webkit-scrollbar-thumb{background-color:#171717;border-radius:12px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.model::-webkit-scrollbar-thumb:hover{background-color:#ff3131}.model.show{transform:translateX(0);visibility:visible;-webkit-backface-visibility:visible;backface-visibility:visible}.model .close{position:absolute;top:1.5rem;right:1rem;cursor:pointer;color:#171717}.model .cart{display:flex;flex-direction:column;margin-top:1rem}.model .cart h2{font-size:2rem;color:#171717;letter-spacing:2px;margin-bottom:1rem;position:relative;text-align:center;text-transform:uppercase}@media only screen and (max-width:992px){.model .cart h2{font-size:1.6rem}}.model .cart h2:after{position:absolute;content:"";bottom:-10px;left:0;background-color:#171717;width:100%;height:1px}.model .cart p{font-size:1.3rem;margin-top:1.5rem}.model .cart .cart__list{display:flex;flex-direction:column;width:100%;margin-top:1rem}.model .cart .cart__list .cart__item{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}@media only screen and (max-width:768px){.model .cart .cart__list .cart__item{margin-bottom:3rem}}@media only screen and (max-width:468px){.model .cart .cart__list .cart__item{flex-direction:column}}.model .cart .cart__list .cart__item .img{width:100%}.model .cart .cart__list .cart__item .img img{width:100%;height:100%;object-fit:cover;border-radius:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.model .cart .cart__list .cart__item .text{width:100%;display:flex;flex-direction:column;gap:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media only screen and (max-width:468px){.model .cart .cart__list .cart__item .text{order:2;align-items:center;justify-content:center}}.model .cart .cart__list .cart__item .text h3{font-size:1.5rem;letter-spacing:2px}@media only screen and (max-width:468px){.model .cart .cart__list .cart__item .text h3{font-size:2rem}}.model .cart .cart__list .cart__item .text span{font-size:1.6rem;letter-spacing:1px}@media only screen and (max-width:468px){.model .cart .cart__list .cart__item .text span{font-size:1.4rem}}.model .cart .cart__list .cart__item .button{display:flex;flex-direction:column;gap:2rem}@media only screen and (max-width:468px){.model .cart .cart__list .cart__item .button{flex-direction:row;justify-content:space-around;width:100%;margin-top:1rem;margin-bottom:1rem}}.model .cart .cart__list .cart__total{display:flex;margin-top:2rem;justify-content:center;margin-bottom:2rem}.model .cart .cart__list .cart__total span{font-size:1.5rem;color:#171717;letter-spacing:2px}.model .cart .cart__list button{width:100%;padding:1rem 2%;border:none;background-color:#ff3131;color:#fff;font-size:1.5rem;letter-spacing:2px;cursor:pointer;border-radius:12px}footer{background-color:#ff3131}footer .footer__container{padding:1rem 2%}@media only screen and (max-width:992px){footer .footer__container{padding:1rem 0}}@media only screen and (min-width:1400px){footer .footer__container{padding:1rem 5%}}footer .footer__container .content{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}@media only screen and (max-width:992px){footer .footer__container .content{flex-direction:column;gap:2rem}}footer .footer__container .content p{display:flex;gap:.5rem;font-size:1.5rem;color:#fff;letter-spacing:2px}@media only screen and (max-width:992px){footer .footer__container .content p{order:1}}@media only screen and (max-width:468px){footer .footer__container .content p{font-size:1.2rem}}@media only screen and (max-width:360px){footer .footer__container .content p{font-size:1rem}}footer .footer__container .content p a{text-decoration:underline}footer .footer__container .content .social-links{display:flex;gap:2rem;align-items:center;justify-content:center}@media only screen and (max-width:992px){footer .footer__container .content .social-links{gap:1rem}}footer .footer__container .content .social-links a{font-size:2rem;color:#fff;transition:all .5s ease-in-out;width:80px;height:80px;border-radius:50%;display:grid;place-items:center}@media only screen and (max-width:992px){footer .footer__container .content .social-links a{font-size:1.5rem;width:60px;height:60px}}footer .footer__container .content .social-links a:hover{background-color:#171717;color:#fff}.checkout{margin-top:-3rem}.checkout__container{padding:1rem 2%}@media only screen and (max-width:992px){.checkout__container{padding:1rem 0}}.checkout__container .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.checkout__container .top .heading h2{font-size:3rem;letter-spacing:2px;font-weight:800}@media only screen and (max-width:468px){.checkout__container .top .heading h2{font-size:1.5rem}}.checkout__container .top a{width:200px;height:70px;background-color:#ff3131;display:grid;place-items:center;border-radius:24px;font-size:1.6rem;color:#fff}@media only screen and (max-width:468px){.checkout__container .top a{width:150px;height:50px;font-size:1.1rem}}@media only screen and (max-width:360px){.checkout__container .top a{width:120px;font-size:.8rem;height:40px}}.checkout__container .checkout__list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;width:100%;grid-row-gap:3rem;row-gap:3rem}@media only screen and (max-width:992px){.checkout__container .checkout__list{grid-template-columns:repeat(2,1fr);gap:1rem;row-gap:4rem}}@media only screen and (max-width:468px){.checkout__container .checkout__list{row-gap:2rem;grid-template-columns:repeat(1,1fr)}}.checkout__container .checkout__list .checkout__item{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%}.checkout__container .checkout__list .checkout__item img{width:100%;height:300px;object-fit:cover;border-radius:12px}@media only screen and (max-width:768px){.checkout__container .checkout__list .checkout__item img{height:250px}}@media only screen and (max-width:468px){.checkout__container .checkout__list .checkout__item img{height:100%}}.checkout__container .checkout__list .checkout__item .text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.checkout__container .checkout__list .checkout__item .text h3{font-size:1.6rem;letter-spacing:2px}@media only screen and (max-width:468px){.checkout__container .checkout__list .checkout__item .text h3{font-size:1.4rem}}.checkout__container .checkout__list .checkout__item .text .price{font-size:1.3rem;letter-spacing:2px}@media only screen and (max-width:468px){.checkout__container .checkout__list .checkout__item .text .price{font-size:1.2rem}}.checkout__container .checkout__list .checkout__item .text .quantity{font-size:1.5rem;letter-spacing:2px}@media only screen and (max-width:468px){.checkout__container .checkout__list .checkout__item .text .quantity{font-size:1.2rem}}.checkout__container form{display:flex;flex-direction:column;margin-top:5rem;width:100%}.checkout__container form .box{display:flex;flex-direction:column;width:100%;gap:1rem;margin-bottom:2rem}.checkout__container form .box label{font-size:1.5rem}.checkout__container form .box .list__name{width:100%;height:300px;line-height:1.5;padding:1rem;resize:none;font-size:1.4rem;letter-spacing:2px;border-radius:12px;border:1px solid #171717}@media only screen and (max-width:992px){.checkout__container form .box .list__name{height:100%}}.checkout__container form .box .list__name::-webkit-scrollbar{width:5px}.checkout__container form .box .list__name::-webkit-scrollbar-thumb{background-color:#171717;border-radius:12px}.checkout__container form .box input{height:60px;font-size:1.5rem}.checkout__container form .box .pesan,.checkout__container form .box input{width:100%;padding:.5rem;outline:none;border-radius:12px;border:1px solid #171717}.checkout__container form .box .pesan{height:100px;line-height:1.5;resize:none;font-size:1.4rem;letter-spacing:2px}.checkout__container button{width:300px;height:70px;background-color:#ff3131;display:grid;border:none;place-items:center;border-radius:24px;font-size:1.7rem;color:#fff;margin:0 auto;letter-spacing:2px}.not-found .notFound__container{padding:1rem 2%;display:grid;place-items:center}@media only screen and (max-width:992px){.not-found .notFound__container{padding:1rem 0}}@media only screen and (min-width:1400px){.not-found .notFound__container{padding:1rem 5%}}.not-found .notFound__container .logo{width:100%;display:grid;place-items:center}.not-found .notFound__container .logo img{width:500px;height:500px;object-fit:cover}@media only screen and (max-width:468px){.not-found .notFound__container .logo img{width:100%;height:500px}}@media only screen and (max-width:360px){.not-found .notFound__container .logo img{height:100%}}.not-found .notFound__container h1{font-size:3rem;letter-spacing:2px;margin-bottom:2rem}@media only screen and (max-width:468px){.not-found .notFound__container h1{font-size:2.5rem;text-align:center;line-height:1.5}}@media only screen and (max-width:360px){.not-found .notFound__container h1{font-size:2rem;margin-bottom:1rem}}.not-found .notFound__container p{font-size:1.4rem;margin-bottom:2rem;text-align:center;line-height:1.5}@media only screen and (max-width:468px){.not-found .notFound__container p{font-size:1.2rem}}@media only screen and (max-width:360px){.not-found .notFound__container p{font-size:1rem}}.not-found .notFound__container .btn{width:250px;background-color:#ff3131;height:70px;display:grid;place-items:center;border-radius:12px}@media only screen and (max-width:468px){.not-found .notFound__container .btn{width:200px}}@media only screen and (max-width:360px){.not-found .notFound__container .btn{width:180px}}.not-found .notFound__container .btn a{font-size:1.4rem;color:#fff}@media only screen and (max-width:468px){.not-found .notFound__container .btn a{font-size:1.2rem}}@media only screen and (max-width:360px){.not-found .notFound__container .btn a{font-size:1rem}}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column}.loading .logo{width:100%;display:grid;place-items:center;opacity:0;transition:opacity 1s ease-in-out}.loading .logo img{width:500px;height:500px;object-fit:cover}@media only screen and (max-width:468px){.loading .logo img{width:100%;height:100%}}.loading .title{opacity:0;transition:opacity 1s ease-in-out;font-size:2rem;font-weight:800;letter-spacing:2px}