/* 搜尋框圖標切換 */
.search-result-count{
   flex:0 0 auto;
   width: 20%;
}
.search-box .search-icon-h{
    display: none;
    transition: all 0.3s;
}
.search-box:active .search-icon{
    display: none ;
    transition: all 0.3s;
}
.search-box:hover .search-icon{
    display: none ;
    transition: all 0.3s;
}
.search-box:active .search-icon-h{
    display: block;
    transition: all 0.3s;
}
.search-box:hover .search-icon-h{
    display: block;
    transition: all 0.3s;
}

/* 分類標籤滑動背景效果 */
.sliding-bg {
    left: 0%;
    transition: left 0.3s ease-out;
}

/* 按鈕文字顏色狀態 */
.category-btn {
    z-index: 10;
    position: relative;
}

.category-btn.active {
    color: white;
    background-color: #F4508E;
    transition: all 0.3s;
}

.category-btn:not(.active) {
    color: #F4508E;
    background-color: transparent;
    transition: all 0.3s;
}