#site-navigation li.menu-item a::before{content:'';position:absolute;width:0;transform:translate(-50%,-50%);background:var(--link-color);opacity:0;border-radius:.5rem;height:.25rem;inset:auto auto -.5rem 50%;transition:var(--transition-300);z-index:1}#site-navigation li.menu-item a::after{content:'';position:absolute;transform:translate(-50%,-50%);background:var(--link-color);opacity:1;border-radius:100000px;inset:.8rem auto auto 50%;transition:var(--transition-300);z-index:4;width:0;height:0}#site-navigation .logout.menu-item a::after{background:var(--red)}#site-navigation .logout.menu-item a::before{background:var(--red)}#site-navigation li.menu-item.current_page_item>a::before{opacity:1;width:90%}#site-navigation li.menu-item.current_page_item>a::after{opacity:0}#site-navigation li.menu-item.current_page_item>a:is(:hover,:focus-visible)::before{opacity:1;width:50%}#site-navigation li.menu-item a:is(:hover,:focus-visible)::before{opacity:1;width:90%}#site-navigation li.menu-item a:is(:hover,:focus-visible)::after{opacity:1;width:2.2em;height:2.2em}#site-navigation .cart.menu-item a:is(:hover,:focus-visible) .cart-count{color:var(--link-color)}body[account=logged_in] .login.menu-item{display:none!important}body[account=logged_out] .account-menu.menu-item{display:none!important}.site-header{display:flex;flex-wrap:wrap;gap:1em;justify-content:space-between;align-items:center;max-width:min(100vw,1600px);margin-inline:auto;padding:1em 0;width:100%}.site-branding img{width:15em;display:flex;height:auto}#site-navigation{border-radius:2em;box-shadow:var(--box-shadow);margin:0 0 0 auto;width:auto;display:flex;justify-content:flex-end;padding:1em 2em;background-color:var(--bg-color);transition:var(--transition-300)}#main-navigation{padding-right:1em;border-right:solid 2px var(--body-bg-color);transition:var(--transition-300);width:100%;height:100%}#shop-navigation{padding-left:1em}#site-navigation li.menu-item-has-children,#site-navigation ul{list-style:none;display:flex;gap:1em;padding:0;margin:0;justify-content:center}#site-navigation li.menu-item-has-children{flex-direction:row-reverse}#site-navigation svg{width:1.5em;padding-bottom:.5em;z-index:5;transition:var(--transition-300);fill:var(--text-color)}#site-navigation span{font-size:var(--fsize--1);font-weight:500;line-height:1}#site-navigation a{display:grid;text-decoration:none;justify-items:center;color:var(--text-color)}#site-navigation .current_page_item>a{color:var(--link-color)}#site-navigation .current_page_item>a svg{fill:var(--link-color)}#site-navigation li a:is(:hover,:focus-visible){color:var(--link-color)}#site-navigation li a:is(:hover,:focus-visible) #logout_svg,#site-navigation li a:is(:hover,:focus-visible) svg{fill:#fff}#site-navigation .logout.menu-item a span{color:var(--red)}#site-navigation .account-menu>a svg{padding:0}#site-navigation li.account-menu>a:is(:hover,:focus-visible) svg{fill:var(--link-color)}.account-menu:has(.avatar)>a::before,.menu-item.account-menu:has(.avatar)>a::after{content:unset!important}#site-navigation .account-menu .sub-menu{flex-wrap:wrap;position:absolute;width:auto;background:var(--bg-color);box-shadow:var(--box-shadow);border-radius:2em;z-index:999;top:4em;right:-1.75em;display:none}#site-navigation .account-menu .sub-menu.active{display:flex}.account-menu:has(.avatar)>a{transition:var(--transition-300)}.account-menu:has(.avatar):has(ul.active)>a,.account-menu:has(.avatar):is(:hover,:focus,:focus-visible)>a{scale:1.1}.account-menu>a{grid-auto-flow:column;align-items:center;gap:.1em}.account-menu .icon{color:gray!important}.account-menu .sub-menu li:first-of-type{margin-top:1em}.account-menu .sub-menu li:last-of-type{margin-bottom:1em}.account-menu .sub-menu li{flex:1;margin-inline:1em}.account-menu .sub-menu a{width:100%;text-align:center}.avatar{background-color:var(--bg-color);border-radius:999999px}.avatar-wrapper{width:calc(3em - 6px);height:calc(3em - 6px);padding:3px;display:flex;border-radius:999999px;background:var(--body-bg-color)}.avatar-wrapper.rank-2{background:linear-gradient(45deg,oklab(38.1% .055 .072),oklab(65.3% .107 .116))}.avatar-wrapper.rank-3{background:linear-gradient(45deg,oklab(94.6% 0 0),oklab(79.8% 0 0))}.avatar-wrapper.rank-4{background:linear-gradient(45deg,oklab(85.8% .024 .068),oklab(76.2% .031 .081))}.avatar-wrapper.rank-reseller{background:linear-gradient(45deg,oklab(78.038% .09341 -.08963),oklab(65.049% .08945 -.12001))}.avatar-wrapper img{max-width:100%!important;max-height:100%!important}.cart-count{position:absolute;display:flex;width:100%;top:.55em;left:.15em;font-size:.57em!important;color:#fff;justify-content:center;align-items:center;z-index:10;transition:var(--transition-300)}#subheader{display:flex;gap:1em;width:100%;margin:auto;padding:3em 0;position:relative;overflow-x:visible;margin-bottom:3em;flex-direction:column;align-items:center;justify-content:center;text-align:center}.woocommerce-products-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em}.entry-title,.rank-math-breadcrumb{z-index:10;text-align:center}#subheader header{position:relative}#subheader .bg{position:absolute;width:100vw;height:100%;display:block;background-image:url(/wp-content/themes/hwready-shop/public/img/bg-pattern.svg);background-size:20vw;opacity:.5;top:0}#subheader::before{content:"";background-color:var(--bg-color);box-shadow:var(--box-shadow);position:absolute;width:100vw;height:100%;top:0;opacity:.5}.logout a span{color:var(--red)}.logout a:is(:hover,:focus-visible) span{color:var(--link-color)}#logout_svg,#site-navigation #logout_svg{fill:var(--red)}.asp_w_container{flex:1}.asp_main_container{max-width:500px;min-width:230px;margin-inline:auto!important;border-radius:1.5em;background-color:var(--bg-color);box-shadow:var(--box-shadow);color:var(--text-color);font-size:var(--fsize-0);padding:1em;transition:var(--transition-300);outline:2px solid #fff0}.asp_main_container:has(input[type=search]:is(:focus-visible)){outline:2px solid var(--link-color)}#__original__ajaxsearchprores1_1,.asp_showmore_container,.proclose,.proloading,.promagnifier,.searchsettings{display:none}.probox{display:flex;align-items:center;width:100%}input[type=search]{color:var(--text-color);background:0 0;border:0;outline:0;width:100%;font-size:var(--fsize-0);padding-left:1.5em;z-index:2}form[role=search]::before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 24 24'%3E%3Cpath d='m11.5 2.75c-4.8325 0-8.75 3.9175-8.75 8.75 0 4.8325 3.9175 8.75 8.75 8.75 4.8325 0 8.75-3.9175 8.75-8.75 0-4.8325-3.9175-8.75-8.75-8.75zm-10.25 8.75c0-5.6609 4.5891-10.25 10.25-10.25 5.6609 0 10.25 4.5891 10.25 10.25 0 2.5605-0.9389 4.9017-2.4911 6.6982l3.2714 3.2715c0.2929 0.2929 0.2929 0.7677 0 1.0606s-0.7677 0.2929-1.0606 0l-3.2715-3.2714c-1.7965 1.5522-4.1377 2.4911-6.6982 2.4911-5.6609 0-10.25-4.5891-10.25-10.25z' clip-rule='evenodd' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E%0A");width:1em;height:1em;display:block;position:absolute;left:0;top:50%;transform:translatey(-50%)}.proinput{width:100%}.proclose{cursor:pointer}.proclose svg{width:1.5em;height:1.5em;fill:var(--link-color);transition:var(--transition-300)}.proclose:is(:hover,:focus,:focus-visible) svg{fill:var(--link-hover-color)}div.asp_m.asp_m_1 .probox .proloading{width:1.5em;height:1.5em;overflow:hidden}#ajaxsearchpro1_1 div.asp_simple-circle{margin:0;height:1.3em;width:1.3em;animation:rotate-simple .8s infinite linear;-webkit-animation:rotate-simple .8s infinite linear;border:.2em solid var(--link-color);border-right-color:#fff0;border-radius:50%}@-webkit-keyframes rotate-simple{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-simple{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}div.asp_r.asp_r_1{position:absolute;z-index:11000;margin:12px 0 0 0;padding:1em;background:var(--bg-color);border-radius:1em;box-shadow:none;outline:2px solid var(--link-color)}.results{overflow-y:scroll;height:auto!important;max-height:min(500px,50svh);scrollbar-width:none}.results::-webkit-scrollbar{display:none}.resdrg{display:flex;flex-direction:column;gap:.5em;border-radius:1em;overflow:hidden}.results h3{font-size:.9em;flex-basis:100%}.results h3 a{color:var(--text-color);transition:var(--transition-300)}.results h3 a::after{content:unset}.asp_content{display:flex;gap:.5em;padding:.5em;background-color:var(--body-bg-color);border-radius:1em;align-items:center}.asp_content :is(.etc,.asp_res_text){display:none}.asp_r_product .asp_res_image_url{flex-basis:25%;aspect-ratio:1}.asp_res_image_url .asp_image{display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:.6em;background:var(--bg-color);overflow:hidden}.asp_image img{background-color:#fff}.asp_nores,.asp_showmore_container{font-size:.9em;font-weight:500;margin-bottom:1em;padding:.5em;background-color:var(--body-bg-color);border-radius:1em}.asp_nores>div{display:inline-block}.asp_nores .asp_keyword{color:var(--link-color);cursor:pointer}.asp_showmore_container{margin-top:1em;margin-bottom:0;text-align:center}.asp_res_url .price:not(:has(.price)){display:flex;width:100%;margin-top:.3em;gap:.3em;align-items:baseline;flex-wrap:wrap}.proinput input.autocomplete{position:absolute;left:1.5em;display:block;opacity:.5;z-index:1;top:.02em;width:calc(100% - 1.5em);height:min-content;padding:0;box-shadow:unset;background:0 0}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}#category-navigation{flex-basis:100%;border-radius:2em;box-shadow:var(--box-shadow);margin-inline:auto;width:auto;display:flex;justify-content:flex-start;padding:1em;background-color:var(--bg-color);transition:var(--transition-300)}#secondary-navigation{width:100%}#secondary-menu{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:1em;overflow-x:scroll;width:100%;scrollbar-width:none}#secondary-menu::-webkit-scrollbar{display:none}#secondary-menu li{flex:1}#secondary-menu li a{width:100%}#secondary-menu li:first-child a{display:flex;height:100%;gap:.5em;align-items:center;color:var(--link-color);fill:var(--link-color);--a-bg-color:#FFC80033}#secondary-menu li:nth-child(2) a{--a-bg-color:#00A6FF33}#secondary-menu li:nth-child(3) a{--a-bg-color:#FF370033}#secondary-menu li:nth-child(4) a{--a-bg-color:#FF00A633}#secondary-menu li:nth-child(5) a{--a-bg-color:#8C00FF33}#secondary-menu li:nth-child(6) a{--a-bg-color:#E6FF0033}#secondary-menu li:nth-child(7) a{--a-bg-color:#0015FF33}#secondary-menu li:nth-child(8) a{--a-bg-color:#FF880033}#secondary-menu li:nth-child(9) a{--a-bg-color:#00FFB333}#secondary-menu li:nth-child(10) a{--a-bg-color:#1AFF0033}#secondary-menu li:nth-child(11) a{display:flex;height:100%;gap:.5em;align-items:center;color:var(--link-color);fill:var(--link-color);justify-content:center;--a-bg-color:#FFC80033}#secondary-menu li:first-of-type a svg{height:1.5em}#secondary-menu a{color:var(--text-color);display:grid;text-decoration:none;justify-items:center;gap:.2em;text-wrap:nowrap;padding:.5em;border-radius:1em;border:3px solid var(--border-color);background-color:var(--a-bg-color,red);transition:var(--transition-300)}#secondary-menu a:hover{border-color:var(--link-color)}#secondary-menu a::after{content:unset}#secondary-menu a span{font-size:.9em;font-weight:500;line-height:1}#secondary-menu li:first-child a span{font-size:var(--fsize--0)}.svg_square_wrapper{aspect-ratio:1;width:2em;display:block}#category-menu__container{position:fixed;inset:0;z-index:999999999}#category-menu__bg{position:absolute;inset:0;background:#000;opacity:.3}#category-menu__container :is(.svg_square_wrapper,svg){width:1em}#category-menu__wrapper{height:100svh;max-width:100vw;transition:var(--transition-300);background-color:var(--body-bg-color);box-shadow:var(--box-shadow);padding:1em;width:fit-content;transform:translateX(-100%);opacity:0;display:flex;gap:1em}#close_category_menu svg{width:2em}#close_category_menu{display:flex;align-items:center;justify-content:center;border-radius:0}#close_category_menu::after{content:unset}#category-menu__container.open #category-menu__wrapper{transform:translateX(0);opacity:1}#category-menu__container ul{margin:0;padding:0;list-style:none;display:grid;align-content:start;align-items:center;grid-template-columns:1fr;gap:.5em;overflow-y:auto}#category-menu__container ul :has(ul)>ul{border-left:3px solid var(--body-bg-color);padding-left:.3em;margin-left:.5em;margin-top:.5em}#category-menu__container li{background:var(--bg-color);padding:.5em;border-radius:.5em}#category-menu__container li.has-child{padding-right:0}#category-menu__container .link_container{display:flex;gap:2em;width:100%;justify-content:space-between;align-items:center;padding-right:.5em}#category-menu__container a{color:var(--text-color);line-height:var(--fsize-0)}#category-menu__container a.has-svg{display:flex;gap:.5em;justify-content:flex-start;align-items:center}@media screen and (max-width:1123px){.asp_w_container{flex-basis:100%;order:3}#category-navigation{order:4}}@media screen and (max-width:840px){.site-header{flex-direction:column;gap:1em}#site-navigation{margin:auto;justify-content:center}}@media screen and (min-width:575px){.menu_button{display:none}#shop-navigation .cat_button{display:none}}@media screen and (max-width:575px){#site-navigation{flex-direction:column-reverse;gap:0;flex:1}#site-navigation svg{height:2em}#main-navigation{border:0;padding-top:0;padding-right:0;padding-bottom:0;margin:auto;margin-top:0;overflow-y:clip;height:0}#main-navigation.active{height:4em;padding-top:.75em;padding-bottom:.4em;margin-top:1em;border-top:3px solid var(--body-bg-color)}#category-navigation{display:none}.menu_button.menu-item{order:1}.cart.menu-item{order:2}.account-menu.menu-item{order:3}#primary-menu .home_button{display:none}}@media screen and (max-width:350px){#site-navigation{flex-basis:100%;width:100%;padding:1em;font-size:var(--fsize--1)}}