html[dir=rtl] body{font-family:Tajawal,Arial,sans-serif;font-size:1.1rem;line-height:1.8}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] legend,html[dir=rtl] .formula-name,html[dir=rtl] .hero-slogan{letter-spacing:0!important;line-height:1.35}html[dir=rtl] .desktop-nav{margin-left:0;margin-right:auto}html[dir=rtl] .header-quote{margin-left:0}html[dir=rtl] .hero-copy>p,html[dir=rtl] .local-hero-grid>div>p{font-size:1.15rem}html[dir=rtl] .hero-copy .hero-slogan{line-height:1.23!important;font-size:clamp(3.5rem,5.8vw,5.4rem)!important}html[dir=rtl] .local-heading{line-height:1.65!important}html[dir=rtl] .formula input{right:auto;left:25px}html[dir=rtl] .formula-name{padding-inline-end:32px}html[dir=rtl] .delivery-preview th,html[dir=rtl] .delivery-preview td{text-align:start}html[dir=rtl] .kids-page .delivery-list{padding-left:0;padding-right:20px}html[dir=rtl] .tariff-grid strong{text-align:end}html[dir=rtl] .writing-example{font-family:Tajawal,Arial,sans-serif}html[dir=rtl] .writing-example h3{line-height:1.5}html[dir=rtl] .writing-example svg{direction:ltr}html[dir=rtl] .breadcrumbs{line-height:1.7}html[dir=rtl] .footer-top nav,html[dir=rtl] .formula-details{font-size:1rem}html[dir=rtl] .order-summary textarea{line-height:1.9;font-size:1rem}html[dir=rtl] .field label,html[dir=rtl] .field small,html[dir=rtl] .fine{letter-spacing:0}html[dir=rtl] .recommended{font-size:.9rem}html[dir=rtl] input[type=number]{text-align:start}html[dir=rtl] a[dir=ltr]{unicode-bidi:isolate}html[dir=rtl] .header-row .logo-crop img,html[dir=rtl] .mascot-bird img{direction:ltr}
@media(max-width:1080px){html[dir=rtl] .header-quote{margin-right:auto}}
@media(max-width:760px){html[dir=rtl] .header-row>.brand{margin-right:0;margin-left:auto}html[dir=rtl] .mobile-menu{margin-left:0;margin-right:0}html[dir=rtl] .hero-copy .hero-slogan{font-size:clamp(3rem,11vw,4.6rem)!important}html[dir=rtl] .formula input{left:25px}html[dir=rtl] .hero-copy>p,html[dir=rtl] .local-hero-grid>div>p{font-size:1.05rem}html[dir=rtl] .landing-hero h1,html[dir=rtl] .kids-hero h1,html[dir=rtl] .local-hero h1{font-size:clamp(2.2rem,8vw,3.5rem)}}
@media(max-width:380px){html[dir=rtl] .mobile-menu>summary{font-size:.85rem}html[dir=rtl] .language-switch{font-size:.8rem}html[dir=rtl] .hero-copy .hero-slogan{font-size:3rem!important}}