/* ============================================================
   Yoga Theme (model28) - 公共样式
   风格：极简柔和风（鼠尾草绿+米白+深墨）
   字体：Montserrat (无衬线)
   配色：鼠尾草绿 #B8C4B8 / 米白 #F5F5F0 / 深墨 #1a1a1a
   ============================================================ */

/* ========== Yoga 极简导航 (pl-head4) ==========
   结构：汉堡+胶囊菜单 居左 | 品牌 Logo 居中 | 搜索+购物车+账户 居右
   设计：米白底、圆角胶囊按钮、柔和阴影
   ============================================================ */
.pl-head4 {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(245, 245, 240, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 1px 0 rgba(0,0,0,0.04);
}

.pl-head4 .uk-container,
.pl-head4 .uk-container.uk-container-expand {
  max-width: 1400px;
  padding: 0 32px;
}

/* 三栏 Flex 布局：左/中/右 */
.pl-head4__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 76px;
  gap: 24px;
  position: relative;
}

/* === 左侧：汉堡 + 胶囊菜单 === */
.pl-head4__left {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
}

/* 汉堡按钮（桌面隐藏，移动端显示） */
.pl-head4__burger {
  display: none;
  width: 40px;
  height: 40px;
  border: none;
  background: transparent;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #1a1a1a;
}

/* 胶囊式导航列表 */
.pl-head4__pills {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pl-head4__pills li {
  position: relative;
}
.pl-head4__pills a {
  display: inline-block;
  padding: 8px 18px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #6b7280;
  text-decoration: none;
  border-radius: 999px;
  transition: all 0.3s ease;
}
/* 激活态：白底 + 深字 */
.pl-head4__pills li.is-active a {
  background: #1a1a1a;
  color: #ffffff;
}
.pl-head4__pills a:hover {
  color: #1a1a1a;
}

/* === 居中：品牌 Logo === */
.pl-head4__logo {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #1a1a1a;
  text-decoration: none !important;
  flex-shrink: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s;
}
.pl-head4__logo:hover {
  opacity: 0.7;
}

/* === 右侧：搜索 + 购物车 + 账户 === */
.pl-head4__right {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
  justify-content: flex-end;
}

/* 搜索框 */
.pl-head4__search {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,0.6);
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 999px;
  padding: 8px 16px;
  min-width: 200px;
  transition: border-color 0.3s;
}
.pl-head4__search:focus-within {
  border-color: #B8C4B8;
}
.pl-head4__search i {
  font-size: 16px;
  color: #9ca3af;
}
.pl-head4__search input {
  border: none;
  outline: none;
  background: transparent;
  font-size: 13px;
  color: #1a1a1a;
  width: 100%;
}
.pl-head4__search input::placeholder {
  color: #9ca3af;
}

/* 图标按钮（购物车、用户） */
.pl-head4__icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #1a1a1a;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.3s;
}
.pl-head4__icon:hover {
  background: rgba(0,0,0,0.04);
}
.pl-head4__icon i {
  font-size: 20px;
  color: #1a1a1a;
}

/* 购物车角标 */
.pl-head4__badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: #1a1a1a;
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  min-width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  line-height: 1;
}

/* 用户头像按钮 */
.pl-head4__user {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #1a1a1a;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.3s;
}
.pl-head4__user:hover {
  background: rgba(0,0,0,0.04);
}
.pl-head4__user i {
  font-size: 20px;
}

/* 已登录头像 */
.pl-head4__avatar-btn {
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
}
.pl-head4__avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #B8C4B8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pl-head4__avatar i {
  font-size: 18px;
  color: #1a1a1a;
}

/* 下拉菜单 */
.pl-head4__dropdown {
  border: none;
  border-radius: 16px;
  padding: 8px 0;
  background: #ffffff;
  box-shadow: 0 8px 32px rgba(0,0,0,0.1);
  min-width: 200px;
}
.pl-head4__dropdown .uk-dropdown-nav li a {
  color: #374151;
  font-size: 13px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 0.3s;
}
.pl-head4__dropdown .uk-dropdown-nav li a i {
  color: #B8C4B8;
  font-size: 16px;
}
.pl-head4__dropdown .uk-dropdown-nav li a:hover {
  background: #f5f5f0;
  color: #1a1a1a;
}

