.top{position:fixed;top:0;left:0;right:0;background:#6c6968;z-index:100;border-bottom:1px solid #b8b8b8}@media(max-width:992px){.top{height:94px;overflow:visible}}.top .center{display:flex;justify-content:space-between;align-items:center}@media(max-width:992px){.top .center{padding:0 8px}}.top .center .logo{display:flex;height:50px;align-items:center;width:200px}@media(max-width:992px){.top .center .logo{margin:0;padding:5px 0;width:120px;height:32px;flex-shrink:0}}.top .center .logo img{max-width:100%}.top .center .logo-partner{height:40px;margin-left:16px;padding-left:16px;border-left:1px solid rgba(255,255,255,.3)}@media(max-width:992px){.top .center .logo-partner{height:28px;margin-left:8px;padding-left:8px}}.top .center div.search{position:relative}.top .center div.search .toggle-search{cursor:pointer;width:55px;height:55px;display:flex;align-items:center;justify-content:center;border-radius:30px;border:1px solid #fff;background:none;padding:0}@media(max-width:992px){.top .center div.search .toggle-search{width:36px;height:36px}}.top .center div.search .toggle-search:hover{background:#100c1e;border-color:#100c1e}.top .center div.search .search-dropdown{display:none;position:absolute;top:calc(100% + 10px);right:0;width:420px;background:#fff;border-radius:28px;box-shadow:0 8px 32px #00000026;z-index:110}@media(max-width:992px){.top .center div.search .search-dropdown{position:fixed;top:55px;left:8px;right:8px;width:auto;border-radius:20px}}.top .center div.search.search-open .search-dropdown{display:block}.top .center div.search .items{display:none;opacity:0}.top .center div.search .autosearch{position:relative}.top .center div.search .autosearch.searching .form-control{border-radius:28px 0 0;border-color:#00478f}.top .center div.search .autosearch.searching .btn{border-radius:0 28px 0 0;border-color:#00478f;background:#fff}.top .center div.search .autosearch.searching .items{background:#fff;position:absolute;margin-top:-1px;display:block;opacity:1;left:0;right:0;padding:20px;box-shadow:0 4px 24px #5c6d7d1a;border:1px solid #00478F;border-top:0;border-radius:0 0 28px 28px}@media(max-width:992px){.top .center div.search .autosearch.searching .items{padding:12px;border-radius:0 0 20px 20px;max-height:60vh;overflow-y:auto}}.top .center div.search .autosearch.searching .items>strong{display:block;font-size:14px;margin-bottom:5px}.top .center div.search .autosearch.searching .items .products a{display:flex;justify-content:stretch;align-items:center;background:#00478f0d;border-radius:10px;margin-bottom:3px;text-decoration:none;color:#001020;overflow:hidden}.top .center div.search .autosearch.searching .items .products a .info{flex:1;display:flex;flex-direction:column;overflow:hidden}.top .center div.search .autosearch.searching .items .products a .info strong{font-size:14px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.top .center div.search .autosearch.searching .items .products a .info .price{font-size:13px}.top .center div.search .autosearch.searching .items .products a .img{width:46px;height:46px;margin:4px 8px 4px 4px;border-radius:6px;overflow:hidden;position:relative;background:#fff;flex-shrink:0}.top .center div.search .autosearch.searching .items .products a:hover{color:#fff;background:#00478f}.top .center div.search .autosearch.searching .items .categories{margin-bottom:15px}.top .center div.search .autosearch.searching .items .categories a{display:block;color:#00478f;text-decoration:none;margin-bottom:2px;background:#00478f0d;border-radius:10px;padding:6px 8px;font-size:14px}.top .center div.search .autosearch.searching .items .categories a:hover{color:#fff;background:#00478f}.top .center div.search .autosearch.searching .items .category-scroller,.top .center div.search .autosearch.searching .items .brand-scroller,.top .center div.search .autosearch.searching .items .product-scroller{margin-bottom:20px}.top .center div.search .autosearch.searching .items .category-scroller:last-child,.top .center div.search .autosearch.searching .items .brand-scroller:last-child,.top .center div.search .autosearch.searching .items .product-scroller:last-child{margin-bottom:0}.top .center div.search .autosearch.searching .items .category-scroller,.top .center div.search .autosearch.searching .items .brand-scroller,.top .center div.search .autosearch.searching .items .product-scroller{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.top .center div.search .autosearch.searching .items .category-scroller::-webkit-scrollbar,.top .center div.search .autosearch.searching .items .brand-scroller::-webkit-scrollbar,.top .center div.search .autosearch.searching .items .product-scroller::-webkit-scrollbar{width:12px}.top .center div.search .autosearch.searching .items .category-scroller::-webkit-scrollbar-track,.top .center div.search .autosearch.searching .items .brand-scroller::-webkit-scrollbar-track,.top .center div.search .autosearch.searching .items .product-scroller::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.top .center div.search .autosearch.searching .items .category-scroller::-webkit-scrollbar-thumb,.top .center div.search .autosearch.searching .items .brand-scroller::-webkit-scrollbar-thumb,.top .center div.search .autosearch.searching .items .product-scroller::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;border:3px solid #f1f1f1}.top .center div.search .autosearch.searching .items .category-scroller::-webkit-scrollbar-thumb:hover,.top .center div.search .autosearch.searching .items .brand-scroller::-webkit-scrollbar-thumb:hover,.top .center div.search .autosearch.searching .items .product-scroller::-webkit-scrollbar-thumb:hover{background-color:#555}.top .center div.search .autosearch.searching .items .product-scroller{max-height:250px;overflow:auto}@media(max-width:992px){.top .center div.search .autosearch.searching .items .product-scroller{max-height:40vh}}.top .center div.search .autosearch.searching .items .category-scroller{max-height:150px;overflow:auto}.top .center div.search .autosearch.searching .items .brand-scroller{max-height:100px;overflow:auto}.top .center div.search .autosearch.searching .items .brands{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}@media(max-width:992px){.top .center div.search .autosearch.searching .items .brands{grid-template-columns:repeat(3,1fr)}}.top .center div.search .autosearch.searching .items .brands a{display:flex;flex-direction:column;text-decoration:none;color:#001020;background:#00478f0d;border-radius:10px;padding:6px;align-items:center;overflow:hidden}.top .center div.search .autosearch.searching .items .brands a span.img{display:flex;padding-top:100%;position:relative}.top .center div.search .autosearch.searching .items .brands a span.img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:6px}.top .center div.search .autosearch.searching .items .brands a small{flex-grow:1;display:inline-block;width:100%;font-size:12px;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.top .center div.search .autosearch.searching .items .brands a:hover{background:#00478f26}.top .center div.search .form{display:flex;position:relative}.top .center div.search .form .form-control{display:flex;height:48px;font-size:14px;line-height:16px;padding:12px 20px;flex:1;border:1px solid #d0cece;border-right:0;border-radius:28px 0 0 28px;background:#fff}@media(max-width:992px){.top .center div.search .form .form-control{height:36px;padding:6px 12px;font-size:13px;border-radius:20px 0 0 20px}}.top .center div.search .form .form-control:focus{border-color:#100c1e}.top .center div.search .form .form-control:focus+.btn{border-color:#100c1e}.top .center div.search .form .btn{background:#fff!important;border-radius:0 28px 28px 0;border:1px solid #d0cece;border-left:0;background:0;padding:0;margin:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.top .center div.search .form .icon{-webkit-mask-size:18px;mask-size:18px;background:#b8b8b8}.top .center .options{padding:18px 0;display:flex;justify-content:end;align-items:center;position:relative}@media(max-width:992px){.top .center .options{padding:8px 0}}.top .center .toggle-user,.top .center .toggle-cart{cursor:pointer;width:55px;height:55px;display:flex;align-items:center;justify-content:center;border-radius:30px;position:relative;border:1px solid #fff;margin-left:16px}@media(max-width:992px){.top .center .toggle-user,.top .center .toggle-cart{width:36px;height:36px;margin-left:8px}}.top .center .toggle-user:hover,.top .center .toggle-cart:hover{background:#100c1e;border:1px solid #100C1E}.top .center .cart-items{position:absolute;top:-2px;right:-5px;background:#ad2c2c;color:#fff;width:22px;height:22px;font-size:12px;line-height:12px;display:flex;align-items:center;justify-content:center;border-radius:50%}@media(max-width:992px){.top .center .cart-items{width:18px;height:18px;font-size:10px;top:-4px;right:-4px}}.top .center i.icon{display:block;width:30px;height:30px;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:23px;mask-size:23px;background:#fff}@media(max-width:992px){.top .center i.icon{-webkit-mask-size:16px;mask-size:16px;width:24px;height:24px}}.top .center i.icon.cart{-webkit-mask-image:url(/build/assets/bag-shopping-regular-DkpdZaMc.svg);mask-image:url(/build/assets/bag-shopping-regular-DkpdZaMc.svg)}.top .center i.icon.user{-webkit-mask-image:url(/build/assets/circle-user-regular-BXxQx3iI.svg);mask-image:url(/build/assets/circle-user-regular-BXxQx3iI.svg)}.top .center i.icon.search{-webkit-mask-image:url(/build/assets/magnifying-glass-regular-BmcsQgXD.svg);mask-image:url(/build/assets/magnifying-glass-regular-BmcsQgXD.svg)}.top .toggle-navbar{cursor:pointer;height:42px;line-height:42px;display:none;font-size:12px;font-weight:700}@media(max-width:992px){.top .toggle-navbar{display:block}}.top .toggle-navbar span.bars{display:block;margin:8px;width:26px;height:26px;position:relative}.top .toggle-navbar span.bars span{display:block;position:absolute;height:2px;width:100%;background:#fff;border-radius:2px;opacity:1;right:4px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;-webkit-transform-origin:right center;-moz-transform-origin:right center;-o-transform-origin:right center;transform-origin:right center}.top .toggle-navbar span.bars span:nth-child(1){top:7px;width:18px}.top .toggle-navbar span.bars span:nth-child(2){top:13px}.top .toggle-navbar span.bars span:nth-child(3){top:19px;width:14px}.top .toggle-navbar.open span.bars span:nth-child(1){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:5px;width:23px;height:2px}.top .toggle-navbar.open span.bars span:nth-child(2){width:0;opacity:0}.top .toggle-navbar.open span.bars span:nth-child(3){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:22px;width:23px;height:2px}@media(max-width:992px){.top .toggle-navbar{display:inline-block}}
