/* Right-to-left layout: active when <html dir="rtl"> (header RTL toggle in main.js).
   Flex and grid already mirror; these rules fix the absolute positions, one-sided offsets and the hero arc. */
html[dir="rtl"] .orbit{transform:scaleX(-1)}
html[dir="rtl"] .hero :is(.mega,.lead){direction:ltr;text-align:right}
html[dir="rtl"] .stamp{right:auto;left:-18px}
html[dir="rtl"] .progress{left:auto;right:0;transform-origin:right}
html[dir="rtl"] .dd-menu{left:auto;right:0}
html[dir="rtl"] .mlist li:hover{padding-left:0;padding-right:28px}
html[dir="rtl"] .steps li:hover{padding-left:0;padding-right:20px}
html[dir="rtl"] .footer li a:hover,html[dir="rtl"] .footer address a:hover{padding-left:0;padding-right:6px}
html[dir="rtl"] .fbottom p a{margin-left:0;margin-right:20px}
html[dir="rtl"] .burger span{left:auto;right:12px}
html[dir="rtl"] .scard .big{text-align:right}
html[dir="rtl"] .lead,html[dir="rtl"] .shead{text-align:right}

/* 06 and 07: English headlines and sentences keep their own direction and align to the reading edge */
html[dir="rtl"] :is(.story-head h2,.story-lead,.s-step h3,.s-step p,.ord-title,.ord-lead,.pick-copy h3,.pick-copy p,.ord-flow h3,.ord-flow p){direction:ltr;text-align:right}

/* Our story: English sentences keep their own direction and align to the reading edge (the journey and the receipt rows follow the page direction) */
html[dir="rtl"] :is(.ph-title,.ph-lead,.os-quote,.os-cols p,.os-h2,.os-rc-lead,.ct-lead,.ct-title,.rc-foot,.kt-card h3,.kt-card p,.pr h3,.pr p,.slat-body p,.vq p,.vq figcaption,.gl figcaption){direction:ltr;text-align:right}
html[dir="rtl"] .os-h2,html[dir="rtl"] .os-quote,html[dir="rtl"] .ph-title{text-align:right}
html[dir="rtl"] .vq p,html[dir="rtl"] .vq figcaption{text-align:start}
html[dir="rtl"] .gl figcaption{text-align:start}
html[dir="rtl"] .os-track,html[dir="rtl"] .os-stop{direction:ltr}

