/** Shopify CDN: Minification failed

Line 25:20 Expected identifier but found whitespace
Line 25:22 Unexpected "{"
Line 25:31 Expected ":"
Line 26:19 Expected identifier but found whitespace
Line 26:21 Unexpected "{"
Line 26:30 Expected ":"

**/
.collection-products-grid {
  display: grid;
  grid-template-columns: repeat(var(--columns-mobile, 2), minmax(0, 1fr));
  gap: 20px;
}

@media screen and (min-width: 750px) {
  .collection-products-grid {
    grid-template-columns: repeat(var(--columns-desktop, 4), minmax(0, 1fr));
    gap: 30px;
  }
}

.section-collection-products-grid {
  --columns-desktop: {{ section.settings.columns_desktop }};
  --columns-mobile: {{ section.settings.columns_mobile }};
}

/* CTA Type 1 */
.cta-type-1 {
  position: relative;
  display: block;
  height: 100%;
  overflow: hidden;
  border-radius: 4px;
}

.cta-type-1__main-image {
  width: 100%;
  height: 100%;
}

.cta-type-1__main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cta-type-1__product-info {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  background: rgba(var(--color-background), 0.75);
  padding: 20px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 15px;
}

.cta-type-1__product-info img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  border-radius: 4px;
  background-color: rgb(var(--color-secondary-background));
}

.cta-type-1__product-info p{
  margin: 0 0 4px 0;
}

.cta-type-1__arrow {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 24px;
  height: 24px;
  color: rgb(var(--color-foreground));
}

/* CTA Type 2 */
.cta-type-2 {
  position: relative;
  height: 100%;
  overflow: hidden;
  border-radius: 4px;
  background-color: rgb(var(--color-foreground));
}
.cta-type-2 *{
  color: rgb(var(--color-button-text));
}
.cta-type-2 .btn{
  margin: 16px 0 0 0;
  background-color: rgb(var(--color-button-text));
  color: rgb(var(--color-foreground));
}

.cta-type-2 .cta-image {
  width: 100%;
  object-fit: cover;
}

.cta-type-2 .cta-content {
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

/* CTA Type 3 */
.cta-type-3 {
  grid-column: span 2;
  position: relative;
  display: flex;
  align-items: center;
  padding: 40px;
  background: rgb(var(--color-background));
  overflow: hidden;
  border-radius: 4px;
}

.cta-type-3 .cta-content{
  width: 50%;
}

.cta-type-3 .cta-content .btn{
  margin: 16px 0 0 0;
}

.cta-type-3 .cta-image {
  position: absolute;
  top: 15%;
  right: -80px;
  width: 60%;
  object-fit: contain;
}

@media screen and (max-width: 749px) {
  .cta-type-3 {
    display: flex;
    flex-flow: column-reverse;
    grid-column: span 2;
    grid-template-columns: 1fr;
  }
  .cta-type-3 .cta-content{
    width: 100%;
  }
  .cta-type-3 .cta-image {
    position: relative;
    top: unset;
    right: unset;
    width: 100%;
  }
  .cta-type-1__product-info{
    display: block;
  }
  .cta-type-1__product-info img{
    width: 100%;
    aspect-ratio: 1/1;
    margin-bottom: 8px;
  }
  .cta-type-2 .cta-content{
    padding: 16px;
  }
}