/* ЖУК · иврит. Подключается последним поверх juk.css и стилей страницы.
   Шрифты: Rubik вместо Montserrat Alternates и для голоса Наталии, Assistant вместо Golos. Без засечек: решение Димы. */
html[dir=rtl]{--display:"Rubik",system-ui,sans-serif;--voice:"Rubik",system-ui,sans-serif;--body:"Assistant",system-ui,sans-serif}
html[dir=rtl] body{font-size:18px}
html[dir=rtl] *{letter-spacing:normal!important}
html[dir=rtl] .voice,html[dir=rtl] .smart .h2 em{font-weight:300}
html[dir=rtl] *{font-style:normal!important}
html[dir=rtl] q{quotes:'"' '"'}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .h2{line-height:1.02}
html[dir=rtl] .eyebrow,html[dir=rtl] label,html[dir=rtl] small{font-size:max(14px,1em)}
html[dir=rtl] .foot .motto{line-height:1.02}
html[dir=rtl] .foot .motto em{font-family:var(--voice);font-style:normal;line-height:1.05}
html[dir=rtl] .foot .cols .fh{font-size:14px}
html[dir=rtl] .word{line-height:.98}

/* кнопки и стрелки */
html[dir=rtl] .btn{padding:0 28px 0 7px}
html[dir=rtl] .btn span em::after,html[dir=rtl] .roll em::after{left:auto;right:0}
html[dir=rtl] .btn:hover i b{transform:rotate(45deg)}
html[dir=rtl] .r:hover .ar{transform:rotate(45deg)}
html[dir=rtl] .link:hover b{transform:translateX(-5px)}
html[dir=rtl] .r:hover h3{transform:translateX(-12px)}
html[dir=rtl] .mnav nav a:hover,html[dir=rtl] .mnav nav a:active{transform:translateX(-10px)}

/* шапка: подпись и порядок языков физические, как в русской версии */
html[dir=rtl] .lang{direction:ltr}
html[dir=rtl] .lang .ltip{right:auto;left:0;direction:rtl}
html[dir=rtl] .foot .lang .ltip{left:auto;right:0}
html[dir=rtl] .top .lang{margin-right:0;margin-left:4px}

/* первый экран: панель справа, фото зеркально */
html[dir=rtl] .panel{inset:0 0 0 auto}
html[dir=rtl] .panel h1{line-height:1}
html[dir=rtl] .hero .ph img{object-position:25% 45%}
html[dir=rtl] .stamp{left:auto;right:var(--pw);transform:translate(50%,-50%)}
html[dir=rtl] .caption{right:auto;left:var(--pad);text-align:left}
html[dir=rtl] .hero .shade{background:linear-gradient(70deg,#000000a6 0%,#00000040 35%,transparent 60%)}

/* цифры, форматы, плитки */
html[dir=rtl] .facts .wrap > div{padding:calc(var(--u)*2.4) calc(var(--u)*1.6) calc(var(--u)*2.4) 0;border-left:0;border-right:1px solid #ffffff26}
html[dir=rtl] .facts .wrap > div:first-child{border-right:0;padding-right:0}
html[dir=rtl] .r .pr{text-align:left}
html[dir=rtl] .f{padding:calc(var(--u)*2.6) 0 calc(var(--u)*2.6) calc(var(--u)*2)}
html[dir=rtl] .f + .f{padding-left:calc(var(--u)*2);padding-right:calc(var(--u)*2)}
html[dir=rtl] .ticket{right:auto;left:calc(var(--u)*3);transform:rotate(-6deg)}
html[dir=rtl] .gift:hover .ticket{transform:rotate(0) translateY(-8px)}
html[dir=rtl] .mk-n{left:auto;right:18px}
html[dir=rtl] .mk-pr{left:auto;right:14px}
html[dir=rtl] .mk-ar{right:auto;left:14px}
html[dir=rtl] .mk-tag{right:auto;left:14px}
html[dir=rtl] .portrait figcaption{left:auto;right:12px}

/* стили страниц */
html[dir=rtl] .chero h1 sup{margin-left:0;margin-right:.08em}
html[dir=rtl] .ticker span{margin-right:0;margin-left:.4em}
html[dir=rtl] .fph .stamp2{left:auto;right:18px}
html[dir=rtl] .cart .sum b{margin-left:0;margin-right:6px}
html[dir=rtl] .lp .ct{right:auto;left:16px}
html[dir=rtl] .sbadge{left:auto;right:-6%}

/* cookie: логические отступы уже есть, зеркалим только внутреннее поле */
html[dir=rtl] .ck{padding:22px 22px 20px 44px}

@media (max-width:1240px){
  html[dir=rtl] .top .lang{margin-left:0;margin-right:auto}
}
@media (max-width:900px){
  html[dir=rtl] .stamp{right:auto;left:14px;transform:none}
  html[dir=rtl] .facts .wrap > div:nth-child(3){border-right:0;padding-right:0}
  html[dir=rtl] .card small{left:auto;right:16px}
  html[dir=rtl] .r .pr{text-align:right}
  html[dir=rtl] .r .ar{right:auto;left:10px}
  html[dir=rtl] .ticket{left:20px;right:auto}
  html[dir=rtl] .sbadge{right:0}
}

/* счётчики читаются слева направо, как в иврите принято для чисел */
html[dir=rtl] .count,html[dir=rtl] .lp .ct{direction:ltr;unicode-bidi:isolate}

/* фото за курсором в списке стоят за левым краем: в RTL это давало горизонтальную прокрутку */
html[dir=rtl]{overflow-x:clip}

/* плашки шапки «Еды на заказ» стали ссылками: стрелка смотрит по направлению чтения */
.checks a::after{content:"←"}
.checks a:hover::after{transform:translateX(-3px)}