body {margin-bottom: 0;}

.dro-picture-img{display: none;}
.pro-box{background: #fff;}
.com-nav{display: none;}
.pro-box .rel-down{width: 150px;}
.pro-box .box-list{display: grid;grid-template-columns: repeat(3, 1fr);grid-auto-rows: auto;gap: 5px;padding-top:6px;padding-left: 10px;padding-right: 10px;}
.pro-box .box-list .box-li{text-align: center;padding: 12px 0;transition: all 0.3s linear;}

.pro-box .box-list .box-item{width:80%;margin: auto;}
.pro-box .box-list .box-item img{border-radius: 10px;width: 100%; aspect-ratio: 1 / 1;}
.pro-box .box-list .box-info{text-align: center;}
.pro-box .box-list .box-info .item-title{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; font-size: 0.8rem;    padding-top: 8px;}
.pro-box .box-list .box-info .present-price{font-weight: bold;color:#f60;font-size: 0.8rem;}
.sort-down{padding:0 10px;background: #fff;margin-bottom: 4px; position: sticky; top: 0; left: 0;padding-top: 5px;}
.sort-down .btn-primary{width: 100%;text-align: left;margin:0 auto;background: #f5f5f5;opacity: 1;position: relative;border: 1px solid #fff;padding: 7px 11px;}
.sort-down .btn-primary:hover{background: #f5f5f5;border: 1px solid var(--btn-theme);}
.dropdown-menu.show{width: 100%;}
.sort-down .btn-primary .fa-angle-down{position: absolute;right:11px;}

.secondary{margin-bottom: 6px;width: 100%;}
.pro-list .secondary .btn-primary{font-size: 12px;background: #f5f5f5;padding: 5px;}
.pro-list .secondary .btn-primary:hover{background: var(--btn-theme);}
.pro-list .secondary .btn-primary.btn-active{background: var(--btn-theme);opacity: 1;}
.pro-list .secondary .btn-primary:not(:first-child){margin-left: 10px;}
.sort-body .btn-group{display: grid;grid-template-columns: repeat(4, 1fr);grid-auto-rows: auto;grid-column-gap:15px;grid-row-gap: 15px;}
.sort-body .btn-group .btn-primary{font-size: 12px;padding: 5px;background: #f5f5f5;}
.sort-body .btn-group .btn-primary:hover{background: var(--btn-theme);}
.sort-body .btn-group .btn-primary.btn-active{background: var(--btn-theme);opacity: 1;}
.header-top .finder-for {position: absolute;top: 10px; width: 70%;right: 10px;display: block;}
.header-top .finder-for .finder { margin: 0; }

.category-main {display: flex;flex-direction: row;flex-wrap: nowrap;width: 100%;height: calc(100vh - 110px);overflow: hidden;}
.category-container {font-size: 12px;color: #666;background-color: #f5f5f5;height: 100%;transition: background-color 0.3s ease;}
.category-container li {line-height: 40px;padding: 0 10px 0 5px;white-space: nowrap;}
.category-container li.active {background-color: #fff;}

.category-list {width: auto;height: 100%;}
.pro-list {flex: 1;height: 100%;overflow-y: scroll;overflow-x: hidden;}
.pro-list .pro-box {width: 100%;}