/* =====================================================================
   MHOT — Storefront Pro v1.0.0
   商店前台高级化层 · 工业黑 + 安全橙
   覆盖 ShopMarkaz Lite（sml-shop-results）+ WooCommerce + 移动端
   加载于 mhot-brand.css 之后 → 同级 !important 后者胜
   ===================================================================== */

:root {
  --sf-ink:      #0B0D10;
  --sf-ink-2:    #14181D;
  --sf-steel:    #2A323B;
  --sf-line:     #E4E8ED;
  --sf-line-dk:  #2E3742;
  --sf-orange:   #FF5A1F;
  --sf-orange-d: #E04A12;
  --sf-amber:    #FFB020;
  --sf-text:     #101418;
  --sf-muted:    #5A6673;
  --sf-muted-lt: #8A96A3;
  --sf-bg-alt:   #F4F6F8;
  --sf-r:        8px;
  --sf-r-lg:     12px;
  --sf-sh:       0 1px 2px rgba(11,13,16,.05), 0 6px 20px -10px rgba(11,13,16,.14);
  --sf-sh-lg:    0 2px 6px rgba(11,13,16,.07), 0 22px 44px -18px rgba(11,13,16,.26);
}

/* =====================================================================
   1 · SHOP 归档页 — 网格与容器
   ===================================================================== */

.woocommerce .sml-shop-results ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* 空壳筛选侧栏：收起，让商品占满宽度 */
.sml-shop-layout {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
}
.sml-filter-panel { display: none !important; }

/* 商品卡本体 */
.woocommerce ul.products li.product,
.woocommerce .sml-shop-results ul.products li.product {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid var(--sf-line) !important;
  border-radius: var(--sf-r-lg) !important;
  box-shadow: none !important;
  transition: transform .26s cubic-bezier(.22,.61,.36,1),
              box-shadow .26s ease,
              border-color .26s ease !important;
}
.woocommerce ul.products li.product:hover,
.woocommerce .sml-shop-results ul.products li.product:hover {
  transform: translateY(-6px) !important;
  border-color: var(--sf-orange) !important;
  box-shadow: var(--sf-sh-lg) !important;
}

/* 图片区：统一 1:1 容器，白底，contain 完整显示 */
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link > img,
.woocommerce ul.products li.product a img,
.woocommerce .sml-shop-results ul.products li.product a img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 22px 22px 18px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
  background: #fff !important;
  border-bottom: 1px solid var(--sf-line) !important;
  transition: transform .45s cubic-bezier(.22,.61,.36,1) !important;
}
.woocommerce ul.products li.product:hover a img {
  transform: scale(1.05) !important;
}

