/* Phase 7 Feature 10: Product Card Hover (2nd Image + Quick-Add Overlay) */
ul.products li.product,
.products > .product,
.ct-products-container .product {
	position: relative;
}

/* Second gallery image on desktop hover only */
.spf-p7-card-second-wrap {
	display: none;
}
@media (hover: hover) and (pointer: fine) {
	.spf-p7-card-second-wrap {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		aspect-ratio: 1 / 1;
		overflow: hidden;
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.28s ease;
		z-index: 2;
		border-radius: inherit;
	}
	.spf-p7-card-second-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		transform: scale(1.01);
		transition: transform 0.35s ease;
	}
	ul.products li.product:hover .spf-p7-card-second-wrap,
	.products > .product:hover .spf-p7-card-second-wrap {
		opacity: 1;
	}
	ul.products li.product:hover .spf-p7-card-second-img,
	.products > .product:hover .spf-p7-card-second-img {
		transform: scale(1.04);
	}
}

/* 1-Click Quick-Add Overlay Button */
.spf-p7-card-qa-wrap {
	position: relative;
	z-index: 5;
	margin: -42px 10px 10px;
	opacity: 0;
	transform: translateY(6px);
	transition: opacity 0.2s ease, transform 0.2s ease;
	pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
	ul.products li.product:hover .spf-p7-card-qa-wrap,
	.products > .product:hover .spf-p7-card-qa-wrap {
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
	}
}
@media (hover: none), (max-width: 767px) {
	.spf-p7-card-qa-wrap {
		margin: 6px 0;
		opacity: 1;
		transform: none;
		pointer-events: auto;
	}
}
.spf-p7-card-qa-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 9px 12px;
	border-radius: 8px;
	border: 1px solid rgba(15, 23, 42, 0.12);
	background: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(6px);
	color: #0f172a !important;
	font-size: 12.5px;
	font-weight: 700;
	text-decoration: none !important;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.1);
	transition: all 0.18s ease;
}
.spf-p7-card-qa-btn:hover {
	background: #0f172a;
	color: #fff !important;
	border-color: #0f172a;
}
.spf-p7-card-qa-btn.is-loading {
	opacity: 0.75;
	pointer-events: none;
}