.body{background-color:#f6f6f6;background-repeat:repeat}.body .banner{display:block;position:relative;width:100%;height:calc(267 * var(--vh));background-position:center;background-repeat:no-repeat;background-size:cover}.body .main .info .name{position:absolute;left:0;top:calc(-160 * var(--vh));width:60%;max-width:100%}.body .main .info{position:relative;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px 0 rgba(0,0,0,.1);padding:20px;margin-top:-60px;display:flex;flex-direction:column}.body .main .info .products{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:10px}.body .main .info .products .product{position:relative;text-align:center;cursor:pointer;background-color:#fff;border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.35);margin:10px 0 10px 0}.body .main .info .products .product .top{position:relative;background-color:#fff9de;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:10px 10px 0 0;height:100px;box-shadow:0 -10px 20px -20px rgba(0,0,0,.35) inset;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.body .main .info .products .product .top .icon{max-height:100%}.body .main .info .products .product .top .double{position:absolute;top:0;left:0;height:50px}.body .main .info .products .product .bottom{position:relative;padding:10px}.body .main .info .products .product .bottom .title{color:#656565;line-height:1}.body .main .info .products .product .bottom .btn-detail{position:absolute;top:4px;right:4px}.body .main .info .products .product .bottom .btn{color:#8a3c01;width:100%;border-radius:18px;font-size:18px;line-height:22px;margin-top:8px}.body .main .info .detail{margin-top:10px}.body .main .info .detail .title{color:#000;font-size:20px;line-height:20px;border-bottom:2px solid #dee2e6;padding-bottom:10px}.body .main .info .detail .content{color:#7d7d7d;font-size:16px;line-height:26px;margin-top:10px;text-align:left}.nav-tabs{border-bottom-width:2px}.nav-tabs .nav-link{border:none;color:#7d7d7d;margin-bottom:0;margin-top:-10px;padding:10px 20px}.nav-tabs .nav-link:hover{color:#555}.nav-tabs .nav-link.active{color:#000}.tab-content{min-height:calc(280 * var(--vh))}.body .main .shops{display:block;position:absolute;right:-270px;top:-40px;background-color:rgba(255,255,255,.07);box-shadow:0 2px 10px 0 rgba(0,0,0,.1),inset 0 -2px 7px 0 rgba(255,255,255,.56);border-radius:10px;padding:20px 0 0 0}.body .main .shops .shop{display:block;margin:0 20px 20px 20px;padding:0}.body .main .shops .shop .icon{width:200px;max-width:100%}#modalLogin .modal-body{padding:30px}#modalLogin .modal-body .logo{text-align:center;margin-bottom:30px}#modalLogin .modal-body .input-group input{padding:10px 30px;border-radius:23px;background-color:#f6f6f6}#modalLogin .modal-body .form-check{margin:10px 0 20px 0}#modalLogin .modal-body .form-check .form-check-input{border-color:#ffc107;border-radius:8px}#modalLogin .modal-body .form-check .form-check-input:checked{background-color:#ffc107;border-color:#ffc107}#modalLogin .modal-body .form-check .form-check-label{padding-left:10px}#modalLogin .modal-body .form-check .form-check-label a{color:#ffc107;margin:0 10px}#modalLogin .modal-body .btn-login{color:#8a3c01;width:100%;border-radius:22px;font-size:18px;font-weight:500;line-height:30px}.modal-body .btn-close{position:absolute;top:5px;right:5px;background-position:center;background-repeat:no-repeat;background-size:contain;opacity:1;width:36px;height:36px}.modal-content{box-shadow:0 0 10px 0 rgba(0,0,0,.35)}.modal-body .logo{text-align:center;margin-bottom:30px}.modal-body .logo img{height:150px}#modalPayment .modal-body{padding:30px}#modalPayment .modal-body .form-radio .form-check{cursor:pointer;padding:10px 10px 5px 10px;min-height:10px;margin-bottom:0}#modalPayment .modal-body .form-radio .form-check .form-check-input{float:none;margin-left:0;position:absolute;left:10px;top:50%;margin-top:-8px;border-color:#ffc107}#modalPayment .modal-body .form-radio .form-check .form-check-input:checked{background-color:#ffc107;border-color:#ffc107}#modalPayment .modal-body .form-radio .form-check .form-check-label{cursor:pointer}#modalPayment .modal-body .form-radio .form-check .form-check-label .row>*{padding-left:0;padding-right:0;margin-top:0}#modalPayment .modal-body .form-radio .form-check .form-check-label img{max-width:100%}#modalPayment .modal-body .form-radio .form-check .form-check-label .text{display:flex;justify-content:center;align-items:center;flex-direction:column}#modalPayment .modal-body .btn-payment{color:#8a3c01;width:100%;border-radius:22px;font-size:18px;font-weight:500;line-height:30px;margin-top:20px}body.is-mobile .body .banner{height:calc(140 * var(--vh))}body.is-mobile .body .main .info .name{left:20px;top:calc(-80 * var(--vh))}body.is-mobile .body .main .info{margin-top:-30px}body.is-mobile .body .main .shops{position:relative;right:inherit;top:inherit;background-color:unset;box-shadow:unset;border-radius:0;display:flex;flex-wrap:wrap;padding:0;margin:10px 0 0 0}body.is-mobile .body .main .shops .shop{flex:0 0 auto;flex-shrink:0;max-width:100%;width:44%;margin:10px 0 0 4%;padding:0}body.is-mobile .body .main .shops.single .shop:first-child{width:88%;margin:10px 0 0 6%}body.is-mobile .body .main .shops .shop .icon{width:100%}body.is-mobile .body .main .shops.single .shop:first-child .icon{width:50%}body.is-mobile .modal-body .logo img{height:100px}