/*!
 * imall.opencart.cn 像素级对齐覆盖层
 * ----------------------------------------------------------------------------
 * 目标参考站：https://imall.opencart.cn/ （OpenCart 4.6 国际专业版，Bootstrap 5 体系）
 * 当前站点  ：common-shell 主题（OpenCart 4.1，已用 BS5 工具类 / FontAwesome 6 / --main-color）
 * 作用      ：仅覆盖前端视觉令牌与组件样式，复刻参考站观感；不改任何后端、模板结构与交互功能。
 * 加载位置  ：header.twig 末尾（内联 :root 之后），保证优先级最高、可整体回滚（删本文件即可）。
 * 维护约定  ：每条覆盖尽量对应一处参考站取值；需要像素微调时在调试站渲染后改这里。
 */

/* ===================== 1. 设计令牌（与参考站对齐） ===================== */
:root {
  /* 参考站主色（实测内联 :root = #fd9800；参考站 .btn-primary 经 var(--main-color) 解析为 #fd9800） */
  --main-color: #fd9800;
  --main-color-hover: #fd7f26;   /* 参考站 .btn-primary:hover → #fd7f26 */
  --main-color-active: #fd8633;  /* 参考站 .btn-primary:active → #fd8633 */

  /* 参考站链接色（蓝色），原站点 a{color:inherit} */
  --link-color: #175199;
  --link-hover-color: #b14900;

  /* 文本与背景 */
  --body-color: #212529;
  --body-bg: #ffffff;

  /* 边框与圆角（参考站 .275rem ≈ 4.4px，原站点 3px） */
  --border-color: #e8e8e8;
  --radius: .275rem;
}

/* ===================== 2. 基础排版 ===================== */
body {
  color: var(--body-color);
  background-color: var(--body-bg);
  line-height: 1.5;
}

a {
  color: var(--link-color);
  text-decoration: none;
}
a:hover,
a:focus {
  color: var(--link-hover-color);
  text-decoration: none;
}

/* ===================== 3. 容器宽度（参考站实测：xl≥1200 → 1140px，xxl≥1400 → 1320px） ===================== */
@media (min-width: 1200px) {
  .container {
    width: 100%;
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}

/* ===================== 4. 按钮 ===================== */
.btn:not(.group-buy) {
  height: auto;
  line-height: 1.5;
  font-size: .84rem;
  border-radius: var(--radius);
  font-weight: bold;
}
.btn-primary {
  background-color: var(--main-color);
  border: none;
  border-color: var(--main-color);
  color: #fff;
  padding: 9px 12px;
  border-radius: var(--radius);
  transition-duration: .4s;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  background-color: var(--main-color-hover);
  border-color: var(--main-color-hover);
  color: #fff;
}
.btn-default {
  border-color: var(--border-color);
  border-radius: var(--radius);
}
.btn-default:hover,
.btn-default:focus {
  background-color: #f5f5f5;
  border-color: var(--main-color);
  color: var(--main-color);
}

/* ===================== 5. 表单控件 ===================== */
.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: .84rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--body-color);
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: var(--radius);
}
.form-control:focus {
  border-color: var(--main-color);
  box-shadow: 0 0 0 .2rem rgba(253, 104, 0, .15);
}
select.form-control,
input.form-control,
textarea.form-control {
  font-size: .84rem;
}

/* ===================== 6. 页头 / 顶部栏 ===================== */
.header-wrapper {
  padding: 0;            /* 参考站实测渲染 padding:0（源码有 10/16 但被后续规则覆盖为 0，须对齐渲染值） */
  border-bottom: 0;      /* 参考站实测 border:0 */
}
#top {
  font-size: .735rem;
  color: #6c757d;
}
#top a {
  color: #6c757d;
}
#top a:hover {
  color: var(--main-color);
}

/* ===================== 7. 主导航菜单 ===================== */
#menu {
  background-color: #fff;
  border: none;
  min-height: 44px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
}
#menu .nav-link,
#menu .navbar-nav > li > a {
  color: #212529;
  font-weight: 400;
  padding: .8rem .5rem;
}
#menu .nav-link:hover,
#menu .navbar-nav > li > a:hover {
  color: var(--main-color);
}
#menu .nav-link.active,
#menu .navbar-nav > li.active > a,
#menu .navbar-nav > li.open > a {
  font-weight: bold;
  color: var(--main-color);
  border-bottom: 2px solid var(--main-color);
}
#menu .dropdown-menu > li > a:hover,
#menu .dropdown-menu > li > a:focus {
  background-color: var(--main-color);
  color: #fff;
}

/* ===================== 8. 面包屑 ===================== */
.breadcrumb {
  background-color: transparent;
  padding: 8px 0;
  margin-bottom: 20px;
  border-radius: var(--radius);
  font-size: .84rem;
}
.breadcrumb > li + li:before,
.breadcrumb > li::before {
  color: #6c757d;
}
.breadcrumb a {
  color: #6c757d;
}
.breadcrumb a:hover {
  color: var(--main-color);
}
.breadcrumb > .active,
.breadcrumb > li.active {
  color: #6c757d;
}

/* ===================== 9. 价格 ===================== */
.price {
  color: #d4282d;            /* 参考站价格红 */
}
.price-new {
  color: #e62426;
  font-weight: bold;
}
.price-old {
  color: #999;
  text-decoration: line-through;
}

