/* Keep the illustrated browser's menu in its original top-right position.
   Text direction changes, but the browser UI diagram is not mirrored. */
html[dir="rtl"] .fb-demo { direction:ltr; }
html[dir="rtl"] .fb-demo .fscreen-note,
html[dir="rtl"] .fb-demo .bubble,
html[dir="rtl"] .fb-demo .step,
html[dir="rtl"] .fb-demo .done p { direction:rtl; }

.landing-language-control {
  position:fixed;
  top:8px;
  right:10px;
  top:calc(8px + env(safe-area-inset-top, 0px));
  right:max(10px, calc((100vw - 480px) / 2 + 10px), env(safe-area-inset-right, 0px));
  z-index:10000;
  width:106px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid #fb7185;
  border-radius:22px;
  background:linear-gradient(135deg,#491b2d,#210d17);
  color:#ffb0c3;
  box-shadow:0 3px 12px #0005, inset 0 1px 0 #ffffff0c;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  font:20px/1 Arial,sans-serif;
  direction:ltr;
}
.landing-language-control > span { display:flex; align-items:center; justify-content:center; }
.landing-language-control .landing-language-label { font:600 12px/1 Arial,sans-serif; }
.landing-language-control svg { width:18px; height:18px; }
@media (max-width:380px) {
  .cinema-head .brand-name { font-size:11px; letter-spacing:1.5px; }
}
.landing-language-control:hover { border-color:#fb7185; background:rgba(55,15,31,.96); }
.landing-language-control:focus-within { outline:2px solid #f5c97b; outline-offset:3px; }
.landing-language-control select {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer;
  font-size:16px;
}