
[dir="rtl"] .uline::after{bottom:-.2em}

/* ---- "The good stuff" (#eatwell) — featured card + category cards ---- */
[dir="rtl"] #eatwell .gs-feat-media{right:auto;left:-2%}
[dir="rtl"] #eatwell .gs-fbadge{left:auto;right:36px}
[dir="rtl"] #eatwell .gs-media{left:2%;right:34%}
[dir="rtl"] #eatwell .gs-ic{left:auto;right:14px}
[dir="rtl"] #eatwell .gs-cbody{left:16px;right:20px}
[dir="rtl"] #eatwell .gs-foot{left:16px;right:20px}
/* the slide maths (translateX) assume LTR — keep the strip itself LTR */
[dir="rtl"] #eatwell .gs-track{direction:ltr}
[dir="rtl"] #eatwell .gs-btn svg{transform:scaleX(-1)}
[dir="rtl"] #dishes .mdet-arr{transform:scaleX(-1)}
@media(max-width:560px){
  /* stacked mobile layout goes back to static/relative flow, like English */
  [dir="rtl"] #eatwell .gs-feat-media{left:auto;right:auto}
  [dir="rtl"] #eatwell .gs-media{left:auto;right:auto}
}

/* ---- kitchen collage ("From our kitchen to your table") ---- */
[dir="rtl"] .kt-years{right:auto;left:-56px}
[dir="rtl"] .kt-prep{left:auto;right:-8px}
[dir="rtl"] .kt-text .h2{text-align:right}
/* desktop-only: the mobile feature chips are symmetric and need no flipping */
@media(min-width:641px){
  [dir="rtl"] .kt-feat:first-child{padding-left:18px;padding-right:0}
  [dir="rtl"] .kt-feat+.kt-feat{border-left:0;border-right:1px solid #EBDCBF}
  [dir="rtl"] .kt-feat{flex:1 1 auto}
  [dir="rtl"] .kt-feat b{white-space:nowrap}
}
[dir="rtl"] .kt-cta{margin-left:0;margin-right:auto}
@media(max-width:980px){
  [dir="rtl"] .kt-years{left:-6px;right:auto}
  [dir="rtl"] .kt-prep{right:2px;left:auto}
}
@media(max-width:640px){
  [dir="rtl"] .kt-years{left:-2px;right:auto}
}

/* ---- stat band dividers sit between items in RTL flow too ---- */
[dir="rtl"] .statband .sb-item + .sb-item::before{left:auto;right:0}

/* ---- delivery-map summary strip under the map ---- */
[dir="rtl"] #why .ums-items{margin-left:0;margin-right:auto}
[dir="rtl"] #why .ums-item{border-left:0;border-right:1px solid rgba(60,40,15,.12)}
[dir="rtl"] #why .ums-item:last-child{padding-right:clamp(11px,3.1cqw,18px);padding-left:2px}
[dir="rtl"] #why .stat .num .suf{margin-left:0;margin-right:1px}

/* ---- lifestyle deck: slides fan out to the left, controls mirror ---- */
[dir="rtl"] .lc-slide{left:auto;right:0}
[dir="rtl"] .lc-slide[data-pos="1"]{transform:translateX(-48%) scale(.9)}
[dir="rtl"] .lc-slide[data-pos="2"]{transform:translateX(-60%) scale(.82)}
[dir="rtl"] .lc-dots{left:auto;right:calc(62% - 32px)}
[dir="rtl"] .lc-cap{left:auto;right:18px}
/* progress track: mirror the whole bar (dots + fill only, no text inside) */
[dir="rtl"] .lc-track{transform:scaleX(-1)}

/* ---- how-it-works step numbers ---- */
[dir="rtl"] #how .hx-num{left:auto;right:6px}

/* ---- plan cards: badge mirrors, arrow points left ---- */
[dir="rtl"] #plans .plbadge{left:auto;right:12px}
[dir="rtl"] .plcardx-arr{transform:scaleX(-1)}
@media(max-width:560px){
  [dir="rtl"] #plans .plbadge{left:auto;right:9px}
}

/* ---- Talabat banner: artwork is fixed, only the arrow glyph flips ---- */
[dir="rtl"] .tal-cta svg{transform:scaleX(-1)}