/* ===================== 10. 产品卡片（网格视图） ===================== */
.product-grid .product-thumb {
  border-color: transparent;
  box-shadow: none;
  padding: 0;
  margin-bottom: 10px;
}
.product-grid .product-thumb .image {
  margin-bottom: 10px;
}
.product-grid .product-thumb:hover {
  box-shadow: 0 2px 12px rgba(0, 0, 0, .08);
}
.product-grid .product-thumb .caption {
  padding: 0 10px 10px;
  overflow: hidden;
}
.product-grid .product-thumb .name a {
  color: #212529;
}
.product-grid .product-thumb .name a:hover {
  color: var(--main-color);
}
.product-grid .product-thumb .price {
  font-size: 16px;
  margin-bottom: 0;
  color: #d4282d;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-grid .product-thumb .button button {
  border-radius: var(--radius);
}

/* ===================== 11. 区块标题 / 面板 ===================== */
.panel-default > .panel-heading {
  border-bottom: 2px solid var(--main-color);
  color: #212529;
}
.panel-title {
  color: #212529;
}

/* ===================== 11b. 首页区块标题（参考站 .widget-title，实测值对齐） =====================
   当前站(common-shell)的 .widget-title 为「左对齐 flex + 灰下边框 + 橙色 3px 下划线 + 20px」，
   且存在 body.page-view .vital-module .widget-title>span 等高特异性规则(0,3,1)；
   下列用 !important 确保优先级最高，复刻参考站「居中 / 无边框 / 无下划线 / 1.6rem bold」。 */
.widget-title {
  display: block !important;
  text-align: center !important;
  justify-content: normal !important;
  align-items: normal !important;
  border-bottom: none !important;
  font-size: 1.47rem !important;      /* 参考站实测 h3 = 23.52px（@16px root） */
  color: #222 !important;
  margin: 0 0 2rem !important;        /* 参考站 margin-bottom = 32px */
}
.widget-title > span {
  display: inline-block !important;
  font-size: 1.6rem !important;       /* 参考站实测内层 span = 25.6px / 700 */
  font-weight: 700 !important;
  color: #222 !important;
  background: none !important;        /* 去除当前站橙色底色块 */
  border-bottom: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.widget-title > span:before,
.widget-title > span:after {
  display: none !important;           /* 去除当前站橙色 3px 下划线伪元素 */
}
.widget-title .link {
  float: none !important;             /* 取消当前站 float-end 右浮，随标题居中 */
  font-size: .8rem !important;
  font-weight: 400 !important;
  color: #666 !important;
}

/* ===================== 12. 卡片与边框统一 ===================== */
.card,
.well,
.panel,
.thumbnail {
  border-color: var(--border-color);
  border-radius: var(--radius);
}

/* ===================== 13. 分页（参考站 BS5 变量） ===================== */
.pagination {
  --bs-pagination-padding-x: .75rem;
  --bs-pagination-padding-y: .375rem;
  --bs-pagination-font-size: .84rem;
  --bs-pagination-color: #868e96;
  --bs-pagination-bg: #fff;
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: var(--border-color);
  --bs-pagination-border-radius: var(--radius);
  --bs-pagination-hover-color: var(--link-hover-color);
  --bs-pagination-hover-bg: #e9ecef;
  --bs-pagination-hover-border-color: var(--border-color);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: var(--main-color);
  --bs-pagination-active-border-color: var(--main-color);
  margin-top: 20px;
}

/* ===================== 14. 选项卡（详情/账户页 .nav.nav-tabs） ===================== */
.nav-tabs {
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 20px;
}
.nav-tabs .nav-link {
  background: none;
  border: 1px solid transparent;
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  color: #212529;
}
.nav-tabs .nav-link:hover {
  border-bottom-color: var(--main-color);
  color: var(--main-color);
}
.nav-tabs .nav-link.active {
  color: var(--main-color);
  font-weight: bold;
  border-color: transparent transparent var(--main-color);
}

/* ===================== 15. 评分星 ===================== */
.rating {
  padding-bottom: 8px;
}
.rating .fa-star,
.rating .fa-star-o,
.rating .fas.fa-star,
.product-thumb .fa-star {
  color: #fc0;
  font-size: 14px;
}

/* ===================== 16. 列表组（分类侧栏筛选） ===================== */
.list-group-item.active {
  background-color: var(--main-color);
  border-color: var(--main-color);
  color: #fff;
}
.list-group-item {
  border-color: var(--border-color);
}

/* ===================== 17. 输入组（搜索框 / 数量） ===================== */
.input-group-text {
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: var(--radius);
  font-size: .84rem;
  color: #212529;
}

/* ===================== 18. 徽标 ===================== */
.badge {
  border-radius: var(--radius);
  font-weight: 700;
}

/* ===================== 19. 警告提示 ===================== */
.alert {
  --bs-alert-border-radius: var(--radius);
}

/* ===================== 20. 表格（购物车 / 结算） ===================== */
.table {
  --bs-table-border-color: var(--border-color);
}
.table-bordered {
  border-color: var(--border-color);
}

/* ===================== 21. 弹窗 ===================== */
.modal-content {
  border-radius: var(--radius);
  border-color: var(--border-color);
}

/* ===================== 22. 下拉项 hover（账户菜单等） ===================== */
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: var(--main-color);
  color: #fff;
}

