body {
  direction: ltr;
  text-align: left;
}

.header, .footer, .main-content {
  direction: ltr;
}

.product-card {
  text-align: left;
}

:root {
  --text-alignment: left;
}