.replica-buy { margin-block: 16px; }
.replica-buy form.cart { display: flex; align-items: end; gap: 12px; flex-wrap: wrap; }
.replica-buy .variations_form { display: block !important; }
.replica-buy .variations { width: 100%; }
.replica-buy .quantity input { width: 76px; min-height: 44px; }
.replica-buy select { min-height: 44px; max-width: 100%; padding: 8px; }
.replica-buy button.single_add_to_cart_button { min-height: 46px; padding: 12px 24px; background: rgb(var(--color-button, 30,30,30)); color: rgb(var(--color-button-text, 255,255,255)); border: 0; cursor: pointer; }
.replica-buy .price { font: inherit; font-size: 20px; }
.replica-store .scroll-trigger--offscreen { opacity: 1; transform: none; }
.replica-store .animate-section, .replica-store .animate-item { opacity: 1 !important; visibility: visible !important; transform: none !important; filter: none !important; }
.replica-store .splide { visibility: visible; }
.replica-store .wise-product-reviews img[alt="Review media"] { display:block !important; }
.replica-store img.emoji, .replica-store img.wp-smiley { display:inline !important; width:1em !important; height:1em !important; border:0 !important; margin:0 .07em !important; padding:0 !important; vertical-align:-.1em !important; }
@media(max-width:749px) { .replica-store .wr-id-review-column { flex-basis:48% !important; max-width:48% !important; } .replica-store .wise-product-reviews div:has(> .wr-id-review-column) { flex-wrap:wrap; } }
.replica-store details[open] > .menu-drawer { visibility: visible; transform: translateX(0); }
.replica-store .slider { scroll-snap-type: x mandatory; }
.replica-store .slider__slide { scroll-snap-align: start; }
@media(max-width: 749px) { .replica-buy form.cart { align-items: stretch; } }
.replica-commerce { padding-block: 40px; min-height: 60vh; }.replica-commerce table { width: 100%; border-collapse: collapse; }
.replica-commerce td, .replica-commerce th { padding: 12px; text-align: left; border-bottom: 1px solid #ddd; }
.replica-commerce .product-thumbnail img { width: 90px; height: auto; }
.replica-commerce input, .replica-commerce select, .replica-commerce textarea { font: inherit; max-width:100%; padding:10px; border:1px solid #aaa; border-radius:4px; }
.replica-commerce .form-row label { display:block; }
.replica-commerce .input-text { width:100%; }
.replica-commerce .screen-reader-text { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.replica-search-results { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:24px; }
.replica-search-results img { max-width:100%; height:auto; }
.replica-commerce .button { background:rgb(var(--color-button)); color:rgb(var(--color-button-text)); padding:12px 24px; cursor:pointer; border:0; }
.replica-commerce .cart_totals { max-width:540px; margin-left:auto; }
.replica-commerce .woocommerce-checkout .col2-set { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.replica-commerce .woocommerce-notices-wrapper { margin-bottom:20px; }
.replica-buy .price { display:none; }
.replica-buy .screen-reader-text { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.replica-source-quantity .quantity { display:none; }
[data-replica-adapter="ymcart"] { --color-button:0,0,0; --color-button-text:255,255,255; }
[data-replica-adapter="ymcart"] .replica-buy .price { display:block; font-size:24px; font-weight:700; color:#333; }
[data-replica-adapter="ymcart"] .replica-buy .price del { font-size:14px; color:#999; font-weight:400; }
[data-replica-adapter="ymcart"] .replica-buy .price ins { text-decoration:none; }
[data-replica-adapter="ymcart"] .replica-native-select { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; }
[data-replica-adapter="ymcart"] .replica-options { display:flex; flex-wrap:wrap; gap:8px; margin:8px 0; }
[data-replica-adapter="ymcart"] .replica-options button { padding:8px 10px; border:1px solid #ddd; background:white; color:#333; cursor:pointer; font:inherit; font-size:12px; }
[data-replica-adapter="ymcart"] .replica-options button[aria-pressed="true"] { border-color:#111; outline:1px solid #111; }
[data-replica-adapter="ymcart"] .replica-options button:disabled { opacity:.45; cursor:default; }
[data-replica-adapter="ymcart"] .replica-buy .variations th, [data-replica-adapter="ymcart"] .replica-buy .variations td { display:block; text-align:left; }
[data-replica-adapter="ymcart"] .replica-commerce { width: min(1280px, 94%); margin:auto; }
[data-replica-adapter="ymcart"] #body_box.replica-commerce { width:min(1280px, 94%); margin:0 auto; padding:40px 0; }
[data-replica-adapter="ymcart"] .replica-native-page .header-box:not(.fixed) { position:relative; background:#222; }
[data-replica-adapter="ymcart"] .header-box.fixed { background:#fff; color:#222; }
[data-replica-adapter="ymcart"] .header-box.fixed .nav > li > a,
[data-replica-adapter="ymcart"] .header-box.fixed #Carts,
[data-replica-adapter="ymcart"] .header-box.fixed .search-btn,
[data-replica-adapter="ymcart"] .header-box.fixed .mobile-nav-icon { color:#222; }
[data-replica-adapter="ymcart"] .header-box.fixed svg { fill:currentColor; }
[data-replica-adapter="ymcart"] .nav li:hover > .nav-sub,
[data-replica-adapter="ymcart"] .nav li:focus-within > .nav-sub { display:block; visibility:visible; opacity:1; }
[data-replica-adapter="ymcart"] .right-nav.replica-menu-open { right:0 !important; visibility:visible; z-index:10000; overflow:auto; max-height:100vh; }
[data-replica-adapter="ymcart"] .replica-submenu-open { display:block !important; }
[data-replica-adapter="ymcart"] .replica-search-open .search-box { display:block !important; visibility:visible; opacity:1; }
[data-replica-adapter="ymcart"] .replica-carousel { transform:none !important; display:flex; overflow-x:auto; scroll-snap-type:x mandatory; width:100% !important; height:auto !important; align-items:flex-start; }
[data-replica-adapter="ymcart"] .replica-carousel > * { flex:0 0 calc((100% - 60px)/4); height:auto !important; scroll-snap-align:start; }
[data-replica-adapter="ymcart"] .replica-carousel { scrollbar-width:none; }
[data-replica-adapter="ymcart"] .replica-carousel::-webkit-scrollbar { display:none; }
[data-replica-adapter="ymcart"] [id^="news-swiper"] .replica-carousel > * { flex-basis:calc((100% - 40px)/3); }
[data-replica-adapter="ymcart"] #goodsimagelist a[aria-current="true"] { outline:2px solid #222; }
.replica-image-dialog { border:0; padding:24px; max-width:94vw; max-height:94vh; }
.replica-image-dialog::backdrop { background:rgb(0 0 0 / .7); }
.replica-image-dialog img { display:block; max-width:85vw; max-height:85vh; object-fit:contain; }
.replica-image-dialog button { position:absolute; top:0; right:4px; font-size:28px; border:0; background:white; cursor:pointer; }
@media(max-width:767px) {
 [data-replica-adapter="ymcart"] .banner_full_screen,
 [data-replica-adapter="ymcart"] .banner_full_screen .monograph-swiper-wrapper,
 [data-replica-adapter="ymcart"] .banner_full_screen .monograph-swiper-slide,
 [data-replica-adapter="ymcart"] .banner_full_screen .monograph-swiper-slide > a { height:auto !important; min-height:0 !important; }
 [data-replica-adapter="ymcart"] .replica-carousel > *, [data-replica-adapter="ymcart"] [id^="news-swiper"] .replica-carousel > * { flex-basis:calc((100% - 20px)/2); }
}
.replica-buy .single_add_to_cart_button { width:100%; }
@media(max-width:749px) {
 .replica-commerce .woocommerce-checkout .col2-set { grid-template-columns:1fr; }
 .replica-commerce table, .replica-commerce tbody, .replica-commerce tr, .replica-commerce td { display:block; }
 .replica-commerce thead { display:none; }
 .replica-commerce td:before { content:attr(data-title); font-weight:600; margin-right:12px; }
}

/* ── 导航悬停抖动修复 ────────────────────────────────────────────────────────
   源站主题用 :has(.header-row:hover) 在悬停头部时打开全屏遮罩：
     body:not(.open-search):not(.open-wishlist):not(.fillcart)
       :has(.header-row:hover) .overlay-box { z-index:11; visibility:visible;
                                              pointer-events:auto; opacity:1 }
   源站靠 JS 给 body 加 .open-menu，把 header 抬到 z-index:100，所以遮罩不会盖住
   导航栏本身。本复刻站按规定剥离了源站脚本，.open-menu 永远不会被加上，于是：
       悬停头部 → 遮罩盖住导航 → 指针离开 header → 遮罩收起 → 再次悬停 …
   形成无限抖动，表现为「导航有时点得动、有时点不动」、下拉菜单一闪一闪。

   这里直接关掉这个悬停遮罩。它原本只用于悬停时压暗页面，属纯装饰；
   关闭后 mega menu 仍由 .mega-list:hover .megamenu 正常展开。
   仅限有真实指针且桌面宽度生效，避免影响触屏与移动端菜单。 */
@media (hover: hover) and (min-width: 992px) {
  body:has(.header-row:hover) .overlay-box {
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
  }
}

/* ── 原生 commerce 页（账户 / 购物车 / 结账 / 搜索结果）─────────────────────
   这些页面由 WooCommerce 渲染在抓取页的 <main> 里，抓取页的排版样式不覆盖
   表单控件。这里给一套与站点风格一致的兜底样式，避免出现「无边框输入框」。 */
.replica-commerce { padding: clamp(28px, 5vw, 64px) clamp(16px, 4vw, 60px) 72px; }
.replica-commerce > .woocommerce { max-width: 940px; }
.replica-commerce h1, .replica-commerce h2, .replica-commerce h3 { font-weight: 500; letter-spacing: -.01em; }
.replica-commerce h2 { font-size: clamp(24px, 2.4vw, 32px); margin: 0 0 18px; }

.replica-commerce form .form-row { margin-bottom: 16px; }
.replica-commerce label { display: block; margin-bottom: 6px; font-size: 14px; color: #4a453d; }
.replica-commerce input[type="text"],
.replica-commerce input[type="email"],
.replica-commerce input[type="password"],
.replica-commerce input[type="tel"],
.replica-commerce input[type="search"],
.replica-commerce input[type="number"],
.replica-commerce select,
.replica-commerce textarea {
  width: 100%; min-height: 48px; padding: 11px 14px; font: inherit; color: #1a1919;
  background: #fff; border: 1px solid #d8d1c4; border-radius: 8px;
  transition: border-color .2s linear, box-shadow .2s linear;
}
.replica-commerce input:focus, .replica-commerce select:focus, .replica-commerce textarea:focus {
  outline: none; border-color: #1a1919; box-shadow: 0 0 0 3px rgba(26, 25, 25, .08);
}
.replica-commerce button,
.replica-commerce input[type="submit"],
.replica-commerce .button,
.replica-commerce a.button {
  display: inline-flex; align-items: center; justify-content: center; min-height: 48px;
  padding: 12px 28px; font: inherit; font-weight: 500; color: #fff; background: #1a1919;
  border: 0; border-radius: 8px; cursor: pointer; text-decoration: none;
  transition: background-color .2s linear, opacity .2s linear;
}
.replica-commerce button:hover,
.replica-commerce input[type="submit"]:hover,
.replica-commerce .button:hover { background: #3a3733; }
.replica-commerce .woocommerce-form-login .lost_password { margin-top: 14px; }
.replica-commerce .woocommerce-form-login .lost_password a { text-decoration: underline; }
.replica-commerce .woocommerce-notices-wrapper:empty { display: none; }

/* 搜索结果页 */
.replica-search-results { display: grid; gap: 24px; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); margin-top: 28px; }
.replica-search-results article { display: flex; flex-direction: column; gap: 8px; }
.replica-search-results img { width: 100%; height: auto; border-radius: 10px; }
.replica-search-results h2 { font-size: 15px; margin: 0; }
.replica-search-results .price { font-size: 14px; color: #6b6459; }

/* commerce 页没有首屏大图：公告条原本是「透明底 + 近白字」压在大图上，
   离开大图就变成白底白字。这里给它一个深色底。 */
body.solid-header .header-group .section-announcement-bar,
body.solid-header .header-group [class*="announcement-bar"] { background: #1a1919; }
body.solid-header .header-group [class*="announcement-bar"] * { color: #fefaf2; }

/* Orbe 国家/货币选择器（第三方 App）依赖它自己的脚本才有交互；脚本已剥离后
   只剩一段静态文字，而且在 commerce 页会掉到页脚下方露出两行 "EUR €/EN"。
   这里整体隐藏，避免露出无功能的残留控件。 */
.replica-store .md-orbe-custom-selector,
.replica-store .shopify-block:has(.md-orbe-custom-selector) { display: none !important; }

/* ── 语言切换器 ────────────────────────────────────────────────────────────
   触发器只显示两位语言代码 + 箭头（比原生下拉省约 30px 头部空间），
   展开面板列出各语言原名并标出当前项。颜色一律继承头部：
   首页是透明头部 + 白字，commerce 页是 solid-header + 深字，都自动匹配。 */
.replica-lang { position: relative; display: flex; align-items: center; margin-left: 4px; }
.replica-lang-trigger {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 6px 4px; border: 0; background: none; color: inherit;
  font: inherit; font-size: 13px; letter-spacing: .04em; line-height: 1;
  cursor: pointer; border-radius: 6px; transition: opacity .2s linear;
}
.replica-lang-trigger:hover { opacity: .65; }
.replica-lang-trigger:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.replica-lang-chevron {
  width: 9px; height: 6px; flex: none;
  fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round;
  transition: transform .25s ease;
}
.replica-lang-trigger[aria-expanded="true"] .replica-lang-chevron { transform: rotate(180deg); }

.replica-lang-menu {
  position: absolute; top: calc(100% + 10px); right: 0; z-index: 60;
  min-width: 172px; margin: 0; padding: 6px; list-style: none;
  background: #fff; color: #1a1919;
  border: 1px solid rgba(26, 25, 25, .12); border-radius: 12px;
  box-shadow: 0 10px 30px rgba(26, 25, 25, .14);
}
.replica-lang-menu[hidden] { display: none; }
.replica-lang-option {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 10px 12px; border-radius: 8px;
  font-size: 13px; line-height: 1.25; white-space: nowrap;
  cursor: pointer; transition: background-color .15s linear;
}
.replica-lang-option:hover,
.replica-lang-option:focus-visible { background: rgba(26, 25, 25, .06); outline: none; }
.replica-lang-option[aria-selected="true"] { font-weight: 600; }
.replica-lang-option[aria-selected="true"]::after { content: "✓"; font-size: 12px; }

/* 360px 级别（Galaxy S8 / 多数安卓）头部横向空间不足：
   收紧图标间距并隐藏收藏图标——它在移动端抽屉底部的链接里同样可以进入
   （Wishlist），这样 logo 与图标区不再相压。 */
@media (max-width: 389px) {
  .header-right .header-icons { gap: 7px; }
  .header-icons li.wishlist-link { display: none; }
  .header-icons .replica-lang-trigger { padding: 8px 1px; }
}

@media (max-width: 749px) {
  .replica-lang { margin-left: 0; }
  .header-icons .replica-lang-trigger { font-size: 12px; padding: 8px 2px; margin: 0; }
  .replica-lang-menu { right: -4px; min-width: 160px; }
  .replica-lang-option { padding: 12px; }
}

/* ── 头部右侧按内容排布，避免固定网格把控件挤爆 ──────────────────────────
   主题把 .header-right 设成 6 等分网格：菜单 4/6、.header-icons 2/6（约 127–163px）。
   但「次级菜单（About Us / Contact / NoosClub，262px）+ 4 个图标 + 语言选择器（约 74px）
   + 间距」实际需要约 470px，远超网格给的空间，于是两侧互相压字：
   实测 1600px 重叠 66px、1440px 84px；主菜单（7 项）也会向右溢出压到次级菜单。
   改成 flex 按内容排布，并在放不下时隐藏次级链接（页脚与移动抽屉中均有）。 */
.header-right { display: flex; align-items: center; justify-content: flex-end; gap: 12px; }
.header-right .header-menu { flex: 0 1 auto; min-width: 0; }
.header-right .header-icons { flex: 0 0 auto; justify-content: flex-end; gap: 10px; }

@media (max-width: 1479px) {
  .header-row .list-menu.second { display: none !important; }
}
@media (max-width: 1439px) {
  .header-row .list-menu > li > a { padding-left: 8px !important; padding-right: 8px !important; }
}
@media (max-width: 1279px) {
  .header-row .list-menu > li > a { padding-left: 6px !important; padding-right: 6px !important; font-size: .95em !important; }
}
@media (max-width: 1099px) {
  .header-row .list-menu > li > a { padding-left: 4px !important; padding-right: 4px !important; font-size: .9em !important; }
}

/* ── 移动端头部图标热区 ────────────────────────────────────────────────────
   主题的图标视觉尺寸是 22×22px，低于 44px 的可访问性建议。用「内边距扩展 +
   负外边距抵消」把热区放大到 40×40px，视觉尺寸和布局都不变。 */
@media (max-width: 991px) {
  .header-icons li a,
  .header-icons li button {
    padding: 5px;
    margin: -5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .header-icons .replica-lang select { padding-block: 11px; margin-block: -7px; }
  /* 汉堡按钮被固定为 22×22 且是 border-box，padding 会被吃掉；
     用伪元素把热区扩到 40×40，不影响布局也不改变三条线的宽度。 */
  .header-icons li.menu-burdger button { position: relative; }
  .header-icons li.menu-burdger button::before { content: ""; position: absolute; inset: -5px; }
}

/* ══════════════════════════════════════════════════════════════════════════
   购物车 / 结账页
   这两页由 WooCommerce 渲染，默认样式与站点品牌完全脱节，且浮动布局会被
   抓取主题 CSS 里的通用类名（.col-1 / .col-2）干扰，导致结账页左侧被挤成
   218px 的窄条。这里统一改成品牌配色 + 网格布局。
   ══════════════════════════════════════════════════════════════════════════ */
.replica-commerce {
  --rp-ink: #1a1919;
  --rp-cream: #fdf8ec;
  --rp-line: rgba(26, 25, 25, .14);
  --rp-muted: #6b6459;
}

/* ── 通用控件：统一为黑底白字，替掉 WooCommerce 的紫色/灰色 ─────────────── */
.replica-commerce .woocommerce .button,
.replica-commerce .woocommerce button.button,
.replica-commerce .woocommerce input.button,
.replica-commerce .woocommerce input[type="submit"],
.replica-commerce .woocommerce #place_order,
.replica-commerce .woocommerce .checkout-button {
  background: var(--rp-ink) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
  min-height: 48px;
  padding: 12px 26px !important;
  font: inherit !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  cursor: pointer;
  transition: background-color .2s linear, opacity .2s linear;
}
.replica-commerce .woocommerce .button:hover,
.replica-commerce .woocommerce button.button:hover,
.replica-commerce .woocommerce input.button:hover,
.replica-commerce .woocommerce input[type="submit"]:hover,
.replica-commerce .woocommerce #place_order:hover { background: #3a3733 !important; }
/* 次级按钮（应用优惠券 / 更新购物车）走描边样式 */
.replica-commerce .woocommerce button[name="apply_coupon"],
.replica-commerce .woocommerce button[name="update_cart"] {
  background: transparent !important;
  color: var(--rp-ink) !important;
  border: 1px solid var(--rp-line) !important;
}
.replica-commerce .woocommerce button[name="apply_coupon"]:hover,
.replica-commerce .woocommerce button[name="update_cart"]:hover { background: rgba(26, 25, 25, .05) !important; }
.replica-commerce .woocommerce button:disabled,
.replica-commerce .woocommerce .button:disabled { opacity: .38 !important; cursor: not-allowed; }

/* ── 提示条：去掉默认的绿/蓝，改成品牌米色 + 左侧色条 ─────────────────── */
.replica-commerce .woocommerce-message,
.replica-commerce .woocommerce-info,
.replica-commerce .woocommerce-error,
.replica-commerce .woocommerce-notices-wrapper .woocommerce-message {
  display: flex !important;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 24px !important;
  padding: 16px 20px !important;
  background: var(--rp-cream) !important;
  color: var(--rp-ink) !important;
  border: 1px solid var(--rp-line) !important;
  border-left: 3px solid var(--rp-ink) !important;
  border-radius: 10px !important;
  list-style: none;
  font-size: 14px;
}
.replica-commerce .woocommerce-error { border-left-color: #b4322a !important; }
.replica-commerce .woocommerce-message::before,
.replica-commerce .woocommerce-info::before,
.replica-commerce .woocommerce-error::before { display: none !important; }
.replica-commerce .woocommerce-message .button,
.replica-commerce .woocommerce-info .button { margin-left: auto; min-height: 40px; padding: 8px 18px !important; }

/* ── 购物车页：商品表单在左、合计在右 ───────────────────────────────────── */
@media (min-width: 900px) {
  .replica-commerce .woocommerce:has(.woocommerce-cart-form) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    gap: 8px 40px;
    align-items: start;
  }
  .replica-commerce .woocommerce:has(.woocommerce-cart-form) > .woocommerce-notices-wrapper,
  .replica-commerce .woocommerce:has(.woocommerce-cart-form) > .woocommerce-message,
  .replica-commerce .woocommerce:has(.woocommerce-cart-form) > .woocommerce-info { grid-column: 1 / -1; }
  .replica-commerce .woocommerce-cart-form { grid-column: 1; }
  .replica-commerce .cart-collaterals { grid-column: 2; margin-top: 0; width: 100% !important; float: none !important; }
  /* WooCommerce 默认给 .cart_totals 设了 float:right + width:48%，
     在网格列里会缩成半宽并贴右，必须显式覆盖。 */
  .replica-commerce .cart-collaterals .cart_totals {
    width: 100% !important; float: none !important; position: sticky; top: 24px;
  }
  .replica-commerce .cart-collaterals .cart_totals table.shop_table { width: 100% !important; }
}

.replica-commerce .woocommerce-cart-form table.shop_table {
  border: 1px solid var(--rp-line);
  border-radius: 12px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  margin: 0 0 20px;
  width: 100%;
}
.replica-commerce .woocommerce-cart-form table.shop_table th {
  background: var(--rp-cream);
  color: var(--rp-muted);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 14px 16px;
  border-bottom: 1px solid var(--rp-line);
  text-align: left;
}
.replica-commerce .woocommerce-cart-form table.shop_table td {
  padding: 20px 16px;
  border-top: 1px solid var(--rp-line);
  vertical-align: middle;
}
.replica-commerce .woocommerce-cart-form table.shop_table tr:first-child td { border-top: 0; }
.replica-commerce .woocommerce-cart-form .product-thumbnail img {
  width: 76px; height: auto; border-radius: 10px; display: block;
}
.replica-commerce .woocommerce-cart-form .product-name a {
  font-size: 15px; line-height: 1.4; text-decoration: none; color: var(--rp-ink);
}
.replica-commerce .woocommerce-cart-form .product-name a:hover { text-decoration: underline; }
.replica-commerce .woocommerce-cart-form .product-name .variation {
  margin: 6px 0 0; font-size: 13px; color: var(--rp-muted); display: block;
}
.replica-commerce .woocommerce-cart-form .product-name .variation dt,
.replica-commerce .woocommerce-cart-form .product-name .variation dd {
  display: inline; margin: 0; font-weight: 400;
}
.replica-commerce .woocommerce-cart-form .product-name .variation dd::before { content: ": "; }
/* 删除按钮：默认是刺眼的红 ×，改成低调的圆形删除点 */
.replica-commerce .woocommerce-cart-form .product-remove a.remove {
  display: inline-flex !important; align-items: center; justify-content: center;
  width: 28px !important; height: 28px !important; line-height: 1 !important;
  border-radius: 50% !important;
  color: var(--rp-muted) !important;
  background: rgba(26, 25, 25, .06) !important;
  font-size: 16px !important; text-decoration: none !important;
  transition: background-color .2s linear, color .2s linear;
}
.replica-commerce .woocommerce-cart-form .product-remove a.remove:hover {
  background: var(--rp-ink) !important; color: #fff !important;
}
.replica-commerce .woocommerce-cart-form .quantity input.qty {
  width: 76px; min-height: 44px; text-align: center; border-radius: 8px;
  border: 1px solid var(--rp-line); padding: 8px; font: inherit;
}
.replica-commerce .woocommerce-cart-form .actions {
  padding: 16px !important; background: transparent;
}
.replica-commerce .woocommerce-cart-form .actions .coupon {
  display: flex; gap: 10px; align-items: center; flex-wrap: wrap; float: left;
}
.replica-commerce .woocommerce-cart-form .actions .coupon input#coupon_code {
  min-height: 48px; min-width: 180px; border-radius: 8px;
  border: 1px solid var(--rp-line); padding: 10px 14px; font: inherit;
}
.replica-commerce .woocommerce-cart-form .actions > .button { float: right; }

/* 合计卡片 */
.replica-commerce .cart_totals h2 {
  font-size: 20px; font-weight: 500; margin: 0 0 14px; letter-spacing: -.01em;
}
.replica-commerce .cart_totals table.shop_table {
  border: 1px solid var(--rp-line); border-radius: 12px; overflow: hidden;
  border-collapse: separate; border-spacing: 0; background: var(--rp-cream);
  width: 100%; margin: 0 0 18px;
}
.replica-commerce .cart_totals table.shop_table th,
.replica-commerce .cart_totals table.shop_table td {
  padding: 14px 18px; border-top: 1px solid var(--rp-line); font-size: 15px; text-align: left;
}
.replica-commerce .cart_totals table.shop_table tr:first-child th,
.replica-commerce .cart_totals table.shop_table tr:first-child td { border-top: 0; }
.replica-commerce .cart_totals table.shop_table th { font-weight: 400; color: var(--rp-muted); }
.replica-commerce .cart_totals table.shop_table td { text-align: right; font-weight: 500; }
.replica-commerce .cart_totals .wc-proceed-to-checkout { padding: 0; }
.replica-commerce .cart_totals .wc-proceed-to-checkout a.checkout-button {
  display: flex; justify-content: center; width: 100%; margin: 0;
}

/* ── 结账页：左「账单信息」、右「订单摘要」 ─────────────────────────────── */
.replica-commerce form.checkout {
  display: block;
}
@media (min-width: 900px) {
  .replica-commerce form.checkout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 400px);
    grid-template-rows: min-content 1fr;
    column-gap: 48px;
    align-items: start;
  }
  .replica-commerce form.checkout #customer_details { grid-column: 1; grid-row: 1 / span 2; }
  .replica-commerce form.checkout #order_review_heading { grid-column: 2; grid-row: 1; margin-top: 0; }
  .replica-commerce form.checkout #order_review { grid-column: 2; grid-row: 2; position: sticky; top: 24px; }
}
/* 抓取主题的通用 .col-1 / .col-2 规则会把 WooCommerce 的两栏挤成窄条，
   这里强制回退成上下堆叠（真正的两栏由上面的 grid 负责）。 */
/* 注意：只限定在结账表单内。my-account 的登录/注册同样是 .col2-set，
   早期写成全局规则会把那两栏也压成上下堆叠。 */
.replica-commerce form.checkout .col2-set,
.replica-commerce form.checkout .col2-set .col-1,
.replica-commerce form.checkout .col2-set .col-2 {
  float: none !important; width: 100% !important; max-width: none !important;
  padding: 0 !important; margin: 0 !important;
}
.replica-commerce form.checkout .col2-set { display: block !important; }

.replica-commerce form.checkout h3 {
  font-size: 20px; font-weight: 500; letter-spacing: -.01em;
  margin: 28px 0 16px;
}
.replica-commerce form.checkout h3:first-child { margin-top: 0; }

/* 字段：两列栅格，仅「名/姓」并排，其余整行 */
.replica-commerce .woocommerce-billing-fields__field-wrapper,
.replica-commerce .woocommerce-shipping-fields__field-wrapper,
.replica-commerce .woocommerce-additional-fields__field-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 20px;
}
.replica-commerce .form-row {
  width: 100% !important; float: none !important;
  padding: 0 !important; margin: 0 0 16px !important;
}
.replica-commerce .form-row-wide,
.replica-commerce #order_comments_field { grid-column: 1 / -1; }
.replica-commerce .form-row label {
  display: block; margin-bottom: 6px; font-size: 14px; color: #4a453d;
}
.replica-commerce .form-row .required { color: #b4322a; text-decoration: none; }
.replica-commerce .form-row .woocommerce-input-wrapper { display: block; }
.replica-commerce form.checkout select,
.replica-commerce form.checkout textarea { min-height: 48px; }
.replica-commerce form.checkout textarea { min-height: 96px; resize: vertical; }
.replica-commerce .select2-container .select2-selection--single {
  height: 48px !important; border: 1px solid #d8d1c4 !important; border-radius: 8px !important;
}
.replica-commerce .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 46px !important; padding-left: 14px !important;
}
.replica-commerce .select2-container .select2-selection--single .select2-selection__arrow { height: 46px !important; }

/* 订单摘要卡片 */
.replica-commerce #order_review {
  background: var(--rp-cream);
  border: 1px solid var(--rp-line);
  border-radius: 12px;
  padding: 20px;
}
.replica-commerce #order_review table.shop_table {
  border: 0; border-radius: 0; margin: 0 0 16px; background: transparent; width: 100%;
}
.replica-commerce #order_review table.shop_table th,
.replica-commerce #order_review table.shop_table td {
  padding: 10px 0; border-top: 1px solid var(--rp-line); font-size: 14px; text-align: left;
}
.replica-commerce #order_review table.shop_table thead th {
  border-top: 0; padding-top: 0; color: var(--rp-muted);
  font-size: 12px; letter-spacing: .06em; text-transform: uppercase; font-weight: 500;
}
.replica-commerce #order_review table.shop_table td.product-total,
.replica-commerce #order_review table.shop_table tfoot td { text-align: right; }
.replica-commerce #order_review table.shop_table tfoot th { color: var(--rp-muted); font-weight: 400; }
.replica-commerce #order_review table.shop_table tfoot tr.order-total th,
.replica-commerce #order_review table.shop_table tfoot tr.order-total td {
  font-size: 17px; font-weight: 600; color: var(--rp-ink);
}
.replica-commerce #order_review table.shop_table .product-name .variation {
  display: block; margin-top: 4px; font-size: 12px; color: var(--rp-muted);
}

/* 支付方式：默认是淡紫色块，改成白底细边 */
.replica-commerce #payment {
  background: transparent !important; border-radius: 0 !important;
}
.replica-commerce #payment ul.payment_methods {
  padding: 0 !important; margin: 0 0 16px !important; border: 0 !important; list-style: none;
}
.replica-commerce #payment ul.payment_methods li {
  background: #fff; border: 1px solid var(--rp-line); border-radius: 10px;
  padding: 14px 16px; margin-bottom: 10px;
}
.replica-commerce #payment ul.payment_methods li label { font-size: 14px; }
.replica-commerce #payment div.payment_box {
  background: rgba(26, 25, 25, .04) !important;
  border-radius: 8px !important; margin-top: 12px !important;
  padding: 12px 14px !important; font-size: 13px !important; color: var(--rp-muted);
}
.replica-commerce #payment div.payment_box::before { display: none !important; }
.replica-commerce #payment .place-order {
  padding: 0 !important; margin: 0 !important; background: transparent !important;
}
.replica-commerce #payment #place_order { width: 100%; }
.replica-commerce .woocommerce-terms-and-conditions-wrapper,
.replica-commerce .woocommerce-privacy-policy-text {
  font-size: 12px; color: var(--rp-muted); margin-bottom: 14px;
}
.replica-commerce .woocommerce-privacy-policy-text p { margin: 0; }

/* ── 购物车 / 结账 的响应式 ─────────────────────────────────────────────── */
@media (max-width: 899px) {
  .replica-commerce .woocommerce:has(.woocommerce-cart-form) { display: block !important; }
  .replica-commerce .cart-collaterals { margin-top: 24px; }
  .replica-commerce .cart-collaterals .cart_totals { position: static !important; }
  .replica-commerce form.checkout { display: block !important; }
  .replica-commerce form.checkout #order_review { position: static !important; margin-top: 24px; }
}

@media (max-width: 749px) {
  /* 购物车：每行变成「缩略图 + 信息」的卡片，删除按钮浮到右上 */
  .replica-commerce .woocommerce-cart-form table.shop_table { border: 0 !important; border-radius: 0 !important; }
  .replica-commerce .woocommerce-cart-form table.shop_table tr.cart_item {
    position: relative; padding: 16px 40px 16px 0 !important;
    border-top: 1px solid var(--rp-line) !important;
  }
  .replica-commerce .woocommerce-cart-form tr.cart_item:first-child { border-top: 0 !important; }
  .replica-commerce .woocommerce-cart-form .product-remove {
    position: absolute !important; right: 0 !important; top: 14px !important;
    padding: 0 !important; margin: 0 !important;
  }
  .replica-commerce .woocommerce-cart-form .product-remove::before { display: none !important; }
  .replica-commerce .woocommerce-cart-form .product-thumbnail { padding: 0 0 8px !important; }
  .replica-commerce .woocommerce-cart-form .product-thumbnail::before { display: none !important; }
  .replica-commerce .woocommerce-cart-form .product-thumbnail img { width: 104px !important; }
  .replica-commerce .woocommerce-cart-form td { border-top: 0 !important; padding: 5px 0 !important; }
  .replica-commerce .woocommerce-cart-form td::before {
    color: var(--rp-muted); font-size: 11px; letter-spacing: .06em; text-transform: uppercase;
    margin-right: 10px;
  }
  .replica-commerce .woocommerce-cart-form .product-price,
  .replica-commerce .woocommerce-cart-form .product-subtotal,
  .replica-commerce .woocommerce-cart-form .product-quantity {
    display: flex !important; align-items: center; justify-content: space-between;
  }
  .replica-commerce .woocommerce-cart-form .actions { padding: 16px 0 !important; }
  .replica-commerce .woocommerce-cart-form .actions .coupon { float: none !important; width: 100%; }
  .replica-commerce .woocommerce-cart-form .actions .coupon input#coupon_code { flex: 1 1 auto; min-width: 0; }
  .replica-commerce .woocommerce-cart-form .actions > .button { float: none !important; width: 100%; margin-top: 10px; }
  .replica-commerce .cart_totals .wc-proceed-to-checkout a.checkout-button { font-size: 15px; }

  /* 结账：单列，字段整行，订单摘要移到底部 */
  .replica-commerce .woocommerce-billing-fields__field-wrapper,
  .replica-commerce .woocommerce-shipping-fields__field-wrapper,
  .replica-commerce .woocommerce-additional-fields__field-wrapper { grid-template-columns: minmax(0, 1fr) !important; }
  .replica-commerce .form-row-first,
  .replica-commerce .form-row-last { width: 100% !important; float: none !important; }
  .replica-commerce #payment ul.payment_methods li { padding: 12px 14px; }
  .replica-commerce #payment div.payment_box { font-size: 12px !important; }
  .replica-commerce #order_review { padding: 16px; }
  .replica-commerce #order_review table.shop_table th,
  .replica-commerce #order_review table.shop_table td { font-size: 13px; }
}

/* ── 提示条（WooCommerce Blocks 版本）─────────────────────────────────────
   加购/结账的提示由 .wc-block-components-notice-banner 渲染（默认淡绿+绿边），
   不是经典的 .woocommerce-message，需要单独覆盖成品牌米色。 */
.replica-commerce .wc-block-components-notice-banner {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  margin: 0 0 24px !important; padding: 16px 20px !important;
  background: var(--rp-cream) !important;
  color: var(--rp-ink) !important;
  border: 1px solid var(--rp-line) !important;
  border-left: 3px solid var(--rp-ink) !important;
  border-radius: 10px !important;
  font-size: 14px !important;
}
.replica-commerce .wc-block-components-notice-banner > svg {
  width: 18px; height: 18px; fill: var(--rp-ink) !important; color: var(--rp-ink) !important; flex: none;
}
.replica-commerce .wc-block-components-notice-banner .wc-block-components-notice-banner__content,
.replica-commerce .wc-block-components-notice-banner .wc-block-components-notice-banner__content * {
  color: var(--rp-ink) !important;
}
.replica-commerce .wc-block-components-notice-banner.is-error {
  background: #fdf3f2 !important; border-left-color: #b4322a !important;
}
.replica-commerce .wc-block-components-notice-banner.is-error > svg { fill: #b4322a !important; color: #b4322a !important; }
.replica-commerce .wc-block-components-notice-banner .wc-block-components-notice-banner__content a:not(.button) {
  color: var(--rp-ink) !important; text-decoration: underline !important;
  margin: 0 !important; padding: 0 !important; background: none !important; min-height: 0 !important;
}
.replica-commerce .wc-block-components-notice-banner a.button {
  margin-left: auto;
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 40px; padding: 8px 18px !important;
  background: var(--rp-ink) !important; color: #fff !important;
  border: 0 !important; border-radius: 8px !important;
  font: inherit !important; text-decoration: none !important;
}
.replica-commerce .wc-block-components-notice-banner a.button:hover { background: #3a3733 !important; }

/* ── 购物车缩略图 ──────────────────────────────────────────────────────────
   抓取主题里的 img{max-width:100%} 会让缩略图在「宽度由内容决定的 inline 父元素」
   中塌缩成 15px。这里给单元格与链接显式宽度，并解除 max-width 限制。 */
.replica-commerce .woocommerce-cart-form table.shop_table th.product-thumbnail,
.replica-commerce .woocommerce-cart-form table.shop_table td.product-thumbnail { width: 108px !important; }
.replica-commerce .woocommerce-cart-form .product-thumbnail a { display: block; width: 76px; }
.replica-commerce .woocommerce-cart-form .product-thumbnail img,
.replica-commerce .woocommerce-cart-form img.attachment-woocommerce_thumbnail {
  width: 76px !important; height: auto !important; max-width: none !important;
  border-radius: 10px; display: block;
}
@media (max-width: 749px) {
  .replica-commerce .woocommerce-cart-form table.shop_table td.product-thumbnail { width: auto !important; }
  .replica-commerce .woocommerce-cart-form .product-thumbnail a { width: 104px; }
  .replica-commerce .woocommerce-cart-form .product-thumbnail img,
  .replica-commerce .woocommerce-cart-form img.attachment-woocommerce_thumbnail {
    width: 104px !important; max-width: none !important;
  }
}

/* 提示条图标：默认是绿色圆底 + 深色对勾，改成黑底白勾（错误态用红） */
.replica-commerce .wc-block-components-notice-banner > svg {
  background: var(--rp-ink) !important;
  fill: #fff !important; color: #fff !important;
  border-radius: 50% !important;
  padding: 4px !important;
  box-sizing: content-box;
}
.replica-commerce .wc-block-components-notice-banner.is-error > svg {
  background: #b4322a !important; fill: #fff !important; color: #fff !important;
}

/* 购物车 / 结账容器加宽，并给各列明确宽度，避免商品名被挤成多行 */
.replica-commerce .woocommerce:has(.woocommerce-cart-form),
.replica-commerce .woocommerce:has(form.checkout) { max-width: 1120px; }

.replica-commerce .woocommerce-cart-form table.shop_table th.product-remove,
.replica-commerce .woocommerce-cart-form table.shop_table td.product-remove {
  width: 44px !important; padding-left: 14px !important; padding-right: 0 !important;
}
.replica-commerce .woocommerce-cart-form table.shop_table th.product-thumbnail,
.replica-commerce .woocommerce-cart-form table.shop_table td.product-thumbnail {
  width: 100px !important; padding-right: 0 !important;
}
.replica-commerce .woocommerce-cart-form table.shop_table th.product-price,
.replica-commerce .woocommerce-cart-form table.shop_table td.product-price { width: 90px !important; }
.replica-commerce .woocommerce-cart-form table.shop_table th.product-quantity,
.replica-commerce .woocommerce-cart-form table.shop_table td.product-quantity { width: 100px !important; }
.replica-commerce .woocommerce-cart-form table.shop_table th.product-subtotal,
.replica-commerce .woocommerce-cart-form table.shop_table td.product-subtotal { width: 104px !important; }
.replica-commerce .woocommerce-cart-form table.shop_table td.product-name { width: auto !important; }
.replica-commerce .woocommerce-cart-form .product-name a { display: block; }

/* 移动端购物车：WooCommerce 的 woocommerce-smallscreen.css 在小屏把
   .product-thumbnail 设为 display:none，导致手机上完全看不到商品图。
   这里恢复缩略图，并让「商品名」占满整行、去掉多余的 PRODUCT 标签。 */
@media (max-width: 749px) {
  .replica-commerce .woocommerce-cart-form table.shop_table td.product-thumbnail {
    display: block !important; width: auto !important; padding: 0 0 12px !important;
  }
  .replica-commerce .woocommerce-cart-form .product-thumbnail a { width: 112px; }
  .replica-commerce .woocommerce-cart-form .product-thumbnail img,
  .replica-commerce .woocommerce-cart-form img.attachment-woocommerce_thumbnail {
    width: 112px !important; max-width: none !important;
  }
  .replica-commerce .woocommerce-cart-form .product-name { padding: 0 0 10px !important; }
  .replica-commerce .woocommerce-cart-form .product-name::before { display: none !important; }
  .replica-commerce .woocommerce-cart-form .product-name a {
    font-size: 15px; line-height: 1.35; display: block; padding-right: 0;
  }
  .replica-commerce .woocommerce-cart-form tr.cart_item { padding-right: 34px !important; }
}

/* 移动端购物车行：改成两列网格卡片，避免表格块级化后的错位 */
@media (max-width: 749px) {
  .replica-commerce .woocommerce-cart-form tr.cart_item {
    position: relative;
    display: grid !important;
    grid-template-columns: 104px minmax(0, 1fr);
    column-gap: 16px;
    row-gap: 10px;
    align-items: start;
    padding: 20px 36px 20px 0 !important;
    border-top: 1px solid var(--rp-line) !important;
  }
  .replica-commerce .woocommerce-cart-form tr.cart_item:first-child { border-top: 0 !important; }
  .replica-commerce .woocommerce-cart-form td {
    border: 0 !important; padding: 0 !important; width: auto !important;
  }
  .replica-commerce .woocommerce-cart-form td::before {
    content: attr(data-title);
    color: var(--rp-muted); font-size: 11px; letter-spacing: .06em; text-transform: uppercase;
    margin-right: 10px; flex: none;
  }
  .replica-commerce .woocommerce-cart-form td.product-remove {
    position: absolute !important; right: 0 !important; top: 18px !important;
  }
  .replica-commerce .woocommerce-cart-form td.product-remove::before,
  .replica-commerce .woocommerce-cart-form td.product-thumbnail::before,
  .replica-commerce .woocommerce-cart-form td.product-name::before { content: none !important; }
  .replica-commerce .woocommerce-cart-form td.product-thumbnail { grid-column: 1; grid-row: 1 / span 2; }
  .replica-commerce .woocommerce-cart-form td.product-name { grid-column: 2; grid-row: 1; }
  .replica-commerce .woocommerce-cart-form td.product-price { grid-column: 2; grid-row: 2; }
  .replica-commerce .woocommerce-cart-form td.product-quantity {
    grid-column: 1 / -1; grid-row: 3; display: flex !important; align-items: center;
  }
  .replica-commerce .woocommerce-cart-form td.product-subtotal {
    grid-column: 1 / -1; grid-row: 4; display: flex !important; align-items: center;
  }
  .replica-commerce .woocommerce-cart-form .product-thumbnail a,
  .replica-commerce .woocommerce-cart-form .product-thumbnail img,
  .replica-commerce .woocommerce-cart-form img.attachment-woocommerce_thumbnail {
    width: 104px !important; max-width: 104px !important;
  }
  .replica-commerce .woocommerce-cart-form .product-name a { font-size: 15px; line-height: 1.35; }
  .replica-commerce .woocommerce-cart-form .quantity input.qty { width: 88px; }
}

/* 移动端购物车：表格默认继承了右对齐，统一改回左对齐 */
@media (max-width: 749px) {
  .replica-commerce .woocommerce-cart-form td,
  .replica-commerce .woocommerce-cart-form td a,
  .replica-commerce .woocommerce-cart-form td span,
  .replica-commerce .woocommerce-cart-form .product-name a { text-align: left !important; }
  .replica-commerce .woocommerce-cart-form .product-price,
  .replica-commerce .woocommerce-cart-form .product-subtotal { justify-content: flex-start !important; }
}

/* 移动端结账的订单摘要：全局的「表格块级化」会把 Subtotal/Total 的标签与金额
   拆成两行，这里对 #order_review 恢复真正的表格布局。 */
@media (max-width: 749px) {
  .replica-commerce #order_review table.shop_table { display: table !important; width: 100% !important; }
  .replica-commerce #order_review table.shop_table thead { display: table-header-group !important; }
  .replica-commerce #order_review table.shop_table tbody,
  .replica-commerce #order_review table.shop_table tfoot { display: table-row-group !important; }
  .replica-commerce #order_review table.shop_table tr { display: table-row !important; }
  .replica-commerce #order_review table.shop_table th,
  .replica-commerce #order_review table.shop_table td { display: table-cell !important; }
  .replica-commerce #order_review table.shop_table td { text-align: right; }
  .replica-commerce #order_review table.shop_table th { text-align: left; }
  .replica-commerce #order_review td::before { content: none !important; }
}

/* 商品页：单选项变体的静态说明行（替代无意义的「Choose an option」下拉） */
.replica-buy .replica-variation-summary {
  margin: 0 0 16px;
  font-size: 14px;
  letter-spacing: .01em;
  color: #4a453d;
}

/* ── 数量步进器 ────────────────────────────────────────────────────────────
   WooCommerce 默认只有裸的 <input type="number">（浏览器自带的小箭头在手机上
   几乎点不中）。这里做成「− 数字 +」三段式控件，高度 48px、圆角描边，
   与商品页/购物车其余控件保持一致。 */
.replica-store .quantity.replica-qty {
  display: inline-flex !important;
  align-items: stretch;
  height: 48px;
  border: 1px solid #d8d1c4;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  vertical-align: middle;
}
.replica-store .quantity.replica-qty .replica-qty-btn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; min-width: 40px; height: 100%;
  border: 0; background: transparent; color: #1a1919;
  font: inherit; font-size: 17px; line-height: 1; cursor: pointer;
  transition: background-color .18s linear, color .18s linear;
  -webkit-user-select: none; user-select: none;
}
.replica-store .quantity.replica-qty .replica-qty-btn:hover:not(:disabled) { background: rgba(26, 25, 25, .07); }
.replica-store .quantity.replica-qty .replica-qty-btn:active:not(:disabled) { background: rgba(26, 25, 25, .13); }
.replica-store .quantity.replica-qty .replica-qty-btn:disabled { color: #c8c1b4; cursor: not-allowed; }
.replica-store .quantity.replica-qty .replica-qty-btn:focus-visible {
  outline: 2px solid #1a1919; outline-offset: -3px;
}
.replica-store .quantity.replica-qty .replica-qty-minus { border-right: 1px solid #e6e0d4; }
.replica-store .quantity.replica-qty .replica-qty-plus { border-left: 1px solid #e6e0d4; }
.replica-store .quantity.replica-qty input.qty,
.replica-store .quantity.replica-qty input[type="number"] {
  width: 52px !important; min-width: 52px; height: 100% !important;
  margin: 0 !important; padding: 0 !important;
  border: 0 !important; border-radius: 0 !important; background: transparent !important;
  text-align: center; font: inherit; font-size: 15px; color: #1a1919;
  -moz-appearance: textfield; appearance: textfield;
}
.replica-store .quantity.replica-qty input.qty::-webkit-outer-spin-button,
.replica-store .quantity.replica-qty input.qty::-webkit-inner-spin-button {
  -webkit-appearance: none; margin: 0;
}
.replica-buy .quantity.replica-qty input.qty { box-shadow: none !important; }
@media (max-width: 749px) {
  .replica-store .quantity.replica-qty .replica-qty-btn { width: 44px; min-width: 44px; font-size: 18px; }
  .replica-store .quantity.replica-qty input.qty { width: 56px !important; min-width: 56px; font-size: 16px; }
}

/* 移动端购物车：数量单元格被桌面的固定列宽（100px）锁住，步进器会被裁切 */
@media (max-width: 749px) {
  .replica-commerce .woocommerce-cart-form td.product-quantity {
    width: auto !important; max-width: none !important;
    justify-content: flex-start !important; gap: 12px;
  }
  .replica-commerce .woocommerce-cart-form .quantity.replica-qty {
    width: auto !important; flex: 0 0 auto !important;
  }
  .replica-commerce .woocommerce-cart-form .quantity.replica-qty .replica-qty-btn { width: 44px; min-width: 44px; }
  .replica-commerce .woocommerce-cart-form .quantity.replica-qty input.qty {
    width: 56px !important; min-width: 56px;
  }
  /* 商品页的数量框同样不要被压扁 */
  .replica-buy .quantity.replica-qty { width: auto !important; flex: 0 0 auto !important; }
}

/* ── 我的账户（登录 / 注册）─────────────────────────────────────────────────
   WooCommerce 把登录和注册放在 .u-columns.col2-set 的两个列里。
   主题的通用 .col-1/.col-2 规则会影响宽度，这里显式改成两栏等高卡片，
   标题进卡片、按钮通栏，移动端自动堆成单列。 */
.replica-commerce .u-columns.col2-set {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
  margin: 0 !important;
}
.replica-commerce .u-columns.col2-set > .u-column1,
.replica-commerce .u-columns.col2-set > .u-column2 {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 28px !important;
  background: var(--rp-cream);
  border: 1px solid var(--rp-line);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
}
.replica-commerce .u-columns.col2-set > .u-column1 > h2,
.replica-commerce .u-columns.col2-set > .u-column2 > h2 {
  margin: 0 0 20px;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -.01em;
}
.replica-commerce .u-columns.col2-set form.woocommerce-form {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.replica-commerce .u-columns.col2-set form .form-row { margin: 0 0 14px !important; }
.replica-commerce .u-columns.col2-set form .form-row:last-of-type { margin-bottom: 0 !important; }
.replica-commerce .u-columns.col2-set form button.button,
.replica-commerce .u-columns.col2-set form .woocommerce-form-login__submit,
.replica-commerce .u-columns.col2-set form .woocommerce-form-register__submit {
  width: 100%;
  margin: 4px 0 0;
}
.replica-commerce .u-columns.col2-set .woocommerce-form-login__rememberme {
  display: flex; align-items: center; gap: 8px;
  margin: 14px 0 0 !important; font-size: 14px; cursor: pointer;
}
.replica-commerce .u-columns.col2-set .woocommerce-form-login__rememberme input {
  width: 16px; height: 16px; margin: 0; accent-color: #1a1919;
}
.replica-commerce .u-columns.col2-set .lost_password {
  margin: 14px 0 0 !important; font-size: 14px;
}
.replica-commerce .u-columns.col2-set .lost_password a {
  text-decoration: underline; text-underline-offset: 3px;
}
.replica-commerce .u-columns.col2-set .woocommerce-privacy-policy-text {
  font-size: 12px; line-height: 1.5; margin: 14px 0 0 !important;
}
.replica-commerce .u-columns.col2-set .woocommerce-privacy-policy-text p { margin: 0; }

@media (max-width: 749px) {
  .replica-commerce .u-columns.col2-set { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .replica-commerce .u-columns.col2-set > .u-column1,
  .replica-commerce .u-columns.col2-set > .u-column2 { padding: 20px !important; }
  .replica-commerce .u-columns.col2-set > .u-column1 > h2,
  .replica-commerce .u-columns.col2-set > .u-column2 > h2 { font-size: 19px; margin-bottom: 16px; }
}

/* WooCommerce 在登录/注册两栏之间插了一个 <div class="clear">，
   在 grid 里会占掉一个单元格，把「注册」挤到第二行。
   这里隐藏它并显式指定两栏的列与行，保证桌面并排。 */
.replica-commerce .u-columns.col2-set > .clear { display: none !important; }
@media (min-width: 750px) {
  .replica-commerce .u-columns.col2-set > .u-column1 { grid-column: 1 !important; grid-row: 1 !important; }
  .replica-commerce .u-columns.col2-set > .u-column2 { grid-column: 2 !important; grid-row: 1 !important; }
}