/* Papatto Clickable Image Map Pro - Mode B layout */
.pc-split {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}

.pc-split.pc-photo-left {
	flex-direction: row-reverse;
}

.pc-split .pc-map {
	flex: var(--pc-map, 50) 1 0;
	min-width: 0;
}

.pc-split .pc-photo {
	flex: var(--pc-photo, 50) 1 0;
	min-width: 0;
	line-height: 1.6;
}

.pc-photo-item {
	display: none;
	margin: 0;
}

.pc-photo-item.pc-current {
	display: block;
}

.pc-photo-item img {
	display: block;
	width: 100%;
	height: auto;
}

.pc-photo-item figcaption {
	margin-top: 8px;
}

.pc-photo-empty,
.pc-photo-placeholder.pc-current {
	display: block;
	padding: 48px 16px;
	background: #f3f4f5;
	color: #646970;
	text-align: center;
}

.pc-split .pc-hit .pc-area {
	cursor: pointer;
}

.pc-split .pc-hit:focus {
	outline: none;
}

.pc-split .pc-hit:focus-visible .pc-area {
	stroke: #d63638;
	stroke-opacity: 1;
}

.pc-mode-always .pc-hit:hover .pc-area,
.pc-mode-always .pc-hit.pc-active .pc-area {
	fill-opacity: min(calc(var(--pc-fill-o, 0.35) * 1.5), 1);
	stroke-opacity: min(calc(var(--pc-stroke-o, 0.9) * 1.2), 1);
}

.pc-mode-hover .pc-hit:hover .pc-area,
.pc-mode-hover .pc-hit.pc-active .pc-area {
	fill-opacity: var(--pc-fill-o, 0.35);
	stroke-opacity: var(--pc-stroke-o, 0.9);
}

@media (max-width: 640px) {
	.pc-split,
	.pc-split.pc-photo-left {
		flex-direction: column;
	}

	.pc-split .pc-map,
	.pc-split .pc-photo {
		flex: 1 1 auto;
		width: 100%;
	}
}