.modalCart{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1;background-color:#525c60;width:100%;height:100%;background-color:#000;background-color:rgba(0,0,0,.4)}.modalCart .box-cart{background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;border-radius:6px;width:460px}.modalCart .box-cart .empty-cart{text-align:center;margin:40px 0;font-weight:500;font-size:1.2em}.modalCart .box-cart .title-box{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #eff6f1;margin-bottom:10px}.modalCart .box-cart .title-box-text{font-weight:700;color:#274c5b;font-size:20px;margin-bottom:0}.modalCart .box-cart .title-box .icon{cursor:pointer;font-size:20px}.modalCart .box-cart .list-items{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;padding:0 4px 0 0}.modalCart .box-cart .list-items .item{display:flex;gap:20px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #eff6f1}.modalCart .box-cart .list-items .item:last-child{border-bottom:none}.modalCart .box-cart .list-items .item .item-quantity{width:60px;display:flex;align-items:center;justify-content:space-between;margin-left:auto}.modalCart .box-cart .list-items .item .item-quantity input{width:60px;text-align:center;outline:none;background-color:#eff6f1;border:1px solid #eff6f1}.modalCart .box-cart .list-items .item .item-info .item-name{font-weight:700;color:#274c5b;line-height:1.8;font-size:17px}.modalCart .box-cart .list-items .item .item-info .item-price{color:#274c5b;font-weight:500}.modalCart .box-cart .list-items .item .item-info .item-action{margin-top:10px;font-weight:500;color:#274c5b;cursor:pointer;transition:all .2s linear}.modalCart .box-cart .list-items .item .item-info .item-action:hover{color:#7eb693}.modalCart .box-cart .list-items .item .item-info p{margin-bottom:0}.modalCart .box-cart .total{padding-top:20px;border-top:1px solid #eff6f1;display:flex;justify-content:space-between;font-weight:500}.modalCart .box-cart .total .total-text{font-size:18px;color:#7eb693}.modalCart .box-cart .total .total-price{color:#274c5b;font-weight:700}.modalCart .box-cart .btn-continue{width:100%;background-color:#274c5b;color:#f9f8f8;outline:none;border-radius:10px;padding:20px 0;font-size:20px;font-weight:500;transition:all .5s ease;border:1px solid #274c5b}.modalCart .box-cart .btn-continue:hover{background-color:#fff;color:#274c5b}ol,ul{list-style:none;text-decoration:none}.header{box-shadow:0 2px 4px 2px rgba(0,0,0,.05);-webkit-box-shadow:0 2px 4px 2px rgba(0,0,0,.05);-moz-box-shadow:0 2px 4px 2px rgba(0,0,0,.05)}.header .header-container{display:flex;justify-content:space-between;align-items:center;padding:1.5em 0}.header .header-container .header-menu-mobile{display:none}.header .header-container .header-logo{display:flex;align-items:center}.header .header-container .header-logo-name{font-size:2.2em;font-weight:700;color:#274c5b;font-family:Roboto,sans-serif;padding-left:4px;margin-bottom:0}.header .header-container .header-menu-list{display:flex;align-items:center;margin-bottom:0;gap:1em}.header .header-container .header-menu-list .header-menu-item .header-menu-item-link{color:#274c5b;display:block;padding:.5em;font-weight:600;font-size:1.2em}.header .header-container .header-menu-list .header-menu-item .header-menu-item-link.active{color:#7eb693}.header .header-container .header-menu-list .header-menu-item .header-menu-item-link:hover{color:#7eb693;transition:all .2s linear;text-decoration:none}.header .header-container .header-box-cart{position:relative;display:flex;align-items:center}.header .header-container .header-box-cart .icon-box{margin-right:1em;cursor:pointer}.header .header-container .header-box-cart .icon-box .icon-box-search{background-color:#7eb693;color:#f9f8f8;padding:1em;border-radius:50%;line-height:1}.header .header-container .header-box-cart .cart-box{display:flex;align-items:center;cursor:pointer;border:1px solid #eff6f1;padding:6px;border-radius:3em}.header .header-container .header-box-cart .cart-box .cart-box-icon{background-color:#274c5b;color:#f9f8f8;padding:1em;border-radius:50%}.header .header-container .header-box-cart .cart-box .cart-box-number{margin:0 6px;color:#274c5b;font-size:1.2em}.header .header-container .header-box-cart .loading-container{display:flex;justify-content:center;align-items:center;margin-left:10px}.header .header-container .header-box-cart .loading-text{font-size:1rem;font-weight:700;color:#7eb693}.header .header-container .header-box-cart .btn-login{font-size:18px;padding:10px 20px;margin-left:10px;outline:none;background-color:#7eb693;color:#f9f8f8;border:none;border-radius:10px;opacity:.9;cursor:pointer;transition:all .2s linear}.header .header-container .header-box-cart .btn-login:hover{opacity:1}.header .header-container .header-box-cart .avatar-box{margin-left:10px;position:relative;transition:all .2s linear}.header .header-container .header-box-cart .avatar-box:hover .avatar-menu{display:block}.header .header-container .header-box-cart .avatar-box .avatar-menu{z-index:1;animation:fadeIn .3s;animation-timing-function:ease-in-out;display:none;color:#f9f8f8;background-color:#7eb693;width:max-content;position:absolute;top:100%;right:0;border-radius:4px}.header .header-container .header-box-cart .avatar-box .avatar-menu .item{cursor:pointer;word-wrap:none;padding:6px 10px;transition:all .2s linear}.header .header-container .header-box-cart .avatar-box .avatar-menu .item:hover{background-color:#f9f8f8;color:#274c5b}.header .header-container .header-box-cart .avatar-box .avatar-menu .item:hover:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}@media screen and (max-width:1280px){.header .header-container{padding:2em 0}.header .header-container .header-menu-list .header-menu-item .header-menu-item-link{font-size:1em;padding:.5em}.header .header-container .header-box-cart .icon-box{margin-right:.5em}.header .header-container .header-box-cart .cart-box i,.header .header-container .header-box-cart .icon-box i{padding:.5em}.header .header-container .header-box-cart .cart-box .cart-box-number{font-size:1em}}@media screen and (max-width:1023.98px){.header .header-container{padding:2em 0}.header .header-container .header-logo .logo-img{width:1.8em}.header .header-container .header-logo-name{font-size:1.4em}.header .header-container .header-menu-list{gap:.2em}.header .header-container .header-menu-list .header-menu-item{margin-right:.2em}.header .header-container .header-menu-list .header-menu-item .header-menu-item-link{font-size:.9em;padding:.2em}.header .header-container .header-box-cart .icon-box{margin-right:.5em}.header .header-container .header-box-cart .cart-box .cart-box-icon,.header .header-container .header-box-cart .icon-box .icon-box-search{padding:.5em}.header .header-container .header-box-cart .cart-box .cart-box-number{font-size:1em}.header .header-container .header-box-cart .btn-login{margin-left:4px;padding:8px 14px}}@media screen and (max-width:768px){.header .header-container{padding:1em 0}.header .header-container .header-logo .logo-img{width:2em}.header .header-container .header-logo-name{font-size:1.5em}.header .header-container .header-menu-mobile{display:block;font-size:1.5em;order:2}.header .header-container .header-menu-list{display:none}.header .header-container .header-box-cart{order:1;margin-left:auto;margin-right:20px}.header .header-container .header-box-cart .icon-box{display:none}.header .header-container .header-box-cart .cart-box{display:flex;transition:all .3s linear}.header .header-container .header-box-cart .cart-box:hover{background-color:#7eb693;color:#f9f8f8}.header .header-container .header-box-cart .btn-login{display:none}}@keyframes fadeIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}