/* =====================================================================
   MHOT — Industrial Tool Brand Skin v2.0
   Black / Safety-Orange / Steel-Grey · Tekton · Klein Tools vibe
   ===================================================================== */

:root {
  --mh-ink:        #0B0D10;   /* near-black */
  --mh-ink-2:      #14181D;   /* panel black */
  --mh-ink-3:      #1E242B;   /* raised panel */
  --mh-steel:      #2A323B;   /* steel grey */
  --mh-line:       #2E3742;   /* hairline */
  --mh-line-lt:    #DCE1E6;   /* hairline on light */
  --mh-orange:     #FF5A1F;   /* safety orange */
  --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;
}

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

/* ============================ HERO ============================ */
.mhot-hero {
  position: relative;
  background:
    radial-gradient(120% 90% at 78% 8%, rgba(255,90,31,.20) 0%, transparent 55%),
    linear-gradient(155deg, #0B0D10 0%, #14181D 45%, #1E242B 100%);
  color: #fff;
  padding: 104px 24px 96px;
  overflow: hidden;
  border-bottom: 3px solid var(--mh-orange);
}
.mhot-hero::before {
  content: '';
  position: absolute; inset: 0;
  background-image:
    repeating-linear-gradient(45deg, rgba(255,255,255,.022) 0 2px, transparent 2px 12px);
  pointer-events: none;
}
.mhot-hero::after {
  content: '';
  position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,90,31,.55), transparent);
}
.mhot-hero-inner { max-width: 900px; margin: 0 auto; position: relative; z-index: 2; }

.mhot-eyebrow {
  display: inline-block;
  font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase;
  color: var(--mh-orange);
  margin: 0 0 22px;
  padding: 6px 12px;
  border: 1px solid rgba(255,90,31,.42);
  border-radius: 3px;
  background: rgba(255,90,31,.08);
}
.mhot-hero h1 {
  font-size: clamp(38px, 6vw, 68px);
  line-height: 1.04;
  font-weight: 900;
  letter-spacing: -.03em;
  margin: 0 0 24px;
  color: #fff;
}
.mhot-hero h1 span {
  color: var(--mh-orange);
  display: inline-block;
}
.mhot-lead {
  font-size: clamp(16px, 2vw, 19px);
  line-height: 1.65;
  color: #B9C2CC;
  max-width: 640px;
  margin: 0 0 38px;
}
.mhot-hero-btns { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 44px; }

/* ============================ BUTTONS ============================ */
.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 { background: var(--mh-ink); color: #fff !important; }
.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); }

/* ============================ TRUST ============================ */
.mhot-trust {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-wrap: wrap; gap: 10px 28px;
  font-size: 13px; font-weight: 700; letter-spacing: .04em;
  color: #8892A0; text-transform: uppercase;
}
.mhot-trust li { display: flex; align-items: center; gap: 8px; }
.mhot-trust li::before { content: '■'; color: var(--mh-orange); font-size: 9px; }

