.nav-bar{background-color:#fff;padding:20px 40px;position:relative}@media screen and (max-width:768px){.nav-bar{margin-bottom:0;padding:20px}}.nav-bar .logo{width:180px}.nav-bar ul{display:flex;list-style:none;margin:0;padding:0}.nav-bar ul li{margin-left:20px}.nav-bar a{color:#282828;text-decoration:none}.nav-bar .top{display:flex;justify-content:space-between}.nav-bar .bottom{display:flex;gap:8px;justify-content:center}.nav-bar .bottom .btn-filter{align-items:center;display:flex;font-size:14px;gap:8px}.nav-bar .bottom .btn-filter i{color:#d9bf77}.nav-bar .drop-down:hover,.nav-bar .user:hover .drop-down{display:block;visibility:visible}.nav-bar .drop-down{background-color:#fff;border:1px solid #eee;display:none;position:absolute;right:30px;top:50px;visibility:hidden;z-index:300}.nav-bar .drop-down:before{border-bottom:10px solid #eee;border-left:10px solid transparent;border-right:10px solid transparent;content:"";display:inline-block;height:0;position:absolute;right:51px;top:-9px;width:0}.nav-bar .drop-down .head{background-color:#eee;padding:10px}.nav-bar .drop-down .head .name{font-weight:600;margin-right:10px}.nav-bar .drop-down .head .logout{cursor:pointer;text-decoration:underline}.nav-bar .drop-down ul{display:inline-block}.nav-bar .drop-down ul li{cursor:pointer;margin-right:20px;padding:10px}.nav-bar .drop-down ul li a{color:#000}.nav-bar .drop-down ul li:hover{color:#348f58}.nav-bar .search{background-color:#fff;border:1px solid #f2f2f2;border-radius:4px;color:#181818;overflow:hidden;padding:10px 20px;position:relative}.nav-bar .search input{border:none}.nav-bar .search input:focus{border:none;outline:none}.nav-bar .search .ctn-icon{position:absolute;right:15px;top:10px}.nav-bar .search .fa-times{color:#000;cursor:pointer;margin-right:10px}.nav-bar .search .content-icon{background-color:transparent;border:none}.nav-bar .search i.fa-search{color:#d9bf77}.nav-bar .search input:focus+i.fa-search{color:#348f58}.nav-bar .nav-middle{margin-top:20px;text-transform:lowercase}.nav-bar .nav-middle li{border-right:2px solid #d9bf77;margin-left:0}.nav-bar .nav-middle li:last-child{border-right:none}.nav-bar .nav-middle li.name-collection{font-size:12px;font-weight:700;text-transform:uppercase}@media screen and (max-width:1024px){.nav-bar .nav-middle li.name-collection{max-width:100px;padding:0 10px}}.nav-bar .nav-middle li a{padding:10px 20px}.nav-bar .nav-middle li a.nuxt-link-active,.nav-bar .nav-middle li a.nuxt-link-exact-active,.nav-bar .nav-middle li a:hover{border-bottom:2px solid #348f58;color:#348f58}.nav-bar .nav-last li{margin-left:20px}.nav-bar .nav-last li a{color:#d9bf77;cursor:pointer;display:inline-block;overflow:hidden;text-align:center;text-decoration:none}.nav-bar .nav-last li a.nuxt-link-active,.nav-bar .nav-last li a.nuxt-link-exact-active,.nav-bar .nav-last li a:hover{color:#348f58}.nav-bar .nav-last li a div{position:relative}.nav-bar .nav-last li a div span{font-size:12px;left:-2px;position:relative;top:-7px}@media screen and (max-width:768px){.nav-bar .nav-desktop{display:none}}.nav-bar .nav-mobile{display:none}@media screen and (max-width:768px){.nav-bar .nav-mobile{display:block}}.nav-bar .nav-mobile .content-bar{line-height:40px}.nav-bar .nav-mobile .content-bar i{cursor:pointer}.nav-bar .nav-mobile ul li{line-height:39px;position:relative}.nav-bar .nav-mobile ul li a{color:#d9bf77}.nav-bar .nav-mobile ul li a.nuxt-link-active,.nav-bar .nav-mobile ul li a.nuxt-link-exact-active,.nav-bar .nav-mobile ul li a:hover{border-bottom:2px solid #348f58;color:#348f58}.nav-bar .nav-mobile ul li:first-child{margin-left:0}.nav-bar .nav-mobile ul li .user-mobile{color:#d9bf77;cursor:pointer}.nav-bar .nav-mobile ul li .user-mobile:hover{color:#348f58}.nav-bar .nav-mobile ul li .user-dropdown-mobile{background-color:#fff;border:1px solid #f2f2f2;border-radius:4px;box-shadow:0 2px 8px #0000001a;min-width:200px;position:absolute;right:0;top:100%;z-index:1000}.nav-bar .nav-mobile ul li .user-dropdown-mobile .user-menu-content{padding:10px 0}.nav-bar .nav-mobile ul li .user-dropdown-mobile .user-menu-content .user-menu-item{cursor:pointer;padding:8px 16px}.nav-bar .nav-mobile ul li .user-dropdown-mobile .user-menu-content .user-menu-item:hover{background-color:#f5f5f5}.nav-bar .nav-mobile ul li .user-dropdown-mobile .user-menu-content .user-menu-item.user-info{background-color:#f0f0f0;cursor:default;font-weight:600}.nav-bar .nav-mobile ul li .user-dropdown-mobile .user-menu-content .user-menu-item.user-info:hover{background-color:#f0f0f0}.nav-bar .nav-mobile ul li .user-dropdown-mobile .user-menu-content .user-menu-item.logout-item{border-top:1px solid #f2f2f2}.nav-bar .nav-mobile ul li .user-dropdown-mobile .user-menu-content .user-menu-item.logout-item .logout{color:#dc3545;cursor:pointer;text-decoration:underline}.nav-bar .nav-mobile ul li .user-dropdown-mobile .user-menu-content .user-menu-item a{color:#282828;display:block;text-decoration:none}.nav-bar .nav-mobile ul li .user-dropdown-mobile .user-menu-content .user-menu-item a:hover{border-bottom:none;color:#348f58}.nav-bar .nav-mobile .search{display:flex;margin-top:10px;width:100%}.nav-bar .nav-mobile .search input{width:100%}.nav-bar .menu{background-color:#fff;display:block;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:1000}.nav-bar .menu ul{display:block}.nav-bar .menu ul li{font-size:20px;margin-left:0;margin-top:20px;text-align:center}.nav-bar .menu .close{overflow:hidden}.nav-bar .menu .close i{float:right;margin-right:20px;margin-top:20px}nav{position:relative}nav .dropdown{background-color:#fff;border:1px solid #f2f2f2;max-height:70vh;overflow-y:scroll;padding-left:20px;position:absolute;top:120Px;z-index:200}nav .dropdown:before{border-bottom:10px solid #f2f2f2;border-left:10px solid transparent;border-right:10px solid transparent;content:"";display:inline-block;height:0;left:100px;position:absolute;top:-10px;width:0}@media screen and (max-width:768px){nav .dropdown{margin-left:0;top:auto}}nav .dropdown .content-product{display:flex}@media screen and (max-width:500px){nav .dropdown .content-product{display:block}}nav .dropdown .tags{display:flex;flex-direction:column;justify-content:space-between}nav .dropdown .tags .all{cursor:pointer;font-weight:600;padding-bottom:30px;text-decoration:underline}nav .dropdown .tags h3{padding-bottom:20px}nav .dropdown .tag{cursor:pointer;display:flex;justify-content:space-between;padding:4px}nav .dropdown .tag:hover{background-color:#f2f2f2}nav .dropdown .product{color:#282828;cursor:pointer;display:flex;padding:20px;text-decoration:none}nav .dropdown .product:hover{background-color:#f2f2f2}nav .dropdown .product.loading{min-width:320px}nav .dropdown .product .content-img img{height:60px;margin-right:20px;-o-object-fit:cover;object-fit:cover;width:60px}nav .dropdown button{border:none;border-radius:4px;margin-left:16px;padding:10px 20px}nav .dropdown button.commit-btn{background-color:#348f58;color:#fff}nav .dropdown button.commit-btn:hover{background-color:#348f58}nav .filters{background-color:#fff;border:1px solid #f2f2f2;margin-left:20px;max-height:300px;overflow-y:scroll;position:absolute;top:72Px;z-index:200}.nav-close{background-color:#348f58;color:#fff;font-size:14px;font-weight:600;margin-bottom:10px;padding:10px;text-align:center}.content-filter-search{align-items:center;display:flex;gap:16px}.content-filter-search i{color:#d9bf77}.content-filter-search i.fa-filter{cursor:pointer}.content-filter-search i.fa-filter:hover{color:#348f58}.content-filter-search .filter span{color:gray;font-size:14px}.logo{font-family:serif;font-weight:600}.logo .title{font-size:20px}.logo .title>span{color:#348f58}.logo .sub-title .line{background-color:#282828;display:inline-block;height:2px;margin-bottom:4px;width:15px}footer{background-color:#282828;color:#fff;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);padding:40px}footer.collection{display:none}@media screen and (max-width:768px){footer.collection{display:grid}footer{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){footer{grid-template-columns:auto}}footer .follows ul{display:flex;list-style:none;margin:0}footer .follows ul li{margin-right:20px}footer .follows ul li a{color:#fff;text-decoration:none}footer h3{margin-bottom:32px}footer ul{list-style:none;margin:0;padding:0}footer ul li{margin-bottom:8px}footer ul li a{color:#fff;text-decoration:none}footer .line{background-color:#fff!important}footer .presentation{margin-top:20px}footer p{margin-top:16px}footer form{display:grid;grid-template-columns:2fr 1fr}footer form button,footer form input{padding:10px;width:100%}footer form button{background-color:#348f58;border:1px solid #348f58;color:#fff}footer form .content-input{overflow:hidden}footer form input{background-color:#fff;border:1px solid #fff}