/* ===================== 23. 页脚 ===================== */
.site-footer {
  background-color: #f8f9fa;
  color: #6c757d;
  font-size: .84rem;
}
.footer-bottom {
  border-top: 1px solid var(--border-color);
  margin-top: 1rem;
}

/* ===================== 24. 产品角标（特价 / 新品） ===================== */
.product-thumb .label,
.product-grid .label,
.image .label,
.product-thumb .badge,
.product-grid .badge {
  position: absolute;
  top: 5px;
  left: 0;
  font-size: 12px;
  padding: 4px 8px;
  color: #fff;
  z-index: 9;
  background-color: #f49a24;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* ===================== 25. 详情页缩略图与主图 ===================== */
#product-info .image-additional img,
.image-additional img {
  border: 1px solid var(--border-color);
  border-radius: var(--radius);
}
.image-additional .item.active img,
.image-additional .active img {
  border-color: var(--main-color);
}

/* ===================== 26. 页面画布：消除内容面板两侧灰留白 =====================
   本站编译后的 stylesheet.css 内有 body.common-home,body.page-view{background:#f7f7f7}（优先级 0,1,1），
   高于 §2 的 body 规则，于是首页「最新文章」等白色面板左右露出 #f7f7f7 灰底；
   参考站同位置实测像素为 rgb(255,255,255)。这里仅收紧到该两页 body，最小影响面。 */
body.common-home,
body.page-view {
  background-color: #fff !important;
}

/* ===================== 27. 首页「最新文章」模块（对齐参考站 stylesheet.css 卡片规范） =====================
   参考站首页只加载 stylesheet.css；本站额外加载了 page-builder.css（排在 stylesheet.css 之后），
   把卡片标题字号、行高、封面比例等改写成了另一套值，因此需按参考站逐条还原。 */
.page-builder-blog-latest .module-blog-latest,
.module-blog-latest.grid {
  background: #fff;
}
/* 封面：参考站源图为 400x300（4:3）；本站为 400x240（5:3）。用 ratio+cover 对齐占位高度 */
.page-builder-blog-latest .module-blog-latest > .blog-latest-wrapper .thumb img,
.blog-latest-wrapper > a.thumb img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
/* 角标定位上下文（参考站：.blog-latest-wrapper>a{display:block;position:relative}） */
.blog-latest-wrapper > a.thumb {
  display: block;
  position: relative;
}
/* 卡片本身无下外边距（间距由栅格 gap 提供） */
.blog-latest-wrapper {
  margin-bottom: 0;
}
/* 日期角标：参考站取 var(--main-color)，本站编译值被写成 #ff9600，
   且选择器为 .module-blog-latest.grid .blog-latest-wrapper>a .time-wrapper（0,4,1）需同样加 !important 压制 */
.module-blog-latest.grid .blog-latest-wrapper > a .time-wrapper,
.blog-latest-wrapper > a .time-wrapper {
  background: var(--main-color) !important;
}
/* 信息区：上边框 + 16px 内距 */
.blog-latest-wrapper .info {
  padding-top: 16px !important;
  border-top: 1px solid #f9f9f9;
}
.blog-latest-wrapper .info .blog-title {
  margin-bottom: 15px !important;
}
/* 标题：16px 加粗 / 24px 行高 / 单行省略 */
.blog-latest-wrapper .info .blog-title > a {
  display: block;
  height: 24px;
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333;
}
.blog-latest-wrapper .info .blog-title > a:hover {
  color: var(--main-color);
}
/* 标题下 32x3 短横线 */
.blog-latest-wrapper .info .blog-title:after {
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  background: #484848;
  margin-top: 8px;
}
/* 摘要：浅灰、最多 3 行 */
.blog-latest-wrapper .info > p {
  margin: 0 !important;
  max-height: 54px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  color: #b0b0b0;
}
/* “View” 链接：参考站以 border-bottom 作下划线 */
.blog-latest-wrapper .info .btn-view {
  margin-top: 20px !important;
}
.blog-latest-wrapper .info .btn-view a {
  color: #333;
  padding-bottom: 2px;
  border-bottom: 1px solid #333;
}

/* ===================== 28. 「服务保障」四宫格（对齐参考站） =====================
   参考站：padding:16px 0; height:150px; flex 垂直居中; background #f9f9f9；
           .icon 仅 max-width:38px（无边框、无底色、无圆角）。
   本站编译样式给 .icon 加了 2px #ff9600 圆环 + 6px 内边距，且未限制宽度，
   导致 60x60 源图被压成 24x48 的竖长椭圆。 */
.module-customer-service {
  background-color: #f9f9f9 !important;
  padding: 16px 0 !important;
  min-height: 150px;
  display: flex;
  align-items: center;
}
.module-customer-service > .container {
  width: 100%;
}
.module-customer-service .icon {
  flex: 0 0 38px !important;      /* 压制 common-shell .site-footer … .icon{flex:0 0 48px} */
  width: 38px !important;
  height: 38px !important;
  max-width: 38px !important;
  border: 0 !important;           /* 去掉本站独有的 2px #ff9600 圆环 */
  border-radius: 0 !important;
  padding: 0 !important;
}
.module-customer-service .icon img {
  display: inline-block !important;
  width: 38px !important;         /* 压制 .site-footer … .icon img{width/height:48px} */
  height: 38px !important;
  object-fit: contain !important;
}
.module-customer-service .text .title {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  margin-bottom: 5px !important;
}
.module-customer-service .text .sub-title {
  font-size: 12px !important;
  color: #888 !important;
  margin: 0 !important;
}

/* ===== v473 内页对齐（分类/购物车页双站实测，2026-09-25） ===== */
/* 1) 面包屑：参考站无背景条、无边框 */
.breadcrumb,
#breadcrumb,
.breadcrumb-wrapper {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* 2) 分类页左栏 active：参考站为橙色文字、非整行橙色底 */
.list-group-item.active {
  background: transparent !important;
  color: var(--main-color) !important;
  font-weight: 500 !important;
  border-color: transparent !important;
}
/* 3) Product Compare 按钮：参考站为纯文本链接样式 */
[onclick*="compare"],
a[href*="product/compare"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: inherit !important;
  padding: 0 !important;
}
/* 4) 服务模块标题：参考站不截断（本站出现 "The world of t..." 省略号） */
.module-customer-service .text .title {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* ===== v474 商品详情页对齐（双站量测，2026-09-25） ===== */
/* 商品标题：参考站 .product-detail-summary > h1 = 19px / 700；当前站 22.4px / 500 */
.product-detail-summary h1 {
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

/* ===== 移动端对齐（v476） =====
   作用域：仅 @media (max-width:767px) 内生效，绝不改动桌面端（桌面端由上文 1..28 控制）。
   背景：移动头部 header.twig 内联 :root{--main-color:#e45858}（red 皮肤），但本文件顶部
   :root{--main-color:#fd9800} 未做媒体查询、且经 <link> 在头部内联样式之后加载，若本文件被
   移动端加载会覆盖红皮肤令牌。因此本段必须在移动媒体内把主色重新锁定为 red 皮肤色 #e45858。 */

@media (max-width: 767px) {
  /* 1) 红皮肤令牌：锁定移动端主色，保证主按钮 / 价格 / 激活态为红色调（与参考 skin-red 一致） */
  :root {
    --main-color: #e45858 !important;
    --main-color-hover: #cf4444 !important;
    --main-color-active: #cf4444 !important;
  }

  /* 2) 防横向溢出安全网（不影响桌面）：clip 不会破坏 sticky，比 hidden 更安全 */
  *,
  *::before,
  *::after {
    box-sizing: border-box !important;
  }
  img,
  video,
  iframe,
  svg,
  canvas {
    max-width: 100% !important;
    height: auto !important;
  }
  html,
  body {
    max-width: 100% !important;
    overflow-x: clip !important;
  }
  .container,
  .mobile-theme-home-content,
  .mobile-theme-category-page .container,
  .mobile-product-page {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* 3) 紧凑吸顶头部（约 50px，与参考顶部栏一致） */
  .mobile-theme-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1020 !important;
    min-height: 50px !important;
  }
  .mobile-theme-header > .container {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .mobile-theme-mobile-content {
    min-height: 50px !important;
  }
  .mobile-theme-brand img {
    max-height: 32px !important;
  }

  /* 4) 正文可读性：14-16px 区间 */
  body {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
  .mobile-theme-category-page h1,
  .mobile-product-card > h1,
  .mobile-product-page > h1,
  .mobile-theme-home-content h1 {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  /* 5) 价格 / 激活态 红色强调（仅移动端、仅关键元素，不整站染色） */
  .mobile-product-price-line strong,
  .mobile-category-product .price-new,
  .mobile-category-product .price strong,
  .price-new,
  .mobile-category-product strong.price {
    color: var(--main-color) !important;
  }
  .mobile-category-sort > a.is-active {
    color: var(--main-color) !important;
    border-bottom-color: var(--main-color) !important;
  }

  /* 6) 商品卡片 / 分类列表间距（移动端已是两列栅格，这里补足留白） */
  .mobile-category-products {
    gap: 10px !important;
  }
  .mobile-category-product {
    margin: 0 !important;
  }
  .mobile-category-toolbar {
    margin-bottom: 10px !important;
  }
  .mobile-category-pagination {
    padding: 16px 0 !important;
  }
  .mobile-theme-home-content {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

/* ===== v642 三处纯 CSS 差异对齐 + 符号（双站实测，2026-09-25） =====
   差异来源：用户授权对 3 处纯 CSS 差异做前端像素级对齐：
   ① 商品页 #button-buy-now（Buy Now）绿 #4cb64c → 橙 #fd9800（参考站主色）
   ② 商品页 #button-cart（Add to Cart）橙 #fd9800 → 深灰 #222（参考站默认按钮）
   ③ 首页 Hero 主标题（.page-builder-icon-text-heading h2）25.6px → 54.4px/700/#000
   ④ 商品页 #button-cart 缺购物车符号，补 fa-solid fa-shopping-cart（与商品网格一致） */

/* ① Buy Now：绿 → 橙主色 */
#button-buy-now {
  background-color: var(--main-color) !important;
  border-color: var(--main-color) !important;
  color: #fff !important;
}
#button-buy-now:hover,
#button-buy-now:focus,
#button-buy-now:active {
  background-color: var(--main-color-hover) !important;
  border-color: var(--main-color-hover) !important;
  color: #fff !important;
}

/* ② Add to Cart（详情页）：橙 → 深灰 #222 */
#button-cart {
  background-color: #222 !important;
  border-color: #222 !important;
  color: #fff !important;
}
#button-cart:hover,
#button-cart:focus,
#button-cart:active {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}

/* ③ 首页 Hero 主标题：54.4px / 700 / #000（仅桌面，避免移动端溢出）
   v655 修正：限定作用域到轮播模块，避免误伤图文模块（Spring & Summer Wardrobe）标题 */
@media (min-width: 768px) {
  .page-builder-slideshow .page-builder-icon-text-heading h2 {
    font-size: 54.4px !important;
    font-weight: 700 !important;
    color: #000 !important;
    line-height: 1.15 !important;
  }
}
@media (max-width: 767px) {
  .page-builder-slideshow .page-builder-icon-text-heading h2 {
    font-size: 28px !important;
  }
}

/* ④ Add to Cart 购物车符号（纯 CSS ::before，不改动 Twig） */
#button-cart::before {
  content: "\f07a";                         /* fa-solid fa-shopping-cart */
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
  font-weight: 900 !important;
  margin-right: 8px !important;
  display: inline-block !important;
  font-style: normal !important;
}

/* ===== v643 元素级 diff 纯样式对齐（基于 getComputedStyle 逐属性对比，2026-09-25） =====
   差异源：首页43处/分类53处/产品63处，去重后共 9 类纯样式差异（widget-title 假阳性已剔除：
   探针证实两站 .widget-title 命中的不是同一标题元素，不在此修） */

/* ① #top 顶部栏：fs 11.76→13.44, color #666→#111, bg 白→透明, lineHeight 17.64→20.16 */
#top {
  font-size: 13.44px !important;
  color: #111 !important;
  background-color: transparent !important;
  line-height: 20.16px !important;
  border-color: #111 #111 #e8e8e8 !important;
}

/* ② 主导航链接：fontWeight 400→700, color→#333, padding, height 44→37 */
#menu .nav-link,
#menu .navbar-nav > li > a {
  font-weight: 700 !important;
  color: #333 !important;
  border-color: #333 !important;
  padding: 8px 16px 8px 0 !important;
  line-height: 21px !important;
  height: 37px !important;
}

/* ③ header-wrapper：加阴影、去掉下边框 */
.header-wrapper {
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.06) !important;
  border-style: none !important;
  border-width: 0 !important;
}

