/* KOMOREBI & KARAK - RTL SUPPORT */
html[dir="rtl"] { direction: rtl; text-align: right; }
html[dir="rtl"] body { font-family: 'Noto Sans Arabic', var(--font-body); }
html[dir="rtl"] .brand-sub, html[dir="rtl"] .brand-title { letter-spacing: 0.04em; }
html[dir="rtl"] .ticker-btn svg, html[dir="rtl"] .btn-icon svg { transform: scaleX(-1); }
html[dir="rtl"] .ticker-link .arrow { transform: scaleX(-1); }
html[dir="rtl"] .ticker-link:hover .arrow { transform: scaleX(-1) translateX(3px); }
html[dir="rtl"] .cta-sculpted-btn:hover .btn-icon svg { transform: scaleX(-1) translateX(3px); }
html[dir="rtl"] .dropdown-link-item:hover { transform: translateX(-4px); }
html[dir="rtl"] .ticker-slide { transform: translateY(10px); }
html[dir="rtl"] .ticker-slide.active { transform: translateY(0); }
html[dir="rtl"] .drawer-content { right: auto; left: 0; border-left: none; border-right: 1px solid var(--border-brass); transform: translateX(-100%); }
html[dir="rtl"] .mobile-drawer.active .drawer-content { transform: translateX(0); }
html[dir="rtl"] .drawer-subnav { padding: 0.4em 1em 0.8em 0; border-left: none; border-right: 2px solid var(--border-brass); margin-left: 0; margin-right: 0.3em; }
html[dir="rtl"] .drawer-accordion-btn { text-align: right; }

/* ==========================================================================
   9. Menu Page — RTL
   ========================================================================== */
html[dir="rtl"] .sec-eyebrow, html[dir="rtl"] .sc-tag, html[dir="rtl"] .sc-label, html[dir="rtl"] .mx-result-count, html[dir="rtl"] .mx-filter-count, html[dir="rtl"] .mx-badge, html[dir="rtl"] .sc-index-num, html[dir="rtl"] .sc-price small { letter-spacing: 0.06em; }
html[dir="rtl"] .sec-title, html[dir="rtl"] .mx-name, html[dir="rtl"] .sc-name, html[dir="rtl"] .mx-result-title { letter-spacing: 0; }
html[dir="rtl"] .sc-index a::after { transform-origin: right; }
html[dir="rtl"] .menu-pdf .hero-link-icon svg, html[dir="rtl"] .sc-flight .hero-link-icon svg, html[dir="rtl"] .mx-side-extra .btn-icon svg { transform: scaleX(-1); }
html[dir="rtl"] .mx-side-extra .cta-sculpted-btn:hover .btn-icon svg { transform: scaleX(-1) translateX(3px); }
html[dir="rtl"] .sc-origin { font-style: normal; }
html[dir="rtl"] .mx-filters { direction: rtl; }
/* ==========================================================================
   13-15. Seasonal Specials, Customize Your Chai, Final CTA — RTL
   ========================================================================== */
html[dir="rtl"] .ss-months, html[dir="rtl"] .ss-name, html[dir="rtl"] .cc-step-title, html[dir="rtl"] .cc-total { letter-spacing: 0; }
html[dir="rtl"] .ss-season, html[dir="rtl"] .cc-readout-label, html[dir="rtl"] .cc-strength-chip, html[dir="rtl"] .cc-dock-label, html[dir="rtl"] .cc-total-note, html[dir="rtl"] .fc-fact-label, html[dir="rtl"] .fc-live { letter-spacing: 0.06em; }
html[dir="rtl"] .ss-origin { font-style: normal; }
html[dir="rtl"] .ss-ring { transform: scaleX(-1); }
html[dir="rtl"] .ss-buy .hero-link-icon svg, html[dir="rtl"] .fc-actions .hero-link-icon svg { transform: scaleX(-1); }
html[dir="rtl"] .fc-cta-lg .btn-icon svg { transform: scaleX(-1); }
html[dir="rtl"] .fc-cta-lg:hover .btn-icon svg { transform: scaleX(-1) translateX(3px); }
html[dir="rtl"] .cc-range { background: linear-gradient(to left, var(--color-saffron) 0 var(--fill, 50%), var(--border-brass) var(--fill, 50%) 100%); }
html[dir="rtl"][data-theme="dark"] .cc-range { background: linear-gradient(to left, var(--color-amber-gold) 0 var(--fill, 50%), rgba(226, 179, 90, 0.2) var(--fill, 50%) 100%); }
html[dir="rtl"] .cc-gauge { transform: rotate(-90deg) scaleY(-1); }
html[dir="rtl"] .cc-orb { transform: rotate(calc(var(--a) * -1)) translateY(-43.5cqw) rotate(var(--a)); }
html[dir="rtl"] .cc-sentence em { font-style: normal; }
html[dir="rtl"] .cc-step-value { font-style: normal; }
@media (max-width: 767px) {
  html[dir="rtl"] .ss-stop, html[dir="rtl"] .ss-stop--flip { padding-inline-start: 2.7em; }
}

