/* Branches card, matched to Figma node 2348:593 (1536 frame, card cluster 1436×649). */
.pkh-branches,
html.pk-scaled .pkh-branches {
	display: block;
	grid-template-columns: none;
	height: auto;
	min-height: 0;
	padding: 56px 16px 72px;
	background: #faeddc;
	direction: rtl;
}

.pkh-bcard-fit {
	container-type: inline-size;
	width: min(1436px, 100%);
	height: calc(649px * min(1, 100cqi / 1436px));
	margin-inline: auto;
}

.pkh-bcard {
	display: flex;
	align-items: center;
	direction: ltr;
	width: 1436px;
	height: 649px;
	transform: scale(min(1, 100cqi / 1436px));
	transform-origin: top left;
	font-family: Vazirmatn, var(--pk-font);
	color: #fff3e6;
}

.pkh-bcard__tab {
	flex: 0 0 82px;
	width: 82px;
	height: 522px;
	padding: 0;
	border: 0;
	background: url("../img/home/branches/tab-map.svg") center / 82px 522px no-repeat;
	color: #4b0d08;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 14px;
}

.pkh-bcard__tab img { width: 22px; height: 27px; }
.pkh-bcard__tab--gal img { width: 23px; height: 24px; }

.pkh-bcard__tab span {
	display: block;
	font-family: Lalezar, var(--pk-font);
	font-size: 17.4px;
	line-height: 1;
	transform: rotate(-90deg);
	white-space: nowrap;
}

.pkh-bcard__tab--gal {
	background-image: url("../img/home/branches/tab-gallery.svg");
	transform: scaleX(-1);
}

.pkh-bcard__tab--gal img { transform: scaleX(-1); }
.pkh-bcard__tab--gal span { transform: scaleX(-1) rotate(-90deg); }

.pkh-bcard__tab[aria-pressed="true"] { filter: brightness(0.96); }

.pkh-bcard__tab:focus-visible,
.pkh-bcard__choice:focus-visible,
.pkh-bcard__shot:focus-visible,
.pkh-bcard__hero-nav button:focus-visible,
.pkh-bcard__film > button:focus-visible,
.pkh-bcard__cta:focus-visible,
.pkh-bcard__route:focus-visible {
	outline: 3px solid #bd934d;
	outline-offset: 3px;
}

.pkh-bcard__main {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	width: 1012px;
	height: 649px;
	margin-left: -32px;
	margin-right: -30px;
	padding: 27px 42px 22px;
	border: 1.65px solid #bd934d;
	border-radius: 29px;
	background: #4b0d08;
	box-sizing: border-box;
}

.pkh-bcard__home { display: flex; flex-direction: column; min-height: 0; }
.pkh-bcard[data-pane="map"] .pkh-bcard__home,
.pkh-bcard[data-pane="gallery"] .pkh-bcard__home { display: none; }

.pkh-bcard__hero {
	position: relative;
	height: 347px;
	border-radius: 18px;
	overflow: hidden;
}

.pkh-bcard__hero-img {
	width: 100%;
	height: 347px;
	object-fit: cover;
	border-radius: 18px;
}

