[dir="rtl"] .cgoal{text-align:right}
[dir="rtl"] .cg-go{right:auto;left:10px}
[dir="rtl"] .cg-go .ch{transform:scaleX(-1)}
[dir="rtl"] .cseg .ck{right:auto;left:-7px}
/* the fuel photos are wide (3:2) - a wide box shows them big without wasting height */
[dir="rtl"] .cs-photo{right:auto;left:-6px;object-position:left top;width:205px;height:165px}
/* Arabic plan names are long: keep the title block strictly clear of the photo */
[dir="rtl"] .calc-sum h3,[dir="rtl"] .cs-sub,[dir="rtl"] .cs-days{max-width:calc(100% - 202px)}
[dir="rtl"] .calc-sum h3{font-size:22px}
/* break after "خطة"; the plan name itself stays on one unbreakable line */
[dir="rtl"] .calc-sum h3 #cs-name{display:block;white-space:nowrap}
[dir="rtl"] .csw i{left:auto;right:3px}
[dir="rtl"] .csnack.sel .csw i{transform:translateX(-16px)}
[dir="rtl"] .csnack .csw{margin-left:0;margin-right:auto}
[dir="rtl"] .cs-row .v{margin-left:0;margin-right:auto}
[dir="rtl"] .cc-apply svg,[dir="rtl"] .cs-cta svg{transform:scaleX(-1)}
[dir="rtl"] .cs-foot svg{margin-right:0;margin-left:4px}
[dir="rtl"] .cust-head h2 .cc-leaf{transform:rotate(8deg) scaleX(-1)}
@media(max-width:640px){
  /* photo is hidden at this size - give the text the full width back */
  [dir="rtl"] .calc-sum h3,[dir="rtl"] .cs-sub,[dir="rtl"] .cs-days{max-width:100%}
}
@media(max-width:760px){
  [dir="rtl"] .cgoal{text-align:center}
  [dir="rtl"] .cg-go{left:9px}
  [dir="rtl"] .cust::before{transform:scaleX(-1)}
  [dir="rtl"] .calc-wrap:not([data-goal=""]) .cust-head .t{padding-right:0;padding-left:88px}
  [dir="rtl"] .cust-head h2 .cc-leaf{margin-left:0;margin-right:4px}
}