/* === 响应式 === */
@media (max-width: 1199px) {
  .pl-head4__search {
    min-width: 150px;
  }
  .pl-head4__pills a {
    padding: 8px 14px;
    font-size: 12px;
  }
}

@media (max-width: 959px) {
  .pl-head4__pills { display: none; }
  .pl-head4__burger { display: flex; }
  .pl-head4__search { display: none; }
  .pl-head4__nav { min-height: 64px; }
  .pl-head4__logo { font-size: 18px; }
  .pl-head4__right { gap: 8px; }
}

@media (max-width: 639px) {
  .pl-head4 .uk-container { padding: 0 16px; }
  .pl-head4__logo { font-size: 16px; }
  .pl-head4__icon, .pl-head4__user { width: 36px; height: 36px; }
}

/* ============================================================
   以下为原有 NOVA 公共样式（兼容其他页面）
   ============================================================
   ============================================================ */

/* ========== 字体定义 ========== */


@font-face {
  font-family: 'novSans';
  src: url('../fonts/Montserrat-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

/* ========== 设计令牌 (CSS Variables) ========== */
:root {
  --nov-ink:       #1A1A1A;   /* 深墨：标题/正文深色 */
  --nov-ink-70:    #3D3D3D;
  --nov-ink-40:    #808080;
  --nov-ink-20:    #B5B5B5;
  --nov-gold:      #C9A962;   /* 香槟金：强调色（保留兼容其他页面） */
  --nov-gold-70:   #D9C28B;
  --nov-sage:      #5A6B5B;   /* 鼠尾草绿：辅助强调 */
  --nov-sage-70:   #819383;
  --nov-cream:     #FAF8F4;   /* 米白：页面背景 */
  --nov-linen:     #F2EFE9;   /* 亚麻：区块背景 */
  --nov-line:      #E8E4DD;   /* 淡金灰：分隔线/边框 */
  --nov-white:     #FFFFFF;
  --nov-gold-bright: #E5B80B; /* 金黄：首页专用强调色 */
  --nov-gold-bright-70: #F4C430;
  --nov-shadow-s:  0 2px 12px rgba(26,26,26,0.06);
  --nov-shadow-m:  0 10px 30px rgba(26,26,26,0.08);
  --nov-shadow-l:  0 20px 60px rgba(26,26,26,0.12);
  --nov-ease:      cubic-bezier(0.4, 0, 0.2, 1);
  --nov-trans:     0.35s var(--nov-ease);
}

/* ========== 全站字体统一 (覆盖内联样式) ========== */
html, body {
  font-family: novSans, 'Montserrat', sans-serif !important;
  color: var(--nov-ink);
  background: var(--nov-cream);
}

.nov-body {
  margin: 0;
  padding: 0;
  background: var(--nov-cream);
  color: var(--nov-ink);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* 标题统一用衬线 */
h1, h2, h3, h4, h5, h6 {
  font-family: novSans, 'Montserrat', sans-serif !important;
  font-weight: 400;
  color: var(--nov-ink);
  margin: 0;
  line-height: 1.25;
  letter-spacing: 0.01em;
}

a, span, p, li, button, input, select, textarea, label, div {
  font-family: novSans, 'Montserrat', sans-serif !important;
}

a {
  color: var(--nov-ink);
  text-decoration: none;
  transition: color var(--nov-trans);
}

a:hover {
  color: var(--nov-gold);
}

/* UIKit 组件字体覆盖 */
.uk-container, .uk-section, .uk-grid,
.uk-button, .uk-input, .uk-select, .uk-textarea,
.uk-card, .uk-badge, .uk-label, .uk-alert,
.uk-dropdown, .uk-nav, .uk-offcanvas, .uk-modal,
.uk-pagination, .uk-breadcrumb, .uk-table {
  font-family: 'Montserrat', sans-serif !important;
}

/* ========== 通用按钮组件 (nov-btn) ========== */
.nov-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 34px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none !important;
  transition: all var(--nov-trans);
  background: transparent;
  color: var(--nov-ink);
}

.nov-btn i {
  font-size: 15px;
  transition: transform 0.4s var(--nov-ease);
}

/* 深墨底 + 金字 */
.nov-btn--dark {
  background: var(--nov-ink);
  color: var(--nov-gold) !important;
  border-color: var(--nov-ink);
}

.nov-btn--dark:hover {
  background: var(--nov-gold);
  color: var(--nov-ink) !important;
  border-color: var(--nov-gold);
}

.nov-btn--dark:hover i { transform: translateX(4px); }

/* 金底 + 深墨字 */
.nov-btn--gold {
  background: var(--nov-gold);
  color: var(--nov-ink) !important;
  border-color: var(--nov-gold);
}

.nov-btn--gold:hover {
  background: var(--nov-ink);
  color: var(--nov-gold) !important;
  border-color: var(--nov-ink);
}

.nov-btn--gold:hover i { transform: translateX(4px); }

/* 幽灵按钮：金边深墨字 */
.nov-btn--ghost {
  background: transparent;
  color: var(--nov-ink) !important;
  border-color: var(--nov-gold);
}

.nov-btn--ghost:hover {
  background: var(--nov-gold);
  color: var(--nov-ink) !important;
}

.nov-btn--ghost:hover i { transform: translateX(4px); }

/* ========== ========== Section 1: Planoi 极简导航 (pl-head) ========== ========== */
/* 极简白底导航：Logo(黄色定位针+品牌名) 居左 | 菜单 居中 | 工具(购物车+搜索+账户) 居右 */
/* 设计：纯白底、无边框、无阴影、大量留白、轻量灰色菜单文字 */

/* === 导航容器 === */
.pl-head {
  background: var(--nov-white);
  position: sticky;
  top: 0;
  z-index: 1000;
  border-bottom: none;
}

.pl-head .uk-container,
.pl-head .uk-container.uk-container-expand {
  max-width: 1400px;
  padding: 0 40px;
}

/* 三栏 Flex 布局 */
.pl-head__nav {
  display: flex;
  align-items: center;
  min-height: 72px;
  gap: 24px;
  position: relative;
}

/* === 左侧 Logo：黄色定位针图标 + 品牌名 === */
.pl-head__logo {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none !important;
  flex-shrink: 0;
}

.pl-head__logo i {
  font-size: 28px;
  color: #F5C518;          /* 黄色定位针图标 */
  line-height: 1;
}

.pl-head__brand {
  font-family: novSans, 'Montserrat', sans-serif !important;
  font-size: 22px;
  font-weight: 700;        /* 粗体品牌名 */
  color: #1A1A1A;
  letter-spacing: -0.01em;
  line-height: 1;
}

.pl-head__logo:hover .pl-head__brand {
  opacity: 0.7;
  transition: opacity var(--nov-trans);
}

/* === 中间菜单 === */
.pl-head__menu {
  display: flex;
  align-items: center;
  gap: 28px;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  flex: 1;
  justify-content: center;
}

.pl-head__menu li { position: relative; }

.pl-head__menu a {
  font-size: 11px;
  font-weight: 400;          /* 轻量字重 */
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #999;               /* 中灰色菜单文字 */
  padding: 6px 0;
  display: inline-block;
  text-decoration: none;
  position: relative;
  transition: color var(--nov-trans);
}

.pl-head__menu li.is-cur a,
.pl-head__menu a:hover {
  color: #1A1A1A;            /* 当前/悬停：深墨色 */
}

/* === 右侧工具区 === */
.pl-head__tools {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
}

/* 图标按钮（购物车、搜索） */
.pl-head__icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  text-decoration: none;
  cursor: pointer;
  transition: opacity var(--nov-trans);
}

.pl-head__icon i {
  font-size: 20px;
  color: #333;
}

.pl-head__icon:hover {
  opacity: 0.6;
}

/* 购物车角标 */
.pl-head__badge {
  position: absolute;
  top: -6px;
  right: -8px;
  background: #F5C518;
  color: #1A1A1A;
  font-size: 10px;
  font-weight: 700;
  min-width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  line-height: 1;
}

/* 账户区域 */
.pl-head__account {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 0;
  transition: opacity var(--nov-trans);
}

.pl-head__account:hover { opacity: 0.6; }

.pl-head__login {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #666;
}

.pl-head__user {
  font-size: 12px;
  font-weight: 400;
  color: #666;
}

/* 圆形头像 */
.pl-head__avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #F5C518;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.pl-head__avatar i {
  font-size: 14px;
  color: #1A1A1A;
}

