body.mien-body .mien-product-grid {
  --mien-grid-columns: 5;
  --mien-grid-gap: 16px;
  display: grid;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  grid-template-columns: repeat(var(--mien-grid-columns), minmax(0, 1fr));
  gap: var(--mien-grid-gap);
}

body.mien-body .mien-product-grid--lookbook {
  --mien-grid-columns: 2;
  --mien-grid-gap: 12px;
}

body.mien-body .mien-product-grid--related {
  --mien-grid-columns: 4;
}

body.mien-body .mien-product-grid--standard {
  --mien-grid-columns: 5;
  --mien-grid-gap: 16px;
}

body.mien-body .home-range.collection .mien-product-grid--standard,
body.mien-body main.collection .mien-product-grid--standard,
body.mien-body .pdp__related .mien-product-grid--related {
  grid-template-columns: repeat(var(--mien-grid-columns), minmax(0, 1fr));
  gap: var(--mien-grid-gap);
}

@media (max-width: 1199px) {
  body.mien-body .mien-product-grid:not(.mien-product-grid--lookbook):not(.mien-product-grid--related) {
    --mien-grid-columns: 4;
  }
}

@media (max-width: 999px) {
  body.mien-body .mien-product-grid--lookbook {
    --mien-grid-columns: 2;
  }

  body.mien-body .mien-product-grid--related {
    --mien-grid-columns: 3;
  }
}

@media (max-width: 700px) {
  body.mien-body .mien-product-grid:not(.mien-product-grid--home-featured) {
    --mien-grid-columns: 2;
    --mien-grid-gap: 10px;
    row-gap: 23.4px;
  }

  body.mien-body .mien-product-grid--standard:not(.mien-product-grid--home-featured) {
    gap: var(--mien-grid-gap);
    row-gap: var(--mien-grid-gap);
  }

  body.mien-body .mien-product-grid--home-featured {
    grid-auto-flow: column;
    grid-template-columns: none;
    grid-auto-columns: calc((100% - 20px) / 2.12);
    gap: 10px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding-bottom: 12px;
    scroll-snap-type: x mandatory;
    scrollbar-color: #babdb3 transparent;
    scrollbar-width: thin;
  }

  body.mien-body .mien-product-grid--home-featured .mien-product-card {
    scroll-snap-align: start;
  }

  body.mien-body .mien-product-grid--lookbook,
  body.mien-body .mien-product-grid--related {
    --mien-grid-columns: 2;
  }
}