/* ===== PRICE FILTER STYLE ===== */
#applyFilter {
    display: none;
}

.price-filter-bar {
  padding: 10px;
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 20;
  border-bottom: 1px solid #eee;
  border-radius: 20px;
}

.filter-btn {
  width: 100%;
  padding: 12px;
  font-size: 16px;
  border-radius: 10px;
  border: 1px solid #ccc;
  background: #f9f9f9;
}

/* 遮罩 */
.filter-mask {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.4);
  z-index: 99;
}

/* 面板 */
.filter-panel {
  width: 320px;
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;          /* 新增 */
  right: 0;         /* 新增 */
  margin: 0 auto;   /* 改为只控制左右，垂直方向不需要 auto */
  background: #f9f9f9;
  z-index: 100;
  border-radius: 16px 16px 0 0;
  padding: 15px;
}

.filter-header {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  margin-bottom: 15px;
}

.filter-body {
  padding: 10px 0;
}

.price-inputs {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.price-inputs input {
  width: 40%;
  padding: 8px;
  font-size: 16px;
}

.range-box input[type=range] {
  width: 100%;
  margin-top: 12px;
}

.apply-btn {
  width: 40%;
  padding: 12px;
  font-size: 16px;
  border-radius: 10px;
  background: #3b82f6;
  color: #fff;
  border: none;
}