.shop-container .search-header{
    text-align: center;
}
.shop-container .search-header h1,
.shop-container .custom-shop-wrapper h2{
    font-family: Baloo2, var(--backup-family);
}
.shop-container .search-header h1{
    font-size: 2rem;
    line-height: 1.4;
    color: #3a3a3a;
    margin-top: 1.5rem;
}
.shop-container .custom-shop-wrapper{
    display: flex;
    flex-direction: row;
    padding:40px 16px;
}
.shop-container .custom-shop-wrapper h2{
    color: #3a3a3a;
    font-size: 1.2rem;
}
.shop-container .custom-shop-wrapper .cat-filter{
    margin-right: 30px;
}
.shop-container .custom-shop-wrapper .product-section{
    width: 100%;
}
.shop-container .custom-shop-wrapper .product-section .shop-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:24px;
}
.shop-container .custom-shop-wrapper .product-section .shop-top .shop-controls{
    display:flex;
    align-items:center;
    gap:12px;
}
.shop-pagination{
    text-align:center;
    margin-top:28px;
}
.shop-pagination>span{
    margin:0 6px;
}

/* 排序选择器整体样式 */
.simple-ordering {
    display: inline-block;
    margin-bottom: 20px;
}

.shop-order-select {
    appearance: none;       /* 隐藏原生箭头 */
    -webkit-appearance: none;
    -moz-appearance: none;

    padding: 8px 36px 8px 12px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    background: #fff url("data:image/svg+xml;charset=UTF-8,%3Csvg width='12' height='7' viewBox='0 0 12 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat right 12px center;

    font-size: 14px;
    color: #333;
    cursor: pointer;

    transition: all .25s ease;
    min-width: 140px;
}

.shop-order-select:hover {
    border-color: #ff9651;
}

.shop-order-select:focus {
    border-color: #ff9651;
    outline: none;
    box-shadow: 0 0 0 2px rgba(255,150,81,.25);
}
@media (max-width: 900px) {
    .shop-container .custom-shop-wrapper{
        flex-direction: column;
    }
    .shop-container .custom-shop-wrapper .cat-filter{
        margin-right: unset;
    }
}
@media (max-width: 750px) {
    .shop-container .custom-shop-wrapper .product-section .shop-top{
        flex-wrap: wrap;
    }
}
@media (max-width: 600px) {
    .simple-ordering{
        margin-bottom: unset;
    }
}