.site-language-row{display:flex;justify-content:flex-end;padding:5px 10px 7px;background:#feee00}
.language-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #d9d9dd;border-radius:999px;background:#fff;direction:ltr;flex-shrink:0}
.language-switch button{appearance:none;border:0;background:transparent;color:#555565;font:600 12px/1.6 system-ui,sans-serif;padding:4px 11px;border-radius:999px;cursor:pointer;white-space:nowrap}
.language-switch button[aria-pressed=true]{background:#202231;color:#fff}
.language-switch button:focus-visible{outline:3px solid #4488ee;outline-offset:2px}
#promotion-dialog .language-switch{display:flex;width:max-content;margin:0 auto 14px}
#promotion-arabic{display:none}
#promotion-dialog .promotion-content{padding-top:24px}
#promotion-dialog #promotion-title{font-size:clamp(25px,6vw,34px);line-height:1.4}
.localized-image-caption{display:block;position:absolute;inset-inline:4px;bottom:3px;padding:3px 5px;border-radius:5px;background:rgba(255,255,255,.96);color:#252633;font:600 11px/1.5 Cairo,system-ui,sans-serif;text-align:center;box-shadow:0 1px 4px #0001;z-index:1;pointer-events:none}
html[lang=en] .localized-image-caption{display:none}
html[lang=ar] a:has(img[data-src-ar]) > .localized-image-caption{display:none}
a:has(> .localized-image-caption){position:relative}
html[dir=rtl] body{font-family:Cairo,Arial,sans-serif}
html[dir=rtl] #category-drawer{margin:0 0 0 auto;text-align:right}
html[dir=rtl] .drawer-links{padding:0 14px 20px 0}
/* Keep scrolling direction consistent with the native language layout. */
.template-scroll,._carouselContainer_1ydg2_9{direction:ltr}
html[dir=rtl] .template-scroll,html[dir=rtl] ._carouselContainer_1ydg2_9{direction:rtl}
html[dir=rtl] .template-scroll > * > *{direction:rtl}
html[dir=rtl] ._carouselContainer_1ydg2_9 img{direction:ltr}
html[dir=rtl] [data-section] h2{text-align:right}
html[dir=rtl] ._listWrapper_5ijze_5{direction:rtl}
html[dir=rtl] #searchBar{text-align:right}
html[dir=rtl] #promotion-dialog .promotion-art{direction:rtl}
html[dir=ltr] .field{text-align:left}
html[dir=ltr] #lottery-demo-notice{direction:ltr}
html[dir=ltr] .top .brand{letter-spacing:0}
.top{gap:10px}
.top .brand-name{font-size:clamp(14px,3vw,18px)}
.top .language-switch button{padding:4px 8px}
html[dir=rtl] .hero h1,html[dir=rtl] .center h2{font-family:Cairo,Arial,sans-serif;line-height:1.4}
html[dir=ltr] .hero h1{line-height:1.15}
#payment input,.phone-row{direction:ltr;text-align:left}
@media(max-width:480px){.top{padding-inline:12px}.top .brand{gap:6px}.top .brand-mark{width:30px;height:30px;flex-shrink:0}.localized-image-caption{font-size:9px;padding:2px 3px}.promotion-content{padding-inline:20px!important}}
@media(min-width:768px){#bottom-tabs{right:auto!important;left:50%!important;transform:translateX(-50%)!important}}
html[dir=rtl] .carousel-step.next{left:3px;right:auto}
html[dir=rtl] .carousel-step.next img{transform:rotate(180deg)}
html[dir=rtl] .carousel-step.prev{right:3px;left:auto}
html[dir=rtl] .carousel-step.prev img{transform:none}