/* 标题 */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce .sml-shop-results ul.products li.product .woocommerce-loop-product__title {
  padding: 16px 18px 8px !important;
  margin: 0 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.42 !important;
  letter-spacing: -.01em !important;
  color: var(--sf-text) !important;
  min-height: 62px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 价格 */
.woocommerce ul.products li.product .price,
.woocommerce .sml-shop-results ul.products li.product .price {
  padding: 0 18px 6px !important;
  margin: 0 !important;
  color: var(--sf-orange) !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
}
.woocommerce ul.products li.product .price del {
  color: var(--sf-muted-lt) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.woocommerce ul.products li.product .price ins {
  text-decoration: none !important;
}

/* 加购按钮：贴底，全宽 */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce .sml-shop-results ul.products li.product .button {
  margin: auto 18px 18px !important;
  width: calc(100% - 36px) !important;
  min-height: 46px !important;
  padding: 13px 10px !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  background: var(--sf-ink) !important;
  border: 1px solid var(--sf-ink) !important;
  border-radius: var(--sf-r) !important;
  box-shadow: none !important;
  transition: background .18s ease, border-color .18s ease,
              transform .14s ease !important;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover,
.woocommerce .sml-shop-results ul.products li.product .button:hover {
  background: var(--sf-orange) !important;
  border-color: var(--sf-orange) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}
.woocommerce ul.products li.product .button.loading { opacity: .72 !important; }
.woocommerce ul.products li.product .added_to_cart {
  margin: 0 18px 16px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: var(--sf-orange) !important;
  text-align: center;
}

/* 角标 */
.woocommerce span.onsale {
  top: 14px !important;
  left: 14px !important;
  right: auto !important;
  min-height: 28px !important;
  line-height: 28px !important;
  padding: 0 12px !important;
  border-radius: 4px !important;
  background: var(--sf-orange) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  box-shadow: 0 6px 16px -6px rgba(255,90,31,.75) !important;
}

/* 结果计数 + 排序栏 */
.woocommerce .woocommerce-result-count {
  margin: 0 0 20px !important;
  float: none !important;
  font-size: 13.5px !important;
  color: var(--sf-muted) !important;
  letter-spacing: .01em;
}
.woocommerce .woocommerce-ordering { float: none !important; margin: 0 0 20px !important; }
.woocommerce .woocommerce-ordering select {
  height: 42px !important;
  padding: 0 36px 0 14px !important;
  border: 1px solid var(--sf-line) !important;
  border-radius: var(--sf-r) !important;
  background-color: #fff !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: var(--sf-text) !important;
  cursor: pointer;
}

/* 分页 */
.woocommerce nav.woocommerce-pagination ul {
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 44px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.woocommerce nav.woocommerce-pagination ul li {
  border: 0 !important;
  margin: 0 !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  display: grid !important;
  place-items: center !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border: 1px solid var(--sf-line) !important;
  border-radius: var(--sf-r) !important;
  color: var(--sf-text) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  background: #fff !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--sf-ink) !important;
  border-color: var(--sf-ink) !important;
  color: #fff !important;
}

/* =====================================================================
   2 · 单品页 — 画廊 / 摘要 / 标签页
   ===================================================================== */

.woocommerce div.product div.images,
.woocommerce div.product div.summary {
  float: none !important;
  width: 100% !important;
}

.woocommerce div.product .woocommerce-product-gallery {
  border: 1px solid var(--sf-line) !important;
  border-radius: var(--sf-r-lg) !important;
  overflow: hidden !important;
  background: #fff !important;
}
.woocommerce div.product .woocommerce-product-gallery__wrapper {
  margin: 0 !important;
  border-radius: 0 !important;
}
.woocommerce div.product .woocommerce-product-gallery__image img {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  padding: 34px !important;
  box-sizing: border-box !important;
  background: #fff !important;
}

/* 缩略图条 */
.woocommerce div.product .flex-control-thumbs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
}
.woocommerce div.product .flex-control-thumbs li {
  width: auto !important;
  flex: 0 0 84px !important;
  margin: 0 !important;
  float: none !important;
}
.woocommerce div.product .flex-control-thumbs img {
  width: 84px !important;
  height: 84px !important;
  object-fit: contain !important;
  padding: 7px !important;
  box-sizing: border-box !important;
  border: 1px solid var(--sf-line) !important;
  border-radius: var(--sf-r) !important;
  background: #fff !important;
  opacity: .62 !important;
  transition: opacity .18s ease, border-color .18s ease !important;
}
.woocommerce div.product .flex-control-thumbs img:hover,
.woocommerce div.product .flex-control-thumbs img.flex-active {
  opacity: 1 !important;
  border-color: var(--sf-orange) !important;
}

/* 标题 / 价格 */
.woocommerce div.product .product_title {
  margin: 28px 0 12px !important;
  font-size: clamp(24px, 3vw, 36px) !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: -.028em !important;
  color: var(--sf-text) !important;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  display: block !important;
  margin: 0 0 20px !important;
  color: var(--sf-orange) !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  letter-spacing: -.03em !important;
}
.woocommerce div.product p.price del {
  color: var(--sf-muted-lt) !important;
  font-size: 19px !important;
  font-weight: 500 !important;
}

/* 短描述 */
.woocommerce div.product .woocommerce-product-details__short-description {
  margin: 0 0 26px !important;
  padding: 20px 22px !important;
  border-left: 3px solid var(--sf-orange) !important;
  border-radius: 0 var(--sf-r) var(--sf-r) 0 !important;
  background: var(--sf-bg-alt) !important;
  font-size: 15.5px !important;
  line-height: 1.72 !important;
  color: #333B44 !important;
}
.woocommerce div.product .woocommerce-product-details__short-description p:last-child { margin-bottom: 0 !important; }

/* 数量 + 加购表单 */
.woocommerce div.product form.cart {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: stretch !important;
  margin: 0 0 24px !important;
}
.woocommerce div.product form.cart .quantity {
  display: flex !important;
  margin: 0 !important;
}
.woocommerce div.product form.cart .quantity .qty {
  width: 84px !important;
  height: 54px !important;
  padding: 0 10px !important;
  border: 1px solid var(--sf-line) !important;
  border-radius: var(--sf-r) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: center !important;
  background: #fff !important;
}
.woocommerce div.product form.cart button.button,
.woocommerce div.product form.cart .single_add_to_cart_button {
  flex: 1 1 auto !important;
  min-height: 54px !important;
  padding: 0 40px !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  background: var(--sf-orange) !important;
  border: 1px solid var(--sf-orange) !important;
  border-radius: var(--sf-r) !important;
  box-shadow: 0 10px 24px -10px rgba(255,90,31,.72) !important;
  transition: background .18s ease, transform .16s ease, box-shadow .18s ease !important;
}
.woocommerce div.product form.cart button.button:hover,
.woocommerce div.product form.cart .single_add_to_cart_button:hover {
  background: var(--sf-orange-d) !important;
  border-color: var(--sf-orange-d) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 32px -12px rgba(255,90,31,.85) !important;
}

/* 商品元信息 */
.woocommerce div.product .product_meta {
  margin: 0 0 22px !important;
  padding: 16px 0 0 !important;
  border-top: 1px solid var(--sf-line) !important;
  font-size: 13.5px !important;
  color: var(--sf-muted) !important;
}
.woocommerce div.product .product_meta a { color: var(--sf-text) !important; font-weight: 600 !important; }

/* 标签页 */
.woocommerce div.product .woocommerce-tabs ul.tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  margin: 40px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--sf-line) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after { display: none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  display: block !important;
  padding: 15px 24px !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: var(--sf-muted) !important;
  border-bottom: 3px solid transparent !important;
  transition: color .18s ease, border-color .18s ease !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
  color: var(--sf-text) !important;
  border-bottom-color: var(--sf-orange) !important;
}
.woocommerce div.product .woocommerce-tabs .panel {
  margin: 0 !important;
  padding: 30px 0 0 !important;
  font-size: 15.5px !important;
  line-height: 1.78 !important;
  color: #333B44 !important;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
  font-size: 19px !important;
  font-weight: 800 !important;
  letter-spacing: -.015em !important;
  margin: 0 0 14px !important;
}

/* 相关商品 */
.woocommerce .related.products,
.woocommerce .upsells.products {
  margin-top: 56px !important;
  padding-top: 40px !important;
  border-top: 1px solid var(--sf-line) !important;
}
.woocommerce .related.products > h2,
.woocommerce .upsells.products > h2 {
  margin: 0 0 26px !important;
  font-size: clamp(20px, 2.4vw, 27px) !important;
  font-weight: 900 !important;
  letter-spacing: -.022em !important;
}

/* =====================================================================
   3 · 购物车 / 结算 / 账户
   ===================================================================== */

.woocommerce table.shop_table {
  border: 1px solid var(--sf-line) !important;
  border-radius: var(--sf-r-lg) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
}
.woocommerce table.shop_table th {
  padding: 15px 16px !important;
  background: var(--sf-bg-alt) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  color: var(--sf-muted) !important;
}
.woocommerce table.shop_table td {
  padding: 16px !important;
  border-top: 1px solid var(--sf-line) !important;
  font-size: 14.5px !important;
}
.woocommerce .cart_totals h2,
.woocommerce #order_review_heading {
  font-size: 20px !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
}
.woocommerce .button.alt,
.woocommerce #place_order,
.woocommerce .checkout-button,
.woocommerce button[name="update_cart"],
.woocommerce .wc-block-components-button {
  min-height: 52px !important;
  padding: 0 36px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  border-radius: var(--sf-r) !important;
}
.woocommerce #place_order,
.woocommerce .checkout-button.button.alt {
  background: var(--sf-orange) !important;
  color: #fff !important;
  border-color: var(--sf-orange) !important;
  box-shadow: 0 10px 24px -10px rgba(255,90,31,.72) !important;
}
.woocommerce #place_order:hover,
.woocommerce .checkout-button.button.alt:hover {
  background: var(--sf-orange-d) !important;
  border-color: var(--sf-orange-d) !important;
}

/* =====================================================================
   4 · 响应式 — 平板
   ===================================================================== */

@media (max-width: 1500px) {
  .woocommerce .sml-shop-results ul.products { grid-template-columns: repeat(4, minmax(0,1fr)) !important; }
}
@media (max-width: 1180px) {
  .woocommerce .sml-shop-results ul.products,
  .woocommerce ul.products { grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 20px !important; }
  .woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 58px; }
}
@media (max-width: 900px) {
  .woocommerce .sml-shop-results ul.products,
  .woocommerce ul.products { grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 16px !important; }
  .woocommerce ul.products li.product a img,
  .woocommerce .sml-shop-results ul.products li.product a img { padding: 18px !important; }
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce .sml-shop-results ul.products li.product .woocommerce-loop-product__title {
    padding: 14px 14px 6px !important; font-size: 14px !important; min-height: 56px;
  }
  .woocommerce ul.products li.product .price,
  .woocommerce .sml-shop-results ul.products li.product .price { padding: 0 14px 4px !important; font-size: 17px !important; }
  .woocommerce ul.products li.product .button,
  .woocommerce .sml-shop-results ul.products li.product .button {
    margin: auto 14px 14px !important; width: calc(100% - 28px) !important;
    min-height: 44px !important; font-size: 12px !important;
  }
}

