/** Shopify CDN: Minification failed

Line 109:0 Expected "}" to go with "{"

**/
.collection-list {
  margin-top: 0;
  margin-bottom: 0;
}

.collection-list-title {
  margin: 0;
  text-align: center;
}

@media screen and (max-width: 749px) {
  .collection-list:not(.slider) {
    padding-left: 0;
    padding-right: 0;
  }

  .section-collection-list .page-width {
    padding-left: 0;
    padding-right: 0;
  }
}

  .section-collection-list .collection-list:not(.slider) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

.collection-list__item:only-child {
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 749px) {
  .slider.collection-list--1-items {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .slider.collection-list--1-items,
  .slider.collection-list--2-items,
  .slider.collection-list--3-items,
  .slider.collection-list--4-items {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 750px) {
  .collection-list__item a:hover {
    box-shadow: none;
  }
}

@media screen and (max-width: 989px) {
  .collection-list.slider .collection-list__item {
    max-width: 100%;
  }
}

.collection-list-view-all {
  margin-top: 2rem;
}

/* Ensures all collection cards in the list have the same height */
.collection-list .card__inner {
width: 100%;
  max-height: 175px;
  display: flex;
  flex-direction: column;
}

/* Ensures content within the card aligns consistently at the bottom */
.card:not(.ratio) > .card__content {
  grid-template-rows: none;
  flex-grow: initial;
}

.card__inner {
  margin-bottom: auto;
}

/* Adjusts collection images to maintain original ratio */
.collection-list .card__media img,
.collection-list__item .image-wrapper img {
    aspect-ratio: auto !important; /* Keeps original ratio */
    object-fit: contain !important; /* Shows full image, might add empty space */
    width: 100%;
    height: auto;
}

.card__heading {
  font-size: 14px !important; /* Adjust 24px to your desired font size */
}

/* For Mobile Only */
@media screen and (max-width: 750px) {
  .card__heading {
    font-size: 14px !important; /* Adjust to your desired mobile size */
    /* Add other mobile-specific styles here */
  }