/* 面包屑导航 */
.breadcrumb { background: var(--color-surface-muted, #f7f7f7); border:1px solid var(--color-border, #e5e5e5); padding:8px 12px; border-radius: 6px; margin: 16px 0; }
.breadcrumb ol { display:flex; gap:8px; font-size: 14px; list-style:none; padding:0; margin:0; }
.breadcrumb a { color: var(--color-text, #222); text-decoration: none; }
.breadcrumb li::after { content: ">"; margin-left:8px; color: var(--color-border, #aaa); }
.breadcrumb li:last-child::after { content:""; }

/* 热销与特色产品区块 */
.hot-products, .featured-products { margin: 24px 0; }
.hot-products .products, .featured-products .products { margin-top: 8px; }
.hot-products ul.products, .featured-products ul.products { list-style:none; margin:0; padding:0; display:grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap:16px; }

/* 兼容 WooCommerce 旧清除浮动：禁用伪元素以免占用首个网格单元 */
.hot-products ul.products::before,
.hot-products ul.products::after,
.featured-products ul.products::before,
.featured-products ul.products::after { content:none; display:none; }

/* （已取消）用户评价图展示 */

/* 联系方式二维码 */
.qrcodes { margin: 24px 0; }
.qrcodes__inner { display:grid; grid-template-columns: repeat(2, 1fr); gap:16px; }
.qr-card { border:1px solid var(--color-border, #e5e5e5); border-radius: 8px; padding: 12px; background: var(--color-surface, #fff); display:flex; flex-direction: column; align-items:center; }
.qr-card__image { width: 200px; height: 200px; border-radius: 4px; overflow:hidden; border:1px dashed var(--color-border, #ddd); background: var(--color-surface-muted, #fafafa); display:flex; align-items:center; justify-content:center; margin-left:110px; margin-right:110px; }
.qr-card__image img { width:100%; height:100%; object-fit: cover; display:block; }
.qr-card__placeholder { color: var(--color-muted, #777); font-size: 14px; }
.qr-card__label { margin-top: 8px; font-weight: 600; }

@media (max-width: 768px) {
  .qrcodes__inner { grid-template-columns: 1fr; }
}

/* 移动端自适应断点：768px 下两列，480px 下单列 */
@media (max-width: 768px) {
  .hot-products ul.products, .featured-products ul.products { grid-template-columns: repeat(2, 1fr) !important; gap:8px !important; }
  /* 提升优先级覆盖 global .woocommerce ul.products */
  .hot-products .woocommerce ul.products,
  .featured-products .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; gap:8px !important; }
  /* 卡片更紧凑，减少内边距 */
  .hot-products ul.products li.product,
  .featured-products ul.products li.product { padding:8px; }
  /* 图片比例更高，视觉更大 */
  .hot-products ul.products li.product a img,
  .featured-products ul.products li.product a img { aspect-ratio: 4/5; }
  /* 字体与按钮微调避免变形 */
  .hot-products ul.products li.product .woocommerce-loop-product__title,
  .featured-products ul.products li.product .woocommerce-loop-product__title { font-size:13px; }
  .hot-products ul.products li.product .price,
  .featured-products ul.products li.product .price { gap:6px; }
  .hot-products ul.products li.product .button,
  .featured-products ul.products li.product .button { font-size:13px; padding:8px 10px; white-space:nowrap; }
}

@media (max-width: 480px) {
  .hot-products ul.products, .featured-products ul.products { grid-template-columns: repeat(2, 1fr) !important; gap:8px !important; }
  /* 提升优先级覆盖 global .woocommerce ul.products */
  .hot-products .woocommerce ul.products,
  .featured-products .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; gap:8px !important; }
  /* 卡片更紧凑，减少内边距 */
  .hot-products ul.products li.product,
  .featured-products ul.products li.product { padding:8px; }
  /* 图片比例更高，视觉更大 */
  .hot-products ul.products li.product a img,
  .featured-products ul.products li.product a img { aspect-ratio: 4/5; }
  /* 字体与按钮微调避免变形 */
  .hot-products ul.products li.product .woocommerce-loop-product__title,
  .featured-products ul.products li.product .woocommerce-loop-product__title { font-size:13px; }
  .hot-products ul.products li.product .price,
  .featured-products ul.products li.product .price { gap:6px; }
  .hot-products ul.products li.product .button,
  .featured-products ul.products li.product .button { font-size:13px; padding:8px 10px; white-space:nowrap; }
}

/* 移动端满宽（抵消 container 的 16px 侧边距） */
@media (max-width: 768px) {
  .container .hot-products ul.products,
  .container .featured-products ul.products { margin-left:-16px; margin-right:-16px; }
}

/* 覆盖 WooCommerce 在 <=768px 下的列布局（移除 48% 宽度/浮动/清除） */
@media (max-width: 768px) {
  .woocommerce ul.products[class*=columns-] li.product,
  .woocommerce-page ul.products[class*=columns-] li.product,
  ul.products[class*=columns-] li.product {
    width:auto !important;
    float:none !important;
    clear:none !important;
    margin:0 !important;
  }
}

/* 商品卡片布局（WooCommerce 列表 + 首页短码区） */
.woocommerce ul.products li.product,
.hot-products ul.products li.product,
.featured-products ul.products li.product { display:flex; flex-direction:column; gap:8px; border:1px solid var(--color-border, #e5e5e5); border-radius:8px; padding:12px; background: var(--color-surface, #fff); width:auto; margin:0; text-align:center; float:none; }

.woocommerce ul.products li.product a img,
.hot-products ul.products li.product a img,
.featured-products ul.products li.product a img { width:100%; aspect-ratio:1/1; object-fit: cover; border-radius:6px; display:block; }

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.hot-products ul.products li.product .woocommerce-loop-product__title,
.featured-products ul.products li.product .woocommerce-loop-product__title { font-size:14px; font-weight:600; line-height:1.4; margin:0; color: var(--color-text, #222); text-align:center; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.woocommerce ul.products li.product .woocommerce-loop-product__title a,
.hot-products ul.products li.product .woocommerce-loop-product__title a,
.featured-products ul.products li.product .woocommerce-loop-product__title a { color: var(--color-text, #222); text-decoration:none; word-break: break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

.woocommerce ul.products li.product .price,
.hot-products ul.products li.product .price,
.featured-products ul.products li.product .price { margin-top:auto; display:flex; gap:8px; align-items:baseline; justify-content:center; }
.woocommerce ul.products li.product .price ins,
.hot-products ul.products li.product .price ins,
.featured-products ul.products li.product .price ins { color: var(--brand, #0b74ff); text-decoration:none; font-weight:700; }
.woocommerce ul.products li.product .price del,
.hot-products ul.products li.product .price del,
.featured-products ul.products li.product .price del { color: var(--color-muted, #777); font-weight:400; }

/* 购物车按钮置底与全宽 */
.woocommerce ul.products li.product .button,
.hot-products ul.products li.product .button,
.featured-products ul.products li.product .button { width:100%; margin-top:8px; border-radius:8px; padding:10px 12px; }

/* 桌面端列数：跟随 WooCommerce 的 columns-X 类 */
.woocommerce ul.products { list-style:none; margin:0; padding:0; display:grid; gap:16px; }
.woocommerce ul.products.columns-2 { grid-template-columns: repeat(2, 1fr); }
.woocommerce ul.products.columns-3 { grid-template-columns: repeat(3, 1fr); }
.woocommerce ul.products.columns-4 { grid-template-columns: repeat(4, 1fr); }
.woocommerce ul.products.columns-5 { grid-template-columns: repeat(5, 1fr); }
.woocommerce ul.products.columns-6 { grid-template-columns: repeat(6, 1fr); }

/* 首页区块保持自适应（auto-fill），便于在不同宽度下自然换列） */
.hot-products ul.products, .featured-products ul.products { display:grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap:16px; }

/* 预览用通用卡片结构（非 WooCommerce） */
.products .product { display:flex; flex-direction:column; gap:8px; border:1px solid #eee; border-radius:8px; padding:12px; background:#fff; }
.products .product .product__img { width:100%; aspect-ratio:1/1; border-radius:6px; background:#f0f0f0; }
.products .product .product__title { font-size:14px; font-weight:600; text-align:center; }
.products .product .product__price { margin-top:auto; display:flex; gap:8px; align-items:baseline; justify-content:center; }
.products .product .product__price del { color:#777; }
.products .product .product__price ins { color:#0b74ff; font-weight:700; text-decoration:none; }
.home-banner { margin: 24px 0; }
.home-banner__inner { display:grid; grid-template-columns: 1fr 1fr; gap:24px; align-items:center; }
.home-banner__grid { display:grid; grid-template-columns: repeat(2, 1fr); gap:12px; border-radius:10px; padding:12px; background:#fff; }
.home-banner__img img { width:100%; height:auto; border-radius:6px; display:block; }
.home-banner__media { border-radius:10px; padding:12px; background:#fff; }
.home-banner__media img { width:100%; height:auto; border-radius:6px; display:block; object-fit:cover; }
.home-banner__content { border-radius:10px; padding:16px 20px; background:#fff; }
.home-banner__title-wrap { display:flex; flex-direction:column; gap:8px; }
.home-banner__title-badge { display:inline-block; border-radius:6px; padding:6px 10px; font-size:12px; color:#333; }
.home-banner__title { margin:0; font-size:28px; display:inline-block; border-radius:6px; padding:6px 10px; }
.home-banner__subtitle { margin:12px 0 16px; display:inline-block; border-radius:6px; padding:6px 10px; }
.home-banner .btn.btn--primary { display:inline-block; padding:8px 14px; border-radius:8px; color:#ffffff; text-decoration:none; font-weight:600; }

@media (max-width: 768px) {
  .home-banner__inner { grid-template-columns: 1fr; }
}