/* =====================================================================
   5 · 响应式 — 手机（重点）
   ===================================================================== */

@media (max-width: 689.98px) {
  /* 两列网格，紧凑但不拥挤 */
  .woocommerce .sml-shop-results ul.products,
  .woocommerce ul.products,
  .woocommerce ul.products.columns-5 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  /* 商品卡：去掉大圆角，收紧内边距 */
  .woocommerce ul.products li.product,
  .woocommerce .sml-shop-results ul.products li.product {
    border-radius: 10px !important;
    padding: 0 !important;
  }
  .woocommerce ul.products li.product:hover { transform: none !important; }

  /* 图片：小屏收紧留白 */
  .woocommerce ul.products li.product a img,
  .woocommerce .sml-shop-results ul.products li.product a img {
    padding: 12px !important;
    border-bottom: 1px solid var(--sf-line) !important;
  }

  /* 标题：两行截断，字号适配 */
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce .sml-shop-results ul.products li.product .woocommerce-loop-product__title {
    padding: 11px 11px 5px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    min-height: 52px;
    -webkit-line-clamp: 2;
  }

  /* 价格 */
  .woocommerce ul.products li.product .price,
  .woocommerce .sml-shop-results ul.products li.product .price {
    padding: 0 11px 4px !important;
    font-size: 16px !important;
  }

  /* 按钮：≥44px 触控区 */
  .woocommerce ul.products li.product .button,
  .woocommerce ul.products li.product .add_to_cart_button,
  .woocommerce .sml-shop-results ul.products li.product .button {
    margin: auto 11px 11px !important;
    width: calc(100% - 22px) !important;
    min-height: 44px !important;
    padding: 0 6px !important;
    font-size: 11.5px !important;
    letter-spacing: .05em !important;
    border-radius: 6px !important;
  }

  /* 单品页：单列堆叠 */
  .woocommerce div.product .woocommerce-product-gallery__image img { padding: 20px !important; }
  .woocommerce div.product .flex-control-thumbs li { flex: 0 0 68px !important; }
  .woocommerce div.product .flex-control-thumbs img { width: 68px !important; height: 68px !important; }
  .woocommerce div.product .product_title { margin: 20px 0 10px !important; font-size: 23px !important; }
  .woocommerce div.product p.price,
  .woocommerce div.product span.price { font-size: 27px !important; margin-bottom: 16px !important; }
  .woocommerce div.product .woocommerce-product-details__short-description {
    padding: 16px 16px !important; font-size: 14.5px !important; line-height: 1.68 !important;
  }

  /* 加购表单：数量 + 按钮同排，按钮占满 */
  .woocommerce div.product form.cart { gap: 10px !important; }
  .woocommerce div.product form.cart .quantity .qty { width: 74px !important; height: 50px !important; }
  .woocommerce div.product form.cart button.button,
  .woocommerce div.product form.cart .single_add_to_cart_button {
    min-height: 50px !important; padding: 0 20px !important; font-size: 12.5px !important;
  }

  /* 标签页：横向可滑动，触控友好 */
  .woocommerce div.product .woocommerce-tabs ul.tabs {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs::-webkit-scrollbar { display: none; }
  .woocommerce div.product .woocommerce-tabs ul.tabs li { flex: 0 0 auto !important; }
  .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    padding: 13px 18px !important; font-size: 12.5px !important; white-space: nowrap;
  }
  .woocommerce div.product .woocommerce-tabs .panel { padding: 24px 0 0 !important; font-size: 15px !important; }

  /* 结果计数 / 排序栏 */
  .woocommerce .woocommerce-result-count { font-size: 12.5px !important; margin-bottom: 14px !important; }
  .woocommerce .woocommerce-ordering { margin-bottom: 16px !important; }
  .woocommerce .woocommerce-ordering select { height: 44px !important; font-size: 13px !important; width: 100% !important; }

  /* 分页触控 */
  .woocommerce nav.woocommerce-pagination ul { margin-top: 32px !important; gap: 6px !important; }
  .woocommerce nav.woocommerce-pagination ul li a,
  .woocommerce nav.woocommerce-pagination ul li span { min-width: 44px !important; min-height: 44px !important; }

  /* 购物车表格：移动端可横向滚动 */
  .woocommerce table.shop_table { font-size: 13.5px !important; }
  .woocommerce table.shop_table th,
  .woocommerce table.shop_table td { padding: 11px 9px !important; }
}

/* 超小屏 */
@media (max-width: 400px) {
  .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 12.5px !important; min-height: 48px; }
  .woocommerce ul.products li.product .price { font-size: 15px !important; }
  .woocommerce ul.products li.product .button { font-size: 11px !important; letter-spacing: .03em !important; }
}

/* =====================================================================
   6 · 无障碍 / 触控
   ===================================================================== */

