/* Local-only interpretation of Figma mobile frame 2309:866. */
.pk-history-controls { display: none; }
.pk-history-arch, .pk-history-toggle, .pk-history-cylinder { display: none; }
@media (max-width: 767px) {
	html:has(body.pk-mobile-preview) { scrollbar-width: none; }
	html:has(body.pk-mobile-preview)::-webkit-scrollbar { display: none; }
	.pk-mobile-preview { --pk-gutter: 24px; --preview-scale: calc(100vw / 440); }
	.pk-mobile-preview .pkh-hero { height: calc(345vw / 440 * 100) !important; min-height: 0; display: block; padding: 0 var(--pk-gutter); background: var(--pk-maroon); }
	.pk-mobile-preview .pkh-hero__media { inset: 0 0 auto; height: calc(247vw / 440 * 100); background: url('../img/mobile-preview/hero-photo.png') center / cover no-repeat; }
	.pk-mobile-preview .pkh-hero__photo { visibility: hidden; }
	.pk-mobile-preview .pkh-hero__shade { inset: auto 0 -98px; height: 178px; background: linear-gradient(to bottom, transparent 5.405%, #4f0f0e 35.135%); }
	.pk-mobile-preview .pkh-hero__content { position: absolute; inset: auto var(--pk-gutter) 40px; width: auto; gap: 0; }
	.pk-mobile-preview .pkh-hero__script, .pk-mobile-preview .pkh-hero__desc, .pk-mobile-preview .pkh-hero__actions { display: none; }
	.pk-mobile-preview .pkh-hero__title { font-size: clamp(36px, 10.9vw, 48px); line-height: 1.5; }
	.pk-mobile-preview .pkh-hero__lead { font-size: clamp(18px, 5.45vw, 24px); line-height: 1.6; }
	/* Feature band: all four features in one row (two rows under 560px). The maroon wave keeps its
	   drawn proportions at the bottom and a solid maroon block grows above it, so titles never run
	   onto the cream pattern however many lines they take. */
	.pk-mobile-preview .pkh-band { --band-wave: calc(100vw * 116 / 440); height: auto !important; min-height: 0; padding: 18px 8px calc(var(--band-wave) * 39 / 116 + 14px); }
	.pk-mobile-preview .pkh-band__wave, .pk-mobile-preview .pkh-band__sep, .pk-mobile-preview .pkh-feature__desc { display: none; }
	.pk-mobile-preview .pkh-band::after { content: ''; position: absolute; inset: 0; background: url('../img/mobile-preview/feature-wave.svg') center bottom / 100% var(--band-wave) no-repeat, linear-gradient(#590d0e, #590d0e) center top / 100% calc(100% - var(--band-wave) + 2px) no-repeat; pointer-events: none; z-index: 0; }
	.pk-mobile-preview .pkh-band__row { position: relative; inset: auto; z-index: 1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px 12px; width: 100%; direction: rtl; }
	.pk-mobile-preview .pkh-feature { position: relative; padding: 0; align-items: center; text-align: center; gap: 6px; }
	.pk-mobile-preview .pkh-feature img { position: static; width: 36px; height: 36px; transform: none; }
	.pk-mobile-preview .pkh-feature__title { width: 100%; text-align: center; font-family: 'Vazirmatn', var(--pk-font); font-size: clamp(12px, 3.3vw, 14px); line-height: 1.5; text-wrap: balance; }
	.pk-mobile-preview .pkh-feature:nth-of-type(1)::after, .pk-mobile-preview .pkh-feature:nth-of-type(3)::after, .pk-mobile-preview .pkh-feature:nth-of-type(5)::after { content: ''; position: absolute; left: -10px; top: 50%; width: 8.071px; height: 50px; transform: translateY(-50%); background: url('../img/mobile-preview/feature-separator.svg') center / contain no-repeat; }
	.pk-mobile-preview .pkh-menu .pkh-tiles { height: 288px; top: -92px !important; opacity: .32; background-size: 302px 288px; background-repeat: no-repeat; }
	.pk-mobile-preview .pkh-menu .pkh-tiles img { visibility: hidden; }
	.pk-mobile-preview .pkh-tiles--left { background-image: url('../img/mobile-preview/tiles-left.svg'); background-position: left -86px top; }
	.pk-mobile-preview .pkh-tiles--right { background-image: url('../img/mobile-preview/tiles-right.svg'); background-position: right -87px top; }
	.pk-mobile-preview .pkh-menu { padding: 48px var(--pk-gutter) 52px; gap: 18px; }
	.pk-mobile-preview .pkh-menu__heading { text-align: center; margin-bottom: 58px; }
	.pk-mobile-preview .pkh-menu__heading .pk-heading__script { font-family: 'Vazirmatn', var(--pk-font); font-size: 16px; line-height: 1.5; }
	.pk-mobile-preview .pkh-menu__heading .pk-heading__title { font-size: 24px; line-height: 1.5; }
	.pk-mobile-preview .pkh-menu .pkh-menu__bird { top: 48px !important; width: 177px; height: 197px; opacity: 1; }
	.pk-mobile-preview .pkh-menu .pkh-menu__bird--left { left: -108px !important; }
	.pk-mobile-preview .pkh-menu .pkh-menu__bird--right { right: -109px !important; transform: none !important; }
	.pk-mobile-preview .pkh-menu__category { width: 228px; max-width: 100%; height: 56px; border: 0; background: url('../img/mobile-preview/category-frame.svg') center / 100% 100% no-repeat; font-size: 24px; margin: 0 0 76px; }
	.pk-mobile-preview .pkh-menu .pkh-menu__arrow { display: block; position: absolute !important; top: 232px !important; width: 55.35px; height: 32.57px; }
	.pk-mobile-preview .pkh-menu .pkh-menu__arrow--left { left: 24.8% !important; right: auto !important; }
	.pk-mobile-preview .pkh-menu .pkh-menu__arrow--right { right: 12.2% !important; left: auto !important; }
	.pk-mobile-preview .pkh-dish, .pk-mobile-preview .pkh-dish--mid { display: grid; direction: rtl; grid-template-columns: 100px minmax(0, 1fr); gap: 0 16px; min-height: 118px; padding: 5px 8px 5px 20px; border-width: 4px 0 4px 4px; border-radius: 18px 22px 22px 18px; background: url('../img/mobile-preview/food-tilework.png') center / cover no-repeat; }
	.pk-mobile-preview .pkh-dish .pkh-dish__plate { grid-column: 1; grid-row: 1 / span 2; width: 100px !important; height: 100px !important; }
	.pk-mobile-preview .pkh-dish__title { grid-column: 2; font-size: clamp(17px, 5.45vw, 24px); line-height: 1.6; text-align: right !important; align-self: center; }
	.pk-mobile-preview .pkh-dish__desc { grid-column: 2; font-size: 12px; line-height: 25px; text-align: right !important; }
	.pk-mobile-preview .pkh-history { position: relative; height: 674px !important; padding: 64px 0 88px !important; background: url('../img/mobile-preview/history-panel.svg') center bottom / 100% 100% no-repeat; overflow: hidden; }
	.pk-mobile-preview .pkh-history__stage { display: block; padding: 0; height: auto; position: static; }
	.pk-mobile-preview .pkh-history__heading { padding-inline: var(--pk-gutter); margin-bottom: 24px; }
	.pk-mobile-preview .pkh-history__heading .pk-heading__title { color: var(--pk-cream); font-size: 28px; }
	.pk-mobile-preview .pkh-history__heading .pk-heading__script { color: var(--pk-gold); font-size: 26px; }
	.pk-mobile-preview .pkh-history__row { position: absolute; right: auto; bottom: auto; width: 145px; height: 310px; left: 50%; top: 50%; margin: -155px 0 0 -72.5px; padding: 0; display: block; overflow: visible; transform-style: preserve-3d; scroll-snap-type: none; transform: rotateY(var(--preview-rotation, 0deg)); direction: rtl; }
	.pk-history-cylinder { display: block; position: relative; height: 350px; perspective: 1200px; perspective-origin: center center; touch-action: pan-y; }
	.pk-mobile-preview .pkh-year { position: absolute; inset: 0; width: 145px; height: 310px; margin: 0; transform: rotateY(var(--face-angle)) translateZ(var(--preview-depth, 172px)); backface-visibility: hidden; }
	.pk-mobile-preview .pkh-year__num { display: block; font-size: 22px; line-height: 1.5; margin: 0 0 28px; color: var(--pk-gold); text-align: center; }
	.pk-mobile-preview .pkh-year__photo { display: none; }
	.pk-history-arch { display: block; width: 145px; height: auto; }
	.pk-mobile-preview .pkh-year__title, .pk-mobile-preview .pkh-year__desc, .pk-mobile-preview .pkh-history__line { display: none; }
	.pk-history-controls { display: flex; align-items: center; justify-content: center; gap: 12px; direction: ltr; padding: 12px var(--pk-gutter) 0; }
	.pk-history-controls button { border: 1px solid #a9835570; background: transparent; color: var(--pk-cream); min-width: 36px; height: 36px; border-radius: 50%; cursor: pointer; }
	.pk-history-dots { display: flex; gap: 4px; }
	.pk-history-dots button { position: relative; width: 20px; min-width: 20px; border: 0; }
	.pk-history-dots button::after { content: ''; position: absolute; width: 6px; height: 6px; border-radius: 50%; left: 7px; top: 15px; background: #a9835555; }
	.pk-history-dots button[aria-current='true']::after { background: var(--pk-gold); }
	.pk-history-controls button:focus-visible { outline: 2px solid var(--pk-cream); outline-offset: 2px; }
	.pk-history-toggle { display: block; margin: 12px auto 0; border: 0; background: transparent; color: var(--pk-gold); font: inherit; font-size: 12px; min-height: 36px; }
	.pk-history-toggle[hidden] { display: none; }
}
@media (max-width: 559px) {
	.pk-mobile-preview .pkh-band__row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pk-mobile-preview .pkh-feature:nth-of-type(3)::after { content: none; }
}
@media (max-width: 360px) {
	.pk-mobile-preview .pkh-dish { grid-template-columns: 82px minmax(0, 1fr); gap: 0 10px; padding-left: 10px; }
	.pk-mobile-preview .pkh-dish .pkh-dish__plate { width: 82px !important; height: 82px !important; }
}
/* Correct source transforms and use the 440px frame's spacing proportions. */
@media (max-width: 767px) {
	.pk-mobile-preview { --pk-gutter: clamp(16px, 5.455vw, 24px); --mobile-unit: calc(100vw / 440); }
	.pk-mobile-preview .pkh-menu { gap: 0; padding-block: calc(49 * var(--mobile-unit)) calc(52 * var(--mobile-unit)); }
	.pk-mobile-preview .pkh-menu__heading { height: calc(44 * var(--mobile-unit)); margin: 0 0 calc(76 * var(--mobile-unit)); padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; }
	.pk-mobile-preview .pkh-menu__heading .pk-heading__script { font-size: calc(16 * var(--mobile-unit)); line-height: 21px; }
	.pk-mobile-preview .pkh-menu__heading .pk-heading__title { font-size: calc(24 * var(--mobile-unit)); line-height: 1; }
	.pk-mobile-preview .pkh-menu .pkh-menu__bird { width: calc(142.789 * var(--mobile-unit)); height: calc(169.192 * var(--mobile-unit)); top: calc(49 * var(--mobile-unit)) !important; transform-origin: 0 0; object-fit: contain; }
	.pk-mobile-preview .pkh-menu .pkh-menu__bird--left { left: calc(68.486 * var(--mobile-unit)) !important; right: auto !important; transform: matrix(.974536, .22423, -.22423, .974536, 0, 0) !important; }
	.pk-mobile-preview .pkh-menu .pkh-menu__bird--right { left: calc(371.579 * var(--mobile-unit)) !important; right: auto !important; transform: matrix(-.974536, .22423, .22423, .974536, 0, 0) !important; }
	.pk-mobile-preview .pkh-menu__category { width: calc(228 * var(--mobile-unit)); height: calc(56 * var(--mobile-unit)); min-height: 0; font-size: calc(24 * var(--mobile-unit)); margin: 0 0 calc(97 * var(--mobile-unit)); }
	.pk-mobile-preview .pkh-menu .pkh-menu__arrow { width: calc(55.348 * var(--mobile-unit)); height: calc(32.57 * var(--mobile-unit)); top: calc(230 * var(--mobile-unit)) !important; }
	.pk-mobile-preview .pkh-menu .pkh-menu__arrow--left { left: calc(54 * var(--mobile-unit)) !important; right: auto !important; }
	.pk-mobile-preview .pkh-menu .pkh-menu__arrow--right { left: calc(331 * var(--mobile-unit)) !important; right: auto !important; }
	.pk-mobile-preview .pkh-dish { grid-template-columns: calc(100 * var(--mobile-unit)) minmax(0, 1fr); min-height: calc(118 * var(--mobile-unit)); gap: 0 calc(16 * var(--mobile-unit)); padding: calc(5 * var(--mobile-unit)) calc(8 * var(--mobile-unit)) calc(5 * var(--mobile-unit)) calc(20 * var(--mobile-unit)); margin-bottom: calc(19 * var(--mobile-unit)) !important; }
	.pk-mobile-preview .pkh-dish:last-child { margin-bottom: 0 !important; }
	.pk-mobile-preview .pkh-dish .pkh-dish__plate { width: calc(100 * var(--mobile-unit)) !important; height: calc(100 * var(--mobile-unit)) !important; }
	.pk-mobile-preview .pkh-dish__title { font-size: calc(24 * var(--mobile-unit)); }
	.pk-mobile-preview .pkh-dish__desc { font-size: calc(12 * var(--mobile-unit)); line-height: calc(25 * var(--mobile-unit)); }
}
@media (max-width: 767px) {
	.pk-mobile-preview .pkh-menu .pkh-menu__arrow--left { transform: scaleX(-1) !important; }
}
/* Reviewed local corrections: continuity, desktop section order, and baselines. */
.pk-preview-transition-pattern { display: none; }
@media (max-width: 767px) {
	.pk-mobile-preview .pkh-hero__content { bottom: calc(40px + 18 * var(--mobile-unit)); }
	.pk-mobile-preview .pkh-band { background: var(--pk-bg); }
	.pk-preview-transition-pattern { display: block; position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
	.pk-preview-transition-tile { position: absolute; width: calc(302.143 * var(--mobile-unit)); height: calc(288 * var(--mobile-unit)); opacity: .32; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; }
	/* Anchored to the band's bottom edge (the band grows with its titles), at the offsets the 84-unit
	   design band had, so the dip pattern still continues into the menu pattern below. */
	.pk-preview-transition-tile--left { left: calc(-86 * var(--mobile-unit)); top: auto; bottom: calc(-218 * var(--mobile-unit)); transform: scaleX(-1); background-image: url('../img/mobile-preview/tiles-left.svg'); }
	.pk-preview-transition-tile--right { left: calc(216.143 * var(--mobile-unit)); top: auto; bottom: calc(-216 * var(--mobile-unit)); background-image: url('../img/mobile-preview/tiles-right.svg'); }
	.pk-mobile-preview .pkh-menu .pkh-tiles { inset: auto !important; width: calc(302.143 * var(--mobile-unit)); height: calc(288 * var(--mobile-unit)); background-size: 100% 100%; background-position: center; }
	.pk-mobile-preview .pkh-menu .pkh-tiles--left { left: calc(-86 * var(--mobile-unit)) !important; top: calc(-102 * var(--mobile-unit)) !important; transform: scaleX(-1) !important; }
	.pk-mobile-preview .pkh-menu .pkh-tiles--right { left: calc(216.143 * var(--mobile-unit)) !important; top: calc(-104 * var(--mobile-unit)) !important; transform: none !important; }
	.pk-mobile-preview .pkh-about__inner { flex-direction: column-reverse; }
	.pk-mobile-preview .pkh-awards { container-type: inline-size; }
	.pk-mobile-preview .pkh-awards .pkh-gallery__stairs { transform: translateY(2.6743cqw); }
}
/* History captions and continuous gallery pattern under its lower curve. */
.pk-history-subtitle { display: none; }
@media (max-width: 767px) {
	.pk-mobile-preview .pkh-history { height: auto !important; min-height: 800px; padding-top: 48px !important; background-image: url('../img/mobile-preview/history-panel.svg'), url('../img/home/gallery-bg.png'); background-repeat: no-repeat; }
	.pk-mobile-preview .pkh-history__heading .pk-heading__script { display: none; }
	.pk-history-subtitle { display: block; margin-top: 8px !important; color: var(--pk-gold); font-size: 18px; line-height: 1.6; text-align: center; }
	.pk-mobile-preview .pkh-history__heading { text-align: center; }
	.pk-history-cylinder { height: 450px; }
	.pk-mobile-preview .pkh-history__row { height: 400px; margin-top: -200px; }
	.pk-mobile-preview .pkh-year { height: 400px; }
	.pk-mobile-preview .pkh-year__title { display: block; margin-top: 18px !important; color: var(--pk-cream); font-size: 18px; line-height: 1.6; text-align: center; white-space: nowrap; }
	.pk-mobile-preview .pkh-year__desc { display: block; width: 210px; margin: 4px -32.5px 0 !important; color: var(--pk-cream); font-size: 12px; line-height: 20px; text-align: center; }
	.pk-mobile-preview .pkh-year[aria-hidden='true'] .pkh-year__title, .pk-mobile-preview .pkh-year[aria-hidden='true'] .pkh-year__desc { visibility: hidden; }
}
@media (max-width: 767px) {
	.pk-mobile-preview .pkh-year__num { width: 100%; height: auto; padding: 0; background: none; font-size: 44px; font-weight: 500; line-height: 1.2; }
	.pk-mobile-preview .pkh-year__title { width: 100%; }
}
@media (max-width: 767px) {
	.pk-mobile-preview .pkh-year__title { font-weight: 700; }
	.pk-mobile-preview .pkh-year__desc { white-space: pre-line; }
}
/* Restore the reviewed hero actions and fade the photo without a hard edge. */
.pk-hero-calendar { display: none; }
@media (max-width: 767px) {
	.pk-mobile-preview .pkh-hero { height: calc(345vw / 440 * 100 + 72px) !important; }
	.pk-mobile-preview .pkh-hero__media { -webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent 100%); mask-image: linear-gradient(to bottom, #000 70%, transparent 100%); }
	.pk-mobile-preview .pkh-hero__shade { inset: 0; height: 100%; border: 0; box-shadow: none; background: linear-gradient(to bottom, transparent 55%, #4f0f0e 100%); }
	.pk-mobile-preview .pkh-hero__title, .pk-mobile-preview .pkh-hero__text { border: 0; box-shadow: none; }
	.pk-mobile-preview .pkh-hero__actions { display: flex; width: 100%; gap: 12px; margin-top: 20px; }
	.pk-mobile-preview .pkh-hero__actions .pk-btn { display: flex; align-items: center; justify-content: center; gap: 8px; flex: 1; min-width: 0; min-height: 52px; padding: 10px 8px; border: 0; border-radius: 0; background: url('../img/mobile-preview/hero-button-filled.svg') center / 100% 100% no-repeat; color: var(--pk-cream); font-family: 'Vazirmatn', var(--pk-font); font-size: clamp(13px, 3.8vw, 17px); font-weight: 700; }
	.pk-mobile-preview .pkh-hero__actions .pk-btn--light { background-image: url('../img/mobile-preview/hero-button-light.svg'); color: var(--pk-maroon); }
	.pk-mobile-preview .pk-hero-calendar { display: block; width: 24px; height: 24px; order: -1; }
}