.pnp-wrapper {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 24px;
	width: 100%;
}

.pnp-box {
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	text-decoration: none !important;
	min-height: min-content;
	transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.pnp-box--img-side {
	flex-direction: row;
	align-items: center;
	gap: 16px;
}

.pnp-box--next.pnp-box--img-side {
	flex-direction: row-reverse;
}

.pnp-box--img-side .pnp-box__image {
	width: 120px;
	height: 120px;
	border-radius: 6px;
}

.pnp-box--img-side .pnp-box__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pnp-box__image {
	line-height: 0;
	overflow: hidden;
	flex-shrink: 0;
}

.pnp-box__image img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	transition: transform .35s ease, filter .35s ease;
}

.pnp-box--grayscale .pnp-box__image img {
	filter: grayscale(100%);
}

.pnp-box--grayscale:hover .pnp-box__image img {
	filter: grayscale(0%);
}

.pnp-box:hover .pnp-box__image img {
	transform: scale(1.04);
}

.pnp-box__content {
	flex: 1 1 auto;
	padding: 20px;
	min-width: 0;
}

.pnp-box--next .pnp-box__content {
	text-align: right;
}

.pnp-box__label-row {
	display: flex;
	align-items: center;
	gap: 6px;
}

.pnp-box--next .pnp-box__label-row {
	justify-content: flex-end;
}

.pnp-box__label {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.pnp-box__icon {
	display: inline-flex;
	align-items: center;
	line-height: 0;
}

.pnp-box__title {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	word-break: break-word;
}

@media (max-width: 767px) {
	.pnp-wrapper {
		flex-direction: column;
	}

	.pnp-box--next .pnp-box__content,
	.pnp-box--next .pnp-box__label-row {
		text-align: left;
		justify-content: flex-start;
	}
}