/* ===== 顶部导航清晰可读方案 ===== */

/* 整体背景稍深一点，形成对比 */
header .navbar,
.navbar-nav-top {
  background-color: #b91c1c !important;  /* 深红，非亮红 */
  box-shadow: 0 1px 0 rgba(0,0,0,0.1);
}

/* 顶级菜单文字：半粗、略亮、清晰 */
.navbar-nav-top > li > a {
  color: #fff6d8 !important;   /* 微暖白，更柔和 */
  font-weight: 600;
  padding: 10px 16px !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.25); /* 轻阴影提升可读性 */
  border-radius: 4px;
}

/* 悬停与当前项：明显金色高亮 */
.navbar-nav-top > li > a:hover,
.navbar-nav-top > li.active > a {
  background-color: #d6ad2f !important;
  color: #5b0f0f !important;  /* 深红字 */
  text-shadow: none !important;
}

/* 子菜单保持纯白底 + 深红字 */
.navbar-nav-top .nav-child {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  background: #fff !important;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 6px 0;
}

.navbar-nav-top li:hover > .nav-child {
  display: block;
}

.navbar-nav-top .nav-child li > a {
  display: block;
  padding: 8px 12px;
  color: #333 !important;
}

.navbar-nav-top .nav-child li > a:hover {
  background: #f5f5f5 !important;
  color: #000 !important;
}
/* === 修复：头部工具栏 & 主导航的文字颜色被全局链接色覆盖 === */
.layout-header-3 a,
header .navbar a,
.toolbar a,
.toolbar .list-inline > li > a {
  color: #fff !important;
  text-shadow: 0 1px 0 #0002;
}

.layout-header-3 a:hover,
header .navbar a:hover,
.toolbar a:hover {
  color: #fff !important;
  opacity: .9;
  text-decoration: none;
}

/* 如果你保留了“全局红色链接”，给它降权重，避免影响头部 */
body a,
body a:focus {
  color: #b5221e;
}
/* 1) 顶部工具条文字对比：强制白色，别被全局 a {color} 影响 */
.layout-header-3 .toolbar a,
.layout-header-3 .toolbar .list-inline > li > a { 
  color: #fff !important; 
  text-shadow: 0 1px 0 #0002;
}

/* 2) 主导航“胶囊”去黑角：把异常阴影/伪元素干掉，但不改尺寸与圆角 */
.navbar-nav > li > a {
  box-shadow: none !important;
}
.navbar-nav > li > a::before,
.navbar-nav > li > a::after {
  display: none !important;
}

/* 3) 当前激活项只用平面金色（不叠复杂阴影） */
.navbar-nav > li.active > a,
.navbar-nav > li.open > a,
.navbar-nav > li > a:focus {
  background: #d7b23a !important;   /* 你一直用的金色 */
  color: #5a2a10 !important;        /* 金底深字，确保可读 */
  border-color: transparent !important;
  box-shadow: none !important;
}

/* 4) 下拉菜单保持白底简洁（防止“蓝色”或重阴影） */
.dropdown-menu {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.12) !important;
  border-radius: 10px !important;
}
.dropdown-menu > li > a { 
  color: #5a2a10 !important; 
}
.dropdown-menu > li > a:hover { 
  background: #fff7d6 !important; 
}

/* 5) 防止下拉被裁切：仅放开可见性，不改布局结构 */
header .navbar .container,
header .navbar .container-fluid {
  overflow: visible !important;
}
/* ===== 提亮 LOGO，让它更醒目 ===== */
header img[src*="IGNIREE"],      /* 匹配包含LOGO图的img路径 */
.logo img,
.header-logo img {
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.25))
          brightness(1.15)
          contrast(1.1)
          saturate(1.2);
  transition: all .3s ease;
}

/* 悬停时略微发光，增加品牌存在感 */
header img[src*="IGNIREE"]:hover,
.logo img:hover,
.header-logo img:hover {
  filter: drop-shadow(0 3px 6px rgba(0,0,0,0.3))
          brightness(1.25)
          contrast(1.15)
          saturate(1.3);
}
/* =================== 左侧 Product Menu：卡片式高级外观 =================== */
/* 容器卡片 */
.product-menu,
#left .product-menu,
.sidebar .product-menu {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 6px 22px rgba(0,0,0,.08);
  overflow: hidden;
  border: 1px solid #f1e6c4; /* 轻金色边 */
  position: sticky;
  top: 84px;                  /* 让侧栏跟随滚动，头部留出高度 */
  z-index: 2;
}

