.factory-media .main {
  transform: rotate(180deg);
}

/* Larger category-led storefront, following the supplied B2B reference structure. */
.category-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, 480px);
  gap: 18px;
}

.category.large,
.category.wide {
  grid-column: auto;
  grid-row: auto;
}

.category > span {
  left: 38px;
  bottom: 36px;
}

.category strong {
  font-size: 36px;
}

.category i {
  font-size: 11px;
}

@media (max-width: 680px) {
  .category-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 10px;
  }

  .category,
  .category.large,
  .category.wide {
    grid-column: auto;
    grid-row: auto;
    height: 300px;
  }

  .category > span {
    left: 20px;
    bottom: 20px;
  }

  .category strong {
    font-size: 25px;
  }

  .category i {
    display: block;
    font-size: 9px;
  }
}