.pl-head__chevron {
  font-size: 16px;
  color: #999;
}

/* === 下拉菜单 === */
.pl-head__dropdown .uk-dropdown {
  border: none;
  border-radius: 0;
  padding: 8px 0;
  background: #FFF;
  box-shadow: 0 4px 24px rgba(0,0,0,0.08);
  min-width: 200px;
}

.pl-head__menu-dropdown .uk-dropdown-nav li a {
  color: #333;
  font-size: 13px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all var(--nov-trans);
  text-transform: none;
  letter-spacing: 0;
}

.pl-head__menu-dropdown .uk-dropdown-nav li a i {
  color: #F5C518;
  font-size: 16px;
}

.pl-head__menu-dropdown .uk-dropdown-nav li a:hover {
  background: #F7F7F7;
  color: #1A1A1A;
}

/* === 移动端汉堡按钮 === */
.pl-head__burger {
  display: none;
  width: 36px;
  height: 36px;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 8px 4px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  flex-shrink: 0;
}

.pl-head__burger span {
  display: block;
  height: 2px;
  background: #1A1A1A;
  transition: all var(--nov-trans);
}

/* === 搜索弹窗 === */
.pl-search-modal .uk-modal-dialog {
  background: #FFF;
  border-radius: 0;
  padding: 48px;
  box-shadow: var(--nov-shadow-l);
}

