/** Shopify CDN: Minification failed

Line 66:3 Unexpected "3n"

**/
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

.collage-wrapper-title {
  margin-top: 0;
  margin-bottom: 3rem;
}

.collage {
  display: -ms-grid;
  display: grid;
}

.collage__item > * {
  width: 100%;
}

@media screen and (max-width: 749px) {
  .collage {
    grid-column-gap: var(--grid-mobile-horizontal-spacing);
    grid-row-gap: var(--grid-mobile-vertical-spacing);
  }

  .collage--mobile {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .collage--mobile .collage__item--left:nth-child(3n - 2) {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }

  .collage--mobile .collage__item--left:nth-child(3n - 2):nth-last-child(2) {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }

  .collage--mobile .collage__item--left:nth-child(3n) {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }

  .collage--mobile .collage__item--right:nth-child(3n - 2) {
    -ms-grid-column: 1;
        grid-column-start: 1;
  }

  .collage--mobile .collage__item--right:nth-child(3n - 2):last-child {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }

  .collage--mobile .collage__item--right:nth-child(3n - 1) {
    -ms-grid-column: 2;
        grid-column-start: 2;
  }3n - 1

  .collage--mobile .collage__item--right:nth-child(3n) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / span 2;
  }
}

@media screen and (min-width: 750px) {
  .collage {
    grid-auto-flow: column;
    grid-column-gap: var(--grid-desktop-horizontal-spacing);
    grid-row-gap: var(--grid-desktop-vertical-spacing);
    -ms-grid-columns: minmax(0, 1fr) var(--grid-desktop-horizontal-spacing) minmax(0, 1fr) var(--grid-desktop-horizontal-spacing) minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  

  .collage__item--collection:only-child,
  .collage__item--product:only-child {
    -ms-grid-column-align: center;
        justify-self: center;
    max-width: 73rem;
    width: 100%;
  }
}

.collage-card {
  background: rgb(var(--color-background));
  border-radius: var(--card-corner-radius);
  border: var(--card-border-width) solid rgba(var(--color-foreground), var(--card-border-opacity));
  height: 100%;
  padding: var(--card-image-padding);
  position: relative;
}

.collage-card:after {
  border-radius: var(--card-corner-radius);
  -webkit-box-shadow: var(--card-shadow-horizontal-offset) var(--card-shadow-vertical-offset) var(--card-shadow-blur-radius) rgba(var(--color-shadow), var(--card-shadow-opacity));
          box-shadow: var(--card-shadow-horizontal-offset) var(--card-shadow-vertical-offset) var(--card-shadow-blur-radius) rgba(var(--color-shadow), var(--card-shadow-opacity));
  content: '';
  position: absolute;
  width: calc(var(--card-border-width) * 2 + 100%);
  height: calc(var(--card-border-width) * 2 + 100%);
  top: calc(var(--card-border-width) * -1);
  left: calc(var(--card-border-width) * -1);
  z-index: -1;
}

.collage-card .media {
  border-radius: calc(var(--card-corner-radius) - var(--card-border-width) - var(--card-image-padding));
  height: 100%;
  overflow: hidden;
}

.collage-card .deferred-media {
  height: 100%;
  overflow: visible;
}

.collage-card__link {
  display: block;
  height: 100%;
}

.collage-card .deferred-media__poster {
  background-color: transparent;
  border: 0;
}

.collage-card .deferred-media__poster:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: calc(var(--card-border-width) * -1);
  left: calc(var(--card-border-width) * -1);
  right: calc(var(--card-border-width) * -1);
  top: calc(var(--card-border-width) * -1);
  outline-offset: 0.3rem;
}

.collage-card .deferred-media__poster:focus:after {
  -webkit-box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
          box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
}

.collage-card .deferred-media__poster:focus-visible:after {
  -webkit-box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
          box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
}

.collage-card .deferred-media__poster:focus:not(:focus-visible),
.collage-card .deferred-media__poster:focus:not(:focus-visible):after {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.collage-card .deferred-media__poster:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.collage .collage-card-spacing img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 769px) {
.container-grid {
display: -ms-grid;
display: grid;
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 7px 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 7px 8px;
        grid-template-areas:
        "left-one left-one side-2 side-3"
        "left-one left-one side-4 side-5";
}
}
@media screen and (min-width: 769px) {

.side-one  {
      grid-area: side-1;
}
  .side-two  {
      grid-area: side-2;
}
.side-three  {
      grid-area: side-3;
}
.side-four  {
      grid-area: side-4;
}
  .side-five  {
      grid-area: side-5;
}
.left-one {
    grid-area: left-one;
}
}
@media screen and (min-width: 769px) {
.side-two {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}
.side-three {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
}
.side-four {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
}
.side-five {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
}
.left-one {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
}
}
.custom-card__content {
position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: center;
  background:#FAF7F3;
border-top: none;
    border-radius: var(--card-corner-radius);
    border: var(--card-border-width) solid rgba(var(--color-foreground),var(--card-border-opacity));
        border-top-right-radius: 0;
    border-top-left-radius: 0;  
      z-index:4;
}

.media img {
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
z-index:2;
  
}
@media screen and (min-width: 768px) {

.media img:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
}
@media screen and (max-width: 768px) {

 .left-one  {
    -ms-grid-column-span: 2;
    grid-column: span 2;}
  .custom-card__content .side-one  {
    -ms-grid-column-span: 2;
    grid-column: span 2;}
 .side-two  {
    -ms-grid-column-span: 2;
    grid-column: span 2;}
 .side-three  {
    -ms-grid-column-span: 2!important;
    grid-column: span 2!important;}
.side-four  {
    -ms-grid-column-span: 2;
    grid-column: span 2;}
.left-one {
    -ms-grid-column-span: 2;
    grid-column: span 2;}
}