/* 设计稿750px → 1rem=100px，所有尺寸按设计稿÷100换算 */
/* 容器布局：通用基础样式 */
.product-card-box {
	width: 93.5%;
	margin: 0.12rem auto 0;
	padding: 0;
}

.product-card-container {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	overflow: visible !important;
	height: auto !important;
	gap: 0.12rem; /* 间距调整为0.12rem */
	justify-content: space-between; /* 两端对齐，确保铺满 */
	align-items: flex-start;
}

/* 卡片包裹容器：强制一行2个并铺满 */
.product-card-wrap {
	display: block !important;
	width: calc(50% - 0.06rem) !important; /* 50%宽度 - 间距的一半（0.12rem/2=0.06rem） */
	height: auto !important;
	margin: 0 !important; /* 移除额外margin */
}

/* 卡片核心：通用样式 */
.product-card {
	background: rgb(242, 243, 245);
	cursor: pointer;
	width: 100% !important;
	flex: none;
	box-shadow: 0 0.1125rem 0.4rem rgba(0, 0, 0, 0.05);
	margin: 0 !important;
    box-shadow: 0 0.05rem 0.15rem rgba(0, 0, 0, 0.08); /* 包裹容器阴影 */
	display: flex;
	flex-direction: column;
	height: auto !important;
	transition: transform 0.3s ease;
	border-radius: 0.07rem;
}

/* 卡片hover效果：通用 */
.product-card:hover {
	transform: scale(1.02);
}

/* 图片容器：通用样式 */
.product-card-img {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	flex: 0 0 auto;
	aspect-ratio: 3 / 2.8;
	overflow: hidden;
}

/* 产品图片：通用样式 */
.product-card img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

/* 文字容器：通用样式（居中对齐） */
.product-card-text {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;

	height: auto !important;
	align-items: center;
	text-align: center;
}

/* 标题样式：通用 */
.product-card-title {
	font-size: 0.3rem;
	font-weight: 600;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: auto !important;
	margin-bottom: 0.21rem;
	
}

/* 描述样式：通用（2行截断） */
.product-card-desc {
	font-size: 0.24rem;
	color: #656565;
	word-break: break-word;
	height: auto !important;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.4;
}

/* 链接图标容器：通用样式（居中） */
.product-card-link {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	padding: 0.35rem 0 0.4rem;
	height: auto !important;
	text-align: center;
}

/* 链接图标：通用样式 */
.product-card-link img {
	width: 1.54rem;
	height: auto;
	object-fit: contain;
}