#zn-mobile-bar,.zn-mobile-phone{display:none}
@media(max-width:767px){
:root{--color-header-background:#fff!important}
html,body{background-color:#fff!important}
body.zn-mobile-search .top-navigation-tools [data-target=search],
body.zn-mobile-search .top-navigation-tools [data-target=navigation]{display:none!important}
body.zn-mobile-search .top-navigation-bar{
position:absolute!important;top:0!important;transform:none!important;
background:#fff!important;border:0!important;box-shadow:none!important
}
body.zn-mobile-search #header{
position:absolute!important;top:50px!important;
background:#fff!important;border:0!important;box-shadow:none!important
}
body.zn-mobile-search .top-navigation-bar>.container,
body.zn-mobile-search #header>.container{background:#fff!important}
body.zn-mobile-search #header .site-name{top:-50px!important}
body.zn-mobile-search #header .cart-count{right:15px!important}
body.zn-mobile-search #header .zn-mobile-phone{
display:flex!important;align-items:center;gap:7px;
position:absolute;right:87px;top:-42px;height:40px;
color:#111;text-decoration:none;font:13px/17px Arial,sans-serif;
white-space:nowrap
}
.zn-mobile-phone svg{width:28px;height:28px;flex:none}
#zn-mobile-bar{
display:flex;align-items:center;gap:12px;padding:10px 15px;
background:#f0f0f0;box-sizing:border-box;position:relative!important;
top:auto!important;z-index:20;width:100%;
margin-top:5px!important;margin-bottom:10px
}
#zn-mobile-bar .zn-mobile-menu{
display:flex;align-items:center;gap:6px;background:none;border:0;
padding:0;color:#111;font:600 17px Arial;white-space:nowrap;
cursor:pointer;min-height:44px
}
#zn-mobile-bar .zn-mobile-menu span{font-size:25px;color:#41475d}
#zn-mobile-bar>.search{
display:block!important;position:relative!important;inset:auto!important;
flex:1 1 0!important;min-width:0!important;width:auto!important;
max-width:none!important;height:auto!important;padding:0!important;
margin:0!important;visibility:visible!important;opacity:1!important;
transform:none!important
}
#zn-mobile-bar .search-form{display:block!important;width:100%!important;margin:0!important}
#zn-mobile-bar fieldset{
display:block!important;position:relative!important;min-width:0;
margin:0!important;padding:0!important;border:0!important
}
#zn-mobile-bar input[type=search]{
display:block!important;width:100%!important;height:44px!important;
padding:0 50px 0 13px!important;border:1px solid #aaa!important;
border-radius:25px!important;background:#fff!important;color:#222!important;
font:16px Arial!important;box-shadow:none!important;box-sizing:border-box
}
#zn-mobile-bar button[type=submit]{
display:block!important;position:absolute!important;
inset:0 0 auto auto!important;width:44px!important;min-width:0!important;
height:44px!important;padding:0!important;border:0!important;
border-radius:50%!important;background:#000!important;
font-size:0!important;color:#fff!important
}
#zn-mobile-bar button[type=submit]:before{
content:""!important;position:absolute!important;top:50%!important;
left:50%!important;width:23px;height:23px;margin:0!important;
transform:translate(-50%,-50%)!important;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7'%3E%3Ccircle cx='10' cy='10' r='6.5'/%3E%3Cpath d='m15 15 6 6'/%3E%3C/svg%3E") center/contain no-repeat
}
#zn-mobile-bar button[type=submit]:after{content:none!important}
#zn-mobile-bar .search-whisperer{
position:absolute;top:100%;left:0;right:0;max-height:60vh;
overflow-y:auto;background:#fff;z-index:60
}
.scrolled-down body.zn-mobile-search #header .site-name,
.scrolled-down body.zn-mobile-search #header .cart-count{transform:none!important}
}

#zn{display:flow-root;background:#fff}
#zn .homepage-products-heading-1:after{color:#000!important}
#zn #products-1{overflow-x:auto!important;scrollbar-width:none;align-items:stretch!important}
#zn #products-1::-webkit-scrollbar{display:none}
#zn .product{display:flex!important}
#zn .p{height:auto!important;min-width:0}
#zn footer{clear:both;display:flex;justify-content:flex-end;padding:12px 20px}
#zn button{width:44px;height:44px;border:0;background:none;color:#000;cursor:pointer}
#zn button:disabled{visibility:hidden}
#zn svg{width:28px;height:24px}
@media(max-width:767px){
#zn{background:#f1f1f1;margin:0 -15px;padding:28px 15px 4px}
#zn .homepage-products-heading-1{margin:0 20px 28px!important}
#zn #products-1{gap:10px!important;padding-bottom:0!important}
#zn .p{background:#fff!important;border:0!important}
}