.product-image-container {
  width: var(--product-image-width);
  height: var(--product-image-height);
}

.product-image-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: rgb(238, 238, 238);
}

.product-categories-nav-bar {
  margin-bottom: 40px;
  display: flex;
  padding-bottom: 9px;
  overflow-x: auto;
}

.product-categories-nav-bar a {
  border-radius:23px;
  margin-left: 10px;
  background-color: rgb(238, 238, 238);
}

.product-categories-nav-bar a:first-child {
  margin-left: 0px;
}

.product-categories-nav-bar a[class~="active"] {
  background: #f8692a;
  border-color: #f14f08;
  color: white;
}

.product-categories-nav-bar a[class~="active"]:hover {
  background: #e65f23;
  border-color: #e65f23;
  color: white;
}