/** Shopify CDN: Minification failed

Line 119:1 Expected "}" to go with "{"

**/
.textWithImage__column-container.with-padding {
  padding: 0 1.04166667%;
}
.textWithImage__column-section .textWithImage__column-container.no-space {
  grid-gap: 0;
}
.textWithImage__column[data-block-type="text"] {
  padding: 15px;
  align-content: center;
  background: var(--background);
  color: var(--text-color);
}

@media screen and (max-width: 740px) {
  .textWithImage__column-container {
    grid-column: 1 / -1 !important;
  }

  .textWithImage__column-container {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: minmax(100px, 1fr);
    grid-template-rows: minmax(150px, 1fr);
    grid-auto-flow: column;
    grid-auto-columns: minmax(100px, 1fr);
    overflow-x: scroll;
    scroll-snap-type: x proximity;
    justify-content: unset !important;
    padding-bottom: 20px !important;
  }

  .textWithImage__column {
    grid-column: auto / span 2 !important;
    scroll-snap-align: start;
  }

  .textWithImage__column-scroll:before,
  .textWithImage__column-scroll:after {
    content: '';
    width: 10px;
  }

  .textWithImage__column-container::-webkit-scrollbar{
    height: 4px;
    width: 4px;
    background: #eee;
  }
  .textWithImage__column-container::-webkit-scrollbar-thumb:horizontal{
    background: #333;
    border-radius: 10px;

  }

  /* --- FULL FIX FOR COLLAGE SECTION (Front Runner-style themes) --- */

/* Desktop consistency — keep things aligned nicely */
@media (min-width: 768px) {
  .collage__item,
  .collage__item .media,
  .collage__item img,
  .collage__item video {
    width: 100%;
    height: 380px; /* adjust height if needed */
    object-fit: cover;
    display: block;
  }
}

/* MOBILE: stack cleanly and keep same ratios */
@media (max-width: 767px) {
  /* Target all possible Front Runner collage structures */
  .collage,
  .collage__item,
  .collage__media,
  .media-card,
  .media-card__item,
  .mosaic,
  .mosaic__item,
  .custom-content,
  .custom-content__item {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  /* Make all media blocks scale properly */
  .collage img,
  .collage video,
  .collage__media img,
  .collage__media video,
  .media-card img,
  .media-card video,
  .mosaic img,
  .mosaic video,
  .custom-content img,
  .custom-content video {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 !important;
  }

  /* Aspect ratio for even layout — square by default */
  .collage__item img,
  .collage__item video,
  .media-card__item img,
  .media-card__item video,
  .mosaic__item img,
  .mosaic__item video {
    aspect-ratio: 1 / 1; /* change to 3 / 4 for portrait-style */
    margin-bottom: 6px; /* small gap between stacked blocks */
  }
}