/* Text and controls keep their Figma sizes as their containers become narrower. */
@media (max-width: 1024px) {
	.pk-hero__titles { width: 100%; min-width: 0; }
	.pk-hero__title { font-size: clamp(30px, 8.8vw, 56px); line-height: 1.4; white-space: normal; padding-bottom: 16px; }
	.pk-hero__media { max-width: 100%; translate: none !important; }
	.pk-hero__titles .pk-heading__script { width: 100%; translate: none !important; }
	.pk-hero__content [data-edge] { translate: none !important; }
	.pk-footer__links a { display: inline-flex; align-items: center; min-height: 44px; }
	.pkp-info__text[href] { display: flex; align-items: center; min-height: 44px; }
}
@media (max-width: 767px) {
	.pk-mobile-preview .pkh-band { height: auto !important; min-height: calc(116 * var(--mobile-unit)); }
	.pk-mobile-preview .pkh-feature__title { font-size: 13px; line-height: 1.5; }
	.pk-mobile-preview .pkh-menu__heading .pk-heading__script { font-size: 16px; }
	.pk-mobile-preview .pkh-menu__heading .pk-heading__title { font-size: max(20px, calc(24 * var(--mobile-unit))); }
	.pk-mobile-preview .pkh-dish__title { font-size: max(20px, calc(24 * var(--mobile-unit))); line-height: 1.5; }
	.pk-mobile-preview .pkh-dish__desc { font-size: max(12px, calc(12 * var(--mobile-unit))); line-height: 2; }
	.pk-history-controls { flex-wrap: wrap; gap: 8px; }
	.pk-history-controls button { min-width: 44px; width: 44px; height: 44px; }
	.pk-history-dots { gap: 0; flex-wrap: wrap; justify-content: center; max-width: 100%; }
	.pk-history-dots button { min-width: 44px; width: 44px; height: 44px; }
	.pk-history-dots button::after { left: 50%; top: 50%; transform: translate(-50%, -50%); }
	.pk-history-toggle { min-height: 44px; font-size: 14px; }
}
/* The same original bird artwork perches on the centered box on tablets. */
@media (min-width: 768px) and (max-width: 1024px) {
	.pkh-menu .pkh-menu__bird { width: 144px; height: 174.316px; top: var(--tablet-bird-top, 130px) !important; opacity: 1; }
	.pkh-menu .pkh-menu__bird--left { left: var(--tablet-bird-left, calc(50% - 160px)) !important; right: auto !important; transform: matrix(.97453, .22427, -.22427, .97453, 0, 0) !important; }
	.pkh-menu .pkh-menu__bird--right { left: var(--tablet-bird-left, calc(50% + 160px)) !important; right: auto !important; transform: matrix(-.97453, .22427, .22427, .97453, 0, 0) !important; }
	.pkh-menu__heading > * { translate: none !important; text-align: center; }
}
/* Short landscape screens use normal document flow and an RTL horizontal row. */
@media (min-width: 768px) and (max-height: 559px) {
	.pkh-history__stage { position: static; height: auto; overflow: visible; }
	.pkh-history__row { width: 100%; direction: rtl; transform: none; align-items: flex-start; }
	.pkh-history__heading > * { translate: none !important; text-align: center; }
}
/* Keep menu-frame artwork and the right-side photo, while text sets card height. */
@media (min-width: 0px) {
	.pkp-dish { height: auto; min-height: calc(151.316 * var(--u)); padding: 14px 12px 14px max(38px, calc(53 * var(--u))); }
	.pkp-dish__frame { inset: 0; width: 100%; height: 100%; }
	.pkp-dish__body { position: relative; inset: auto; width: 100%; height: auto; display: grid; grid-template-columns: minmax(0, 1fr) clamp(72px, 35%, 162px); gap: 10px; }
	.pkp-dish__text { width: 100%; min-width: 0; }
	.pkp-dish__name { font-size: max(16px, calc(20 * var(--u))); line-height: 1.6; }
	.pkp-dish__desc { font-size: 14px; line-height: 1.7; }
	.pkp-dish__price { align-self: flex-start; font-size: max(14px, calc(18 * var(--u))); line-height: 1.8; flex-wrap: wrap; }
	.pkp-dish__price span { font-size: inherit; }
	.pkp-dish__photo { width: 100%; height: auto; aspect-ratio: 161.662 / 120.924; align-self: center; }
	.pkp-dish__photo img { inset: 0; width: 100%; height: 100%; object-fit: cover; }
	.pkp-dish__photo i:nth-of-type(2) { left: auto; right: 0; }
	.pkp-dish__photo i:nth-of-type(3) { top: auto; bottom: 0; }
	.pkp-dish__photo i:nth-of-type(4) { inset: auto 0 0 auto; }
	.pkp-dish__btn { top: 50%; transform: translateY(-50%); }
}
/* Desktop cards: keep the description clear of the arrow on the left. */
@media (min-width: 1025px) {
	.pkp-dish__text { padding-left: 40px; }
}
/* Homepage feature strip: less empty burgundy around the four items. */
@media (min-width: 1025px) {
	.pkh-band { height: 240px; }
	.pkh-band__row { top: 80px; }
	.pkh-band__wave { top: 240px; }
	.pkh-band__sep img { height: 128px; width: auto; }
	.pkh-band .pkh-feature { gap: 4px; }
	.pkh-band .pkh-feature img { width: 52px; height: 52px; }
	.pkh-band .pkh-feature__title { font-size: 16px; line-height: 1.35; }
	.pkh-band .pkh-feature__desc { margin-top: 0 !important; line-height: 1.45; font-size: 13px; }
}