@media (hover: none) {
  .woocommerce ul.products li.product:hover { transform: none !important; box-shadow: none !important; }
  .woocommerce ul.products li.product:hover a img { transform: none !important; }
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
.woocommerce ul.products li.product .button:focus-visible {
  outline: 2px solid var(--sf-orange) !important;
  outline-offset: 2px !important;
}

@media (prefers-reduced-motion: reduce) {
  .woocommerce ul.products li.product,
  .woocommerce ul.products li.product a img,
  .woocommerce div.product form.cart button.button {
    transition: none !important;
  }
}

/* =====================================================================
   7 · 单品页 — 桌面双栏（画廊 + 摘要并排）
   上面的 float:none + width:100% 是为移动端堆叠；这里在桌面恢复双栏
   ===================================================================== */

@media (min-width: 861px) {
  .woocommerce div.product div.images,
  .woocommerce-page div.product div.images {
    float: left !important;
    width: 47% !important;
    margin-right: 0 !important;
  }
  .woocommerce div.product div.summary,
  .woocommerce-page div.product div.summary {
    float: right !important;
    width: 49% !important;
    padding-top: 4px !important;
  }
  .woocommerce div.product .product_title { margin-top: 0 !important; }

  /* 双栏下表单不要撑太宽 */
  .woocommerce div.product form.cart button.button,
  .woocommerce div.product form.cart .single_add_to_cart_button {
    padding: 0 32px !important;
  }

  /* 双栏布局清除浮动 */
  .woocommerce div.product::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
  }
}

/* 单品页内容最大宽度，避免超宽屏拉太长 */
@media (min-width: 1200px) {
  .woocommerce div.product div.images { width: 46% !important; }
  .woocommerce div.product div.summary { width: 50% !important; }
}

/* =====================================================================
   8 · 首页商品网格（sml-market-product-grid）
   主题原用 object-fit:cover → 图片被裁切。统一为 contain + 工业风卡片。
   ===================================================================== */

.sml-market-product-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

.sml-market-product {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border: 1px solid var(--sf-line) !important;
  border-radius: var(--sf-r-lg) !important;
  background: #fff !important;
  transition: transform .26s cubic-bezier(.22,.61,.36,1),
              box-shadow .26s ease, border-color .26s ease !important;
}
.sml-market-product:hover {
  transform: translateY(-6px) !important;
  border-color: var(--sf-orange) !important;
  box-shadow: var(--sf-sh-lg) !important;
}

/* 图片：contain 完整显示，白底，1:1 */
.sml-market-product-image {
  aspect-ratio: 1 / 1 !important;
  background: #fff !important;
  border-bottom: 1px solid var(--sf-line) !important;
  overflow: hidden !important;
}
.sml-market-product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 22px !important;
  box-sizing: border-box !important;
  transition: transform .45s cubic-bezier(.22,.61,.36,1) !important;
}
.sml-market-product:hover .sml-market-product-image img {
  transform: scale(1.05) !important;
}

/* 角标：改为安全橙，工业风 */
.sml-market-product-image > span {
  top: 14px !important;
  left: 14px !important;
  padding: 0 12px !important;
  min-height: 28px !important;
  line-height: 28px !important;
  border-radius: 4px !important;
  background: var(--sf-orange) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  box-shadow: 0 6px 16px -6px rgba(255,90,31,.75) !important;
}

.sml-market-product-body { padding: 16px 18px 18px !important; }

.sml-market-product-title {
  min-height: 2.84em !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.42 !important;
  letter-spacing: -.01em !important;
  color: var(--sf-text) !important;
  -webkit-line-clamp: 2 !important;
}
.sml-market-product-price {
  margin: 10px 0 0 !important;
  min-height: 0 !important;
  color: var(--sf-orange) !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
}
.sml-market-product-price del {
  color: var(--sf-muted-lt) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.sml-market-product-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 44px !important;
  margin-top: 14px !important;
  padding: 0 12px !important;
  border-radius: var(--sf-r) !important;
  background: var(--sf-ink) !important;
  color: #fff !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: background .18s ease, transform .14s ease !important;
}
.sml-market-product-action:hover {
  background: var(--sf-orange) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

/* 首页网格响应式 */
@media (max-width: 1180px) {
  .sml-market-product-grid { grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 20px !important; }
}
@media (max-width: 900px) {
  .sml-market-product-grid { grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 16px !important; }
  .sml-market-product-image img { padding: 18px !important; }
  .sml-market-product-body { padding: 14px 14px 16px !important; }
  .sml-market-product-title { font-size: 14px !important; }
  .sml-market-product-price { font-size: 17px !important; }
  .sml-market-product-action { min-height: 42px !important; font-size: 12px !important; }
}
@media (max-width: 689.98px) {
  .sml-market-product-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 12px !important; }
  .sml-market-product { border-radius: 10px !important; }
  .sml-market-product:hover { transform: none !important; }
  .sml-market-product-image img { padding: 12px !important; }
  .sml-market-product-body { padding: 11px 11px 13px !important; }
  .sml-market-product-title { font-size: 13px !important; min-height: 2.8em !important; }
  .sml-market-product-price { font-size: 16px !important; margin-top: 7px !important; }
  .sml-market-product-action {
    min-height: 44px !important; margin-top: 11px !important;
    font-size: 11.5px !important; letter-spacing: .05em !important;
  }
  .sml-market-product-image > span { top: 9px !important; left: 9px !important; min-height: 24px !important; line-height: 24px !important; font-size: 10px !important; padding: 0 9px !important; }
}

/* =====================================================================
   9 · 首页 HERO 主视觉升级（左侧文案区 + 整体氛围）
   主题原为浅蓝/米黄渐变，改为工业黑主视觉，与轮播统一
   ===================================================================== */