/* ==========================================================================
   22-24. Our Story, Our Philosophy, The Art of Brewing — RTL
   ========================================================================== */
html[dir="rtl"] .os-sign-role, html[dir="rtl"] .os-fact span, html[dir="rtl"] .os-est, html[dir="rtl"] .br-no, html[dir="rtl"] .br-read dt, html[dir="rtl"] .br-steps, html[dir="rtl"] .br-hours, html[dir="rtl"] .br-chip { letter-spacing: 0.06em; }
html[dir="rtl"] .os-fact b, html[dir="rtl"] .os-year, html[dir="rtl"] .os-row h3, html[dir="rtl"] .ph-manifest, html[dir="rtl"] .ph-num, html[dir="rtl"] .ph-pillar h3, html[dir="rtl"] .br-name, html[dir="rtl"] .br-read dd, html[dir="rtl"] .br-close-line { letter-spacing: 0; }
html[dir="rtl"] .os-section .sec-title em, html[dir="rtl"] .ph-section .sec-title em, html[dir="rtl"] .br-section .sec-title em { font-style: normal; }
html[dir="rtl"] .os-sign-name, html[dir="rtl"] .br-tag { font-style: normal; }
html[dir="rtl"] .br-orbit { transform: rotate(8deg); }
html[dir="rtl"] .br-close .hero-link-icon svg, html[dir="rtl"] .br-cta .btn-icon svg { transform: scaleX(-1); }
html[dir="rtl"] .br-cta:hover .btn-icon svg { transform: scaleX(-1) translateX(3px); } 

/* ==========================================================================
   HOME 2 HERO — Ceremonial Bar — RTL
   (the arch, seal, orb, chip and card use logical properties, so they mirror automatically)
   ========================================================================== */
html[dir="rtl"] .cb-title { letter-spacing: 0; line-height: 1.3; }
html[dir="rtl"] .cb-title .mline { padding-bottom: 0.2em; }
html[dir="rtl"] .cb-sub { line-height: 1.95; }
html[dir="rtl"] .cb-eyebrow, html[dir="rtl"] .cb-card-label, html[dir="rtl"] .cb-stats li > span { letter-spacing: 0.06em; }
html[dir="rtl"] .cb-stats b, html[dir="rtl"] .cb-card-meta strong, html[dir="rtl"] .cb-step-txt strong { letter-spacing: 0; }
html[dir="rtl"] .cb-link-icon svg { transform: scaleX(-1); }
html[dir="rtl"] .cb-link:hover .cb-link-icon { transform: rotate(-45deg); }
html[dir="rtl"] .cb-ring { transform: rotate(-90deg) scaleY(-1); }
html[dir="rtl"] .cb-seal-svg { direction: ltr; animation-direction: reverse; }
html[dir="rtl"] .cb-card { padding: 0.95em 0.95em 0.95em 1.3em; }
html[dir="rtl"] .cb-time { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] .cb-arch-wrap, html[dir="rtl"] .cb-visual { direction: rtl; }
@media (max-width: 767px) {
  html[dir="rtl"] .cb-card { padding: 0.75em 0.75em 0.75em 1em; }
}

/* ==========================================================================
   HOME 2 — Signature Blends · Art of Brewing · Explore Menu — RTL
   (stop order, pins, callouts, badges and plate prices use logical properties and mirror on their own)
   ========================================================================== */