/* Menu dish detail. A centered popup, same cream and gold card, over a dimmed page. */
.pkp-dish { cursor: pointer; }
a.pkp-dish__open {
	display: block;
	position: relative;
	color: inherit;
	text-decoration: none;
}
html.pk-dish-open,
body.pk-dish-open { overflow: hidden; }
.pk-dishdrop {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 80;
	align-items: center;
	justify-content: center;
	padding: 20px;
	overflow: hidden;
	background: transparent;
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	direction: rtl;
	cursor: default;
	text-align: right;
}
.pk-dishdrop.is-open { display: flex; }
.pk-dishdrop__card {
	position: relative;
	width: min(1040px, calc(100vw - 48px));
}
.pk-dishdrop__sheet {
	overflow: hidden;
	background: #fcf6f1;
	border: 1px solid #a98355;
	border-radius: 22px;
	box-shadow: 0 18px 48px rgba(81, 54, 35, 0.22);
}
.pk-dishdrop__photo {
	display: block;
	width: 100%;
	height: max(200px, min(560px, calc(100vh - 360px)));
	margin: 0;
	object-fit: cover;
	object-position: center top;
}
.pk-dishdrop__body { padding: 22px 28px 26px; }
.pkp .pk-dishdrop__title,
.pk-dishdrop__title {
	margin: 0 0 16px;
	color: #513623;
	font-size: 28px;
	font-weight: 400;
	line-height: 1.5;
}
.pkp .pk-dishdrop__label,
.pk-dishdrop__label {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	color: #a98355;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -1.2px;
}
.pkp .pk-dishdrop__label--sm,
.pk-dishdrop__label--sm {
	font-size: 22px;
	letter-spacing: -1.08px;
}
.pk-dishdrop__label i {
	flex: 1;
	height: 0;
	border-top: 1px solid #a98355;
}
.pkp .pk-dishdrop__copy,
.pk-dishdrop__copy {
	margin: 10px 0 18px;
	color: #513623;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.7;
}
.pkp .pk-dishdrop__copy:last-child,
.pk-dishdrop__copy:last-child { margin-bottom: 2px; }
.pk-dishdrop__x {
	position: absolute;
	top: 14px;
	right: 14px;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #f7e8d6;
	color: #513623;
	cursor: pointer;
	line-height: 0;
}
.pk-dishdrop__x:hover { background: #fff; }
/* New logo file; box size stays in layout.css. */
@media (max-width: 1024px) {
	.pk-mhead__logo {
		-webkit-mask-image: url("../img/pages/m-logo-mask.png?v=3");
		mask-image: url("../img/pages/m-logo-mask.png?v=3");
	}
}

/* Menu cards: the arrow badge sits at left 15.52u of the card link, 62.08u wide; keep the text
   column clear of it. */
@media (min-width: 0px) {
	.pkp-dish__text { box-sizing: border-box; padding-left: calc(77.6 * var(--u) + 8px); }
}
@media (max-width: 299px) {
	.pkp-dish__btn { display: none; }
	.pkp-dish__text { padding-left: 0; }
}