/* banner 整体：深色工业底 + 网格纹理 + 橙色光晕 */
.sml-market-banner {
  position: relative !important;
  overflow: hidden !important;
  border-radius: var(--sf-r-lg) !important;
  background:
    radial-gradient(90% 120% at 88% 6%, rgba(255, 90, 31, .22) 0%, transparent 55%),
    radial-gradient(70% 100% at 8% 96%, rgba(255, 176, 32, .13) 0%, transparent 58%),
    linear-gradient(135deg, #0B0D10 0%, #14181D 52%, #1C2229 100%) !important;
  box-shadow: 0 20px 48px -20px rgba(11, 13, 16, .5) !important;
}
/* 网格纹理 */
.sml-market-banner::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, .038) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .038) 1px, transparent 1px) !important;
  background-size: 46px 46px !important;
  -webkit-mask-image: radial-gradient(120% 100% at 30% 40%, #000 20%, transparent 78%) !important;
  mask-image: radial-gradient(120% 100% at 30% 40%, #000 20%, transparent 78%) !important;
  pointer-events: none !important;
}
/* 左上橙色描边光条 */
.sml-market-banner::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 132px !important;
  height: 3px !important;
  background: linear-gradient(90deg, var(--sf-orange), rgba(255, 176, 32, 0)) !important;
  z-index: 3 !important;
}

.sml-market-banner-copy { position: relative !important; z-index: 3 !important; }

