.product-card {
	container-type: inline-size;
	color: var(--color-black);
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	line-height: 1.25rem;
	font-weight: 450;
	/*letter-spacing: .05ch;*/

	.gallery_wrap {
		position: relative;
		border-radius: 1rem;

		.actions {
			position: absolute;
			top: 0;
			right: 0;
			display: flex;
			flex-direction: column;
			border-radius: 0 1rem 0 1rem;
			padding: 0.25rem;
			gap: 0.25rem;
			background-color: color-mix(in oklab, #fff 70%, transparent);

			button {
				aspect-ratio: 1 / 1;
				padding: 0.5rem;
				border-radius: 3rem;
				display: flex;
				justify-content: center;
				align-items: center;

				&:hover {
					background-color: color-mix(
						in oklab,
						var(--color-gray) 40%,
						transparent
					);
					color: var(--blue);
				}
				&.active {
					color: var(--blue);
				}
			}
		}
	}

	.price {
		font-size: var(--text-lg);
		font-weight: 600;
		line-height: 1em;
		margin-top: 0.4rem;
	}

	.stock {
		&.in-stock {
			color: var(--color-green);
		}
		&.out-of-stock {
			color: var(--color-orange);
		}
	}

	.title {
		transition: all 0.2s linear;
		color: var(--color-black);
	}

	.code {
		color: color-mix(in oklab, var(--color-gray) 70%, #000000);
	}

	&:hover {
		.title {
			color: var(--blue);
		}
	}
}