/*
 * 列表页底部（分类 / 新品 / 搜索等共用 tpl_modules_product_listing.php）：分页与定制横幅，
 * 与 samples 页底部一致（2026-10-15），用本站配色：橙 #ff6600、顶部条米色 #ffe9e0 + 深棕 #4b1d1f。
 * 文件名以 style 开头，html_header.php 全站自动加载；自动加载的链接不带版本号，
 * Cloudflare 会缓存，所以每次修改都换文件名（当前 v1）。
 */

/* ---- 分页：原先紧贴瀑布流最后一排，拉开 24px；左计数右页码 ---- */
#productListing .pageresult_bottom.filters-container {
  float: none;
  width: 100%;
  margin: 0;
  padding: 24px 0 0;
  border: 0;
}
#productListing .pageresult_bottom .product-page-count {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
}
#productListing .pageresult_bottom .navSplitPagesResult,
#productListing .pageresult_bottom .navSplitPagesLinks {
  float: none;
  margin: 0;
}

/* ---- 定制横幅：同 samples 页 .sg-commission 的 artrepros 皮肤 ---- */
.listing-commission {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 24px;
  clear: both;
  margin: 32px 0 8px;
  padding: 22px 26px;
  border: 1px solid #f3d3c4;
  border-radius: 4px;
  background: #ffe9e0;
  color: #4b1d1f;
}
.listing-commission .listing-commission-title {
  margin: 0 0 4px;
  font-family: inherit;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  color: #4b1d1f;
  text-transform: none;
}
.listing-commission p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #4b1d1f;
}
.listing-commission .listing-commission-btn,
.listing-commission .listing-commission-btn:visited {
  display: inline-block;
  padding: 11px 22px;
  border-radius: 4px;
  background: #ff6600;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
}
.listing-commission .listing-commission-btn:hover,
.listing-commission .listing-commission-btn:focus {
  background: #e65c00;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 767px) {
  .listing-commission { padding: 18px 16px; }
  .listing-commission .listing-commission-title { font-size: 19px; }
}