/* Home 2 in right-to-left: the hero copy sits on the right, the circle opens from the left, and English sentences keep their own direction */
@media(min-width:768px){html[dir="rtl"] .h2-hero-bg{--cx:32%}html[dir="rtl"] .h2-halo{left:32%}html[dir="rtl"] .h2-hero-stick{background-image:radial-gradient(var(--hero-dot,rgba(140,90,54,.16)) 1px,transparent 1.5px),radial-gradient(circle at 32% 52%,var(--hero-glow,#fff),transparent 46%)}}
html[dir="rtl"] .h2-hero-stats b,html[dir="rtl"] .h2-hero-stats span{direction:ltr}
html[dir="rtl"] :is(.h2-hero-title,.h2-hero-sub,.h2-h2,.h2-craft-lead,.h2-order-lead,.h2-fan-info h3,.h2-fan-info p,.h2-v p,.h2-frame figcaption,.h2-visit-info h2){direction:ltr;text-align:right}
html[dir="rtl"] .h2-core{direction:ltr}
html[dir="rtl"] .h2-core h3,html[dir="rtl"] .h2-core p{text-align:center}
html[dir="rtl"] .h2-fan-info,html[dir="rtl"] .h2-fan-info h3,html[dir="rtl"] .h2-fan-info p{text-align:center}
html[dir="rtl"] .h2-craft-side{text-align:start}
html[dir="rtl"] .h2-kx-track{direction:ltr}
html[dir="rtl"] .hero-stats b,html[dir="rtl"] .hero-stats span{direction:ltr}
html[dir="rtl"] .h2-pot{direction:ltr}
html[dir="rtl"] .h2-pot span,html[dir="rtl"] .h2-pots-label,html[dir="rtl"] .h2-pots-more{text-align:right}
html[dir="rtl"] .h2-hero-pots{width:min(290px,24vw)}

/* Menu page in right-to-left */
html[dir="rtl"] .mn-mega,html[dir="rtl"] .mn-lead,html[dir="rtl"] .mn-h2,html[dir="rtl"] .mn-pan h3,html[dir="rtl"] .mn-pan p,html[dir="rtl"] .mn-chef-name,html[dir="rtl"] .mn-chef-desc,html[dir="rtl"] .mn-quote,html[dir="rtl"] .mn-final-lead,html[dir="rtl"] .mn-list h3,html[dir="rtl"] .mn-list p,html[dir="rtl"] .mn-best h3,html[dir="rtl"] .mn-best .info p,html[dir="rtl"] .mn-dl h3,html[dir="rtl"] .mn-tall h3,html[dir="rtl"] .mn-tall p,html[dir="rtl"] .mn-cat-name,html[dir="rtl"] .mn-cat-n{direction:ltr;text-align:right}
html[dir="rtl"] .mn-hero-word{inset-inline-start:auto;inset-inline-end:-1vw}
html[dir="rtl"] .mn-hero-copy,html[dir="rtl"] .mn-head,html[dir="rtl"] .mn-chef-copy,html[dir="rtl"] .mn-final-copy{align-items:flex-end;text-align:right}
html[dir="rtl"] .mn-jump,html[dir="rtl"] .mn-tags{justify-content:flex-end}
html[dir="rtl"] .mn-list li:hover,html[dir="rtl"] .mn-dl li:hover{padding-inline-start:0;padding-inline-end:18px}
html[dir="rtl"] .mn-combo-list li,html[dir="rtl"] .mn-sel-list{direction:rtl}
html[dir="rtl"] .mn-pan-no{direction:ltr;text-align:right}
html[dir="rtl"] .mn-chef-sticker{inset-inline-start:auto;inset-inline-end:-2%}
html[dir="rtl"] .mn-chef-b{transform:rotate(-4deg)}
html[dir="rtl"] .mn-quote{padding-inline-start:0;padding-inline-end:22px;border-inline-start:0;border-inline-end:3px solid var(--gold)}
html[dir="rtl"] .mn-jump a:hover{transform:translateY(-3px)}
html[dir="rtl"] .mn-orderbar{padding-inline-start:8px;padding-inline-end:22px}

/* Party orders in right-to-left: English headings and sentences keep their own direction and align to the reading edge; arrows point the right way */
html[dir="rtl"]{--po-dir:-1}
html[dir="rtl"] .po-page :is(h2,h3,.po-mega,.po-lead,.po-eyebrow,.po-occ-btn .s,.po-occ-cap p,.po-pk-note,.po-pk-info h3,.po-incl li,.po-plat-txt p,.po-plat h3,.po-steps h3,.po-steps p,.po-reasons h3,.po-reasons p,.po-quote-text,.po-mix-line,.po-q figcaption,.po-huge,.po-count b,.po-highlights li,.po-feast-tag,.po-hint,.po-cta h2,.po-cta .po-lead,.po-contact a,.po-bigword){direction:ltr;text-align:right}
html[dir="rtl"] .po-page :is(.po-mega,.po-occ-btn .t,.po-occ-btn .n,.po-pk-btn .nm,.po-pk-btn .pr){text-align:right}
html[dir="rtl"] .po-page .po-bigword{text-align:left}
html[dir="rtl"] .po-page .po-lead,html[dir="rtl"] .po-page .po-pk-note{text-align:right}
html[dir="rtl"] .po-flip,html[dir="rtl"] .po-q-ctl i{transform:scaleX(-1)}
html[dir="rtl"] .po-arch{inset:6% 8% 0 4%}
html[dir="rtl"] .po-how-line span{transform-origin:right center}
html[dir="rtl"] .po-mega .po-ln:nth-child(2)>span{padding-inline-start:.9em}
html[dir="rtl"] .po-cta-copy,html[dir="rtl"] .po-occ-caps,html[dir="rtl"] .po-occ-cap,html[dir="rtl"] .po-hero-copy{text-align:start}
html[dir="rtl"] .po-occ-cap h3,html[dir="rtl"] .po-occ-cap p{text-align:right}
html[dir="rtl"] .po-hero .po-bigword{text-align:left}
html[dir="rtl"] .po-sumlist dd,html[dir="rtl"] .po-sumlist dt{text-align:right}
html[dir="rtl"] .po-input{text-align:start}

/* Contact page in right-to-left: English headings and sentences keep their own direction; arrows and offsets mirror */
html[dir="rtl"] .cx-page :is(h2,h3,.cx-mega,.cx-lead,.cx-eyebrow,.cx-line-txt b,.cx-line-txt small,.cx-days .d,.cx-faq-item .q,.cx-panel-tab,.cx-panel-body h3,.cx-panel-body>p,.cx-bub,.cx-map-card h3,.cx-map-card p,.cx-counts span,.cx-hash-track span,.cx-final h2,.cx-status,.cx-hours-note,.cx-wa-copy .cx-lead,.cx-faq-a p,.cx-find-tips span,.cx-topic span,.cx-kicker,.cx-bigword){direction:ltr;text-align:right}
html[dir="rtl"] .cx-page .cx-mega,html[dir="rtl"] .cx-page .cx-bigword{text-align:right}
html[dir="rtl"] .cx-bigword{text-align:left}
html[dir="rtl"] .cx-flip,html[dir="rtl"] .cx-page .po-flip,html[dir="rtl"] .cx-page .cx-line-go{transform:scaleX(-1)}
html[dir="rtl"] .cx-page .cx-line-go{transform:scaleX(-1)}
html[dir="rtl"] .cx-page .cx-line:hover .cx-line-go{transform:scaleX(-1) translateX(10px)}
html[dir="rtl"] .cx-line::before{transform-origin:right center}
html[dir="rtl"] .cx-mega .cx-ln:nth-child(3)>span{padding-inline-start:.9em}
html[dir="rtl"] .cx-disc::after{inset:-6%}
html[dir="rtl"] .cx-map-art{transform-origin:400px 260px}
html[dir="rtl"] .cx-page .cx-panel-tab{text-align:right}
html[dir="rtl"] .cx-page .cx-panel-tab::after{margin-inline-start:0}
html[dir="rtl"] .cx-page .cx-panel-body li i{margin-inline-start:0}
html[dir="rtl"] .cx-final-copy,html[dir="rtl"] .cx-hero-copy,html[dir="rtl"] .cx-connect-stick{align-items:flex-start}