body,header{background:#e3e9f7}header,nav ul{display:flex}*,.title p{margin:0}#produk1,header{padding:0 20px}li,ul{list-style:none}#krj i span,#produk1,.cartTab .listCart .item,.custom-alert,.filter_buttons,.footer .container,.title{text-align:center}#installButton:hover,.filter_buttons button:hover{transform:scale(1.1)}*{padding:0;box-sizing:border-box}body{width:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif,sans-serif;display:block;font-weight:700}a{text-decoration:none;color:#000;font-size:1rem}header{align-items:center;justify-content:space-between;border-bottom:1px solid #535353;margin:0 auto;position:sticky;top:0;z-index:1000}.content,.wa_btn{justify-content:center}.logo{display:inline-flex}.hamburger,.pro.hide,nav .logo{display:none}.logo a img{width:200px;height:auto;object-fit:cover}header nav{padding-top:15px}nav ul li a{color:#212526;display:block;margin:0 2px;font-weight:600;padding:8px 18px;transition:.2s;border-radius:30px}.hamburger:hover,nav ul li a:hover{background:#f6f4ff}nav ul li a.navactive{background:#14993c;color:#fff}.hamburger a,.keranjang{padding-right:10px}#krj i{font-size:20px}#krj i span{width:15px;font-size:12px;height:17px;background-color:red;color:#fff;padding-top:2px;border-radius:50%;position:absolute;margin:10px 0 2px}.hamburger{height:fit-content;cursor:pointer;padding:3px 8px;transition:.2s}.title{padding-top:5px}.title h3{text-align:left;padding:10px;border-bottom:2px solid grey}.persentase-diskon{display:block;font-weight:700;color:red;font-size:10px}.swiper-container{height:auto;max-width:2000px;margin:auto;overflow:hidden}.swiper-slide img{width:100%;height:auto;object-fit:cover}.content{width:100%;height:100%;top:0;left:0;position:absolute;background:rgba(0,0,0,.6);display:flex;align-items:center;flex-direction:column;opacity:0;transition:.6s}.content:hover{opacity:1}.content h1{font-size:1rex;color:#fff}.content>*{transform:translateY(25px);transition:transform .6s}.content:hover>*{transform:translateY(0)}.filter_buttons button{width:80px;height:80px;border-radius:50%;overflow:hidden;position:relative;cursor:pointer;transition:transform .3s}#produk1 .pro,button{border:2px solid #fff;cursor:pointer}button.active{background:#4070f4;color:#fff}button{font-size:18px;box-shadow:0 0 10px rgba(0,0,0,.05)}.filter_buttons{padding-top:10px;flex-wrap:wrap;gap:10px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.filter_buttons::-webkit-scrollbar{display:none}.filter_buttons img{width:100%;height:100%;object-fit:cover}#produk1 .pro-container{display:inline-flex;justify-content:space-between;padding:10px;flex-wrap:wrap}#produk1 .pro{width:12%;min-width:200px;box-shadow:10px 10px 10px rgba(0,0,0,.02);margin:15px 0;position:relative;background:#fff}#installButton,#installButton:hover,.cartTab .btn .close{background-color:#000}.old-price{font-size:1em;color:#999;text-decoration:line-through;margin-right:8px}#produk1 .pro:hover{box-shadow:10px 10px 10px rgba(0,0,0,.09)}#produk1 .pro img,.cartTab .listCart .item img{width:100%}#produk1 .pro .des{text-align:start;padding:10px 12px}#produk1 .pro .des h5{padding-top:12px;color:#1a1a1a;font-size:14px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#produk1 .pro .des i{font-size:12px;color:#e4aa18}#produk1 .pro .des h4{padding-top:7px;font-size:15px;font-weight:700;color:#2cb16e}#produk1 .pro button{padding:2px 20px;border:1px solid #30f016;border-radius:5px;background:#30f016;color:#fff;font-weight:700;position:absolute;bottom:20px;right:10px}#produk1 .pro button:hover{border:1px solid #000;color:#000}.wa_btn{position:fixed;right:20px;bottom:50px;text-decoration:none;color:#075e54;background-color:#fff;padding:5px 18px;border-radius:13px;display:flex;z-index:5;align-items:center}.wa_btn i{font-size:60px;padding:0 10px;background-color:#075e54;border-radius:50px;height:75px;width:75px;display:flex;justify-content:center;align-items:center;position:absolute;right:135px;color:#fff}.footer{background-color:#24262b}.footer .container{max-width:1170px;margin:auto;justify-items:center}ul{padding-left:0}.footer-col{width:25%;padding:0 15px}.footer-col h4{font-size:18px;color:#fff;text-transform:capitalize;margin-bottom:30px;margin-top:10px;font-weight:500;position:relative;padding-top:20px}.footer-col h4::before{content:"";position:absolute;bottom:-10px;background-color:#e91e63;height:2px;box-sizing:border-box;width:85px}.footer-col ul li:not(:last-child){margin-bottom:5px}.footer-col ul li a{font-size:16px;text-transform:capitalize;text-decoration:none;font-weight:300;color:#bbb;display:block;transition:.3s}.footer-col ul li a:hover{color:#fff;padding-left:8px}.footer-col .social-links a{display:inline-block;height:40px;width:40px;background-color:rgba(255,255,255,.2);margin:0 10px 10px 0;text-align:center;line-height:40px;border-radius:50%;color:#fff;transition:.5s}.footer-col .social-links a:hover{color:#24262b;background-color:#fff}.footer p{color:#494949}.cartTab{width:400px;background-color:#353432;color:#eee;position:fixed;z-index:1000;inset:0 -400px 0 auto;display:grid;grid-template-rows:60px 1fr 60px;transition:.5s}body.showCart .cartTab{inset:0 0 0 auto;overflow:hidden}.cartTab h1{padding:0 20px;margin:0;font-weight:300}.cartTab p{margin:0;padding-left:1rem;padding-top:1rem;border:2px solid #fff;border-radius:40px}.cartTab .btn{display:grid;height:70px;grid-template-columns:repeat(2,1fr)}.cartTab .btn button{background-color:#007f5f;border:none;font-weight:500;cursor:pointer}.cartTab .btn .checkOut,.cartTab .btn .close{color:#fff}.cartTab .listCart .item p{padding:0;font-size:10px;border:none;overflow:hidden;align-items:center;text-overflow:ellipsis;white-space:nowrap;transition:.3s}.cartTab .listCart .item p:hover{overflow:visible;white-space:normal;max-height:none;padding-bottom:2px}.cartTab .listCart .item{display:grid;grid-template-columns:70px 150px 50px 1fr;gap:10px;align-items:center;white-space:nowrap}.listCart .quantity span{display:inline-block;width:20px;background-color:#eee;color:#555;border-radius:50%;cursor:pointer}.listCart .quantity span:nth-child(2){background-color:transparent;color:#eee}.listCart .item:nth-child(2n){background-color:#eee1}.listCart{overflow:auto}.listCart::-webkit-scrollbar{width:0}.quantity-controls{display:flex;align-items:center;gap:10px}#overlay,.custom-alert{display:none;position:fixed}.quantity-controls button{padding:5px 10px;font-size:16px;cursor:pointer}.custom-alert{top:50%;left:50%;padding:2px;transform:translate(-50%,-50%);z-index:1000;font-weight:500;background:#fff;border:1px solid #000;border-radius:3px;color:#000}.custom-alert p{margin:5px}#overlay{top:0;left:0;width:auto;height:auto;background:rgba(0,0,0,.5);z-index:999}.search-container{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px auto;width:300px;background:linear-gradient(135deg,#6a11cb,#2575fc);border-radius:25px;padding:5px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.search-container input{flex:1;border:none;outline:0;padding:10px 15px;border-radius:20px;font-size:16px;color:#333;transition:.3s}.search-container input::placeholder{color:#aaa}#installButton{padding:5px;color:#fff;font-size:12px;border-radius:8px;border:none;cursor:pointer;transition:transform .3s,background-color .3s}#installButton:active{transform:scale(.98)}@media (min-width:1066px){.filter_buttons{overflow-x:visible;white-space:normal}.filter_slider{display:flex;flex-wrap:wrap;justify-content:center}}@media only screen and (max-width:799px){header,nav ul{padding:0 20px}.hamburger,nav .logo,nav ul{display:block}nav{position:absolute;left:-400px;top:0;z-index:999;width:280px;height:100vh;background-color:#fefefe;transition:.2s;box-shadow:2px 0 20px 0 rgba(0,0,0,.05)}#nav_check:checked~nav{left:0}nav .logo{height:70px;display:flex;align-items:center;margin-left:30px}nav ul li a{margin-bottom:5px;padding:10px 15px;border-radius:5px}nav ul{margin-top:30px}}@media (max-width:799px){.footer-col{width:50%;margin-bottom:60px}}@media (max-width:600px){#produk1 .pro-container{padding:0 20px}.wa_btn{background-color:transparent}.wa_btn span{display:none}.wa_btn i{right:0}.footer-col{width:100%}.swiper-container{max-width:100%}.cartTab .listCart .item{grid-template-columns:70px 120px 50px 1fr}}@media (max-width:479px){#produk1 .pro{width:12%;min-width:145px;margin:5px 0}#produk1 .pro button{padding:0 2px 2px 0;bottom:10px}}@media (max-width:360px){.cartTab{width:360px}.listCart .quantity span{display:inline-block;width:15px;background-color:#eee;color:#555;border-radius:50%;cursor:pointer}#produk1{padding:0}#produk1 .pro-container{display:inline-flex;justify-content:space-between;padding:0 30px;flex-wrap:wrap}#produk1 .pro:hover{box-shadow:10px 10px 10px rgba(0,0,0,.09)}#produk1 .pro img{width:100%}#produk1 .pro .des{text-align:start;padding:0 5px}#produk1 .pro .des h5{margin:0;padding-top:5px;color:#1a1a1a;font-size:8px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#produk1 .pro .des i{font-size:8px;color:#e4aa18}#produk1 .pro .des h4{padding:0;font-size:12px;font-weight:700;color:#2cb16e}#produk1 .pro button{border:1px solid #30f016;border-radius:5px;background:#30f016;color:#fff;position:absolute;right:10px}#produk1 .pro button:hover{border:1px solid #000;color:#000}.content h1{font-size:6px}.logo a img{width:150px;height:auto;object-fit:cover}}@media (max-width:320px){.cartTab{width:320px}.quantity-controls{gap:5px}.quantity-controls button{padding:5px;font-size:12px}.cartTab .listCart .item span{font-size:12px;font-weight:700}.cartTab .listCart .item{gap:8px}#produk1 .pro-container{padding:0 10px}#nav{gap:1rem}.header{padding:0}.content h1{font-size:6px}}