/* ============================================
   旺质康官网 - 产品图片优化 v2
   - 购物车图片优化
   - 结算弹窗图片优化
   - Payment页面商品图片优化
   - 统一aspect-ratio + object-fit
   ============================================ */

/* ===== 购物车页面图片 ===== */
.cart-item .item-image,
.cart-item img.item-image,
.cart-item img[src*="/api/media"] {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  background: linear-gradient(135deg, #f0faf5 0%, #e8f5f0 100%);
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

.cart-item:hover .item-image {
  transform: scale(1.05);
}

/* ===== 购物车下拉面板图片 ===== */
.unified-cart-dropdown .cart-item img,
.cart-dropdown-panel .cart-item img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  width: 50px;
  height: 50px;
  border-radius: 6px;
  background: #f0faf5;
}

/* ===== 结算弹窗图片 ===== */
.wzk-checkout-item-img,
.wzk-checkout-item img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  width: 60px;
  height: 60px;
  border-radius: 8px;
  background: linear-gradient(135deg, #f0faf5 0%, #e8f5f0 100%);
  flex-shrink: 0;
}

/* ===== Payment页面商品图片 ===== */
.payment-order-item img,
[class*="payment"] [class*="item"] img[src*="/api/media"],
[class*="payment"] [class*="product"] img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 8px;
  background: #f0faf5;
}

/* ===== 产品卡片图片统一 ===== */
.pdd-product-image-wrapper img,
.pdd-product-image {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  width: 100%;
  display: block;
  background: linear-gradient(135deg, #f0faf5 0%, #e8f5f0 100%);
}

/* ===== 产品详情页主图 ===== */
.product-detail-image img,
.product-detail-grid img[src*="/api/media"] {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  width: 100%;
  border-radius: 12px;
  background: #f8f9fa;
}

/* ===== 图片加载错误回退 ===== */
img[src*="/api/media"]:not([src$=".svg"]) {
  position: relative;
  min-height: 60px;
  min-width: 60px;
}

img[src*="/api/media"]:not([src$=".svg"]):not([complete]) {
  opacity: 0;
  transition: opacity 0.4s ease;
}

img[src*="/api/media"]:not([src$=".svg"])[complete] {
  opacity: 1;
}

/* ===== 移动端适配 ===== */
@media (max-width: 768px) {
  .cart-item .item-image,
  .cart-item img.item-image,
  .cart-item img[src*="/api/media"] {
    width: 64px;
    height: 64px;
  }
  
  .wzk-checkout-item-img,
  .wzk-checkout-item img {
    width: 48px;
    height: 48px;
  }

  .unified-cart-dropdown .cart-item img,
  .cart-dropdown-panel .cart-item img {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 480px) {
  .cart-item .item-image,
  .cart-item img.item-image {
    width: 56px;
    height: 56px;
  }
}