/* ④ 面包屑：圆角 4.4→0, padding 8→12.8, margin 20→0 */
.breadcrumb {
  border-radius: 0 !important;
  padding: 12.8px 0 !important;
  margin: 0 !important;
}

/* ⑤ 商品列表价红：#e62426→#d4282d（与参考站首页一致） */
.product-thumb .price-new,
.product-grid .product-thumb .price-new {
  color: #d4282d !important;
}

/* ⑥ 商品卡按钮组：fontWeight 700→400, 颜色→#212529, padding/lineHeight/去阴影 */
.product-thumb .button-group .btn,
.product-thumb .button .btn,
.product-thumb .product-button-wrapper .btn {
  font-weight: 400 !important;
  color: #212529 !important;
  border-color: #212529 !important;
  padding: 6px 12px !important;
  margin: 0 0 8px !important;
  line-height: 20.16px !important;
  box-shadow: none !important;
}

/* ⑦ 商品详情 Tabs（仅 .active 态） */
.nav-tabs .nav-link.active {
  color: #fd6800 !important;
  border-color: transparent transparent #fd6800 !important;
  padding: 12.8px 16px !important;
  margin: 0 0 -1px !important;
  line-height: 20.16px !important;
}

/* ⑧ 页脚：文字色/背景/边框/margin */
.site-footer {
  color: #2b2d2f !important;
  background-color: #fff !important;
  border: 0 !important;
  margin: 0 !important;
}

