/* ==========================================================================
   MHOT UI — 统一设计系统（重构版 v47）
   ---------------------------------------------------------------------------
   来源：原 9 个 mu-plugin CSS（6601 行 / 2462 !important）
   方法：Playwright 实测 13 个页面，逐选择器验证是否真正命中元素。
         跨文件同选择器按原加载顺序合并，因此同一选择器只出现一次，
         不再需要靠 !important 抢优先级。
   ========================================================================== */

:root {
  --mh-orange: #FF5A1F;
  --mh-navy: #004672;
  --mh-navy-deep: #0b2235;
  --mh-line: #dfe8f0;
  --mh-soft: #f4f6f8;
  --mh-text: #222222;
  --mh-muted: #666666;
  --mh-container: 1200px;
  --mh-radius: 14px;
}

:root {
  --mh-fs-display: 64px;
  --mh-fs-h1:      52px;
  --mh-fs-h2:      40px;
  --mh-fs-h3:      24px;
  --mh-fs-h4:      19px;
  --mh-fs-body:    16px;
  --mh-fs-sm:      14px;
  --mh-fs-xs:      13px;
  --mh-fs-eyebrow: 12px;
  --mh-fw-head: 600;
  --mh-fw-body: 400;
  --mh-lh-tight: 1.12;
  --mh-lh-head:  1.2;
  --mh-lh-body:  1.65;
  --mh-ls-tight: -0.02em;
  --mh-ls-head:  -0.015em;
  --mh-ls-normal: 0;
  --mh-ls-eyebrow: 0.09em;
  --mh-sp-1: 8px;
  --mh-sp-2: 16px;
  --mh-sp-3: 24px;
  --mh-sp-4: 32px;
  --mh-sp-5: 48px;
  --mh-sp-6: 64px;
  --mh-sp-7: 96px;
  --mh-sp-8: 120px;
  --mh-r-sm: 8px;
  --mh-r-md: 14px;
  --mh-sh-1: 0 1px 2px rgba(16,20,24,.05), 0 1px 3px rgba(16,20,24,.05);
  --mh-sh-2: 0 4px 12px rgba(16,20,24,.06), 0 2px 4px rgba(16,20,24,.04);
  --mh-sh-3: 0 12px 32px rgba(16,20,24,.08), 0 4px 8px rgba(16,20,24,.04);
  --mh-container: 1200px;
  --mh-prose: 720px;
  --mh-section-y: 96px;
  --mh-ink:        #0B0D10;
  --mh-ink-2:      #14181D;
  --mh-ink-3:      #1E242B;
  --mh-steel:      #2A323B;
  --mh-line:       #2E3742;
  --mh-line-lt:    #DCE1E6;
  --mh-orange:     #FF5A1F;
  --mh-orange-d:   #E04A12;
  --mh-orange-lt:  #FF7A45;
  --mh-amber:      #FFB020;
  --mh-text:       #101418;
  --mh-muted:      #5A6673;
  --mh-muted-lt:   #8A96A3;
  --mh-bg:         #FFFFFF;
  --mh-bg-alt:     #F4F6F8;
  --mh-bg-dark:    #0F1216;
  --mh-radius:     6px;
  --mh-radius-lg:  10px;
  --mh-shadow:     0 1px 2px rgba(11,13,16,.06), 0 8px 24px -12px rgba(11,13,16,.18);
  --mh-shadow-lg:  0 2px 4px rgba(11,13,16,.08), 0 24px 48px -20px rgba(11,13,16,.30);
  --mh-font:       'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --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);
}

html body .sml-cat-card:hover, html body .sml-product:hover, html body .product:hover, html body .mhot-card:hover {
  box-shadow: var(--mh-sh-3) !important;
}

html body section, html body .sml-market-section, html body .sml-lux-categories, html body .sml-home-content {
  padding-top: var(--mh-section-y) !important;
  padding-bottom: var(--mh-section-y) !important;
}

html body * {
  --mh-shadow: var(--mh-sh-2) !important;
}

html body .sml-market-banner h1, html body .sml-market-banner h2, html body .sml-hero-copy h1 {
  font-weight: var(--mh-fw-head) !important;
  font-size: var(--mh-fs-h1) !important;
  line-height: var(--mh-lh-tight) !important;
  letter-spacing: var(--mh-ls-tight) !important;
}

html body h1, html body h2, html body h3, html body h4, html body .sml-market-banner h1, html body .mhot-hc__title, html body .mhot-hc__price, html body .sml-entry-title, html body .mhot-cta h2, html body .woocommerce-loop-product__title {
  font-weight: var(--mh-fw-head) !important;
}

html body .sml-market-banner {
  border-radius: var(--mh-r-md) !important;
  min-height: 0 !important;
  padding: 32px 36px !important;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 340px) !important;
  gap: 32px !important;
  background: #FFFFFF !important;
  overflow: hidden !important;
  align-items: center !important;
}

html body .sml-market-banner, html body .mhot-hc, html body .sml-cat-card, html body .sml-product, html body .product, html body .woocommerce ul.products li.product {
  box-shadow: var(--mh-sh-2) !important;
}

html body .woocommerce a.button:hover, html body .woocommerce button.button:hover, html body .sml-button:hover, html body .mhot-hc__btn:hover {
  box-shadow: var(--mh-sh-3) !important;
}

html body h2 > span:not([class]), html body h2 span.woocommerce-loop-category__title, html body .sml-lux-categories h2, html body aside.sml-market-categories h2, html body aside.sml-market-categories h2 span {
  font-size: var(--mh-fs-h3) !important;
  font-weight: var(--mh-fw-head) !important;
  letter-spacing: var(--mh-ls-head) !important;
  text-transform: none !important;
  line-height: 1.3 !important;
}

html body span:not([class]) {
  border-radius: var(--mh-r-sm) !important;
}

html body a.sml-button:hover, html body a.mhot-btn:hover, html body a.mhot-btn-primary:hover, html body .woocommerce a.button:hover, html body .woocommerce button.button:hover, html body button.single_add_to_cart_button:hover {
  box-shadow: var(--mh-sh-2) !important;
}

.mhot-bullets li {
  font-size: 14.5px;
  line-height: 1.6;
  padding: 10px 0 10px 22px;
  position: relative;
  margin: 0 0 14px;
  color: #3C4753;
  border-bottom: 1px solid #EDF0F3;
}

.mhot-bullets li strong {
  font-size: 15px;
  line-height: 1.4 !important;
  display: block;
  margin: 0 4px 0 0 !important;
  font-weight: 600;
  letter-spacing: -.005em;
  color: #16212B;
  margin-bottom: 3px;
}

.mhot-bullets li span {
  font-size: 13.5px !important;
  line-height: 1.45 !important;
  display: block;
  color: #5A6673;
}

.mhot-bullets {
  margin: 4px 0 18px;
  list-style: none;
  padding: 0;
  border-top: 1px solid #EDF0F3;
}

.mhot-wholesale-cta {
  margin-bottom: 8px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 0 0 18px;
  padding: 14px 18px;
  background: linear-gradient(135deg, #004672 0%, #0A5C8F 100%);
  border: 1px solid #E3E9EF !important;
  border-radius: 12px;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease;
  border-top: 1px dashed #D8E0E8 !important;
  color: #fff;
}

.summary .stock.in-stock::before {
  content:  !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #16A34A !important;
  display: inline-block !important;
}

.summary .mhot-bullets li::before {
  display: none !important;
}

.summary form.cart .single_add_to_cart_button:hover {
  background: #00365A !important;
  border-color: #00365A !important;
}

.summary .mhot-wholesale-cta:hover span {
  color: #00365A !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  border-bottom: 1px solid var(--sf-line) !important;
  padding: 0 !important;
  margin: 40px 0 0 !important;
  gap: 4px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  border: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  color: var(--sf-muted) !important;
  padding: 15px 24px !important;
  letter-spacing: .06em !important;
  display: block !important;
  text-transform: uppercase !important;
  border-bottom: 3px solid transparent !important;
  transition: color .18s ease, border-color .18s ease !important;
}

.mhot-ams-strip .mhot-amazon-btn:hover {
  background: #131A22 !important;
  color: #fff !important;
}

body {
  font-family: var(--mh-font);
  color: var(--mh-text);
}

.mhot-hero-btns {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 44px;
}

.mhot-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 15px 30px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: var(--mh-radius);
  text-decoration: none !important;
  border: 2px solid transparent;
  transition: transform .16s ease, background .16s ease, box-shadow .16s ease, color .16s ease;
  cursor: pointer;
}

.mhot-btn-primary {
  background: var(--mh-orange);
  color: #fff !important;
  box-shadow: 0 6px 20px -6px rgba(255,90,31,.65);
}

.mhot-btn-primary:hover {
  background: var(--mh-orange-d);
  transform: translateY(-2px);
  box-shadow: 0 12px 28px -8px rgba(255,90,31,.8);
}

.mhot-btn-ghost {
  background: transparent;
  color: #fff !important;
  border-color: rgba(255,255,255,.34);
}

.mhot-btn-ghost:hover {
  border-color: var(--mh-orange);
  color: var(--mh-orange) !important;
  transform: translateY(-2px);
}

.mhot-btn-dark:hover {
  background: var(--mh-steel);
  transform: translateY(-2px);
}

.mhot-btn-light {
  background: #fff;
  color: var(--mh-ink) !important;
}

.mhot-btn-light:hover {
  background: var(--mh-orange);
  color: #fff !important;
  transform: translateY(-2px);
}

.mhot-trust li {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
}

.mhot-trust li::before {
  content: '■';
  color: var(--mh-orange);
  font-size: 9px;
}

.mhot-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 88px 24px;
}

.mhot-section-alt {
  background: var(--mh-bg-alt);
  max-width: none;
}

.mhot-section-alt > * {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.mhot-section-head {
  margin-bottom: 52px;
}

.mhot-cat:hover {
  transform: translateY(-4px);
  box-shadow: var(--mh-shadow-lg);
  border-left-color: var(--mh-orange-d);
}

.mhot-cat:hover::after {
  transform: scale(1.6);
}

.mhot-cat:hover .mhot-cat-link {
  color: var(--mh-orange);
}

.mhot-feats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
}

.mhot-feat:hover {
  transform: translateY(-3px);
  box-shadow: var(--mh-shadow);
}

.mhot-feat h4 {
  font-size: 16.5px;
  font-weight: 800;
  margin: 0 0 10px;
  color: var(--mh-text);
  letter-spacing: -.01em;
}

.mhot-feat p {
  font-size: 14.5px;
  line-height: 1.68;
  color: var(--mh-muted);
  margin: 0;
}

.mhot-cta {
  background:
    radial-gradient(90% 200% at 88% 50%, rgba(255,90,31,.26) 0%, transparent 58%),
    linear-gradient(120deg, #0B0D10 0%, #1E242B 100%);
  color: #fff;
  border-top: 3px solid var(--mh-orange);
}

.mhot-cta-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 76px 24px;
}

.mhot-cta h2 {
  font-size: clamp(26px, 3.6vw, 38px);
  font-weight: 900;
  letter-spacing: -.025em;
  margin: 0 0 14px;
  color: #fff;
}

.mhot-cta p {
  font-size: 16.5px;
  line-height: 1.65;
  color: #AEB8C4;
  max-width: 620px;
  margin: 0 0 30px;
}

.mhot-center {
  text-align: center;
  margin-top: 44px;
}

.woocommerce ul.products li.product, .wc-block-grid__product {
  border: 1px solid var(--mh-line-lt);
  border-radius: var(--mh-radius);
  overflow: hidden;
  background: #fff;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  padding-bottom: 0 !important;
}

.woocommerce ul.products li.product:hover, .wc-block-grid__product:hover {
  transform: translateY(-4px);
  box-shadow: var(--mh-shadow-lg);
  border-color: var(--mh-orange);
}

.woocommerce ul.products li.product img {
  transition: transform .35s ease;
}

.woocommerce ul.products li.product:hover img {
  transform: scale(1.03);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 14.5px !important;
  font-weight: 700 !important;
  letter-spacing: -.005em;
  line-height: 1.45;
  color: var(--mh-text);
  padding: 14px 16px 6px !important;
}

.woocommerce ul.products li.product .price {
  color: var(--mh-orange) !important;
  font-weight: 900 !important;
  font-size: 17px !important;
  padding: 0 16px 8px !important;
}

.woocommerce ul.products li.product .button, .woocommerce ul.products li.product .add_to_cart_button {
  margin: 0 16px 16px !important;
  width: calc(100% - 32px);
  background: var(--mh-ink) !important;
  color: #fff !important;
  border-radius: var(--mh-radius) !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: .07em;
  text-transform: uppercase;
  padding: 12px 0 !important;
  transition: background .16s ease;
}

.woocommerce ul.products li.product .button:hover, .woocommerce ul.products li.product .add_to_cart_button:hover {
  background: var(--mh-orange) !important;
}

.woocommerce div.product .product_title {
  font-weight: 900 !important;
  letter-spacing: -.028em !important;
  margin: 28px 0 12px !important;
  font-size: clamp(24px, 3vw, 36px) !important;
  line-height: 1.2 !important;
  color: var(--sf-text) !important;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: var(--sf-orange) !important;
  font-weight: 900 !important;
  font-size: 32px !important;
  display: block !important;
  margin: 0 0 20px !important;
  letter-spacing: -.03em !important;
}

.woocommerce div.product form.cart .button, .woocommerce div.product .single_add_to_cart_button {
  background: var(--mh-orange) !important;
  color: #fff !important;
  border-radius: var(--mh-radius) !important;
  font-weight: 800 !important;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 16px 34px !important;
  box-shadow: 0 6px 20px -6px rgba(255,90,31,.6);
  transition: background .16s ease, transform .16s ease;
}

.woocommerce div.product form.cart .button:hover {
  background: var(--mh-orange-d) !important;
  transform: translateY(-2px);
}

.woocommerce div.product .quantity input.qty {
  border: 2px solid var(--mh-line) !important;
  border-radius: var(--mh-radius) !important;
  font-weight: 700 !important;
}

.woocommerce-tabs ul.tabs li a, .ct-accordion-heading {
  font-weight: 800 !important;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 13px !important;
}

.woocommerce-tabs ul.tabs li.active a {
  color: var(--mh-orange) !important;
}

.woocommerce-message::before {
  color: var(--mh-orange) !important;
}

.woocommerce-info::before {
  color: var(--mh-ink) !important;
}

.woocommerce-breadcrumb a:hover {
  color: var(--mh-orange) !important;
}

.mhot-product-extras, .mhot-product-extras-inner {
  max-width: 100%;
}

.mhot-product-extras h3, .mhot-product-extras-inner h3 {
  font-size: 19px;
  font-weight: 900;
  letter-spacing: -.015em;
  margin: 0 0 16px;
  color: var(--mh-text);
}

.mhot-manual-box {
  background: var(--mh-bg-alt);
  border: 1px solid var(--mh-line-lt);
  border-left: 4px solid var(--mh-orange);
  border-radius: var(--mh-radius);
  padding: 26px 28px;
}

.mhot-manual-box p {
  font-size: 15px;
  line-height: 1.7;
  color: var(--mh-muted);
  margin: 0 0 18px;
}

.ct-header .menu > li > a, .ct-header .ct-menu-link, .ct-header .menu > li > a:hover, .ct-header .ct-menu-link:hover, .ct-header nav a:hover, .ct-header .current-menu-item > a, .ct-header .ct-icon, .ct-header .ct-header-cart, .ct-header .ct-header-cart a, .ct-header [data-id="search"] .ct-icon, .ct-header .ct-header-cart:hover, .ct-header .ct-cart-item .ct-label {
  color: #E6E9ED !important;
}

.ct-header .ct-toggle-close, .ct-header [data-id="trigger"] span, .ct-header .site-branding img, .ct-header .custom-logo, .ct-header .sub-menu, .ct-header .sub-menu a, .ct-header .sub-menu a:hover, .ct-panel[data-behaviour="modal"] .ct-panel-inner, .ct-panel-actions, #search-modal .ct-panel-inner {
  background: #0B0D10 !important;
}

.ct-panel .ct-panel-content, .ct-panel .ct-panel-content a:hover {
  color: #FF5A1F !important;
}

.woocommerce ul.products li.product > a:first-child, .woocommerce ul.products li.product .ct-media-container, .woocommerce ul.products li.product figure, .wc-block-grid__product-image, .wc-block-grid__product > a:first-child {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #FFFFFF;
  border-bottom: 1px solid var(--mh-line, #E8ECF1);
}

.woocommerce ul.products li.product img, .wc-block-grid__product img, [data-products] .product img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain !important;
  object-position: center center;
  display: block;
  margin: 0 auto;
  padding: 12px;
  box-sizing: border-box;
}

.woocommerce-product-gallery__image img, .woocommerce div.product div.images img {
  object-fit: contain !important;
  height: auto !important;
  max-height: 640px;
  width: 100%;
}

/* v48（2026-09-18）：height:auto 会打破正方形缩略图，改为跟随尺寸变量 */
.woocommerce div.product div.images .flex-control-thumbs img {
  object-fit: contain !important;
  background: transparent;
  border: 0 none !important;
  box-shadow: none !important;
  height: var(--mhot-thumbsize, 48px) !important;
}

.mhot-wh-hero {
  background:
    radial-gradient(90% 210% at 86% 46%, rgba(255, 90, 31, .26) 0%, transparent 58%),
    linear-gradient(122deg, #0B0D10 0%, #1E242B 100%);
  color: #fff;
  border-bottom: 3px solid var(--mh-orange);
  position: relative;
  overflow: hidden;
}

.mhot-wh-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(135deg, rgba(255,255,255,.032) 0 2px, transparent 2px 12px);
  pointer-events: none;
}

.mhot-wh-hero-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 96px 24px 84px;
  position: relative;
  z-index: 1;
}

.mhot-wh-hero h1 {
  font-size: clamp(34px, 5.2vw, 62px);
  font-weight: 900;
  letter-spacing: -.03em;
  line-height: 1.06;
  margin: 0 0 22px;
  color: #fff;
}

.mhot-wh-hero .mhot-lead {
  font-size: clamp(16px, 1.5vw, 19px);
  line-height: 1.66;
  color: rgba(255,255,255,.80);
  max-width: 760px;
  margin: 0 0 34px;
}

.mhot-wh-hero .mhot-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 30px;
  list-style: none;
  margin: 34px 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  color: rgba(255,255,255,.72);
}

.mhot-wh-hero .mhot-trust li {
  color: rgba(255,255,255,.72);
}

.mhot-tiers {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  align-items: stretch;
}

.mhot-tier {
  background: #fff;
  border: 1px solid var(--mh-line-lt);
  border-radius: var(--mh-radius);
  padding: 34px 30px 30px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.mhot-tier:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 44px -18px rgba(11,13,16,.28);
  border-color: rgba(255,90,31,.45);
}

.mhot-tier-featured {
  border: 2px solid var(--mh-orange);
  box-shadow: 0 18px 44px -18px rgba(255,90,31,.34);
}

.mhot-tier-badge {
  position: absolute;
  top: -13px;
  left: 30px;
  background: var(--mh-orange);
  color: #fff;
  font-size: 10.5px;
  font-weight: 900;
  letter-spacing: .13em;
  padding: 5px 12px;
  border-radius: 99px;
}

.mhot-tier-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.mhot-tier-name {
  font-size: 21px;
  font-weight: 900;
  letter-spacing: -.02em;
  color: var(--mh-text);
}

.mhot-tier-qty {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .05em;
  color: var(--mh-muted);
  background: var(--mh-bg-alt);
  padding: 5px 11px;
  border-radius: 99px;
  white-space: nowrap;
}

.mhot-tier-off {
  font-size: 15px;
  color: var(--mh-muted);
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--mh-line-lt);
}

.mhot-tier-off strong {
  font-size: 30px;
  font-weight: 900;
  color: var(--mh-orange);
  letter-spacing: -.02em;
}

.mhot-tier ul {
  list-style: none;
  margin: 0 0 26px;
  padding: 0;
  flex: 1;
}

.mhot-tier ul li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 13px;
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--mh-muted);
}

.mhot-tier ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--mh-orange);
  font-weight: 900;
}

.mhot-tier .mhot-btn {
  width: 100%;
  text-align: center;
  justify-content: center;
  box-sizing: border-box;
}

.mhot-tier-note {
  text-align: center;
  margin: 26px 0 0;
  font-size: 13.5px;
  color: var(--mh-muted);
}

.mhot-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 22px;
}

.mhot-step {
  background: #fff;
  border: 1px solid var(--mh-line-lt);
  border-top: 3px solid var(--mh-orange);
  border-radius: var(--mh-radius);
  padding: 28px 24px;
  transition: transform .2s ease, box-shadow .2s ease;
}

.mhot-step:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 38px -18px rgba(11,13,16,.26);
}

.mhot-step-n {
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .12em;
  color: var(--mh-orange);
  margin-bottom: 14px;
}

.mhot-step h3 {
  font-size: 17px;
  font-weight: 800;
  margin: 0 0 10px;
  color: var(--mh-text);
}

.mhot-step p {
  font-size: 14px;
  line-height: 1.66;
  color: var(--mh-muted);
  margin: 0;
}

.mhot-wh-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: start;
}

.mhot-wh-split h2 {
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 900;
  letter-spacing: -.025em;
  line-height: 1.16;
  margin: 0 0 16px;
  color: var(--mh-text);
}

.mhot-wh-split > div > p {
  font-size: 15.5px;
  line-height: 1.7;
  color: var(--mh-muted);
  margin: 0 0 22px;
}

.mhot-checklist {
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
}

.mhot-checklist li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 14px;
  font-size: 15px;
  line-height: 1.6;
  color: var(--mh-muted);
}

.mhot-checklist li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: -1px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(255,90,31,.12);
  color: var(--mh-orange);
  font-size: 12px;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mhot-terms {
  width: 100%;
  border-collapse: collapse;
  font-size: 14.5px;
}

.mhot-terms tr {
  border-bottom: 1px solid var(--mh-line-lt);
}

.mhot-terms tr:last-child {
  border-bottom: none;
}

.mhot-terms th {
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  padding: 15px 20px 15px 0;
  width: 150px;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--mh-text);
}

.mhot-terms td {
  padding: 15px 0;
  color: var(--mh-muted);
  line-height: 1.6;
}

.mhot-wh-form {
  max-width: 880px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid var(--mh-line-lt);
  border-top: 3px solid var(--mh-orange);
  border-radius: var(--mh-radius);
  padding: 44px 44px 38px;
  box-shadow: 0 20px 50px -28px rgba(11,13,16,.22);
}

.mhot-wh-form input:focus, .mhot-wh-form select:focus, .mhot-wh-form textarea:focus {
  outline: none;
  border-color: var(--mh-orange);
  box-shadow: 0 0 0 3.5px rgba(255,90,31,.13);
}

.mhot-wh-form input[type="submit"]:hover {
  background: var(--mh-orange-d);
  transform: translateY(-2px);
  box-shadow: 0 14px 30px -10px rgba(255,90,31,.85);
}

.woocommerce div.product .summary.entry-summary .product_title {
  margin-bottom: 14px !important;
  line-height: 1.22 !important;
}

