/* ============================================
   Dakzhou Theme - Cards
   产品卡片、通用卡片样式
   ============================================ */

/* ===== 产品网格 ===== */
.prod-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

/* ===== 产品卡片 ===== */
.prod-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  overflow:hidden;
  transition:all .25s var(--ease);
  position:relative;
  display:flex;
  flex-direction:column;
  cursor:pointer;
}
.prod-card:hover{
  border-color:var(--emerald);
  transform:translateY(-4px);
  box-shadow:0 12px 28px rgba(15,23,42,.10);
}

/* ===== 产品标签 ===== */
.prod-badge{
  position:absolute;
  top:12px;
  left:12px;
  z-index:2;
  display:flex;
  gap:5px;
}
.badge-hot,.badge-new,.badge-sale{
  font-size:.62rem;
  font-weight:700;
  padding:4px 8px;
  border-radius:var(--radius-sm);
  letter-spacing:.4px;
  text-transform:uppercase;
}
.badge-hot{background:var(--orange);color:#fff;}
.badge-new{background:var(--emerald);color:#fff;}
.badge-sale{background:var(--ink);color:#fff;}

/* ===== 心愿单按钮 ===== */
.prod-wishlist{
  position:absolute;
  top:10px;
  right:10px;
  z-index:2;
  background:rgba(255,255,255,.94);
  border-radius:50%;
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color:var(--muted);
  backdrop-filter:blur(6px);
  transition:all .2s var(--ease);
  border:none;
}
.prod-wishlist:hover{
  color:var(--orange);
  background:#fff;
}
.prod-wishlist svg{width:16px;height:16px;}

/* ===== 产品图片 ===== */
.prod-img{
  aspect-ratio:1/1;
  width:100%;
  background:var(--bg-tint);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  position:relative;
}
.prod-img img{
  width:100%;
  height:100%;
  /* contain：卡片图改用不裁切的 medium_large，非方形原图要完整显示
     （cover 会再裁一次）。方形原图在方形盒里表现与 cover 完全相同。 */
  object-fit:contain;
  transition:transform .55s var(--ease-out);
}
.prod-card:hover .prod-img img{
  transform:scale(1.06);
}

/* ===== 产品信息 ===== */
.prod-info{
  padding:14px 16px 16px;
  display:flex;
  flex-direction:column;
  flex:1;
  gap:6px;
}
.prod-cat{
  font-size:.66rem;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:1.4px;
  font-weight:600;
}
.prod-name,.prod-title{
  font-size:.92rem;
  color:var(--ink);
  font-weight:600;
  line-height:1.4;
  margin:0;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:2.5em;
}
.prod-name a,.prod-title a{color:inherit;text-decoration:none;}

/* ===== 评分 ===== */
.prod-rating{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:.74rem;
  margin-top:2px;
}
.stars{color:var(--star);letter-spacing:1px;}
.rating-count{color:var(--muted);}

/* ===== 价格 ===== */
.prod-price{
  display:flex;
  align-items:baseline;
  gap:8px;
  margin-top:auto;
  font-size:1rem;
  font-weight:700;
  color:var(--emerald);
}
.prod-price del{
  color:var(--muted-2);
  font-weight:400;
  font-size:.82rem;
  margin-right:6px;
}
.price-now{font-size:1.05rem;font-weight:800;color:var(--ink);}
.price-old{font-size:.78rem;color:var(--muted-2);text-decoration:line-through;}
.price-discount{
  font-size:.66rem;
  background:var(--mint);
  color:var(--emerald-deep);
  padding:2px 7px;
  border-radius:var(--radius-sm);
  font-weight:700;
  margin-left:auto;
}

/* ===== 库存状态 ===== */
.prod-stock{font-size:.74rem;margin-bottom:6px;}
.stock-in{color:var(--emerald);font-weight:600;}
.stock-out{color:var(--muted-2);}

/* ===== 产品操作按钮 ===== */
.prod-actions{
  display:flex;
  gap:8px;
  margin-top:8px;
}

/* ===== WooCommerce 产品列表 ===== */
.woocommerce ul.products{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  list-style:none;
  padding:0;
  margin:0;
}
.woocommerce ul.products li.product{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  overflow:hidden;
  transition:all .25s var(--ease);
  margin:0;
}
.woocommerce ul.products li.product:hover{
  border-color:var(--emerald);
  transform:translateY(-4px);
  box-shadow:0 12px 28px rgba(15,23,42,.10);
}
.woocommerce ul.products li.product a img{
  width:100%;
  height:auto;
  object-fit:cover;
  transition:transform .4s;
}
.woocommerce ul.products li.product:hover a img{
  transform:scale(1.05);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:.92rem;
  font-weight:600;
  color:var(--ink);
  padding:0 16px;
  margin:12px 0 8px;
}
.woocommerce ul.products li.product .price{
  padding:0 16px;
  font-size:1rem;
  font-weight:700;
  color:var(--emerald);
}
.woocommerce ul.products li.product .button{
  margin:12px 16px 16px;
  width:calc(100% - 32px);
}

/* ===== 通用卡片 ===== */
.card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:24px;
  box-shadow:var(--shadow-sm);
  transition:box-shadow .2s;
}
.card:hover{
  box-shadow:var(--shadow-card);
}
.card-header{
  margin-bottom:16px;
  padding-bottom:16px;
  border-bottom:1px solid var(--border);
}
.card-title{
  font-size:1.1rem;
  font-weight:700;
  color:var(--ink);
  margin:0;
}
.card-body{
  color:var(--ink-2);
  line-height:1.6;
}
.card-footer{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid var(--border);
  display:flex;
  justify-content:flex-end;
  gap:12px;
}

/* ===== 响应式 ===== */
@media (max-width:1024px){
  .prod-grid,
  .woocommerce ul.products{
    grid-template-columns:repeat(3,1fr);
  }
}
@media (max-width:768px){
  .prod-grid,
  .woocommerce ul.products{
    grid-template-columns:repeat(2,1fr);
    gap:14px;
  }
}
@media (max-width:480px){
  .prod-grid,
  .woocommerce ul.products{
    grid-template-columns:1fr;
  }
}