/** Shopify CDN: Minification failed

Line 114:8 Expected identifier but found whitespace
Line 114:10 Unexpected "{"
Line 114:19 Expected ":"
Line 114:50 Expected ":"

**/
/* Base Styles */
.collage-grid-section {
  width: 100%;
  margin: 0 auto;
}

.collage-grid-container {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.collage-grid-item {
  position: relative;
  overflow: hidden;
  flex-grow: 1;
}

/* Rounded Corners */
.collage-grid-item.rounded-corners {
  border-radius: 8px;
}

/* Parallax Effect */
.collage-grid-item.parallax-item {
  transform: translateY(0);
  transition: transform 0.3s ease;
}

.collage-grid-item.parallax-item:hover {
  transform: translateY(-10px);
}

/* Desktop Widths */
.collage-grid-item[data-width="1"] {
  flex-basis: 100%;
}

.collage-grid-item[data-width="1/2"] {
  flex-basis: calc(50% - 7.5px);
}

.collage-grid-item[data-width="1/3"] {
  flex-basis: calc(33.33% - 10px);
}

.collage-grid-item[data-width="2/3"] {
  flex-basis: calc(66.66% - 10px);
}

.collage-grid-item[data-width="1/4"] {
  flex-basis: calc(25% - 11.25px);
}

.collage-grid-item[data-width="1/5"] {
  flex-basis: calc(20% - 12px);
}

.collage-grid-item[data-width="1/6"] {
  flex-basis: calc(16.66% - 12.5px);
}

/* Image Styles */
.collage-grid-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Original Ratio */
.collage-grid-item[data-ratio="original"] .collage-grid-image {
  object-fit: contain;
}

/* Portrait Ratio */
.collage-grid-item[data-ratio="portrait"] {
  aspect-ratio: 3/4;
}

/* Square Ratio */
.collage-grid-item[data-ratio="square"] {
  aspect-ratio: 1/1;
}

/* Hover Effects */
.collage-grid-link:hover .collage-grid-image.zoom {
  transform: scale(1.05);
}

.collage-grid-link:hover .collage-grid-image.fade {
  opacity: 0.8;
}

/* Boxed Layout */
.collage-grid-section.page-width {
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
  .collage-grid-container {
    gap: {{ section.settings.mobile_image_gap }}px;
  }

  /* Mobile Widths */
  .collage-grid-item[data-mobile-width="1"] {
    flex-basis: 100% !important;
  }

  .collage-grid-item[data-mobile-width="1/2"] {
    flex-basis: calc(50% - {{ section.settings.mobile_image_gap }}px) !important;
  }

  .collage-grid-item[data-mobile-width="1/3"] {
    flex-basis: calc(33.33% - {{ section.settings.mobile_image_gap }}px) !important;
  }

  /* Mobile Ratios */
  .collage-grid-item[data-mobile-ratio="original"] .collage-grid-image {
    object-fit: contain;
  }

  .collage-grid-item[data-mobile-ratio="portrait"] {
    aspect-ratio: 3/4;
  }

  .collage-grid-item[data-mobile-ratio="square"] {
    aspect-ratio: 1/1;
  }
}