/* 产品中心专属样式（公共设计系统见 site.css） */
.shop{display:grid;grid-template-columns:248px 1fr;gap:50px;padding:74px 0 110px}
/* 左：分类菜单 */
.shop-aside h4{font-family:var(--serif);font-size:20px;font-weight:600;letter-spacing:.06em;padding-bottom:20px;border-bottom:2px solid var(--ink);margin-bottom:6px}
.cat-nav a{display:flex;align-items:center;justify-content:space-between;padding:16px 4px;font-size:15.5px;color:var(--ink-soft);border-bottom:1px solid var(--line);transition:.3s;position:relative;cursor:pointer}
.cat-nav a::before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:0;height:18px;background:var(--gold);transition:.3s}
.cat-nav a .ar{opacity:0;transition:.3s;color:var(--gold)}
.cat-nav a:hover,.cat-nav a.on{color:var(--gold-deep);padding-left:14px}
.cat-nav a:hover::before,.cat-nav a.on::before{width:3px}
.cat-nav a.on{font-weight:600}
.cat-nav a:hover .ar,.cat-nav a.on .ar{opacity:1}
.cat-nav a .ar svg{width:15px;height:15px}
/* 右：工具条 */
.shop-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:36px;flex-wrap:wrap}
.shop-bar .crumb2{font-size:14px;color:var(--ink-faint)}
.shop-bar .crumb2 b{color:var(--ink);font-weight:600}
.search{display:flex;align-items:stretch;height:50px;border:1px solid var(--line);background:#fff;border-radius:2px;overflow:hidden}
.search input{flex:1;min-width:0;border:none;padding:0 18px;height:100%;width:210px;font-size:14px;outline:none;background:transparent;font-family:inherit}
.search button{border:none;background:var(--gold);color:#fff;height:100%;padding:0 30px;font-size:14px;letter-spacing:.1em;cursor:pointer;transition:.3s;flex-shrink:0}
.search button:hover{background:var(--gold-deep)}
/* 商品网格 */
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.product{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fff;transition:.45s cubic-bezier(.2,.7,.2,1)}
.product:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:transparent}
.product-img{aspect-ratio:1/1;background:#fff;overflow:hidden;padding:22px}
.product-img img{width:100%;height:100%;object-fit:contain;transition:.6s}
.product:hover .product-img img{transform:scale(1.07)}
.product-body{padding:22px 24px 26px;border-top:1px solid var(--line)}
.product-body h3{font-size:16px;font-weight:600;letter-spacing:.02em;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-meta{display:flex;align-items:baseline;justify-content:space-between}
.product-meta .price{font-family:var(--serif);font-size:21px;color:var(--gold-deep);font-weight:600}
.product-meta .price small{font-size:13px;margin-right:2px}
.product-meta .tag{font-family:"Cormorant Garamond",serif;font-size:12px;letter-spacing:.12em;color:var(--ink-faint)}
/* 分页 */
.pager{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:64px;flex-wrap:wrap}
.pager a{min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;font-size:14px;color:var(--ink-soft);border-radius:2px;transition:.3s;padding:0 10px;cursor:pointer}
.pager a:hover{border-color:var(--gold);color:var(--gold-deep)}
.pager a.on{background:var(--gold);color:#fff;border-color:var(--gold)}
.pager a.dis{opacity:.4;pointer-events:none}
/* 响应式 */
@media(max-width:1080px){
  .shop{grid-template-columns:200px 1fr;gap:36px}
  .shop-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .shop{grid-template-columns:1fr;gap:26px}
  .shop-aside h4{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px}
  .cat-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .cat-nav a{border:1px solid var(--line);border-radius:4px;padding:14px 10px!important;justify-content:center;text-align:center}
  .cat-nav a.on{border-color:var(--gold);background:var(--gold-wash)}
  .cat-nav a::before{display:none}
  .cat-nav a .ar{display:none}
}
@media(max-width:560px){
  .shop-grid{grid-template-columns:1fr 1fr;gap:16px}
  .shop-bar{gap:14px}
  .search input{width:130px}
}