.body.megamenu-open .header{z-index:3}.header{position:relative;top:0;width:100%;transition:.4s ease;z-index:6}.announcement-bar+header{z-index:6}header+.announcement-bar{z-index:4}.sticky{position:sticky;transition:all .5s ease}.header-shadow{box-shadow:0 1px 5px #0000001c}.sticky.sticky-header-hidden{transform:translateY(calc(-1 * var(--headerHeight) - 2px - 150px))}.primary-header{background-color:#fff;color:#344d80;transition:.3s ease;padding-top:20px}.primary-header-blocks{display:flex;flex-direction:row;align-items:center;min-height:78px;justify-content:space-between;width:100%}.logo{padding:5px 0;display:inline-flex;position:relative;align-items:center;max-width:var(--logoWidth);color:var(--headerColor)}.logo img{height:100%}.logo-alternate-text{color:var(--headerColor)}.header-nav-blocks{display:flex;align-items:center;position:relative}.header-nav-blocks.megamenu-block,.primary-header-blocks.logo-center .header-nav-blocks{position:static}.header-nav-blocks.content-center{justify-content:center}.nav-menu-list{align-items:center}.nav-menu-item.has-children{position:relative}.joii-header-first,.joii-header-second{display:flex;flex-direction:row;gap:30px;height:100%;align-items:center}.nav-menu-link{display:inline-block;padding:10px;margin:0 10px;font-size:14px;color:var(--headerColor);font-family:var(--menuFontFamily)}.header-categories-inner .nav-menu-link{padding-right:unset!important}@media screen and (max-width: 1400px){.nav-menu-link{padding-left:unset!important}.joii-header-first,.joii-header-second{gap:15px}.joii-categories-menu{padding-left:unset!important}}.nav-menu-link a,.nav-menu-link a *{font-size:14px;color:var(--headerColor);font-family:var(--menuFontFamily)}.nav-menu-item.small-font .nav-menu-link,.nav-menu-item.small-font .nav-menu-link a,.nav-menu-item.small-font .nav-menu-link a *,.nav-item-header.small-font>a,.inner-child.small-font *{font-size:12px}.nav-menu-item.medium-font .nav-menu-link,.nav-menu-item.medium-font .nav-menu-link a,.nav-menu-item.medium-font .nav-menu-link a *,.nav-item-header.medium-font>a,.inner-child.medium-font *{font-size:16px}.nav-menu-item.large-font .nav-menu-link,.nav-menu-item.large-font .nav-menu-link a,.nav-menu-item.large-font .nav-menu-link a *,.nav-item-header.large-font>a,.inner-child.large-font *{font-size:18px}.header-custom-link{display:inline-flex;background-color:var(--customLinkBg);color:var(--customLinkColor);border:1px solid #DEDEDE;padding:5px 20px;font-size:14px;line-height:1.1;border-radius:20px;align-items:center}.header-custom-link svg{margin-right:5px}.header-custom-links-item{padding:15px 0}.header-custom-links-item+.header-custom-links-item{margin-left:15px}.header-options{display:flex;align-items:center;flex-wrap:nowrap;column-gap:0px;justify-content:flex-end}.header-contact{display:flex;align-items:center;justify-content:center}.header-contact-icon svg{width:16px;height:16px}.header-contact-icon{margin-right:8px;display:inline-flex;color:var(--headerColor)}header .customer.register{display:none}header .customer-account-popup{position:absolute;right:0;top:100%;min-width:270px;background:rgb(var(--background));border-radius:0;z-index:99;box-shadow:inset 0 8px 5px -10px #00000080;padding:20px 25px;max-width:max-content;display:none;filter:drop-shadow(0px 2px 2px #00000020)}.store-locator-icon{margin-right:5px;display:inline-flex;color:var(--)}.header-store-locator{display:flex;align-items:center;justify-content:center}.store-locator-icon svg{width:16px;height:16px}.header-contact-detail *{color:var(--headerColor)}.header-options{position:relative}.header-icons-link{display:flex;align-items:center;width:44px;height:44px;color:#000;border-radius:100%;justify-content:center;transition:.4s ease}.header-icons-link.cart{position:relative;display:flex;width:max-content;border-radius:8px;padding:5px 10px;height:36px}.header-icons-link.cart.round{border-radius:100%;height:44px}.cart-total-price{margin-left:10px}.header-icons-list .header-icons:last-child{align-items:center;display:flex}.header-icons .header-icons-link svg{width:24px;height:24px}.categories-block-top .categories-block-inner{z-index:unset}.cart-count{background:var(--cartCountBg);color:var(--cartCountColor);width:18px;height:18px;display:flex;align-items:center;border-radius:100%;justify-content:center;position:absolute;top:2px;right:4px;font-size:12px;font-weight:600}.header-icons.border-enabled .cart-count{top:-4px;right:-4px}.dot-icon .cart-count{width:12px;height:12px;font-size:0}header .custom-select-button{color:var(--headerColor, #fff)}.sticky-header-hidden-parent{transform:translateY(calc(-100% - .1rem));overflow:hidden}.predective-search-box input{background-color:transparent}.secondary-header{background:var(--headerBg);color:var(--headerColor);transition:.3s ease}.secondary-header .nav-menu-list{justify-content:var(--menuPosition);width:100%}.secondary-header .nav-menu-item:first-child .nav-menu-link{padding-left:0;margin-left:0}.main-header.transparent-header-true{position:absolute;width:100%;z-index:1}.header:not(.scroll-sticky) .main-header.transparent-header-true:not(:hover) .primary-header,.header:not(.scroll-sticky) .main-header.transparent-header-true:not(:hover) .secondary-header{background:transparent}.header:not(.scroll-sticky) .main-header.transparent-header-true:not(:hover) .primary-header,.header:not(.scroll-sticky) .main-header.transparent-header-true:not(:hover) .nav-menu-link,.header:not(.scroll-sticky) .main-header.transparent-header-true:not(:hover) .nav-menu-link a,.header:not(.scroll-sticky) .main-header.transparent-header-true:not(:hover) .nav-menu-link a *,.header:not(.scroll-sticky) .main-header.transparent-header-true:not(:hover) .header-icons-link{color:var(--transparentHeaderColor, #fff)}.header:not(.scroll-sticky) .main-header.transparent-header-true:not(:hover) .hamburger-menu-icon .line{background:var(--transparentHeaderColor, #fff)}.header:not(.scroll-sticky) .main-header.transparent-header-true:not(:hover) .header-icons-link{border-color:var(--transparentHeaderColor, #fff)}.main-header.transparent-header-true:hover .primary-header,.main-header.transparent-header-true:hover .secondary-header{background:var(--headerBg)}@keyframes joii-backdrop-fade{0%{background:rgb(var(--overlayBackground),0);opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}50%{background:rgb(var(--overlayBackground),var(--overlayOpacity));opacity:1}to{-webkit-backdrop-filter:blur(calc(var(--bg-blur)/4));backdrop-filter:blur(calc(var(--bg-blur)/4))}}body.megamenu-open:after,body.search-drawer-open:after{content:"";display:block;position:fixed;top:0;width:100%;left:0;height:100vh;background:rgb(var(--overlayBackground),var(--overlayOpacity));-webkit-backdrop-filter:blur(calc(var(--bg-blur)/4));backdrop-filter:blur(calc(var(--bg-blur)/4));opacity:1;z-index:5;pointer-events:none;animation-name:joii-backdrop-fade;animation-duration:.8s}.nav-submenu{background-color:var(--submenuBg, #fff);display:block;left:0;min-width:250px;padding:15px 0;position:absolute;z-index:6;transition:all .4s ease;box-shadow:0 4px 6px #00000014;max-width:500px}.nav-menu-link+.nav-submenu{box-shadow:inset 0 8px 5px -10px #00000080}.nav-menu-link+.nav-submenu:after{content:"";background:#000;width:0%;height:2px;position:absolute;top:0;left:0;z-index:99;transition:.5s ease}@keyframes fade-in-right{0%{opacity:1;width:0}50%{opacity:.3;width:100%}to{opacity:0;width:100%}}.custom-details-disclosure.open .nav-submenu:after{animation:fade-in-right 1s linear forwards}.nav-submenu:not(.nav-megamenu-container){padding-left:0}.nav-submenu:not(.nav-megamenu-container) li{list-style:none;color:var(--submenuColor)}.nav-submenu-link{padding:5px 20px 0;font-size:14px;align-items:center}.submenu-link-arrow{color:var(--submenuColor);margin-left:auto}.nav-submenu.small-font .nav-submenu-link{font-size:12px}.nav-submenu.medium-font .nav-submenu-link{font-size:16px}.nav-submenu.large-font .nav-submenu-link{font-size:18px}.nav-menu-item.has-children:hover>.nav-submenu,.nav-submenu-item.has-children:hover>.nav-submenu{visibility:visible;opacity:1}.nav-submenu-item.has-children{position:relative}.nav-submenu.inner{left:100%;top:-10%;background:var(--submenutwoBg)}.nav-submenu.inner .nav-submenu-item .nav-submenu-link,.nav-submenu.inner .nav-submenu-item{color:var(--submenutwoColor)}.nav-submenu.inner .nav-submenu-item .nav-submenu-link:hover{color:var(--submenutwoHoverColor)}.nav-submenu.inner .nav-submenu-item .nav-submenu-link{padding:0 0 2px}.nav-submenu.inner .nav-submenu-item{padding:5px 20px 0;display:flex;align-items:center}.nav-submenu .nav-submenu-item .nav-submenu-link:hover .submenu-link-arrow{color:var(--submenuHoverColor)}.submenu-link-arrow svg{width:5px}.nav-submenu .nav-submenu-item .nav-submenu-link .nav-submenu-link-inner{color:var(--submenuColor);position:relative;padding-bottom:5px;display:inline-block}.nav-submenu .nav-submenu-item .nav-submenu-link:hover .nav-submenu-link-inner{color:var(--submenuHoverColor)}.left-menu .nav-submenu.inner{left:unset;right:calc(100% + 3px)}.nav-submenu-item.has-children.vertical .submenu-link-arrow{transform:rotate(90deg)}.nav-submenu-item.has-children.vertical .nav-submenu.inner{position:unset;box-shadow:none;padding:10px;display:none}.nav-submenu-item.has-children.vertical:hover>.nav-submenu.inner{display:block}.nav-submenu-item.has-children .nav-submenu-link{display:inline-flex;align-items:center;transition:.3s all ease;position:relative}.nav-submenu-item.has-children summary.nav-submenu-link{width:100%}.nav-menu-item.has-children.has-megamenu.full-megamenu{position:static}.nav-menu-item.has-children.has-megamenu .nav-submenu{min-width:400px}.nav-menu-item.has-children.has-megamenu.full-megamenu .nav-submenu{left:0;right:0;max-width:100%;box-shadow:0 0 3px 1px #0000001c inset}.nav-megamenu-container{padding:30px 0 60px;display:flex;border-top-left-radius:0;border-top-right-radius:0;background:var(--submenuBg);max-height:80vh;overflow:auto}.nav-megamenu-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:30px;list-style:none;margin:0;white-space:initial;flex:1}.nav-menu-item.has-children.has-megamenu.full-megamenu .nav-submenu .nav-megamenu-columns{grid-template-columns:repeat(5,minmax(0,1fr))}.nav-megamenu-columns ul,.categories-inner-submenu-items ul{list-style-type:none;padding-left:0}.nav-submenu.nav-megamenu-container li{color:var(--submenuColor)}.nav-submenu.nav-megamenu-container li a{display:inline-block;padding-bottom:2px;margin-bottom:5px;color:var(--submenuColor);font-size:14px;position:relative}.megamenu-columns-heading:before{display:none}.nav-submenu.nav-megamenu-container.small-font li a{font-size:12px}.nav-submenu.nav-megamenu-container.medium-font li a{font-size:16px}.nav-submenu.nav-megamenu-container.large-font li a{font-size:18px}.nav-submenu.nav-megamenu-container .megamenu-columns-heading{display:inline-block;margin-bottom:10px;font-weight:700;color:var(--submenuColor)}.megamenu-promotion{width:100%;position:relative;overflow:hidden}.megamenu-promotion .megamenu-promotion-link:before{display:none}.megamenu-promotion.content-overlay:after,.categories-inner-submenu-img.content-overlay:after{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:rgba(var(--overlayColor),var(--overlayOpacity))}.megamenu-promotion-img{position:relative;width:100%;background:rgb(var(--background));overflow:hidden;border-radius:var(--imageRadius)}.megamenu-promotion-content{padding-top:10px;text-align:center}.megamenu-promotion.content-overlay .megamenu-promotion-content{position:absolute;width:100%;max-height:100%;left:0;bottom:0;padding-bottom:10px;z-index:1;overflow:auto}.megamenu-promotion.content-overlay .megamenu-promotion-title{color:var(--overlayText)}.megamenu-promotion-title{color:var(--submenuColor);font-size:var(--text)}.megamenu-promotion-link{position:absolute!important;display:block;top:0;left:0;width:100%;height:100%;z-index:1;padding:0!important}.menu-shadow-enabled{border:2px solid;box-shadow:5px 5px 0 var(--menuShadow, #000)!important;border-radius:10px}.predective-search-box{flex:0 0 auto;align-self:center;width:100%;display:flex;align-items:center;background-color:var(--searchBackgroundColor);column-gap:10px;padding:0 15px}.predective-search-box input::placeholder{color:var(--searchTextColor)}.search__input{border:0;background:transparent}.search__button{color:var(--searchTextColor);background:none;border:none;padding:0 5px;display:flex;align-items:center;justify-content:center;cursor:pointer}.search__button .icon .icon{width:16px;height:16px}.search_all_link{padding-top:20px}.side-menu{width:100%;max-width:400px;display:grid;grid-template-rows:1fr auto;pointer-events:none;position:fixed;top:calc(var(--headerHeight, 0px) + var(--announcementHeight, 0px));bottom:0;left:0;z-index:99;height:calc(100vh - var(--headerHeight, 0px));transition:all .5s ease;padding:25px 20px;transform:translate(-100%);background:#fff}.side-menu .inner-side-outer{overflow-y:auto}.inner-side{padding-top:10px}.announcement-bar+.header .side-menu{height:calc(100% - calc(var(--headerHeight, 0px) + var(--announcementHeight, 0px)))}.announcement-bar+.header:not(.sticky) .side-menu{top:calc(var(--headerHeight, 0px) + var(--announcementHeight, 0px))}.inner-side .tabcontent ul .nav-item:not(.service-item) span{width:40px;display:flex;align-items:center;justify-content:center;transition:all .5s ease}.inner-side .tabcontent ul .nav-item span.active{transform:rotate(180deg)}.mobile-tabs-wrapper li{display:flex;align-items:center;justify-content:center;width:50%;text-align:center;padding:12px;cursor:pointer;font-size:var(--mediumText);height:50px;color:rgb(var(--textColor))}.mobile-tabs-wrapper{display:flex}.inner-side .tabcontent ul .nav-item a{display:flex;width:100%;color:rgb(var(--textColor));padding:12px 15px}.nav-item-header.active-bg{background:#f7f7f7;border-radius:var(--cardRadius)}.inner-side .megamenu-promotion-title{color:rgb(var(--textColor))}.inner-side .tabcontent ul .nav-item span svg{width:10px}.inner-side .tabcontent ul .nav-item a .inner-child{border-left:1px solid #ddd}.inner-child,.inner-child ul ul{position:relative}.nav-item .inner-child.child>ul{padding-top:10px}.inner-child:before,.inner-child ul ul:before{background:rgb(var(--borderColor));width:1px;height:100%;position:absolute;left:20px}.nav-item .child ul li:before,.nav-item .inner-child ul ul li:before{background:rgb(var(--borderColor));width:12px;height:1px;position:absolute;left:0;top:22px}.nav-item .sidebar-menu-promotion li:not(:first-child):before{content:none}.nav-item .inner-child .sidebar-menu-promotion li:before{top:50%;transform:translateY(-50%)}.inner-child ul li a{position:relative}.sidebar-menu-promotion{display:grid;grid-template-columns:repeat(1,1fr);gap:16px}.mobile-tabs-wrapper{display:flex;border:1px solid rgb(var(--borderColor));border-radius:var(--cardRadius);overflow:hidden}.mobile-tabs-wrapper li.active{background:rgb(var(--background))}.joii-header-search{position:relative}.predictive-search{z-index:11;position:relative}.search-content{z-index:1;position:absolute;top:100%;left:0;width:100%;padding:50px 0 40px;margin-top:0;border-radius:0 0 var(--cardRadius) var(--cardRadius);max-height:80vh;overflow:auto;box-shadow:0 5px 9px #0000002e}.joii-header-search .search-content{top:50%}.serach-fullwidth .search-content{margin:0}.predictive-suggestion-list a{display:inline-flex;align-items:center;font-size:var(--smallText);padding:7px 12px;margin-right:10px;margin-bottom:10px;border:1px solid rgb(var(--borderColor));background:rgb(var(--alternateBackground));border-radius:6px}.predictive-suggestion-list .suggestion-icon{margin-right:7px;display:inline-flex}.predictive-search--label{display:inline-block;width:100%;margin:0 0 8px}.tranding-product-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,3fr));gap:15px}.serach-fullwidth .search-content .tranding-product-list{grid-template-columns:repeat(auto-fill,minmax(250px,3fr))}.search-product-card{display:flex;position:relative;align-items:center;width:100%;background:rgb(var(--cardBackground));padding:10px;border-radius:var(--cardRadius);border:1px solid rgb(var(--borderColor))}.search-product-img{min-width:60px;max-width:60px;margin-right:15px;border-radius:var(--imageRadius);overflow:hidden}.search-product-info .product-price{margin:0}.predictive-search-suggestion{margin-bottom:24px}.search-content .joii-header-search{margin-bottom:30px;display:inline-block;width:100%}.search-content .predective-search-box{border:0;border-bottom:1px solid #e4e4e4;border-radius:0;background:transparent;padding:0}.search-product-card-title:before{content:"";background:#000;width:0px;height:1px;position:absolute;bottom:0;left:0;transition:.5s ease-in-out}.search-product-card-title:hover:before{width:100%}.search__speech{padding:5px;width:32px;flex:0 0 32px;height:32px;border-radius:50px;display:flex;justify-content:center;align-items:center;color:var(--headerIconColor);background:var(--headerBg)}.search__speech svg{width:16px;height:16px}.search-article-list,.search-collection-list,.search-pages-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.search-article-card{padding:10px;border-radius:var(--imageRadius);border:1px solid rgb(var(--borderColor))}.search-article-title{font-size:var(--mediumText);color:var(--textColor);font-weight:var(--headingFontWeight);margin-bottom:9px;display:inline-block;width:100%}.search-article-img{background:rgb(var(--background));position:relative;overflow:hidden;width:100%;border-radius:var(--imageRadius)}.search-article-info{padding-top:15px}.search-article-img img{display:block}.search-article-info p{font-size:var(--smallText)}.search-article-card:hover{border-color:#000}.search-article-card:hover .search-article-title{text-decoration:underline}.search-collection-img,.search-pages-img{border-radius:20px;overflow:hidden;position:relative;background:rgb(var(--alternateBackground));margin:0 0 10px}.search-pages-img{height:100px}.search-pages-img svg{width:30px;height:100%;display:block;text-align:center;margin:0 auto}.search-collection-title,.search-pages-title{color:var(--textColor);font-weight:var(--headingFontWeight)}.header-categories .joii-categories-menu{font-family:var(--menuFontFamily);border:1px solid transparent;padding:12px 15px;position:relative}.secondary-header .header-categories .joii-categories-menu{padding-top:0;padding-bottom:0;padding-left:0}.secondary-header .header-categories .header-categories-inner{padding-right:15px}.header-categories svg.bars-icon{margin-right:9px}.header-categories summary .angle-down{position:absolute;right:0;top:50%;transform:translateY(-50%)}.header-categories-wrapper{position:absolute;top:100%;left:0;z-index:9;right:0;width:100%;display:flex;align-items:flex-start}.categories-submenu-link{display:flex;align-items:center;padding-bottom:10px;color:var(--submenuColor);font-size:14px;font-family:var(--menuFontFamily)}.categories-submenu .categories-submenu-item{padding:5px 25px}.categories-submenu-item .categories-col-img{width:22px;height:22px;border-radius:50%;overflow:hidden;background:rgb(var(--background));margin-right:12px}.categories-submenu-item .categories-col-img img{width:100%;height:100%;object-fit:cover}.categories-submenu-item .categories-col-img.no-image{background:transparent}.categories-submenu-link svg{margin-left:auto}.categories-inner-submenu{position:absolute;left:0;top:0;right:0;background:var(--submenuBg);display:grid;grid-template-columns:1fr .5fr;column-gap:122px;padding:35px 32px;border-top-left-radius:0;border-top-right-radius:0;height:100%;overflow-y:auto;max-width:calc(100% - 165px);margin-left:auto}.categories-submenu{background:var(--submenuBg);padding:15px 0;width:150px;min-width:150px;box-shadow:0 0 3px 1px #0000001c inset}.categories-inner-submenu-items{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 50px;padding-bottom:30px}.categories-inner-submenu-heading{display:inline-block;padding-bottom:10px;color:var(--submenutwoColor);font-size:14px;font-weight:700;margin-bottom:4px}.categories-inner-submenu-item a{display:inline-block;padding-bottom:5px;margin-bottom:3px;color:var(--submenutwoColor);font-size:13px;position:relative}.categories-inner-submenu-item{color:var(--submenutwoColor);display:flex;align-items:center}.categories-inner-submenu-img-content{position:absolute;bottom:0;left:0;right:0;padding:20px;z-index:1;max-height:100%;overflow:auto}.categories-inner-submenu-img{position:relative;display:block;width:100%}.header-categories .header-categories-inner{border-right:1px solid var(--categoriesBorder);padding-right:10px}.header-top-wrap .localization-form .custom-select-button{padding:7px 4px}.categories-inner-submenu-img-content h3{color:var(--submenuColor);margin-bottom:5px}.categories-inner-submenu-img-content p{color:var(--submenuColor)}.categories-inner-submenu-img.content-overlay .categories-inner-submenu-img-content h3,.categories-inner-submenu-img.content-overlay .categories-inner-submenu-img-content p{color:var(--overlayText)}.categories-inner-submenu-left{flex:0 0 70%;max-width:70%}.categories-inner--submenu.no-image .categories-inner-submenu-left{flex:0 0 100%;max-width:100%}.categories-inner-submenu-right{flex:0 0 30%;max-width:30%}.categories-inner--submenu{padding:40px;width:calc(100% - 165px);margin-left:auto;display:flex;justify-content:space-between;position:absolute;left:calc(.1% + 165px);top:0;z-index:3;overflow-y:auto;height:212px;max-height:212px;box-shadow:none;background-position:right bottom;box-shadow:0 0 3px 1px #0000001c inset}.header-categories{min-width:250px}.mobileMenu{display:none;align-items:center;justify-content:center;background:0;border:0;padding:0;width:44px;height:44px}.nav-item-header{display:flex;align-items:center;justify-content:space-between;position:relative}body.nav-open .mobileMenu.active+#mobileMenu{transform:translate(0);pointer-events:all}body.nav-open{overflow:hidden}.nav-item .child{display:none}.mobile-badges{display:flex;flex-wrap:wrap;padding-left:15px}.nav-submenu li a:before,.categories-submenu-link span:before,.categories-inner-submenu-item a:before,.isSelected .categories-submenu-link span:before{content:"";background:var(--submenuHoverColor);width:0%;height:1px;position:absolute;bottom:0;transition:.5s ease}.categories-submenu-link span{position:relative}.hamburger-menu,.full-menu-sidebar{display:none}@media (min-width: 768px){.slideshow-content.d-top-left,.slideshow-content.d-top-center,.slideshow-content.d-top-right{top:var(--headerHeight)}}@media (min-width: 992px){.logo{min-width:150px}.primary-header-blocks.logo-center .categories-inner-submenu-items{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1025px){.nav-menu-link:hover,.nav-menu-link:hover>a,.nav-menu-link:hover>a *{color:var(--headerHoverColor)}.nav-submenu li a:hover{color:var(--submenuHoverColor)}.nav-submenu li a:not(.categories-submenu-link,.categories-inner-submenu-heading):hover:before,.categories-submenu-link:hover span:before,.categories-inner-submenu-item a:not(.categories-submenu-link,.categories-inner-submenu-heading):hover:before,.isSelected .categories-submenu-link span:before{width:100%}.serach-fullwidth .search-collection-list{grid-template-columns:repeat(4,1fr)}.categories-submenu-link:hover,.categories-inner-submenu-item a:hover{color:var(--submenuHoverColor)}.primary-header-blocks .joii-header-search{width:550px;margin:0 auto}.primary-header-blocks.logo-center .joii-header-search{width:450px;margin-right:auto;margin-left:0}.primary-header-blocks.category-enabled{grid-template-columns:auto auto 1fr auto}.primary-header-blocks.logo-center{grid-template-columns:1fr auto 1fr}.header-icons .header-icons-link.account svg{width:26px;height:26px}.header-icons.border-enabled .header-icons-link.cart{border:1px solid var(--headerIconColor)}.cart-shadow-enabled{border:2px solid var(--headerIconColor);box-shadow:2px 3px var(--headerIconColor)!important}.cart.cart-shadow-enabled:hover{box-shadow:none!important;transform:translate(3px,3px)}.header-icons.border-enabled .header-icons-link:hover{border-color:var(--headerHoverColor)}.hamburger-menu{display:flex;align-items:center;justify-content:center;background:0;border:0;padding:0;width:44px;height:44px}.full-menu-sidebar-inner{display:grid;grid-template-rows:auto 1fr;height:100%;width:100%;max-width:512px;background:var(--submenuBg);position:relative;transform:translate(-100%);transition:.8s ease}.full-menu-sidebar.is-visible .full-menu-sidebar-inner{transform:translate(0)}.full-menu-sidebar-header{display:flex;align-items:center;justify-content:flex-end;padding:10px}.hamburger-menu-icon .line{display:block;width:24px;height:2px;margin:4px 0;overflow:hidden;position:relative;transition:.5s;background:var(--headerIconColor)}.close-menu{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--submenuBg);background:var(--submenuColor);border-radius:50%;position:relative;border:2px solid var(--submenuColor);margin-right:10px}.close-menu:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;border-radius:100%;transition:transform .2s,opacity .2s;background:var(--submenuColor);z-index:-1}.close-menu:hover:before{transform:scale(.85)}.close-menu svg{width:10px;height:10px}.close-menu:hover{background:transparent;animation:1.6s infinite pulsee}.full-menu-sidebar{z-index:99;height:100%;width:100%;display:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden;background:rgb(var(--overlayBackground),var(--overlayOpacity));padding:0;opacity:0;transition:opacity .1s ease;--webkit-backdrop-filter: blur(var(--bg-blur));-webkit-backdrop-filter:blur(var(--bg-blur));backdrop-filter:blur(var(--bg-blur))}.full-menu-sidebar.is-visible{opacity:1}.menu-outer-main,.menu-outer{height:100%;overflow:hidden}.menu-outer{height:100%}.menu-outer .main-menu{height:100%;overflow-y:auto;overflow-x:hidden}.menu-item-link{font-size:var(--h2);color:var(--submenuColor);display:inline-flex;align-items:center;justify-content:space-between;width:100%;padding:20px 50px;overflow:hidden}.menu-item-link:hover .menu-item-link-text{padding-left:12px}.menu-item-link svg{transition:.2s ease;width:26px;height:auto}.menu-item:hover .menu-item-link,.menu-item:focus-within .menu-item-link{color:var(--submenuHoverColor)}.menu-item-link .menu-item-link-text,.menu-item-link svg,.hamburger-promo-bades-item .header-custom-link{transform:translateY(100%);overflow:hidden;transition:.3s ease;opacity:0}.menu-item.animation .menu-item-link .menu-item-link-text,.menu-item.animation .menu-item-link svg,.hamburger-promo-bades-item.animation .header-custom-link{transform:translateY(0);pointer-events:auto;transition-timing-function:ease;transform-style:preserve-3d;opacity:1}.menu-outer .menu-item.active .feather-chevron-right{transform:rotate(-180deg)}.menu-item .menu-link-bg{z-index:-1;transform-origin:50%;transform-style:preserve-3d;background-color:var(--hamburgerMenuBackground);position:absolute;top:0%;bottom:0%;left:0%;right:0%;transform:scale3d(1,0,0);transition:.2s ease}.menu-item:hover .menu-link-bg{transform:scaleZ(1)}.dropdown-menus-main{position:absolute;top:0;left:calc(100% - 11px);width:100%;max-width:512px;height:100%;max-height:100%;overflow-y:auto;background:var(--submenutwoBg);padding:50px 0;visibility:hidden;pointer-events:none;transform:translate(0);z-index:2;clip-path:polygon(0 0,0 0,0 100%,0% 100%)}.dropdown-menus-inner{padding:10px 50px}.dropdown-menus-main .dropdown-menus-inner:last-child .dropdown-menus{border:0}.hamburger-megamenu{padding:0 50px}.menu-item:hover .dropdown-menus-main,.menu-item.active .dropdown-menus-main,.menu-item:focus-within .dropdown-menus-main{opacity:1;visibility:visible;pointer-events:auto;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:.5s ease}.dropdown-menus-inner .submenu-title{color:var(--submenutwoColor);display:inline-block;position:relative;padding-bottom:2px}.dropdown-menus-inner .submenu-title:hover{color:var(--submenutwoHoverColor)}.dropdown-menu-item-link{color:var(--submenutwoColor);font-size:var(--text);margin-bottom:2px;display:inline-block;position:relative;padding:2px 0}.dropdown-menu-item-link:after,.dropdown-menus-inner .submenu-title:after{content:"";background:var(--submenutwoHoverColor);width:0;height:1px;position:absolute;left:0;bottom:0;transition:all .2s ease}.dropdown-menu-item-link:hover:after,.dropdown-menus-inner .submenu-title:hover:after{width:100%}.dropdown-menu-item-link:hover{color:var(--submenutwoHoverColor)}.dropdown-menus{padding:5px 0 20px;border-bottom:1px solid var(--submenuBorder)}.dropdown-menus-inner.active .dropdown-menus,.dropdown-menus-inner:focus-within .dropdown-menus{display:block;padding-top:15px}.hamburger-promo-bades-item{padding:20px 50px;display:flex;gap:10px}.hamburger-promo-bades-item .header-custom-link svg{margin-right:5px;width:12px;height:auto}.hamburger-promo-bades-item .header-custom-link{padding:10px 16px;font-size:var(--text);border-radius:50px;border:0}.menu-outer .main-menu .header-custom-links-item{padding:20px 50px}.main-menu .header-custom-links-item+.header-custom-links-item{margin-left:0}.dropdown-menus-inner.active .submenu-title-outer svg,.dropdown-menus-inner:focus-within .submenu-title-outer svg{transform:rotate(85deg)}.dropdown-menus-inner .submenu-title-outer svg{transition:.2s ease;cursor:pointer}.hamburger-megamenu-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hamburger-megamenu-promotion{width:100%;position:relative;overflow:hidden}.hamburger-megamenu-promotion-img{position:relative;width:100%;background:rgb(var(--background));overflow:hidden;border-radius:var(--imageRadius)}.hamburger-megamenu-promotion-content{padding-top:10px;text-align:center}.hamburger-megamenu-promotion-title{color:var(--headerColor);font-size:var(--mediumText)}.hamburger-megamenu-promotion-link{position:absolute!important;display:block;top:0;left:0;width:100%;height:100%;z-index:1;padding:0!important}.hamburger-megamenu-promotion.content-overlay:after{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:rgba(var(--overlayColor),var(--overlayOpacity))}.hamburger-megamenu-promotion.content-overlay .hamburger-megamenu-promotion-content{position:absolute;width:100%;max-height:100%;left:0;bottom:0;padding-bottom:10px;z-index:1;overflow:auto}.hamburger-open .announcement-bar+header{z-index:100}#hamburger-menu:target+.full-menu-sidebar{display:block;opacity:1}#hamburger-menu:target+.full-menu-sidebar .full-menu-sidebar-inner{transform:translate(0)}#hamburger-menu:target+.full-menu-sidebar .menu-item-link .menu-item-link-text,#hamburger-menu:target+.full-menu-sidebar .menu-item-link svg,#hamburger-menu:target+.full-menu-sidebar .hamburger-promo-bades-item .header-custom-link{opacity:1;transform:unset}.dropdown-menus-inner+.hamburger-megamenu{padding-top:20px}@keyframes pulsee{0%{box-shadow:0 0 1px #918d8da6}to{box-shadow:0 0 1px 10px #0000}}}@media (min-width: 1200px){.header-options{padding-top:20px;padding-bottom:20px}}@media (min-width: 1280px){.primary-header-blocks .nav-menu-link{padding:33px 15px}}@media (min-width: 1441px){.primary-header-blocks{column-gap:50px}.nav-menu-link{padding:20px 15px}.serach-fullwidth .search-collection-list{grid-template-columns:repeat(5,1fr)}.primary-header-blocks .joii-header-search{width:770px}.primary-header-blocks.logo-center .joii-header-search{width:650px}.primary-header-blocks.logo-center .categories-inner-submenu-items{grid-template-columns:repeat(5,1fr)}}@media (min-width: 1700px){.primary-header-blocks{column-gap:80px}}@media screen and (max-width:1599px){.nav-menu-link{padding:15px 10px}}@media screen and (max-width:1440px){.categories-submenu .categories-submenu-item{padding:2px 20px}.categories-submenu{width:150px;min-width:150px}.categories-inner--submenu{padding:20px;width:calc(100% - 165px);left:calc(0% + 165px)}.categories-inner-submenu-items{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.primary-header .categories-inner-submenu-left,.primary-header .categories-inner-submenu-right{flex:0 0 100%;max-width:100%;flex-grow:1}}@media screen and (max-width:1199px){.header-icons .header-icons-link svg{width:20px;height:20px}}@media screen and (max-width:1024px){.primary-header-blocks{column-gap:20px;min-height:64px;grid-template-columns:1fr auto 1fr;column-gap:10px}.header-nav-blocks,.header-categories{display:none}.mobileMenu{display:inline-flex;color:#000}.mobileMenu.active svg path:first-child{transform:translateY(7px) rotate(-45deg)}.mobileMenu.active svg path:nth-child(2){opacity:0}.mobileMenu.active svg path:last-child{transform:translateY(-7px) rotate(45deg)}.menu-toggler-icon .line{width:22px;height:2px;background-color:#000;display:block;margin:5px auto;transition:all .3s ease-in-out}.mobileMenu.active .menu-toggler-icon .line:first-child{transform:translateY(7px) rotate(-45deg)}.mobileMenu.active .menu-toggler-icon .line:nth-child(2){opacity:0}.mobileMenu.active .menu-toggler-icon .line:last-child{transform:translateY(-7px) rotate(45deg)}.header-contact,.cart-total-price{display:none}.header-icons-list .header-icons-link{width:24px;height:24px}.header-icons-link.cart.round{height:30px}.header-icons-link.cart{border:0;border-radius:0;padding:0}.logo{max-width:135px;color:var(--headerColor)}.cart-count{width:16px;height:16px;font-size:var(--smallText)}.header-icons-list .header-icons{margin-left:5px}.header-icons-list{align-items:center}.categories-inner-submenu-left,.categories-inner-submenu-right{flex:0 0 100%;max-width:100%;flex-grow:1}.primary-header-blocks .joii-header-search{display:none!important}.inner-side .tabcontent ul .nav-item a,.megamenu-promotion-title{font-size:var(--mediumText)}.full-menu-sidebar{display:none!important}}@media screen and (max-width:991px){header .customer-account-popup{display:none!important}}@media screen and (max-width:767px){.predictive-search-suggestion{margin-bottom:10px}.tranding-product-list{gap:7px}.search-content .joii-header-search{margin-bottom:20px}.search-content{padding-bottom:20px}.predictive-suggestion-list a{margin-right:2px}.cart-count{top:-4px;right:-3px}}header .customer-account-popup .account-form-heading{margin-bottom:10px;font-size:var(--mediumText)}header .customer-account-popup .form-group{margin-bottom:10px}header .customer-account-popup label{margin-bottom:2px;font-size:12px}header .customer-account-popup .input-sm{min-height:35px;padding:5px 12px}.customer-account-popup button{margin-top:5px}header .customer-account-popup .forgot-password-text{margin-bottom:0}header .customer-account-popup .create-account-text{margin-top:8px}.menu-btn{padding:15px}.mobile-dark-mode{display:flex;color:rgb(var(--textColor));align-items:center;padding:12px 15px}.mobile-dark-mode span{font-size:var(--mediumText)}body.megamenu-open{position:relative}@media screen and (min-width: 1025px){.section-header.announcement-bar{display:none}}@media screen and (max-width: 1024px){.section-header.announcement-bar{display:block}.primary-header{padding-top:unset}.joii-header-customer-buttons{display:none!important}}@media screen and (max-width: 1082px){.nav-menu-link{font-size:12px}}@media screen and (max-width: 1200px){.joii-secondary-announcements-header-wrapper{display:none}.joii-mobile-header-announcements{display:flex}}@media screen and (min-width: 1201px){.joii-secondary-announcements-header-wrapper{display:flex}.joii-mobile-header-announcements{display:none!important}}.primary-header{position:relative}.joii-mobile-header-announcements{background-color:#344d80!important;display:flex;width:100%;justify-content:center}.joii-header-announcements-wrapper.mobile{display:flex;align-items:center;height:28px;width:300px;overflow:hidden;position:relative}@media screen and (max-width: 500px){.joii-header-announcements-wrapper.mobile{width:100%}}.joii-header-announcements-wrapper.mobile .joii-header-announcement-point{position:absolute;transition:1s ease all;color:#fff}.joii-header-announcements-wrapper.mobile .joii-header-announcement-point{transform:translate(150%);opacity:0}.joii-header-announcements-wrapper.mobile .joii-header-announcement-point.active{transform:translate(0);opacity:1}.joii-header-announcements-wrapper.mobile .joii-header-announcement-point.deactive{transform:translate(-150%);opacity:0}
/*# sourceMappingURL=/cdn/shop/t/71/assets/joii-header.css.map */