.pl-search-title {
  font-family: novSans, 'Montserrat', sans-serif !important;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  color: #1A1A1A;
  margin: 0 0 32px;
  letter-spacing: 0.05em;
}

.pl-search-modal .uk-input {
  background: transparent;
  border: 1px solid #E8E8E8;
  padding: 16px 48px;
  height: auto;
  font-size: 14px;
  color: #1A1A1A;
  transition: border-color var(--nov-trans);
  border-radius: 0;
}

.pl-search-modal .uk-input:focus {
  border-color: #F5C518;
  outline: none;
}

.pl-search-modal .uk-form-icon {
  color: #999;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
}

.pl-search-btn {
  display: block;
  margin: 24px auto 0;
  padding: 14px 48px;
  background: #F5C518;
  color: #1A1A1A !important;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  transition: all var(--nov-trans);
  border-radius: 0;
}

.pl-search-btn:hover {
  background: #D9A800;
}

/* === 移动端 Off-canvas === */
.pl-mobile-wrap .uk-offcanvas-bar {
  background: #1A1A1A;
  color: #FFF;
  width: 300px;
  padding: 36px 28px;
}

.pl-mobile-logo {
  font-family: novSans, 'Montserrat', sans-serif !important;
  font-size: 24px;
  font-weight: 700;
  color: #FFF;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 36px;
  text-decoration: none;
}

.pl-mobile-logo i {
  font-size: 24px;
  color: #F5C518;
}

.pl-mobile-wrap .uk-offcanvas-bar .uk-nav li a {
  color: rgba(255,255,255,0.85);
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  transition: all var(--nov-trans);
}

.pl-mobile-wrap .uk-offcanvas-bar .uk-nav li.uk-active a,
.pl-mobile-wrap .uk-offcanvas-bar .uk-nav li a:hover {
  color: #F5C518;
  background: transparent;
}

