.nav-container{display:flex;justify-content:flex-start;align-items:center;padding:1rem 2rem;box-shadow:0 4px 12px #0000001a;width:90%;margin:0 auto;position:relative;z-index:100;min-height:80px;background-color:#fff}@media screen and (max-width: 990px){.nav-container{padding:.5rem .75rem;flex-direction:column;align-items:flex-start;min-height:60px}}@media screen and (max-width: 750px){.nav-container{padding:.5rem}}.nav-menu ul{list-style:none;display:flex;margin:0;padding:0;z-index:200}.nav-menu.autocomplete-active ul{display:none!important}.nav-menu ul li{margin-right:1.5rem}@media screen and (max-width: 990px){.nav-menu ul li{margin-right:.75rem}}@media screen and (max-width: 750px){.nav-menu ul li{margin-right:.3rem}}.nav-menu ul li a,.header .list-menu__item--link{text-decoration:none;color:#333;font-family:Poppins,sans-serif;font-weight:600;font-size:1.1em;padding:.8rem 1.2rem;position:relative;transition:color .3s ease-in-out,text-shadow .3s ease-in-out}.nav-menu ul li a:after,.header .list-menu__item--link:after{content:"";position:absolute;width:0;height:3px;bottom:-5px;left:50%;transform:translate(-50%);background-color:#06c;transition:width .3s ease-in-out}.nav-menu ul li a:hover,.header .list-menu__item--link:hover,.header .list-menu__item--link:focus{color:#06c;text-shadow:0 0 10px rgba(0,102,204,.5)}.nav-menu ul li a:hover:after,.header .list-menu__item--link:hover:after{width:100%}.nav-right{display:flex;align-items:center;z-index:200}.nav-right .icon,.header__icon{margin-left:1rem;font-size:2.2rem;text-decoration:none;color:#333;transition:color .3s ease-in-out,transform .2s ease-out}@media screen and (max-width: 990px){.nav-right .icon,.header__icon{margin-left:.5rem;font-size:1.9rem}}@media screen and (max-width: 750px){.nav-right .icon,.header__icon{font-size:1.6rem;margin:0 .3rem}}.nav-right .icon:hover,.header__icon:hover{color:#06c;transform:translateY(-2px)}.cart-count,.cart-count-bubble{background-color:#06c;color:#fff;border-radius:50%;padding:.36rem .72rem;font-size:.96rem;position:absolute;top:-.96rem;right:-.96rem;min-width:21.6px;text-align:center;line-height:1;box-shadow:0 2px 5px #0003}@media screen and (max-width: 750px){.cart-count,.cart-count-bubble{top:-.6rem;right:-.6rem;padding:.18rem .48rem;font-size:.72rem;min-width:16px}}.header__heading-logo-wrapper img,.header__heading-logo{height:100px;width:auto;max-width:250px;margin-right:1.5rem;object-fit:contain;display:block}@media screen and (max-width: 1200px){.header__heading-logo-wrapper img,.header__heading-logo{height:80px;max-width:180px}}@media screen and (max-width: 990px){.header__heading-logo-wrapper img,.header__heading-logo{height:70px;max-width:160px}}@media screen and (max-width: 768px){.header__heading-logo-wrapper img,.header__heading-logo{height:60px;max-width:140px;margin-right:.75rem}}@media screen and (max-width: 480px){.header__heading-logo-wrapper img,.header__heading-logo{height:50px;max-width:120px}}.list-menu__item{position:relative}.sub-menu{display:none;position:absolute;top:100%;left:0;background-color:#fff;border-radius:8px;padding:.5rem 0;list-style:none;min-width:160px;z-index:2000;box-shadow:0 4px 15px #0003;opacity:0;transform:translateY(5px);transition:opacity .2s ease-in-out,transform .2s ease-in-out}@media screen and (max-width: 990px){.sub-menu{position:static;width:100%;min-width:0;box-shadow:none;transform:none;opacity:1;display:none}.list-menu__item:hover .sub-menu{display:block}}.list-menu__item:hover .sub-menu{display:flex;opacity:1;transform:translateY(0);flex-direction:column;gap:2px}.sub-menu li{padding:.4rem .8rem}.sub-menu a{text-decoration:none;color:#333;font-family:Poppins,sans-serif;font-weight:500;font-size:.85rem;display:block;transition:color .2s ease}.sub-menu a:hover{color:#06c}@media screen and (max-width: 990px){.nav-menu ul{display:none}header-drawer{display:block;width:100%}.nav-right{flex-direction:row;align-items:center;width:100%;margin-top:.75rem;justify-content:flex-end}}@media screen and (max-width: 750px){.nav-menu ul li a,.header .list-menu__item--link{font-size:.9em;padding:.6rem .8rem}}.header__logo-search{display:flex;align-items:center;gap:.75rem;z-index:1000}@media screen and (max-width: 768px){.header__logo-search{flex-direction:column;align-items:flex-start;gap:.3rem}}.search-form{display:flex;align-items:center;position:relative;z-index:3000}@media screen and (max-width: 768px){.search-form{display:none;width:100%;margin-top:.3rem}.search-form.active{display:flex}}.search-bar{width:450px;padding:.4rem 1.5rem .4rem .8rem;border:1px solid #ccc;border-radius:20px;font-size:.85em;outline:none;background-color:#f5f5f5;color:#333;transition:border-color .3s ease}@media screen and (max-width: 768px){.search-bar{width:100%;max-width:250px}}.search-bar:focus{border-color:#06c}.search-submit{background:none;border:none;padding:.4rem;cursor:pointer;margin-left:-1.5rem;color:#333}.search-submit:focus{outline:none;border-radius:50%;background-color:#add8e6}.search-cancel{background:none;border:none;padding:.2rem;cursor:pointer;margin-left:-1rem;font-size:.9rem;color:#666;position:absolute;right:.3rem;top:50%;transform:translateY(-50%);z-index:3100}.search-cancel:focus{outline:none;color:#06c}.autocomplete-suggestions{position:absolute;top:100%;left:0;width:450px;background:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 20px 20px;max-height:180px;overflow-y:auto;display:none;z-index:3100;box-shadow:0 4px 6px #0000001a;animation:slideDown .3s ease-out}@media screen and (max-width: 768px){.autocomplete-suggestions{width:100%;max-width:250px}}.autocomplete-suggestions.active{display:block}.autocomplete-suggestions li{list-style:none;padding:8px 10px;cursor:pointer;transition:all .2s ease;color:#333}.autocomplete-suggestions li:hover{background:#e0f7fa;color:#06c;transform:scale(1.02)}.autocomplete-suggestions li img{width:40px;height:auto;margin-right:8px}.autocomplete-suggestions li a{float:right;color:#06c;text-decoration:none}.autocomplete-suggestions .remove-option{text-align:right;padding:8px 10px;color:#666;background:#f5f5f5;cursor:pointer}.autocomplete-suggestions .remove-option:hover{color:#06c;background:#e0f7fa}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-menu.autocomplete-active .sub-menu{display:none!important}.nav-search{display:none;cursor:pointer;margin-left:1rem}@media screen and (max-width: 768px){.nav-search{display:inline-block}.nav-search:hover{opacity:.7}}.nav-search img{width:24px;height:24px;object-fit:contain}.announcement-bar{position:fixed;top:0;left:0;right:0;width:100vw;max-width:none;height:30px;background-color:#f5f5f5e6;color:#333;font-family:Poppins,sans-serif;font-size:.85em;font-weight:500;line-height:30px;text-align:center;z-index:4000;margin:0;padding:0;overflow:hidden;box-sizing:border-box;transform:translate(0)}.announcement-bar__track{display:flex;white-space:nowrap;width:max-content;animation:marquee 20s linear infinite}.announcement-bar__item{margin:0 2rem;flex-shrink:0}@media screen and (max-width: 768px){.announcement-bar{height:25px;font-size:.75em;line-height:25px}.announcement-bar__item{margin:0 1.5rem}}@media screen and (max-width: 480px){.announcement-bar{height:20px;font-size:.7em;line-height:20px}.announcement-bar__item{margin:0 1rem}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/nav.css.map */