html[dir="rtl"] .sec-title .mline-in, html[dir="rtl"] .hs-sec .mline-in { letter-spacing: 0; }
html[dir="rtl"] .hs-sec .mline { padding-bottom: 0.2em; }
html[dir="rtl"] .sb-name, html[dir="rtl"] .ac-call h3, html[dir="rtl"] .tp-name, html[dir="rtl"] .tp-cta h3, html[dir="rtl"] .sb-price, html[dir="rtl"] .sb-no { letter-spacing: 0; }
html[dir="rtl"] .sb-origin, html[dir="rtl"] .ac-kicker, html[dir="rtl"] .tp-meta, html[dir="rtl"] .tp-cta-eyebrow, html[dir="rtl"] .sb-price small, html[dir="rtl"] .sb-meter em, html[dir="rtl"] .sb-badge { letter-spacing: 0.06em; }
html[dir="rtl"] .sb-desc, html[dir="rtl"] .ac-call p, html[dir="rtl"] .tp-desc, html[dir="rtl"] .hs-lead { line-height: 1.95; }
html[dir="rtl"] .hs-link-icon svg, html[dir="rtl"] .tp-arrow svg, html[dir="rtl"] .tp-cta-btn .btn-icon svg { transform: scaleX(-1); }
html[dir="rtl"] .hs-link:hover .hs-link-icon { transform: rotate(-45deg); }
html[dir="rtl"] .tp-cta-btn:hover .btn-icon svg { transform: scaleX(-1) translateX(3px); }
html[dir="rtl"] .sb-frame--leaf { --r: 100% 0 100% 0; }
html[dir="rtl"] .sb-frame--pebble { --r: 58% 42% 38% 62% / 40% 44% 56% 60%; }
html[dir="rtl"] .sb-halo { translate: -7% 7%; }
html[dir="rtl"] .sb-no { direction: ltr; text-align: end; }
html[dir="rtl"] .ac-ring-dash { animation-direction: reverse; }
html[dir="rtl"] .ac-arc { transform: rotate(-90deg) scaleY(-1); }
html[dir="rtl"] .ac-timer-fg { transform: scaleY(-1); }
html[dir="rtl"] .ac-photo img { transform: scaleX(-1); }
html[dir="rtl"] .tp-bar { transform-origin: right center; }
html[dir="rtl"] .tp-count, html[dir="rtl"] .tp-price, html[dir="rtl"] .sb-price, html[dir="rtl"] .ac-legend b { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] .tp-rail { direction: rtl; }
@media (max-width: 767px) {
  html[dir="rtl"] .tp-cta-disc { translate: 50% -50%; }
}
/* ==========================================================================
   HOME 2 — Customer Stories · Visit Our Tea House — RTL
   (grid areas, margins and insets use logical properties, so the layout mirrors on its own)
   ========================================================================== */
html[dir="rtl"] .cs-quote, html[dir="rtl"] .cs-name, html[dir="rtl"] .cs-rating-t b, html[dir="rtl"] .vt-addr strong, html[dir="rtl"] .vt-r-name b, html[dir="rtl"] .vt-btn, html[dir="rtl"] .vt-ways b { letter-spacing: 0; }
html[dir="rtl"] .cs-quote { line-height: 1.95; }
html[dir="rtl"] .cs-order, html[dir="rtl"] .cs-role, html[dir="rtl"] .vt-r-name small, html[dir="rtl"] .vt-ways small { line-height: 1.9; }
html[dir="rtl"] .cs-count, html[dir="rtl"] .vt-addr-k, html[dir="rtl"] .vt-live, html[dir="rtl"] .vt-now, html[dir="rtl"] .vt-float, html[dir="rtl"] .vt-map-chip { letter-spacing: 0.06em; }
html[dir="rtl"] .cs-quote em, html[dir="rtl"] .cs-qm { font-style: normal; }
html[dir="rtl"] .cs-qm { transform: scaleX(-1); transform-origin: right center; margin-inline-start: auto; }
html[dir="rtl"] .cs-nav svg, html[dir="rtl"] .vt-btn-ic svg { transform: scaleX(-1); }
html[dir="rtl"] .cs-prog i { transform-origin: right center; }
html[dir="rtl"] .vt-lead { transform-origin: right center; }
html[dir="rtl"] .vt-btn:hover .vt-btn-ic svg { transform: scaleX(-1) translateX(3px); }
html[dir="rtl"] .cs-count, html[dir="rtl"] .vt-r-time, html[dir="rtl"] .vt-tel, html[dir="rtl"] .vt-map-chip { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] .cs-fan { direction: ltr; }
html[dir="rtl"] .vt-map svg, html[dir="rtl"] .vt-lbl { direction: ltr; }
html[dir="rtl"] .vt-kulhad-line, html[dir="rtl"] .cs-leaf-line { direction: ltr; }
@media (max-width: 767px) {
  html[dir="rtl"] .vt-capsule { inset-inline-start: -6%; }
}
/* ==========================================================================
   HOME 2 — Find Your Perfect Chai · Ritual of Chai · Chai Pairing — RTL
   (marks, sun and layout use logical properties; the sun's turn direction is flipped in script.js)
   ========================================================================== */