.pl-mobile-wrap .uk-offcanvas-close {
  color: rgba(255,255,255,0.7);
}

/* === 首页导航覆盖（保持纯白底） === */
.nov-home .pl-head {
  background: #eee !important;
}

/* ========== ========== 响应式 ========== ========== */
@media (max-width: 1199px) {
  .pl-head__menu { gap: 20px; }
  .pl-head__menu a { font-size: 10px; letter-spacing: 1.5px; }
  .pl-head .uk-container { padding: 0 24px; }
}

@media (max-width: 959px) {
  .pl-head__menu { display: none; }
  .pl-head__nav { min-height: 64px; gap: 16px; }
  .pl-head__brand { font-size: 20px; }
  .pl-head__logo i { font-size: 24px; }
  .pl-head__burger { display: flex; }
  .pl-head__tools { gap: 14px; }
  .pl-head__account .pl-head__user { display: none; }
  .pl-head__chevron { display: none; }
  .pl-head .uk-container { padding: 0 20px; }
}

@media (max-width: 639px) {
  .pl-head__brand { font-size: 18px; }
  .pl-head__icon i { font-size: 18px; }
  .pl-head__login { font-size: 10px; }
  .pl-head__avatar { width: 24px; height: 24px; }
}

/* ========== ========== Section Footer (nov-footer) ========== ========== */

.nov-footer {
  background: var(--nov-ink);
  color: rgba(255,255,255,0.7);
  margin-top: 0;
  padding-top: 0;
}

/* Footer 顶层：品牌大标 + 订阅 */
.nov-footer__hero {
  background: var(--nov-ink);
  border-bottom: 1px solid rgba(255,255,255,0.06);
  padding: 72px 0 64px;
}

.nov-footer__hero-inner {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 80px;
  align-items: center;
}

.nov-footer__brand {
  max-width: 520px;
}

.nov-footer__brand-mark {
  font-family: novSans, 'Montserrat', sans-serif !important;
  font-size: 52px;
  font-weight: 400;
  color: var(--nov-gold);
  letter-spacing: 0.08em;
  line-height: 1;
  margin: 0 0 12px;
}

.nov-footer__brand-tag {
  font-size: 11px;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.35);
  margin: 0 0 28px;
}

.nov-footer__brand-desc {
  color: rgba(255,255,255,0.55);
  font-size: 14px;
  line-height: 1.8;
  margin: 0;
}

.nov-footer__subscribe h4 {
  font-family: novSans, 'Montserrat', sans-serif !important;
  font-size: 22px;
  font-weight: 400;
  color: var(--nov-white);
  margin: 0 0 8px;
  letter-spacing: 0.02em;
}

.nov-footer__subscribe p {
  color: rgba(255,255,255,0.45);
  font-size: 13px;
  margin: 0 0 22px;
}

.nov-footer__form {
  display: flex;
  gap: 0;
  border: 1px solid rgba(255,255,255,0.12);
  transition: border-color var(--nov-trans);
}

.nov-footer__form:focus-within {
  border-color: var(--nov-gold);
}

.nov-footer__form input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  padding: 16px 20px;
  color: var(--nov-white);
  font-size: 13px;
  border-radius: 0;
}

.nov-footer__form input::placeholder {
  color: rgba(255,255,255,0.35);
}

.nov-footer__form button {
  background: var(--nov-gold);
  color: var(--nov-ink);
  border: none;
  padding: 16px 30px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all var(--nov-trans);
}

.nov-footer__form button:hover {
  background: var(--nov-white);
}

/* Footer 中层：3栏链接网格 */
.nov-footer__main {
  padding: 60px 0;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.nov-footer__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
}

.nov-footer__col-title {
  font-family: novSans, 'Montserrat', sans-serif !important;
  font-size: 18px;
  font-weight: 400;
  color: var(--nov-white);
  margin: 0 0 24px;
  letter-spacing: 0.02em;
  position: relative;
  padding-bottom: 14px;
}