.pkh-bcard__shade {
	position: absolute;
	top: 0;
	right: 0;
	width: 360px;
	height: 100%;
	background: linear-gradient(90deg, rgba(75, 13, 8, 0) 0%, rgba(75, 13, 8, 0.55) 25%, rgba(75, 13, 8, 0.94) 65%, #4b0d08 100%);
}

.pkh-bcard__hero-nav {
	position: absolute;
	top: 18px;
	left: 28px;
	display: flex;
	gap: 15px;
	z-index: 2;
}

.pkh-bcard__hero-nav button {
	position: relative;
	width: 41px;
	height: 41px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.pkh-bcard__hero-nav button img:first-child { display: block; width: 41px; height: 41px; }
.pkh-bcard__hero-nav button img:last-child {
	position: absolute;
	left: 16px;
	top: 13px;
	width: 10px;
	height: 15px;
}

.pkh-bcard__copy {
	position: absolute;
	top: 62px;
	right: 28px;
	z-index: 2;
	width: 280px;
	text-align: right;
	direction: rtl;
}

.pkh-bcard__kicker {
	margin: 0;
	color: #bd934d;
	font-size: 14.5px;
	line-height: 24px;
}

.pkh-bcard__copy h3 {
	margin: 8px 0 0;
	color: #fff3e6;
	font-family: Vazirmatn, var(--pk-font);
	font-size: 37.8px;
	font-weight: 700;
	line-height: 58px;
}

.pkh-bcard__rule { display: block; width: 230px; height: 10px; margin-top: 4px; }

.pkh-bcard__copy p { margin: 8px 0 0; font-size: 15.5px; line-height: 28px; }

.pkh-bcard__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 249px;
	height: 52px;
	margin-top: 16px;
	border: 3px solid #bd934d;
	border-radius: 27px;
	background: #faeddc;
	color: #4b0d08;
	font-family: Lalezar, var(--pk-font);
	font-size: 19.4px;
	line-height: 32px;
	text-decoration: none;
}

.pkh-bcard__cta img { width: 14px; height: 12px; }

.pkh-bcard__film {
	display: flex;
	align-items: center;
	gap: 12px;
	height: 165px;
	margin-top: 0;
	padding: 12px 16px;
	border: 1.16px solid #a37c3f;
	border-radius: 17px;
	box-sizing: border-box;
}

.pkh-bcard__film > button {
	flex: 0 0 18px;
	width: 18px;
	height: 40px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.pkh-bcard__film > button img { width: 13px; height: 18px; }

.pkh-bcard__film ul {
	display: flex;
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
	flex: 1;
	min-width: 0;
}

.pkh-bcard__film li { flex: 0 0 auto; }

.pkh-bcard__shot {
	display: block;
	width: 196px;
	height: 109px;
	padding: 0;
	border: 1.16px solid #936f38;
	border-radius: 14px;
	background: transparent;
	overflow: hidden;
	cursor: pointer;
}

.pkh-bcard__shot.is-selected { border: 4.36px solid #d8b96d; }
.pkh-bcard__shot img { display: block; width: 100%; height: 109px; object-fit: cover; }

.pkh-bcard__map,
.pkh-bcard__gallery { display: none; }

.pkh-bcard[data-pane="map"] .pkh-bcard__map,
.pkh-bcard[data-pane="gallery"] .pkh-bcard__gallery {
	display: flex;
	flex: 1;
	min-height: 0;
	margin-bottom: 16px;
}

.pkh-bcard__map iframe {
	width: 100%;
	height: 100%;
	border: 1.16px solid #a37c3f;
	border-radius: 18px;
}

.pkh-bcard__gallery {
	display: none;
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pkh-bcard[data-pane="gallery"] .pkh-bcard__gallery { display: flex; }

.pkh-bcard__gallery li { flex: 1; min-width: 0; }
.pkh-bcard__gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 1.16px solid #936f38;
	border-radius: 14px;
}

.pkh-bcard__meta {
	display: flex;
	align-items: center;
	direction: rtl;
	gap: 18px;
	margin-top: auto;
	padding-top: 18px;
	min-height: 58px;
}

.pkh-bcard__fact {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.pkh-bcard__fact + .pkh-bcard__fact { border-right: 1px solid #7e4926; padding-right: 18px; }
.pkh-bcard__fact img { flex: 0 0 auto; width: 29px; height: 29px; }
.pkh-bcard__fact--address img { width: 28px; height: 31px; }

.pkh-bcard__fact p { margin: 0; text-align: right; }
.pkh-bcard__fact span { display: block; color: #bd934d; font-size: 15.5px; line-height: 26px; }
.pkh-bcard__fact strong { display: block; color: #fff3e6; font-size: 15.5px; font-weight: 400; line-height: 26px; }
.pkh-bcard__fact--address { flex: 1; }
/* Long addresses wrap to two lines instead of running under the call/route buttons. */
.pkh-bcard__fact--address p { min-width: 0; }
.pkh-bcard__fact--address strong { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: normal; }

.pkh-bcard__route {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex: 0 0 169px;
	width: 169px;
	height: 58px;
	border: 1.55px solid #bd934d;
	border-radius: 16px;
	background: #faeddc;
	color: #4b0d08;
	font-family: Lalezar, var(--pk-font);
	font-size: 17.4px;
	line-height: 29px;
	text-decoration: none;
}

.pkh-bcard__route img { width: 21px; height: 23px; object-fit: contain; }

.pkh-bcard__switch {
	display: none;
}

.pkh-bcard__pick {
	width: 299px;
	margin-left: 22px;
	direction: rtl;
	color: #4b0d08;
}

.pkh-bcard__pick-title {
	margin: 0 0 18px;
	font-size: 17.4px;
	font-weight: 700;
	line-height: 29px;
	text-align: center;
}

.pkh-bcard__pick ul {
	display: flex;
	flex-direction: column;
	gap: 13px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pkh-bcard__choice {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 299px;
	height: 123px;
	padding: 14px 12px 14px 16px;
	border: 1.45px solid #e4c6a7;
	border-radius: 20px;
	background: #faeddc;
	box-shadow: 0 3px 6px rgba(102, 59, 23, 0.12);
	color: #17130f;
	text-align: right;
	cursor: pointer;
	box-sizing: border-box;
}

.pkh-bcard__choice.is-active {
	height: 126px;
	border: 2.9px solid #bd934d;
	background: #4b0d08;
	box-shadow: none;
	color: #fff3e6;
}

.pkh-bcard__avatar {
	width: 95px;
	height: 95px;
	border-radius: 50%;
	object-fit: cover;
	flex: 0 0 95px;
}

.pkh-bcard__choice.is-active .pkh-bcard__avatar { border: 1.16px solid #bd934d; }

.pkh-bcard__choice-text { display: flex; flex-direction: column; gap: 6px; flex: 1; min-width: 0; }
.pkh-bcard__choice-text strong { font-size: 19.4px; font-weight: 700; line-height: 32px; }
.pkh-bcard__choice-text small { color: #37312a; font-size: 12.6px; line-height: 21px; }
.pkh-bcard__choice.is-active .pkh-bcard__choice-text small { color: #be984e; }

.pkh-bcard__chev { width: 12px; height: 15px; flex: 0 0 12px; }
.pkh-bcard__chev--on { display: none; }
.pkh-bcard__choice.is-active .pkh-bcard__chev--on { display: block; }
.pkh-bcard__choice.is-active .pkh-bcard__chev--off { display: none; }

/* From the design width up, the card fills the content column and scales with it. */
@media (min-width: 1920px) {
	.pkh-bcard-fit {
		direction: ltr;
		width: calc((100 * var(--pk-vw, 1vw)) - 2 * var(--pk-gutter, 160px));
		max-width: 100%;
		height: calc(649px * ((100 * var(--pk-vw, 1vw)) - 2 * var(--pk-gutter, 160px)) / 1436px);
	}

	.pkh-bcard {
		transform: scale(calc(((100 * var(--pk-vw, 1vw)) - 2 * var(--pk-gutter, 160px)) / 1436px));
	}
}

@media (max-width: 1024px) {
	.pkh-branches,
	html.pk-scaled .pkh-branches { padding: 40px 16px 56px; }

	.pkh-bcard-fit { width: min(680px, 100%); height: auto; }

	.pkh-bcard {
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: stretch;
		width: 100%;
		height: auto;
		transform: none;
		gap: 12px;
	}

	.pkh-bcard__tab {
		width: auto;
		height: 64px;
		background: #faeddc;
		border: 1.4px solid #b98b4d;
		border-radius: 16px;
		flex-direction: row;
		gap: 8px;
	}

	.pkh-bcard__main { grid-column: 1 / -1; }
	.pkh-bcard__tab--map { order: 2; }
	.pkh-bcard__tab--gal { order: 3; transform: none; background-image: none; }
	.pkh-bcard__pick { grid-column: 1 / -1; order: 0; }
	.pkh-bcard__tab--gal img,
	.pkh-bcard__tab--gal span,
	.pkh-bcard__tab span { transform: none; }

	.pkh-bcard__main {
		order: 1;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 16px;
	}

	.pkh-bcard__hero,
	.pkh-bcard__hero-img { height: 220px; }
	.pkh-bcard__shade { width: 70%; }
	.pkh-bcard__copy { top: 16px; right: 12px; width: min(240px, 68%); }
	.pkh-bcard__copy h3 { font-size: 28px; line-height: 1.4; }
	.pkh-bcard__rule { width: min(180px, 100%); }
	.pkh-bcard__cta { width: min(220px, 100%); height: 48px; }
	/* The copy is taller than the 220px photo on narrow cards, which clipped the "مشاهده شعبه" button.
	   Let the copy set the height and keep the photo filling the box behind it. */
	.pkh-bcard__hero { height: auto; min-height: 220px; }
	.pkh-bcard__hero-img { position: absolute; inset: 0; height: 100%; }
	.pkh-bcard__copy { position: relative; top: auto; right: auto; margin: 0 12px 0 auto; padding-block: 16px; z-index: 1; }

	.pkh-bcard__film { height: auto; overflow: hidden; }
	.pkh-bcard__film ul { overflow-x: auto; }
	.pkh-bcard__shot { flex: 0 0 140px; width: 140px; height: 84px; }
	.pkh-bcard__shot img { height: 84px; }

	.pkh-bcard__meta { flex-wrap: wrap; }
	.pkh-bcard__fact--address strong { white-space: normal; }
	.pkh-bcard__route { flex-basis: 100%; width: 100%; }

	.pkh-bcard__pick {
		display: grid;
		grid-template-columns: 48px minmax(0, 1fr) 48px;
		gap: 10px;
		align-items: center;
		order: 0;
		width: 100%;
		margin: 0;
		direction: ltr;
	}

	.pkh-bcard__pick-title { display: none; }

	.pkh-bcard__switch {
		position: relative;
		display: grid;
		place-items: center;
		width: 44px;
		height: 44px;
		padding: 0;
		border: 0;
		background: transparent;
		cursor: pointer;
		grid-row: 1;
		grid-column: 1;
		justify-self: center;
	}

	.pkh-bcard__switch--next { grid-column: 3; }

	.pkh-bcard__switch img:first-child { display: block; width: 44px; height: 44px; }

	.pkh-bcard__switch img:last-child {
		position: absolute;
		width: 10px;
		height: 15px;
	}

	.pkh-bcard__pick ul,
	.pkh-bcard__pick li { display: contents; }

	.pkh-bcard__choice:not(.is-active) { display: none; }

	.pkh-bcard__choice.is-active {
		grid-column: 2;
		grid-row: 1;
		direction: rtl;
		width: 100%;
		height: auto;
		min-height: 96px;
	}

	.pkh-bcard__choice { width: 100%; height: auto; min-height: 96px; }
	.pkh-bcard__avatar { width: 72px; height: 72px; flex-basis: 72px; }

	.pkh-bcard__map,
	.pkh-bcard[data-pane="map"] .pkh-bcard__map { min-height: 240px; }
	.pkh-bcard__gallery img { height: 140px; }
}

/* Mobile audit fixes: info grid, call button, single arrow set, contrast. */
@media (max-width: 767px) {
	body .pkh-bcard .pkh-bcard__meta { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 16px; align-items: start; }
	body .pkh-bcard .pkh-bcard__fact { min-width: 0; padding: 0; border: 0; }
	body .pkh-bcard .pkh-bcard__fact + .pkh-bcard__fact { border-right: 1px solid #7e4926; padding-right: 14px; }
	body .pkh-bcard .pkh-bcard__fact--address { grid-column: 1 / -1; border-right: 0; padding: 14px 0 0; border-top: 1px solid #7e4926; }
	body .pkh-bcard .pkh-bcard__fact--address strong { white-space: normal; overflow-wrap: anywhere; }
	body .pkh-bcard .pkh-bcard__fact a { color: inherit; text-decoration: none; }
	body .pkh-bcard .pkh-bcard__route { grid-column: auto; width: 100%; flex-basis: auto; }
	body .pkh-bcard .pkh-bcard__hero-nav { display: none; }
	body .pkh-bcard .pkh-bcard__film ul { scrollbar-width: none; }
	body .pkh-bcard .pkh-bcard__film ul::-webkit-scrollbar { display: none; }
	body .pkh-bcard .pkh-bcard__film > button { min-width: 44px; min-height: 44px; }
	body .pkh-bcard .pkh-bcard__kicker, body .pkh-bcard .pkh-bcard__fact span { color: #c4925e; }
	body .pkh-bcard .pkh-bcard__shade { background: linear-gradient(to left, rgb(30 6 5 / 0.85) 0%, rgb(30 6 5 / 0.55) 55%, rgb(30 6 5 / 0.1) 100%); }
}

/* Mobile film strip: two whole cards, snap scrolling, animated selection. */
@media (max-width: 767px) {
	body .pkh-bcard .pkh-bcard__film { height: auto; gap: 4px; padding: 10px 4px; }
	body .pkh-bcard .pkh-bcard__film > button { flex: 0 0 36px; width: 36px; min-width: 36px; height: 44px; display: grid; place-items: center; }
	body .pkh-bcard .pkh-bcard__film ul { gap: 10px; padding: 4px 0; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; }
	body .pkh-bcard .pkh-bcard__film li { flex: 0 0 calc((100% - 10px) / 2); scroll-snap-align: start; }
	body .pkh-bcard .pkh-bcard__shot { width: 100%; height: auto; aspect-ratio: 196 / 109; box-sizing: border-box; transition: transform 0.3s ease, border-color 0.3s ease, opacity 0.3s ease; opacity: 0.7; }
	body .pkh-bcard .pkh-bcard__shot.is-selected { border-width: 3px; opacity: 1; transform: scale(1.03); }
	body .pkh-bcard .pkh-bcard__shot img { display: block; width: 100%; height: 100%; object-fit: cover; }
	body .pkh-bcard .pkh-bcard__hero-img { will-change: opacity, transform; }
}
@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
	body .pkh-bcard .pkh-bcard__shot { transition: none; }
}

/* Phone number link: 44px tall hit area. */
.pkh-bcard__fact a[data-branch-tel] { display: inline-block; padding-block: 9px; margin-block: -9px; }

/* Film-strip arrows: keep a 34px box so it stays over 24px even at the 0.72 desktop zoom (WCAG 2.5.8). */
.pkh-bcard__film > button { min-width: 34px; min-height: 34px; display: inline-flex; align-items: center; justify-content: center; }

/* Section heading and backdrop, matching the other homepage sections:
   script + title centred above the card on a plain cream ground. */
.pkh-branches,
html.pk-scaled .pkh-branches { background: #faeddc; }
.pkh-branches .pkh-branches__title { position: static; display: flex; flex-direction: column; align-items: center; gap: 4px; margin: 0 auto 32px; text-align: center; }
.pkh-branches .pkh-branches__title > * { translate: none !important; }
@media (min-width: 1025px) {
	.pkh-branches,
	html.pk-scaled .pkh-branches { padding: 120px 16px 140px; }
	.pkh-branches .pkh-branches__title { margin-bottom: 56px; }
	.pkh-branches .pkh-branches__title .pk-heading__script { font-size: 40px; line-height: 1.4; }
	.pkh-branches .pkh-branches__title .pk-heading__title { font-size: 60px; line-height: 1.2; }
	/* The side tabs are cream on cream; a drop shadow gives their outline enough weight. */
	.pkh-bcard__tab { filter: drop-shadow(0 0 1px #a98355) drop-shadow(0 6px 12px rgb(79 15 14 / .12)); }
	.pkh-bcard__tab[aria-pressed="true"] { filter: drop-shadow(0 0 1px #a98355) brightness(.96); }
}

/* Autoplay pause control on the hero photo (all widths). */
.pkh-bcard__pause { position: absolute; z-index: 3; left: 12px; bottom: 12px; width: 44px; height: 44px; padding: 0; border: 1.5px solid rgb(254 248 241 / .7); border-radius: 50%; cursor: pointer; background: rgb(79 15 14 / .6) center / 16px 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fef8f1'%3E%3Crect x='3' y='2' width='3.5' height='12' rx='1'/%3E%3Crect x='9.5' y='2' width='3.5' height='12' rx='1'/%3E%3C/svg%3E"); transition: background-color 150ms ease; }
.pkh-bcard__pause[aria-pressed="true"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fef8f1'%3E%3Cpath d='M4 2.5v11a1 1 0 0 0 1.5.9l9-5.5a1 1 0 0 0 0-1.8l-9-5.5A1 1 0 0 0 4 2.5z'/%3E%3C/svg%3E"); }
.pkh-bcard__pause:hover { background-color: rgb(79 15 14 / .85); }
.pkh-bcard__pause:focus-visible { outline: 2px solid #bd934d; outline-offset: 3px; }
.pkh-bcard__pause[hidden] { display: none; }

/* Desktop layout: one card plus a single right-hand column (branch list, then the
   map / gallery switch as two labelled buttons) instead of tall rotated side tabs.
   The hero arrows duplicated the film-strip arrows, so the film strip keeps them alone. */
@media (min-width: 1025px) {
	.pkh-bcard {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 141.5px 141.5px;
		grid-template-rows: auto auto minmax(0, 1fr);
		grid-template-areas: "main pick pick" "main map gal" "main . .";
		column-gap: 16px;
		row-gap: 16px;
		padding-right: 4px;
		box-sizing: border-box;
	}
	.pkh-bcard__main { grid-area: main; width: auto; margin: 0 16px 0 0; border-radius: 24px; }
	.pkh-bcard__pick { grid-area: pick; width: auto; margin: 0; padding-top: 8px; }
	.pkh-bcard__tab--map { grid-area: map; }
	.pkh-bcard__tab--gal { grid-area: gal; }
	.pkh-bcard .pkh-bcard__tab {
		flex: none; width: auto; height: 56px; flex-direction: row; gap: 10px;
		border: 1.5px solid rgb(169 131 85 / .7); border-radius: 16px; background: #fef8f1; filter: none; transform: none;
		transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
	}
	.pkh-bcard .pkh-bcard__tab span,
	.pkh-bcard .pkh-bcard__tab img { transform: none; }
	.pkh-bcard .pkh-bcard__tab span { font-size: 17.4px; }
	.pkh-bcard .pkh-bcard__tab:hover { background: #f3e2cc; border-color: #a98355; }
	.pkh-bcard .pkh-bcard__tab[aria-pressed="true"] { background: #4b0d08; border-color: #4b0d08; color: #fef8f1; filter: none; }
	.pkh-bcard .pkh-bcard__tab[aria-pressed="true"] img { filter: brightness(0) invert(1); }
	.pkh-bcard .pkh-bcard__hero-nav { display: none; }
}


/* Phone/tablet branch picker: name on one line, matching cream arrow buttons. */
@media (max-width: 1024px) {
	.pkh-bcard .pkh-bcard__choice .pkh-bcard__chev { display: none; }
	.pkh-bcard .pkh-bcard__choice .pkh-bcard__avatar { width: 56px; height: 56px; flex-basis: 56px; }
	.pkh-bcard .pkh-bcard__choice-text strong { font-size: 18px; line-height: 1.4; white-space: nowrap; }
	.pkh-bcard .pkh-bcard__choice-text small { font-size: 13px; line-height: 1.5; }
	.pkh-bcard .pkh-bcard__switch { border: 1.5px solid rgb(169 131 85 / .7); border-radius: 50%; background: #fef8f1; transition: background-color 150ms ease; }
	.pkh-bcard .pkh-bcard__switch:hover { background: #f3e2cc; }
	.pkh-bcard .pkh-bcard__switch img:first-child { opacity: 0; }
	.pkh-bcard .pkh-bcard__switch img:last-child { filter: brightness(0) saturate(100%) invert(9%) sepia(60%) saturate(4000%) hue-rotate(350deg); }
}
@media (max-width: 359px) {
	.pkh-bcard .pkh-bcard__choice-text strong { font-size: 15px; white-space: normal; }
}

/* Laptop widths shrink the card twice (page zoom x card fit), which took its round arrows just
   under 24px on screen at 1025-1039px. Keep every control at least 24 screen pixels (WCAG 2.5.8). */
@media (min-width: 1025px) and (max-width: 1919px) {
	.pkh-bcard__hero-nav button,
	.pkh-bcard__film button,
	.pkh-bcard__switch {
		--pk-bcard-min: calc(24.2px / (var(--pk-zoom, 1) * min(1, 100cqi / 1436px)));
		min-width: var(--pk-bcard-min);
		min-height: var(--pk-bcard-min);
	}
}