:root{--gradient-1: linear-gradient(180deg, var(--light-blue-1) 0%, var(--light-blue-2) 100%);--gradient-2: linear-gradient(305deg, var(--blue) 31.68%, var(--light-blue-3) 97.23%);--bg-blue: rgba(154, 217, 234, .2);--light-blue-1: #DBF3F7;--light-blue-2: #9AD9EA;--light-blue-3: #6CCEFB;--blue: #2194F8;--border-light-gray: #F2F2F2;--border-medium-gray: #F5F5F5;--dark-gray: #606060;--light-gray: #8D8D8D;--orange: #FE9A31;--line: #DEDBDB}body{font-family:Be Vietnam Pro,sans-serif}main{min-height:50vh}a{text-decoration:none;color:#000}a:hover{color:var(--blue)}a.object:hover{color:#000}.overflow-x-auto{overflow-x:auto}.overflow-x-auto::-webkit-scrollbar{height:6px}.overflow-x-auto::-webkit-scrollbar-track{background:var(--border-medium-gray);border-radius:4px}.overflow-x-auto::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.overflow-x-auto::-webkit-scrollbar-thumb:hover{background:#999}#other-error-popup ul{list-style-type:none;padding-left:0}.invalid-feedback{display:block}.top-header{border-bottom:1px solid var(--border-light-gray);padding:5px 0;background:var(--orange);color:#fff}.bottom-header{padding:18px 0;border-bottom:1px solid var(--border-medium-gray)}.logo-icon{width:180px}.navbar{gap:10px}.list-menu{gap:10px;list-style-type:none;padding-left:0}.list-menu .each-menu:hover{cursor:pointer}.bottom-header .active{color:var(--blue);font-weight:600}.box-search{width:100%;background:var(--border-medium-gray);border-radius:999px;padding:8px 8px 8px 14px;z-index:2}.search-input{flex:1;border:none;background:transparent;outline:none;color:var(--dark-gray)}.search-button{border:none;padding:8px;line-height:14px;border-radius:100px;background:#9ad9ea4d;color:var(--blue)}.search-product{display:none;top:55px;left:0;border-radius:15px;border:1px solid var(--line);background:#fff;padding:10px;box-shadow:0 2px 6px #0003;max-height:70vh;min-height:45px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--light-blue-3) var(--bg-blue)}.search-product::-webkit-scrollbar{width:8px}.search-product::-webkit-scrollbar-thumb{background-color:var(--light-blue-3);border-radius:10px}.search-product::-webkit-scrollbar-track{background-color:var(--bg-blue);border-radius:5px}.product-image-search{width:50px;height:50px;object-fit:cover;background:#fff;border-radius:5px;border:1px solid var(--line)}.each-search{padding:5px}.each-search:hover{background-color:var(--bg-blue)}.line{width:1px;height:24px;background-color:var(--line);z-index:1}.icon.cart{margin-top:-4px}.box-login{gap:14px}.signup-button{padding:3px 10px}.navbar-toggler{border:none!important}.navbar-toggler:focus{box-shadow:none}.avatar{width:24px;height:24px;border-radius:100%}.user-dropdown{position:relative}#userDropdownMenu{display:none;position:absolute;right:0;top:calc(100% + 5px);background:#fff;border-radius:6px;box-shadow:0 4px 8px #0000001a;min-width:160px;z-index:100}#userDropdownMenu:hover{color:var(--blue)}.dropdown-item{display:block;padding:14px 30px;color:#333;text-decoration:none;font-size:14px;transition:background .2s}.dropdown-item:hover{background:#f2f2f2}.cursor-pointer{cursor:pointer}.main-footer{padding:0}.content-footer{border-top-left-radius:20px;border-top-right-radius:20px;background:var(--gradient-1)}.box-footer{margin-top:50px;margin-bottom:32px}.web-infomation,.list-infomation,.list-cate-footer,.list-contact{width:100%}.footer-logo{width:221px}.each-social{padding:10px;border-radius:100px;background:var(--light-blue-2)}.each-social img{width:19px;height:19px}.footer-icon{height:38px;object-fit:contain}.white-line{background-color:#fff;border:none;height:1px}.list-info-footer{gap:12px;list-style-type:none;padding-left:0}.main-footer .icon-contact{background-color:var(--orange);border-radius:100px;padding:8px;color:#fff}.title-footer{position:relative}.title-footer:after{content:"";bottom:-8px;width:40px;height:2px;background-color:var(--blue);position:absolute;display:block}@media (min-width: 576px){.logo-icon{width:221px}.search-product{max-height:600px}}@media (min-width: 768px){.list-infomation,.list-cate-footer,.list-contact{width:30%}.navbar,.navbar-collapse,.list-menu{gap:10px}}@media (min-width: 992px){.web-infomation{max-width:auto}.navbar,.navbar-collapse,.list-menu{gap:20px}.main-footer{padding:40px 48px}.content-footer{border-bottom-left-radius:20px;border-bottom-right-radius:20px}}@media (min-width: 1200px){.navbar,.navbar-collapse,.list-menu{gap:30px}}@media (min-width: 1400px){.web-infomation{max-width:350px}.list-infomation,.list-cate-footer,.list-contact{width:auto}.navbar,.navbar-collapse,.list-menu{gap:40px}}