/* Produktbilder i grid: behold kvadratisk ramme, men vis hele motivet. */
.w-grid-item.product .w-post-elm.post_image {
	position: relative;
	aspect-ratio: 1 / 1;
	background: #fff;
	overflow: hidden;
}

.w-grid-item.product .w-post-elm.post_image > a:not(.hj-grid-cart-button) {
	display: block;
	width: 100%;
	height: 100%;
}

.w-grid-item.product .w-post-elm.post_image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	object-position: center !important;
}

/* Rund AJAX-handlekurvknapp på Impreza-produktgrid. */

.w-grid-item.product .hj-grid-cart-button {
	position: absolute;
	right: 0.5rem;
	bottom: 0.5rem;
	z-index: 6;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 2.4rem;
	height: 2.4rem;
	min-width: 2.4rem;
	min-height: 2.4rem;
	padding: 0 !important;
	border: 0.5px solid #111 !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.96) !important;
	color: #1d2226 !important;
	box-shadow: 0 4px 13px rgba(27, 33, 38, 0.2) !important;
	line-height: 1 !important;
	text-decoration: none !important;
	transform: translateZ(0);
	transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease;
	-webkit-tap-highlight-color: transparent;
}

.w-grid-item.product .hj-grid-cart-button svg {
	width: 1.25rem;
	height: 1.25rem;
	overflow: visible;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.65;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.w-grid-item.product .hj-grid-cart-button .hj-grid-cart-plus,
.w-grid-item.product .hj-grid-cart-button .hj-grid-cart-check {
	stroke-width: 1.75;
}

.w-grid-item.product .hj-grid-cart-button .hj-grid-cart-check {
	display: none;
}

.no-touch .w-grid-item.product .hj-grid-cart-button:hover,
.w-grid-item.product .hj-grid-cart-button:focus-visible {
	background: #7a2636 !important;
	border-color: #7a2636 !important;
	color: #fff !important;
	box-shadow: 0 7px 18px rgba(72, 22, 33, 0.28) !important;
	transform: translateY(-2px);
}

.w-grid-item.product .hj-grid-cart-button:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -4px;
}

.w-grid-item.product .hj-grid-cart-button.loading {
	pointer-events: none;
	opacity: 0.72;
	animation: hj-grid-cart-pulse 700ms ease-in-out infinite alternate;
}

.w-grid-item.product .hj-grid-cart-button.added {
	background: #7a2636 !important;
	border-color: #7a2636 !important;
	color: #fff !important;
}

.w-grid-item.product .hj-grid-cart-button.added .hj-grid-cart-plus {
	display: none;
}

.w-grid-item.product .hj-grid-cart-button.added .hj-grid-cart-check {
	display: inline;
}

.w-grid-item.product .hj-grid-cart-button + .added_to_cart.wc-forward {
	display: none !important;
}

@keyframes hj-grid-cart-pulse {
	from { transform: scale(1); }
	to { transform: scale(0.94); }
}

@media (max-width: 767px) {
	.w-grid-item.product .hj-grid-cart-button {
		right: 0.4rem;
		bottom: 0.4rem;
		width: 2.15rem;
		height: 2.15rem;
		min-width: 2.15rem;
		min-height: 2.15rem;
	}

	.w-grid-item.product .hj-grid-cart-button svg {
		width: 1.08rem;
		height: 1.08rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.w-grid-item.product .hj-grid-cart-button {
		transition: none;
	}

	.w-grid-item.product .hj-grid-cart-button.loading {
		animation: none;
	}
}