/** Shopify CDN: Minification failed

Line 15:26 Unexpected "{"
Line 15:35 Expected ":"

**/
.collection-grid {
  --gap: 1.6rem;
  --grid-width: 100%;
}
.collection-grid.collection-grid-one {
  --grid-width: 100%;
}
@media screen and (max-width: 575px) {
        #shopify-section-{{ section.id }} .collection-grid {
            --per-row: 2 !important;
            --grid-width: calc(50% - (var(--gap) * (1 - 1 / 2))) !important;
        }
}
@media screen and (min-width: 1100px) {
  .collection-grid {
    --gap: 3.2rem;
    --grid-width: calc(
    	100% / var(--per-row) - (var(--gap) * (1 - 1 / var(--per-row)))
    );
  }
}
.collection-grid__link {
  text-decoration: none;
}
.collection-grid__link:hover {
  text-decoration: underline;
  text-decoration-color: #FC9FBF;
  text-underline-offset: 0.25em;
}
.collection-grid__list {
  display: flex;
  gap: var(--gap);
  flex: 1 1 auto;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  align-self: flex-start;
}
.collection-grid__list li {
  width: var(--grid-width);
  position: relative;
  z-index: 1;
}
.collection-grid__list li img,
.collection-grid__list li svg {
  transition: transform var(--duration-long) ease;
}
.collection-grid__list li:hover img,
.collection-grid__list li:hover svg {
  transform: scale(1.12);
}
@media screen and (min-width: 576px) and (max-width: 1100px) {
  .collection-grid__list li:not(.collection-grid-one):not(:nth-child(2n)):not(:last-child) .collection-grid__item {
    position: relative;
  }
  .collection-grid__list li:not(.collection-grid-one):not(:nth-child(2n)):not(:last-child) .collection-grid__item::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: rgb(var(--color-border));
    right: calc(var(--gap) / -2);
    pointer-events: none;
  }
}
@media screen and (min-width: 1100px) {
  .collection-grid__list li:not(.hide_border):not(:last-child) .collection-grid__item {
    position: relative;
  }
  .collection-grid__list li:not(.hide_border):not(:last-child) .collection-grid__item::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: rgb(var(--color-border));
    right: calc(var(--gap) / -2);
    pointer-events: none;
  }
}