body{font-family:Kanit,sans-serif}.hidden{display:none}.shown{color:red;display:visible;opacity:1;transition:all .5s ease-out}.selected-label input:checked~.selected-content{border:2px solid #219653}.select-product{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);justify-items:center}.select-product .card{border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);cursor:pointer;position:relative;width:230px}.select-product .card-body{padding:16px 0;position:relative}.select-product .card img{border-top-left-radius:8px;border-top-right-radius:8px;height:230px;width:100%}.p-text{font-weight:700;padding:0 16px 8px}.product-text small,.selected-content small{color:#eb5757;font-weight:600}.add-basket-btn{background:#219653;border-bottom-left-radius:5px;border-bottom-right-radius:5px;bottom:0;color:#fff;cursor:pointer;margin-bottom:0;position:absolute;width:100%}.input-number{background:#f2f2f2;border:none;width:150px}.input-number,.number-decrement,.number-increment{border-radius:5px;color:#0a0a0a;height:30px;outline:none;vertical-align:middle}.number-decrement,.number-increment{background:#bdbdbd;border:none;text-align:center;text-align:left!important;width:30px}.basket-product{display:flex;padding:16px!important;position:relative}.delete-btn{background:#fe4e4e;border:1px solid #fe4e4e;border-radius:5px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:12px;height:23px;position:absolute;right:16px;text-align:center;transition:.3s ease-in-out;width:31px}.delete-btn:hover{background:#fff;border:1px solid #fe4e4e;color:#000}.old-price{color:#828282;font-size:.8rem;text-decoration:line-through}.sale-price{color:#d0011b;font-size:1.4rem;font-weight:700}.sale-text span{background-color:#d0011b;border-radius:5px;color:#fff;font-size:.75rem;font-weight:400;line-height:1;margin-left:8px;padding:0 5px;white-space:nowrap}@media only screen and (max-width:991px){.select-product{gap:10px;grid-template-columns:repeat(3,1fr)}.select-product .card{width:200px}.select-product .card img{height:200px}.input-number-group .input-number{width:120px}}@media only screen and (max-width:767px){.select-product{grid-template-columns:repeat(2,1fr)}.select-product .card{width:200px}.select-product .card img{height:200px}.input-number-group .input-number{width:120px}}@media only screen and (max-width:575px){.select-product .card-body{padding:10px 0}}@media only screen and (max-width:479px){.select-product .card{width:160px!important}.select-product .card img{height:160px}.input-number-group .input-number{width:80px}.sale-text span{font-size:.65rem;margin-left:6px}.sale-price{font-size:1.2rem}}@media only screen and (max-width:375px){.select-product .card{width:150px!important}.select-product .card img{height:150px}.input-number-group .input-number{width:70px}}@media only screen and (max-width:320px){.select-product{gap:8px;grid-template-columns:repeat(2,1fr)}.select-product .card{width:140px!important}.select-product .card img{height:140px}.input-number-group .input-number{width:60px}}@media only screen and (max-width:280px){.select-product{gap:0;grid-template-columns:repeat(1,1fr)}.select-product .card{width:100%!important}.input-number-group .input-number{width:150px}}.menu-navbar-top .navbar a:hover{color:var(--mainColor)}.name-brand0:hover,.name-brand:hover,.top-menu a:hover{background:unset!important}@media only screen and (max-width:767px){.name-brand{margin:0 auto;max-width:70%}.name-brand0{margin-left:15px;max-width:70%}.status-btn{position:absolute;right:15px}}.offcanvas-menu{position:absolute;top:15px}.offcanvas-menu>label{cursor:pointer;transition:.3s ease;z-index:9999}.offcanvas-menu label span,.offcanvas-menu label span:after,.offcanvas-menu label span:before{background:#fff;content:"";height:5px;position:absolute;transition:background .3s,transform .3s;width:40px}.offcanvas-menu label span:before{transform:translateY(-10px)}.offcanvas-menu label span:after{transform:translateY(10px)}.offcanvas-menu nav{height:100%;left:-280px;overflow:hidden;position:fixed;top:0;transition:.3s ease;width:280px;z-index:9999999}.offcanvas-menu nav ul{padding:15px 0}.offcanvas-menu nav ul li{line-height:40px;list-style:none}.offcanvas-menu nav ul li a{display:block;padding:10px;text-decoration:none}.offcanvas-menu nav>div{align-items:center;display:flex;justify-content:space-between}.offcanvas-menu nav>div label{align-items:center;cursor:pointer;display:flex!important;height:30px;justify-content:center;margin:8px 15px;transition:.3s ease;width:30px}.offcanvas-menu nav>div label span,.offcanvas-menu nav>div label span:after,.offcanvas-menu nav>div label span:before{background:#fff}.offcanvas-menu input[type=checkbox]{display:none}.offcanvas-menu input[type=checkbox]:checked~label{opacity:0;pointer-events:none}.offcanvas-menu input[type=checkbox]:checked~nav{left:0}.offcanvas-menu input[type=checkbox]:checked~nav label span{background:transparent}.offcanvas-menu input[type=checkbox]:checked~nav label span:before{transform:rotate(-45deg)}.offcanvas-menu input[type=checkbox]:checked~nav label span:after{transform:rotate(45deg)}.offcanvas-menu input[type=checkbox]:checked~nav label span:after,.offcanvas-menu input[type=checkbox]:checked~nav label span:before{transition-delay:.2s}

/*# sourceMappingURL=style.css.map*/