.o-highlighted-collection {
  --grid-mobile-top-overlap: 10rem;
  --grid-left-overlap: 10rem;
  --grid-desktop-top-overlap: 11.6rem;
  --products-max-width: 44rem;
  --products-column-calc: min(33%, calc(var(--products-max-width) - var(--grid-left-overlap)));
}
.o-highlighted-collection__inner {
  display: grid;
  grid-template-columns: [content-start actions-start] var(--layout-site-padding) [products-start] minmax(0, 1fr) [products-end] var(--layout-site-padding) [actions-end content-end];
  grid-template-rows: [content-start] auto [products-start] var(--grid-mobile-top-overlap) [content-end] auto [products-end actions-start] auto [actions-end];
}
@media screen and (min-width: 768px) {
  .o-highlighted-collection__inner {
    grid-template-columns: [products-start] var(--grid-left-overlap) [content-start] var(--products-column-calc) [products-end] auto [actions-start] auto [actions-end content-end];
    grid-template-rows: [products-start actions-start] var(--grid-desktop-top-overlap) [actions-end content-start] auto [products-end content-end];
  }
}
.o-highlighted-collection__actions {
  grid-area: actions;
}
.o-highlighted-collection__content {
  position: relative;
  grid-area: content;
}
.o-highlighted-collection__products {
  grid-area: products;
}
.o-highlighted-collection__image img {
  max-width: 100%;
  height: auto;
  display: block;
}
.o-highlighted-collection .m-swiper-arrows {
  --arrows-justify: center;
  --arrows-top-margin: 3rem;
}
@media screen and (min-width: 768px) {
  .o-highlighted-collection .m-swiper-arrows {
    --arrows-justify: end;
    --arrows-top-margin: 0;
    margin-bottom: 3rem;
    place-self: end;
  }
}
.o-highlighted-collection .m-product-card {
  background-color: rgb(var(--color-white));
  padding: 2.2rem;
  border-radius: var(--border-radius);
}