/* ⑨ 分类页 #content h1：display none→block, fs 24→16.8, margin, lineHeight */
.product-category #content h1 {
  display: block !important;
  font-size: 16.8px !important;
  margin: 0 !important;
  line-height: 25.2px !important;
}

/* ===== v645 产品页高度对齐（参考站无此区块） ===== */
/* 价格提醒（Notify me）区块：参考站产品页无，隐藏以对齐高度 */
.product-reminders {
  display: none !important;
}

/* ===== v646 产品页图片列 1:1（ref: col-md-5 图列 509 / 缩略图 100x100） ===== */
/* 图列 41.6667% / 文列 58.3333%（对应 ref col-md-5 / col-md-7） */
@media (min-width: 768px) {
.product-detail-main-row > .product-gallery {
  flex: 0 0 41.6667% !important;
  max-width: 41.6667% !important;
}
.product-detail-main-row > .product-detail-summary {
  flex: 0 0 58.3333% !important;
  max-width: 58.3333% !important;
}
}
/* 主图：填满列宽，高=宽（ref preview 509x509） */
.product-gallery .product-main-swiper {
  height: auto !important;
}
.product-gallery .product-main-swiper .swiper-slide {
  height: auto !important;
}
.product-gallery .product-main-swiper img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
}
/* 缩略图：100x100（ref thumbs 100x100 / 行高 105） */
.product-gallery .product-thumbs-swiper .swiper-slide {
  width: 100px !important;
  height: 100px !important;
  border-radius: 2px !important;
}
.product-gallery .product-thumbs-swiper .swiper-slide img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* ===== v647 产品页 tabs/相关商品/页脚 1:1（ref 实测） ===== */
/* tabs 区卡片化：ref 卡片 190 = nav 48 + content(含 pad 20.8 + min-height) */
#content > .nav-tabs { margin-bottom: 0 !important; }
#content > .tab-content {
  padding: 20.8px !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  border-top: 0 !important;
  margin-bottom: 27px !important;
  min-height: 143px !important;
  box-sizing: border-box;
}
/* 相关商品标题行高（ref 31），限定产品页 */
#product-info #content > h3 { line-height: 31px !important; margin: 0 0 20px !important; font-size: 16.8px !important; }
/* 相关商品卡：ref caption 无描述行 */
.product-thumb .caption p.product-description { display: none !important; }
/* 客服条目：ref 横排（icon 左 text 右）、模块总高 150 */
.module-customer-service .col-md-3 { display: flex !important; align-items: center !important; gap: 8px !important; padding-top: 0 !important; padding-bottom: 0 !important; }
.module-customer-service { padding: 42px 0 !important; box-sizing: border-box; }
/* 页脚链接列：ref li 无上下 pad、mb 16；h5 20.16 行高 */
footer .py-5 h5 { padding-bottom: 0 !important; font-size: 13.44px !important; line-height: 20.16px !important; }
footer .py-5 li { padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 16px !important; }
footer .py-5 li:last-child { margin-bottom: 0 !important; }
/* 页脚底部：ref 单行 37 = pad 8x2 + 20 */
.footer-bottom { padding: 8px 0 !important; }
.footer-bottom br { display: none !important; }

