/* RTL: layout uses logical properties, so only small tweaks are needed */
[dir="rtl"] body{font-family:'Nunito','Segoe UI',Tahoma,sans-serif}
[dir="rtl"] .menu>li>a,[dir="rtl"] .menu>li>button{letter-spacing:0}
[dir="rtl"] .dd,[dir="rtl"] .news-form input{text-align:right}
@media (max-width:1023px){[dir="rtl"] .dd{padding:4px 14px 4px 0}}
[dir="rtl"] .bar{transform-origin:100% 50%}
[dir="rtl"] .pgb-thumb{translate:50% 0}
[dir="rtl"] .pgb-fig-l{--sx:48px}
[dir="rtl"] .pgb-fig-r{--sx:-48px}
[dir="rtl"] .pgb-seg{animation-name:pgb-draw-rtl}
[dir="rtl"] .pgb-info .btn::after{content:"←"}
@keyframes pgb-draw-rtl{from{clip-path:inset(0 0 0 100%)}}