/* ============================================================
   产品订购页 · 首页同款配色（暖白炭黑 + 首页壁纸背景）
   ============================================================ */
:root{
  --ct-text:#2a2724;
  --ct-muted:#7a7267;
  --ct-accent:#b08968;
  --ct-grad:linear-gradient(135deg,#423b33,#1e1b18);
}

body{
  color:var(--ct-text)!important;
  background:
    linear-gradient(180deg, rgba(247,243,234,.50) 0%, rgba(240,234,222,.62) 100%),
    url('/bj/desktop-wallpaper.jpg') no-repeat center center fixed!important;
  background-size:cover, cover!important;
}

/* 顶部导航：沿用首页白色毛玻璃 + 炭黑文字 */
.top-nav{
  background:rgba(255,255,255,.78)!important;
  border-bottom:1px solid rgba(255,255,255,.8)!important;
  box-shadow:0 8px 24px rgba(120,105,88,.16)!important;
  backdrop-filter:blur(20px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(130%)!important;
}
.nav-logo,.nav-logo a{color:var(--ct-text)!important}
.nav-logo a::after{content:" ✿";color:var(--ct-accent);font-size:13px}
.nav-menu a{color:#5f5a70!important;font-weight:700!important;padding:9px 14px;border-radius:12px;transition:.2s}
.nav-menu a:hover,.nav-menu a.active{
  color:var(--ct-text)!important;
  background:rgba(66,59,51,.08)!important;
}

/* 页面标题（壁纸上的白字） */
.content h1,.content p.text-white,.text-white{color:#fff!important;text-shadow:0 2px 10px rgba(60,50,40,.45)}

/* 分类按钮 */
.cat-nav-item .btn{
  border:1px solid rgba(255,255,255,.7)!important;
  background:rgba(255,255,255,.6)!important;
  color:#5f5a70!important;
  box-shadow:0 8px 20px rgba(120,105,88,.14)!important;
  backdrop-filter:blur(14px);
  font-weight:700;
}
.cat-nav-item .btn:hover{color:var(--ct-text)!important;background:rgba(255,255,255,.82)!important}
.cat-nav-item .btn-danger{
  background:var(--ct-grad)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 10px 24px rgba(50,44,36,.26)!important;
}
.cat-nav-item .btn-light{background:rgba(255,255,255,.6)!important;color:#5f5a70!important}

/* 产品卡片：暖白毛玻璃 */
.product-card{
  background:linear-gradient(145deg,rgba(255,255,255,.80),rgba(255,255,255,.54))!important;
  border:1px solid rgba(255,255,255,.85)!important;
  box-shadow:0 18px 44px rgba(90,78,62,.16)!important;
  border-radius:22px!important;
  backdrop-filter:blur(20px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(130%)!important;
}
.five-col-item:nth-child(4n+1) .product-card,
.five-col-item:nth-child(4n+2) .product-card,
.five-col-item:nth-child(4n+3) .product-card,
.five-col-item:nth-child(4n) .product-card{
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.56))!important;
}
.product-card h5{color:var(--ct-text)!important}
.product-card .h4,.wc-pc-price-row strong{color:var(--ct-text)!important}
.product-card .text-info{color:#8a8378!important}
.product-card .text-muted{color:var(--ct-muted)!important}
.wc-pc-price-row{
  border-top:1px dashed rgba(120,105,88,.22)!important;
  border-bottom:1px dashed rgba(120,105,88,.22)!important;
}

/* 色带图标：炭黑 */
.wc-pc-ribbon{background:var(--ct-grad)!important;box-shadow:0 8px 18px rgba(50,44,36,.24)!important}
.five-col-item:nth-child(4n+2) .wc-pc-ribbon,
.five-col-item:nth-child(4n+3) .wc-pc-ribbon,
.five-col-item:nth-child(4n) .wc-pc-ribbon{background:var(--ct-grad)!important}

/* 库存徽章 */
.wc-pc-stock{background:rgba(16,185,129,.16)!important;color:#0e9f6e!important}
.wc-pc-stock-out{background:rgba(239,68,68,.14)!important;color:#dc2626!important}

/* 按钮 */
.btn-primary{
  background:var(--ct-grad)!important;
  border:0!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(50,44,36,.24)!important;
}
.btn-danger{background:linear-gradient(135deg,#ef4444,#f87171)!important;border:0!important;color:#fff!important}
.text-success{color:#0e9f6e!important}

/* 手机端分类按钮适配：缩小内边距与字号、允许换行，避免文字溢出框外 */
@media(max-width:768px){
  .cat-nav-item .btn{
    padding-left:14px!important;
    padding-right:14px!important;
    font-size:13px!important;
    white-space:normal!important;
    line-height:1.35!important;
    word-break:break-word;
    height:auto!important;
  }
  .cat-nav-item .btn .fas{margin-right:0}
}