html[dir="rtl"] .fy-name, html[dir="rtl"] .fy-mood-txt b, html[dir="rtl"] .fy-price, html[dir="rtl"] .rt-title, html[dir="rtl"] .rt-clock, html[dir="rtl"] .cp-title, html[dir="rtl"] .cp-price { letter-spacing: 0; }
html[dir="rtl"] .fy-tag, html[dir="rtl"] .rt-phase, html[dir="rtl"] .rt-notes, html[dir="rtl"] .cp-kicker, html[dir="rtl"] .cp-why, html[dir="rtl"] .fy-mood-no, html[dir="rtl"] .rt-mark b, html[dir="rtl"] .rt-mark small { letter-spacing: 0.06em; }
html[dir="rtl"] .fy-desc, html[dir="rtl"] .rt-desc, html[dir="rtl"] .cp-desc { line-height: 1.95; }
html[dir="rtl"] .cp-title em { font-style: normal; }
html[dir="rtl"] .fy-mood::after { transform-origin: right center; }
html[dir="rtl"] .fy-mood-arrow { transform: scaleX(-1) translateX(-8px); }
html[dir="rtl"] .fy-mood.is-active .fy-mood-arrow, html[dir="rtl"] .fy-mood:hover .fy-mood-arrow { transform: scaleX(-1); }
html[dir="rtl"] .fy-go .hs-link-icon svg, html[dir="rtl"] .rt-go .hs-link-icon svg, html[dir="rtl"] .cp-foot .hs-link-icon svg, html[dir="rtl"] .cp-end .hs-link-icon svg { transform: scaleX(-1); }
html[dir="rtl"] .fy-price, html[dir="rtl"] .cp-price, html[dir="rtl"] .rt-clock, html[dir="rtl"] .rt-mark b { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] .rt-clock { text-align: end; }
html[dir="rtl"] .fy-seal { direction: ltr; animation-direction: reverse; }
html[dir="rtl"] .fy-halo { animation-direction: reverse; }
html[dir="rtl"] .fy-halo--2 { animation-direction: normal; }
html[dir="rtl"] .rt-ring-c { animation-direction: reverse; }
html[dir="rtl"] .rt-core img { transform: scale(1.18) rotate(4deg); }
html[dir="rtl"] .rt-core img.is-on { transform: none; }
html[dir="rtl"] .cp-plus::before { animation-direction: reverse; }
html[dir="rtl"] .cp-leaf { border-radius: 0 100% 0 100%; }
html[dir="rtl"] .fy-viz[data-m="3"] { --r: 0 100% 0 100%; }
html[dir="rtl"] .fy-viz[data-m="1"] { --r: 42% 58% 62% 38% / 44% 40% 60% 56%; }
html[dir="rtl"] .cp-row:hover .cp-disc--a { translate: -2.5% 2.5%; }
html[dir="rtl"] .cp-row:hover .cp-disc--b { translate: 2.5% -2.5%; }
@media (max-width: 1024px) {
  html[dir="rtl"] .rt-clock { text-align: center; }
}