/* kicker：橙色描边胶囊 */
.sml-market-kicker {
  padding: 7px 14px !important;
  border: 1px solid rgba(255, 90, 31, .42) !important;
  border-radius: 4px !important;
  background: rgba(255, 90, 31, .13) !important;
  color: #FFB020 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

/* h1：白色重字重 + 收紧字距 */
.sml-market-banner h1 {
  color: #fff !important;
  font-weight: 900 !important;
  letter-spacing: -.032em !important;
  text-shadow: 0 3px 22px rgba(0, 0, 0, .38) !important;
}

/* 正文：浅灰，提高在深底上的可读性 */
.sml-market-banner-copy > p {
  color: rgba(255, 255, 255, .74) !important;
  font-size: 15.5px !important;
  line-height: 1.66 !important;
}

/* 按钮：主按钮橙色，次按钮玻璃描边 */
.sml-market-banner .sml-button {
  min-height: 50px !important;
  padding: 0 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: var(--sf-r) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: background .18s ease, border-color .18s ease,
              transform .16s ease, box-shadow .18s ease !important;
}
.sml-market-banner .sml-button:not(.sml-button--outline) {
  background: var(--sf-orange) !important;
  border: 1px solid var(--sf-orange) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px -12px rgba(255, 90, 31, .85) !important;
}
.sml-market-banner .sml-button:not(.sml-button--outline):hover {
  background: var(--sf-orange-d) !important;
  border-color: var(--sf-orange-d) !important;
  transform: translateY(-2px) !important;
}
.sml-market-banner .sml-button--outline {
  background: rgba(255, 255, 255, .05) !important;
  border: 1px solid rgba(255, 255, 255, .3) !important;
  color: #fff !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.sml-market-banner .sml-button--outline:hover {
  background: rgba(255, 255, 255, .13) !important;
  border-color: rgba(255, 255, 255, .55) !important;
  transform: translateY(-2px) !important;
}

.sml-hero-actions { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; }

/* 左侧分类栏：跟随深色高级化 */
.sml-market-categories {
  border: 1px solid var(--sf-line) !important;
  border-radius: var(--sf-r-lg) !important;
  background: #fff !important;
  overflow: hidden !important;
}
.sml-market-categories h2 {
  margin: 0 !important;
  padding: 16px 18px !important;
  border-bottom: 1px solid var(--sf-line) !important;
  background: var(--sf-bg-alt) !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: var(--sf-muted) !important;
}
.sml-market-categories ul { margin: 0 !important; padding: 6px !important; list-style: none !important; }
.sml-market-categories li a {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 44px !important;
  padding: 0 12px !important;
  border-radius: var(--sf-r) !important;
  color: var(--sf-text) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background .16s ease, color .16s ease !important;
}
.sml-market-categories li a b { margin-left: auto !important; color: var(--sf-muted-lt) !important; transition: transform .16s ease, color .16s ease !important; }
.sml-market-categories li a:hover { background: rgba(255, 90, 31, .09) !important; color: var(--sf-orange) !important; }
.sml-market-categories li a:hover b { color: var(--sf-orange) !important; transform: translateX(3px) !important; }
.sml-market-all {
  display: block !important;
  padding: 14px 18px !important;
  border-top: 1px solid var(--sf-line) !important;
  color: var(--sf-orange) !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-decoration: none !important;
}
.sml-market-all:hover { background: var(--sf-bg-alt) !important; }

/* ==== HERO 响应式 ==== */
@media (max-width: 1180px) {
  .sml-market-banner { padding: 34px 30px !important; }
  .sml-market-banner h1 { font-size: clamp(30px, 4.6vw, 46px) !important; }
}
@media (max-width: 900px) {
  .sml-market-banner {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 22px !important;
    padding: 30px 24px !important;
  }
  .sml-market-banner h1 { font-size: clamp(27px, 6vw, 36px) !important; }
  .sml-market-banner-copy > p { font-size: 15px !important; }
}
@media (max-width: 689.98px) {
  .sml-market-banner { padding: 26px 20px !important; border-radius: 12px !important; }
  .sml-market-banner h1 { font-size: 26px !important; letter-spacing: -.024em !important; margin-bottom: 13px !important; }
  .sml-market-banner-copy > p { font-size: 14.5px !important; line-height: 1.6 !important; margin-bottom: 18px !important; }
  .sml-market-kicker { font-size: 10px !important; padding: 6px 11px !important; }
  .sml-hero-actions { gap: 10px !important; }
  .sml-market-banner .sml-button {
    flex: 1 1 100% !important;
    min-height: 48px !important;
    padding: 0 18px !important;
    font-size: 12.5px !important;
  }
  .sml-market-banner::before { background-size: 34px 34px !important; }
}

/* =====================================================================
   10 · 轮播放大（用户反馈："轮番图太小了"）
   背景：主题给 banner 右侧列仅 320px、高 500px；商品图 contain+26px padding → 显得很小
   方案：大幅加宽右侧列 + 轮播撑满高度 + 图片放大 + 精简留白
   ===================================================================== */

/* --- 轮播外框：撑满 banner 高度 --- */
.mhot-hc {
  min-height: 460px !important;
  height: 100% !important;
  align-self: stretch !important;
}

/* --- 图片：占满整张卡，缩小留白，图片明显放大 --- */
.mhot-hc__img {
  padding: 30px 30px 140px !important;
  transform: scale(1.05) !important;
  background: linear-gradient(160deg, #fff 0%, #F4F7FA 100%) !important;
  filter: drop-shadow(0 22px 34px rgba(7, 29, 52, .22));
}
.mhot-hc__slide:hover .mhot-hc__img { transform: scale(1.11) !important; }

/* --- 文字层：标题更大更清晰 --- */
.mhot-hc__meta { padding: 0 26px 24px !important; }
.mhot-hc__title {
  font-size: 1.2rem !important;
  font-weight: 900 !important;
  line-height: 1.24 !important;
  letter-spacing: -.018em !important;
}
.mhot-hc__price { font-size: 1.5rem !important; font-weight: 900 !important; }
.mhot-hc__cat { font-size: 10.5px !important; padding: 5px 11px !important; }
.mhot-hc__sku { font-size: 10.5px !important; }

/* --- 控件：不挡主体，适当放大 --- */
.mhot-hc__nav { width: 46px !important; height: 46px !important; }
.mhot-hc__nav--prev { left: 14px !important; }
.mhot-hc__nav--next { right: 14px !important; }
.mhot-hc__count { font-size: 10.5px !important; padding: 5px 10px !important; }
.mhot-hc__dot { width: 7px !important; height: 7px !important; }
.mhot-hc__dot.is-active { width: 24px !important; }

/* =========== 关键：把 banner 右侧留给轮播的列大幅加宽 =========== */

@media (min-width: 1401px) {
  .sml-market-banner {
    grid-template-columns: minmax(0, .78fr) minmax(560px, 1.5fr) !important;
    min-height: 540px !important;
    padding: 46px 48px !important;
  }
}
@media (min-width: 1181px) and (max-width: 1400px) {
  .sml-market-banner {
    grid-template-columns: minmax(0, .8fr) minmax(430px, 1.35fr) !important;
    min-height: 510px !important;
  }
}
@media (min-width: 761px) and (max-width: 1180px) {
  .sml-market-banner {
    grid-template-columns: minmax(0, 1fr) minmax(400px, .95fr) !important;
    min-height: 450px !important;
    padding: 34px !important;
  }
  .mhot-hc { min-height: 420px !important; }
}

/* 手机：轮播从 262px 提到 340px，图放大 */
@media (max-width: 760px) {
  .sml-market-banner { min-height: 0 !important; padding: 26px 20px 22px !important; }
  .mhot-hc {
    height: 340px !important;
    min-height: 340px !important;
    margin-top: 20px !important;
    border-radius: 14px !important;
  }
  .mhot-hc__img { padding: 20px 18px 116px !important; transform: scale(1.07) !important; }
  .mhot-hc__slide:hover .mhot-hc__img { transform: scale(1.07) !important; }
  .mhot-hc__meta { padding: 0 17px 17px !important; }
  .mhot-hc__title { font-size: 1.04rem !important; }
  .mhot-hc__price { font-size: 1.26rem !important; }
  .mhot-hc__nav { width: 40px !important; height: 40px !important; }
  .mhot-hc__nav--prev { left: 8px !important; }
  .mhot-hc__nav--next { right: 8px !important; }
}
@media (max-width: 480px) {
  .mhot-hc { height: 312px !important; min-height: 312px !important; }
  .mhot-hc__img { padding: 16px 14px 106px !important; }
  .mhot-hc__title { font-size: .98rem !important; }
}

/* --- 11 · 压低 banner 高度（放大的轮播不应把 banner 撑到 848px） --- */
@media (min-width: 1401px) {
  .sml-market-banner {
    grid-template-columns: minmax(0, .82fr) minmax(540px, 1.45fr) !important;
    min-height: 520px !important;
    max-height: 560px !important;
    padding: 42px 44px !important;
    align-items: center !important;
  }
  .mhot-hc { min-height: 0 !important; height: 100% !important; max-height: 476px !important; }
  .sml-market-banner h1 { font-size: clamp(2.5rem, 3.7vw, 3.9rem) !important; }
}
@media (min-width: 1181px) and (max-width: 1400px) {
  .sml-market-banner {
    grid-template-columns: minmax(0, .84fr) minmax(420px, 1.3fr) !important;
    min-height: 480px !important;
    max-height: 520px !important;
    padding: 38px !important;
    align-items: center !important;
  }
  .mhot-hc { min-height: 0 !important; height: 100% !important; max-height: 444px !important; }
  .sml-market-banner h1 { font-size: clamp(2.2rem, 3.3vw, 3.2rem) !important; }
}
@media (min-width: 761px) and (max-width: 1180px) {
  .sml-market-banner {
    grid-template-columns: minmax(0, 1fr) minmax(380px, .95fr) !important;
    min-height: 430px !important;
    max-height: 470px !important;
    align-items: center !important;
  }
  .mhot-hc { min-height: 0 !important; height: 100% !important; max-height: 404px !important; }
  .sml-market-banner h1 { font-size: clamp(1.9rem, 3.4vw, 2.6rem) !important; }
}
/* 图片内边距按尺寸回缩一点，避免图被 padding 吃掉 */
@media (min-width: 761px) {
  .mhot-hc__img { padding: 26px 26px 128px !important; transform: scale(1.04) !important; }
  .mhot-hc__slide:hover .mhot-hc__img { transform: scale(1.1) !important; }
  .mhot-hc__title { font-size: 1.12rem !important; }
  .mhot-hc__price { font-size: 1.38rem !important; }
}

/* --- 12 · 轮播改为近正方形（商品图为 1:1，横向宽盒导致图片只占 51% 宽） --- */
/* 桌面：右侧列收窄成接近正方形，图片即可撑满 */
@media (min-width: 1401px) {
  .sml-market-banner {
    grid-template-columns: minmax(0, 1fr) minmax(420px, 5.2in) !important;
    grid-template-columns: minmax(0, 1fr) 450px !important;
    min-height: 520px !important;
    max-height: 560px !important;
    padding: 42px 44px !important;
  }
  .mhot-hc { max-height: 476px !important; }
  .sml-market-banner h1 { font-size: clamp(2.5rem, 3.8vw, 4rem) !important; }
}
@media (min-width: 1181px) and (max-width: 1400px) {
  .sml-market-banner {
    grid-template-columns: minmax(0, 1fr) 430px !important;
    min-height: 500px !important;
    max-height: 540px !important;
    padding: 38px !important;
  }
  .mhot-hc { max-height: 464px !important; }
}
@media (min-width: 1181px) and (max-width: 1280px) {
  .sml-market-banner { grid-template-columns: minmax(0, 1fr) 400px !important; }
  .mhot-hc { max-height: 434px !important; }
}
@media (min-width: 761px) and (max-width: 1180px) {
  .sml-market-banner {
    grid-template-columns: minmax(0, 1fr) 380px !important;
    min-height: 440px !important;
    max-height: 480px !important;
  }
  .mhot-hc { max-height: 412px !important; }
}
/* 图片：近方盒里放大，减少底部留白给文字 */
@media (min-width: 761px) {
  .mhot-hc__img { padding: 22px 22px 112px !important; transform: scale(1.04) !important; }
  .mhot-hc__slide:hover .mhot-hc__img { transform: scale(1.1) !important; }
  .mhot-hc__title { font-size: 1.14rem !important; }
  .mhot-hc__price { font-size: 1.4rem !important; }
}
/* 手机：轮播近正方形，图片撑满 */
@media (max-width: 760px) {
  .mhot-hc { height: 340px !important; min-height: 340px !important; }
  .mhot-hc__img { padding: 16px 16px 100px !important; transform: scale(1.06) !important; }
  .mhot-hc__slide:hover .mhot-hc__img { transform: scale(1.06) !important; }
}

/* --- 13 · 图片真正占满：文字层压缩、图延伸到文字底下 --- */
/* 思路：图片 padding 底部从 112px 降到 66px（文字浮在图上，靠渐变遮罩保证可读） */
@media (min-width: 761px) {
  .mhot-hc__img { padding: 20px 20px 78px !important; transform: scale(1.03) !important; }
  .mhot-hc__slide:hover .mhot-hc__img { transform: scale(1.09) !important; }
  /* 文字层紧凑：分类 + 标题 + 价格压到 ~78px */
  .mhot-hc__meta { padding: 0 20px 18px !important; }
  .mhot-hc__cat { margin-bottom: 6px !important; padding: 4px 9px !important; font-size: 10px !important; }
  .mhot-hc__title { font-size: 1.06rem !important; line-height: 1.2 !important; }
  .mhot-hc__row { margin-top: 5px !important; }
  .mhot-hc__price { font-size: 1.3rem !important; }
  .mhot-hc__sku { font-size: 10px !important; }
}
/* 遮罩略降，避免压掉图片下半部分 */
.mhot-hc__slide::after { height: 46% !important; }

/* 轮播框：去掉多余的尺寸限制，让图片主导 */
@media (min-width: 1401px) {
  .sml-market-banner { grid-template-columns: minmax(0, 1fr) 470px !important; min-height: 520px !important; max-height: 545px !important; }
  .mhot-hc { max-height: 461px !important; }
}
@media (min-width: 1181px) and (max-width: 1400px) {
  .sml-market-banner { grid-template-columns: minmax(0, 1fr) 450px !important; min-height: 495px !important; max-height: 520px !important; }
  .mhot-hc { max-height: 444px !important; }
}
@media (min-width: 1181px) and (max-width: 1280px) {
  .sml-market-banner { grid-template-columns: minmax(0, 1fr) 420px !important; }
  .mhot-hc { max-height: 414px !important; }
}
@media (min-width: 761px) and (max-width: 1180px) {
  .sml-market-banner { grid-template-columns: minmax(0, 1fr) 400px !important; min-height: 440px !important; max-height: 465px !important; }
  .mhot-hc { max-height: 389px !important; }
}
@media (max-width: 760px) {
  .mhot-hc__img { padding: 14px 14px 74px !important; transform: scale(1.05) !important; }
  .mhot-hc__slide:hover .mhot-hc__img { transform: scale(1.05) !important; }
  .mhot-hc__meta { padding: 0 15px 14px !important; }
  .mhot-hc__title { font-size: 1rem !important; }
  .mhot-hc__price { font-size: 1.2rem !important; }
}

/* --- 14 · 最终定案：图片区改为「满幅白底 + 图片尽量大」 ---
   放弃底部大留白，改为图片居中偏上、文字压在渐变上 */
@media (min-width: 761px) {
  /* 图片：左右几乎无留白，底部仅留文字高度 */
  .mhot-hc__img {
    padding: 14px 14px 74px !important;
    transform: scale(1.0) !important;
  }
  .mhot-hc__slide:hover .mhot-hc__img { transform: scale(1.06) !important; }
}
/* 文字层：单行化布局（分类胶囊行内、标题一行、价格一行）→ 总高 ~74px */
@media (min-width: 761px) {
  .mhot-hc__meta { padding: 0 16px 14px !important; }
  .mhot-hc__cat { margin-bottom: 5px !important; padding: 3px 8px !important; font-size: 9.5px !important; }
  .mhot-hc__title {
    font-size: 1rem !important;
    line-height: 1.18 !important;
    -webkit-line-clamp: 1 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }
  .mhot-hc__row { margin-top: 4px !important; }
  .mhot-hc__price { font-size: 1.22rem !important; }
}
/* 遮罩压到 40% 高 */
.mhot-hc__slide::after { height: 40% !important; }

/* 轮播框：尽量接近商品图 1:1 比例 */
@media (min-width: 1401px) {
  .sml-market-banner { grid-template-columns: minmax(0, 1fr) 480px !important; min-height: 520px !important; max-height: 530px !important; }
  .mhot-hc { max-height: 446px !important; }
}
@media (min-width: 1181px) and (max-width: 1400px) {
  .sml-market-banner { grid-template-columns: minmax(0, 1fr) 455px !important; min-height: 495px !important; max-height: 510px !important; }
  .mhot-hc { max-height: 434px !important; }
}
@media (min-width: 1181px) and (max-width: 1280px) {
  .sml-market-banner { grid-template-columns: minmax(0, 1fr) 425px !important; }
  .mhot-hc { max-height: 404px !important; }
}
@media (min-width: 761px) and (max-width: 1180px) {
  .sml-market-banner { grid-template-columns: minmax(0, 1fr) 405px !important; min-height: 425px !important; max-height: 440px !important; }
  .mhot-hc { max-height: 364px !important; }
}
@media (max-width: 760px) {
  .mhot-hc__img { padding: 12px 12px 70px !important; }
  .mhot-hc__meta { padding: 0 14px 12px !important; }
  .mhot-hc__cat { margin-bottom: 4px !important; padding: 3px 8px !important; font-size: 9.5px !important; }
  .mhot-hc__title {
    font-size: .98rem !important; line-height: 1.18 !important;
    white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
  }
  .mhot-hc__price { font-size: 1.16rem !important; }
}

/* --- 15 · 定案：轮播槽改为正方形（商品图均为 1254×1254 正方形） ---
   之前槽是 480×434 扁的 → 正方形图最多只能占 72% 宽，所以显小。
   现在槽与图同比例，图片真正撑满。 */
@media (min-width: 1401px) {
  .sml-market-banner {
    grid-template-columns: minmax(0, 1fr) 500px !important;
    min-height: 540px !important;
    max-height: 556px !important;
    padding: 40px 44px !important;
    align-items: center !important;
  }
  /* 槽 500 宽 - 44*2 padding = 412 内容宽；高度让内容区≈412 见方 */
  .mhot-hc { width: 100% !important; height: 500px !important; max-height: 500px !important; min-height: 0 !important; }
  .mhot-hc__img { padding: 12px 12px 76px !important; }
}
@media (min-width: 1181px) and (max-width: 1400px) {
  .sml-market-banner {
    grid-template-columns: minmax(0, 1fr) 470px !important;
    min-height: 512px !important; max-height: 528px !important;
    padding: 36px 40px !important;
    align-items: center !important;
  }
  .mhot-hc { width: 100% !important; height: 470px !important; max-height: 470px !important; min-height: 0 !important; }
  .mhot-hc__img { padding: 12px 12px 74px !important; }
}
@media (min-width: 1181px) and (max-width: 1280px) {
  .sml-market-banner { grid-template-columns: minmax(0, 1fr) 430px !important; min-height: 480px !important; max-height: 496px !important; }
  .mhot-hc { height: 430px !important; max-height: 430px !important; }
}
@media (min-width: 761px) and (max-width: 1180px) {
  .sml-market-banner {
    grid-template-columns: minmax(0, 1fr) 400px !important;
    min-height: 448px !important; max-height: 464px !important;
    padding: 30px !important; align-items: center !important;
  }
  .mhot-hc { width: 100% !important; height: 400px !important; max-height: 400px !important; min-height: 0 !important; }
  .mhot-hc__img { padding: 10px 10px 70px !important; }
}
/* 手机：正方形槽，图撑满 */
@media (max-width: 760px) {
  .mhot-hc { height: 348px !important; min-height: 348px !important; max-height: 348px !important; }
  .mhot-hc__img { padding: 12px 12px 68px !important; }
  .mhot-hc__meta { padding: 0 14px 12px !important; }
}
@media (max-width: 480px) {
  .mhot-hc { height: 320px !important; min-height: 320px !important; max-height: 320px !important; }
  .mhot-hc__img { padding: 10px 10px 64px !important; }
}

/* --- 16 · 图片再多占 8%：文字层进一步压缩 + 槽再加大 --- */
@media (min-width: 761px) {
  /* 文字层压到 ~64px：分类与 SKU 同行不占额外高度 */
  .mhot-hc__img { padding: 10px 10px 66px !important; }
  .mhot-hc__meta { padding: 0 14px 11px !important; }
  .mhot-hc__cat { margin-bottom: 4px !important; padding: 3px 8px !important; font-size: 9.5px !important; letter-spacing: .04em !important; }
  .mhot-hc__title { font-size: .99rem !important; line-height: 1.16 !important; }
  .mhot-hc__row { margin-top: 3px !important; }
  .mhot-hc__price { font-size: 1.2rem !important; }
  .mhot-hc__sku { font-size: 9.5px !important; }
  .mhot-hc__slide::after { height: 38% !important; }
}
/* 槽再放大 30px（桌面），图片跟着变大 */
@media (min-width: 1401px) {
  .sml-market-banner { grid-template-columns: minmax(0, 1fr) 530px !important; min-height: 570px !important; max-height: 586px !important; }
  .mhot-hc { height: 530px !important; max-height: 530px !important; }
}
@media (min-width: 1181px) and (max-width: 1400px) {
  .sml-market-banner { grid-template-columns: minmax(0, 1fr) 496px !important; min-height: 538px !important; max-height: 554px !important; }
  .mhot-hc { height: 496px !important; max-height: 496px !important; }
}
@media (min-width: 1181px) and (max-width: 1280px) {
  .sml-market-banner { grid-template-columns: minmax(0, 1fr) 452px !important; min-height: 502px !important; max-height: 518px !important; }
  .mhot-hc { height: 452px !important; max-height: 452px !important; }
}
@media (min-width: 761px) and (max-width: 1180px) {
  .sml-market-banner { grid-template-columns: minmax(0, 1fr) 420px !important; min-height: 470px !important; max-height: 486px !important; }
  .mhot-hc { height: 420px !important; max-height: 420px !important; }
}
@media (max-width: 760px) {
  .mhot-hc { height: 360px !important; min-height: 360px !important; max-height: 360px !important; }
  .mhot-hc__img { padding: 10px 10px 62px !important; }
  .mhot-hc__title { font-size: .96rem !important; }
  .mhot-hc__price { font-size: 1.14rem !important; }
}

/* ============================================================
   v1.2.0 — 首页主题自带 highlights 区：emoji/symbol -> 编号
   原主题用 ◫ ✓ ▣ ✦ 四个符号 + 模板占位文案（Responsive Design 等）
   -> 改为 01-04 编号 + 真实业务卖点
   ============================================================ */
.sml-market-services .sml-container > div > span[aria-hidden="true"] {
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  font-size: 13px; font-weight: 700; letter-spacing: .08em;
  color: var(--mh-orange, #FF5A1F);
  background: rgba(255, 90, 31, .08);
  border: 1px solid rgba(255, 90, 31, .22);
  width: auto; min-width: 30px; height: 30px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 6px; padding: 0 7px;
  line-height: 1;
}
.sml-market-services .sml-container > div > span[aria-hidden="true"] * { display: none; }