/** Shopify CDN: Minification failed

Line 85:14 Expected identifier but found whitespace
Line 85:16 Unexpected "{"
Line 85:26 Expected ":"
Line 85:54 Unexpected ","
Line 85:57 Unexpected "{"
Line 85:67 Expected ":"

**/
/* Custom Value Props Section CSS */
.custom-value-props {
  width: 100%;
  box-sizing: border-box;
}

.custom-value-props__container {
  max-width: var(--container-max-width, 1320px);
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

.custom-value-props__grid {
  display: grid;
  grid-template-columns: repeat(var(--cols-desktop, 4), 1fr);
  gap: var(--gap-desktop, 32px);
  align-items: flex-start;
}

.custom-value-props__item {
  display: flex;
  flex-direction: column;
  align-items: var(--item-align, center);
  text-align: var(--text-align, center);
  gap: 12px;
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

a.custom-value-props__item:hover {
  transform: translateY(-2px);
  opacity: 0.9;
}

.custom-value-props__icon-wrapper {
  width: var(--icon-size, 34px);
  height: var(--icon-size, 34px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
}

.custom-value-props__icon-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.custom-value-props__icon-wrapper svg {
  width: 100%;
  height: 100%;
  display: block;
  stroke: var(--icon-color, #1a1a1a);
}

.custom-value-props__text-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.custom-value-props__title {
  margin: 0;
  font-size: var(--title-size-desktop, 16px);
  font-weight: 700;
  line-height: 1.25;
  color: var(--title-color, #1a1a1a);
  letter-spacing: -0.01em;
  font-family: {{ settings.type_heading_font.family }}, {{ settings.type_heading_font.fallback_families }};
}

.custom-value-props__subtitle {
  margin: 0;
  font-size: var(--subtitle-size-desktop, 13.5px);
  line-height: 1.4;
  font-weight: 400;
  color: var(--subtitle-color, #666666);
}

/* Tablet (768px - 1024px) */
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .custom-value-props__grid {
    grid-template-columns: repeat(var(--cols-tablet, 2), 1fr);
    gap: var(--gap-tablet, 24px);
  }

  .custom-value-props__title {
    font-size: var(--title-size-tablet, 15px);
  }

  .custom-value-props__subtitle {
    font-size: var(--subtitle-size-tablet, 13px);
  }
}

/* Mobile (< 768px) */
@media screen and (max-width: 767px) {
  .custom-value-props__container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .custom-value-props__grid {
    grid-template-columns: repeat(var(--cols-mobile, 1), 1fr);
    gap: var(--gap-mobile, 20px);
  }

  .custom-value-props__title {
    font-size: var(--title-size-mobile, 15px);
  }

  .custom-value-props__subtitle {
    font-size: var(--subtitle-size-mobile, 12.5px);
  }
}