/* ============================ SECTIONS ============================ */
.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-section-head h2 {
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 900; letter-spacing: -.025em; line-height: 1.12;
  margin: 0; color: var(--mh-text);
}
.mhot-section-dark { background: var(--mh-bg-dark); }
.mhot-section-dark h2 { color: #fff; }
.mhot-section-dark .mhot-eyebrow { color: var(--mh-orange); }

/* ============================ CATEGORY CARDS ============================ */
.mhot-cats { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 22px; }
.mhot-cat {
  position: relative;
  display: block;
  background: #fff;
  border: 1px solid var(--mh-line-lt);
  border-left: 4px solid var(--mh-orange);
  border-radius: var(--mh-radius);
  padding: 36px 32px 32px;
  text-decoration: none !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  overflow: hidden;
}
.mhot-cat::after {
  content: '';
  position: absolute; right: -40px; top: -40px; width: 120px; height: 120px;
  background: radial-gradient(circle, rgba(255,90,31,.10), transparent 70%);
  transition: transform .3s ease;
}
.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-num {
  font-size: 13px; font-weight: 900; letter-spacing: .1em;
  color: var(--mh-orange); margin-bottom: 14px;
  font-variant-numeric: tabular-nums;
}
.mhot-cat h3 {
  font-size: 21px; font-weight: 800; letter-spacing: -.015em;
  margin: 0 0 12px; color: var(--mh-text); line-height: 1.25;
}
.mhot-cat p { font-size: 14.5px; line-height: 1.7; color: var(--mh-muted); margin: 0 0 22px; }
.mhot-cat-link {
  font-size: 12.5px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase;
  color: var(--mh-ink); border-bottom: 2px solid var(--mh-orange); padding-bottom: 2px;
  transition: color .16s ease;
}
.mhot-cat:hover .mhot-cat-link { color: var(--mh-orange); }

/* ============================ FEATURE CARDS ============================ */
.mhot-feats { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }
.mhot-feat {
  background: #fff;
  border: 1px solid var(--mh-line-lt);
  border-radius: var(--mh-radius);
  padding: 30px 26px;
  transition: transform .2s ease, box-shadow .2s ease;
}
.mhot-feat:hover { transform: translateY(-3px); box-shadow: var(--mh-shadow); }
.mhot-feat-i {
  width: 48px; height: 48px; margin-bottom: 18px;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px;
  background: linear-gradient(140deg, var(--mh-ink) 0%, var(--mh-steel) 100%);
  border-radius: var(--mh-radius);
  border-bottom: 3px solid var(--mh-orange);
}
.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: 14px; line-height: 1.7; color: var(--mh-muted); margin: 0; }

/* ============================ CTA BAND ============================ */
.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 OVERRIDES ============================ */
/* Product cards — hard industrial edge */
.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.045); }
.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 .price del { color: var(--mh-muted-lt) !important; font-weight: 500 !important; font-size: 14px !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;
}

/* Sale flash */
.woocommerce span.onsale {
  background: var(--mh-orange) !important; color: #fff !important;
  font-weight: 800 !important; letter-spacing: .05em;
  border-radius: 3px !important; min-height: 26px !important; line-height: 26px !important;
  padding: 0 10px !important; text-transform: uppercase; font-size: 11px !important;
}

/* Single product */
.woocommerce div.product .product_title { font-weight: 900 !important; letter-spacing: -.025em !important; }
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: var(--mh-orange) !important; font-weight: 900 !important; font-size: 28px !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;
}

/* Tabs */
.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; }

/* Notices / messages */
.woocommerce-message { border-top-color: var(--mh-orange) !important; }
.woocommerce-message::before { color: var(--mh-orange) !important; }
.woocommerce-info { border-top-color: var(--mh-ink) !important; }
.woocommerce-info::before { color: var(--mh-ink) !important; }

/* Breadcrumb */
.woocommerce-breadcrumb { font-size: 12.5px !important; letter-spacing: .04em; text-transform: uppercase; color: var(--mh-muted-lt) !important; }
.woocommerce-breadcrumb a { color: var(--mh-muted) !important; }
.woocommerce-breadcrumb a:hover { color: var(--mh-orange) !important; }

/* ============================ PRODUCT EXTRAS (manual / video) ============================ */
.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; }
.mhot-video-wrap {
  position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;
  border-radius: var(--mh-radius); border: 1px solid var(--mh-line-lt);
  background: var(--mh-ink-2);
}
.mhot-video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

/* ============================ HEADER / NAV POLISH ============================ */
.ct-header [data-row] { border-bottom: 1px solid var(--mh-line-lt); }
.ct-header .ct-header-cart .ct-cart-item { font-weight: 700; }
.site-title, .ct-header .site-title { font-weight: 900 !important; letter-spacing: -.02em !important; }

/* ============================ FOOTER ============================ */
.ct-footer, footer.ct-footer { border-top: 3px solid var(--mh-orange); }

/* ============================ RESPONSIVE ============================ */
@media (max-width: 768px) {
  .mhot-hero { padding: 72px 20px 64px; }
  .mhot-section { padding: 60px 20px; }
  .mhot-cta-inner { padding: 56px 20px; }
  .mhot-hero-btns { flex-direction: column; align-items: stretch; }
  .mhot-btn { width: 100%; }
  .mhot-trust { gap: 8px 18px; font-size: 12px; }
  .mhot-cat { padding: 28px 24px; }
}