.woocommerce div.product .summary.entry-summary .price {
  margin: 0 0 20px !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
  color: var(--mh-ink, #0B0D10) !important;
}

.woocommerce div.product .summary.entry-summary .woocommerce-product-details__short-description {
  margin: 0 0 20px !important;
  padding: 18px 20px !important;
  background: var(--mh-bg-alt, #F4F6F8) !important;
  border-radius: 8px;
  font-size: 15.5px !important;
  line-height: 1.7 !important;
  color: var(--mh-body, #3D4753) !important;
}

.woocommerce div.product .summary.entry-summary .woocommerce-product-details__short-description p {
  margin: 0 0 10px !important;
  font-size: 15.5px !important;
  line-height: 1.7 !important;
}

.woocommerce div.product .summary.entry-summary .woocommerce-product-details__short-description p:last-child {
  margin-bottom: 0 !important;
}

.woocommerce div.product .summary.entry-summary .stock.in-stock {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 16px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #1E8E4E !important;
}

.woocommerce div.product .summary.entry-summary .stock.in-stock::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #1E8E4E;
  box-shadow: 0 0 0 3px rgba(30,142,78,.15);
}

.woocommerce div.product .product_meta {
  margin-top: 18px !important;
  padding-top: 16px;
  border-top: 1px solid var(--sf-line) !important;
  font-size: 13.5px !important;
  color: var(--sf-muted) !important;
  line-height: 1.9;
  margin: 0 0 22px !important;
  padding: 16px 0 0 !important;
}

.woocommerce div.product .woocommerce-tabs .tabs {
  border-bottom: 1px solid var(--mh-line-lt, #DCE1E6) !important;
  padding: 0 !important;
  gap: 4px !important;
  margin-bottom: 0 !important;
}

.woocommerce div.product .woocommerce-tabs .tabs li a {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: .04em;
  padding: 16px 22px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--mh-muted, #5A6673) !important;
  position: relative;
}

.woocommerce div.product .woocommerce-tabs .tabs li.active a {
  color: var(--mh-ink, #0B0D10) !important;
  background: transparent !important;
}

.woocommerce div.product .woocommerce-tabs .tabs li.active a::after {
  content: "";
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: -1px;
  height: 2.5px;
  background: var(--mh-orange, #FF5A1F);
  border-radius: 2px;
}

.woocommerce div.product .woocommerce-tabs .panel {
  padding: 30px 0 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 15.5px !important;
  line-height: 1.78 !important;
  color: #333B44 !important;
}

.woocommerce div.product .woocommerce-Tabs-panel--description ul li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 9px;
  width: 10px;
  height: 2px;
  background: var(--mh-orange, #FF5A1F);
  border-radius: 2px;
}

.woocommerce div.product .related.products {
  margin-top: 72px !important;
  padding-top: 56px !important;
  border-top: 1px solid var(--mh-line-lt, #DCE1E6);
}

.woocommerce div.product .related.products > h2 {
  font-size: clamp(20px, 2.4vw, 28px) !important;
  font-weight: 800 !important;
  letter-spacing: -.015em;
  text-align: center;
  margin: 0 0 34px !important;
}

.mhot-bullets li:last-child {
  margin-bottom: 0;
}

.mhot-bullets li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 9px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--mh-orange, #FF5A1F);
}

.mhot-specgrid__item:nth-child(odd) {
  padding-right: 28px !important;
}

.mhot-wholesale-line a:hover {
  text-decoration: underline !important;
}

.woocommerce-Tabs-panel h3 {
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  color: #2C3742 !important;
  margin: 26px 0 0 !important;
}

.woocommerce-Tabs-panel h3:first-of-type {
  margin-top: 4px !important;
}

.mhot-wholesale-cta:hover {
  border-color: #FF5A1F !important;
  background: #FFF8F4 !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(0, 70, 114, .22);
}

.woocommerce-tabs {
  margin-top: 34px !important;
}

.mhot-hc {
  position: relative;
  z-index: 1;
  align-self: stretch !important;
  min-height: 460px !important;
  overflow: hidden;
  border-radius: 17px;
  background: #0B0D10;
  box-shadow: 0 16px 40px rgba(11, 13, 16, .18), 0 2px 6px rgba(11, 13, 16, .08);
  isolation: isolate;
  height: 100% !important;
}

.mhot-hc__track {
  position: absolute;
  inset: 0;
  display: flex;
  transition: transform .62s cubic-bezier(.22, .61, .36, 1);
  will-change: transform;
}

.mhot-hc__slide {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
  text-decoration: none;
  display: block;
}

.mhot-hc__slide:focus-visible {
  outline: 3px solid #FF5A1F;
  outline-offset: -3px;
}

.mhot-hc__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 30px 30px 140px !important;
  box-sizing: border-box;
  background: linear-gradient(160deg, #fff 0%, #F4F7FA 100%) !important;
  transition: transform .8s cubic-bezier(.22, .61, .36, 1);
  transform: scale(1.05) !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__slide::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40% !important;
  background: linear-gradient(to top, rgba(11, 13, 16, .88) 0%, rgba(11, 13, 16, .45) 45%, transparent 100%);
  pointer-events: none;
}

.mhot-hc__meta {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 0 26px 24px !important;
  color: #fff;
  pointer-events: none;
}

.mhot-hc__cat {
  display: inline-block;
  margin-bottom: 9px;
  padding: 5px 11px !important;
  border-radius: 4px;
  background: #FF5A1F;
  color: #fff;
  font-size: 10.5px !important;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  box-shadow: 0 6px 16px -6px rgba(255, 90, 31, .8);
}

.mhot-hc__title {
  margin: 0 0 7px;
  font-size: 1.2rem !important;
  font-weight: 900 !important;
  line-height: 1.24 !important;
  letter-spacing: -.018em !important;
  color: #fff;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .45);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mhot-hc__row {
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}

.mhot-hc__price {
  font-size: 1.5rem !important;
  font-weight: 900 !important;
  letter-spacing: -.02em;
  color: #FFB020;
}

.mhot-hc__sku {
  font-size: 10.5px !important;
  font-weight: 700;
  letter-spacing: .06em;
  color: rgba(255, 255, 255, .62);
}

.mhot-hc__nav {
  position: absolute;
  top: 50%;
  z-index: 4;
  display: grid;
  place-items: center;
  width: 46px !important;
  height: 46px !important;
  margin-top: -20px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 50%;
  background: rgba(11, 13, 16, .52);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #fff;
  font-size: 17px;
  line-height: 1;
  cursor: pointer;
  opacity: 0;
  transition: opacity .25s ease, background .18s ease, transform .16s ease, border-color .18s ease;
}

.mhot-hc:hover .mhot-hc__nav, .mhot-hc:focus-within .mhot-hc__nav {
  opacity: 1;
}

.mhot-hc__nav:hover {
  background: #FF5A1F;
  border-color: #FF5A1F;
  transform: scale(1.08);
}

.mhot-hc__nav--prev {
  left: 14px !important;
}

.mhot-hc__nav--next {
  right: 14px !important;
}

.mhot-hc__nav svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
}

.mhot-hc__dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  z-index: 4;
  display: flex;
  justify-content: center;
  gap: 6px;
}

.mhot-hc__dot {
  width: 7px !important;
  height: 7px !important;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, .42);
  cursor: pointer;
  transition: width .3s cubic-bezier(.22, .61, .36, 1), background .22s ease;
}

.mhot-hc__dot.is-active {
  width: 24px !important;
  border-radius: 4px;
  background: #FF5A1F;
}

.mhot-hc__dot:hover {
  background: rgba(255, 255, 255, .78);
}

.mhot-hc__bar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  height: 3px;
  width: 0;
  background: linear-gradient(90deg, #FF5A1F, #FFB020);
  box-shadow: 0 0 12px rgba(255, 90, 31, .7);
  transition: width .12s linear;
}

.mhot-hc__count {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 4;
  padding: 5px 10px !important;
  border-radius: 4px;
  background: rgba(11, 13, 16, .62);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #fff;
  font-size: 10.5px !important;
  font-weight: 800;
  letter-spacing: .07em;
}

.mhot-hc:not(.is-ready) .mhot-hc__nav, .mhot-hc:not(.is-ready) .mhot-hc__dots, .mhot-hc:not(.is-ready) .mhot-hc__bar, .mhot-hc:not(.is-ready) .mhot-hc__count {
  display: none;
}

.mhot-hc.is-ready {
  animation: mhot-hc-in .5s cubic-bezier(.22, .61, .36, 1);
}

.mhot-dl-hero::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(110% 80% at 50% 0%,#000 0%,transparent 78%);
  mask-image:radial-gradient(110% 80% at 50% 0%,#000 0%,transparent 78%);
}

.mhot-dl-card::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg,var(--mh-orange),var(--mh-amber));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .32s cubic-bezier(.2,.7,.3,1);
}

.mhot-dl-card:hover {
  transform:translateY(-4px);
  box-shadow:var(--mh-shadow-lg);
  border-color:#C9D2DA;
}

.mhot-dl-card:hover::before {
  transform:scaleX(1);
}

.mhot-dl-meta li:last-child {
  margin-bottom:0;
}

.mhot-dl-meta li::before {
  content:"";
  position:absolute;
  left:0;
  top:7px;
  width:6px;
  height:6px;
  border-radius:1px;
  background:var(--mh-orange);
}

.mhot-dl-btn:hover {
  transform:translateY(-2px);
  background:linear-gradient(135deg,var(--mh-orange),var(--mh-orange-d));
  box-shadow:0 12px 22px -10px rgba(255,90,31,.6);
}

.mhot-ab-hero {
  position:relative;
  overflow:hidden;
  background:radial-gradient(900px 420px at 88% 8%,rgba(255,90,31,.20),transparent 62%),
             radial-gradient(700px 380px at 4% 96%,rgba(255,176,32,.12),transparent 60%),
             linear-gradient(135deg,#0B0D10 0%,#14181D 52%,#1C2229 100%);
  color:#fff;
}

.mhot-ab-hero-inner {
  position:relative;
  z-index:2;
  max-width:1200px;
  margin:0 auto;
  padding:clamp(56px,7vw,92px) 24px;
}

.mhot-ab-hero::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(110% 80% at 50% 0%,#000 0%,transparent 78%);
  mask-image:radial-gradient(110% 80% at 50% 0%,#000 0%,transparent 78%);
}

.mhot-ab-hero h1 {
  font-size:clamp(30px,4.6vw,54px);
  line-height:1.06;
  letter-spacing:-.028em;
  font-weight:900;
  color:#fff;
  margin:0 0 20px;
  max-width:20ch;
}

.mhot-ab-hero .mhot-lead {
  color:#B9C2CC;
  max-width:64ch;
}

.mhot-ab-stats {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--mh-radius);
  overflow:hidden;
  margin-top:40px;
}

.mhot-ab-stat {
  background:rgba(11,13,16,.55);
  padding:26px 22px;
}

.mhot-ab-stat b {
  display:block;
  font-size:clamp(24px,3vw,34px);
  font-weight:900;
  letter-spacing:-.02em;
  color:var(--mh-orange-lt);
  line-height:1;
  margin-bottom:9px;
  font-variant-numeric:tabular-nums;
}

.mhot-ab-stat span {
  font-size:12.5px;
  font-weight:600;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:#98A4B0;
}

.mhot-ab-split {
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:clamp(24px,3.4vw,48px);
  align-items:start;
}

.mhot-ab-body p {
  font-size:15.5px;
  line-height:1.78;
  color:var(--mh-muted);
  margin:0 0 18px;
}

.mhot-ab-body p:last-child {
  margin-bottom:0;
}

.mhot-ab-body strong {
  color:var(--mh-text);
  font-weight:700;
}

.mhot-ab-card {
  background:#fff;
  border:1px solid var(--mh-line-lt);
  border-left:4px solid var(--mh-orange);
  border-radius:var(--mh-radius);
  padding:28px 26px;
  box-shadow:var(--mh-shadow);
}

.mhot-ab-card h3 {
  font-size:16.5px;
  font-weight:800;
  color:var(--mh-text);
  margin:0 0 8px;
  letter-spacing:-.01em;
}

.mhot-ab-card p {
  font-size:14px;
  line-height:1.7;
  color:var(--mh-muted);
  margin:0;
}

.mhot-ab-cards {
  display:grid;
  gap:16px;
}

.mhot-ab-quote {
  margin:0;
  padding:26px 30px;
  border-left:4px solid var(--mh-orange);
  background:var(--mh-bg-alt);
  border-radius:var(--mh-radius);
  font-size:16.5px;
  line-height:1.7;
  color:var(--mh-text);
  font-weight:600;
  letter-spacing:-.01em;
}

.mhot-page-body ul li::before {
  content:"";
  position:absolute;
  left:0;
  top:9px;
  width:7px;
  height:7px;
  border-radius:1px;
  background:var(--mh-orange);
}

.mhot-feat {
  position: relative;
  padding-top: 30px;
}

.mhot-feat::after {
  content: none;
}

.mhot-ab-card h3, .mhot-feat h3 {
  margin-top: 0;
}

.mhot-feat h3, .mhot-feat h4 {
  margin-bottom: 10px;
}

.mhot-dl-list li::before {
  content: "";
  position: absolute;
  left: -16px;
  top: 9px;
  width: 5px;
  height: 5px;
  background: var(--mh-orange, #FF5A1F);
  border-radius: 50%;
}

.mhot-check li::before {
  content: none;
}

.mhot-contact {
  --mhc-gap:clamp(28px,4vw,64px);
}

.mhot-contact .mhc-section {
  max-width:1240px;
  margin:0 auto;
  padding:clamp(44px,6vw,84px) clamp(18px,4vw,40px);
}

.mhot-contact .mhc-section--alt {
  background:var(--mh-bg-alt);
  max-width:none;
  padding-left:0;
  padding-right:0;
}

.mhot-contact .mhc-section--alt > * {
  max-width:1240px;
  margin-left:auto;
  margin-right:auto;
  padding-left:clamp(18px,4vw,40px);
  padding-right:clamp(18px,4vw,40px);
}

.mhot-contact .mhc-eyebrow {
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--mh-orange-lt);
  margin:0 0 12px;
}

.mhot-contact .mhc-eyebrow--dark {
  color:var(--mh-orange);
}

.mhot-contact .mhc-h2 {
  font-size:clamp(26px,3.4vw,40px);
  line-height:1.14;
  letter-spacing:-.022em;
  font-weight:800;
  color:var(--mh-ink);
  margin:0 0 14px;
}

.mhot-contact .mhc-h2--sm {
  font-size:clamp(20px,2.2vw,26px);
  margin-bottom:18px;
}

.mhot-contact .mhc-lead {
  font-size:16px;
  line-height:1.65;
  color:var(--mh-muted);
  max-width:62ch;
  margin:0;
}

.mhot-contact .mhc-lead a {
  color:var(--mh-orange-d);
  text-decoration:underline;
  text-underline-offset:3px;
}

.mhot-contact .mhc-head {
  margin-bottom:clamp(28px,4vw,48px);
}

.mhot-contact .mhc-hero {
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(900px 420px at 88% 8%,rgba(255,90,31,.20),transparent 62%),
    radial-gradient(700px 380px at 4% 96%,rgba(255,176,32,.12),transparent 60%),
    linear-gradient(135deg,#0B0D10 0%,#14181D 52%,#1C2229 100%);
  padding:clamp(56px,8vw,104px) clamp(18px,4vw,40px) clamp(48px,7vw,88px);
}

.mhot-contact .mhc-hero::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(110% 80% at 50% 0%,#000 0%,transparent 78%);
  mask-image:radial-gradient(110% 80% at 50% 0%,#000 0%,transparent 78%);
}

.mhot-contact .mhc-hero::after {
  content:"";
  position:absolute;
  top:0;
  left:clamp(18px,4vw,40px);
  width:132px;
  height:4px;
  background:linear-gradient(90deg,var(--mh-orange),var(--mh-amber));
}

.mhot-contact .mhc-hero__inner {
  position:relative;
  z-index:2;
  max-width:1240px;
  margin:0 auto;
}

.mhot-contact .mhc-hero__title {
  font-size:clamp(34px,5.6vw,64px);
  line-height:1.04;
  letter-spacing:-.03em;
  font-weight:800;
  margin:0 0 20px;
  color:#fff;
  max-width:20ch;
}

.mhot-contact .mhc-hero__sub {
  font-size:clamp(15px,1.6vw,18px);
  line-height:1.68;
  color:#B9C2CC;
  max-width:66ch;
  margin:0 0 30px;
}

.mhot-contact .mhc-hero__meta {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.mhot-contact .mhc-chip {
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-size:13px;
  font-weight:600;
  color:#DDE3E9;
  padding:9px 16px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:100px;
  background:rgba(255,255,255,.045);
}

.mhot-contact .mhc-chip svg {
  width:15px;
  height:15px;
  fill:var(--mh-orange);
  flex:none;
}

.mhot-contact .mhc-grid {
  display:grid;
  gap:20px;
}

.mhot-contact .mhc-grid--3 {
  grid-template-columns:repeat(3,1fr);
}

.mhot-contact .mhc-card {
  position:relative;
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid var(--mh-line-lt);
  border-radius:var(--mh-radius-lg);
  padding:clamp(24px,3vw,34px);
  box-shadow:var(--mh-shadow);
  transition:box-shadow .28s ease,transform .28s ease,border-color .28s ease;
}

.mhot-contact .mhc-card::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  border-radius:9px 9px 0 0;
  background:linear-gradient(90deg,var(--mh-orange),var(--mh-amber));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .34s cubic-bezier(.2,.7,.3,1);
}

.mhot-contact .mhc-card:hover {
  box-shadow:var(--mh-shadow-lg);
  transform:translateY(-3px);
  border-color:#C9D2DA;
}

.mhot-contact .mhc-card:hover::before {
  transform:scaleX(1);
}

.mhot-contact .mhc-card__icon {
  width:46px;
  height:46px;
  border-radius:11px;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  background:linear-gradient(135deg,var(--mh-ink),var(--mh-steel));
}

.mhot-contact .mhc-card__icon svg {
  width:22px;
  height:22px;
  fill:var(--mh-orange-lt);
}

.mhot-contact .mhc-card__title {
  font-size:17px;
  font-weight:800;
  letter-spacing:-.01em;
  color:var(--mh-ink);
  margin:0 0 9px;
}

.mhot-contact .mhc-card__desc {
  font-size:14.5px;
  line-height:1.62;
  color:var(--mh-muted);
  margin:0 0 18px;
  flex:1;
}

.mhot-contact .mhc-card__link {
  font-size:14.5px;
  font-weight:700;
  color:var(--mh-orange-d);
  text-decoration:none;
  word-break:break-all;
  padding-top:16px;
  border-top:1px solid var(--mh-line-lt);
}

.mhot-contact .mhc-card__link:hover {
  color:var(--mh-orange);
  text-decoration:underline;
  text-underline-offset:3px;
}

.mhot-contact .mhc-split {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(20px,3vw,32px);
}

.mhot-contact .mhc-panel {
  background:#fff;
  border:1px solid var(--mh-line-lt);
  border-radius:var(--mh-radius-lg);
  padding:clamp(26px,3.2vw,38px);
  box-shadow:var(--mh-shadow);
}

.mhot-contact .mhc-address {
  font-style:normal;
  font-size:15px;
  line-height:1.78;
  color:var(--mh-muted);
  padding-left:18px;
  border-left:3px solid var(--mh-orange);
  margin:0 0 24px;
}

.mhot-contact .mhc-address strong {
  color:var(--mh-ink);
  font-weight:700;
}

.mhot-contact .mhc-dl {
  margin:0;
  display:flex;
  flex-direction:column;
  gap:1px;
  background:var(--mh-line-lt);
  border:1px solid var(--mh-line-lt);
  border-radius:var(--mh-radius);
  overflow:hidden;
}

.mhot-contact .mhc-dl__row {
  display:grid;
  grid-template-columns:minmax(120px,42%) 1fr;
  background:#fff;
  padding:13px 16px;
  gap:12px;
}

.mhot-contact .mhc-dl dt {
  font-size:12.5px;
  font-weight:600;
  color:var(--mh-muted);
  text-transform:uppercase;
  letter-spacing:.05em;
  align-self:center;
}

.mhot-contact .mhc-dl dd {
  margin:0;
  font-size:14.5px;
  font-weight:600;
  color:var(--mh-ink);
  word-break:break-word;
}

.mhot-contact .mhc-dl dd a {
  color:var(--mh-ink);
  text-decoration:none;
  border-bottom:1px solid var(--mh-line-lt);
  padding:6px 0;
}

.mhot-contact .mhc-dl dd a:hover {
  color:var(--mh-orange-d);
  border-bottom-color:var(--mh-orange);
}

.mhot-contact .mhc-hours {
  width:100%;
  border-collapse:collapse;
  margin-bottom:18px;
}

.mhot-contact .mhc-hours th, .mhot-contact .mhc-hours td {
  padding:13px 2px;
  border-bottom:1px solid var(--mh-line-lt);
  font-size:15px;
  text-align:left;
}

.mhot-contact .mhc-hours th {
  font-weight:600;
  color:var(--mh-ink);
}

.mhot-contact .mhc-hours td {
  text-align:right;
  color:var(--mh-muted);
  font-variant-numeric:tabular-nums;
}

.mhot-contact .mhc-hours tr:last-child th, .mhot-contact .mhc-hours tr:last-child td {
  border-bottom:0;
}

.mhot-contact .mhc-closed {
  color:#A9B3BD;
  font-style:italic;
}

.mhot-contact .mhc-note {
  font-size:13.5px;
  line-height:1.62;
  color:var(--mh-muted-lt);
  margin:0 0 20px;
}

.mhot-contact .mhc-badges {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.mhot-contact .mhc-badge {
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--mh-steel);
  background:var(--mh-bg-alt);
  border:1px solid var(--mh-line-lt);
  padding:7px 13px;
  border-radius:100px;
}

.mhot-contact .mhc-formwrap {
  background:#fff;
  border:1px solid var(--mh-line-lt);
  border-radius:var(--mh-radius-lg);
  padding:clamp(24px,3.4vw,44px);
  box-shadow:var(--mh-shadow);
  max-width:880px;
}

.mhot-contact .mhc-formwrap input:focus, .mhot-contact .mhc-formwrap textarea:focus {
  outline:none;
  background:#fff;
  border-color:var(--mh-orange);
  box-shadow:0 0 0 3px rgba(255,90,31,.13);
}

.mhot-contact .mhc-formwrap input[type=submit]:hover {
  transform:translateY(-2px);
  box-shadow:0 12px 24px -10px rgba(255,90,31,.62);
  filter:brightness(1.05);
}

.mhot-contact .mhc-formwrap input[type=submit]:active {
  transform:translateY(0);
}

.mhot-contact .mhc-formwrap .wpcf7-response-output {
  margin:22px 0 0 !important;
  border-radius:var(--mh-radius);
  border-width:1px;
  font-size:14px;
  padding:14px 18px;
}

.mhot-contact .mhc-dl dd a, .mhot-contact .mhc-card__link {
  display:inline-block;
}

.single-product div.product {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(0, 1fr);
  gap: 44px;
  align-items: start;
  margin-bottom: 40px;
  border: 0 none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.single-product div.product > .woocommerce-product-gallery {
  grid-column: 1;
  grid-row: 1;
}

.single-product div.product > .summary {
  grid-column: 2;
  grid-row: 1;
}

.single-product div.product > .woocommerce-tabs, .single-product div.product > .related, .single-product div.product > .upsells, .single-product div.product > section.mhot-gallery, .single-product div.product > .mhot-aplus-block {
  grid-column: 1 / -1;
  grid-row: auto;
  width: 100%;
  max-width: 100%;
}

.single-product div.product .woocommerce-product-gallery {
  position: relative;
  margin: 0;
  width: 100%;
  float: none;
  max-width: 100%;
  opacity: 1;
}

.single-product div.product .woocommerce-product-gallery__wrapper {
  border: 0 none;
  border-radius: 0;
  overflow: hidden;
  background: transparent;
  box-shadow: none;
  margin: 0;
}

.single-product div.product .woocommerce-product-gallery__image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0;
  margin: 0 auto;
  border: 0 none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 18px !important;
  box-sizing: border-box !important;
}

.single-product div.product .flex-control-thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 14px 0 0;
  padding: 0 !important;
  list-style: none;
  /* v52（2026-09-18）★关键修复★
     这里原本写死 `--mhot-thumbsize: 86px`（后被我改成 48px），
     但该声明在 .flex-control-thumbs **自身**上，作用域比 .woocommerce-product-gallery 更近，
     会**遮蔽** JS 写在 gallery 上的 --mhot-thumbsize（如 32px）=> li 永远拿不到 JS 算出的尺寸！
     （实测：gallery=32px 但 li computed=48px）
     故删除此声明，让 li 从 gallery 正常继承 JS 的值；
     无 JS 时的兜底由各处 var(--mhot-thumbsize, 44px) 的 fallback 负责。 */
}

.single-product div.product .flex-control-thumbs li {
  width: var(--mhot-thumbsize) !important;   /* v48：跟随尺寸变量 */
  flex: 0 0 var(--mhot-thumbsize);
  margin: 0 !important;
  float: none !important;
}

.single-product div.product .flex-control-thumbs img {
  width: 100%;
  height: var(--mhot-thumbsize);   /* v48：跟随尺寸变量 */
  object-fit: contain;
  background: transparent !important;
  border: 0 none !important;
  border-radius: 8px;
  padding: 5px !important;
  cursor: pointer;
  opacity: .68;
  transition: opacity .18s ease, box-shadow .18s ease;
  box-sizing: border-box !important;
  box-shadow: none !important;
}

.single-product div.product .flex-control-thumbs img:hover, .single-product div.product .flex-control-thumbs img.flex-active {
  opacity: 1;
  box-shadow: 0 0 0 2px #004672;
}

.single-product div.product .woocommerce-product-gallery__trigger {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 9;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .94);
  border: 1px solid #E8EBEF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
}

.single-product div.product .summary.entry-summary {
  margin: 0;
  width: 100%;
  float: none;
  max-width: 100%;
}

.single-product.woocommerce div.product div.images, .single-product.woocommerce-page div.product div.images, .single-product div.product .woocommerce-product-gallery {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.single-product.woocommerce div.product div.summary, .single-product.woocommerce-page div.product div.summary, .single-product div.product .summary.entry-summary {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.single-product div.product div.images .flex-viewport {
  width: 100% !important;
}

.single-product div.product div.images .woocommerce-product-gallery__wrapper {
  max-width: none !important;
}

.single-product div.product div.images .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image {
  max-width: 100% !important;
}

.single-product div.product div.images img {
  width: 100% !important;
  height: auto;
  max-width: 100%;
}

.single-product div.product .summary .product_title {
  font-size: 33px;
  line-height: 1.22;
  font-weight: 700;
  color: #16212B;
  margin: 0 0 10px;
  margin-bottom: 10px;
}

.single-product div.product .summary .mhot-catline {
  font-size: 13px;
  color: #6B7684;
  margin: -4px 0 14px;
}

.single-product div.product .summary .mhot-catline a {
  color: #004672;
  text-decoration: none;
}

.single-product div.product .summary .price {
  font-size: 27px;
  font-weight: 700;
  color: #16212B;
  margin: 0 0 16px;
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 16px;
}

.single-product div.product .summary .price .woocommerce-Price-currencySymbol {
  font-size: 19px;
  font-weight: 600;
}

.single-product div.product .summary .woocommerce-product-details__short-description p {
  margin: 0 0 10px;
}

.single-product div.product .summary .stock {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  color: #0F7A46;
  background: #EAF7F0;
  border-radius: 999px;
  padding: 4px 12px;
  margin: 0 0 10px;
}

.single-product div.product .summary form.cart {
  display: flex;
  align-items: stretch;
  gap: 10px;
  margin: 0 0 14px;
  flex-wrap: wrap;
}

.single-product div.product .summary form.cart .quantity {
  display: flex;
  align-items: center;
  margin: 0;
}

.single-product div.product .summary form.cart .quantity input.qty {
  width: 74px;
  height: 46px;
  border: 1px solid #D6DCE3;
  border-radius: 10px;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  color: #16212B;
  background: #fff;
  padding: 0 6px;
}

.single-product div.product .summary form.cart .quantity input.qty:focus {
  border-color: #004672;
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 70, 114, .1);
}

.single-product div.product .summary .single_add_to_cart_button {
  flex: 1 1 200px;
  min-height: 46px;
  background: #FFD814;
  color: #111;
  border: 1px solid #E8BE00;
  border-radius: 10px;
  font-size: 15.5px;
  font-weight: 700;
  cursor: pointer;
  transition: background .16s ease, transform .1s ease;
}

.single-product div.product .summary .single_add_to_cart_button:hover {
  background: #F7CA00;
}

.single-product div.product .summary .single_add_to_cart_button:active {
  transform: translateY(1px);
}

.single-product div.product .summary .ppc-button-wrapper {
  margin: 0 0 14px;
}

.mhot-amazon-btn:hover {
  background: #131A22;
  color: #fff;
}

.single-product div.product .summary .product_meta {
  font-size: 13px;
  color: #6B7684;
  line-height: 1.9;
  border-top: 1px solid #EDF0F3;
  padding-top: 12px;
  margin: 0 0 0;
}

.single-product div.product .summary .product_meta a {
  color: #004672;
}

.single-product .woocommerce-tabs {
  margin-top: 44px;
  clear: both;
}

.single-product .woocommerce-tabs ul.tabs {
  list-style: none;
  margin: 0 0 22px;
  padding: 0;
  display: flex;
  gap: 26px;
  border-bottom: 1px solid #E8EBEF;
}

.single-product .woocommerce-tabs ul.tabs li {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
}

.single-product .woocommerce-tabs ul.tabs li a {
  display: block;
  padding: 12px 2px;
  font-size: 15px;
  font-weight: 600;
  color: #6B7684;
  text-decoration: none;
  border-bottom: 2.5px solid transparent;
  margin-bottom: -1px;
  transition: color .16s ease, border-color .16s ease;
}

.single-product .woocommerce-tabs ul.tabs li a:hover {
  color: #16212B;
}

.single-product .woocommerce-tabs ul.tabs li.active a {
  color: #004672;
  border-bottom-color: #004672;
}

.single-product .woocommerce-tabs .panel {
  font-size: 15px;
  line-height: 1.8;
  color: #3C4753;
}

.single-product .woocommerce-tabs .panel h2 {
  display: none;
}

.related.products {
  margin-top: 48px;
  clear: both;
}

.related.products > h2 {
  font-size: 22px;
  font-weight: 700;
  color: #16212B;
  margin: 0 0 20px;
}

.single-product div.product .summary .woocommerce-product-details__short-description p:last-child {
  margin-bottom: 0;
}

.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description, .single-product .woocommerce-tabs .woocommerce-Tabs-panel p {
  font-size: 15.5px;
  line-height: 1.75;
  color: #3A4652;
}

.single-product .woocommerce-tabs .woocommerce-Tabs-panel h2 {
  font-size: 20px;
  line-height: 1.35;
  color: #101418;
  margin: 22px 0 10px;
}

.single-product div.product .summary .mhot-wholesale-cta {
  margin: 0 0 12px;
}

.single-product div.product .summary .woocommerce-product-details__short-description {
  margin-bottom: 16px;
}

.single-product div.product .summary .mhot-bullets {
  margin: 2px 0 14px;
}

.single-product div.product .summary .mhot-bullets li {
  padding: 9px 0 9px 22px;
}

.single-product div.product .woocommerce-product-gallery, .single-product div.product .woocommerce-product-gallery *:not(img):not(a), .single-product div.product div.images, .single-product div.product div.images .flex-viewport, .single-product div.product div.images .slides, .single-product div.product div.images .woocommerce-product-gallery__wrapper, .single-product div.product div.images .woocommerce-product-gallery__image {
  border: 0 none !important;
  border-style: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

.single-product div.product .woocommerce-product-gallery img, .single-product div.product div.images img {
  border: 0 none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.single-product div.product .flex-control-thumbs li, .single-product div.product .flex-control-thumbs img {
  border: 0 none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.single-product div.product .flex-control-thumbs img.flex-active, .single-product div.product .flex-control-thumbs img[aria-current="true"] {
  box-shadow: 0 0 0 2px #004672 !important;
  opacity: 1 !important;
}

.single-product div.product .flex-control-thumbs img:hover {
  opacity: 1 !important;
  box-shadow: 0 0 0 1.5px rgba(0,70,114,.45) !important;
}

html body .summary form.cart, .single-product div.product .summary form.cart {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
}

html body .summary form.cart .quantity {
  flex: 0 0 auto !important;
  margin-right: 0 !important;
}

html body .summary form.cart .single_add_to_cart_button {
  flex: 1 1 auto !important;
  min-height: 54px !important;
  height: 54px !important;
  border-radius: 8px !important;
  letter-spacing: .06em !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html body .summary .mhot-ams-buyrow, .mhot-ams-buyrow {
  margin-top: 10px !important;
}

.mhot-amazon-btn:hover, a.mhot-amazon-btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.28) !important;
  filter: brightness(1.12) !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
}

.mhot-ams-buyrow {
  margin: 12px 0 0 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px !important;
  clear: both !important;
}

html body .summary .mhot-ams-buyrow, html body .single-product .summary .mhot-ams-buyrow, html body div.product .summary .mhot-ams-buyrow {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
}

html body a.mhot-amz-buybtn, .mhot-ams-buyrow a.mhot-amz-buybtn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 54px !important;
  padding: 0 20px !important;
  margin: 0 !important;
  background: #131A22 !important;
  background-color: #131A22 !important;
  color: #FFFFFF !important;
  border: 1px solid #131A22 !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .1px !important;
  text-decoration: none !important;
  text-transform: none !important;
  box-shadow: 0 1px 2px rgba(16,20,24,.16), 0 6px 16px -10px rgba(16,20,24,.5) !important;
  transition: background-color .18s ease, box-shadow .18s ease, transform .12s ease !important;
  cursor: pointer !important;
  background-image: linear-gradient(180deg, #1D2733 0%, #131A22 100%) !important;
}

html body a.mhot-amz-buybtn:hover, html body a.mhot-amz-buybtn:focus {
  background: #232F3E !important;
  background-color: #232F3E !important;
  border-color: #2B3A4C !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  box-shadow: 0 2px 4px rgba(16,20,24,.2), 0 10px 22px -10px rgba(16,20,24,.55) !important;
  background-image: linear-gradient(180deg, #2B3A4C 0%, #1B2733 100%) !important;
}

html body a.mhot-amz-buybtn:active {
  transform: translateY(1px) !important;
  background-image: linear-gradient(180deg, #131A22 0%, #1D2733 100%) !important;
  box-shadow: 0 1px 2px rgba(16,20,24,.22) !important;
}

html body a.mhot-amz-buybtn .mhot-amz-buybtn__ico {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}

html body a.mhot-amz-buybtn .mhot-amz-buybtn__ico svg {
  display: block !important;
  width: 30px !important;
  height: 14px !important;
}

html body a.mhot-amz-buybtn .mhot-amz-buybtn__txt {
  color: #FFFFFF !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

html body a.mhot-amz-buybtn .mhot-amz-buybtn__cc {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  margin-left: 2px !important;
  padding: 2px 6px !important;
  background: #FF9900 !important;
  color: #131A22 !important;
  border-radius: 3px !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: .6px !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.18) inset !important;
}

html body .summary .mhot-amz-buybtn__note, .mhot-amz-buybtn__note {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #6B7580 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  letter-spacing: .1px !important;
}

html body .mhot-ams-buyrow, .mhot-ams-buyrow {
  margin: 10px 0 0 !important;
  gap: 7px !important;
}

html body a.mhot-amz-buybtn:focus-visible {
  outline: 2px solid #FF9900 !important;
  outline-offset: 2px !important;
}

.mhot-brandstrip {
  margin: 72px 0 0;
  padding: 0;
  border-top: 1px solid var(--mh-line-lt, #DCE1E6);
}

.mhot-brandstrip__inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 64px 24px 48px;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 56px;
  align-items: center;
}

.mhot-brandstrip__eyebrow {
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--mh-orange, #FF5A1F);
  margin-bottom: 14px;
}

.mhot-brandstrip__title {
  font-size: clamp(28px, 3.6vw, 44px);
  font-weight: 800;
  line-height: 1.14;
  letter-spacing: -.025em;
  color: var(--mh-ink, #0B0D10);
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
}

.mhot-brandstrip__copy {
  font-size: 15.5px;
  line-height: 1.8;
  color: var(--mh-muted, #5A6673);
  margin: 0 0 30px;
  max-width: 560px;
}

.mhot-brandstrip__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.mhot-brandstrip__stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--mh-line-lt, #DCE1E6);
  border: 1px solid var(--mh-line-lt, #DCE1E6);
  border-radius: 10px;
  overflow: hidden;
}

.mhot-brandstrip__stat {
  background: #fff;
  padding: 30px 22px;
  text-align: center;
}

.mhot-brandstrip__num {
  display: block;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: -.01em;
  color: var(--mh-ink, #0B0D10);
  margin-bottom: 7px;
}

.mhot-brandstrip__lbl {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--mh-muted-lt, #8A96A3);
}

.mhot-brandstrip__amazon {
  max-width: 1180px;
  margin: 0 auto 56px;
  padding: 20px 24px;
  background: var(--mh-ink, #0B0D10);
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 18px;
  text-align: center;
}

.mhot-brandstrip__amazon-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .04em;
  color: #fff;
}

html body.single-product div.product div.images .woocommerce-product-gallery__image img, html body.single-product div.product .woocommerce-product-gallery__image img.wp-post-image, html body.single-product div.product .woocommerce-product-gallery__image img {
  padding: 18px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

html body.single-product div.product .flex-control-thumbs img {
  padding: 5px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: 0 none !important;
  box-shadow: none !important;
  border-radius: 8px !important;
}

html body.single-product div.product .flex-control-thumbs img:hover {
  opacity: 1 !important;
  box-shadow: 0 0 0 1.5px rgba(0,70,114,.45) !important;
}

html body.single-product div.product .flex-control-thumbs img.flex-active {
  opacity: 1 !important;
  box-shadow: 0 0 0 2px #004672 !important;
}

html body.single-product .summary form.cart, html body .summary form.cart {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
}

html body .summary .mhot-ams-buyrow, html body .mhot-ams-buyrow {
  margin-top: 10px !important;
  width: 100% !important;
}

html body .summary form.cart::before, html body .summary form.cart::after, html body .single-product .summary form.cart::before, html body .single-product .summary form.cart::after {
  content: none !important;
  display: none !important;
}

html body .summary form.cart > .quantity, html body .single-product .summary form.cart > .quantity {
  flex: 0 0 84px !important;
  width: 84px !important;
  margin: 0 !important;
}

html body .summary form.cart > .single_add_to_cart_button, html body .single-product .summary form.cart > .single_add_to_cart_button {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html body .summary form.cart .single_add_to_cart_button, html body .summary form.cart > .single_add_to_cart_button, html body.single-product .summary form.cart .single_add_to_cart_button, html body.single-product .summary form.cart > .single_add_to_cart_button {
  background: #004672 !important;
  background-image: linear-gradient(180deg, #0A5480 0%, #004672 55%, #003D63 100%) !important;
  color: #FFFFFF !important;
  border: 0 none !important;
  border-color: transparent !important;
  box-shadow: 0 6px 18px -8px rgba(0, 70, 114, .55) !important;
  letter-spacing: .02em !important;
  font-weight: 700 !important;
  transition: background-color .18s ease, background-image .18s ease,
                box-shadow .18s ease, transform .12s ease !important;
}

html body .summary form.cart .single_add_to_cart_button:hover, html body .summary form.cart > .single_add_to_cart_button:hover, html body.single-product .summary form.cart .single_add_to_cart_button:hover, html body.single-product .summary form.cart > .single_add_to_cart_button:hover {
  background: #0C3761 !important;
  background-image: linear-gradient(180deg, #11467A 0%, #0C3761 55%, #082F52 100%) !important;
  color: #FFFFFF !important;
  border: 0 none !important;
  box-shadow: 0 10px 26px -10px rgba(0, 70, 114, .75) !important;
}

html body .summary form.cart .single_add_to_cart_button:active, html body .summary form.cart > .single_add_to_cart_button:active, html body.single-product .summary form.cart .single_add_to_cart_button:active, html body.single-product .summary form.cart > .single_add_to_cart_button:active {
  background: #08304F !important;
  background-image: none !important;
  color: #FFFFFF !important;
  box-shadow: 0 3px 10px -6px rgba(0, 70, 114, .6) !important;
  transform: translateY(1px) !important;
}

html body .summary form.cart .single_add_to_cart_button:focus-visible, html body.single-product .summary form.cart .single_add_to_cart_button:focus-visible {
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(255, 153, 0, .55),
                0 6px 18px -8px rgba(0, 70, 114, .55) !important;
}

html body .summary form.cart .single_add_to_cart_button.loading::after, html body.single-product .summary form.cart .single_add_to_cart_button.loading::after {
  border-top-color: #FFFFFF !important;
}

html body .summary form.cart .quantity .qty:focus, html body.single-product .summary form.cart .quantity .qty:focus {
  border-color: #004672 !important;
  box-shadow: 0 0 0 3px rgba(0, 70, 114, .15) !important;
  outline: 0 !important;
}

html body .woocommerce div.product form.cart .single_add_to_cart_button, html body .woocommerce div.product .summary form.cart .single_add_to_cart_button, html body.single-product div.product form.cart .single_add_to_cart_button, html body.single-product div.product .summary form.cart .single_add_to_cart_button, html body .woocommerce div.product form.cart button.button, html body .woocommerce div.product .summary form.cart button.button {
  background: #004672 !important;
  background-image: linear-gradient(180deg, #0A5480 0%, #004672 55%, #003D63 100%) !important;
  color: #FFFFFF !important;
  border: 0 none !important;
  border-color: transparent !important;
  box-shadow: 0 6px 18px -8px rgba(0, 70, 114, .55) !important;
  letter-spacing: .02em !important;
  font-weight: 700 !important;
  text-transform: none !important;
  transition: background-color .18s ease, background-image .18s ease, box-shadow .18s ease, transform .12s ease !important;
}

html body .woocommerce div.product form.cart .single_add_to_cart_button:hover, html body .woocommerce div.product .summary form.cart .single_add_to_cart_button:hover, html body.single-product div.product form.cart .single_add_to_cart_button:hover, html body .woocommerce div.product form.cart button.button:hover, html body .woocommerce div.product .summary form.cart button.button:hover {
  background: #0C3761 !important;
  background-image: linear-gradient(180deg, #11467A 0%, #0C3761 55%, #082F52 100%) !important;
  border-color: transparent !important;
  color: #FFFFFF !important;
  transform: none !important;
  box-shadow: 0 10px 26px -10px rgba(0, 70, 114, .75) !important;
}

html body .woocommerce div.product form.cart .single_add_to_cart_button:active, html body.single-product div.product form.cart .single_add_to_cart_button:active {
  background: #08304F !important;
  background-image: none !important;
  color: #FFFFFF !important;
  box-shadow: 0 3px 10px -6px rgba(0, 70, 114, .6) !important;
  transform: translateY(1px) !important;
}

html body .sml-site-header {
  border-bottom: 1px solid #E8EBEE !important;
  box-shadow: none !important;
}

html body .sml-header-inner {
  min-height: 88px !important;
  gap: 28px !important;
  align-items: center !important;
}

html body .sml-site-navigation .sml-primary-menu, html body .sml-site-navigation ul.sml-primary-menu {
  display: flex !important;
  align-items: center !important;
  gap: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body .sml-site-navigation .sml-primary-menu > li {
  position: relative !important;
  float: none !important;
  margin: 0 !important;
}

html body .sml-site-navigation .sml-primary-menu > li > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 76px !important;
  padding: 0 !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em !important;
  color: #14181D !important;
  text-decoration: none !important;
  border-bottom: 2px solid transparent !important;
  transition: color .16s ease, border-color .16s ease !important;
}

html body .sml-site-navigation .sml-primary-menu > li > a:hover, html body .sml-site-navigation .sml-primary-menu > li.current-menu-item > a, html body .sml-site-navigation .sml-primary-menu > li.current-menu-ancestor > a {
  color: #004672 !important;
  border-bottom-color: #004672 !important;
}

html body .sml-site-navigation .sml-primary-menu > li.menu-item-has-children > a::after {
  content: "" !important;
  width: 5px !important;
  height: 5px !important;
  border-right: 1.5px solid currentColor !important;
  border-bottom: 1.5px solid currentColor !important;
  transform: rotate(45deg) translateY(-1px) !important;
  opacity: .55 !important;
  margin-left: 2px !important;
}

html body .sml-header-actions {
  gap: 20px !important;
}

html body .sml-header-link {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #3D4753 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

html body .sml-header-link:hover {
  color: #004672 !important;
}

html body .sml-market-hero {
  padding: 26px 0 30px !important;
  background: #F7F9FB !important;
}

html body .sml-market-shell {
  grid-template-columns: 236px minmax(0, 1fr) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

html body .sml-market-categories, html body .sml-market-banner, html body .sml-market-side {
  border: 1px solid #E8EBEE !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
  box-shadow: 0 1px 3px rgba(16,20,24,.04) !important;
}

html body .sml-market-categories {
  padding: 16px 14px !important;
  align-self: stretch !important;
  max-height: 100% !important;
  overflow: auto !important;
}

html body .sml-market-categories h2 {
  margin: 0 0 10px !important;
  padding-bottom: 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: #8A96A3 !important;
  border-bottom: 1px solid #EDF1F5 !important;
}

html body .sml-market-categories h2 span {
  display: none !important;
}

html body .sml-market-categories li a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 11px 8px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #2E3742 !important;
  border-radius: 7px !important;
  transform: none !important;
  transition: background .14s ease, color .14s ease !important;
}

html body .sml-market-categories li a:hover {
  background: #F5F8FA !important;
  color: #004672 !important;
  transform: none !important;
}

html body .sml-market-categories li a span:first-child, html body .sml-market-categories li a b {
  display: none !important;
}

html body .sml-market-categories li + li {
  border-top: 0 !important;
}

html body .sml-market-all {
  display: block !important;
  margin-top: 12px !important;
  padding-top: 12px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #004672 !important;
  border-top: 1px solid #EDF1F5 !important;
}

html body .sml-market-kicker, html body .sml-market-banner .sml-market-kicker {
  display: inline-block !important;
  margin-bottom: 14px !important;
  padding: 5px 11px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #004672 !important;
  background: #EEF4F9 !important;
  border-radius: 5px !important;
}

html body .sml-market-banner h1 {
  margin: 0 0 14px !important;
  max-width: 20ch !important;
  font-size: 34px !important;
  font-weight: 600 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.02em !important;
  color: #0F1419 !important;
  margin-bottom: 12px !important;
}

html body .sml-market-banner p {
  margin: 0 0 24px !important;
  max-width: 44ch !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: #5A6673 !important;
  margin-bottom: 20px !important;
}

html body .sml-hero-actions {
  gap: 12px !important;
}

html body .sml-hero-actions .sml-button {
  height: 46px !important;
  padding: 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  transition: background .16s ease, border-color .16s ease, transform .1s ease !important;
}

html body .sml-hero-actions .sml-button:not(.sml-button--outline) {
  background: #004672 !important;
  color: #FFFFFF !important;
  border: 1px solid #004672 !important;
}

html body .sml-hero-actions .sml-button:not(.sml-button--outline):hover {
  background: #0C3761 !important;
  border-color: #0C3761 !important;
}

html body .sml-hero-actions .sml-button--outline {
  background: #FFFFFF !important;
  color: #2E3742 !important;
  border: 1px solid #DCE1E6 !important;
}

html body .sml-hero-actions .sml-button--outline:hover {
  border-color: #004672 !important;
  color: #004672 !important;
}

html body .sml-market-services {
  padding: 32px 0 !important;
  background: #FFFFFF !important;
  border-bottom: 1px solid #EDF1F5 !important;
}

html body .sml-market-services .sml-container > div {
  gap: 0 !important;
}

html body .sml-market-services > .sml-container {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
}

html body .sml-market-services > .sml-container > div {
  padding: 0 26px !important;
  border-left: 1px solid #EDF1F5 !important;
}

html body .sml-market-services > .sml-container > div:first-child {
  padding-left: 0 !important;
  border-left: 0 !important;
}

html body .sml-market-services > .sml-container > div:last-child {
  padding-right: 0 !important;
}

html body .sml-market-services span {
  display: block !important;
  margin-bottom: 8px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  color: #A8B3BD !important;
}

html body .sml-market-services strong {
  display: block !important;
  font-size: 15.5px !important;
  font-weight: 600 !important;
  color: #14181D !important;
  margin-bottom: 4px !important;
}

html body .sml-market-services small {
  display: block !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  color: #7A848F !important;
}

html body .sml-lux-categories {
  padding: 76px 0 !important;
  background: #F7F9FB !important;
  border-bottom: 1px solid #EDF1F5 !important;
}

html body .sml-market-section {
  padding: 76px 0 !important;
  background: #FFFFFF !important;
  border-bottom: 1px solid #EDF1F5 !important;
}

html body .sml-market-heading > div > span {
  display: block !important;
  margin-bottom: 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: #A8B3BD !important;
}

html body .sml-market-heading h2 {
  margin: 0 !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  color: #0F1419 !important;
}

html body .sml-market-heading > a {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #004672 !important;
  text-decoration: none !important;
}

html body .sml-market-heading {
  margin-bottom: 32px !important;
  align-items: flex-end !important;
}

html body .sml-lux-category {
  background: #FFFFFF !important;
  border: 1px solid #E8EBEE !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

html body .sml-lux-category:hover {
  border-color: #C9D4DD !important;
  box-shadow: 0 8px 24px rgba(16,20,24,.07) !important;
  transform: translateY(-2px) !important;
}

html body.single-product div.product div.images, html body.single-product div.product div.images .flex-viewport, html body.single-product div.product div.images .woocommerce-product-gallery__wrapper, html body.single-product div.product div.images .slides {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

html body.single-product div.product div.images .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image, html body.single-product div.product div.images .slides > li {
  aspect-ratio: var(--mhot-main-ar, 600 / 632) !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
  display: block !important;
}

html body.single-product div.product div.images .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image > a, html body.single-product div.product div.images .slides > li > a {
  display: block !important;
  height: 100% !important;
  width: 100% !important;
}

html body.single-product div.product div.images .woocommerce-product-gallery__image img, html body.single-product div.product div.images .slides > li img, html body.single-product div.product div.images img.wp-post-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* v48 fix（2026-09-18）：移除过宽隐藏规则。
   旧规则 [loading=lazy]:not([srcset]) 会误伤图库正常图片：
   WebP 的 srcset 写在 <picture><source> 上，<img> 自身没有 srcset
   => 21 张图库图全部 visibility:hidden，表现为「点击产品图空白」。
   仅保留「完全没有 src」的占位保护。 */
html body.single-product div.product div.images img:not([src]) {
  visibility: hidden !important;
}

html body.single-product div.product div.images .flex-control-nav, html body.single-product div.product div.images .flex-control-thumbs {
  height: auto !important;
  min-height: 0 !important;
}

html body .sml-market-banner .mhot-hc {
  max-height: 300px !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  background: #F7F9FB !important;
}

html body .sml-market-banner .mhot-hc__track {
  height: auto !important;
}

html body .sml-market-banner .mhot-hc__slide {
  max-height: 300px !important;
  overflow: hidden !important;
}

html body .sml-market-banner .mhot-hc__img, html body .sml-market-banner .mhot-hc img {
  max-height: 300px !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
}

html body .sml-market-banner-copy {
  min-width: 0 !important;
}

html body .sml-site-branding .custom-logo-link {
  display: inline-flex !important;
  align-items: center !important;
}

html body .sml-site-branding img.custom-logo {
  max-height: 62px !important;
  height: auto !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
}

html body .sml-site-branding {
  flex: 0 0 auto !important;
  min-width: 0 !important;
}

html body .sml-site-branding .custom-logo-link, html body .sml-site-branding img.custom-logo {
  flex-shrink: 0 !important;
}

.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;
}

.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 .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 .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 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;
}

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

.woocommerce div.product .woocommerce-product-gallery {
  border: 0 none !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
}

.woocommerce div.product .woocommerce-product-gallery__wrapper {
  margin: 0 !important;
  border-radius: 0 !important;
  border: 0 none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.woocommerce div.product .woocommerce-product-gallery__image img {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: 0 none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* v48（2026-09-18）：缩略图尺寸改为跟随 --mhot-thumbsize。
   旧版硬编码 84px + flex-wrap:wrap，导致：
   ① JS 计算的自适应尺寸被覆盖（白算）
   ② 移动端多图时挤成多行，排版乱 */
.woocommerce div.product .flex-control-thumbs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
}

.woocommerce div.product .flex-control-thumbs li {
  width: var(--mhot-thumbsize, 48px) !important;
  flex: 0 0 var(--mhot-thumbsize, 48px) !important;
  margin: 0 !important;
  float: none !important;
}

.woocommerce div.product .flex-control-thumbs img {
  width: 100% !important;
  height: var(--mhot-thumbsize, 48px) !important;
  object-fit: contain !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: 0 none !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: .62 !important;
  transition: opacity .18s ease, box-shadow .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: transparent !important;
  box-shadow: 0 0 0 2px var(--sf-orange) !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 a {
  color: var(--sf-text) !important;
  font-weight: 600 !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.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 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;
}

.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:hover, .woocommerce .checkout-button.button.alt:hover {
  background: var(--sf-orange-d) !important;
  border-color: var(--sf-orange-d) !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;
}

.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;
}

.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-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-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;
}

.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;
}

.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;
}

.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;
}

.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;
}

@media (max-width: 1024px) {
  :root {
    --mh-fs-h1: 42px;
    --mh-fs-h2: 34px;
    --mh-fs-h3: 22px;
    --mh-section-y: 72px;
  }

  .mhot-brandstrip__inner {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 48px 20px 36px;
  }

}

@media (max-width: 768px) {
  :root {
    --mh-fs-h1: 34px;
    --mh-fs-h2: 28px;
    --mh-fs-h3: 20px;
    --mh-fs-h4: 18px;
    --mh-section-y: 56px;
  }

  .mhot-section {
    padding: 60px 20px;
  }

  .mhot-cta-inner {
    padding: 56px 20px;
  }

  .mhot-hero-btns {
    flex-direction: column;
    align-items: stretch;
  }

  .mhot-btn {
    width: 100%;
  }

  .woocommerce div.product .summary.entry-summary .price {
    font-size: 25px !important;
  }

  .woocommerce div.product .woocommerce-tabs .tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .woocommerce div.product .woocommerce-tabs .tabs li a {
    padding: 14px 16px !important;
    font-size: 12.5px !important;
    white-space: nowrap;
  }

  .woocommerce div.product .woocommerce-tabs .panel {
    padding: 28px 2px 4px !important;
  }

  .woocommerce div.product .related.products {
    margin-top: 52px !important;
    padding-top: 40px !important;
  }

  .woocommerce div.product .woocommerce-product-gallery, .woocommerce div.product .woocommerce-product-gallery__wrapper, .woocommerce div.product .woocommerce-product-gallery .flex-viewport, .woocommerce div.product .woocommerce-product-gallery .flex-viewport .slides {
    max-width: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  html, body {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }

  .woocommerce div.product .woocommerce-product-gallery .flex-control-nav, .woocommerce div.product .woocommerce-tabs .tabs {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    max-width: 100% !important;
    display: flex !important;
  }

  .woocommerce div.product .woocommerce-product-gallery, .woocommerce div.product .woocommerce-tabs {
    overflow: hidden !important;
  }

  .mhot-bullets {
    margin: 18px 0 0 !important;
    padding: 0 !important;
  }

  .mhot-bullets li {
    padding: 9px 0 9px 26px !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
  }

  .mhot-bullets li::before {
    left: 2px !important;
    top: 13px !important;
    width: 6px !important;
    height: 6px !important;
  }

  .mhot-bullets li strong, .mhot-bullets li b {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    margin-bottom: 2px !important;
  }

  .single-product div.product .woocommerce-product-gallery, .single-product div.product .woocommerce-product-gallery__wrapper, .single-product div.product .flex-viewport, .single-product div.product .slides, .single-product div.product .woocommerce-product-gallery__image, .single-product div.product .woocommerce-product-gallery__image img, .single-product div.product div.images img {
    border: 0 none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  .single-product div.product .flex-control-thumbs li, .single-product div.product .flex-control-thumbs img {
    border: 0 none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  /* v48（2026-09-18）：移动端缩略图单行排列，不换行、不溢出。
     尺寸由 JS 写入 --mhot-thumbsize（28-72px，按容器宽度自适应）；
     极窄屏若仍放不下，则允许横向滑动，绝不挤成两行。 */
  .single-product div.product .flex-control-thumbs {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    max-width: 100% !important;
    padding-bottom: 2px !important;
  }
  .single-product div.product .flex-control-thumbs::-webkit-scrollbar {
    display: none;
  }
  .single-product div.product .flex-control-thumbs li {
    flex: 0 0 var(--mhot-thumbsize, 36px) !important;
    width: var(--mhot-thumbsize, 36px) !important;
  }
  .single-product div.product .flex-control-thumbs img {
    width: 100% !important;
    height: var(--mhot-thumbsize, 36px) !important;
  }

  .single-product div.product .woocommerce-product-gallery__image img {
    padding: 14px !important;
    background: transparent !important;
    border: 0 none !important;
    box-shadow: none !important;
  }

  .single-product div.product .flex-control-thumbs img {
    padding: 4px !important;
    border: 0 none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  html body .summary form.cart .single_add_to_cart_button {
    min-height: 52px !important;
    height: 52px !important;
  }

  html body a.mhot-amz-buybtn, .mhot-ams-buyrow a.mhot-amz-buybtn {
    min-height: 52px !important;
    font-size: 15px !important;
    padding: 0 16px !important;
    border-radius: 8px !important;
  }

  html body a.mhot-amz-buybtn .mhot-amz-buybtn__ico svg {
    width: 26px !important;
    height: 12px !important;
  }

  html body .mhot-ams-buyrow, .mhot-ams-buyrow {
    margin-top: 9px !important;
    gap: 6px !important;
  }

  html body.single-product div.product .flex-control-thumbs img {
    padding: 4px !important;
    border: 0 none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  html body.single-product div.product .flex-control-thumbs img.flex-active {
    box-shadow: 0 0 0 2px #004672 !important;
  }

  html body .sml-header-inner {
    min-height: 76px !important;
    gap: 12px !important;
  }

  html body .sml-market-hero {
    padding: 14px 0 20px !important;
  }

  html body .sml-market-shell {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  html body .sml-market-categories {
    display: none !important;
  }

  html body .sml-market-banner {
    padding: 20px 16px 22px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  html body .sml-market-banner h1 {
    font-size: 24px !important;
    max-width: none !important;
    line-height: 1.2 !important;
    margin-bottom: 10px !important;
  }

  html body .sml-market-banner p {
    font-size: 13.5px !important;
    margin-bottom: 14px !important;
    line-height: 1.5 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  html body .sml-market-services > .sml-container {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body .sml-market-services > .sml-container > div {
    padding: 16px 0 !important;
    border-left: 0 !important;
    border-top: 1px solid #EDF1F5 !important;
  }

  html body .sml-market-services > .sml-container > div:first-child {
    padding-top: 0 !important;
    border-top: 0 !important;
  }

  html body .sml-market-services > .sml-container > div:last-child {
    padding-bottom: 0 !important;
  }

  html body .sml-lux-categories, html body .sml-market-section {
    padding: 52px 0 !important;
  }

  html body .sml-market-heading h2 {
    font-size: 24px !important;
  }

  html body .sml-hero-actions {
    flex-direction: column !important;
  }

  html body .sml-hero-actions .sml-button {
    width: 100% !important;
    justify-content: center !important;
    height: 42px !important;
    font-size: 14px !important;
  }

  html body.single-product div.product div.images .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image, html body.single-product div.product div.images .slides > li {
    aspect-ratio: var(--mhot-main-ar, 600 / 632) !important;
  }

  html body .sml-market-banner .mhot-hc, html body .sml-market-banner .mhot-hc__slide, html body .sml-market-banner .mhot-hc__img, html body .sml-market-banner .mhot-hc img {
    max-height: 200px !important;
  }

  html body .sml-market-services {
    padding: 24px 0 !important;
  }

  html body .sml-market-banner .mhot-hc {
    height: 210px !important;
    min-height: 0 !important;
    max-height: 210px !important;
  }

  html body .sml-market-banner .mhot-hc__track, html body .sml-market-banner .mhot-hc__slide, html body .sml-market-banner .mhot-hc__img {
    height: 210px !important;
    max-height: 210px !important;
  }

  html body .sml-site-branding img.custom-logo {
    max-height: 44px !important;
    height: auto !important;
  }

  html body .sml-header-actions {
    flex: 0 0 auto !important;
  }

}

@media (max-width: 480px) {
  :root {
    --mh-fs-h1: 29px;
    --mh-fs-h2: 24px;
    --mh-fs-h3: 19px;
    --mh-section-y: 48px;
  }

  .mhot-hc {
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
  }

  .mhot-hc__img {
    padding: 10px 10px 64px !important;
  }

  .mhot-hc__title {
    font-size: .98rem !important;
  }

}

@media (max-width:1024px) {
  html body .sml-market-banner h1 {
    font-size:42px !important;
  }

  .mhot-ab-stats {
    grid-template-columns:repeat(2,1fr);
  }

}

@media (max-width:768px) {
  html body .sml-market-banner h1 {
    font-size:34px !important;
  }

}

@media (max-width:480px) {
  html body .sml-market-banner h1 {
    font-size:29px !important;
  }

}

@media (min-width: 992px) {
  .mhot-wholesale-cta {
    margin-bottom: 6px !important;
  }

  .single-product div.product {
    align-items: start;
  }

  .single-product div.product .summary .mhot-wholesale-cta {
    margin-top: 6px;
    margin-bottom: 10px;
  }

  .single-product div.product .summary .mhot-bullets {
    display: block;
    width: 100%;
    margin: 0 0 12px;
  }

  .single-product div.product .summary .mhot-bullets li {
    padding: 8px 0 8px 20px;
    line-height: 1.5;
  }

  .single-product div.product .summary .product_title {
    font-size: 31px;
    line-height: 1.2;
    margin-bottom: 8px;
  }

  .single-product div.product .summary .mhot-catline {
    margin-bottom: 10px;
  }

  .single-product div.product .summary .price {
    margin-bottom: 14px;
  }

  .single-product div.product .summary .woocommerce-product-details__short-description {
    margin-bottom: 14px;
  }

  .single-product div.product .summary .stock {
    margin-bottom: 10px;
  }

  .single-product div.product .summary form.cart {
    margin-bottom: 12px;
  }

}

@media (max-width: 689.98px) {
  .woocommerce ul.products li.product img, .wc-block-grid__product img {
    padding: 8px;
  }

  .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 .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;
  }

  .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: 0 !important;
    background: transparent !important;
    border: 0 none !important;
    box-shadow: none !important;
  }

  .woocommerce div.product .flex-control-thumbs li {
    flex: 0 0 var(--mhot-thumbsize, 44px) !important;
  }

  .woocommerce div.product .flex-control-thumbs img {
    width: var(--mhot-thumbsize, 44px) !important;
    height: var(--mhot-thumbsize, 44px) !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 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;
  }

  .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-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;
  }

}

@media (max-width: 900px) {
  .mhot-wh-split {
    grid-template-columns: 1fr;
    gap: 44px;
  }

  .mhot-wh-hero-inner {
    padding: 68px 22px 58px;
  }

  .mhot-wh-form {
    padding: 32px 24px 28px;
  }

  .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 .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;
  }

  .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;
  }

  .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: 600px) {
  .mhot-wh-hero .mhot-trust {
    gap: 10px 18px;
    font-size: 13px;
  }

  .mhot-tiers {
    grid-template-columns: 1fr;
  }

  .mhot-steps {
    grid-template-columns: 1fr;
  }

  .mhot-terms th {
    width: 110px;
    font-size: 11.5px;
    padding-right: 12px;
  }

  .mhot-terms td {
    font-size: 13.5px;
  }

  .mhot-bullets {
    margin: 16px 0 18px;
    padding-top: 16px;
  }

  .mhot-bullets li {
    font-size: 13.5px;
    padding-left: 22px;
  }

  .mhot-bullets li strong {
    font-size: 14px;
  }

  .mhot-specgrid__item:nth-child(odd) {
    padding-right: 0 !important;
  }

  .mhot-wholesale-cta {
    padding: 11px 13px !important;
    gap: 10px;
  }

  .single-product div.product .summary .product_title {
    font-size: 22px;
  }

  .single-product div.product .summary form.cart {
    gap: 8px;
  }

  .single-product div.product .summary .single_add_to_cart_button {
    flex: 1 1 100%;
  }

  .single-product div.product .flex-control-thumbs li {
    width: var(--mhot-thumbsize, 44px) !important;
    flex: 0 0 var(--mhot-thumbsize, 44px);
  }

  .single-product div.product .flex-control-thumbs img {
    height: var(--mhot-thumbsize, 44px);
  }

  .single-product .woocommerce-tabs ul.tabs {
    gap: 18px;
    overflow-x: auto;
  }

  .single-product .woocommerce-tabs ul.tabs li a {
    font-size: 14px;
  }

  .mhot-brandstrip {
    margin-top: 52px;
  }

  .mhot-brandstrip__stats {
    grid-template-columns: 1fr 1fr;
  }

  .mhot-brandstrip__stat {
    padding: 22px 14px;
  }

  .mhot-brandstrip__num {
    font-size: 17px;
  }

  .mhot-brandstrip__amazon {
    margin-bottom: 40px;
    padding: 18px 16px;
  }

}

@media (max-width: 1180px) {
  .mhot-hc {
    min-height: 280px;
  }

  .mhot-hc__img {
    padding: 20px;
  }

  .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;
  }

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

  .sml-market-banner {
    padding: 34px 30px !important;
  }

  .sml-market-banner h1 {
    font-size: clamp(30px, 4.6vw, 46px) !important;
  }

}

@media (max-width: 760px) {
  .mhot-hc {
    min-height: 360px !important;
    height: 360px !important;
    border-radius: 14px !important;
    margin-top: 20px !important;
    max-height: 360px !important;
  }

  .mhot-hc__img {
    padding: 10px 10px 62px !important;
    transform: scale(1.05) !important;
  }

  .mhot-hc__meta {
    padding: 0 14px 12px !important;
  }

  .mhot-hc__title {
    font-size: .96rem !important;
    line-height: 1.18 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .mhot-hc__price {
    font-size: 1.14rem !important;
  }

  .mhot-hc__sku {
    font-size: 11px;
  }

  .mhot-hc__nav {
    opacity: 1;
    width: 40px !important;
    height: 40px !important;
    margin-top: -20px;
    background: rgba(11, 13, 16, .58);
  }

  .mhot-hc__nav--prev {
    left: 8px !important;
  }

  .mhot-hc__nav--next {
    right: 8px !important;
  }

  .mhot-hc__nav svg {
    width: 14px;
    height: 14px;
  }

  .mhot-hc__dots {
    bottom: 10px;
    gap: 2px;
  }

  .mhot-hc__dot {
    position: relative;
  }

  .mhot-hc__dot::before {
    content: "";
    position: absolute;
    inset: -14px -5px;
  }

  .mhot-hc__count {
    top: 10px;
    right: 10px;
    padding: 3px 8px;
    font-size: 10px;
  }

  .sml-market-banner {
    min-height: 0 !important;
    padding: 26px 20px 22px !important;
  }

  .mhot-hc__slide:hover .mhot-hc__img {
    transform: scale(1.05) !important;
  }

  .mhot-hc__cat {
    margin-bottom: 4px !important;
    padding: 3px 8px !important;
    font-size: 9.5px !important;
  }

}

@media (max-width: 420px) {
  .mhot-hc {
    height: 262px;
  }

  .mhot-hc__img {
    padding: 12px;
  }

  .mhot-hc__meta {
    padding: 13px 13px 15px;
  }

  .mhot-hc__title {
    font-size: 14.5px;
    margin-bottom: 5px;
  }

  .mhot-hc__price {
    font-size: 16px;
  }

  .mhot-hc__cat {
    font-size: 9.5px;
    padding: 4px 9px;
  }

  .mhot-hc__nav {
    width: 38px;
    height: 38px;
  }

}

@media (hover: none) {
  .mhot-hc__slide:hover .mhot-hc__img {
    transform: none;
  }

  .mhot-hc__nav:hover {
    transform: 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;
  }

}

@media (prefers-reduced-motion: reduce) {
  .mhot-hc__track {
    transition: none !important;
  }

  .mhot-hc__img {
    transition: none !important;
  }

  .mhot-hc__slide:hover .mhot-hc__img {
    transform: none !important;
  }

}

@media (max-width:860px) {
  .mhot-ab-split {
    grid-template-columns:1fr;
  }

}

@media (max-width:689px) {
  .mhot-dl-hero-inner, .mhot-ab-hero-inner {
    padding-left:18px;
    padding-right:18px;
  }

  .mhot-ab-stat {
    padding:20px 16px;
  }

  .mhot-ab-card {
    padding:22px 20px;
  }

  .mhot-ab-quote {
    padding:20px 18px;
    font-size:15.5px;
  }

}

@media (prefers-reduced-motion:reduce) {
  .mhot-dl-card, .mhot-dl-card::before, .mhot-dl-btn {
    transition:none;
  }

  .mhot-contact .mhc-card, .mhot-contact .mhc-card::before, .mhot-contact .mhc-formwrap input[type=submit] {
    transition:none;
  }

}

@media (max-width:980px) {
  .mhot-contact .mhc-grid--3 {
    grid-template-columns:1fr 1fr;
  }

  .mhot-contact .mhc-grid--3 > .mhc-card:last-child {
    grid-column:1 / -1;
  }

}

@media (max-width:760px) {
  .mhot-contact .mhc-split {
    grid-template-columns:1fr;
  }

  .mhot-contact .mhc-grid--3 {
    grid-template-columns:1fr;
  }

  .mhot-contact .mhc-grid--3 > .mhc-card:last-child {
    grid-column:auto;
  }

  .mhot-contact .mhc-hero__title {
    max-width:none;
  }

  .mhot-contact .mhc-hero__meta {
    flex-direction:column;
    align-items:flex-start;
  }

  .mhot-contact .mhc-dl__row {
    grid-template-columns:1fr;
    gap:4px;
  }

  .mhot-contact .mhc-dl dt {
    font-size:11.5px;
  }

  .mhot-contact .mhc-formwrap {
    padding:22px 18px;
  }

  .mhot-contact .mhc-section--alt > * {
    padding-left:18px;
    padding-right:18px;
  }

  .mhot-contact .mhc-card__link {
    display:block;
    padding:14px 0 2px;
  }

  .mhot-contact .mhc-dl dd a {
    display:block;
    padding:8px 0;
  }

}

@media (max-width: 980px) {
  .single-product div.product > .woocommerce-product-gallery, .single-product div.product > .summary {
    grid-column: 1 / -1;
    grid-row: auto;
  }

  .single-product div.product {
    grid-template-columns: minmax(0, 1fr);
    gap: 26px;
  }

  .single-product div.product .summary .product_title {
    font-size: 25px;
  }

  .single-product div.product .summary .price {
    font-size: 23px;
  }

}

@media (min-width: 769px) {
  html body.single-product div.product div.images .flex-control-thumbs img:hover {
    opacity: 1 !important;
    background: #EFF1F3 !important;
  }

  html body .sml-market-banner .mhot-hc {
    height: 300px !important;
    min-height: 0 !important;
    max-height: 300px !important;
  }

  html body .sml-market-banner .mhot-hc__track, html body .sml-market-banner .mhot-hc__slide {
    height: 300px !important;
  }

}

@media (min-width: 1024px) {
  html body .sml-site-navigation .sml-primary-menu > li:hover > ul.sub-menu, html body .sml-site-navigation .sml-primary-menu > li:focus-within > ul.sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }

  html body .sml-site-navigation .sml-primary-menu ul.sub-menu li a:hover {
    background: #F5F8FA !important;
    color: #004672 !important;
  }

}

@media (max-width: 1500px) {
  .woocommerce .sml-shop-results ul.products {
    grid-template-columns: repeat(4, minmax(0,1fr)) !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;
  }

}

@media (min-width: 861px) {
  .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: 1401px) {
  .sml-market-banner {
    grid-template-columns: minmax(0, 1fr) 530px !important;
    min-height: 570px !important;
    padding: 40px 44px !important;
    max-height: 586px !important;
    align-items: center !important;
  }

  .mhot-hc {
    min-height: 0 !important;
    height: 530px !important;
    max-height: 530px !important;
    width: 100% !important;
  }

  .sml-market-banner h1 {
    font-size: clamp(2.5rem, 3.8vw, 4rem) !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) 496px !important;
    min-height: 538px !important;
    max-height: 554px !important;
    padding: 36px 40px !important;
    align-items: center !important;
  }

  .mhot-hc {
    min-height: 0 !important;
    height: 496px !important;
    max-height: 496px !important;
    width: 100% !important;
  }

  .sml-market-banner h1 {
    font-size: clamp(2.2rem, 3.3vw, 3.2rem) !important;
  }

  .mhot-hc__img {
    padding: 12px 12px 74px !important;
  }

}

@media (min-width: 761px) and (max-width: 1180px) {
  .sml-market-banner {
    grid-template-columns: minmax(0, 1fr) 420px !important;
    min-height: 470px !important;
    padding: 30px !important;
    max-height: 486px !important;
    align-items: center !important;
  }

  .mhot-hc {
    min-height: 0 !important;
    height: 420px !important;
    max-height: 420px !important;
    width: 100% !important;
  }

  .sml-market-banner h1 {
    font-size: clamp(1.9rem, 3.4vw, 2.6rem) !important;
  }

  .mhot-hc__img {
    padding: 10px 10px 70px !important;
  }

}

@media (min-width: 761px) {
  .mhot-hc__img {
    padding: 10px 10px 66px !important;
    transform: scale(1.0) !important;
  }

  .mhot-hc__slide:hover .mhot-hc__img {
    transform: scale(1.06) !important;
  }

  .mhot-hc__title {
    font-size: .99rem !important;
    line-height: 1.16 !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__price {
    font-size: 1.2rem !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__row {
    margin-top: 3px !important;
  }

  .mhot-hc__sku {
    font-size: 9.5px !important;
  }

  .mhot-hc__slide::after {
    height: 38% !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 {
    max-height: 452px !important;
    height: 452px !important;
  }

}

/* ============================================================
 * v49（2026-09-18）手机端首页产品网格：一排 2 个 + 正方形缩略图
 * 背景：主题 style.css 在 max-width:480px 把网格压成 1 列（第 4596/4617 行），
 *       用户要求手机端一排 2 个。本块在 mhot-ui.css（最后加载）覆盖。
 * ============================================================ */
@media (max-width: 689.98px) {
  .sml-market-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}

@media (max-width: 480px) {
  .sml-market-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}

/* 缩略图：严格正方形 + 商品居中 */
.sml-market-product-image {
  aspect-ratio: 1 / 1 !important;
  position: relative !important;
  overflow: hidden !important;
}

.sml-market-product-image img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  object-position: center !important;
}

@media (max-width: 480px) {
  .sml-market-product-image img {
    padding: 12px !important;
  }
  .sml-market-product-body {
    padding: 10px 10px 12px !important;
  }
  .sml-market-product-title {
    font-size: 13px !important;
    line-height: 1.4 !important;
    min-height: 2.8em !important;
  }
  .sml-market-product-price {
    font-size: 15.5px !important;
    margin-top: 6px !important;
  }
  .sml-market-product-action {
    min-height: 40px !important;
    margin-top: 10px !important;
    font-size: 11px !important;
    padding: 0 8px !important;
  }
}
/* v49 (2026-09-18) END */

/* ============================================================
 * v50（2026-09-18）手机端产品详情页缩略图：固定单行，不再往下堆
 * 背景：该文件内 .woocommerce div.product .flex-control-thumbs 在第 3476/3526/3840 行
 *       又写了 flex-wrap: wrap !important，比 v48 的 nowrap（第 2463 行）更靠后
 *       => 同特异性同 !important 下后者胜出，缩略图又变成多行往下拉。
 * 本块置于文件末尾，保证最后生效，并用 html body 前缀提升特异性。
 * ============================================================ */
@media (max-width: 768px) {
  html body.single-product div.product .flex-control-thumbs,
  html body.woocommerce div.product .flex-control-thumbs {
    flex-wrap: nowrap !important;
    display: flex !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    max-width: 100% !important;
    gap: 8px !important;
    margin: 12px 0 0 !important;
    padding: 0 2px 2px !important;
    list-style: none !important;
  }
  html body.single-product div.product .flex-control-thumbs::-webkit-scrollbar,
  html body.woocommerce div.product .flex-control-thumbs::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
  }
  html body.single-product div.product .flex-control-thumbs li,
  html body.woocommerce div.product .flex-control-thumbs li {
    flex: 0 0 var(--mhot-thumbsize, 40px) !important;
    width: var(--mhot-thumbsize, 40px) !important;
    max-width: var(--mhot-thumbsize, 40px) !important;
    margin: 0 !important;
    float: none !important;
  }
  html body.single-product div.product .flex-control-thumbs img,
  html body.woocommerce div.product .flex-control-thumbs img {
    width: 100% !important;
    height: var(--mhot-thumbsize, 40px) !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    box-sizing: border-box !important;
  }
}
/* v50 (2026-09-18) END */

/* ============================================================
 * v51b（2026-09-18）★真修复★ 产品详情页主图库「竖向堆叠/往下拉一大片」
 * ------------------------------------------------------------
 * 现象：图库高 2432px（手机）/ 4197px（桌面），8 张图一张张竖直排下去。
 *
 * 真根因（CDP 实测确诊）：
 *   FlexSlider 已正常工作，它给 wrapper 写了 inline `width: 1600%`
 *   （8 张 x 100%），幻灯片是 `float:left; width:304px`。
 *   但本文件 @media (max-width:768px) 第 4000-4003 行：
 *     .woocommerce div.product .woocommerce-product-gallery__wrapper {
 *       max-width: 100% !important;
 *       width: 100% !important;          <-- 元凶
 *       overflow: hidden !important; }
 *   把 wrapper 从 4864px 压成 304px => float 放不下 => 逐张换行堆叠。
 *
 * ★ 关键教训：不能用 `width:auto`！
 *   auto 只会解析成容器宽度(304px)，图库依旧堆叠（v51 初版就是这么错的）。
 *   必须把宽度**还原成 FlexSlider 的 inline 值 1600%**，滑块才横向铺开。
 *   实测：设为 1600% 后图库 2432px -> 304px，幻灯片 left 43/347/651 横向排开 ✓
 *
 * 做法：加 `html body` 前缀提特异性，放文件末尾保证最后生效。
 * ============================================================ */
html body.single-product div.product .woocommerce-product-gallery__wrapper,
html body.woocommerce div.product .woocommerce-product-gallery__wrapper,
html body.single-product div.product div.images .woocommerce-product-gallery__wrapper,
html body.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
  width: 1600% !important;      /* 与 FlexSlider 的 inline 值一致，撑开滑块轨道 */
  max-width: none !important;   /* 解除 100% 约束 */
}

/* 幻灯片居中 */
html body.single-product div.product div.images .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image,
html body.woocommerce div.product div.images .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image {
  text-align: center;
}

/* 桌面端同样还原（防止其他样式覆盖） */
@media (min-width: 769px) {
  html body.single-product div.product .woocommerce-product-gallery__wrapper,
  html body.woocommerce div.product .woocommerce-product-gallery__wrapper {
    width: 1600% !important;
    max-width: none !important;
  }
}
/* v51b (2026-09-18) END */


/* ============================================================
 * v53（2026-09-18）★移动端消除「多层嵌套方框」★
 * ------------------------------------------------------------
 * 用户要求：一个模块只能保留 **1 层**带边框/背景的容器；
 *   删掉内层多余 div 的 border / box-shadow / background；
 *   外层 section 只控制外边距，不加边框。
 *   优先处理：产品推荐模块、亚马逊跳转购买模块。
 *
 * 实测嵌套链（390px 手机，修复前）：
 *   .sml-entry      border 1px + radius14 + shadow + #fff   ← 外层框(主题给的)
 *     └ .mhot-ams-strip   border 1px + radius12 + #F7F8FA   ← 框①
 *     └ ul.products > li.product  border 1px + radius10 + #fff ← 框②
 *        └ a.LoopProduct-link     border + bg                ← 框③
 *   → 手机上一眼看过去一层套一层 4 个方框，很脏。
 *
 * 策略（保留最外层，清掉内层）：
 *   1) section.related.products  → 只留 margin，去掉 border-top
 *   2) section.mhot-ams-strip    → 去掉 border/radius/bg，只留 padding+margin
 *      （它已经有 <strong> 文案 + 蓝色按钮，视觉上够清楚，不需要再包框）
 *   3) li.product（卡片）        → 保留 1 层边框（卡片本体，这是"应该"有的框）
 *   4) a.LoopProduct-link        → 强制去掉 border/bg（它是卡片的链接层，纯多余）
 *
 * 注意：li.product 的框是**卡片本身**，属于"每个模块 1 层"，保留。
 *       要清的是「卡片之外、还套着卡片的那些框」。
 * ============================================================ */

/* ---- 1. 推荐模块：section 只控制外边距，不加边框 ---- */
.woocommerce div.product .related.products,
.woocommerce .related.products,
.single-product .related.products {
  border: 0 none !important;
  border-top: 0 none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;          /* 外边距统一由下面 margin 控制 */
}

/* 推荐模块的 ul 也只是排版容器 */
.woocommerce div.product .related.products > ul.products,
.woocommerce .related.products > ul.products {
  border: 0 none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* ---- 2. 亚马逊跳转购买模块：去掉内层框，只留按钮本身 ---- */
/* 原：border 1px + radius12 + #F7F8FA 灰底 —— 和外层 .sml-entry 形成套框 */
section.mhot-ams-strip,
.mhot-ams-strip {
  border: 0 none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 里面那些纯排版 div 一律不许有框 */
.mhot-ams-strip__txt,
.mhot-ams-strip__btn,
.mhot-ams-block,
.mhot-ams-strip > * {
  border: 0 none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 亚马逊按钮本身是"1 层"，保留它的底色/圆角，但要压掉多余外框 */
a.mhot-amazon-btn {
  box-shadow: none !important;
}

/* ---- 3. 卡片内的链接层：清掉多余 border/background ---- */
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link,
.woocommerce .sml-shop-results ul.products li.product > a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product > a:first-child,
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
  border: 0 none !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* ---- 4. 移动端：内层再兜一遍（避免断点里另有覆盖） ---- */
@media (max-width: 768px) {
  html body.single-product .related.products,
  html body.single-product section.mhot-ams-strip,
  html body.single-product .mhot-ams-strip {
    border: 0 none !important;
    border-top: 0 none !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  html body.single-product ul.products li.product > a.woocommerce-LoopProduct-link,
  html body.single-product ul.products li.product > a:first-child {
    border: 0 none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}
/* v53 (2026-09-18) END */


/* ============================================================
 * v54（2026-09-18）★移动端/全站消除多层嵌套方框 —— 首页区块★
 * ------------------------------------------------------------
 * 用户要求：所有区块，一个模块只能保留 1 层带边框/背景的容器；
 *   删掉内层多余 div 的 border / box-shadow / background；
 *   外层 section 只控制外边距，不加边框。
 *
 * 实测嵌套（390px 手机，修复前）：
 *   A. 服务条 section.sml-market-services   border 1/1 + #fff + shadow
 *        └ .sml-container > div (x4)        border-top 1px   ← 每个都是内层框
 *      => 一个白框里再切 4 个带框小格
 *   B. section.sml-market-hero   bg #F7F9FB（灰底）
 *        └ div.sml-market-banner border 1px + #fff + shadow  ← 灰底里再套白框
 *   C. article.sml-market-product  border 1px + #fff + shadow  ← 卡片本体(保留)
 *        └ a.sml-market-product-image  bg #fff + border-bottom ← 多余的第二层白面
 *
 * 策略：外层 section 去掉边框/阴影，只留 margin/padding；
 *       内层装饰性 div 去掉 border/bg/shadow；
 *       卡片本体保留 1 层。
 * ============================================================ */

/* ---- A. 服务条：section 只留边距，去掉所有框 ---- */
html body .sml-market-services {
  border: 0 none !important;
  border-top: 0 none !important;
  border-bottom: 0 none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  /* 背景保留（它是区块自身的底色，不是"框"）；如要纯白可与页面同色 */
}

/* 内层 4 个格子：去掉分隔边框，改用间距区分 */
html body .sml-market-services > .sml-container > div,
html body .sml-market-services .sml-container > div {
  border: 0 none !important;
  border-left: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* ---- B. 首页 hero：灰底区块内不再套白框 ---- */
/* 原 .sml-market-banner 有 border+radius+#fff+shadow，与 .sml-market-hero 的灰底叠成两层。
   ★ 注意：本文件 line 2952 有一条 `html body .sml-market-categories, html body .sml-market-banner,
   html body .sml-market-side { border:1px; background:#FFF; box-shadow:... } !important`，
   与本规则同特异性；必须**同时**把 background 也置为 transparent，否则白底还在（只去边框不够）。 */
html body .sml-market-banner {
  border: 0 none !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background-image: none !important;
}
/* 轮播容器 mhot-hc 同步去框（避免又一层） */
html body .sml-market-banner .mhot-hc,
html body .mhot-hc {
  border: 0 none !important;
  box-shadow: none !important;
}

/* ---- C. 首页产品卡：图片区不再是第二层白面 ---- */
html body article.sml-market-product a.sml-market-product-image,
html body .sml-market-product-image {
  border: 0 none !important;
  border-bottom: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 卡片本体保留 1 层边框（这是"每个模块 1 层"该有的那层），只去掉重复阴影 */
html body article.sml-market-product {
  box-shadow: none !important;
}

/* ---- D. 移动端兜底：以上全部强制 ---- */
@media (max-width: 768px) {
  html body .sml-market-services,
  html body .sml-market-services > .sml-container > div,
  html body .sml-market-services .sml-container > div,
  html body .sml-market-banner,
  html body .sml-market-banner .mhot-hc,
  html body .mhot-hc,
  html body .sml-market-product-image,
  html body article.sml-market-product a.sml-market-product-image {
    border: 0 none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
  /* banner 背景也清掉（灰底 hero 里不要再套白框） */
  html body .sml-market-banner,
  html body .sml-market-banner .mhot-hc {
    background: transparent !important;
    background-image: none !important;
  }
  html body .sml-market-services > .sml-container > div,
  html body .sml-market-services .sml-container > div,
  html body .sml-market-product-image {
    background: transparent !important;
  }
  /* 服务条改为靠间距分隔，不留框线 */
  html body .sml-market-services > .sml-container > div {
    border-top: 0 !important;
    border-bottom: 0 !important;
    padding: 14px 0 !important;
  }
}
/* v54 (2026-09-18) END */


/* v54c（2026-09-18）：补刀 —— 首页 banner 阴影来自 mhot-tokens.css:389 的
 * `html body .sml-market-banner, ... { box-shadow: var(--mh-sh-2) !important; }`。
 * 同特异性，需在文件末尾再压一次，否则灰底 hero 里仍有"阴影+白底"的伪框感。 */
html body .sml-market-banner,
html body .sml-market-hero .sml-market-banner {
  box-shadow: none !important;
}
/* v54c END */


/* ==========================================================================
   v55（2026-09-18）：根治首页「一条白、一条灰」的色带叠层
   --------------------------------------------------------------------------
   用户反馈「嵌套方框还是没清理干净，特别不美观」。
   CDP 实测发现真正的问题不是「框套框」，而是：

     section.sml-market-section   bg #FFFFFF   390x1284   ← 大白块
     section.sml-lux-categories   bg #F7F9FB   390x670    ← 灰块
     section.sml-market-services  bg #FFFFFF   390x313    ← 白块
     section.sml-market-hero      bg #F7F9FB   390x438    ← 灰块

   四个 section 各自铺满整宽背景，且白/灰交替 → 手机上一路往下就是
   一条白、一条灰、再一条白…… 卡片（白底）放在白 section 上完全糊成一片，
   看起来就是「一个框套一个框」。

   ★ 规则（用户要求）：外层 section 只控制边距，不加边框/背景。
     所以：把 section 的背景、圆角、阴影全部去掉，只保留 padding。
     卡片（article/a）保留唯一一层表面（白底 + 1px 边 + 圆角）。
     页面级背景交给 body，各区块之间靠间距和卡片本身区分。
   ========================================================================== */

html body section.sml-market-section,
html body section.sml-lux-categories,
html body section.sml-market-services,
html body section.sml-market-categories,
html body section.sml-market-new,
html body section.sml-market-cta,
html body section.sml-market-brands,
html body section.sml-market-about,
html body section.sml-market-side,
html body aside.sml-market-categories,
html body aside.sml-market-side {
  background: transparent !important;
  background-image: none !important;
  border: 0 none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* hero：保留浅灰底作为唯一「区块底色」，但去掉其它盒属性 */
html body section.sml-market-hero {
  border: 0 none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* 区块之间的呼吸感：只靠 margin，不靠边框 */
@media (max-width: 768px) {
  html body section.sml-market-section,
  html body section.sml-lux-categories,
  html body section.sml-market-services,
  html body section.sml-market-categories,
  html body section.sml-market-cta,
  html body section.sml-market-brands {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* v55 END */


/* v55b（v60 精简）：页面底色/hero 背景/hero 内 banner 透明 这 3 条原规则
   已被 v59 品牌层以更高特异性完全取代，且其中 `hero→纯白` + `banner→transparent`
   正是把首页刷白的元凶（曾压掉文件自带的那套深色工业 hero）。
   故此处整块移除，仅保留历史说明，避免"死规则"继续占体积 + 误导后人。 */
/* v55b END */


/* ==========================================================================
   v56（2026-09-18）：产品详情页三大模块整改
   --------------------------------------------------------------------------
   用户要求：产品详情页 / 亚马逊购买模块 / 加入购物车按钮 / 相关产品模块
   消除多层嵌套方框。规则：
     · 一个模块只允许「最外层 1 层」容器有 border/background/radius
     · 模块内部所有子 div 取消 border/shadow/background，只留 padding/margin
     · 仅最内层「单品卡片」允许边框样式

   CDP 实测发现的问题：
   1) div.woocommerce-product-details__short-description
      bg #F4F6F8 + padding18/20 + radius "0 8px 8px 0"（单侧圆角，很怪）
      → 商品摘要里嵌了一个灰色方框 = 典型的多层嵌套框
   2) 亚马逊模块 div.mhot-ams-block 嵌在 div.mhot-ams-strip__btn 里
      → 两层 wrapper 包一个 <a> 按钮，冗余
   3) 相关产品 ul.products 在手机端解析成 3 列 88px
      → 卡片被挤成 88×88 小方块，一行挤 3 个 → 视觉上全是碎框
   ========================================================================== */

/* --- 1. 商品摘要里的灰框去掉（模块内部的子块不该有背景/圆角） --- */
html body.woocommerce div.product .summary.entry-summary .woocommerce-product-details__short-description,
html body.woocommerce div.product .woocommerce-product-details__short-description,
html body .summary .woocommerce-product-details__short-description {
  background: transparent !important;
  background-image: none !important;
  border: 0 none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 18px !important;
}
/* 短描述里的内层 p/ul/table 同样清零（只留间距） */
html body.woocommerce div.product .woocommerce-product-details__short-description p,
html body.woocommerce div.product .woocommerce-product-details__short-description ul,
html body.woocommerce div.product .woocommerce-product-details__short-description > * {
  background: transparent !important;
  border: 0 none !important;
  box-shadow: none !important;
}

/* --- 2. 亚马逊模块：只保留最外层 1 层，内部 wrapper 全去盒属性 --- */
html body section.mhot-ams-strip,
html body section.mhot-ams-strip .mhot-ams-strip__txt,
html body section.mhot-ams-strip .mhot-ams-strip__btn,
html body section.mhot-ams-strip .mhot-ams-block,
html body .mhot-ams-block {
  background: transparent !important;
  background-image: none !important;
  border: 0 none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/* 按钮本身是"控件"，保留它自己的底色/圆角（这是允许的交互元素样式） */

/* --- 3. 相关产品：手机端 2 列，卡片给足宽度，别挤成小方块 --- */
@media (max-width: 767.98px) {
  html body.woocommerce section.related.products ul.products,
  html body.woocommerce ul.products.columns-4,
  html body.woocommerce ul.products.columns-3 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
  /* 单品卡片：允许 1 层边框，撑满格子，不再是 88px */
  html body.woocommerce section.related.products ul.products li.product,
  html body.woocommerce ul.products.columns-4 li.product,
  html body.woocommerce ul.products.columns-3 li.product {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    display: block !important;
    padding: 10px !important;
    margin: 0 !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(16, 20, 24, 0.08) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
  }
  html body.woocommerce section.related.products ul.products li.product img,
  html body.woocommerce ul.products.columns-4 li.product img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    border: 0 none !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    margin: 0 0 8px !important;
  }
  /* 卡片内部的链接/图片容器 div：取消一切盒属性，只留间距 */
  html body.woocommerce section.related.products ul.products li.product a,
  html body.woocommerce section.related.products ul.products li.product div,
  html body.woocommerce ul.products.columns-4 li.product a,
  html body.woocommerce ul.products.columns-4 li.product div {
    background: transparent !important;
    border: 0 none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
  html body.woocommerce section.related.products ul.products li.product h2,
  html body.woocommerce ul.products.columns-4 li.product h2 {
    font-size: 13px !important;
    line-height: 1.35 !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
  }
  html body.woocommerce section.related.products ul.products li.product .price,
  html body.woocommerce ul.products.columns-4 li.product .price {
    font-size: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* 桌面端同样保证 4 列卡片宽度合理（原来 304px/4 也是挤） */
@media (min-width: 768px) {
  html body.woocommerce section.related.products ul.products {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }
  html body.woocommerce section.related.products ul.products li.product {
    width: auto !important;
    display: block !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(16, 20, 24, 0.08) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    padding: 12px !important;
    margin: 0 !important;
  }
}

/* v56 END */


/* v56b：相关产品卡片内的 <a> 被设了 overflow:hidden 且尺寸=图片尺寸，
   把标题和价格裁掉了。链接层应只做布局，不裁剪内容。 */
html body.woocommerce section.related.products ul.products li.product > a.woocommerce-LoopProduct-link,
html body.woocommerce ul.products.columns-4 li.product > a.woocommerce-LoopProduct-link,
html body.woocommerce section.related.products ul.products li.product > a,
html body.woocommerce ul.products.columns-4 li.product > a {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
/* 图片容器高度自适应，不再固定成正方形挤掉文字 */
html body.woocommerce section.related.products ul.products li.product .mhot-rel-img,
html body.woocommerce ul.products.columns-4 li.product .mhot-rel-img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
html body.woocommerce section.related.products ul.products li.product .mhot-rel-img img,
html body.woocommerce ul.products.columns-4 li.product .mhot-rel-img img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  margin: 0 !important;
}
/* v56b END */


/* ==========================================================================
   v57（2026-09-18）：亚马逊购买按钮排版修整
   --------------------------------------------------------------------------
   用户反馈「亚马逊购买按钮位置没有排版好」。

   CDP 实测（390px / 1440px 双端）：
     form.cart (加购按钮)   y=948  h=52   ← 主 CTA
     div.mhot-ams-inline    y=1024 h=18   ← 亚马逊文字链接，紧贴下面、只有 18px
     ...44px 空白...
     section.mhot-ams-strip y=1332 h=167  ← 又一个亚马逊大横条（含标题+按钮）

   问题：
   ① inline 链接只有 18px 高，紧贴在 52px 主按钮下方，间距仅 24px，
      视觉上像是"按钮下面粘了一行小字"，非常挤。
   ② 底部的 strip 是一个 167px 高的大横条，和 inline 链接**功能重复**
      （两个入口都跳亚马逊，一个说"Also available on Amazon"，
        另一个说"Prefer to buy single units?"）。
      两个入口一挤一松，且把页面拉得很长。

   修整方案：
   · 保留 summary 里的 inline 入口（离加购按钮最近，位置合理）
   · 把它从「18px 光秃秃文字链接」升级为「有明确间距 + 独立卡片的次级入口行」
     - 与主按钮拉开 14px 间距，上方加细分隔线
     - 给它一个浅色底 + 圆角 + 内边距，成为一个"清晰但不抢主 CTA"的次级块
   · 移除底部重复的 strip（改由 PHP 停输出，见 mhot-ams.php v57）
   ========================================================================== */

/* --- 1. 亚马逊次级入口行：独立成块，间距充足 --- */
html body.woocommerce div.product .summary .mhot-ams-inline,
html body div.product .mhot-ams-inline {
  display: block !important;
  margin: 16px 0 0 !important;
  padding: 12px 14px !important;
  background: #F7F8FA !important;
  border: 1px solid rgba(16, 20, 24, 0.07) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

/* 链接本身：撑满、图标+文字水平居左排列，可点区域足够大 */
html body .mhot-ams-inline .mhot-amz-inline-link {
  display: flex !important;
  width: 100% !important;
  min-height: 24px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  background: transparent !important;
  border: 0 none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
  color: #0B2A4A !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
html body .mhot-ams-inline .mhot-amz-inline-link:hover {
  color: #004672 !important;
  text-decoration: underline !important;
}
html body .mhot-ams-inline .mhot-amz-inline-ico,
html body .mhot-ams-inline .mhot-amz-inline-txt,
html body .mhot-ams-inline .mhot-amz-inline-cc {
  background: transparent !important;
  border: 0 none !important;
  box-shadow: none !important;
}
html body .mhot-ams-inline .mhot-amz-inline-ico { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; }
html body .mhot-ams-inline .mhot-amz-inline-txt { flex: 1 1 auto !important; }
html body .mhot-ams-inline .mhot-amz-inline-cc   { flex: 0 0 auto !important; font-size: 15px !important; }

/* 加购按钮下方留白，避免和次级入口挤在一起 */
html body.woocommerce div.product form.cart,
html body div.product form.cart {
  margin-bottom: 0 !important;
}

/* --- 2. 底部重复的亚马逊横条已在 PHP 层停输出（mhot-ams.php v57），
       这里不再需要 display:none 兜底，避免与 mhot-ams.php 里的新布局规则冲突。
       保留此注释作为位置标记。 --- */

/* --- 3. 手机端微调：次级入口更紧凑但不挤 --- */
@media (max-width: 767.98px) {
  html body div.product .mhot-ams-inline,
  html body .mhot-ams-inline {
    margin-top: 14px !important;
    padding: 11px 13px !important;
    font-size: 13.5px !important;
  }
  html body .mhot-ams-inline .mhot-amz-inline-link {
    font-size: 13.5px !important;
    gap: 7px !important;
  }
  html body .mhot-ams-inline .mhot-amz-inline-txt { font-size: 13.5px !important; }
}

/* v57 END */


/* ==========================================================================
   v58（2026-09-18）：亚马逊按钮品牌化
   --------------------------------------------------------------------------
   用户反馈：「按大小位置可以了，但是按钮要突出带亚马逊标识颜色」

   现状（v57 之后）：.mhot-ams-inline 是 #F7F8FA 浅灰底 + 深蓝文字，
   整块是"安静的浅色卡片"，链接本身没有底色 → 不够"突出"，
   也没有亚马逊的品牌色标识。

   改法（亚马逊官方品牌色，不画 logo、只用色彩语言）：
   · 链接本体 → 亚马逊标志性深藏青 #232F3E（官方 "Amazon Squid Ink"）
   · 文字 → 纯白加粗
   · 图标 → 亚马逊橙 #FF9900（官方 "Amazon Orange"）
   · 右侧新增一个橙色圆形箭头徽标，强化"去亚马逊"的视觉指示
   · hover → 提亮到 #37475A + 轻微上浮，保持可点反馈
   外层 .mhot-ams-inline 保留极简卡片壳（浅底 + 1px 边 + 圆角），
   作为"次级入口"块与主站蓝色 ADD TO CART 区分开。
   ========================================================================== */

/* --- 1. 外层壳：保持独立成块，但内距收紧（按钮本体自带 padding） --- */
html body.woocommerce div.product .summary .mhot-ams-inline,
html body div.product .mhot-ams-inline {
  display: block !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;              /* 内距交给按钮本体 */
  background: transparent !important; /* 去掉浅灰壳，避免灰底+深色按钮两层 */
  border: 0 none !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

/* --- 2. 按钮本体：亚马逊深藏青 + 白字 + 橙色图标 --- */
html body .mhot-ams-inline .mhot-amz-inline-link {
  display: flex !important;
  width: 100% !important;
  min-height: 50px !important;
  box-sizing: border-box !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  background: #232F3E !important;              /* Amazon Squid Ink */
  background-image: none !important;
  border: 0 none !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 2px rgba(35, 47, 62, 0.18) !important;
  padding: 12px 16px !important;
  text-decoration: none !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}
html body .mhot-ams-inline .mhot-amz-inline-link:hover,
html body .mhot-ams-inline .mhot-amz-inline-link:focus-visible {
  background: #37475A !important;              /* Amazon Squid Ink 亮一档 */
  color: #FFFFFF !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 3px 8px rgba(35, 47, 62, 0.26) !important;
}
html body .mhot-ams-inline .mhot-amz-inline-link:active {
  transform: translateY(0) !important;
  box-shadow: 0 1px 2px rgba(35, 47, 62, 0.2) !important;
}

/* --- 3. 图标：亚马逊橙 --- */
html body .mhot-ams-inline .mhot-amz-inline-ico {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  background: transparent !important;
  border: 0 none !important;
  box-shadow: none !important;
}
html body .mhot-ams-inline .mhot-amz-inline-ico svg {
  width: 26px !important;
  height: 12px !important;
  display: block !important;
}
/* SVG 里白色描边的 "a" 字在深底上要显出来 → 补白；橙色部分保持橙色 */
html body .mhot-ams-inline .mhot-amz-inline-ico svg path[fill="#FFFFFF"] {
  fill: #FFFFFF !important;
}

/* --- 4. 文字：白字 + 略加字距 --- */
html body .mhot-ams-inline .mhot-amz-inline-txt {
  flex: 1 1 auto !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

/* --- 5. 右侧国家旗标：白字 --- */
html body .mhot-ams-inline .mhot-amz-inline-cc {
  flex: 0 0 auto !important;
  font-size: 15px !important;
  color: #FFFFFF !important;
}

/* --- 6. 手机端：保持突出，尺寸微调 --- */
@media (max-width: 767.98px) {
  html body .mhot-ams-inline .mhot-amz-inline-link {
    min-height: 48px !important;
    padding: 11px 14px !important;
    font-size: 13.5px !important;
    gap: 9px !important;
  }
  html body .mhot-ams-inline .mhot-amz-inline-txt { font-size: 13.5px !important; }
  html body .mhot-ams-inline .mhot-amz-inline-ico svg { width: 24px !important; height: 11px !important; }
}

/* v58 END */


/* ==========================================================================
   v59（2026-09-18）：首页品牌风格重塑 —— 工业/汽修工具气质
   --------------------------------------------------------------------------
   用户反馈：「首页优化一下品牌风格，现在看起来白白的，不像汽车维修工具网站」

   ★ 根因（CDP 逐条规则排查，非猜测）：
   文件里本来**已经有一套很漂亮的深色工业 hero**（第 3735 行起）：
     深色渐变 #0B0D10→#14181D→#1C2229 + 橙色光晕 + 46px 网格纹理 + 3px 橙色顶条
   但被三条**同特异性、同 !important** 的规则反杀：
     ① 第 120 行  html body .sml-market-banner            { background:#FFFFFF }
     ② 第 2952 行 html body .sml-market-categories, .sml-market-banner, … { background:#FFFFFF }
     ③ 第 5709 行 html body section.sml-market-hero .sml-market-banner { background:transparent }  ← 特异性最高，最终胜出
   ③ 是我上一轮 v55 自己写的（"hero 改成纯白，作为头图区"），
   于是 3735 行的深色设计从未生效 → 整站白茫茫。

   ★ 本次策略（不再逐条去否，而是"最末尾 + 提高特异性"一次定调）：
   · 恢复深色工业 hero（深墨渐变 + 橙色点缀 + 网格质感）
   · 页面底调整为冷灰 #F1F3F6，让白色卡片浮起来（保留 v55 的优点）
   · 各区块加入工业元素：橙色编号、钢灰描边、更硬的圆角、更紧凑的字距
   · 标题字重加重、大写 eyebrow，强化"制造厂/工具"的硬派感
   · 全部放在文件最末尾，选择器统一加 `html body` 前缀保证胜出
   ========================================================================== */

/* --- 1. 页面底色：冷灰（工业感的地面色，不是纯白） --- */
html body.home,
html body.archive,
html body.woocommerce,
html body.page {
  background: #F1F3F6 !important;
}

/* --- 2. ★ 恢复深色工业 hero（覆盖 v55 的白色/透明） --- */
html body section.sml-market-hero {
  background: #EDF0F4 !important;
  padding-top: 22px !important;
  padding-bottom: 26px !important;
  border-bottom: 1px solid rgba(16, 20, 24, 0.07) !important;
}
html body section.sml-market-hero .sml-market-banner,
html body .sml-market-banner,
html body.home .sml-market-banner {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  background-color: #0E1116 !important;
  background-image:
    radial-gradient(88% 130% at 90% 4%, rgba(255, 90, 31, .26) 0%, rgba(255, 90, 31, 0) 58%),
    radial-gradient(66% 108% at 4% 100%, rgba(255, 176, 32, .14) 0%, rgba(255, 176, 32, 0) 60%),
    linear-gradient(135deg, #0B0D10 0%, #14181D 54%, #1D242C 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  box-shadow: 0 26px 60px -26px rgba(8, 11, 15, .72), 0 2px 0 rgba(255,255,255,.04) inset !important;
}
/* 网格纹理 */
html body .sml-market-banner::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px) !important;
  background-size: 44px 44px !important;
  -webkit-mask-image: radial-gradient(125% 105% at 28% 42%, #000 18%, transparent 76%) !important;
  mask-image: radial-gradient(125% 105% at 28% 42%, #000 18%, transparent 76%) !important;
}
/* 顶部橙色引导条 */
html body .sml-market-banner::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 150px !important;
  height: 3px !important;
  z-index: 3 !important;
  background: linear-gradient(90deg, #FF5A1F 0%, #FFB020 58%, rgba(255, 176, 32, 0) 100%) !important;
}
html body .sml-market-banner-copy { position: relative !important; z-index: 3 !important; }

/* --- 3. hero 文字：白字 + 硬朗字重 --- */
html body .sml-market-banner h1,
html body .sml-market-banner h2 {
  color: #FFFFFF !important;
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
  text-shadow: 0 3px 24px rgba(0, 0, 0, .4) !important;
}
html body .sml-market-banner-copy > p,
html body .sml-market-banner p {
  color: rgba(255, 255, 255, .76) !important;
}
/* eyebrow：橙色描边胶囊 */
html body .sml-market-banner .sml-market-kicker,
html body section.sml-market-hero .sml-market-kicker {
  background: rgba(255, 90, 31, .14) !important;
  border: 1px solid rgba(255, 90, 31, .45) !important;
  border-radius: 4px !important;
  color: #FFB020 !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}
/* hero 里的主按钮：橙色实心 */
html body .sml-market-banner .sml-button:not(.sml-button--outline) {
  background: #FF5A1F !important;
  border-color: #FF5A1F !important;
  color: #FFFFFF !important;
  box-shadow: 0 12px 30px -12px rgba(255, 90, 31, .9) !important;
}
html body .sml-market-banner .sml-button:not(.sml-button--outline):hover {
  background: #E04A12 !important;
  border-color: #E04A12 !important;
  transform: translateY(-2px) !important;
}
/* hero 里的描边按钮：玻璃感白描边 */
html body .sml-market-banner .sml-button--outline {
  background: rgba(255, 255, 255, .06) !important;
  border: 1px solid rgba(255, 255, 255, .34) !important;
  color: #FFFFFF !important;
}
html body .sml-market-banner .sml-button--outline:hover {
  background: rgba(255, 255, 255, .15) !important;
  border-color: rgba(255, 255, 255, .6) !important;
  transform: translateY(-2px) !important;
}

/* --- 4. 左侧分类侧栏：深色变体，和 hero 连成一体 --- */
html body aside.sml-market-categories,
html body .sml-market-categories {
  background: #14181D !important;
  border: 1px solid rgba(255, 255, 255, .07) !important;
  border-radius: 16px !important;
  box-shadow: 0 22px 52px -24px rgba(8, 11, 15, .66) !important;
}
html body aside.sml-market-categories h2,
html body aside.sml-market-categories h2 span,
html body .sml-market-categories h2 {
  background: transparent !important;
  color: #FFFFFF !important;
  border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
}
html body aside.sml-market-categories ul li a,
html body .sml-market-categories ul li a {
  background: transparent !important;
  color: rgba(255, 255, 255, .80) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .055) !important;
}
html body aside.sml-market-categories ul li a:hover,
html body .sml-market-categories ul li a:hover {
  background: rgba(255, 90, 31, .13) !important;
  color: #FFFFFF !important;
}
html body .sml-market-categories .sml-market-all,
html body a.sml-market-all {
  color: #FFB020 !important;
}

/* --- 5. 区块标题：工业风粗体 + 橙色装饰 --- */
html body .sml-market-heading h2,
html body .sml-market-section h2,
html body .sml-lux-categories h2,
html body section.sml-market-section h2 {
  color: #0B0D10 !important;
  font-weight: 800 !important;
  letter-spacing: -.028em !important;
}
html body .sml-market-heading span,
html body .sml-lux-categories .sml-market-heading span {
  color: #FF5A1F !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

/* --- 6. 分类卡片：钢灰描边 + 硬朗圆角，hover 橙色 --- */
html body .sml-lux-category,
html body .sml-lux-categories .sml-lux-category {
  background: #FFFFFF !important;
  border: 1px solid rgba(16, 20, 24, .10) !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 2px rgba(16, 20, 24, .04) !important;
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}
html body .sml-lux-category:hover {
  border-color: rgba(255, 90, 31, .55) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 30px -14px rgba(255, 90, 31, .38) !important;
}

/* --- 7. 商品卡片：更硬朗，价格用强调色 --- */
html body .sml-market-product {
  background: #FFFFFF !important;
  border: 1px solid rgba(16, 20, 24, .10) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}
html body .sml-market-product:hover {
  border-color: rgba(255, 90, 31, .5) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 34px -16px rgba(16, 20, 24, .3) !important;
}
html body .sml-market-product-title { color: #0B0D10 !important; font-weight: 700 !important; }
html body .sml-market-product-price { color: #0B0D10 !important; font-weight: 800 !important; }

/* --- 8. 服务条（01 Factory Direct …）：橙色编号，强化工厂感 --- */
html body .sml-market-services { background: transparent !important; }
html body .sml-market-services .sml-market-service,
html body .sml-market-services li {
  background: #FFFFFF !important;
  border: 1px solid rgba(16, 20, 24, .09) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

/* --- 9. 通用按钮：主色改工业深墨 + 橙色 hover --- */
html body .woocommerce a.button,
html body .woocommerce button.button,
html body button.single_add_to_cart_button,
html body a.sml-button {
  border-radius: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
}

/* --- 10. 手机端：hero 保持深色，间距收紧 --- */
@media (max-width: 767.98px) {
  html body section.sml-market-hero {
    padding-top: 14px !important;
    padding-bottom: 18px !important;
  }
  html body .sml-market-banner,
  html body section.sml-market-hero .sml-market-banner {
    border-radius: 14px !important;
  }
  html body .sml-market-banner h1,
  html body .sml-market-banner h2 { font-size: 30px !important; line-height: 1.16 !important; }
  html body .sml-market-banner-copy > p { font-size: 14px !important; }
}

/* v59 END */


/* ==========================================================================
   v61（2026-09-18）★★★ 消除多层嵌套方框 —— 按规则严格收口 ★★★

   规则：
     R1 一个模块只允许最外层 1 层容器设置 边框/背景/圆角
     R2 模块内部所有子 div 取消 边框/阴影/背景，只保留间距
     R3 仅最内层单品卡片允许边框样式
     R4 手机端不得出现一层套一层多重空白框

   实测定位（CDP 禁缓存，双端）后确认的真违规 3 组：

   ── 违规 1（主）hero 区「灰底套深色卡」────────────────────────────
      section.sml-market-hero    bg=#EDF0F4 + border-bottom 1px   ← 外层色块
        └ .sml-container         transparent（正常）
          └ .sml-market-banner   bg=#0E1116 + border + radius     ← 内层色块
      上下各留 26px 灰边 → 深色方框套在灰色方框里 = 多重空白框 ★★
      修：section 去掉 背景 + 边框，装饰全部由 banner 独家承担（R1）
   ──────────────────────────────────────────────────────────────── */

/* R1：hero 模块只保留 banner 这一层装饰 */
html body section.sml-market-hero,
html body.single-product section.sml-market-hero,
html body.home section.sml-market-hero {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 none !important;
  border-bottom: 0 none !important;
  box-shadow: none !important;
}

/* R2：hero 内的中间容器不得有任何装饰（只留间距） */
html body section.sml-market-hero > .sml-container,
html body section.sml-market-hero > .sml-market-shell,
html body section.sml-market-hero .sml-market-shell {
  background: transparent !important;
  background-image: none !important;
  border: 0 none !important;
  box-shadow: none !important;
}

/* R1 收口：banner 作为 hero 内唯一装饰层，保留其边框/背景/圆角/阴影
   （勿删——它是"最外层 1 层"） */

/* ── 违规 2：侧栏 aside 内部残留装饰 ───────────────────────────────
     aside.sml-market-categories  border+radius+bg+shadow  ← 唯一外层（保留）
       ├ h2     radius 11px + 金色 box-shadow rgba(213,148,22,.18)  ← ★残留★
       ├ li a   radius 7px                                          ← ★残留★
       └ .sml-market-all  border-top 1px                            ← 分隔线，保留
   ──────────────────────────────────────────────────────────────── */

/* R2：侧栏内部标题不得有阴影/边框/背景（深色侧栏里金色阴影极突兀） */
html body aside.sml-market-categories h2,
html body .sml-market-categories h2 {
  box-shadow: none !important;
  border: 0 none !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
}

/* R2：侧栏内部条目只留间距（无背景的圆角会暗示"框"） */
html body aside.sml-market-categories ul li a,
html body .sml-market-categories li a {
  border-radius: 0 !important;
  border: 0 none !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
}

/* R2：侧栏底部"全部"按钮的 border-top 是分隔线，保留。
   但确保它没有额外边框/阴影形成框 */
html body a.sml-market-all,
html body .sml-market-all {
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* ── 违规 3：spotlight 卡嵌在 banner 内，自身又是完整框 ─────────────
     div.sml-market-banner       bg 深色 + border + radius 16   ← 外层
       └ a.sml-market-spotlight  border 1px + radius 22 + 渐变 + shadow  ← ★双层框★
     修：spotlight 去边框+阴影，保留渐变（渐变是"高光面"，不是"框"）
   ──────────────────────────────────────────────────────────────── */
html body a.sml-market-spotlight,
html body .sml-market-spotlight {
  border: 0 none !important;
  box-shadow: none !important;
}

/* ── R4：手机端强制复核（最高优先，雪崩式收口）───────────────────── */
@media (max-width: 768px) {
  /* hero 外层彻底无装饰 */
  html body section.sml-market-hero,
  html body.home section.sml-market-hero {
    background: transparent !important;
    background-image: none !important;
    border: 0 none !important;
    box-shadow: none !important;
  }
  /* 中间容器无装饰 */
  html body section.sml-market-hero > .sml-container,
  html body section.sml-market-hero .sml-market-shell {
    background: transparent !important;
    background-image: none !important;
    border: 0 none !important;
    box-shadow: none !important;
  }
  /* 侧栏内部无装饰 */
  html body aside.sml-market-categories h2,
  html body .sml-market-categories h2,
  html body aside.sml-market-categories ul li a,
  html body .sml-market-categories li a {
    background: transparent !important;
    background-image: none !important;
    border: 0 none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
  /* spotlight 无框 */
  html body a.sml-market-spotlight { border: 0 none !important; box-shadow: none !important; }
}

/* v61 END */


/* v61b（2026-09-18）★ 精准收口：spotlight 是"特色商品卡"而非第二个外框 ★
   实测：a.sml-market-spotlight 在 banner(深色) 内，自身带
       linear-gradient(145deg,#FFFFFF 98%,#F2F5F8) 白色渐变 + radius 22px
   它在深色 banner 里形成"白色方块"，边角偏硬 → 视觉上像第二个框。
   处理：保留渐变（它是内容卡的高光面），但把圆角调柔和、去掉任何残余硬边，
        并确保它没有 border/shadow（v61 已去）。 */
html body a.sml-market-spotlight,
html body .sml-market-spotlight {
  border: 0 none !important;
  box-shadow: none !important;
  /* 让白卡与深色底之间自然过渡，而非"硬切一个白框" */
  border-radius: 18px !important;
}
/* 卡片内的商品名条：去掉任何边框/底色叠加，避免"卡中卡" */
html body a.sml-market-spotlight span,
html body .sml-market-spotlight span {
  border: 0 none !important;
  box-shadow: none !important;
}
/* 圆形图标底（lux category）保持圆形，但去掉任何方形描边 */
html body span.sml-lux-category-media,
html body .sml-lux-category-media {
  border: 0 none !important;
  box-shadow: none !important;
  border-radius: 50% !important;
}
/* 分类卡（lux）本身是"最内层卡片"，按 R3 保留 1 层边框 —— 仅确保不叠加阴影 */
html body a.sml-lux-category,
html body .sml-lux-category {
  box-shadow: none !important;
}

/* v61b END */


/* v61c（2026-09-18）★ 卡片层统一：最内层卡片只保留「1 层边框」，不叠加阴影 ★
   实测：a.sml-lux-category 同时有 border 1px + 背景 + box-shadow → 观感像"框外套框"。
   按 R3「仅最内层单品卡片允许边框样式」——只留边框与背景，去掉阴影。 */
html body a.sml-lux-category,
html body .sml-lux-category,
html body article.sml-market-product,
html body .sml-market-product {
  box-shadow: none !important;
}
/* 卡片内的图片/媒体不额外加边框或阴影 */
html body a.sml-lux-category span,
html body article.sml-market-product img,
html body .sml-market-product img {
  border: 0 none !important;
  box-shadow: none !important;
}

/* v61c END */


/* v61d（2026-09-18）★ 最终收口：卡片阴影 ★
   实测发现 mhot-ui.css 内部有重复的 `html body .sml-lux-category, ...` 规则块，
   靠后那一块仍写 box-shadow: rgba(16,20,24,.04) 0 1px 2px !important，
   与 v61c 同特异性时靠后者胜出 → 阴影没被去掉。
   这里用 html body a.sml-lux-category（特异性更高）钉死。 */
html body a.sml-lux-category,
html body a.sml-lux-category:link,
html body a.sml-lux-category:visited,
html body a.sml-lux-category:hover,
html body a.sml-market-product,
html body article.sml-market-product {
  box-shadow: none !important;
}

/* v61d END */


/* v62（2026-09-18）★★ 手机端「框套框」真正根因：section 与 .sml-container 双重左右内距 ★★
   实测（390px）：
     section.sml-lux-categories      390 宽，padding 48px 16px 48px 16px   ← 先缩到 358
       └ .sml-container              358 宽，padding 0 24px                ← 再缩到 310
          └ div.sml-lux-category-grid 310 宽
   → 内容左右各被吃掉 40px（共 80px / 390px = 20.5%），屏幕上就是"一层套一层的框"。
   桌面端 section 的左右 padding 是 0（只有 24px 一处），所以桌面正常 —— 这是手机端专属 bug。

   修复原则：小屏由 .sml-container 统一负责左右内距（24px），
   section 只保留上下留白，左右归零。 */

@media (max-width: 1024px) {
  html body section.sml-lux-categories,
  html body section.sml-market-hero,
  html body section.sml-market-products,
  html body section.sml-market-banner-wrap,
  html body main.sml-site-main > section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* 极窄屏（<=480）容器内距收到 16px，给商品卡留出空间 */
@media (max-width: 480px) {
  html body .sml-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  html body div.sml-lux-category-grid,
  html body div.sml-market-product-grid {
    gap: 10px !important;
  }
}

/* v62 END */


/* v63（2026-09-18）★★★ 手机端「不要那么多框」—— 去掉所有纯装饰性小方框 ★★★
   CDP 实测列出手机端全部 31 个「像框」元素，其中这些是纯装饰、无功能，属于"多余框":

   ① hero 里的 4 个编号块 01/02/03/04（40x30，橙色边 1px + 橙底 + 圆角 8）
      → 只是序号装饰，去掉边框+底色，改成无框纯文字（橙色数字）
   ② hero 顶部 kicker 胶囊（308x44，橙色边 1px + 橙底 + 圆角 4）
      → 改无框，橙色文字即可
   ③ 分类卡 a.sml-lux-category（3 个白色 1px 边框卡）
      → 去边框，只留白底 + 圆角（弱化"框"感）
   ④ 商品卡 article.sml-market-product（边框）
      → 保留（R3 规则：最内层单品卡允许边框），但去掉多余内衬框

   保留项：按钮 / 搜索框 / header 分隔线 / 页脚分隔线（功能性控件）。 */

/* ① hero 编号块 01-04：去边框去底色，只留橙色数字 */
@media (max-width: 1024px) {
  html body .sml-market-banner .sml-market-banner-copy span[aria-hidden="true"],
  html body .sml-market-banner span[aria-hidden="true"] {
    border: 0 none !important;
    background: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    color: #FF5A1F !important;
    font-weight: 800 !important;
  }
}

/* ② hero kicker 胶囊：去边框去底色，只留橙色文字 */
html body .sml-market-kicker {
  border: 0 none !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: auto !important;
  display: inline-block !important;
}

/* ③ 分类卡：去边框（保留白底+圆角，弱化框感） */
html body a.sml-lux-category,
html body .sml-lux-category {
  border: 0 none !important;
}

/* ④ 商品卡：去阴影，边框保留（R3 最内层单品卡） */
html body article.sml-market-product,
html body li.product.type-product {
  box-shadow: none !important;
}

/* v63 END */


/* v64（2026-09-18）★★★★ 修正 v63 选择器错误 + 用「同选择器 + 更加长」钉死 ★★★★
   v63 失败原因（CDP 实测查明）：
     ① hero 编号块并不在 .sml-market-banner 里，而在 .sml-market-services 里
        → 我写的 html body .sml-market-banner span[aria-hidden="true"] 压根没匹配上
        真正生效的是：.sml-market-services .sml-container > div > span[aria-hidden="true"]  (0,3,2)
     ② .sml-market-kicker / a.sml-lux-category 我写的选择器特异性不够，
        被更靠后、更长的选择器反杀：
          html body .sml-market-banner .sml-market-kicker        (0,3,1) > html body .sml-market-kicker (0,2,1)
          html body .sml-lux-category, html body .sml-lux-categories .sml-lux-category (0,3,1) > html body a.sml-lux-category (0,1,1)
   → 解法：直接复用**完全相同**的赢家选择器，并再加一层 html body 提特异性，放文件最末尾。 */

/* ① hero 服务编号块 01~04（40x30 橙框橙底）→ 去边框去底色，只留橙色数字 */
html body .sml-market-services .sml-container > div > span[aria-hidden="true"],
html body .sml-market-services .sml-container > div > span[aria-hidden="true"]:hover,
html body section.sml-market-services span[aria-hidden="true"] {
  border: 0 none !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  color: #FF5A1F !important;
  font-weight: 800 !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
}

/* ② hero kicker 胶囊（308x44 橙框橙底）→ 去边框去底色，只留橙色小字 */
html body .sml-market-banner .sml-market-kicker,
html body section.sml-market-hero .sml-market-kicker,
html body .sml-market-kicker {
  border: 0 none !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  display: inline-block !important;
  letter-spacing: .04em !important;
  text-transform: none !important;
  color: #FF5A1F !important;
  font-weight: 700 !important;
}

/* ③ 分类卡（3 个白色 1px 边框卡）→ 去边框，保留白底+圆角 */
html body a.sml-lux-category,
html body .sml-lux-categories .sml-lux-category,
html body .sml-lux-category {
  border: 0 none !important;
  box-shadow: none !important;
}

/* ④ 商品卡去阴影（边框保留，R3 最内层单品卡） */
html body article.sml-market-product,
html body .sml-market-products article.sml-market-product,
html body li.product.type-product {
  box-shadow: none !important;
}

/* v64 END */

/* ==========================================================================
   v65 — 需求整改（2026-09-18）
   ① 类目列表商品卡：大正方图 / 去加入购物车 / 图文间距
   ② Checkout 溢出修复（PC + 移动）
   原则：只改样式，不动文案、不动布局结构、不动详情页。
   注意：本块必须保持在文件最末尾 + 使用 html body 前缀提升特异性。
   ========================================================================== */

/* --------------------------------------------------------------------------
   需求1-1 / 1-3：类目列表卡片 —— 图片放大为正方形、减少留白、图文间距协调
   -------------------------------------------------------------------------- */
html body.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link > img,
html body.woocommerce ul.products li.product a img,
html body.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: 10px 10px 8px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
  background: #fff !important;
  border-bottom: 1px solid var(--sf-line, #E4E8ED) !important;
}

/* 图片与标题的间距：收紧上间距，图文紧密但不贴死 */
html body.woocommerce ul.products li.product .woocommerce-loop-product__title,
html body.woocommerce .sml-shop-results ul.products li.product .woocommerce-loop-product__title {
  padding: 12px 14px 6px !important;
  margin: 0 !important;
  min-height: 54px !important;
  line-height: 1.4 !important;
}

/* 标题与价格的间距 */
html body.woocommerce ul.products li.product .price,
html body.woocommerce .sml-shop-results ul.products li.product .price {
  padding: 0 14px 4px !important;
  margin: 0 !important;
}

/* --------------------------------------------------------------------------
   需求1-2：删除类目列表卡片上的【加入购物车】按钮（详情页保留）
   用 display:none 而非删除 HTML —— 不破坏主题模板、不影响结构化数据
   -------------------------------------------------------------------------- */
html body.woocommerce ul.products li.product .button,
html body.woocommerce ul.products li.product .add_to_cart_button,
html body.woocommerce ul.products li.product .ajax_add_to_cart,
html body.woocommerce ul.products li.product a.product_type_simple,
html body.woocommerce ul.products li.product a.product_type_variable,
html body.woocommerce .sml-shop-results ul.products li.product .button,
html body.woocommerce .sml-shop-results ul.products li.product .add_to_cart_button,
html body.woocommerce .sml-shop-results ul.products li.product a.product_type_simple,
html body.woocommerce .sml-shop-results ul.products li.product a.product_type_variable,
html body ul.wc-block-grid__products li.product .wp-block-button,
html body .wc-block-grid__product-add-to-cart {
  display: none !important;
}

/* 卡片底部补回内边距（按钮去掉后价格不贴边） */
html body.woocommerce ul.products li.product,
html body.woocommerce .sml-shop-results ul.products li.product {
  padding-bottom: 16px !important;
}

/* 详情页按钮必须保留（防御性覆盖） */
html body.single-product div.product form.cart .single_add_to_cart_button,
html body.single-product .summary form.cart .single_add_to_cart_button,
html body .woocommerce div.product form.cart button.button {
  display: inline-flex !important;
}

/* --------------------------------------------------------------------------
   需求2-1：Checkout 表单输入框 —— 文字不溢出、内边距合理、自动换行
   -------------------------------------------------------------------------- */
html body .wc-block-components-text-input input,
html body .wc-block-components-address-form input,
html body .wc-block-components-text-input textarea,
html body .wc-block-components-address-form textarea,
html body .wc-block-components-text-input select,
html body .wc-block-components-address-form select,
html body .wc-block-components-select__select {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  padding: 12px 14px !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-overflow: ellipsis !important;
}

html body .wc-block-components-text-input,
html body .wc-block-components-select,
html body .wc-block-components-address-form__field {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* 输入框容器也允许收缩，避免 flex/grid 父级把盒子撑破 */
html body .wc-block-components-address-form,
html body .wc-block-checkout__contact-fields,
html body .wc-block-checkout__shipping-fields,
html body .wc-block-components-checkout-step__container,
html body .wc-block-components-checkout-step__content {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* --------------------------------------------------------------------------
   需求2-2：Order summary 产品长名称溢出修复
   根因：mhot-ui.css 第116行的通用标题规则把 .wc-block-components-product-name
        当成 h2 渲染成 24px（移动端 19px），文字撑破卡片。
   修法：还原为摘要应有的字号 + 强制换行。
   -------------------------------------------------------------------------- */
html body .wc-block-components-order-summary-item,
html body .wc-block-components-order-summary-item__description,
html body .wc-block-components-order-summary-item__total-price {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

html body .wc-block-components-product-name,
html body .wc-block-components-order-summary-item__description .wc-block-components-product-name {
  display: block !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  margin: 0 0 2px !important;
  padding: 0 !important;
  color: var(--sf-text, #101418) !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

/* 摘要容器全体防溢出 */
html body .wp-block-woocommerce-checkout-order-summary-block,
html body .wc-block-components-totals-wrapper,
html body .wc-block-components-sidebar,
html body .wc-block-components-order-summary,
html body .wc-block-components-order-summary-item__quantity,
html body .wc-block-components-order-summary-item__image {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

html body .wc-block-components-order-summary-item__image img {
  max-width: 100% !important;
  height: auto !important;
}

/* --------------------------------------------------------------------------
   移动端：类目卡片图与间距微调 + 结算页横向溢出修复
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  html body.woocommerce ul.products li.product a img,
  html body.woocommerce .sml-shop-results ul.products li.product a img {
    padding: 8px 8px 6px !important;
  }

  html body.woocommerce ul.products li.product .woocommerce-loop-product__title,
  html body.woocommerce .sml-shop-results ul.products li.product .woocommerce-loop-product__title {
    padding: 10px 11px 5px !important;
    font-size: 13.5px !important;
    min-height: 50px !important;
  }

  html body.woocommerce ul.products li.product .price,
  html body.woocommerce .sml-shop-results ul.products li.product .price {
    padding: 0 11px 4px !important;
  }

  html body.woocommerce ul.products li.product,
  html body.woocommerce .sml-shop-results ul.products li.product {
    padding-bottom: 12px !important;
  }

  /* Order summary 移动端字号 */
  html body .wc-block-components-product-name {
    font-size: 13.5px !important;
    line-height: 1.42 !important;
  }

  /* 结算页：阻止整体横向溢出 */
  html body .wp-block-woocommerce-checkout,
  html body .wc-block-checkout,
  html body .wc-block-components-main,
  html body .wp-block-woocommerce-checkout-fields-block,
  html body .wp-block-woocommerce-checkout-totals-block,
  html body .wc-block-components-sidebar {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
  }

  html body .wc-block-components-text-input input,
  html body .wc-block-components-address-form input,
  html body .wc-block-components-select__select {
    font-size: 15px !important;
    padding: 11px 12px !important;
  }
}

@media (max-width: 420px) {
  html body .wc-block-components-product-name {
    font-size: 13px !important;
  }
}

/* v65 END */

/* ==========================================================================
   v66 — v65 修正（2026-09-18）
   v65 两个遗留问题：
     (a) 图片 box-sizing 计算导致图片实际宽度 > 卡片内容宽（107%~126%），
         图被裁切/贴边，留白控制失效。
     (b) 移动端列数没被 v65 接管 —— 仍继承 min-width:761px 块的 4 列，
         390px 屏下卡片只有 ~70px，图 61px、标题挤爆，完全不可用。
   修法：图片高度显式 calc 使其严格等于内容宽；移动端强制 2 列。
   ========================================================================== */

/* --- 修正 (a)：图片严格等于卡片内容宽，正方形，留白受控 --- */
html body.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link > img,
html body.woocommerce ul.products li.product a img,
html body.woocommerce .sml-shop-results ul.products li.product a img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: auto !important;
  box-sizing: border-box !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 12px 12px 10px !important;
  background: #fff !important;
  border-bottom: 1px solid var(--sf-line, #E4E8ED) !important;
  border-radius: 0 !important;
  margin: 0 !important;
  display: block !important;
}

/* 用固定正方形画布包住图片：内容宽 - 左右内边距 = 正方形边长 */
html body.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link,
html body.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* --- 修正 (b)：类目页移动端强制 2 列（覆盖 761px 块的 4 列）--- */
@media (max-width: 767.98px) {
  html body.woocommerce ul.products,
  html body.woocommerce ul.products.columns-3,
  html body.woocommerce ul.products.columns-4,
  html body.woocommerce ul.products.columns-5,
  html body.woocommerce .sml-shop-results ul.products,
  html body.woocommerce .sml-shop-results ul.products.columns-4 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  html body.woocommerce ul.products li.product,
  html body.woocommerce .sml-shop-results ul.products li.product {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding-bottom: 0 !important;
  }

  html body.woocommerce ul.products li.product a img,
  html body.woocommerce .sml-shop-results ul.products li.product a img {
    padding: 10px 10px 8px !important;
  }

  html body.woocommerce ul.products li.product .woocommerce-loop-product__title,
  html body.woocommerce .sml-shop-results ul.products li.product .woocommerce-loop-product__title {
    padding: 11px 12px 4px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    min-height: 0 !important;
    height: auto !important;
  }

  html body.woocommerce ul.products li.product .price,
  html body.woocommerce .sml-shop-results ul.products li.product .price {
    padding: 0 12px 12px !important;
    font-size: 16px !important;
  }
}

/* 超窄屏（<=400px）再收紧 */
@media (max-width: 400px) {
  html body.woocommerce ul.products,
  html body.woocommerce .sml-shop-results ul.products {
    gap: 10px !important;
  }
  html body.woocommerce ul.products li.product a img,
  html body.woocommerce .sml-shop-results ul.products li.product a img {
    padding: 8px 8px 6px !important;
  }
  html body.woocommerce ul.products li.product .woocommerce-loop-product__title,
  html body.woocommerce .sml-shop-results ul.products li.product .woocommerce-loop-product__title {
    font-size: 13px !important;
    padding: 9px 10px 3px !important;
  }
  html body.woocommerce ul.products li.product .price,
  html body.woocommerce .sml-shop-results ul.products li.product .price {
    font-size: 15px !important;
    padding: 0 10px 10px !important;
  }
}

/* v66 END */

/* ==========================================================================
   v67 — 需求3：Cart 购物车页面（2026-09-18）
   现状：文字换行已由 v65 修好（产品名 14px/描述 13px + overflow-wrap:anywhere，
         4 个断点均无单元格溢出）。
   本块补最后一项：缩略图放大为正方形，与类目列表视觉统一。
   现状问题：图片实际渲染 64x64（HTML width=80 height=80），
             object-fit:fill 会被压成非等比 → 改为 80x80 正方形 + contain。
   约束：不动文案、不动布局、不动 Proceed to Checkout 按钮及配色。
   ========================================================================== */

/* --- 3.2 购物车缩略图：放大 + 严格正方形 + 等比 --- */
html body .wc-block-cart-item__image,
html body td.wc-block-cart-item__image {
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  padding: 0 16px 0 0 !important;
  vertical-align: top !important;
  box-sizing: border-box !important;
}

html body .wc-block-cart-item__image a {
  display: block !important;
  width: 80px !important;
  height: 80px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border: 1px solid var(--sf-line, #E4E8ED) !important;
  border-radius: 6px !important;
  background: #fff !important;
}

html body .wc-block-cart-item__image img,
html body .wc-block-cart-item__image a img {
  display: block !important;
  width: 80px !important;
  height: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
  min-height: 80px !important;
  max-height: 80px !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 6px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  background: #fff !important;
  border-radius: 0 !important;
}

/* --- 3.1 产品名 / 描述：确保长文本换行（防御性，与 v65 同策略）--- */
html body .wc-block-cart-item__product,
html body .wc-block-cart-item__wrap,
html body .wc-block-components-product-name,
html body .wc-block-components-product-metadata,
html body .wc-block-components-product-metadata__description,
html body .wc-block-components-product-metadata__description p {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  white-space: normal !important;
}

/* --- 3.3 排版干净：行高与间距微调（不改配色/按钮）--- */
html body .wc-block-cart-items__row td {
  vertical-align: top !important;
}

html body .wc-block-components-product-metadata__description p {
  margin: 4px 0 0 !important;
  line-height: 1.5 !important;
  color: var(--sf-muted, #5A6472) !important;
}

/* --- 移动端适配 --- */
@media (max-width: 768px) {
  html body .wc-block-cart-item__image,
  html body td.wc-block-cart-item__image {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    padding: 0 10px 0 0 !important;
  }
  html body .wc-block-cart-item__image a,
  html body .wc-block-cart-item__image img,
  html body .wc-block-cart-item__image a img {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
  }
  html body .wc-block-cart-item__image img {
    padding: 5px !important;
  }
  html body .wc-block-cart-items__row td {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}

@media (max-width: 420px) {
  html body .wc-block-cart-item__image,
  html body td.wc-block-cart-item__image {
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
    padding: 0 8px 0 0 !important;
  }
  html body .wc-block-cart-item__image a,
  html body .wc-block-cart-item__image img,
  html body .wc-block-cart-item__image a img {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
  }
}

/* v67 END */

/* ==========================================================================
   v68 — v67 修正（2026-09-18）
   v67 把购物车图片单元格加宽后，在 390px 下把同一行的
   .wc-block-cart-item__product / __wrap 挤出去（+7px ~ +11px）。
   原因：Blocks 购物车行是 table 布局，图片列没设 max-width，
         加宽后挤压了产品列的自然宽度。
   修法：图片列严格锁宽 + table-layout 允许收缩 + 产品列强制 min-width:0。
   ========================================================================== */

@media (max-width: 768px) {
  /* 表格允许压缩，单元格可收缩 */
  html body .wc-block-cart-items,
  html body table.wc-block-cart-items {
    table-layout: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html body .wc-block-cart-items__row {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 图片列：锁死宽度，不许被内容撑大 */
  html body .wc-block-cart-item__image,
  html body td.wc-block-cart-item__image {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    padding: 0 10px 0 0 !important;
  }

  /* 产品列：允许收缩到 0，禁止溢出 */
  html body .wc-block-cart-item__product,
  html body td.wc-block-cart-item__product,
  html body .wc-block-cart-item__wrap {
    min-width: 0 !important;
    max-width: 100% !important;
    width: auto !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
}

@media (max-width: 420px) {
  html body .wc-block-cart-item__image,
  html body td.wc-block-cart-item__image {
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
    padding: 0 8px 0 0 !important;
  }
  html body .wc-block-cart-item__product,
  html body td.wc-block-cart-item__product,
  html body .wc-block-cart-item__wrap {
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

/* v68 END */

/* ==========================================================================
   v69 — v68 修正：购物车移动端数量选择器撑破单元格（2026-09-18）
   根因（CDP 实测定位）：
     .wc-block-cart-item__wrap 是 flex 列，其子元素
     .wc-block-cart-item__quantity 宽 159px 且 min-width:auto，
     在 390px 下产品列只有 150px 可用 → 数量选择器撑破 9~11px。
   修法：数量选择器允许收缩（min-width:0）+ 内部步进器等比缩小。
   ========================================================================== */

@media (max-width: 768px) {
  /* 数量区允许收缩，不再撑破产品列 */
  html body .wc-block-cart-item__quantity {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 步进器本身随容器收缩 */
  html body .wc-block-components-quantity-selector {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 数量输入框收窄 */
  html body .wc-block-components-quantity-selector__input,
  html body .wc-block-components-quantity-selector input[type=number] {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    padding: 0 !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
  }

  /* 加减按钮略收窄 */
  html body .wc-block-components-quantity-selector__button {
    min-width: 30px !important;
    width: 30px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* wrap 自身也不许溢出 */
  html body .wc-block-cart-item__wrap {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  /* 价格行允许收缩 */
  html body .wc-block-cart-item__prices,
  html body .wc-block-components-product-price {
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

/* 超窄屏再收一档 */
@media (max-width: 420px) {
  html body .wc-block-components-quantity-selector__input,
  html body .wc-block-components-quantity-selector input[type=number] {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    font-size: 13px !important;
  }
  html body .wc-block-components-quantity-selector__button {
    min-width: 28px !important;
    width: 28px !important;
  }
}

/* v69 END */

/* ==========================================================================
   v70 — 需求3 桌面端修正（2026-09-18 第二轮）
   用户反馈：手机端 OK，电脑端没解决。
   CDP 实测出的桌面端三个真问题：
     ① 缩略图恒定 80x80（1920px 下也 80x80），旁边产品列 530px → 图显小，
        与类目页卡片视觉不一致；且我 v67 给了 border-radius:0 又没给边框，
        导致图没有"卡片感"。
     ② 行内垂直死区 43~60px：图片/价格底部 ~467，数量控件顶部 511，
        单行高达 199px，很空。
     ③ 小计列仅 100px，产品列 530px，比例失衡。
   修法：按视口分档放大缩略图 + 加统一边框/圆角 + 收紧行高 + 优化列宽。
   ========================================================================== */

/* --- ① 桌面缩略图：分档放大 + 与类目页统一的边框/圆角 --- */
html body .wc-block-cart-item__image,
html body td.wc-block-cart-item__image {
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
  padding: 0 20px 0 0 !important;
  vertical-align: top !important;
  box-sizing: border-box !important;
}

html body .wc-block-cart-item__image a {
  display: block !important;
  width: 120px !important;
  height: 120px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border: 1px solid var(--sf-line, #E4E8ED) !important;
  border-radius: 8px !important;
  background: #fff !important;
}

html body .wc-block-cart-item__image img,
html body .wc-block-cart-item__image a img {
  display: block !important;
  width: 120px !important;
  height: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  min-height: 120px !important;
  max-height: 120px !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 8px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* --- ② 收紧行内垂直死区：让信息块贴合图片 --- */
html body .wc-block-cart-items__row td {
  vertical-align: top !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

html body .wc-block-cart-item__wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html body .wc-block-cart-item__quantity {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html body .wc-block-components-product-metadata {
  margin-top: 0 !important;
}

html body .wc-block-components-product-metadata__description p {
  margin: 2px 0 0 !important;
  line-height: 1.5 !important;
}

html body .wc-block-cart-item__prices {
  margin: 0 !important;
}

/* --- ③ 列宽比例：小计列给足，产品列不独占 --- */
html body .wc-block-cart-item__total,
html body td.wc-block-cart-item__total {
  width: 130px !important;
  min-width: 130px !important;
  max-width: 130px !important;
  text-align: right !important;
}

/* --- 中等屏（769 ~ 1024）：缩略图适中 --- */
@media (min-width: 769px) and (max-width: 1024px) {
  html body .wc-block-cart-item__image,
  html body td.wc-block-cart-item__image {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    padding: 0 16px 0 0 !important;
  }
  html body .wc-block-cart-item__image a,
  html body .wc-block-cart-item__image img,
  html body .wc-block-cart-item__image a img {
    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
  }
  html body .wc-block-cart-item__total,
  html body td.wc-block-cart-item__total {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
  }
}

/* --- 大屏（>=1440）：缩略图再放大一档 --- */
@media (min-width: 1440px) {
  html body .wc-block-cart-item__image,
  html body td.wc-block-cart-item__image {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    padding: 0 24px 0 0 !important;
  }
  html body .wc-block-cart-item__image a,
  html body .wc-block-cart-item__image img,
  html body .wc-block-cart-item__image a img {
    width: 136px !important;
    height: 136px !important;
    min-width: 136px !important;
    max-width: 136px !important;
    min-height: 136px !important;
    max-height: 136px !important;
  }
}

/* v70 END */

/* ==========================================================================
   v71 — v70 修正：桌面规则泄漏到移动端（2026-09-18）
   现象：v70 的 html body 前缀把特异性提到与 v67/v69 移动端规则同级，
        且 v70 在文件末尾 → 移动端被 v70 的 120x120 覆盖（原应 56x56）。
   修法：在文件最末尾用同等特异性 + 媒体查询，把移动端尺寸重新锁死。
   ========================================================================== */

@media (max-width: 768px) {
  html body .wc-block-cart-item__image,
  html body td.wc-block-cart-item__image {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    padding: 0 10px 0 0 !important;
  }
  html body .wc-block-cart-item__image a,
  html body .wc-block-cart-item__image img,
  html body .wc-block-cart-item__image a img {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    padding: 5px !important;
  }
  html body .wc-block-cart-item__total,
  html body td.wc-block-cart-item__total {
    width: auto !important;
    min-width: 0 !important;
    max-width: 130px !important;
  }
}

@media (max-width: 420px) {
  html body .wc-block-cart-item__image,
  html body td.wc-block-cart-item__image {
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
    padding: 0 8px 0 0 !important;
  }
  html body .wc-block-cart-item__image a,
  html body .wc-block-cart-item__image img,
  html body .wc-block-cart-item__image a img {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
  }
}

/* v71 END */

/* ============================================================
   MHOT nav — 3-level dropdown (Products > Category > Products)
   v1.0.0  2026-09-19
   ============================================================ */

/* --- Level 2 (first dropdown under Products) --- */
html body .sml-site-navigation .sml-primary-menu > li.menu-item-has-children > ul.sub-menu {
  min-width: 230px;
  padding: 8px;
}

/* --- Level 3: flyout to the RIGHT of its parent category --- */
html body .sml-site-navigation .sml-primary-menu ul.sub-menu li.menu-item-has-children {
  position: relative;
}
html body .sml-site-navigation .sml-primary-menu ul.sub-menu li.menu-item-has-children > ul.sub-menu {
  position: absolute !important;
  top: -9px !important;
  left: 100% !important;
  margin-left: 6px !important;
  min-width: 280px;
  padding: 8px;
  background: #fff;
  border: 1px solid var(--sml-line, #e5e5e5);
  border-radius: 12px;
  box-shadow: var(--sml-shadow, 0 12px 40px rgba(0,0,0,.12));
  opacity: 0;
  visibility: hidden;
  transform: translateX(6px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s;
}
html body .sml-site-navigation .sml-primary-menu ul.sub-menu li.menu-item-has-children:hover > ul.sub-menu,
html body .sml-site-navigation .sml-primary-menu ul.sub-menu li.menu-item-has-children:focus-within > ul.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

/* parent category with children: show a caret / arrow on the right */
html body .sml-site-navigation .sml-primary-menu ul.sub-menu li.menu-item-has-children > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
html body .sml-site-navigation .sml-primary-menu ul.sub-menu li.menu-item-has-children > a::after {
  content: "";
  width: 6px; height: 6px;
  border-right: 2px solid currentColor;
  border-top: 2px solid currentColor;
  transform: rotate(45deg);
  opacity: .45;
  flex: 0 0 auto;
  margin-right: 2px;
}

/* top-level "Products" gets a small down caret */
html body .sml-site-navigation .sml-primary-menu > li.menu-item-has-children > a::after {
  content: "";
  display: inline-block;
  margin-left: 6px;
  width: 5px; height: 5px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  opacity: .55;
  vertical-align: middle;
}

/* product links inside flyout: slightly smaller */
html body .sml-site-navigation .sml-primary-menu ul.sub-menu ul.sub-menu li a {
  font-size: 13.5px;
  padding: 7px 10px;
}

/* On mobile the theme flattens submenus; keep 3rd level visible & nested */
@media (max-width: 992px) {
  html body .sml-site-navigation .sml-primary-menu ul.sub-menu li.menu-item-has-children > ul.sub-menu {
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin: 0 0 0 16px !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    min-width: 0;
  }
  html body .sml-site-navigation .sml-primary-menu ul.sub-menu li.menu-item-has-children > a::after {
    display: none;
  }
}

/* ============================================================
   MHOT nav — product thumbnails in Products dropdown
   v1.0.0  2026-09-19
   ============================================================ */

/* level-3 product links: thumbnail + text side by side */
html body .sml-site-navigation .sml-primary-menu ul.sub-menu ul.sub-menu li.mhot-has-thumb > a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 6px 8px !important;
  min-width: 240px;
}
html body .sml-site-navigation .sml-primary-menu ul.sub-menu ul.sub-menu li.mhot-has-thumb > a::after { display: none; }

html body .sml-site-navigation .sml-primary-menu .mhot-nav-thumb {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  overflow: hidden;
  background: #f5f6f8;
  border: 1px solid rgba(0,0,0,.06);
}
html body .sml-site-navigation .sml-primary-menu .mhot-nav-thumb img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  display: block;
  border-radius: 7px;
}

/* widen the level-3 flyout a bit to fit thumb + long names */
html body .sml-site-navigation .sml-primary-menu ul.sub-menu li.menu-item-has-children > ul.sub-menu {
  min-width: 300px !important;
}

/* hover: subtle highlight */
html body .sml-site-navigation .sml-primary-menu ul.sub-menu ul.sub-menu li.mhot-has-thumb > a:hover {
  background: rgba(0,70,114,.06);
  border-radius: 8px;
}

/* mobile: keep thumb smaller, keep row layout */
@media (max-width: 992px) {
  html body .sml-site-navigation .sml-primary-menu ul.sub-menu ul.sub-menu li.mhot-has-thumb > a {
    min-width: 0 !important;
    padding: 8px 0 !important;
    gap: 10px !important;
  }
  html body .sml-site-navigation .sml-primary-menu .mhot-nav-thumb {
    width: 40px; height: 40px;
  }
}

/* ============================================================
   MHOT designed pages — Brands / Blog / New Products
   v1.0.0  2026-09-19
   让这三个页面 1) 全宽出血 2) 隐藏自动 H1 3) 补 eyebrow/h2 组件
   ============================================================ */

/* --- eyebrow + h2 (设计系统缺失的组件) --- */
html body .mhot-eyebrow {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--mh-orange, #FF5A1F);
  margin: 0 0 12px;
}
html body .mhot-h2 {
  font-size: clamp(24px, 3.4vw, 38px);
  font-weight: 900;
  letter-spacing: -.025em;
  line-height: 1.12;
  color: var(--mh-text, #101418);
  margin: 0;
  max-width: 22ch;
}
html body .mhot-ab-hero .mhot-lead {
  font-size: clamp(16px, 1.5vw, 19px);
  line-height: 1.64;
}

/* --- 三个设计页：容器全宽 + 去内边距，让 hero/cta 满幅 --- */
body.page-id-937 .sml-content,
body.page-id-938 .sml-content,
body.page-id-939 .sml-content {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
}
body.page-id-937 .sml-entry,
body.page-id-938 .sml-entry,
body.page-id-939 .sml-entry {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.page-id-937 .sml-entry-content,
body.page-id-938 .sml-entry-content,
body.page-id-939 .sml-entry-content {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* 隐藏自动标题（hero 里有自己的 h1） */
body.page-id-937 .sml-entry > header,
body.page-id-938 .sml-entry > header,
body.page-id-939 .sml-entry > header {
  display: none !important;
}
/* 区块与 CTA 保持自身 max-width */
body.page-id-937 .mhot-section,
body.page-id-938 .mhot-section,
body.page-id-939 .mhot-section {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* 让 .mhot-section-alt 的背景铺满全宽（其子元素限制 1200） */
body.page-id-937 .mhot-section-alt,
body.page-id-938 .mhot-section-alt,
body.page-id-939 .mhot-section-alt {
  max-width: none !important;
  background: var(--mh-bg-alt, #f4f6f8);
}
body.page-id-937 .mhot-section-alt > *,
body.page-id-938 .mhot-section-alt > *,
body.page-id-939 .mhot-section-alt > * {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
/* section-alt 内部再套 section 时避免双重 padding 撑破 */
body.page-id-937 .mhot-section-alt .mhot-section-head,
body.page-id-938 .mhot-section-alt .mhot-section-head,
body.page-id-939 .mhot-section-alt .mhot-section-head {
  padding-left: 24px;
  padding-right: 24px;
}

/* hero 内的按钮不要下边距顶到 stats */
html body .mhot-ab-hero .mhot-hero-btns { margin-bottom: 32px; }
html body .mhot-ab-hero .mhot-ab-stats { margin-top: 36px; }

/* trust chips on light hero not used here; keep for safety */
html body .mhot-ab-hero .mhot-trust {
  display: flex; flex-wrap: wrap; gap: 10px 26px; list-style: none;
  margin: 26px 0 0; padding: 0; font-size: 13.5px; font-weight: 700;
  color: rgba(255,255,255,.66);
}
html body .mhot-ab-hero .mhot-trust li { position: relative; padding-left: 18px; }
html body .mhot-ab-hero .mhot-trust li::before {
  content: ""; position: absolute; left: 0; top: 6px;
  width: 8px; height: 8px; border-radius: 2px;
  background: var(--mh-orange, #FF5A1F);
}

/* --- Contact (725) / Wholesale (727): 全宽出血，隐藏自动标题 --- */
body.page-id-725 .sml-content,
body.page-id-727 .sml-content {
  max-width:100% !important; width:100% !important;
  padding-left:0 !important; padding-right:0 !important; margin:0 !important;
}
body.page-id-725 .sml-entry,
body.page-id-727 .sml-entry {
  max-width:100% !important; margin:0 !important; padding:0 !important;
}
body.page-id-725 .sml-entry-content,
body.page-id-727 .sml-entry-content {
  max-width:100% !important; padding:0 !important; margin:0 !important;
}
body.page-id-725 .sml-entry > header,
body.page-id-727 .sml-entry > header { display:none !important; }
/* 让人工标题区不重复：hero 已含 h1 */
/* ============================================================
   MHOT 图文页面系统 v1 (brands / blog / new-products / wholesale / contact)
   追加于 mhot-ui.css 末尾
   ============================================================ */
.mhot-page{--mp-ink:#16202B;--mp-steel:#2C3B4A;--mp-mut:#5C6B7A;--mp-line:#E3E8ED;--mp-bg:#F6F8FA;--mp-orange:#FF5A1F;--mp-amber:#FFAE33;--mp-rd:16px;--mp-sh:0 10px 30px -18px rgba(20,32,43,.28);--mp-sh-lg:0 26px 60px -28px rgba(20,32,43,.42)}
.mhot-page *{box-sizing:border-box}
.mhot-page .mhot-wrap{max-width:1200px;margin:0 auto;padding:0 22px}
.mhot-page .mhot-sec{padding:clamp(52px,7vw,96px) 0}
.mhot-page .mhot-sec--alt{background:var(--mp-bg)}
.mhot-page .mhot-sechead{max-width:760px;margin:0 0 clamp(26px,3.4vw,44px)}
.mhot-page .mhot-eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--mp-orange);margin:0 0 12px}
.mhot-page .mhot-h2{font-size:clamp(25px,3.5vw,40px);line-height:1.12;font-weight:800;letter-spacing:-.022em;color:var(--mp-ink);margin:0 0 14px}
.mhot-page .mhot-lead{font-size:clamp(15px,1.5vw,17.5px);line-height:1.7;color:var(--mp-mut);margin:0}
.mhot-page .mhot-note2{font-size:14px;line-height:1.7;color:var(--mp-mut);margin:22px 0 0}

/* ---------- Photo hero ---------- */
.mhot-page .mhot-ph{position:relative;overflow:hidden;background:var(--mp-ink);min-height:clamp(400px,56vh,620px);display:flex;align-items:center}
.mhot-page .mhot-ph--short{min-height:clamp(300px,42vh,460px)}
.mhot-page .mhot-ph__bg{position:absolute;inset:0;z-index:0}
.mhot-page .mhot-ph__bg img{width:100%;height:100%;object-fit:cover;display:block}
.mhot-page .mhot-ph__bg .mhot-slot{display:block;width:100%;height:100%}
.mhot-page .mhot-ph__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(13,20,28,.94) 0%,rgba(13,20,28,.78) 42%,rgba(13,20,28,.36) 100%)}
.mhot-page .mhot-ph__inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:clamp(56px,7vw,96px) 22px;width:100%}
.mhot-page .mhot-ph__eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--mp-amber);margin:0 0 14px}
.mhot-page .mhot-ph__title{font-size:clamp(30px,5.2vw,60px);line-height:1.05;font-weight:800;letter-spacing:-.03em;color:#fff;margin:0 0 18px;max-width:16ch}
.mhot-page .mhot-ph--short .mhot-ph__title{max-width:22ch}
.mhot-page .mhot-ph__sub{font-size:clamp(15px,1.7vw,18.5px);line-height:1.66;color:rgba(233,239,245,.9);max-width:62ch;margin:0 0 24px}
.mhot-page .mhot-ph__chips{display:flex;flex-wrap:wrap;gap:9px}
.mhot-page .mhot-ph__chips span{font-size:12.5px;font-weight:700;letter-spacing:.03em;color:#E7EDF3;padding:9px 16px;border:1px solid rgba(255,255,255,.2);border-radius:100px;background:rgba(255,255,255,.06)}
.mhot-page .mhot-ph__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}

/* ---------- Buttons ---------- */
.mhot-page .mhot-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:700;text-decoration:none;padding:14px 28px;border-radius:100px;border:1.5px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.mhot-page .mhot-btn--primary{background:linear-gradient(135deg,var(--mp-orange),#FF7A2F);color:#fff;box-shadow:0 14px 30px -12px rgba(255,90,31,.6)}
.mhot-page .mhot-btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px -14px rgba(255,90,31,.7)}
.mhot-page .mhot-btn--ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.4)}
.mhot-page .mhot-btn--ghost:hover{background:rgba(255,255,255,.16)}

/* ---------- Duo (MHOT vs OEM) ---------- */
.mhot-page .mhot-duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.6vw,30px)}
.mhot-page .mhot-duo__card{background:#fff;border:1px solid var(--mp-line);border-radius:var(--mp-rd);overflow:hidden;box-shadow:var(--mp-sh);display:flex;flex-direction:column;transition:transform .28s ease,box-shadow .28s ease}
.mhot-page .mhot-duo__card:hover{transform:translateY(-4px);box-shadow:var(--mp-sh-lg)}
.mhot-page .mhot-duo__img{aspect-ratio:16/10;overflow:hidden;background:#EFF3F6}
.mhot-page .mhot-duo__img img{width:100%;height:100%;object-fit:cover;display:block}
.mhot-page .mhot-duo__img .mhot-slot{display:block;width:100%;height:100%}
.mhot-page .mhot-duo__body{padding:clamp(22px,2.6vw,32px);display:flex;flex-direction:column;flex:1}
.mhot-page .mhot-tag{align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mp-steel);background:#EDF1F5;padding:6px 13px;border-radius:100px;margin-bottom:14px}
.mhot-page .mhot-tag--orange{color:#C43A08;background:#FFEDE5}
.mhot-page .mhot-duo__body h3{font-size:clamp(19px,2.2vw,24px);font-weight:800;letter-spacing:-.015em;color:var(--mp-ink);margin:0 0 10px}
.mhot-page .mhot-duo__body p{font-size:15px;line-height:1.68;color:var(--mp-mut);margin:0 0 18px}
.mhot-page .mhot-ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.mhot-page .mhot-ticks li{position:relative;padding-left:30px;font-size:14.5px;line-height:1.55;color:var(--mp-steel);font-weight:600}
.mhot-page .mhot-ticks li::before{content:"";position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:50%;background:linear-gradient(135deg,var(--mp-orange),var(--mp-amber));background-image:linear-gradient(135deg,var(--mp-orange),var(--mp-amber));}
.mhot-page .mhot-ticks li::after{content:"";position:absolute;left:6.5px;top:6px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(43deg)}
.mhot-page .mhot-ticks--lg li{font-size:15.5px;padding-left:34px}
.mhot-page .mhot-ticks--lg li::before{width:22px;height:22px}
.mhot-page .mhot-ticks--lg li::after{left:7.5px;top:7px}

/* ---------- Trio showcase ---------- */
.mhot-page .mhot-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.2vw,26px)}
.mhot-page .mhot-trio__item{margin:0;background:#fff;border:1px solid var(--mp-line);border-radius:var(--mp-rd);overflow:hidden;box-shadow:var(--mp-sh)}
.mhot-page .mhot-trio__item img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.mhot-page .mhot-trio__item .mhot-slot{display:block}
.mhot-page .mhot-trio__item .mhot-slot img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.mhot-page .mhot-trio__item figcaption{padding:18px 20px;display:flex;flex-direction:column;gap:3px}
.mhot-page .mhot-trio__item figcaption strong{font-size:15.5px;font-weight:800;color:var(--mp-ink)}
.mhot-page .mhot-trio__item figcaption span{font-size:13.5px;color:var(--mp-mut)}

/* ---------- Split 2 col ---------- */
.mhot-page .mhot-split2{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,60px);align-items:center}
.mhot-page .mhot-split2--rev .mhot-split2__body{order:1}
.mhot-page .mhot-split2--rev .mhot-split2__media{order:2}
.mhot-page .mhot-split2__media{border-radius:var(--mp-rd);overflow:hidden;box-shadow:var(--mp-sh-lg)}
.mhot-page .mhot-split2__media img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.mhot-page .mhot-split2__media .mhot-slot{display:block}
.mhot-page .mhot-split2__media .mhot-slot img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.mhot-page .mhot-split2__body p{font-size:15.5px;line-height:1.72;color:var(--mp-mut);margin:0 0 16px}
.mhot-page .mhot-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.mhot-page .mhot-badge{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mp-steel);background:#EEF2F6;border:1px solid var(--mp-line);padding:7px 13px;border-radius:100px}

/* ---------- Blog posts ---------- */
.mhot-page .mhot-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,28px)}
.mhot-page .mhot-post{background:#fff;border:1px solid var(--mp-line);border-radius:var(--mp-rd);overflow:hidden;box-shadow:var(--mp-sh);display:flex;flex-direction:column;transition:transform .26s ease,box-shadow .26s ease}
.mhot-page .mhot-post:hover{transform:translateY(-4px);box-shadow:var(--mp-sh-lg)}
.mhot-page .mhot-post__img{aspect-ratio:16/10;overflow:hidden;background:#EFF3F6}
.mhot-page .mhot-post__img img{width:100%;height:100%;object-fit:cover;display:block}
.mhot-page .mhot-post__img .mhot-slot{display:block;width:100%;height:100%}
.mhot-page .mhot-post__body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.mhot-page .mhot-post__cat{align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--mp-orange);margin-bottom:11px}
.mhot-page .mhot-post__body h3{font-size:17.5px;line-height:1.34;font-weight:800;letter-spacing:-.01em;color:var(--mp-ink);margin:0 0 10px}
.mhot-page .mhot-post__body p{font-size:14.5px;line-height:1.62;color:var(--mp-mut);margin:0 0 16px;flex:1}
.mhot-page .mhot-post__more{font-size:14px;font-weight:700;color:var(--mp-orange)}

/* ---------- Product cards (new products) ---------- */
.mhot-page .mhot-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.2vw,24px)}
.mhot-page .mhot-pcard{background:#fff;border:1px solid var(--mp-line);border-radius:var(--mp-rd);overflow:hidden;box-shadow:var(--mp-sh);display:flex;flex-direction:column;transition:transform .26s ease,box-shadow .26s ease}
.mhot-page .mhot-pcard:hover{transform:translateY(-4px);box-shadow:var(--mp-sh-lg)}
.mhot-page .mhot-pcard__img{aspect-ratio:1/1;overflow:hidden;background:#F1F4F7;display:flex;align-items:center;justify-content:center}
.mhot-page .mhot-pcard__img img{width:100%;height:100%;object-fit:cover;display:block}
.mhot-page .mhot-pcard__img .mhot-slot{display:block;width:100%;height:100%}
.mhot-page .mhot-pcard__body{padding:18px 20px 22px;display:flex;flex-direction:column;flex:1}
.mhot-page .mhot-pcard__b{align-self:flex-start;font-size:10.5px;font-weight:800;letter-spacing:.1em;color:#fff;background:linear-gradient(135deg,var(--mp-orange),var(--mp-amber));padding:5px 11px;border-radius:100px;margin-bottom:12px}
.mhot-page .mhot-pcard__body h3{font-size:15.5px;line-height:1.36;font-weight:800;letter-spacing:-.01em;color:var(--mp-ink);margin:0 0 8px}
.mhot-page .mhot-pcard__body p{font-size:13.5px;line-height:1.56;color:var(--mp-mut);margin:0 0 14px;flex:1}
.mhot-page .mhot-pcard__p{font-size:14.5px;font-weight:800;color:var(--mp-orange)}

/* ---------- Trio text cards ---------- */
.mhot-page .mhot-trio2{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,26px)}
.mhot-page .mhot-tcard{background:#fff;border:1px solid var(--mp-line);border-radius:var(--mp-rd);padding:clamp(24px,3vw,34px);box-shadow:var(--mp-sh)}
.mhot-page .mhot-tcard__n{font-size:30px;font-weight:800;letter-spacing:-.03em;color:var(--mp-orange);opacity:.9;margin-bottom:12px}
.mhot-page .mhot-tcard h3{font-size:19px;font-weight:800;letter-spacing:-.015em;color:var(--mp-ink);margin:0 0 10px}
.mhot-page .mhot-tcard p{font-size:14.8px;line-height:1.68;color:var(--mp-mut);margin:0}

/* ---------- Feature cards with image (wholesale) ---------- */
.mhot-page .mhot-fcard{margin:0;background:#fff;border:1px solid var(--mp-line);border-radius:var(--mp-rd);overflow:hidden;box-shadow:var(--mp-sh);transition:transform .26s ease,box-shadow .26s ease}
.mhot-page .mhot-fcard:hover{transform:translateY(-4px);box-shadow:var(--mp-sh-lg)}
.mhot-page .mhot-fcard__img{aspect-ratio:4/3;overflow:hidden;background:#EFF3F6}
.mhot-page .mhot-fcard__img img{width:100%;height:100%;object-fit:cover;display:block}
.mhot-page .mhot-fcard__img .mhot-slot{display:block;width:100%;height:100%}
.mhot-page .mhot-fcard figcaption{padding:24px 26px 28px}
.mhot-page .mhot-fcard h3{font-size:19px;font-weight:800;letter-spacing:-.015em;color:var(--mp-ink);margin:0 0 10px}
.mhot-page .mhot-fcard p{font-size:14.8px;line-height:1.66;color:var(--mp-mut);margin:0}

/* ---------- Steps ---------- */
.mhot-page .mhot-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.2vw,24px)}
.mhot-page .mhot-step{background:#fff;border:1px solid var(--mp-line);border-radius:var(--mp-rd);padding:clamp(24px,3vw,32px);box-shadow:var(--mp-sh);position:relative}
.mhot-page .mhot-step__n{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--mp-ink),var(--mp-steel));color:var(--mp-amber);font-size:19px;font-weight:800;margin-bottom:16px}
.mhot-page .mhot-step h3{font-size:17.5px;font-weight:800;letter-spacing:-.01em;color:var(--mp-ink);margin:0 0 9px}
.mhot-page .mhot-step p{font-size:14.3px;line-height:1.62;color:var(--mp-mut);margin:0}

/* ---------- Contact cards ---------- */
.mhot-page .mhot-ccard{background:#fff;border:1px solid var(--mp-line);border-radius:var(--mp-rd);padding:clamp(24px,3vw,32px);box-shadow:var(--mp-sh);display:flex;flex-direction:column}
.mhot-page .mhot-ccard__ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:20px;color:var(--mp-amber);background:linear-gradient(135deg,var(--mp-ink),var(--mp-steel));margin-bottom:16px}
.mhot-page .mhot-ccard h3{font-size:17px;font-weight:800;color:var(--mp-ink);margin:0 0 9px}
.mhot-page .mhot-ccard p{font-size:14.5px;line-height:1.62;color:var(--mp-mut);margin:0 0 16px;flex:1}
.mhot-page .mhot-ccard a,.mhot-page .mhot-ccard span{font-size:14.5px;font-weight:700;color:var(--mp-orange);text-decoration:none;word-break:break-all;padding-top:15px;border-top:1px solid var(--mp-line)}
.mhot-page .mhot-addr{font-style:normal;font-size:15px;line-height:1.78;color:var(--mp-mut);padding-left:18px;border-left:3px solid var(--mp-orange);margin:0 0 22px}
.mhot-page .mhot-addr strong{color:var(--mp-ink);font-weight:700}
.mhot-page .mhot-hours{width:100%;border-collapse:collapse;margin:0 0 4px}
.mhot-page .mhot-hours th,.mhot-page .mhot-hours td{padding:12px 2px;border-bottom:1px solid var(--mp-line);font-size:14.5px;text-align:left}
.mhot-page .mhot-hours th{font-weight:700;color:var(--mp-ink)}
.mhot-page .mhot-hours td{text-align:right;color:var(--mp-mut);font-variant-numeric:tabular-nums}
.mhot-page .mhot-formwrap{background:#fff;border:1px solid var(--mp-line);border-radius:var(--mp-rd);padding:clamp(26px,3.4vw,44px);box-shadow:var(--mp-sh);max-width:900px}

/* ---------- CTA band ---------- */
.mhot-page .mhot-cta{background:linear-gradient(120deg,#101A24,#1E2C3A 60%,#22364A);padding:clamp(48px,6vw,80px) 0}
.mhot-page .mhot-cta__inner{max-width:820px;margin:0 auto;padding:0 22px;text-align:center}
.mhot-page .mhot-cta h2{font-size:clamp(24px,3.6vw,40px);line-height:1.14;font-weight:800;letter-spacing:-.024em;color:#fff;margin:0 0 14px}
.mhot-page .mhot-cta p{font-size:clamp(15px,1.6vw,17px);line-height:1.66;color:rgba(226,233,240,.82);margin:0 auto 26px;max-width:56ch}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  .mhot-page .mhot-grid4{grid-template-columns:repeat(2,1fr)}
  .mhot-page .mhot-steps{grid-template-columns:repeat(2,1fr)}
  .mhot-page .mhot-posts{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .mhot-page .mhot-duo{grid-template-columns:1fr}
  .mhot-page .mhot-trio{grid-template-columns:1fr}
  .mhot-page .mhot-trio2{grid-template-columns:1fr}
  .mhot-page .mhot-split2{grid-template-columns:1fr}
  .mhot-page .mhot-split2--rev .mhot-split2__body{order:2}
  .mhot-page .mhot-split2--rev .mhot-split2__media{order:1}
}
@media (max-width:600px){
  .mhot-page .mhot-grid4{grid-template-columns:1fr 1fr}
  .mhot-page .mhot-posts{grid-template-columns:1fr}
  .mhot-page .mhot-steps{grid-template-columns:1fr}
  .mhot-page .mhot-ph__title{max-width:none}
  .mhot-page .mhot-ph__chips span{font-size:11.5px;padding:7px 13px}
}

/* ---------- 五个页面：全宽出血 + 隐藏自动标题 ---------- */
body.page-id-937 .sml-content,body.page-id-938 .sml-content,body.page-id-939 .sml-content,
body.page-id-725 .sml-content,body.page-id-727 .sml-content{max-width:100% !important;width:100% !important;padding-left:0 !important;padding-right:0 !important;margin:0 !important}
body.page-id-937 .sml-entry,body.page-id-938 .sml-entry,body.page-id-939 .sml-entry,
body.page-id-725 .sml-entry,body.page-id-727 .sml-entry{max-width:100% !important;margin:0 !important;padding:0 !important}
body.page-id-937 .sml-entry-content,body.page-id-938 .sml-entry-content,body.page-id-939 .sml-entry-content,
body.page-id-725 .sml-entry-content,body.page-id-727 .sml-entry-content{max-width:100% !important;padding:0 !important;margin:0 !important}
body.page-id-937 .sml-entry > header,body.page-id-938 .sml-entry > header,body.page-id-939 .sml-entry > header,
body.page-id-725 .sml-entry > header,body.page-id-727 .sml-entry > header{display:none !important}
/* ============================================================
   MHOT 图文页面系统 v1.1 — about / downloads 追加组件
   ============================================================ */

/* ---------- Stats band ---------- */
.mhot-page .mhot-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.2vw,26px)}
.mhot-page .mhot-stat{background:#fff;border:1px solid var(--mp-line);border-radius:var(--mp-rd);padding:clamp(24px,3vw,34px) clamp(18px,2vw,26px);box-shadow:var(--mp-sh);text-align:center}
.mhot-page .mhot-stat__n{display:block;font-size:clamp(30px,4vw,44px);line-height:1;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--mp-orange),var(--mp-amber));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}
.mhot-page .mhot-stat__l{display:block;font-size:13.5px;font-weight:700;letter-spacing:.02em;color:var(--mp-mut)}

/* ---------- Facts dl ---------- */
.mhot-page .mhot-facts{margin:0;display:flex;flex-direction:column;gap:1px;background:var(--mp-line);border:1px solid var(--mp-line);border-radius:var(--mp-rd);overflow:hidden}
.mhot-page .mhot-facts__row{display:grid;grid-template-columns:minmax(110px,36%) 1fr;gap:14px;background:#fff;padding:14px 18px}
.mhot-page .mhot-facts dt{font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--mp-mut)}
.mhot-page .mhot-facts dd{margin:0;font-size:14.8px;line-height:1.55;color:var(--mp-ink);font-weight:600}

/* ---------- Downloads grid ---------- */
.mhot-page .mhot-dl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.2vw,24px)}
.mhot-page .mhot-dlcard{background:#fff;border:1px solid var(--mp-line);border-radius:var(--mp-rd);padding:clamp(24px,3vw,32px);box-shadow:var(--mp-sh);display:flex;flex-direction:column;transition:transform .26s ease,box-shadow .26s ease}
.mhot-page .mhot-dlcard:hover{transform:translateY(-4px);box-shadow:var(--mp-sh-lg)}
.mhot-page .mhot-dlcard__ic{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;font-size:24px;background:linear-gradient(135deg,#EEF2F6,#E1E8EE);margin-bottom:18px}
.mhot-page .mhot-dlcard h3{font-size:17px;line-height:1.32;font-weight:800;letter-spacing:-.012em;color:var(--mp-ink);margin:0 0 10px}
.mhot-page .mhot-dlcard p{font-size:14.3px;line-height:1.62;color:var(--mp-mut);margin:0 0 18px;flex:1}
.mhot-page .mhot-dlcard__b{font-size:14px;font-weight:800;color:var(--mp-orange);text-decoration:none;padding-top:16px;border-top:1px solid var(--mp-line)}
.mhot-page .mhot-dlcard__b:hover{text-decoration:underline;text-underline-offset:3px}
.mhot-page .mhot-cta-inline{margin:22px 0 0}

@media (max-width:1024px){
  .mhot-page .mhot-stats{grid-template-columns:repeat(2,1fr)}
  .mhot-page .mhot-dl-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .mhot-page .mhot-stats{grid-template-columns:1fr 1fr}
  .mhot-page .mhot-dl-grid{grid-template-columns:1fr}
}

/* ---------- about / downloads 全宽出血 + 隐藏自动标题 ---------- */
body.page-id-724 .sml-content,body.page-id-726 .sml-content{max-width:100% !important;width:100% !important;padding-left:0 !important;padding-right:0 !important;margin:0 !important}
body.page-id-724 .sml-entry,body.page-id-726 .sml-entry{max-width:100% !important;margin:0 !important;padding:0 !important}
body.page-id-724 .sml-entry-content,body.page-id-726 .sml-entry-content{max-width:100% !important;padding:0 !important;margin:0 !important}
body.page-id-724 .sml-entry > header,body.page-id-726 .sml-entry > header{display:none !important}
/* ============================================================
   MHOT 页面「区块模式」安全网 (2026-09-19)
   页面内容已转为 Gutenberg 区块；此处保证核心区块默认样式
   不破坏 mhot-page 设计（间距/图片高度/容器 display）。
   ============================================================ */
/* 1) 核心区块默认外边距清零，避免打乱紧凑布局 */
.mhot-page .wp-block-group,
.mhot-page .wp-block-group > .wp-block-group,
.mhot-page .wp-block-image,
.mhot-page .wp-block-heading,
.mhot-page .wp-block-paragraph,
.mhot-page .wp-block-list{margin-top:0;margin-bottom:0}
/* 2) 区块容器不额外加间距（核心会给 flow 布局加 gap） */
.mhot-page .wp-block-group{--wp--style--block-gap:0}
.mhot-page .wp-block-group.is-layout-flow > *{margin-block-start:0;margin-block-end:0}
/* 3) 图片块内的 figure/img 跟随原设计，不被主题 height:auto 拉高 */
.mhot-page .wp-block-image{margin:0;max-width:100%}
.mhot-page .wp-block-image img{height:auto;max-width:100%}
.mhot-page .mhot-ph__bg{position:absolute;inset:0;z-index:0}
.mhot-page .mhot-ph__bg img{width:100%;height:100%;object-fit:cover;display:block}
.mhot-page .mhot-ph__bg figure.wp-block-image,
.mhot-page .mhot-ph__bg .wp-block-image{margin:0;height:100%}
/* 4) 卡片/分栏里的图片块填满容器 */
.mhot-page .mhot-duo__img,.mhot-page .mhot-pcard__img,.mhot-page .mhot-post__img{overflow:hidden}
.mhot-page .mhot-duo__img .wp-block-image,
.mhot-page .mhot-pcard__img .wp-block-image,
.mhot-page .mhot-post__img .wp-block-image,
.mhot-page .mhot-split2__media .wp-block-image,
.mhot-page .mhot-fcard__img .wp-block-image{margin:0;height:100%}
.mhot-page .mhot-duo__img img,
.mhot-page .mhot-pcard__img img,
.mhot-page .mhot-post__img img,
.mhot-page .mhot-split2__media img,
.mhot-page .mhot-fcard__img img{width:100%;height:100%;object-fit:cover;display:block}
/* 5) trio item（figure 容器）内的图片 */
.mhot-page .mhot-trio__item{overflow:hidden}
.mhot-page .mhot-trio__item .wp-block-image{margin:0}
.mhot-page .mhot-trio__item img{width:100%;height:100%;object-fit:cover;display:block}
/* 6) 标题/段落/列表块保留原字体样式 */
.mhot-page .wp-block-heading{color:inherit}
.mhot-page .wp-block-list{padding-left:0;list-style:none}
.mhot-page .mhot-ticks.wp-block-list li{list-style:none}
.mhot-page .mhot-ticks.wp-block-list li{list-style:none}
/* 7) trio caption：原 figcaption 样式同步到 .mhot-trio__cap（区块模式下 figure 容器被替换为 div） */
.mhot-page .mhot-trio__cap{padding:18px 20px;display:flex;flex-direction:column;gap:3px}
.mhot-page .mhot-trio__cap strong{font-size:15.5px;font-weight:800;color:var(--mp-ink)}
.mhot-page .mhot-trio__cap span{font-size:13.5px;color:var(--mp-mut)}
/* 8) 其它可能在 html 块里的 figcaption 变体，保险 */
.mhot-page .mhot-trio__item .mhot-trio__cap{padding:18px 20px;display:flex;flex-direction:column;gap:3px}

/* ==========================================================================

/* ==========================================================================

/* ==========================================================================
   MHOT PAGE DESIGN v3 — per-page differentiated layouts
   Loaded LAST (after mhot-ui.css) so it wins on equal specificity.
   Scoped to .mhot-page--<slug> so each page has its own visual language.
   Built to override the shared .mhot-sec / .mhot-trio rhythm.
   ========================================================================== */

/* ---------- shared v3 primitives ---------- */
.mhot-page { --mp-ink:#16202B; --mp-mut:#5C6B7A; --mp-line:#E3E8ED;
  --mp-orange:#FF5A1F; --mp-amber:#FFAE33; --mp-rd:16px; }
.mhot-page *{box-sizing:border-box}

/* kill the uniform "everything is a section box" look */
.mhot-page .mhot-sec{padding:56px 0}
@media(min-width:960px){ .mhot-page .mhot-sec{padding:72px 0} }

/* ==========================================================================
   BRANDS  —  split-screen duel: MHOT brand vs Your brand
   ========================================================================== */
.mhot-page--brands .mhot-sec{padding:64px 0}
/* the "two ways" first section becomes a 2-lane split with a center seam */
.mhot-page--brands .mhot-sec:first-of-type .mhot-duo{
  display:grid;grid-template-columns:1fr 1fr;gap:0;
  border-radius:20px;overflow:hidden;box-shadow:0 30px 70px -34px rgba(20,32,43,.45)}
.mhot-page--brands .mhot-sec:first-of-type .mhot-duo__card{
  display:flex;flex-direction:column;border-radius:0;
  border-right:1px solid rgba(255,255,255,.10)}
.mhot-page--brands .mhot-sec:first-of-type .mhot-duo__card:nth-child(1){background:#16202B;color:#fff}
.mhot-page--brands .mhot-sec:first-of-type .mhot-duo__card:nth-child(2){background:#FF5A1F;color:#fff}
.mhot-page--brands .mhot-sec:first-of-type .mhot-duo__card h3{color:#fff;font-size:26px}
.mhot-page--brands .mhot-sec:first-of-type .mhot-duo__card p,
.mhot-page--brands .mhot-sec:first-of-type .mhot-duo__card .mhot-ticks li{color:rgba(255,255,255,.86)}
.mhot-page--brands .mhot-sec:first-of-type .mhot-duo__img{
  height:230px;border-radius:0}
.mhot-page--brands .mhot-sec:first-of-type .mhot-duo__img img{
  height:230px;width:100%;object-fit:cover;border-radius:0;filter:saturate(.9)}
/* trio becomes a numbered vertical rail */
.mhot-page--brands .mhot-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  border-top:1px solid var(--mp-line)}
.mhot-page--brands .mhot-trio__item{border-right:1px solid var(--mp-line);
  padding:0 26px 0 0;border-radius:0}
.mhot-page--brands .mhot-trio__item:last-child{border-right:0}
.mhot-page--brands .mhot-trio__item .mhot-trio__cap{padding:18px 0 0}
@media(max-width:860px){
  .mhot-page--brands .mhot-sec:first-of-type .mhot-duo{grid-template-columns:1fr}
  .mhot-page--brands .mhot-sec:first-of-type .mhot-duo__card:nth-child(1){border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .mhot-page--brands .mhot-trio{grid-template-columns:1fr}
  .mhot-page--brands .mhot-trio__item{border-right:0;border-bottom:1px solid var(--mp-line);padding:22px 0}
}

/* ==========================================================================
   BLOG  —  magazine: one hero feature + dense editorial list
   ========================================================================== */
.mhot-page--blog .mhot-sec{padding:56px 0}
.mhot-page--blog .mhot-posts{
  display:grid;grid-template-columns:repeat(3,1fr);gap:32px 28px}
/* first post is a wide feature spanning 2 cols with a big image */
.mhot-page--blog .mhot-post{
  display:flex;flex-direction:column;border-radius:0;background:none;
  box-shadow:none;border-bottom:1px solid var(--mp-line);padding-bottom:22px}
.mhot-page--blog .mhot-post__img{height:200px;border-radius:12px;overflow:hidden;margin-bottom:16px}
.mhot-page--blog .mhot-post__img img{height:200px;width:100%;object-fit:cover}
.mhot-page--blog .mhot-post:first-child{
  grid-column:1 / -1;flex-direction:row;gap:30px;align-items:stretch;
  border-bottom:1px solid var(--mp-line);padding-bottom:32px;margin-bottom:6px}
.mhot-page--blog .mhot-post:first-child .mhot-post__img{
  flex:1.25;height:auto;min-height:340px;margin-bottom:0}
.mhot-page--blog .mhot-post:first-child .mhot-post__img img{height:100%;min-height:340px}
.mhot-page--blog .mhot-post:first-child .mhot-post__body{flex:1;display:flex;flex-direction:column;justify-content:center}
.mhot-page--blog .mhot-post:first-child h3,
.mhot-page--blog .mhot-post:first-child .mhot-post__title{font-size:30px;line-height:1.2}
.mhot-page--blog .mhot-post__cat{display:inline-block;font-size:11px;letter-spacing:.09em;
  text-transform:uppercase;font-weight:800;color:var(--mp-orange);margin-bottom:8px}
@media(max-width:900px){
  .mhot-page--blog .mhot-posts{grid-template-columns:repeat(2,1fr)}
  .mhot-page--blog .mhot-post:first-child{flex-direction:column}
  .mhot-page--blog .mhot-post:first-child .mhot-post__img{min-height:230px}
}
@media(max-width:560px){ .mhot-page--blog .mhot-posts{grid-template-columns:1fr} }

/* ==========================================================================
   NEW PRODUCTS  —  launch runway: full-bleed alternating product panels
   ========================================================================== */
.mhot-page--new .mhot-sec{padding:60px 0}
.mhot-page--new .mhot-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.mhot-page--new .mhot-pcard{
  border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--mp-line);
  box-shadow:0 18px 44px -30px rgba(20,32,43,.4);transition:transform .3s,box-shadow .3s}
.mhot-page--new .mhot-pcard:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(20,32,43,.5)}
.mhot-page--new .mhot-pcard__img{height:210px}
.mhot-page--new .mhot-pcard__img img{height:210px;width:100%;object-fit:cover}
/* the feature trio gets a dark runway band */
.mhot-page--new .mhot-sec--alt{background:#16202B;color:#fff;border-radius:24px;
  margin:26px 0;padding:64px 40px}
.mhot-page--new .mhot-sec--alt .mhot-h2,
.mhot-page--new .mhot-sec--alt .mhot-lead{color:#fff}
.mhot-page--new .mhot-sec--alt .mhot-eyebrow{color:var(--mp-amber)}
.mhot-page--new .mhot-trio__item{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  border-radius:16px;padding:0;overflow:hidden}
.mhot-page--new .mhot-trio__item .mhot-trio__cap{background:rgba(255,255,255,.06);color:#fff}
.mhot-page--new .mhot-trio__cap strong{color:#fff}
.mhot-page--new .mhot-trio__cap span{color:rgba(255,255,255,.72)}
@media(max-width:1000px){ .mhot-page--new .mhot-grid4{grid-template-columns:repeat(2,1fr)} }
@media(max-width:560px){ .mhot-page--new .mhot-grid4{grid-template-columns:repeat(2,1fr);gap:12px}
  .mhot-page--new .mhot-sec--alt{padding:44px 18px} }

/* ==========================================================================
   WHOLESALE  —  conversion funnel: steps rail + sticky enquiry
   ========================================================================== */
.mhot-page--wholesale .mhot-sec{padding:56px 0}
/* steps become a horizontal connected rail with big numbers */
.mhot-page--wholesale .mhot-steps{display:grid;grid-template-columns:repeat(4,1fr);
  gap:0;position:relative}
.mhot-page--wholesale .mhot-steps::before{content:"";position:absolute;top:34px;left:8%;right:8%;
  height:2px;background:linear-gradient(90deg,var(--mp-orange),var(--mp-amber));z-index:0}
.mhot-page--wholesale .mhot-step{position:relative;z-index:1;text-align:center;padding:0 14px;
  display:flex;flex-direction:column;align-items:center}
.mhot-page--wholesale .mhot-step__n{width:68px;height:68px;border-radius:50%;
  background:#fff;border:3px solid var(--mp-orange);color:var(--mp-orange);
  font-size:24px;display:flex;align-items:center;justify-content:center;font-weight:900;
  margin-bottom:16px;box-shadow:0 10px 26px -12px rgba(255,90,31,.6)}
/* the customise cards get an accent left bar */
.mhot-page--wholesale .mhot-trio__item{border-left:4px solid var(--mp-orange);
  background:#F8FAFC;border-radius:0 14px 14px 0;padding:0;overflow:hidden}
/* the enquiry form section gets a strong panel */
.mhot-page--wholesale .mhot-sec:last-of-type .mhot-formwrap,
.mhot-page--wholesale .mhot-formwrap{background:#fff;border:1px solid var(--mp-line);
  border-radius:20px;padding:34px;box-shadow:0 26px 60px -40px rgba(20,32,43,.45)}
@media(max-width:860px){
  .mhot-page--wholesale .mhot-steps{grid-template-columns:1fr 1fr;gap:28px 0}
  .mhot-page--wholesale .mhot-steps::before{display:none}
}

/* ==========================================================================
   CONTACT  —  form-first with big info rail
   ========================================================================== */
.mhot-page--contact .mhot-sec{padding:52px 0}
.mhot-page--contact .mhot-ccard{border:1px solid var(--mp-line);border-radius:16px;
  background:#fff;padding:26px;transition:border-color .25s,transform .25s}
.mhot-page--contact .mhot-ccard:hover{border-color:var(--mp-orange);transform:translateY(-3px)}
.mhot-page--contact .mhot-ccard__ic{width:52px;height:52px;border-radius:14px;
  background:linear-gradient(135deg,var(--mp-orange),var(--mp-amber));color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px}
.mhot-page--contact .mhot-split2__media img{border-radius:18px}
/* first (hero-ish) section gets a compact branded strip */
.mhot-page--contact .mhot-sec:first-of-type{padding-top:40px}
@media(max-width:860px){
  .mhot-page--contact .mhot-trio{grid-template-columns:1fr}
}

/* ==========================================================================
   ABOUT  —  brand story: timeline + big stat band
   ========================================================================== */
.mhot-page--about .mhot-sec{padding:60px 0}
/* stats become a dark full-width band with big numerals */
.mhot-page--about .mhot-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  background:#16202B;border-radius:22px;padding:44px 30px;color:#fff}
.mhot-page--about .mhot-stat{text-align:center;border-right:1px solid rgba(255,255,255,.12)}
.mhot-page--about .mhot-stat:last-child{border-right:0}
.mhot-page--about .mhot-stat__n{font-size:46px;font-weight:900;color:var(--mp-amber);line-height:1}
.mhot-page--about .mhot-stat__l{color:rgba(255,255,255,.78);margin-top:8px;font-size:14px}
/* facts become a clean two-column ledger */
.mhot-page--about .mhot-facts{border:1px solid var(--mp-line);border-radius:18px;overflow:hidden}
.mhot-page--about .mhot-facts__row{display:grid;grid-template-columns:200px 1fr;
  border-bottom:1px solid var(--mp-line);padding:18px 26px}
.mhot-page--about .mhot-facts__row:nth-child(odd){background:#F8FAFC}
.mhot-page--about .mhot-facts__row:last-child{border-bottom:0}
/* the tool-family trio becomes stacked alternating image/text rows */
.mhot-page--about .mhot-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mhot-page--about .mhot-trio__item{border-radius:18px;overflow:hidden;
  box-shadow:0 20px 50px -34px rgba(20,32,43,.45)}
@media(max-width:860px){
  .mhot-page--about .mhot-stats{grid-template-columns:1fr 1fr;gap:30px 0;padding:34px 18px}
  .mhot-page--about .mhot-stat{border-right:0}
  .mhot-page--about .mhot-facts__row{grid-template-columns:1fr;gap:4px}
}

/* ==========================================================================
   DOWNLOADS  —  resource library: list rows, not cards
   ========================================================================== */
.mhot-page--downloads .mhot-sec{padding:56px 0}
/* document grid becomes a tidy ledger of rows */
.mhot-page--downloads .mhot-dl-grid{display:grid;grid-template-columns:1fr;gap:0;
  border:1px solid var(--mp-line);border-radius:18px;overflow:hidden}
.mhot-page--downloads .mhot-dlcard{display:grid;grid-template-columns:56px 1fr auto;
  align-items:center;gap:20px;border-radius:0;border-bottom:1px solid var(--mp-line);
  padding:20px 26px;background:#fff}
.mhot-page--downloads .mhot-dlcard:last-child{border-bottom:0}
.mhot-page--downloads .mhot-dlcard:nth-child(odd){background:#FAFBFC}
.mhot-page--downloads .mhot-dlcard__ic{width:56px;height:56px;border-radius:14px;
  background:#16202B;color:var(--mp-amber);display:flex;align-items:center;justify-content:center;
  font-size:22px;margin:0}
.mhot-page--downloads .mhot-step{border-left:3px solid var(--mp-amber);padding-left:18px}
/* the "how it works" steps as an inline horizontal strip */
.mhot-page--downloads .mhot-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media(max-width:860px){
  .mhot-page--downloads .mhot-dlcard{grid-template-columns:44px 1fr;gap:14px;padding:16px 18px}
  .mhot-page--downloads .mhot-steps{grid-template-columns:1fr 1fr}
}

/* ---------- universal: no horizontal overflow guard ---------- */
.mhot-page, .mhot-page .mhot-wrap{max-width:100%;overflow-x:clip}
.mhot-page img{max-width:100%;height:auto}

/* ==========================================================================
   CRITICAL FIX: WordPress injects .wp-block-group__inner-container as a real
   DOM child inside every core/group. That wrapper becomes the only grid item,
   breaking grid-template-columns on our containers. Make it transparent so the
   real cards become the grid items.
   ========================================================================== */
.mhot-page .mhot-duo > .wp-block-group__inner-container,
.mhot-page .mhot-trio > .wp-block-group__inner-container,
.mhot-page .mhot-trio2 > .wp-block-group__inner-container,
.mhot-page .mhot-posts > .wp-block-group__inner-container,
.mhot-page .mhot-grid4 > .wp-block-group__inner-container,
.mhot-page .mhot-steps > .wp-block-group__inner-container,
.mhot-page .mhot-stats > .wp-block-group__inner-container,
.mhot-page .mhot-facts > .wp-block-group__inner-container,
.mhot-page .mhot-dl-grid > .wp-block-group__inner-container,
.mhot-page .mhot-split2 > .wp-block-group__inner-container{display:contents}

/* and neutralize the injected margin/flow on EVERY inner-container inside pages */
.mhot-page .wp-block-group__inner-container.is-layout-flow > *{margin-block-start:0;margin-block-end:0}