/* RTL overrides for Hebrew (loaded only when ). Flex layouts mirror automatically with dir=rtl; this file only fixes properties that don't (explicit left/right offsets, left/right paddings). */ html[dir="rtl"] { text-align: right; } html[dir="rtl"] .header__inner > .nav { margin-left: auto; margin-right: 40px; } html[dir="rtl"] .nav__link::after { left: auto; right: 0; } html[dir="rtl"] .header__badge { right: auto; left: 4px; } html[dir="rtl"] .form__field { text-align: right; } html[dir="rtl"] .static-content ul { padding-left: 0; padding-right: 20px; } html[dir="rtl"] .section__head--left { text-align: right; } html[dir="rtl"] .product-card__badge { left: auto; right: 14px; } html[dir="rtl"] .product-card__actions { right: auto; left: 0; } html[dir="rtl"] .catalog__tab { padding-right: 0; padding-left: 26px; } html[dir="rtl"] .product-card__arrow--prev { left: auto; right: 8px; } html[dir="rtl"] .product-card__arrow--next { right: auto; left: 8px; } html[dir="rtl"] .product-finishes__col--right { padding-left: 0; padding-right: 20px; } @media (max-width: 900px) { html[dir="rtl"] .product-finishes__col--right { padding-right: 0; } } html[dir="rtl"] .about__list li { padding-left: 0; padding-right: 24px; } html[dir="rtl"] .about__list li::before { left: auto; right: 0; } html[dir="rtl"] .modal__close { right: auto; left: 14px; } html[dir="rtl"] .modal__dialog--pdf .modal__close { right: auto; left: 12px; } html[dir="rtl"] .lightbox__close { right: auto; left: 20px; } html[dir="rtl"] .toast { right: auto; left: 24px; } @media (max-width: 640px) { html[dir="rtl"] .toast { left: 16px; right: 16px; } } html[dir="rtl"] .product-gallery__arrow--prev { left: auto; right: 16px; } html[dir="rtl"] .product-gallery__arrow--next { right: auto; left: 16px; } html[dir="rtl"] .product-detail__badge { left: auto; right: 18px; } html[dir="rtl"] .feature-block__icons { left: auto; right: 32px; } @media (max-width: 640px) { html[dir="rtl"] .feature-block__icons { left: auto; right: 12px; } } @media (max-width: 900px) { html[dir="rtl"] .header__contacts { margin-left: 0; margin-right: auto; } } html[dir="rtl"] .mc-card__new { left: auto; right: 12px; } html[dir="rtl"] .breadcrumbs, html[dir="rtl"] .mobile-menu__item { text-align: right; }