/* JaPro header, stage 1. All declarations are scoped to the native header. */
#header{background:#17191b;color:#d8dadd;border:0}
#header .header-nav{background:#0e1011!important;padding:0;border:0;font-size:11px;min-height:31px}
#header .header-nav>.container{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:31px}
#header .left-nav,#header .right-nav{float:none;margin:0;padding:0;display:flex;align-items:center;gap:22px}
#header #cznavcmsblock{margin:0;padding:0;color:#a9adb1;float:none;font-size:11px;line-height:1.4}
#header #cznavcmsblock p{margin:0}
#header .header-nav .left-nav{flex:1;width:auto!important;max-width:none}
#header .header-nav .right-nav{flex:0 0 auto;width:auto!important}
#header #cznavcmsblock{width:auto!important;flex:0 0 auto}
#header #cznavcmsblock .offer-text{font-size:11px;color:#a9adb1;white-space:nowrap}
#header #cznavcmsblock .offer-text:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#ff7100;margin:0 7px 2px 0}
#header .jp-nav-perk{font-size:10px;color:#a9adb1;white-space:nowrap}
#header #contact-link{display:flex;align-items:center;gap:22px;font-size:11px;line-height:1.4;margin:0;padding:0}
#header #contact-link>div{float:none;border:0;margin:0;padding:0}
#header #contact-link a{color:#b1b5b9;font-size:11px}
#header #contact-link .contact_number a{color:#e7e8e9;font-weight:600}
#header .header-nav #contact-link .email a{color:#b1b5b9!important}
#header #contact-link i{display:none}
#header .jp-mobile-phone{display:none}
#header .header-top{padding:21px 0;background:#17191b;border:0}
#header .header-top>.container{display:flex;align-items:center;gap:25px;justify-content:initial;flex-wrap:nowrap}
#header .header-top>.container:before,#header .header-top>.container:after{display:none}
#header .header_logo{float:none;width:150px;flex:0 0 150px;margin:0;padding:0;order:0}
#header .header_logo>a,#header .jp-logo-home>a{display:block;background:white;border:2px solid #d11e2a;border-radius:50%;padding:4px 5px}
#header .header_logo img.logo{width:100%;max-width:100%;height:auto;margin:0;padding:0;display:block}
#header #search_block_top{float:none;flex:1;width:auto!important;min-width:0;margin:0;padding:0;height:46px;align-items:stretch;order:1}
#header #search_block_top .search_button{display:none!important}
#header #search-toggle{display:block!important;position:static!important;opacity:1!important;visibility:visible!important;width:100%;height:46px;overflow:visible;padding:0;margin:0;background:transparent}
#header #searchbox{display:flex;width:100%;height:46px;position:relative;margin:0;border:0;border-radius:5px;background:white;overflow:visible}
#header #searchbox .czsearch-main{flex:1;min-width:0;width:auto;height:46px}
#header #search_query_top{height:46px;min-height:46px;width:100%;padding:12px 15px;background:white;color:#30343a;border:0!important;box-shadow:none!important;border-radius:5px 0 0 5px;font-size:12px;font-weight:400;line-height:22px}
#header #search_query_top::placeholder{color:#8b8e92;opacity:1}
#header #searchbox .search-icon-btn{float:none;position:static!important;background:#ff7100!important;color:#16191d!important;width:86px;height:46px;min-width:86px;border:0!important;border-radius:0 5px 5px 0;padding:0 12px;margin:0;box-shadow:none;background-image:none!important}
#header #searchbox .search-icon-btn:before,#header #searchbox .search-icon-btn:after{display:none!important}
#header #searchbox .search-icon-btn{mask:none!important;-webkit-mask:none!important;top:auto;left:auto}
#header #searchbox .submit-text{display:block!important;font-size:12px;line-height:46px;font-weight:600;color:#17191b}
#header #searchbox .search-icon-btn:hover{background:#f58934!important}
#header .header-top-right{float:none;display:flex;align-items:center;gap:19px;margin:0;padding:0;flex:0 0 auto;width:auto;order:2;min-height:46px}
#header .jp-header-b2b{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid #3c4044;border-radius:5px;color:#ededee;font-size:12px;line-height:20px;font-weight:500;white-space:nowrap}
#header .jp-header-b2b:hover{background:#2b2e31}
#header .user-info{float:none;margin:0;padding:0;position:relative;border:0}
#header .user-info-title{display:flex;align-items:center;justify-content:center;width:27px;min-height:42px;padding:0;margin:0;background:none;border:0;color:#d4d7d9}
#header .user-info-title:before,#header .user-info-title:after{display:none}
#header .user-info .user-info-title .account-wrap{display:none!important}
#header .user-info .user-info-title .user-icon{mask:none!important;-webkit-mask:none!important}
#header .user-icon{float:none;width:21px;height:22px;margin:0;padding:0;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4d7d9' stroke-width='1.6'%3E%3Ccircle cx='12' cy='8' r='3.2'/%3E%3Cpath d='M5 21v-2a7 7 0 0 1 14 0v2'/%3E%3C/svg%3E")!important}
#header .user-info #header-account-menu{background:white;color:#333;border:1px solid #e0e0e0;top:100%;right:0;left:auto;padding:10px;min-width:190px;border-radius:5px;box-shadow:0 12px 28px #0003}
#header .user-info #header-account-menu a{color:#3f4449;font-size:13px}
#header .head-wishlist,#header .head-compare{display:none!important}
#header #desktop_cart,#header #mobile_cart{float:none;margin:0;padding:0;width:auto;flex:0 0 auto}
#header .blockcart{float:none;margin:0;padding:0}
#header .blockcart .blockcart-header{float:none;padding:0;margin:0}
#header .shopping-cart{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 15px;border:0;border-radius:5px;background:#272a2d;color:#d7dadd;position:relative;width:auto;float:none;margin:0}
#header .shopping-cart>.icon{width:21px;height:22px;margin:0;float:none;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4d7d9' stroke-width='1.6'%3E%3Cpath d='M2 3h3l3 12h11l2-8H6'/%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='18' cy='20' r='1'/%3E%3C/svg%3E")!important}
#header .shopping-cart>.icon:before,#header .shopping-cart>.icon:after{display:none}
#header .blockcart .blockcart-header>.shopping-cart>.icon{mask:none!important;-webkit-mask:none!important}
#header .shopping-cart .cart-products-count{display:flex!important;align-items:center;gap:8px;position:static;float:none;padding:0;margin:0;border:0;color:#d7dadd;font-size:11px;line-height:20px;font-weight:400;white-space:nowrap}
#header .shopping-cart .cart-products-count .value{display:inline;color:#ff7100;font-size:11px;font-weight:500;margin:0;padding:0}
#header .blockcart .blockcart-header>.shopping-cart .cart-products-count{color:#d7dadd;line-height:20px;font-size:11px;display:inline-flex!important;text-transform:none;flex-wrap:nowrap;flex-direction:row;gap:8px}
#header .blockcart .blockcart-header>.shopping-cart .cart-products-count .value{display:inline!important;line-height:20px;color:#ff7100;margin:0;padding:0;font-size:11px}
#header .shopping-cart .mobile_count{display:none}
#header .jp-primary-menu{display:flex;align-items:center;gap:19px;min-height:51px;float:none}
#header .jp-primary-menu a{display:flex;align-items:center;position:relative;min-height:51px;font-size:11px;line-height:1.4;color:#b7bcc0;font-weight:500;white-space:nowrap;text-transform:none;padding:0}
#header .jp-primary-menu a:hover,#header .jp-primary-menu a.is-current{color:white}
#header .jp-primary-menu a.is-current:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#ff7100}
#header .jp-menu-spacer{flex:1}
#header .header-top-inner{background:#17191b;border-top:1px solid #2c2f32;border-bottom:0;clear:both;padding:0;min-height:51px}
#header a:focus-visible,#header button:focus-visible,#header input:focus-visible{outline:3px solid #ff7100;outline-offset:3px}
#header #search_query_top:focus-visible{outline-offset:-3px}
#header #searchbox .czsearch-main .ac_results{position:absolute!important;z-index:120;max-width:100%;left:0;right:0;top:46px;background:white;color:#333;border-radius:0 0 5px 5px}
@media(min-width:992px){
 #header .header-top-inner .vertical-menu,#header .header-top-inner #_desktop_base_menu{display:none!important}
 #header #_mobile_base_menu{display:none!important}
}
@media(min-width:992px) and (max-width:1199px){
 #header .header-top>.container{gap:18px}
 #header .header_logo{width:130px;flex-basis:130px}
 #header .header-top-right{gap:14px}
 #header .jp-header-b2b{padding:10px 12px;font-size:11px}
 #header .shopping-cart{padding:10px}
 #header .jp-primary-menu{gap:13px;flex-wrap:wrap;justify-content:flex-start;padding:8px 0}
 #header .jp-primary-menu a{font-size:10px;min-height:29px}
 #header .jp-menu-spacer{display:none}
 #header .jp-nav-perk:last-child{display:none}
}
@media(max-width:991px){
 #header .header-nav>.container{gap:10px;min-height:30px}
 #header .header-nav{min-height:30px;font-size:9px}
 #header .left-nav{gap:0;min-width:0}
 #header #cznavcmsblock,#header #cznavcmsblock .offer-text{font-size:9px}
 #header .jp-nav-perk{display:none}
 #header .jp-mobile-phone{display:block;color:#e4e6e8;font-size:9px;white-space:nowrap;font-weight:500}
 #header .header-nav .right-nav{display:none}
 #header .header-top{padding:16px 0 18px}
 #header .header-top>.container{display:grid!important;grid-template-columns:125px minmax(0,1fr) 35px;gap:16px 12px;position:relative;align-items:center}
 #header .header_logo{width:125px;min-width:0;float:none;margin:0;grid-column:1;grid-row:1;order:0}
 #header #search_block_top{display:flex!important;width:100%!important;height:43px;min-width:0;max-width:none;grid-column:1/-1;grid-row:2;order:2;margin:0;padding:0}
 #header #search-toggle,#header #searchbox,#header #searchbox .czsearch-main,#header #search_query_top{height:43px;min-height:43px}
 #header #search_query_top{padding:10px 12px;font-size:11px;line-height:23px}
 #header #searchbox .search-icon-btn{height:43px;min-width:74px;width:74px;padding:0 10px}
 #header #searchbox .submit-text{line-height:43px;font-size:11px}
 #header .header-top-right{grid-column:2;grid-row:1;justify-self:end;min-height:36px;margin:0;width:auto;gap:14px;order:1}
 #header .jp-header-b2b{display:none}
 #header .user-info-title{width:24px;min-height:35px}
 #header .user-icon{width:19px;height:21px}
 #header .shopping-cart{min-height:35px;padding:6px 8px;background:transparent;gap:0}
 #header .shopping-cart>.icon{width:21px;height:21px}
 #header .shopping-cart .cart-products-count{display:none!important}
 #header .blockcart .blockcart-header>.shopping-cart .cart-products-count{display:none!important}
 #header .shopping-cart .mobile_count{display:flex;align-items:center;justify-content:center;position:absolute;top:-2px;right:-3px;min-width:16px;height:16px;margin:0;padding:0 3px;background:#ff7100;color:#15181b;font-size:9px;line-height:16px;border-radius:9px}
 #header .blockcart .blockcart-header>.shopping-cart .mobile_count{background:#ff7100!important;color:#15181b}
 #header .jp-primary-menu{display:none}
 #header .header-top-inner{border:0;min-height:0;height:0;padding:0}
 #header #_mobile_base_menu{display:contents!important}
 #header #_mobile_base_menu .container_base_horizontalmenu{display:contents!important;float:none;width:auto;padding:0;margin:0}
 #header #_mobile_base_menu #base-menu-horizontal{position:static;float:none;width:auto;height:0;display:contents!important}
 #header .title-horizontalmenu-mobile{position:absolute;right:15px;top:3px;margin:0;padding:0;width:35px;height:35px;float:none;z-index:3;display:block!important}
 #header .title-horizontalmenu-mobile .menu-title{display:flex;align-items:center;justify-content:center;width:35px;height:35px;margin:0;padding:0;border:1px solid #42474c;border-radius:4px;background:none;color:#d2d6d9;font-size:0;line-height:1}
 #header .title-horizontalmenu-mobile .menu-title:before{content:"☰";position:static;background:none;width:auto;height:auto;margin:0;color:#d2d6d9;font:21px/1 sans-serif}
 #header .title-horizontalmenu-mobile .menu-title:after{display:none}
 #header #header-mobile-menu{background:white;color:#444}
 #header #header-mobile-menu a{color:#41474c}
 #header #header-mobile-menu #contact-link{display:block}
 #header #header-mobile-menu #contact-link a{color:#555}
 #header #header-mobile-menu #contact-link>div{margin-bottom:10px}
 #header .header-nav .left-nav{max-width:calc(100% - 115px)}
 #header .header-top .mobile-menu{display:none!important}
}
@media(max-width:350px){
 #header .header-top>.container{grid-template-columns:95px minmax(0,1fr) 32px;column-gap:8px}
 #header .header_logo{width:95px}
 #header .header-top-right{gap:9px}
 #header .title-horizontalmenu-mobile,#header .title-horizontalmenu-mobile .menu-title{width:32px;height:32px}
 #header .title-horizontalmenu-mobile{top:0}
 #header #search_query_top{font-size:10px}
 #header #searchbox .search-icon-btn{width:64px;min-width:64px}
 #header #cznavcmsblock,#header #cznavcmsblock .offer-text,#header .jp-mobile-phone{font-size:8px}
 #header .jp-mobile-phone{display:none}
 #header .header-nav .left-nav{max-width:100%}
}
