.page-content{margin: 0px 10px;padding-top: 75px;max-width: 1200px;}.menu{overflow-y: auto;color:var(--text-color);position:relative;}.kategori{margin:10px 0px;overflow-y: auto;color:var(--text-color);}.menu ul{display: -webkit-box;padding:0px;}.kategori ul{display: block;padding: 0px;column-count: auto;column-width: 100px;column-gap: 20px;}.menu li{list-style: none;display: block;min-width: 100px;margin-right:10px;padding:5px 10px;background:var(--menu-color);text-align:center;border:1px var(--menu_04-color) solid;}.bawah{overflow-y: auto;color:var(--text-color);position:relative;}.bawah ul{display: -webkit-box;padding:0px;}.bawah li{list-style: none;display: block;min-width: 100px;margin-right:10px;padding:5px 10px;background:var(--menu_01-color);text-align:center;border:1px var(--menu_04-color) solid;}.menu_bawah{overflow-y: auto;color:var(--text-color);position:relative;width: 100%;}.menu_bawah ul{display: -webkit-box;padding:0px;margin:0px;}.menu_bawah li{list-style: none;display: block;width:calc((100%/4) - 5px);margin-right:1px;padding:5px 10px;background:var(--menu-color);text-align:center;border:1px var(--menu_04-color) solid;}.menu_bawah li i{font-size:300%;}.content-product{position: relative;}.product{display: block;-webkit-perspective: 0;-webkit-transform-style: preserve-3d;-webkit-transition: -webkit-transform 0.2s;float: left;min-width: 150px;min-height: 100px;background-color: var(--body-color);z-index: 1;border: 1px var(--text-color) solid;color:var(--text-color);overflow: hidden;margin:5px;padding:5px;transition:transform .75s;z-index:1;box-shadow: 3px 3px 3px var(--text-color);border-radius:8px;}.product:hover{border: 1px var(--full-color) solid;z-index:2;}.product-tile .row{--bs-gutter-x: 0.5rem;--bs-gutter-y: 0;}.product img{width: 100%;display: block;position: relative;}.product .product-nama{position:relative;bottom:1%;color:lime;left:0px;width:100%;text-align:center;font-size:var(--bs-menu-font-size);line-height:normal;display:block;margin-top:10px;font-weight:bold;text-transform:uppercase;}.product small{position: relative;display: block;}.product .harga{position: relative;font-size: 100%;font-weight: bold;}.product .promo{bottom: 5px;position: relative;font-size: 125%;font-weight: bold;}.menu li,.kategori li{min-width:60px;}.col-product{display: block;width:calc((100%/2) - 10px);}@media screen and (max-width: 340px){.col-product{width:calc(100% - 10px);}}.main-page{align-items: center;-webkit-box-align: center;-webkit-box-pack: center;justify-content: center;}@media screen and (min-width: 1200px){.main-page{display: flex;}}.switch{position:relative;width:50px;height:24px;float:left;}.switch input{opacity:0;width:0;height:0;}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#AA0000;-webkit-transition:.4s;transition:.4s;}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;}input:checked + .slider{background-color:green;}input:focus + .slider{box-shadow:0 0 1px green;}input:checked + .slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);}.slider.round{border-radius:34px;box-shadow:0 -1px 1px #b3d6f9,0 1px 0 #243350,rgba(0,0,0,0.3) 0px 30px 60px -12px inset,rgba(50,50,93,0.25) 0px 18px 36px -18px inset;}.slider.round:before{border-radius:50%;box-shadow:rgba(50,50,93,0.25) 0px 30px 60px -12px inset,rgba(0,0,0,0.3) 0px 18px 36px -18px inset;}.top-logo{border-radius:15%;border: 1px solid #4b4f61;box-shadow: 1px 1px 10px 3px #ffffff,inset 2px 2px 3px 0px #ffffff;background-color:var(--text-color);margin-top: 20px;}.panel-form{display: -ms-flexbox;display: -webkit-box;display: flex;-ms-flex-align: center;-ms-flex-pack: center;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;padding-top: 10px;padding-bottom: 10px;}.panel-form form{width: 100%;max-width: 600px;padding: 15px;margin: 0 auto;}.left{display: contents;}.form-panel{min-width:400px;}@media (max-width: 640px){.top-logo{position:absolute;right:25px;width:28px;margin-top:8px;}.panel-form{width:100%;padding:2px;}.form-panel{width:100%;min-width:200px;}}