html[dir="rtl"] body {
  direction: rtl;
}

html[dir="rtl"] .flash-message,
html[dir="rtl"] .ui-toast {
  right: auto;
  left: 16px;
}

html[dir="rtl"] #nav,
html[dir="rtl"] #navbar {
  direction: rtl;
}

html[dir="rtl"] .nav-pills,
html[dir="rtl"] .nav-r {
  flex-direction: row-reverse;
}

html[dir="rtl"] .nav-back svg,
html[dir="rtl"] .btn-p svg,
html[dir="rtl"] .btn-s svg,
html[dir="rtl"] .btn-outline svg,
html[dir="rtl"] .ncta svg {
  transform: scaleX(-1);
}

html[dir="rtl"] .cart-dock-btn {
  right: auto;
  left: 14px;
  transform: translateY(-50%) translateX(-120%);
}

html[dir="rtl"] .cart-dock-btn.is-visible {
  transform: translateY(-50%) translateX(0);
}

html[dir="rtl"] .cart-offcanvas {
  right: auto;
  left: 0;
  transform: translateX(-100%);
}

html[dir="rtl"] .cart-offcanvas.open {
  transform: translateX(0);
}

html[dir="rtl"] .cart-off-head {
  text-align: right;
}

html[dir="rtl"] .cart-off-close {
  margin-left: 0;
  margin-right: auto;
}

html[dir="rtl"] .contact-float {
  right: auto;
  left: 16px;
}

@media (max-width: 900px) {
  html[dir="rtl"] .contact-float {
    left: 12px;
  }
}