/* Product category directory — matched to the target /products page. */
.product-menu-box{position:relative;}
.product-menu-box-left{width:25%;height:auto;background:#fff;border-radius:6px;border:1px solid #eee;padding:20px;position:sticky;left:0;top:0;}
.product-menu-box-left h2{font-size:1.5rem;line-height:36px;margin-bottom:10px;}
.product-menu-box-left ul{max-height:500px;overflow-y:auto;scrollbar-color:rgba(0,0,0,.35) transparent;scrollbar-width:thin;}
.product-menu-box-left ul li{height:30px;line-height:30px;overflow:hidden;}
.product-menu-box-left-search{width:100%;height:42px;margin-bottom:10px;}
.product-menu-box-left-search input{width:80%;height:42px;line-height:40px;border:1px solid #eee;border-radius:6px 0 0 6px;background:#f7f7f7;padding:0 15px;outline:none;}
.product-menu-box-left-search button{width:20%;line-height:42px;height:42px;text-align:center;color:#fff;border-radius:0 6px 6px 0;border:none;background:#019961;font-size:1.2rem;cursor:pointer;}
.product-menu-box-right{width:73%;height:auto;}
.product-menu-box-right dl{width:100%;height:auto;background:#fff;border-radius:6px;border:1px solid #eee;padding:20px;margin-bottom:15px;}
.product-menu-box-right dl dt{width:100%;font-weight:bold;font-size:1.2rem;height:46px;line-height:46px;border-bottom:1px solid #ddd;overflow:hidden;}
.product-menu-box-right dl dt a i{margin-left:5px;color:#019961;font-size:1.1rem;font-weight:normal;}
.product-menu-box-right dl dd{padding:20px 0;-webkit-column-count:2;column-count:2;}
.product-menu-box-right dl dd a{display:block;height:26px;line-height:26px;overflow:hidden;}
.product-menu-box-right dl dd a i{margin-left:5px;color:#019961;}
.product-menu-box-right dl dd .product-menu-box-item{width:100%;margin:0 .5%;line-height:30px;}
.product-menu-box-right ul li a{display:block;font-size:.9rem;line-height:20px!important;color:#666;padding-left:10px;}
.product-menu-box-right ul li a:before{content:"·";padding-right:10px;font-size:1.2rem;}
.product-menu-box-right ul li a i{margin-left:5px;color:#019961;}
.products-loading{padding:30px;background:#fff;border:1px solid #eee;border-radius:6px;color:#777;text-align:center;}

@media (max-width:768px){
    .search-main{display:block;height:64px;padding:10px 12px;background:#fff;position:static;}
    .search-main .container{width:100%;padding:0;}
    .search-main .navleft{display:none;}
    .search-main-right{width:100%;}
    .topsearch{height:42px;border:1px solid #019961;border-radius:2px;box-shadow:none;}
    .topsearch input{width:80%;height:40px;padding:0 14px;}
    .topsearch button{width:20%;height:40px;background:#019961;color:#fff;font-size:0;border-radius:0;}
    .topsearch button:before{content:"Search";font-family:Arial,sans-serif;font-size:16px;}
    .product-menu-box-left{width:100%;position:relative;}
    .product-menu-box-left h2{font-size:1.2rem;}
    .product-menu-box-left ul{max-height:300px;}
    .product-menu-box-left ul li{height:28px;line-height:28px;}
    .product-menu-box-right{width:100%;height:auto;margin-top:15px;}
    .product-menu-box-right dl{margin-bottom:10px;}
    .product-menu-box-right dl dt{font-size:1.1rem;}
    .product-menu-box-right dl dd{padding:10px 0;-webkit-column-count:1;column-count:1;}
    .product-menu-box-right dl dd a{width:100%;margin:0;}
    .product-menu-box-right dl dd .product-menu-box-item{width:100%;margin:0;line-height:28px;}
}