/* ===== v648 购买区堆叠 1:1 + 页脚微调 + 相关商品卡 ===== */
/* 购买区（ref: option 38 / qty 35 / total 27 / cart 91 / wishlist 38 / share 26） */
.product-option-list .mb-3 { display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 0 !important; }
.product-option-list .mb-3 .form-label { margin-bottom: 0 !important; white-space: nowrap; }
.product-option-list .mb-3 .form-select { min-width: 240px; }
#product .quantity-wrapper { height: 35px; }
#product .qty-label { font-size: 13.44px; color: #333; }
#product .qty-stepper .btn { padding: 4px 10px; }
#product .total-price { font-size: 16px; font-weight: 700; color: #333; }
#product .product-cart-action .btn { min-width: 150px; }
#product .safe-checkout-tip { font-size: 12.8px; color: #999; margin-top: 8px; }
#product .wishlist-share .wishlist-link { font-size: 13.44px; color: #666 !important; }
#product .wishlist-share .wishlist-link i { margin-right: 4px; }
#product .product-share { font-size: 13.44px; }
#product .product-share .social-title { color: #333; }
#product .product-share .product-share-button { font-size: 13.44px; color: #666 !important; }
/* 相关商品卡：ref card 400 = image 306 + caption 84 + pad 10，col mb 20 */
.product-thumb .caption { padding-bottom: 11px !important; }
#content > .row .col.mb-3 { margin-bottom: 20px !important; }
/* 客服条目副标题不换行（ref text 47） */
.module-customer-service .text p:last-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0 !important; }
/* 页脚：ref 无内部多余 margin，fb 行高 20.16 */
footer .py-5 .row { margin-bottom: 0 !important; }
.footer-bottom { margin: 0 !important; line-height: 20.16px !important; }

