html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}
html[dir="rtl"] .navbar-nav {
  margin-right: auto;
  margin-left: 0;
}
html[dir="rtl"] .product-actions {
  right: auto;
  left: 15px;
}

html[dir="rtl"] .product-card:hover .product-actions {
  left: 15px;
}
html[dir="rtl"] .breadcrumb__content {
  flex-direction: row-reverse;
}
html[dir="rtl"] .footer__navigation-link i {
  transform: rotate(180deg);
}