/* 标题条 */
.product-menu .module-title,
.product-menu h3,
.product-menu .title {
  margin: 0;
  padding: 12px 16px;
  background: linear-gradient(180deg, #dcae2e, #cf9f24);
  color: #5a170f;
  font-weight: 700;
  letter-spacing: .2px;
  border-bottom: 1px solid #e7cc7b;
}

/* 列表归一化 */
.product-menu ul {
  list-style: none;
  margin: 0;
  padding: 6px;
}
.product-menu li {
  margin: 0;
  border-bottom: 1px dashed #eee7d1;
}
.product-menu li:last-child { border-bottom: none; }

/* 每一行：按钮化、紧凑而有留白 */
.product-menu li > a,
.product-menu li > span {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  color: #8b1c16;                 /* 与站点红一致 */
  text-decoration: none;
  border-radius: 8px;
  transition: background .18s ease, color .18s ease, transform .18s ease;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 小金点作为视觉锚点（无需改HTML） */
.product-menu li > a::before,
.product-menu li > span::before {
  content: "";
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #d6ad2f;
  box-shadow: inset 0 0 0 2px #f6e7b0;
  flex: 0 0 6px;
}

/* 悬停 */
.product-menu li > a:hover {
  background: #fff7d7;           /* 轻柔金色高亮 */
  color: #5a0e0b;
}

/* 当前分类高亮（VirtueMart/菜单常见类名都兜住） */
.product-menu li.current > a,
.product-menu li.active > a,
.product-menu li.vm-menu-active > a,
.product-menu li .active > a {
  background: #d6ad2f;
  color: #5a1a14;
  font-weight: 700;
  border: 1px solid #c99922;
}

/* 一级“组标题”/分区（如果你的模块会输出不可点击的分节标题） */
.product-menu li > span {
  font-weight: 700;
  color: #6b1b14;
  background: #fff2c4;
}

/* 让品牌区更紧凑（Partner 下长名单更好看） */
.product-menu li a { padding-top: 8px; padding-bottom: 8px; }

/* 小屏优化：sticky 改为静态，避免遮挡；长名单可两列 → 一列 */
@media (max-width: 991px) {
  .product-menu { position: static; top: auto; }
}

/* 如果“Partner”下面是纯 ul 列表，自动两列（桌面端），移动端回到一列 */
@media (min-width: 992px) {
  .product-menu .brand-list,
  .product-menu .partners,
  .product-menu .menu-brands {
    columns: 2;
    column-gap: 12px;
  }
  .product-menu .brand-list li,
  .product-menu .partners li,
  .product-menu .menu-brands li {
    break-inside: avoid;
    border-bottom: none;
    padding-right: 6px;
  }
}

/* 微细节：列表分割线更轻、整体更“干净” */
.product-menu li + li { border-top: 1px dashed #f2e9cf; }

/* 可选：整个卡片在侧栏滚动进入时有轻微阴影浮起感 */
.product-menu:hover { box-shadow: 0 10px 28px rgba(0,0,0,.12); }
/* ======= Palette（可微调） ======= */
:root{
  --brand-red:#b5221e;
  --brand-gold:#d6ad2f;
  --gold-weak:#ead893;
  --ink:#5a1a14;
  --paper: rgba(255,247,215,.82); /* 带点金调的半透明底 */
}

/* 外框：降低对比、去掉强阴影，做轻微内阴影 */
.product-menu {
  background: var(--paper);
  border: 1px solid rgba(214,173,47,.35);
  border-radius: 10px;               /* 比之前更小的圆角 */
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
}

/* 标题条：更浅、更平、更贴近站点 header 金色 */
.product-menu .module-title,
.product-menu h3,
.product-menu .title{
  background: linear-gradient(180deg, #e7c85a, #d9b73e);
  color: var(--ink);
  border-bottom: 1px solid rgba(214,173,47,.35);
  border-top-left-radius: 9px;       /* 跟随容器圆角 */
  border-top-right-radius: 9px;
  letter-spacing: .1px;
}

/* 列表：更轻的分割线与留白 */
.product-menu ul{ padding: 6px 8px 10px; }
.product-menu li{ border-bottom: 1px dashed rgba(214,173,47,.25); }
.product-menu li:last-child{ border-bottom: none; }

/* 行样式：去金点，改为左侧导引条（更低调） */
.product-menu li > a,
.product-menu li > span{
  padding: 9px 10px 9px 14px;
  color: #7a201a;
  border-radius: 6px;
  position: relative;
  background: transparent;
}
.product-menu li > a::before,
.product-menu li > span::before{
  content:"";
  position:absolute;
  left:6px; top:50%;
  width:3px; height:0;
  transform: translateY(-50%);
  border-radius: 2px;
  background: transparent; /* 默认看不见，hover/active 再显 */
  transition: all .18s ease;
}

/* 悬停：微金底 + 左侧导引条淡入，文字变深但不跳 */
.product-menu li > a:hover{
  background: rgba(214,173,47,.12);
  color: var(--ink);
}
.product-menu li > a:hover::before{
  height: 70%;
  background: linear-gradient(#f3e39f, #d6ad2f);
}

/* 当前项：更稳重的金色铺底，边框更淡，减少“跳出感” */
.product-menu li.current > a,
.product-menu li.active > a,
.product-menu li.vm-menu-active > a,
.product-menu li .active > a{
  background: rgba(214,173,47,.22);
  border: 1px solid rgba(214,173,47,.35);
  color: var(--ink);
  font-weight: 700;
}
.product-menu li.current > a::before,
.product-menu li.active > a::before,
.product-menu li.vm-menu-active > a::before,
.product-menu li .active > a::before{
  height: 80%;
  background: linear-gradient(#f7ecb5, #d6ad2f);
}

/* 组标题（不可点的 span）更“分区”但不膨胀 */
.product-menu li > span{
  background: rgba(214,173,47,.14);
  color: var(--ink);
  font-weight: 700;
}

/* Sticky 更柔：移动端仍关闭，桌面端轻轻贴顶即可 */
.product-menu{ top: 76px; }
@media (max-width: 991px){
  .product-menu{ position: static; top:auto; }
}

/* 品牌两列：收敛边线，列间距小一点更整洁 */
@media (min-width: 992px){
  .product-menu .brand-list,
  .product-menu .partners,
  .product-menu .menu-brands{
    columns: 2;
    column-gap: 10px;
  }
  .product-menu .brand-list li,
  .product-menu .partners li,
  .product-menu .menu-brands li{
    border-bottom: none;
  }
}
/* ====== 调色与公共基调（延用你现在的） ====== */
:root{
  --brand-red:#b5221e;
  --brand-gold:#d6ad2f;
  --ink:#5a1a14;
  --paper: rgba(255,247,215,.82);
  --line: rgba(214,173,47,.28);
  --hover: rgba(214,173,47,.12);
}

/* ========== 面包屑（breadcrumbs） ========== */
.breadcrumb,
.breadcrumbs,
.breadcrumbs-wrap{
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 8px 12px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
  margin: 10px 0 14px;
}
.breadcrumb > li,
.breadcrumbs li{
  color:#7a201a;
}
.breadcrumb > li + li:before,
.breadcrumbs li + li:before{
  content:"›";               /* 更细腻的分隔 */
  color: rgba(90,26,20,.55);
  padding: 0 6px;
}
.breadcrumb a{
  color:#7a201a;
  border-radius: 6px;
  padding: 2px 6px;
  transition: background .18s ease;
}
.breadcrumb a:hover{
  background: var(--hover);
  color: var(--ink);
  text-decoration: none;
}
.breadcrumb .active,
.breadcrumbs .active{
  color: var(--ink);
  font-weight: 700;
}

/* ========== 分页（Joomla & VirtueMart 常见结构） ========== */
.pagination,
.pager,
.vm-pagination{
  display:flex; flex-wrap: wrap; gap:6px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 8px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
  margin: 14px 0 6px;
}
.pagination li,
.pager li,
.vm-pagination li{ list-style: none; }

.pagination li > a,
.pagination li > span,
.pager li > a,
.pager li > span,
.vm-pagination li > a,
.vm-pagination li > span{
  display:inline-block;
  min-width: 34px; text-align:center;
  padding: 6px 10px;
  color:#7a201a;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  transition: all .18s ease;
}
.pagination li > a:hover,
.pager li > a:hover,
.vm-pagination li > a:hover{
  background: var(--hover);
  color: var(--ink);
}
.pagination .active > a,
.pagination .active > span,
.vm-pagination .active > a,
.vm-pagination .active > span{
  background: rgba(214,173,47,.22);
  border-color: var(--line);
  color: var(--ink);
  font-weight: 700;
}
.pagination .disabled > span,
.pagination .disabled > a,
.vm-pagination .disabled > span{
  opacity:.45; pointer-events:none;
}

/* ===== 分类卡片（category listing）统一优化 ===== */
:root{
  --cat-card-bg: rgba(255,247,215,.82);   /* 与你现在面板一致 */
  --cat-border: rgba(214,173,47,.28);
  --cat-ink: #6a2018;
  --cat-hover: rgba(214,173,47,.12);
}

/* 卡片容器：轻金底、柔和边框、圆角、微阴影 */
.vm-category-listing .thumbnail,
.category-view .thumbnail{
  background: var(--cat-card-bg);
  border: 1px solid var(--cat-border);
  border-radius: 12px;
  padding: 10px 10px 12px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
  height: 100%;
}
.vm-category-listing .thumbnail:hover,
.category-view .thumbnail:hover{
  transform: translateY(-2px);
  border-color: rgba(214,173,47,.45);
  box-shadow: 0 6px 18px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.35);
}

/* 分类缩略图图片：留点安全边距，保持比例 */
.vm-category-listing .thumbnail img,
.category-view .thumbnail img{
  max-width: 86%;
  margin: 8px auto 6px;
  display:block;
}

/* 小标题（“For Milwaukee”这类）——两行、居中、统一高度 */
.phjin-vm-top-category.caption,
.vm-category-listing .thumbnail .caption{
  color: var(--cat-ink);
  text-align: center !important;
  margin: 4px 6px 0;
  padding: 4px 6px 0;
  min-height: 42px;                      /* 统一高度 */
  display: -webkit-box;
  -webkit-line-clamp: 2;                 /* 最多两行 */
  -webkit-box-orient: vertical;
  overflow: hidden;                      /* 超出裁切 */
  line-height: 1.3;
  font-weight: 700;
  font-size: 14.5px;
}

/* 如果标题是链接，去系统蓝 + 悬停轻金底 */
.phjin-vm-top-category.caption a,
.vm-category-listing .thumbnail .caption a{
  color: var(--cat-ink) !important;
  text-decoration: none;
  border-radius: 6px;
  padding: 2px 4px;
}
.phjin-vm-top-category.caption a:hover,
.vm-category-listing .thumbnail .caption a:hover{
  background: var(--cat-hover);
}

/* 每个 li 项之间留呼吸感（兼容多模板选择器） */
.vm-category-listing > li,
.category-view .vm-category-listing > li,
.category-view ul.list-unstyled > li{
  margin-bottom: 18px;
}

/* 小屏时图片放大点、标题字号略收紧，让两行更容易放下 */
@media (max-width: 767px){
  .vm-category-listing .thumbnail img{ max-width: 92%; }
  .phjin-vm-top-category.caption,
  .vm-category-listing .thumbnail .caption{ font-size: 14px; }
}
:root{
  --brand-red: #b5221e;
  --brand-red-deep:#9f1d1a;
  --gold: #d6ad2f;
  --gold-2:#e0ba3e;
  --ink:#5a1d15;
  --soft-ink:#6a2018;

  --panel-bg:#fffaf0;            /* 页面浅金面板 */
  --card-bg:rgba(255,247,215,.82);
  --card-border:rgba(214,173,47,.28);

  --shadow-sm:0 4px 12px rgba(0,0,0,.06);
  --shadow-md:0 8px 24px rgba(0,0,0,.08);
}
/* 页面大标题（OEM/ODM） */
.page-header, .category-view .page-header, h1.page-header {
  margin: 12px 0 18px;
  padding-bottom: 6px;
  border-bottom: 2px solid rgba(0,0,0,.06);
}

/* OEM/ODM 分类区：把 bootstrap 的 row 列，升级为统一网格（桌面端） */
@media (min-width: 992px){
  .category-view ul.list-unstyled.row{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(280px,1fr));
    gap: 16px;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .category-view ul.list-unstyled.row > li{
    float: none !important;
    width: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* 分类卡片：统一“柔金”卡片风格 */
.category-view .thumbnail{
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 12px;
  padding: 14px 14px 12px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
  height: 100%;
}
.category-view .thumbnail:hover{
  transform: translateY(-2px);
  border-color: rgba(214,173,47,.45);
  box-shadow: var(--shadow-sm);
}

.category-view .thumbnail img{
  max-width: 86%;
  display:block;
  margin: 8px auto 6px;
}

/* 小标题（For Makita / For Dewalt / For Milwaukee …）两行、居中、统一高度 */
.category-view .thumbnail .caption{
  color: var(--soft-ink);
  text-align: center;
  margin: 4px 6px 0;
  padding: 4px 6px 0;
  min-height: 44px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.3;
  font-weight: 700;
  font-size: 15px;
}
.category-view .thumbnail .caption a{
  color: var(--soft-ink) !important;
  text-decoration: none;
  border-radius: 6px;
  padding: 2px 4px;
}
.category-view .thumbnail .caption a:hover{
  background: rgba(214,173,47,.12);
}

/* 标题条 */
.product-menu .module-title, 
.moduletable .module-title, 
#left .module-title{
  background: var(--gold);
  color: var(--ink);
  font-weight: 800;
  letter-spacing: .2px;
  padding: 10px 14px;
  margin: 0;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

/* 菜单项（一级） */
.product-menu .menu li a,
.moduletable ul li a{
  display:block;
  padding: 9px 14px;
  color: #7a2821;
  text-decoration: none;
  border-bottom: 1px dashed rgba(0,0,0,.06);
}
.product-menu .menu li a:hover{
  background: rgba(214,173,47,.12);
}

/* 当前分类或展开项（加左侧金色条） */
.product-menu .menu li.active > a,
.product-menu .menu li.current > a{
  background: #fff;
  border-left: 4px solid var(--gold-2);
  color: var(--soft-ink);
  font-weight: 800;
}

/* 二级小项（比如 3.2V/51.2V）压缩行高 */
.product-menu .menu li li a{
  padding: 7px 14px 7px 22px;
  font-size: 13.5px;
}

/* 底部阴影分隔页面主体区域 */
#left .moduletable + .moduletable{ margin-top:12px; }
/* 中心标题统一样式 */
h2, .category-view h2, .productdetails-view h2{
  font-weight:800;
  color: var(--soft-ink);
}
.section-title, .product-field-title, .vm-header{
  text-align:center;
  margin: 10px 0 12px;
}
.section-title::after{
  content:"";
  display:block;
  width: 64px;
  height: 3px;
  margin: 8px auto 0;
  background: linear-gradient(90deg, transparent, var(--gold-2), transparent);
  border-radius: 2px;
  opacity: .9;
}
/* 你当前“Products”标题容器可加 .section-title 类名（不改也没问题） */
/* 普通链接：统一红金体系 */
a{ color: var(--brand-red); }
a:hover{ color: var(--brand-red-deep); text-decoration: underline; }

/* 任何 caption 内的链接维持深红，不出现系统蓝 */
.caption a{ color: var(--soft-ink) !important; }
/* ==== HOTFIX #1: 还原分类列表为稳定的3列栅格（只限分类页） ==== */
.category-view ul.list-unstyled.row{
  display: block !important;         /* 取消我之前的 grid/flex */
  margin-left: -10px !important;
  margin-right: -10px !important;
}
.category-view ul.list-unstyled.row > li{
  float: left !important;
  width: 33.3333% !important;        /* 桌面端 3 列 */
  padding: 0 10px 16px !important;
  box-sizing: border-box !important;
}
@media (max-width: 991px){
  .category-view ul.list-unstyled.row > li{
    width: 50% !important;           /* 平板端 2 列 */
  }
}
@media (max-width: 600px){
  .category-view ul.list-unstyled.row > li{
    width: 100% !important;          /* 手机端 1 列 */
  }
}

/* 卡片自己保持轻微样式，不影响全局 */
.category-view .thumbnail{
  background: #fffdf6;               /* 柔和浅底（不抢眼） */
  border: 1px solid rgba(214,173,47,.22);
  border-radius: 10px;
  padding: 12px;
  box-shadow: none;                  /* 去夸张阴影 */
}
.category-view .thumbnail:hover{
  border-color: rgba(214,173,47,.38);
}
.category-view .thumbnail .caption{
  margin-top: 6px;
  text-align: center;
  color: #6a2018;
  font-weight: 700;
  line-height: 1.3;
  min-height: 40px;
}

/* 只包住左侧产品菜单模块（避免影响其它模块） */
#left .moduletable.product-menu,
.moduletable.product-menu{
  background: #fffdf6;
  border: 1px solid rgba(214,173,47,.22);
  border-radius: 10px;
  overflow: hidden;
}
.moduletable.product-menu .module-title{
  background: #d6ad2f;
  color: #5a1d15;
  font-weight: 800;
  padding: 10px 14px;
  margin: 0;
}
.moduletable.product-menu ul li a{
  display:block; padding:9px 14px; color:#7a2821;
  border-bottom: 1px dashed rgba(0,0,0,.06);
  text-decoration:none;
}
.moduletable.product-menu ul li a:hover{
  background: rgba(214,173,47,.12);
}
.moduletable.product-menu ul li.active > a,
.moduletable.product-menu ul li.current > a{
  background:#fff; border-left:4px solid #e0ba3e; color:#6a2018; font-weight:800;
}
.moduletable.product-menu ul li li a{ padding-left:22px; font-size:13.5px; }
/* 顶部到正文的垂直节奏——减少 page header 与筛选区的空白 */
.page-header{ margin:14px 0 10px !important; }

/* 给主内容一个轻微的上阴影，压住“轻头重脚”的观感 */
#page-wrapper main{ box-shadow: 0 -2px 8px #00000008 inset; }
/* 左侧栏宽度与节奏 */
#page-wrapper .product-menu{ width:260px; }
#page-wrapper .product-menu .menu li a{
  padding:8px 10px !important;
  border-color:#eee !important;
  line-height:1.3;
}
#page-wrapper .product-menu .menu li.active>a{
  background:#fff !important;
  border-left:3px solid #d6ad2f !important;
  font-weight:700;
}
#page-wrapper .product-menu .menu li+li a{ border-top:0 !important; }
#page-wrapper .product-menu .moduletable h3, 
#page-wrapper .product-menu .module-title, 
#page-wrapper .product-menu .product-menu-title{
  margin:0 0 8px !important;
}
/* 分类按钮整体高度统一、视觉更轻 */
.category-view ul.list-unstyled.row > li .thumbnail{
  min-height:64px;                         /* 以前看起来较厚 */
  padding:10px 14px !important;
  border-radius:10px !important;
  background:#fffaf0 !important;           /* 很浅的暖白，和主题金/红更协调 */
  border:1px solid #f1e3b8 !important;
  display:flex; align-items:center; justify-content:center;
  transition:transform .12s ease, box-shadow .12s ease;
}
.category-view ul.list-unstyled.row > li .thumbnail:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(0,0,0,.06);
}
.category-view ul.list-unstyled.row > li .caption{
  margin:0 !important; padding:0 !important; font-weight:600;
}
/* 产品网格：减少每项下方空白，四列布局更稳（>=1200） */
.vm-product-media-container img{ max-height:180px; object-fit:contain; }
.browse-view .row .product .spacer{ padding:12px 10px !important; }
.browse-view .row .product .product-price{ margin:6px 0 8px !important; }

@media (min-width: 1200px){
  /* VirtueMart 常见结构：确保四列 */
  .browse-view .row > div[class*="col-"]{ width:25% !important; }
}

/* 卡片样式收敛，弱化厚重阴影 */
.browse-view .product .spacer, 
.browse-view .product .thumbnail{
  border:1px solid #eee !important;
  border-radius:6px !important;
  box-shadow:none !important;
  background:#fff !important;
}
.browse-view .product .spacer:hover{
  box-shadow:0 6px 16px rgba(0,0,0,.08);
}
/* “Products” 标题更紧凑，细分隔线撑住页面 */
.section-title, .page-header h1, .browse-view .title, 
#products-title, .product-title h2{
  font-size:20px !important; font-weight:800 !important;
  letter-spacing:.2px;
}
.section-title::after, #products-title::after{
  content:""; display:block; width:46px; height:2px;
  background:#c92a2a; margin:6px auto 14px;
  border-radius:2px;
}

/* 顶部导航更薄一点点，避免过“抢戏” */
.layout-header-3 .navbar, header .navbar{
  padding-top:6px !important; padding-bottom:6px !important;
}
.header-search input[type="text"]{ height:28px !important; }

/* 面包屑/副标题颜色偏浅，弱化存在感 */
.breadcrumbs, .breadcrumbs a{ color:#a66 !important; }
/* =============== 1) 品牌按钮区：更紧密、更轻 =============== */
/* 缩小左右内边距（gutter）与行距 */
.category-view ul.list-unstyled.row{ 
  margin: 0 -6px !important;                 /* 原本 gutter 太大 */
}
.category-view ul.list-unstyled.row > li{
  padding: 0 6px !important;
  margin: 0 0 12px !important;               /* 行间距由 ~20px 降到 12px */
}

/* 卡片降低高度/弱化边框与阴影、字体略小一点 */
.category-view ul.list-unstyled.row > li .thumbnail{
  min-height: 44px !important;               /* 由 ~60+ 降到 44px */
  padding: 8px 12px !important;              /* 卡片更薄 */
  border-radius: 8px !important;
  background: #fff !important;
  border: 1px solid #f1e7c7 !important;      /* 更浅的边 */
  box-shadow: none !important;               /* 取消厚重阴影 */
}
.category-view ul.list-unstyled.row > li .caption{
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;                /* 字号稍减，权重更低 */
  font-weight: 600;
}
.category-view ul.list-unstyled.row > li .thumbnail:hover{
  background: #fffdf5 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.05);      /* 仅轻微悬浮反馈 */
}

/* 大屏加密列数：由 3 列 → 4 列（减少单块占地） */
@media (min-width:1200px){
  .category-view ul.list-unstyled.row > li[class*="col-"]{ 
    width: 25% !important;                   /* 强制四列 */
  }
}

/* “Products”等段落标题的上下距更紧，避免把重心推下去 */
.section-title, .page-header h1, .browse-view .title{
  margin: 10px 0 8px !important;
}
/* 让分类区与工具条左右对齐，去掉 row 的外溢 */
.browse-view .category-view .row,
.browse-view .category-view ul.list-unstyled.row{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 统一分类块：做成等宽网格，间距一致（3列，自动换行） */
.browse-view .category-view ul.list-unstyled.row{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

/* 某些 li 写死了 height:28px，强制还原 */
.browse-view .category-view ul.list-unstyled.row > li{
  height: auto !important;
  padding: 0 !important;
}

/* =========================
   分类块（上面三枚卡片）做成网格，间距统一
   ========================= */
.browse-view .category-view ul.list-unstyled.row{
  display:grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap:12px !important;
  margin:0 !important;
}
.browse-view .category-view ul.list-unstyled.row > li{
  height:auto !important;      /* 覆盖某些模板写死的 28px */
  padding:0 !important;
}
/* ===== 安全版：产品列表 “Sort by / 每页数量” 工具条 ===== */

/* 工具条容器：左右两端对齐（不影响内部下拉结构） */
.orderby-displaynumber{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:12px 0 18px;
}

/* 左侧块：只让标题与触发器在同一行，不改内部下拉列表的 display */
.orderby-displaynumber .orderlistcontainer{
  display:inline-flex;
  align-items:center;
  gap:8px;
}

/* “Sort by” 标题 */
.orderby-displaynumber .orderlistcontainer .title{
  margin:0;
  font-weight:700;
  color:#7a2b25;
  font-size:14px;
  line-height:32px;
}

/* 统一高度（不改变元素类型，兼容 select 或自定义触发器） */
.orderby-displaynumber .orderlistcontainer select,
.orderby-displaynumber .orderlistcontainer .chzn-container-single .chzn-single{
  height:32px;
  line-height:30px;
  border-radius:8px;
}
.orderby-displaynumber .orderlistcontainer .chzn-container{ min-width:240px; }

/* 右侧每页数量 */
.orderby-displaynumber .display-number{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.orderby-displaynumber .display-number select{
  height:32px; line-height:30px; border-radius:8px;
}

/* ===== 关键：确保 UL 型下拉仍然是“弹出层”，不要被横向排成一排 ===== */
.orderby-displaynumber .orderlist{ position:relative; }           /* 参照系 */
.orderby-displaynumber .orderlist ul{
  position:absolute;
  left:0; top:100%;
  min-width:220px;
  margin-top:6px;
  background:#fff;
  border:1px solid #e9e4d6;
  border-radius:8px;
  box-shadow:0 8px 16px rgba(0,0,0,.08);
  padding:8px 0;
  z-index:50;
  display:none;                                         /* 默认隐藏，由脚本控制显示 */
}

/* 兼容部分主题：用类名或悬停显示（脚本会加 open/active 等类） */
.orderby-displaynumber .orderlist.open ul,
.orderby-displaynumber .orderlist.active ul{ display:block; }
@media (hover:hover){
  .orderby-displaynumber .orderlist:hover ul{ display:block; }
}

/* 下拉项样式（保持竖排） */
.orderby-displaynumber .orderlist li{
  display:block;
  padding:8px 12px;
  white-space:nowrap;
  color:#7a2b25;
}
.orderby-displaynumber .orderlist li:hover{
  background:#fff7d6;
  color:#5a1d15;
}

/* 兜底：明确取消任何把 UL 排成横向的影响 */
.orderby-displaynumber .orderlist ul,
.orderby-displaynumber .orderlist li{ flex:unset; }
/* ===== 右侧“Results … / 每页数量”样式 ===== */
.orderby-displaynumber{
  display:flex;
  align-items:center;
  justify-content:space-between;   /* 左右两端对齐 */
  gap:16px;
}

/* 右侧容器：一行内、文字靠右、居中对齐 */
.orderby-displaynumber .display-number{
  display:inline-flex;              /* 不要用 flex 在 UL 上！仅容器 */
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  min-width:260px;                  /* 可按需调大/调小 */
  text-align:right;
  font-size:13px;
  color:#7a2b25;                    /* 与主题一致的深红 */
  line-height:32px;                 /* 与下拉同高 */
}

/* 每页下拉外观统一 */
.orderby-displaynumber .display-number select{
  height:32px;
  line-height:30px;
  padding:0 10px;
  border-radius:8px;
}
.orderby-displaynumber .display-number select:focus{
  outline:none;
  border-color:#e0ba3e;
  box-shadow:0 0 0 2px rgba(214,173,47,.22);
}

/* 小屏：上下堆叠，右侧一行铺满更好点 */
@media (max-width: 767px){
  .orderby-displaynumber{ flex-wrap:wrap; gap:8px; }
  .orderby-displaynumber .display-number{
    width:100%;
    justify-content:space-between;
    min-width:0;
  }
}
/* ===== 优化 Sort by / Results 行的整体对齐与美观 ===== */
.browse-view .orderby-displaynumber {
  display: flex;
  align-items: center;         /* 垂直居中 */
  justify-content: space-between;
  gap: 20px;
  margin: 12px 0 18px;
  padding: 8px 0;
  border-top: 1px solid #f2e9cf;
  border-bottom: 1px solid #f2e9cf;
}

/* 左侧：Sort by */
.browse-view .orderby-displaynumber .orderlistcontainer {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.browse-view .orderby-displaynumber .title {
  font-weight: 800;
  color: #6a1a14;
  font-size: 15px;
  line-height: 32px;
  margin: 0;
}

.browse-view .orderby-displaynumber select {
  height: 34px !important;
  line-height: 32px !important;
  border-radius: 8px !important;
  padding: 0 12px !important;
  font-size: 14px;
  border: 1px solid #ddd !important;
  background: #fff;
  color: #6a1a14;
  min-width: 220px;
}

/* 右侧：Results 区 */
.browse-view .orderby-displaynumber .display-number {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #7a2b25;
  line-height: 32px;
  margin: 0;
}

.browse-view .orderby-displaynumber .display-number select {
  height: 34px !important;
  line-height: 32px !important;
  border-radius: 8px !important;
  padding: 0 12px !important;
  font-size: 14px;
  border: 1px solid #ddd !important;
  background: #fff;
  color: #6a1a14;
}

/* 响应式：手机上上下堆叠对齐 */
@media (max-width: 768px) {
  .browse-view .orderby-displaynumber {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .browse-view .orderby-displaynumber .display-number {
    width: 100%;
    justify-content: flex-end;
  }
}
/* === 右侧 Results 一行显示 === */
.browse-view .orderby-displaynumber .display-number {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  white-space: nowrap;         /* 🔸防止换行 */
  font-size: 14px;
  color: #7a2b25;
  line-height: 32px;
}

/* 修正个别模板用 <br> 断行的问题 */
.browse-view .orderby-displaynumber .display-number br {
  display: none !important;
}

/* 下拉框统一高度，与文字齐平 */
.browse-view .orderby-displaynumber .display-number select {
  height: 32px !important;
  line-height: 30px !important;
  border-radius: 8px !important;
  padding: 0 10px !important;
  font-size: 14px;
  border: 1px solid #ddd !important;
  background: #fff;
  color: #6a1a14;
}
/* === 优化 Sort by 字体大小，与右侧对齐 === */
.browse-view .orderby-displaynumber .title {
  font-size: 14px !important;    /* 由原15~16降为14，统一 */
  font-weight: 700 !important;   /* 稍微比普通文字重一点 */
  color: #6a1a14 !important;     /* 深红，与整体主题一致 */
  line-height: 32px !important;  /* 保证与下拉框、右侧高度对齐 */
  margin: 0 !important;
}
/* === 排序区块整体美化（Sort by + Results） === */
.browse-view .orderby-displaynumber {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 18px 0 25px;
  padding: 10px 16px;
  background: #fffdf8;              /* 淡米金背景，呼应 Energy Storage */
  border: 1px solid #f1e3b4;        /* 柔金边框 */
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

/* “Sort by” 文本样式 */
.browse-view .orderby-displaynumber .title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #6a1a14 !important;
  line-height: 32px !important;
  margin: 0 !important;
}

/* 左侧下拉框 */
.browse-view .orderby-displaynumber select {
  height: 32px !important;
  line-height: 30px !important;
  border-radius: 6px !important;
  padding: 0 10px !important;
  font-size: 14px;
  border: 1px solid #ddd !important;
  background: #fff;
  color: #6a1a14;
  transition: border 0.2s ease, box-shadow 0.2s ease;
}

.browse-view .orderby-displaynumber select:hover {
  border-color: #e0b35c !important;
  box-shadow: 0 0 4px rgba(224,179,92,0.4);
}

/* 右侧 Results 部分保持单行 */
.browse-view .orderby-displaynumber .display-number {
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  font-size: 14px;
  color: #7a2b25;
  line-height: 32px;
}

/* 响应式 - 手机端上下堆叠 */
@media (max-width: 768px) {
  .browse-view .orderby-displaynumber {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}
/* --- Fix: 排序下拉（Chosen）在 flex 容器中定位偏移/被裁切 --- */
.orderby-displaynumber,
.orderby-displaynumber .orderlist,
.orderby-displaynumber .vm-order-list {
  position: relative;
  overflow: visible !important;          /* 允许下拉向外展开 */
}

/* 统一下拉外观尺寸 */
.orderby-displaynumber .chzn-container {
  min-width: 220px;                       /* 防止过窄 */
}

/* 核心：让下拉贴齐触发按钮，并保证层级 */
.orderby-displaynumber .chzn-container .chzn-drop {
  left: 0 !important;
  right: auto !important;
  width: 100% !important;                 /* 与按钮等宽 */
  z-index: 9999 !important;               /* 盖过周围卡片 */
  box-shadow: 0 6px 18px rgba(0,0,0,.08); /* 轻阴影 */
  border: 1px solid #eee;
}

/* 触发按钮的小箭头位置微调（避免被边框挤偏） */
.orderby-displaynumber .chzn-container-single .chzn-single {
  height: 28px; line-height: 28px;
  padding-right: 28px;
}
.orderby-displaynumber .chzn-container-single .chzn-single div {
  right: 6px;
}

/* 保险：下拉项目的行高与可点区域 */
.orderby-displaynumber .chzn-container .chzn-results li {
  line-height: 1.4;
  padding: 8px 10px;
}
/* === 分类按钮上下居中优化 === */
.vm-category .spacer,
.vm-category .category,
.category-view .category {
  display: flex !important;
  align-items: center !important;     /* 垂直居中 */
  justify-content: center !important; /* 水平居中（可选） */
  height: 60px;                       /* 可根据需要调整按钮整体高度 */
  padding: 0 18px !important;
  box-sizing: border-box;
}

/* 按钮内的文字不再挤上去 */
.vm-category .spacer a,
.vm-category .category a {
  line-height: normal !important;
  display: inline-block;
  text-align: center;
}

/* 响应式微调 */
@media (max-width: 768px) {
  .vm-category .spacer,
  .vm-category .category {
    height: 48px;
    padding: 0 10px !important;
  }
}
/* 工具条改为一行、左右对齐 */
.orderby-displaynumber {
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 12px;
  border:1px solid #f3e8c0;
  border-radius: 10px;
  background:#fffdf6;
}

/* 左侧：Sort by */
.orderby-displaynumber .vm-order-list { 
  display:flex; align-items:center; gap:10px;
}
.orderby-displaynumber .activeOrder {  /* “当前排序”按钮 */
  line-height: 28px;
}
.orderby-displaynumber .orderlist {    /* 下拉列表 */
  z-index: 1000;  /* 防被下面内容盖住 */
}

/* 右侧：结果 + 每页 */
.orderby-displaynumber .display-number{
  display:flex; align-items:center; gap:10px;
}
.orderby-displaynumber .display-number .vm-results{
  white-space: nowrap;
  color:#6a2018;
  font-size:13px;
}

/* 统一选择框高度 */
#limit, .orderby-displaynumber select{
  height:32px; line-height:32px; border-radius:8px;
}

/* 隐藏我们插的空 label 的视觉表现（占位不显示文字） */
.vm-perpage-label{ display:inline-block; width:0; overflow:hidden; }
/* ===== 版心与标题 ===== */
.page-header, .category-view .page-header, .category-view h1 {
  margin: 10px 0 14px;
  padding-bottom: 6px;
  border-bottom: 1px solid #eee6cf;
  font-weight: 800;
  color: #6a2018;
}

/* “Products” 区域标题更稳重 */
.section-title, .product-title h2, #products-title {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: .2px;
  color: #6a2018;
}
.section-title::after, #products-title::after {
  content:"";
  display:block; width:56px; height:2px; margin:8px auto 0;
  background: linear-gradient(90deg, transparent, #d6ad2f, transparent);
  border-radius:2px;
}

/* ===== 左侧 Product Menu 卡片化并固定在视口 ===== */
#left .moduletable,
#left .moduletable.product-menu {
  background:#fffdf6;
  border:1px solid rgba(214,173,47,.22);
  border-radius:12px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
  overflow:hidden;
  position: sticky; top:86px; /* 头部高度按你站点调 */
}
#left .module-title { 
  background:#d6ad2f; color:#5a1d15; font-weight:800; 
  padding:10px 14px; margin:0; border-bottom:1px solid #f3e6be;
}
#left .moduletable ul li a{
  display:block; padding:9px 14px;
  color:#7a2821; text-decoration:none;
  border-bottom:1px dashed #eee3c9;
}
#left .moduletable ul li a:hover{ background:rgba(214,173,47,.12); }
#left .moduletable ul li.active>a,
#left .moduletable ul li.current>a{
  background:#fff; border-left:4px solid #e0ba3e; color:#6a2018; font-weight:800;
}

/* ===== 产品网格卡片 ===== */
.browse-view .row .product .spacer,
.browse-view .product .thumbnail {
  background:#fff !important;
  border:1px solid #eee !important;
  border-radius:10px !important;
  padding:12px 12px 10px !important;
  transition: box-shadow .15s ease, transform .12s ease;
}
.browse-view .row .product .spacer:hover{
  box-shadow:0 10px 24px rgba(0,0,0,.08);
  transform: translateY(-2px);
}

/* 统一图片盒子比例，图片始终居中不拉伸 */
.vm-product-media-container{
  width:100%; aspect-ratio: 4 / 3;          /* 现代浏览器方案 */
  background:#fffaf0; border-radius:8px;
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
}
.vm-product-media-container img{
  max-width:100%; max-height:100%; object-fit:contain;
}

/* 名称两行省略，避免高度跳变 */
.browse-view .product .product-name,
.browse-view .product h3.product-name {
  min-height: 3.2em; line-height:1.6;
  font-weight:700; font-size:14px;
  overflow:hidden; display:-webkit-box;
  -webkit-line-clamp:2; -webkit-box-orient:vertical;
  margin:8px 0 6px;
}

/* 价格与“询价”风格统一 */
.browse-view .product .PricesalesPrice { 
  color:#b5221e; font-size:20px; font-weight:800; margin:6px 0 8px;
}
.browse-view .product .callforprice,
.browse-view .product .vm-price-value span {
  color:#8b5a3c; font-weight:700;
}

/* 数量+按钮排版紧凑，按钮更显眼 */
.browse-view .product .quantity-box,
.browse-view .product .addtocart-area {
  margin:6px 0 0 !important;
}
.browse-view .product .addtocart-area .addtocart-button,
.browse-view .product .addtocart-area input.addtocart-button {
  width:100%; border-radius:8px; font-weight:800;
}

/* ===== 分页样式（底部分页保留） ===== */
.vm-pagination{
  display:flex; flex-wrap:wrap; gap:6px;
  background:#fffdf6; border:1px solid rgba(214,173,47,.22);
  border-radius:10px; padding:8px 10px; box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
}
.vm-pagination li { list-style:none; }
.vm-pagination li a, .vm-pagination li span{
  display:inline-block; min-width:34px; text-align:center;
  padding:6px 10px; border-radius:8px; color:#7a201a; border:1px solid transparent;
}
.vm-pagination li a:hover{ background:rgba(214,173,47,.12); color:#5a1d15; }
.vm-pagination .active span{ background:rgba(214,173,47,.22); border-color:rgba(214,173,47,.28); font-weight:700; }

/* ===== 分类三枚“胶囊”按钮上下居中（如有显示） ===== */
.category-view ul.list-unstyled.row > li .thumbnail{
  min-height: 56px; display:flex; align-items:center; justify-content:center;
  padding:10px 16px; border-radius:10px; background:#fff; border:1px solid #f1e7c7;
}
.category-view ul.list-unstyled.row > li .caption{ margin:0; font-weight:700; }
:root{
  --footer-bg:#fffaf0;
  --footer-line:rgba(214,173,47,.28);
  --footer-ink:#5a1d15;
  --footer-link:#b5221e;
  --footer-link-hover:#9f1d1a;
  --footer-gold:#d6ad2f;
}

.site-footer{
  background: var(--footer-bg);
  border-top: 1px solid var(--footer-line);
  margin-top: 18px;
  color: var(--footer-ink);
  font-size: 14px;
}
.site-footer a{ color: var(--footer-link); text-decoration:none; }
.site-footer a:hover{ color: var(--footer-link-hover); text-decoration: underline; }

.footer-inner{ 
  max-width: 1200px; margin: 0 auto; padding: 18px 16px 12px;
}

.footer-links{
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 18px;
  border: 1px solid var(--footer-line);
  border-radius: 12px;
  padding: 16px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
}
.footer-title{
  font-size: 13px; text-transform: uppercase; letter-spacing: .5px;
  margin: 0 0 10px; color: var(--footer-ink);
  position: relative; font-weight: 800;
}
.footer-title::after{
  content:""; display:block; width: 36px; height: 2px; margin-top: 6px;
  background: linear-gradient(90deg, var(--footer-gold), transparent);
  border-radius: 2px;
}
.footer-nav{ list-style: none; margin:0; padding:0; }
.footer-nav li + li{ margin-top: 6px; }

.footer-brand .brand-card{
  display: flex; gap: 10px; align-items: center;
  padding: 10px; border: 1px dashed var(--footer-line); border-radius: 10px;
  background: #fff;
}
.footer-brand .brand-logo img{ height: 36px; width: auto; display:block; }
.footer-brand .brand-text{ margin: 0; line-height: 1.4; }

.footer-bar{
  display:flex; align-items:center; justify-content:center;
  border-top: 1px solid var(--footer-line);
  margin-top: 16px; padding: 10px 0 8px;
}
.copyright{ margin:0; text-align:center; font-size: 13px; }

/* 响应式：平板两列，手机一列 */
@media (max-width: 991px){
  .footer-links{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 600px){
  .footer-links{ grid-template-columns: 1fr; }
  .footer-bar{ padding: 12px 0 10px; }
}
.site-footer .footer-links{ gap:14px; padding:14px; }
.site-footer .footer-col{ padding-right:10px; }   /* 四列更紧凑 */
.site-footer .footer-title{ margin-bottom:8px; }
.site-footer .footer-title::after{ width:32px; height:2px; opacity:.85; }

.site-footer .footer-nav li + li{
  margin-top:7px;
  border-top:1px dashed rgba(214,173,47,.22);
  padding-top:6px;
}
.site-footer .footer-nav a{
  line-height:1.35; text-underline-offset: 2px;
}
.site-footer .footer-nav a:hover{
  background: rgba(214,173,47,.10);
  border-radius:6px; padding:2px 4px;
  text-decoration:none;
}
.site-footer .footer-brand .brand-card{
  align-items:center; gap:12px; padding:12px;
}
.site-footer .footer-brand .brand-logo img{
  height:30px; width:auto;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.12));
}
.site-footer .footer-brand .brand-text{ line-height:1.35; }
.footer-social{
  background:#0f253f; text-align:center; padding:10px 0 8px;
}
.footer-social a{
  display:inline-block; margin:0 8px; font-size:18px;
  color:#f3e9d0; transition: transform .12s ease, color .12s ease;
}
.footer-social a:hover{ color:#d6ad2f; transform: translateY(-1px); }
.site-footer .footer-bar{ padding:8px 0 6px; }
.site-footer .copyright{ font-size:12.5px; opacity:.9; }
@media (max-width: 991px){
  .site-footer .footer-links{ gap:12px; }
}
@media (max-width: 600px){
  .site-footer .footer-links{ padding:12px; }
  .site-footer .footer-nav li + li{ margin-top:6px; padding-top:5px; }
}
.simple-footer {
  background: #fffaf0;
  color: #5a1d15;
  border-top: 1px solid rgba(214,173,47,.25);
  padding: 20px 0 10px;
  font-size: 14px;
  text-align: center;
}
.simple-footer .footer-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 25px;
  max-width: 1000px;
  margin: 0 auto 10px;
}
.simple-footer .brand {
  display: flex;
  align-items: center;
  gap: 10px;
}
.simple-footer .brand img {
  height: 30px;
  width: auto;
}
.simple-footer .brand-text strong {
  color: #b5221e;
}
.simple-footer a {
  color: #b5221e;
  text-decoration: none;
}
.simple-footer a:hover {
  text-decoration: underline;
}
.simple-footer .social a {
  display: inline-block;
  margin: 0 6px;
  font-size: 18px;
  color: #b5221e;
}
.simple-footer .social a:hover {
  color: #d6ad2f;
}
.simple-footer .copyright {
  border-top: 1px solid rgba(214,173,47,.25);
  margin-top: 10px;
  padding-top: 8px;
  font-size: 12.5px;
  opacity: 0.9;
}

/* 响应式：居中对齐 */
@media (max-width:600px){
  .simple-footer .footer-inner {
    flex-direction: column;
    gap: 10px;
  }
}
/* —— Footer 列表链接：消除悬停抖动/跳动 —— */
.footer-col ul li a,
.footer-menu ul li a {
  display: block;                 /* 占满一行，基线一致 */
  padding: 8px 10px;              /* 固定内边距 */
  line-height: 1.5;               /* 固定行高 */
  border: 1px solid transparent;  /* 默认就占位的边框，避免 hover 才出现导致高度变化 */
  border-radius: 6px;
  text-decoration: none;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}

/* 悬停只改颜色，不改尺寸 */
.footer-col ul li a:hover,
.footer-menu ul li a:hover {
  background: #fff4dd;            /* 轻金底 */
  border-color: #edd8a8;          /* 只改变颜色，不新增边框 */
  color: #b5221e;
  font-weight: inherit !important;/* 若有 hover 加粗，取消以防抖动 */
}

/* 若你有“下划线”高亮，确保不改变高度 */
.footer-col ul li a,
.footer-menu ul li a {
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}

/* 如果有虚线分隔线是加在 <a> 上的 :after / border-bottom，
   请确保默认和 hover 都有同样的高度（占位一致） */
.footer-col ul li,
.footer-menu ul li {
  margin: 6px 0;                  /* 把“分隔感”给 li 自身，而不是改 a 的高度 */
}
/* ===== Footer 链接悬停抖动修复（统一尺寸，不加粗、不变高） ===== */

/* 1) 明确底部作用域（尽量全兜）*/
.site-footer, .layout-footer, .footer, .footer-wrap, .footer-menu, .footer-grid { position: relative; }

/* 2) 消除“下划线/加粗/边框切换”导致的高度变化 */
.site-footer a,
.layout-footer a,
.footer a,
.footer-menu a,
.footer-grid a {
  display: block !important;                 /* 同一行的块级 */
  box-sizing: border-box !important;
  padding: 8px 10px !important;              /* 固定内边距 */
  line-height: 1.5 !important;               /* 固定行高 */
  border: 1px solid transparent !important;  /* 默认就占位的边框 */
  border-radius: 6px !important;
  font-weight: 400 !important;               /* 禁止 hover 改粗 */
  text-decoration: none !important;          /* 禁止 hover 下划线改变高度 */
  transition: background .15s ease, color .15s ease, border-color .15s ease !important;
}

/* 3) Hover 仅换颜色，不改变尺寸 */
.site-footer a:hover,
.layout-footer a:hover,
.footer a:hover,
.footer-menu a:hover,
.footer-grid a:hover {
  background: #fff4dd !important;            /* 轻金底 */
  color: #b5221e !important;
  border-color: #edd8a8 !important;          /* 只换边框颜色，不新增边框 */
  text-decoration: none !important;
  font-weight: 400 !important;
}

/* 4) 若分隔线写在 li 上：默认就有分隔线，hover 仅换颜色，避免高度闪动 */
.site-footer li,
.layout-footer li,
.footer li,
.footer-menu li,
.footer-grid li {
  list-style: none;
  margin: 6px 0 !important;
  border-bottom: 1px dashed rgba(214,173,47,.25) !important; /* 固定高度的分隔线 */
}
.site-footer li:last-child,
.layout-footer li:last-child,
.footer li:last-child,
.footer-menu li:last-child,
.footer-grid li:last-child {
  border-bottom-color: transparent !important; /* 最后一条可隐去 */
}
.site-footer li:hover,
.layout-footer li:hover,
.footer li:hover,
.footer-menu li:hover,
.footer-grid li:hover {
  border-bottom-color: rgba(214,173,47,.25) !important;        /* 不改变粗细，仅可换颜色 */
}

/* 5) 如果你的全站 a:hover 强制加下划线/加粗，在底部区域全部禁用 */
.site-footer a:hover,
.layout-footer a:hover,
.footer a:hover,
.footer-menu a:hover,
.footer-grid a:hover {
  text-decoration: none !important;
  font-weight: 400 !important;
}

/* 6) 有些模板用 ::after 画下划线，统一禁用以防抖动 */
.site-footer a::after,
.layout-footer a::after,
.footer a::after,
.footer-menu a::after,
.footer-grid a::after {
  content: none !important;
}
/* === Footer 稳定与对齐（不抖动）=== */
.footer-1 { background:#0f2438; padding:18px 0 0; color:#fff; }
.footer-1 a { color:#ffdca8; text-decoration:none; }

.footer-1 .footer-phjin { display:flex; justify-content:center; }
.footer-1 .social.list-inline {
  display:flex; gap:14px; padding:8px 0 4px; margin:0;
  list-style:none;
}
.footer-1 .social.list-inline li { margin:0; }

/* 固定图标框尺寸，hover 仅换背景/颜色，不增粗、不加边框 */
.footer-1 .social.list-inline a {
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:50%;
  border:1px solid transparent;               /* 默认就占位 */
  line-height:1; box-sizing:border-box;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
  text-decoration:none;
}
.footer-1 .social.list-inline a:hover {
  background:#132c46; color:#ffe9c0; border-color:#1f3f61; /* 只换色，不变尺寸 */
}

/* 如果社交图标是字体图标，固定字号避免闪动 */
.footer-1 .social [class^="social-"],
.footer-1 .social [class*=" social-"] { font-size:18px; }

/* 底部 footer 模块区域（你在后台挂的列表等），统一“稳态” */
.footer-1 .row .col-md-12 { padding:14px 0 18px; }
.footer-1 .col-md-12 a {
  display:block; padding:8px 10px; line-height:1.5;
  border:1px solid transparent; border-radius:6px;
  font-weight:400; text-decoration:none;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.footer-1 .col-md-12 a:hover {
  background:#102a42; color:#ffe4ba; border-color:#1a3a5a; /* 不增加高度的 hover */
}

/* 移动端收紧 */
@media (max-width: 768px){
  .footer-1 .social.list-inline { gap:10px; }
  .footer-1 .social.list-inline a { width:34px; height:34px; }
}
/* ====== Footer 基础容器 ====== */
.footer-1 { background:#fffaf0; color:#6a2018; }
.footer-1 .row { margin-left:0; margin-right:0; }
.footer-1 .col-md-12 { padding:0; }

/* 外框卡片感：轻边框 + 圆角 + 内边距 */
.footer-1 .row > .footer-wrap,
.footer-1 .row { }
.footer-1 .row > div[class*="col-"] { }

/* 顶部社交图标：固定尺寸，hover 只变色不变大小，不抖动 */
.footer-1 .footer-phjin { display:flex; justify-content:center; margin:6px 0 12px; }
.footer-1 .social.list-inline { list-style:none; display:flex; gap:14px; margin:0; padding:0; }
.footer-1 .social.list-inline li { margin:0; }
.footer-1 .social.list-inline a{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:50%;
  border:1px solid transparent;         /* 占位，避免 hover 抖动 */
  line-height:1; box-sizing:border-box;
  color:#b5221e; background:#fff3da;
  transition: background .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
  text-decoration:none;
}
.footer-1 .social.list-inline a:hover{ background:#ffe8b3; color:#7f140f; border-color:#f3d88f; transform:translateY(-1px); }
.footer-1 .social [class^="social-"],
.footer-1 .social [class*=" social-"]{ font-size:18px; }

/* ====== 四列导航区域：统一网格与节奏 ====== */
.footer-1 .footer-columns{
  display:grid; grid-template-columns: repeat(4, 1fr);
  gap: 18px 26px;
  padding: 14px 0 10px;
}
@media (max-width: 991px){
  .footer-1 .footer-columns{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px){
  .footer-1 .footer-columns{ grid-template-columns: 1fr; }
}

/* 分组标题 */
.footer-1 .footer-columns h4,
.footer-1 .footer-columns .module-title{
  font-weight:800; font-size:14px; letter-spacing:.3px;
  margin: 6px 0 10px; color:#7a201a;
}

/* 列表归一化：去虚线、固定行高/内边距，hover 不抖动 */
.footer-1 .footer-columns ul{ list-style:none; margin:0; padding:0; }
.footer-1 .footer-columns li{ margin:0; }
.footer-1 .footer-columns a{
  display:flex; align-items:center;
  gap:8px;
  min-height: 32px; line-height: 20px;           /* 统一行高 */
  padding: 6px 8px; border-radius:6px;
  border: 1px solid transparent;                 /* 占位防抖 */
  text-decoration:none; color:#7a201a;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
/* 移除模板里可能加的 dotted 分割线效果 */
.footer-1 .footer-columns li + li { border-top: none !important; }

/* hover 仅变底色/边色，不改变尺寸 */
.footer-1 .footer-columns a:hover{
  background:#fff3da; border-color:#f3d88f; color:#5a1d15; text-decoration:none;
}

/* 支付方式徽章行：让徽章竖直对齐，不拉高行距 */
.footer-1 .pay-badges{ display:flex; flex-wrap:wrap; gap:6px; margin:6px 0 0; }
.footer-1 .pay-badges .badge{
  display:inline-flex; align-items:center; justify-content:center;
  height:20px; padding:0 8px; border-radius:10px;
  background:#b5221e; color:#fff; font-size:12px; line-height:20px;
}

/* ====== Brand 卡片收敛：去重边框，统一留白与背景 ====== */
.footer-1 .brand-card{
  background:#fff; border:1px solid #f1e3b8; border-radius:8px;
  padding:10px 12px; display:flex; gap:10px; align-items:center;
}
.footer-1 .brand-card img{ max-height:26px; width:auto; display:block; }
.footer-1 .brand-card small, .footer-1 .brand-card a{ color:#7a201a; }

/* ====== Contact 列：统一行距和色彩强度 ====== */
.footer-1 .contact-list{ display:flex; flex-direction:column; gap:8px; }
.footer-1 .contact-list a{ color:#7a201a; text-decoration:none; }
.footer-1 .contact-list a:hover{ text-decoration:underline; }

/* ====== Newsletter 行：输入框 + 按钮同一基线，不跳动 ====== */
.footer-1 .newsletter{
  display:flex; flex-direction:column; gap:8px;
}
.footer-1 .newsletter .row-inline{
  display:flex; gap:10px; align-items:center; flex-wrap:wrap;
}
.footer-1 .newsletter input[type="email"],
.footer-1 .newsletter input[type="text"]{
  height:34px; line-height:34px; padding:0 10px;
  border:1px solid #e9d9ac; border-radius:6px; background:#fff;
  min-width:240px;
}
.footer-1 .newsletter .btn,
.footer-1 .newsletter input[type="submit"],
.footer-1 .newsletter button{
  height:34px; line-height:34px; padding:0 14px;
  border-radius:6px; border:1px solid #e0c97f;
  background:#d6ad2f; color:#5a1d15; font-weight:700;
  transition: filter .15s ease;
}
.footer-1 .newsletter .btn:hover,
.footer-1 .newsletter input[type="submit"]:hover,
.footer-1 .newsletter button:hover{ filter:brightness(1.05); }

/* ====== 版权行：对齐收口 ====== */
.footer-1 .copyright{
  text-align:center; font-size:13px; color:#8b6a55;
  padding:10px 0 16px; margin:0;
}
.footer-1 .copyright a{ color:#8b6a55; text-decoration:underline; }

/* ====== 通用可访问性：focus 态可见但不撑开 ====== */
.footer-1 a:focus{
  outline:2px solid #d6ad2f; outline-offset:2px;
}