/* ============================ DARK HEADER (Logo 适配) ============================ */
/* 黑黄 Logo 需要深色底才看得清 —— 导航栏改工业深色 */
.ct-header[data-id="header"],
.ct-header[data-sticky],
header#header {
  background: #0B0D10 !important;
  border-bottom: 2px solid #FF5A1F !important;
}
.ct-header .ct-header-text,
.ct-header .site-title,
.ct-header .site-description,
.ct-header [data-row] > div {
  color: #FFFFFF !important;
}
.ct-header .site-title a,
.ct-header .ct-header-text a {
  color: #FFFFFF !important;
}
.ct-header .site-description { color: #8A96A3 !important; }

/* 导航链接 */
.ct-header .menu > li > a,
.ct-header .ct-menu-link,
.ct-header nav a {
  color: #E6E9ED !important;
}
.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 .current-menu-ancestor > a {
  color: #FF5A1F !important;
}

/* 图标 / 购物车 / 搜索 */
.ct-header .ct-icon,
.ct-header .ct-header-cart,
.ct-header .ct-header-cart a,
.ct-header [data-id="search"] .ct-icon,
.ct-header [data-id="trigger"] .ct-icon {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}
.ct-header .ct-header-cart:hover,
.ct-header .ct-header-cart a:hover {
  color: #FF5A1F !important;
}
.ct-header .ct-cart-item .ct-label { color: #E6E9ED !important; }

/* 移动端汉堡线条 */
.ct-header .ct-toggle-close,
.ct-header [data-id="trigger"] span,
.ct-header [data-id="trigger"] svg {
  --theme-icon-color: #FFFFFF !important;
  color: #FFFFFF !important;
}

/* Logo 尺寸控制 */
.ct-header .site-branding img,
.ct-header .custom-logo,
.ct-header .ct-header-logo img {
  max-height: 48px !important;
  width: auto !important;
}

/* 下拉子菜单保持深色可读 */
.ct-header .sub-menu,
.ct-header .ct-header-dropdown {
  background: #14181D !important;
  border: 1px solid #2E3742 !important;
}
.ct-header .sub-menu a,
.ct-header .ct-header-dropdown a {
  color: #E6E9ED !important;
}
.ct-header .sub-menu a:hover,
.ct-header .ct-header-dropdown a:hover {
  color: #FF5A1F !important;
  background: #1E242B !important;
}

/* 移动端抽屉 */
.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 {
  color: #E6E9ED !important;
}
.ct-panel .ct-panel-content a:hover { color: #FF5A1F !important; }

/* === MHOT-IMG-FIT-START === */
/* 产品图片自适应：完整显示不裁切 + 统一比例容器（2026-09-15） */

/* 1. 列表页产品卡：固定 1:1 容器 + contain 完整显示 */
.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);
}

/* 2. 图片本体：contain 完整显示，居中，不裁切 */
.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;
}

/* 3. hover 缩放保持（改为轻微，避免溢出被裁） */
.woocommerce ul.products li.product:hover img { transform: scale(1.03); }

/* 4. 移动端：图小一点，仍完整显示 */
@media (max-width: 689.98px) {
  .woocommerce ul.products li.product img,
  .wc-block-grid__product img {
    padding: 8px;
  }
}

/* 5. 产品详情页主图：完整显示不裁 */
.woocommerce-product-gallery__image img,
.woocommerce div.product div.images img {
  object-fit: contain !important;
  height: auto !important;
  max-height: 640px;
  width: 100%;
}

/* 6. 详情页缩略图条 */
.woocommerce div.product div.images .flex-control-thumbs img {
  object-fit: contain !important;
  background: #fff;
  height: auto;
}
/* === MHOT-IMG-FIT-END === */
/* ============================================================
   MHOT Wholesale 页面样式 v1.0
   追加到 mhot-brand.css 末尾（不改主题文件）
   ============================================================ */

