header{background-color:var(--color-bg_navbar);width:100%}@media (max-width:575.98px){header #fixedHeader{position:relative!important}}header #userInfo{background-color:var(--color-bg_body);float:right;text-align:center;flex-flow:wrap;width:100%;display:flex}header #userInfo .userInfoChilds{text-align:right;margin:auto 0;padding:5px 20px!important}header #userInfo .userInfoChilds a{width:max-content;font-size:12px;display:block}header #userInfo .userInfo-Title .userInfo-username{color:#0e55d8;font-size:13px;font-weight:700}header #userInfo .userInfo-Title .bi-person-check:before{color:#0059ff;font-size:25px}header #userInfo .userInfoBtn{font-size:12px!important}@media (max-width:767.98px){header #userInfo .userInfoBtn{font-size:11px!important}}@media (max-width:991.98px){header #userInfo .userInfo-Title span{font-size:13px!important}}header #userInfo .userInfo-FavoriteBtn button{font-size:15px;transition:all .4s}header #userInfo .userInfo-FavoriteBtn button:hover:before{content:"";color:red;font-size:16px;font-family:bootstrap-icons!important}header #userInfo .userInfo-FavoriteBtn .bi-heart:before{color:red;font-size:16px;transition:all .4s}header #userInfo .userInfo-ProfileBtn button{font-size:15px;transition:all .4s}header #userInfo .userInfo-ProfileBtn button:hover:before{color:#fff!important}header #userInfo .userInfo-ProfileBtn .bi-person-fill-gear:before{color:#0059ff;font-size:16px;transition:all .4s}@media (max-width:575.98px){header #userInfo .userInfoChilds a{font-size:12px}header #userInfo .userInfo-Title .userInfo-username{font-size:14px}header #userInfo .userInfo-Title .bi-person-check:before{font-size:21px}}header nav.navbar .row{place-content:center;display:flex}@media (max-width:991.98px){header nav{padding:0 25px!important}}header .bi-brightness-alt-high-fill{color:var(--color-sun);font-size:20px}header .bi-moon-stars-fill{color:var(--color-moon);font-size:20px}header .fixed-top{background-color:var(--color-bg_navbar)}header #header-brand a{text-align:right;padding:5px;display:block}header #header-brand .header-brandIcon{color:green;vertical-align:middle;padding-left:5px;font-size:22px}header #header-brand .header-brandName{color:#4f504f;font-size:18px;font-weight:700}@media (max-width:400px){header #header-brand{justify-content:center;display:flex}}@media (max-width:991.98px){header #header-brand .header-brandIcon{font-size:21px}header #header-brand .header-brandName{font-size:17px}}header #header-search input{background-color:var(--color-bg_input);font-size:12px}header #header-search input::placeholder{opacity:.7;font-size:12px}header #header-search #btn-search{z-index:10;cursor:pointer;position:absolute;top:50%;left:0;transform:translateY(-50%)}header #header-search #btn-search i:before{transform:scaleX(-1)}header #search-contents{z-index:3;background-color:#fff;border:1px solid #d6d4d4;width:600px;min-height:150px;display:none;position:absolute;top:120%;overflow:hidden;transform:translate(18%)}header #search-contents .closeSearch{text-align:center;color:#fff;cursor:pointer;background-color:#ccc;flex-direction:column;place-content:center;width:50px;height:50px;font-size:20px;transition:all .4s;display:flex;position:absolute;top:0;left:0}header #search-contents .closeSearch:hover{background-color:red;font-size:25px}.form-switch .form-check-input:checked{background-color:#0e55d8!important}header #search-contents ul li{float:right;width:100%;margin:5px}header #search-contents ul li a{float:right;width:100%}header #search-contents ul li a p:first-child{color:var(--color-search-content-p-Name)}header #search-contents ul li a p:last-child{color:var(--color-search-content-p-CODE)}header #search-contents ul li a:hover p{color:#d64848;transition:all .2s ease-in}header #header-login a,header #header-basket .basketcart:not(.not){background-color:var(--color-bg_icon);border-radius:100%;padding:3px 8px;display:block}header #header-login a:hover,header #header-basket .basketcart:not(.not):hover{background-color:var(--color-icon)}header #header-login a:hover i,header #header-basket .basketcart:not(.not):hover i{color:#fff}header #header-login a i,header #header-basket .basketcart i{color:var(--color-icon);vertical-align:sub}header #header-basket .basketcart span.basket-badge{color:#000;background-color:orange;position:absolute;top:5px;right:5px}header #header-basket #basket-dropdown ul{float:right;margin-top:0}header #header-basket #basket-dropdown ul li{float:right;border-bottom:1px solid #ccc;padding-top:10px;padding-bottom:10px}header #header-basket #basket-dropdown ul li:last-child{border-bottom:none}header #header-basket #basket-dropdown #btn-add-to-basket-header{background-color:var(--color-bg-btn-basket);color:#fff}header #header-basket #basket-dropdown #btn-add-to-basket-header:hover{background-color:var(--color-icon)}header #header-callNumber .header-callNumberTxt,header #header-callNumber .header-callNumber{text-align:center;font-size:12px}header #header-callNumber .callNumberChild{display:inline-table}header #navbarTabs{height:100%;overflow:hidden}@media (max-width:575.98px){header #navbarTabs{height:100%!important;overflow-x:scroll!important}}header #navbarTabs .rightSide li a{color:var(--color-bg_navbarTabs-a)}header #navbarTabs .rightSide li:hover a .navtabs-after i:before{content:""}@media (max-width:451px){header ul li a .navtabs-after{text-align:center;display:block}}header ul li a .navtabs-after i{color:var(--color-bg_navbarTabs-i);vertical-align:bottom;font-size:12px}header #navbarTabs .rightSide{float:right;justify-content:right;font-size:14px;display:none}@media (min-width:992px){header #navbarTabs .rightSide{display:flex}}@media (min-width:992px) and (max-width:1199.98px){header #navbarTabs .rightSide{font-size:13px}}header #navbarTabs .rightSide li:hover>.dropdown-menu{border-top:0;border-top-left-radius:0;border-top-right-radius:0;grid-template-columns:auto 1fr;grid-auto-rows:auto;grid-auto-flow:column;display:grid}header #navbarTabs .dropdown-menu::backdrop{opacity:.4;filter:blur(5px);background-color:#df2e2e66}#navbarTabs .dropdown-menu #TitleCate{background-color:var(--color-bg-TitleCate);text-align:center;border-radius:0 .375rem .375rem 0;min-width:200px;padding:50px 0 10px}#navbarTabs .dropdown-menu #TitleCate ul{margin-bottom:0}#navbarTabs .dropdown-menu #TitleCate ul li{cursor:pointer;border-radius:0 13px 13px 0;padding:10px;transition:all .4s;width:100%!important}#navbarTabs .dropdown-menu #TitleCate ul li:hover{background-color:#fff}#navbarTabs .dropdown-menu #TitleCate ul li a{cursor:pointer;color:var(--color-text-TitleCate);font-size:12px;font-weight:800;transition:all .4s;display:block;width:100%!important}@media (min-width:1200px){#navbarTabs .dropdown-menu #TitleCate ul li a{font-size:13px}}#navbarTabs .dropdown-menu #TitleCate ul li:hover a{color:#444}#navbarTabs .dropdown-menu #TitleCate ul li a:before{content:"";padding-left:5px;font-size:5px;font-family:bootstrap-icons!important;font-weight:400!important}#navbarTabs .dropdown-menu #TitleCate ul li:hover a:before{content:""}#navbarTabs #SubCate{grid-template-rows:auto;grid-template-columns:repeat(3,1fr);grid-auto-flow:row;gap:15px;width:50vw;padding:10px 5px;display:grid}#navbarTabs #SubCate .tab-pane{width:100%;max-height:400px;overflow-y:auto}@media (min-width:1400px){#navbarTabs #SubCate{gap:50px}}#navbarTabs #SubCate .List-SubCate li{width:fit-content;display:block}#navbarTabs #SubCate .grid-SubCate{text-align:start;flex-direction:column;place-content:start flex-start;width:fit-content;display:flex}#navbarTabs #SubCate .Title-SubCate a{width:max-content;margin-bottom:5px;font-size:13px;font-weight:700;line-height:1.8;display:block}#navbarTabs #SubCate .List-SubCate li a{color:var(--color-List-SubCate-a);width:100%;padding:10px 0;font-size:12px;display:block}#navbarTabs #SubCate .List-SubCate li:hover a{color:#000;font-weight:600;transition:all .1s ease-in}header #navbarTabs .rightSide li.dropdownCategories .drpdwnCate-Parent{z-index:10000;background-color:#fff;width:100%;position:absolute}header #navbarTabs .rightSide li #dropdownOther{grid-template-columns:unset}header #navbarTabs .rightSide li #dropdownOther ul{width:100%;display:block}header #navbarTabs .rightSide li #dropdownOther ul li .dropdown-item{font-size:13px}header #navbarTabs .rightSide li .dropdown-menu .dropdown-item{transition:all .2s}header #navbarTabs .rightSide li .dropdown-menu .dropdown-item:hover{background:0 0;font-weight:700}@media (min-width:992px) and (max-width:1199.98px){header #navbarTabs .rightSide{padding-right:0}}header #navbarTabs .leftSide{place-content:center left;height:100%;font-size:12px;display:flex}header #navbarTabs .leftSide li{margin:auto 0;padding:0 0 0 15px}header #navbarTabs .leftSide svg{color:#5a5a5a!important;width:20px!important;height:20px!important}@media (min-width:992px) and (max-width:1199.98px){header #navbarTabs .leftSide{padding-left:0}}@media (max-width:991.98px){header #navbarTabs .leftSide{-webkit-user-select:none;user-select:none;text-align:center;white-space:nowrap;grid-template-rows:auto;grid-template-columns:repeat(4,1fr);grid-auto-flow:column;place-content:center right;width:100%;padding:5px;display:grid}}@media (min-width:992px){header #navbarTabs .leftSide{font-size:13px}}#navbar-mobile{max-width:98.1%;padding:0!important}#navbar-mobile ul{padding:12px 0 10px}#navbar-mobile ul li{text-align:center;white-space:nowrap}#navbar-mobile ul li a{text-align:center;width:100%;margin:5px 0;display:block}#navbar-mobile ul li a i.bi-basket{padding-right:25px}#navbar-mobile ul li a span.basket-badge{color:#000;background-color:orange;transform:translate(150%,-40%)!important}#navbar-mobile ul li p{text-align:center;width:100%;font-size:12px;font-weight:500;display:block}@media (max-width:575.98px){#offcanvasMobileCategory{width:100%!important}#navbar-mobile ul li a p{font-size:10px}#navbar-mobile ul li a i{font-size:16px}}#navbar-mobile ul li #offcanvasMobileCategory button.accordion-button:after,#navbar-mobile ul li #offcanvasMobileCategory button.accordion-button:not(.collapsed):after{background-size:contain!important;width:16px!important;height:16px!important}#navbar-mobile ul li #offcanvasMobileCategory .parent-item button.accordion-button{font-size:13px}#navbar-mobile ul li #offcanvasMobileCategory .child-item button.accordion-button{font-size:12px}#navbar-mobile ul li #offcanvasMobileCategory button.accordion-button:not(.collapsed),#navbar-mobile ul li #offcanvasMobileCategory button.accordion-button:focus{background-color:unset!important;box-shadow:unset!important;border:none!important}#navbar-mobile ul li #offcanvasMobileCategory .child-item button.accordion-button:before{content:"";background-color:#000;border-radius:180px;width:5px;height:5px;margin-left:10px}#navbar-mobile ul li #offcanvasMobileCategory .parent-item .child-item{border-bottom:none}#navbar-mobile ul li #offcanvasMobileCategory .parent-item .child-item .accordion-body{background-color:var(--color-offcanvas-according-child);border-radius:15px;margin:3px 20px}#navbar-mobile ul li #offcanvasMobileCategory .parent-item .child-item .accordion-body ul li{margin-bottom:15px}#navbar-mobile ul li #offcanvasMobileCategory .parent-item .child-item .accordion-body ul li:last-child{margin-bottom:0}#navbar-mobile ul li #offcanvasMobileCategory .parent-item .child-item .accordion-body ul li a{text-align:right;font-size:12px}#navbar-mobile h5.offcanvas-title{color:var(--color-offcanvas-title)}#navbar-mobile input#mobileSearch-input{background-color:var(--color-bg_input);font-size:12px}#navbar-mobile #mobileSearch-dropdown-sc ul li{margin-bottom:20px}#navbar-mobile button#mobile-btn-search{z-index:10;padding:20px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}#navbar-mobile button#mobile-btn-search i:before{transform:scaleX(-1)}@media (min-width:992px){#navbar-mobile{display:none!important}}[data-theme=dark] header nav.navbar{background-color:var(--dark-color-bg_navbar)!important}[data-theme=dark] header #userInfo{background-color:var(--dark-color-bg_body)!important}[data-theme=dark] header #navbarTabs{background-color:var(--dark-color-bg_navbar)!important}[data-theme=dark] header #userInfo .userInfo-Title .bi-person-check:before{color:#f9f9f9}[data-theme=dark] header #userInfo .userInfo-FavoriteBtn button,[data-theme=dark] header #userInfo .userInfo-ProfileBtn button{color:#999}[data-theme=dark] header .fixed-top{background-color:var(--dark-color-bg_navbar)!important}[data-theme=dark] header #navbar-mobile ul li a i{color:#fff!important}[data-theme=dark] header #navbar-mobile ul li a span.basket-badge{background-color:#818143!important}[data-theme=dark] header #navbarTabs .leftSide svg{color:#fff!important;width:20px!important;height:20px!important}[data-theme=dark] header #navbarTabs .leftSide svg.feather-sun{color:#e4750d!important}[data-theme=dark] header #header-login a,[data-theme=dark] header #header-basket .basketcart{background-color:#364345!important}[data-theme=dark] header #header-basket .basketcart span.basket-badge{color:#364345!important}[data-theme=dark] header #header-brand a i,[data-theme=dark] header #header-brand a span{color:var(--dark-color-a)!important}[data-theme=dark] header #header-search input::placeholder,[data-theme=dark] header #header-search input{color:#f9fafb;background-color:#262b2c!important}[data-theme=dark] header #header-search .form-check input{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");background-color:#615f5f!important}[data-theme=dark] header #header-search .form-check input:checked{color:#fff!important;background-color:#720a0a!important}[data-theme=dark] header #header-search .form-check label{color:#787e80!important}[data-theme=dark] #navbarTabs .dropdown-menu #TitleCate{background-color:var(--dark-color-bg-navbarTabs-dropdown-menu)!important}[data-theme=dark] header #navbarTabs ul li a{color:#bfc0c2!important}[data-theme=dark] header #navbarTabs .dropdown-menu #TitleCate ul li:hover a{color:#000!important}[data-theme=dark] header #header-basket #basket-dropdown #btn-add-to-basket-header{color:#fff;background-color:var(--color-bg-btn-basket)!important}[data-theme=dark] header #header-basket #basket-dropdown ul li .set-count-basket input{color:#fff}[data-theme=dark] header #offcanvasMobileSearch input#mobileSearch-input::placeholder,[data-theme=dark] header #offcanvasMobileSearch input#mobileSearch-input,[data-theme=dark] header #offcanvasMobileSearch{background-color:var(--dark-color-bg_input)!important;color:#f9fafb!important}[data-theme=dark] header button.btn-close{color:#f9fafb}[data-theme=dark] header #header-search #btn-search i{color:var(--color-bg_navbarTabs-i)!important}[data-theme=dark] header #search-contents{background-color:#323338!important}[data-theme=dark] header #search-contents ul li a p:first-child{color:var(--dark-color-search-content-p-Name)!important}[data-theme=dark] header #search-contents ul li a p:last-child{color:var(--dark-color-search-content-p-CODE)!important}[data-theme=dark] header #search-contents ul li a:hover p{color:#95f795!important}[data-theme=dark] header #offcanvasMobileSearch .form-check input{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");background-color:#615f5f!important}[data-theme=dark] header #offcanvasMobileSearch .form-check input:checked{color:#fff!important;background-color:#720a0a!important}[data-theme=dark] header #offcanvasMobileSearch .form-check label{color:#787e80!important}[data-theme=dark] #offcanvasMobileCategory{background-color:var(--dark-color-bg_body)!important}[data-theme=dark] #navbar-mobile ul li #offcanvasMobileCategory .accordion-item ul li a,[data-theme=dark] #navbar-mobile ul li #offcanvasMobileCategory .accordion-item,[data-theme=dark] #navbar-mobile ul li #offcanvasMobileCategory .accordion-body,[data-theme=dark] #navbar-mobile ul li #offcanvasMobileCategory button.accordion-button,[data-theme=dark] #navbar-mobile ul li #offcanvasMobileCategory button.accordion-button:not(.collapsed),[data-theme=dark] #navbar-mobile ul li #offcanvasMobileCategory button.accordion-button:focus{color:var(--dark-color-p);background-color:var(--dark-color-bg_body)!important;border-bottom-color:#4c4848!important}[data-theme=dark] #navbar-mobile ul li #offcanvasMobileCategory .child-item button.accordion-button:before{background-color:#fff}[data-theme=dark] #navbar-mobile ul li #offcanvasMobileCategory .accordion-item .accordion-body{background-color:var(--dark-color-bg_body)!important}[data-theme=dark] #navbar-mobile ul li #offcanvasMobileCategory .accordion-item .accordion-body .accordion-body,[data-theme=dark] #navbar-mobile ul li #offcanvasMobileCategory .accordion-item .accordion-body ul,[data-theme=dark] #navbar-mobile ul li #offcanvasMobileCategory .accordion-item .accordion-body ul li,[data-theme=dark] #navbar-mobile ul li #offcanvasMobileCategory .accordion-item .accordion-body ul li a{background-color:#28322e!important}[data-theme=dark] #navbar-mobile ul li #offcanvasMobileCategory .accordion-item .accordion-body ul li a:hover{color:green;transition:all .3s}