:root {
  --text-align: right;
}
body {
  direction: rtl;
  text-align: right;
}
.header-main, .nav-bar, .hero-section, .section-heading, .newsletter-card, .footer-grid, .product-hero, .cart-page {
  direction: rtl;
}
.searchbar input {
  text-align: right;
}