/* ---------- Hero ---------- */
.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-feat h3 {
  font-size: 18px; font-weight: 800; letter-spacing: -.01em;
  margin: 16px 0 10px; color: var(--mh-text);
}
.mhot-feat p { font-size: 14.5px; line-height: 1.68; color: var(--mh-muted); margin: 0; }

/* ---------- 价格档位 ---------- */
.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 form { margin: 0; }
.mhot-wh-form .mhot-form-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 20px 22px;
}
.mhot-wh-form .mhot-field { display: flex; flex-direction: column; }
.mhot-wh-form .mhot-field-full { grid-column: 1 / -1; }
.mhot-wh-form label {
  font-size: 13px; font-weight: 800; letter-spacing: .03em;
  color: var(--mh-text); margin-bottom: 8px; display: block;
}
.mhot-wh-form .req { color: var(--mh-orange); }
.mhot-wh-form input[type="text"],
.mhot-wh-form input[type="email"],
.mhot-wh-form input[type="tel"],
.mhot-wh-form input[type="url"],
.mhot-wh-form select,
.mhot-wh-form textarea {
  width: 100%; box-sizing: border-box;
  padding: 12px 15px; font-size: 15px; font-family: inherit;
  color: var(--mh-text); background: #fff;
  border: 1.5px solid var(--mh-line-lt); border-radius: 9px;
  transition: border-color .16s ease, box-shadow .16s ease;
  -webkit-appearance: none; appearance: none;
}
.mhot-wh-form select {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.4'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 12px center; background-size: 17px;
  padding-right: 40px;
}
.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 textarea { resize: vertical; min-height: 120px; }
.mhot-wh-form .wpcf7-not-valid { border-color: #dc2626 !important; }
.mhot-wh-form .wpcf7-not-valid-tip {
  color: #dc2626; font-size: 12.5px; font-weight: 700; margin-top: 6px;
}
.mhot-wh-form .wpcf7-response-output {
  margin: 24px 0 0; padding: 15px 18px; border-radius: 9px;
  font-size: 14.5px; font-weight: 700; border: 1.5px solid;
}
.mhot-wh-form .wpcf7-mail-sent-ok {
  background: rgba(22,163,74,.08); border-color: #16a34a; color: #15803d;
}
.mhot-wh-form .wpcf7-validation-errors,
.mhot-wh-form .wpcf7-mail-sent-ng {
  background: rgba(220,38,38,.07); border-color: #dc2626; color: #b91c1c;
}
.mhot-wh-form .wpcf7-spinner { margin: 0 12px; }

/* checkbox / acceptance */
.mhot-wh-form .mhot-check,
.mhot-wh-form .wpcf7-acceptance,
.mhot-wh-form .wpcf7-checkbox {
  font-size: 14px; color: var(--mh-muted);
}
.mhot-wh-form .wpcf7-list-item { margin: 0 0 10px; display: block; }
.mhot-wh-form .wpcf7-list-item label {
  display: flex; align-items: flex-start; gap: 10px;
  font-weight: 500; font-size: 14px; color: var(--mh-muted); margin: 0;
  letter-spacing: 0; text-transform: none;
}
.mhot-wh-form input[type="checkbox"] {
  width: 18px; height: 18px; margin: 1px 0 0; flex: 0 0 18px;
  accent-color: var(--mh-orange); cursor: pointer;
}
.mhot-wh-form .mhot-form-submit { margin-top: 28px; }
.mhot-wh-form input[type="submit"] {
  background: var(--mh-orange); color: #fff; border: none;
  font-size: 16px; font-weight: 800; letter-spacing: .01em;
  padding: 16px 46px; border-radius: 9px; cursor: pointer;
  font-family: inherit; width: 100%;
  box-shadow: 0 8px 22px -8px rgba(255,90,31,.7);
  transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.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);
}
.mhot-form-note {
  text-align: center; font-size: 13px; color: var(--mh-muted);
  margin: 16px 0 0;
}

/* ---------- 响应式 ---------- */
@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; }
  .mhot-wh-form .mhot-form-grid { grid-template-columns: 1fr; gap: 18px; }
}
@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-wh-form input[type="submit"] { font-size: 15px; padding: 15px 20px; }
}