/* ===== v649 summary 列行级 1:1 + 购买区 + 页脚终调 ===== */
/* 标题（ref h1 80 = 2x40 行） */
#product-info h1 { font-size: 24px !important; line-height: 40px !important; min-height: 80px !important; margin: 0 0 16px !important; }
/* 评分（ref 31） */
.product-detail-summary .rating p { margin-bottom: 0 !important; }
/* 价格面板（ref 72） */
.product-price-panel { padding: 0 !important; margin-bottom: 16px !important; }
.product-price-panel li { margin: 0 0 8px !important; padding: 0 !important; }
.product-price-panel li:last-child { margin-bottom: 0 !important; }
.product-price-panel li h2 { margin: 0 !important; line-height: 31px !important; }
/* 属性行（ref 175，含 Activities 行） */
.product-attribute { margin-bottom: 16px !important; }
.product-attribute li { margin-bottom: 8px !important; }
.product-attribute li.product-activity { line-height: 20.16px !important; }
/* 购买区（ref: 38/35/27/91/38/26，行距 16） */
#product .quantity-wrapper, #product .total-price, #product .product-cart-action { margin-bottom: 16px !important; }
#product .quantity-wrapper { height: 35px !important; }
#product .total-price { line-height: 27px !important; min-height: 27px !important; }
#product .btn-lg { height: 48px !important; padding-top: 10px !important; padding-bottom: 10px !important; }
#product .safe-checkout-tip { margin-top: 8px !important; padding-bottom: 8px !important; }
#product .wishlist-share { min-height: 38px !important; }
#product .product-share { min-height: 26px !important; }
/* contentTop（ref 186 vs 166） */
#product-info { margin-top: 20px !important; }
/* 客服 text（ref 47）：末行不换行对任何子标签生效 */
.module-customer-service .text > :last-child { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
/* 页脚底部行（ref 37） */
.footer-bottom, .footer-bottom * { line-height: 20.16px !important; }
/* 页脚链接列（ref 225） */
footer .py-5 li { line-height: 20.16px !important; }
footer .py-5 h5 { margin-bottom: 24px !important; }

/* ===== v650 summary 列间距 + 主卡 padding + related 外距 ===== */
.product-detail-summary .rating { margin-bottom: 10px !important; }
.product-price-panel { margin-bottom: 24px !important; }
.product-attribute { margin-bottom: 32px !important; }
.product-option-list { margin-bottom: 7px; }
.product-detail-main-card__body { padding-top: 20px; padding-bottom: 21px; }
#product .safe-checkout-tip { padding-bottom: 16px !important; }
#content > .row .col.mb-3 { margin-bottom: 0 !important; }

/* ===== v651 页脚终调：cs 模块 mb 50→0、fb 高 37、h5 mb 20 ===== */
footer .module-customer-service { margin-bottom: 0 !important; }
.footer-bottom { height: 37px !important; }
footer .py-5 h5 { margin-bottom: 20px !important; }

/* ===== v652 Cool Summer 模块：标题块强制水平居中（stylesheet.css 的 .widget-title margin 覆盖了 page-builder 的 margin auto） ===== */
.page-builder-product-tab .widget-title.page-builder-product-tab-heading {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ===== v653 产品卡 Sales 角标 1:1（ref: 绿字绿框右上 8px, #75d262, 12px, 圆角 4） ===== */
.product-thumb .image {
  position: relative !important;
}
.product-sales-badge {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  display: inline-block !important;
  padding: 1px 4px !important;
  background: transparent !important;
  border: 1px solid #75d262 !important;
  border-radius: 4px !important;
  color: #75d262 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  pointer-events: none !important;
}

/* ===== v655 全站像素对齐终调（双站实测 ref computed style） ===== */

/* --- 首页：Spring & Summer 图文模块标题（ref: 13.44px/400/#222, 块高 38, mb 32; v642 的 54.4px 误伤修复）
       v655b 修正：真实类名是 --category-strip（非 --cat） --- */
.page-builder-icon-text--category-strip .page-builder-icon-text-heading h2 {
  font-size: 13.44px !important;
  font-weight: 400 !important;
  line-height: 20.16px !important;
  color: #222 !important;
  margin: 0 !important;
  padding: 9px 0 !important;
}

/* --- 首页：模块间隙归零（ref 各模块紧贴无间隙；我方有 20/24px margin） --- */
.page-builder-content > * { margin-top: 0 !important; margin-bottom: 0 !important; }

/* --- 首页：image-100 单图模块上下内边距（ref 模块 517 = 图 463 + 27.2×2） --- */
.page-builder-image-100 {
  padding-top: 27.2px !important;
  padding-bottom: 27.2px !important;
}

/* --- 首页：Hero 文字（ref: kicker P.title-1 22.4px/700, 标题 H2.title-2 54.4px/700） --- */
.page-builder-slideshow-caption-kicker { font-size: 22.4px !important; font-weight: 700 !important; }
.page-builder-slideshow-caption-title { font-size: 54.4px !important; font-weight: 700 !important; }

/* --- 首页：博客卡（ref: 图 300 / info 147 = 卡 447） --- */
.page-builder-blog-latest .blog-latest-wrapper .thumb img { height: 300px !important; object-fit: cover !important; }
.page-builder-blog-latest .blog-latest-wrapper .info { height: 147px !important; overflow: hidden !important; }
.page-builder-blog-latest .widget-title { margin-bottom: 15px !important; }

/* --- 首页：Bargain 标题行高（ref 31） --- */
.page-builder-bargain-heading { line-height: 31px !important; min-height: 0 !important; }

/* ===== v657 详情页：分享图标组 / Q&A / Mobile QR / 秒杀视图（ref 实测） ===== */

/* 属性行 label 列宽（ref title display:block 90px） */
.product-attribute li .title { display: inline-block !important; width: 90px !important; }

/* 分享图标组（ref 7 个品牌色方圆角块 22px） */
.product-share { display: flex; align-items: center; gap: 8px; margin-top: 4px !important; }
.product-share .social-title { font-size: 13px; color: #222; }
.product-share .icons-size-default { display: inline-flex !important; gap: 4px !important; }
.product-share .icons-size-default a {
  width: 22px !important; height: 22px !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  border-radius: 3px !important; color: #fff !important; font-size: 12px !important; line-height: 1 !important;
  text-decoration: none !important;
}

/* tabs 行：Mobile 二维码按钮（ref .nav-tabs-qrcode 右侧） */
.product-tabs-row { display: flex !important; align-items: flex-end !important; justify-content: space-between !important; }
.nav-tabs-qrcode .qrcode-box { position: relative !important; }
.qrcode-mobile {
  border: 1px solid #ddd !important; border-radius: 4px !important;
  padding: 5px 12px !important; font-size: 13px !important; cursor: pointer !important;
  background: #fff !important; color: #222 !important; white-space: nowrap !important;
}
.qrcode-mobile .fa-qrcode { margin-left: 4px; }
#qrcode-info {
  display: none !important; position: absolute !important; right: 0 !important; top: 40px !important;
  background: #fff !important; border: 1px solid #ddd !important; padding: 6px !important;
  border-radius: 4px !important; z-index: 50 !important; box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
}
/* ref 同款：纯 CSS 悬停显示（body.product-product .qrcode-box:hover #qrcode-info） */
.qrcode-box:hover #qrcode-info { display: block !important; }
#qrcode-info img { display: block; }

/* 秒杀倒计时条（ref 橙底白字，右侧 4 个白边框数值盒） */
.product-countdown {
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  background: #fd9800 !important; color: #fff !important;
  border-radius: 4px !important; padding: 8px 12px !important;
  margin-bottom: 10px !important; font-size: 13px !important;
}
.product-countdown .cd-title { font-weight: 600 !important; }
.product-countdown .cd-title .fa-clock { margin-right: 4px; }
.product-countdown .cd-boxes { display: inline-flex !important; gap: 6px !important; }
.product-countdown .cd-box { border: 1px solid rgba(255,255,255,.7) !important; border-radius: 3px !important; padding: 1px 6px !important; }

/* 秒杀价格区桃色底 + 划线原价 */
.price.price-promo {
  background: #fdf3e7 !important;
  padding: 10px 12px !important;
  border-radius: 4px !important;
}
.price.price-promo .price-old {
  font-size: 14px !important; color: #999 !important;
  text-decoration: line-through !important; margin-right: 8px !important; font-weight: 400 !important;
}

/* 秒杀按钮：Regular Price 深灰 / Instant kill 橙 */
.btn-regular-price { background: #222 !important; border-color: #222 !important; color: #fff !important; }
.btn-regular-price:hover, .btn-regular-price:focus { background: #000 !important; border-color: #000 !important; color: #fff !important; }
.btn-instant-kill { background: #fd9800 !important; border-color: #fd9800 !important; color: #fff !important; }
.btn-instant-kill:hover, .btn-instant-kill:focus { background: #e68900 !important; border-color: #e68900 !important; color: #fff !important; }

/* ===== v658 秒杀视图重构为 ref DOM（.product-flash-wrapper 实测） ===== */
.product-flash-wrapper {
  background: #fff2de !important;
  border-radius: 4px !important;
  margin-bottom: 16px !important;
  overflow: hidden !important;
}
.product-flash-wrapper .flash-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #fd9800 !important;
  padding: 7px 15px !important;
  color: #fff !important;
  font-size: 13px !important;
}
.product-flash-wrapper .flash-title .cd-title { font-weight: 600 !important; }
.product-flash-wrapper .flash-title .fa-clock { margin-right: 5px; }
ul.countdown.product-countdown {
  display: inline-flex !important;
  gap: 4px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
ul.countdown.product-countdown li {
  background: #fff !important;
  color: #fd9800 !important;
  font-size: 12px !important;
  line-height: 27px !important;
  padding: 0 3px !important;
  border-radius: 2px !important;
}
ul.countdown.product-countdown li span { font-size: 18px !important; color: #fd9800 !important; }
.product-flash-wrapper .product-price-wrapper { padding: 10px 15px 12px !important; }
.product-flash-wrapper .price-inner .price-new { font-size: 20px !important; font-weight: 700 !important; color: #222 !important; margin-right: 8px !important; }
.product-flash-wrapper .price-inner .price-old { font-size: 14px !important; color: #999 !important; text-decoration: line-through !important; font-weight: 400 !important; }
.product-flash-wrapper .price-tax { font-size: 12px !important; color: #999 !important; }

/* --- 首页：promotion 轮播（Flash Sale/Teamwork）上下内边距（ref 27.2px，卡片/图片已一致 403/309） --- */
.page-builder-promotion {
  padding-top: 27.2px !important;
  padding-bottom: 27.2px !important;
}
.page-builder-promotion .widget-title { line-height: 31px !important; }

/* --- 产品页：属性行（ref: li h20 mb8 fs13.44, title #666/400） --- */
.product-attribute li { margin-bottom: 8px !important; }
.product-attribute li .title { color: #666 !important; font-weight: 400 !important; }

/* --- 产品页：Activities 行 promotion-list-wrap（ref: a.justified pad 8/10 radius 6 h38, icon #e90003 12px, right #9e551c 12px, li 42） --- */
.product-attribute li.product-activity { margin-bottom: 0 !important; }
.product-attribute li.product-activity .promotion-list-wrap { margin-top: 4px !important; }
.product-attribute li.product-activity a.justified {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 8px 10px !important;
  border-radius: 6px !important;
  color: #222 !important;
  text-decoration: none !important;
}
.product-attribute li.product-activity a.justified .left {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.product-attribute li.product-activity a.justified .icon { color: #e90003 !important; font-size: 12px !important; }
.product-attribute li.product-activity a.justified .text { font-size: 12px !important; color: #222 !important; }
.product-attribute li.product-activity a.justified .right { font-size: 12px !important; color: #9e551c !important; }

/* --- 产品页：价格块（ref: div.price h42, price-new 16px #d4282d, flag-icon 白字橙底 #fd9800 pad 1/2 radius 2 fs12） --- */
.product-detail-summary .price,
#content .product-detail .price {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 42px !important;
  margin-bottom: 16px !important;
}
.product-detail-summary .price .price-new,
#content .product-detail .price .price-new { font-size: 16px !important; color: #d4282d !important; font-weight: 700 !important; }
.product-detail-summary .price .price-old { font-size: 14px !important; color: #999 !important; text-decoration: line-through !important; margin-right: 8px !important; }
.product-detail-summary .price .price-tax { font-size: 12px !important; color: #999 !important; }
.product-detail-summary .price .flag-icon,
#content .product-detail .price .flag-icon {
  background: #fd9800 !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 18px !important;
  padding: 1px 2px !important;
  border-radius: 2px !important;
}

/* The storefront theme ships Bootstrap 3 fade styles while current tab
   markup/Bootstrap JS use Bootstrap 5's `.show` state. Keep active tab panes
   visible across both APIs (home product tabs and product detail tabs). */
.tab-pane.fade.show {
  opacity: 1;
}