@media (max-width: 1050px) {
  main.ant-layout-content > div:has(> h3.ant-typography) > .ant-row > .ant-col {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}

@media (max-width: 600px) {
  main.ant-layout-content {
    margin: 12px !important;
    padding: 16px !important;
  }

  main.ant-layout-content > div:has(> h3.ant-typography) > .ant-row > .ant-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* Narrow six-column product image grids need their image actions inside each column. */
.ant-col.ant-col-4 > div > .ant-space[style*="justify-content: space-between"] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 4px !important;
}

.ant-col.ant-col-4 > div > .ant-space[style*="justify-content: space-between"] > .ant-space-item {
  width: 100%;
}

.ant-col.ant-col-4 > div > .ant-space[style*="justify-content: space-between"] button {
  width: 100%;
  justify-content: center;
  padding-inline: 4px;
}
