/* Translated homepages (route-bound shell stylesheet; see lib/adapter.mjs SHELL_STYLES, bound to /ar/, /zh/ and /ru/
   only). The pages use the shared landing hero (src/hero/hero.css) and the shared final call-to-action band unchanged;
   this file only adapts them to the page language.
     - Russian: the call-to-action heading may break a long word that does not fit on a line of its own ("забронировать"
       was 2px wider than a 320px phone with every text size doubled, WebKit); a word that fits is never broken.
     - Arabic and Chinese headings: the hero heading's serif face has no Arabic or Chinese letters, so it takes the
       shell's face for that language (--ui-font), as the shared system sets Arabic and Chinese headings, at weight 500
       and upright (neither script has italic); Arabic text has no tracking.
     - Right to left (Arabic): on desktop the shared hero puts the copy at the left of the rail and the photograph from
       77px left of centre to the right edge, its fade running from the left. Here the copy starts on the right, so the
       photograph takes the mirrored place (from the left edge to 77px right of centre) and the same fade runs from the
       right: same geometry, same colours, the photograph itself not flipped. Phones and tablets are unchanged (the
       photograph spans the width above the copy). */
html[lang^="ar"] .ui-hero__h1,html[lang^="zh"] .ui-hero__h1{font-family:var(--ui-font);font-weight:500;letter-spacing:0}
html[lang^="ar"] .ui-hero__h1 em,html[lang^="zh"] .ui-hero__h1 em{font-style:normal}
html[lang^="ar"] .ui-hero__facts{letter-spacing:0}
html[lang^="ru"] .ui-cta h2{overflow-wrap:anywhere}
@media (min-width:901px){
  html[dir="rtl"] .ui-hero__media{left:0;right:calc(50% - var(--ui-hero-media-x))}
  html[dir="rtl"] .ui-hero__shade{left:0;right:-2px;
    background:linear-gradient(to left,var(--ui-surface) 0,var(--ui-surface) calc(var(--ui-hero-fade-x) * .18),rgba(var(--ui-surface-rgb),.88) calc(var(--ui-hero-fade-x) * .32),rgba(var(--ui-surface-rgb),.5) calc(var(--ui-hero-fade-x) * .55),rgba(var(--ui-surface-rgb),0) var(--ui-hero-fade-x))}
}