.nov-footer__col-title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 36px;
  height: 2px;
  background: var(--nov-gold);
}

.nov-footer__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nov-footer__list li {
  margin: 0 0 12px;
}

.nov-footer__list a {
  color: rgba(255,255,255,0.55);
  font-size: 13px;
  text-decoration: none;
  transition: all var(--nov-trans);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.nov-footer__list a:hover {
  color: var(--nov-gold);
  padding-left: 4px;
}

/* 联系信息 */
.nov-footer__contact p {
  color: rgba(255,255,255,0.55);
  font-size: 13px;
  margin: 0 0 14px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  line-height: 1.7;
}

.nov-footer__contact p i {
  color: var(--nov-gold);
  font-size: 15px;
  flex-shrink: 0;
  margin-top: 3px;
}

/* Footer 底部：版权 + 支付卡种 */
.nov-footer__bottom {
  padding: 28px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.nov-footer__copy {
  color: rgba(255,255,255,0.4);
  font-size: 12px;
  margin: 0;
}

.nov-footer__links {
  display: flex;
  align-items: center;
  gap: 24px;
}

.nov-footer__links a {
  color: rgba(255,255,255,0.4);
  font-size: 12px;
  text-decoration: none;
  transition: color var(--nov-trans);
}

.nov-footer__links a:hover { color: var(--nov-gold); }

.nov-footer__cards {
  display: flex;
  align-items: center;
  gap: 10px;
}

.nov-footer__cards img {
  height: 28px;
  width: auto;
  display: block;
  opacity: 0.85;
  transition: all var(--nov-trans);
  background: var(--nov-white);
  padding: 4px 8px;
}

.nov-footer__cards img:hover {
  opacity: 1;
  transform: translateY(-2px);
}

/* ========== 购物车徽章 ========== */
.nov-cart-count {
  position: absolute;
  top: -6px;
  right: -8px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  background: var(--nov-gold);
  color: var(--nov-ink);
  font-size: 10px;
  font-weight: 700;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* ========== 响应式：平板 ========== */
@media (max-width: 1199px) {
  .nov-nav__menu { gap: 20px; }
  .nov-nav__menu a { font-size: 11px; letter-spacing: 1.5px; }
  .nov-logo__mark { font-size: 28px; }
  .nov-nav__info { display: none; }
  .nov-nav__divider { display: none; }
  .nov-nav { gap: 20px; }
  .nov-footer__hero-inner { grid-template-columns: 1fr; gap: 40px; }
  .nov-footer__grid { grid-template-columns: repeat(2, 1fr); gap: 40px; }
}

/* ========== 响应式：手机 ========== */
@media (max-width: 959px) {
  .nov-nav__menu { display: none; }
  .nov-nav { min-height: 76px; }
  .nov-nav__toggle { display: inline-flex; }
  .nov-logo__mark { font-size: 24px; }
  .nov-logo__sub { display: none; }
  .nov-nav__tools { gap: 12px; }
  .nov-nav__tool span { display: none; }
  .nov-footer__hero { padding: 48px 0 40px; }
  .nov-footer__brand-mark { font-size: 36px; }
  .nov-footer__main { padding: 40px 0; }
  .nov-footer__grid { grid-template-columns: 1fr; gap: 36px; }
  .nov-footer__bottom { flex-direction: column; text-align: center; }
}

@media (max-width: 639px) {
  .nov-footer__form { flex-direction: column; gap: 0; }
  .nov-footer__form button { width: 100%; }
  .nov-footer__cards img { height: 24px; }
}

/* ============================================================
   首页(.nov-home) 导航覆盖 — Planoi 纯白底
   首页导航保持纯白底，与其他页面一致
   ============================================================ */
.nov-home .pl-head {
  background: #FFFFFF;
}
.nov-home .pl-head__menu a {
  color: #999;
}
.nov-home .pl-head__menu li.is-cur a,
.nov-home .pl-head__menu a:hover {
  color: #1A1A1A;
}
.nov-home .pl-head__brand {
  color: #1A1A1A;
}
.nov-home .pl-head__logo i {
  color: #F5C518;
}

/* ============================================================
   兼容样式：产品列表/详情/购物车/用户中心等页面共享
   这些样式原属 model23 public.css，此处保留以确保
   除首页以外的页面不受 NOVA 主题重构影响
   ============================================================ */

/* bxzwjh 字体别名映射（消除数据库配置引用不存在字体时的控制台错误） */
@font-face {
  font-family: bxzwjh;
  src: url('../fonts/Montserrat-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

/* ========== 产品列表/详情页公共容器 ========== */
.am-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}

.am-section {
  position: relative;
}

.am-section-title {
  font-family: novSans, 'Montserrat', sans-serif !important;
  font-size: 36px;
  font-weight: 400;
  color: var(--nov-ink);
  margin: 0;
  line-height: 1.2;
}

/* ========== 分页样式（产品列表页等） ========== */
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 30px 0;
  padding: 0;
  list-style: none;
}

.pagination li a,
.pagination li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 10px;
  border: 1px solid var(--nov-line);
  color: var(--nov-ink);
  text-decoration: none;
  transition: all 0.2s ease;
  font-size: 14px;
  box-sizing: border-box;
}

.pagination li a:hover {
  background-color: var(--nov-linen);
  border-color: var(--nov-gold);
}

.pagination li.active span {
  background-color: var(--nov-ink);
  border-color: var(--nov-ink);
  color: var(--nov-white);
}

.pagination li.disabled span {
  color: var(--nov-ink-20);
  cursor: not-allowed;
  background: var(--nov-linen);
}

/* ========== 产品列表/详情页响应式 ========== */
@media (max-width: 767px) {
  .am-container { padding: 0 16px; }
  .am-section-title { font-size: 26px; }
}

/* ============================================================
   底部 (pl-foot4) — 品牌 + 横向链接组 + 反向底栏
   ============================================================ */
.pl-foot4 {
  background: #1a1a1a;
  color: rgba(255, 255, 255, 0.75);
  margin-top: 60px;
}

/* ---------- 顶部：品牌 + 营业时间 ---------- */
.pl-foot4__top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  padding: 48px 0 32px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.pl-foot4__logo {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none !important;
}
.pl-foot4__logo:hover { color: #B8C4B8; }

.pl-foot4__tagline {
  margin: 8px 0 0;
  font-size: 13px;
  color: #B8C4B8;
}

.pl-foot4__hours { text-align: right; }
.pl-foot4__hours-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #B8C4B8;
}
.pl-foot4__hours-value {
  margin: 6px 0 0;
  font-size: 14px;
  color: #fff;
}

/* ---------- 中部：横向链接组 ---------- */
.pl-foot4__middle {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 32px;
  padding: 36px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.pl-foot4__group-title {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #B8C4B8;
  margin: 0 0 16px;
}

.pl-foot4__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
}
.pl-foot4__list a {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.75);
  text-decoration: none;
  transition: color 0.25s ease;
}
.pl-foot4__list a:hover {
  color: #fff;
}

/* ---------- 底部：卡种（左） + 版权（右） ---------- */
.pl-foot4__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 0;
}

.pl-foot4__cards {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.pl-foot4__cards img {
  height: 28px;
  width: auto;
  opacity: 0.85;
  transition: opacity 0.25s ease;
}
.pl-foot4__cards img:hover { opacity: 1; }

.pl-foot4__copy {
  margin: 0;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.55);
  text-align: right;
}

/* ---------- 响应式 ---------- */
@media (max-width: 959px) {
  .pl-foot4__top {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
  .pl-foot4__hours { text-align: left; }
  .pl-foot4__middle { grid-template-columns: repeat(2, 1fr); gap: 28px; }
  .pl-foot4__bottom {
    flex-direction: column-reverse;
    align-items: center;
    gap: 16px;
  }
  .pl-foot4__copy { text-align: center; }
}