/** Shopify CDN: Minification failed

Line 150:10 Unexpected "{"
Line 150:19 Expected ":"
Line 151:14 Expected identifier but found whitespace
Line 151:16 Unexpected "{"
Line 151:25 Expected ":"
Line 151:76 Expected ":"
Line 152:17 Expected identifier but found whitespace
Line 152:19 Unexpected "{"
Line 152:28 Expected ":"
Line 152:82 Expected ":"
... and 10 more hidden warnings

**/
.problem-statement {
  padding-top: var(--section-padding-top);
  padding-bottom: var(--section-padding-bottom);
  padding-left: var(--padding-left-right, 0);
  padding-right: var(--padding-left-right, 0);
}

.problem-statement__heading {
  text-align: center;
  margin-bottom: var(--heading-bottom-spacing, 3rem);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 600;
}

.problem-statement__grid {
  display: grid;
  gap: var(--scenario-gap, 2rem);
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

/* Scenario items */
.problem-statement__item {
  text-align: center;
}

.problem-statement__image-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  aspect-ratio: 4 / 3;
  margin-bottom: var(--scenario-title-spacing, 1rem);
}

.problem-statement__image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.problem-statement__item:hover .problem-statement__image-wrapper img {
  transform: scale(1.05);
}

.problem-statement__title {
  font-size: var(--scenario-title-size, 1.25rem);
  font-weight: 500;
  margin: 0;
}

/* Solution block */
.problem-statement__solution {
  grid-column: 1 / -1;
  text-align: center;
  margin-top: var(--solution-top-spacing, 2rem);
  padding-top: var(--solution-padding-top, 3rem);
  border-top: 2px solid #e0e0e0;
}

.problem-statement__solution-heading {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 600;
  margin-bottom: 2rem;
}

.problem-statement__solution-image-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  margin: 2rem auto;
  max-width: 800px;
  aspect-ratio: 16 / 9;
}

.problem-statement__solution-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.problem-statement__solution-headline {
  font-size: clamp(1.75rem, 5vw, 3rem);
  font-weight: 700;
  margin: 0 0 1.5rem 0;
}

.problem-statement__solution-subheadline {
  font-size: clamp(1.75rem, 5vw, 3rem);
  font-weight: 700;
  margin: 1.5rem 0 0 0;
}

/* Tablet adjustments */
@media screen and (min-width: 750px) {
  .problem-statement__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Desktop adjustments */
@media screen and (min-width: 990px) {
  .problem-statement__grid {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--scenario-gap, 2.5rem);
  }

  .problem-statement__solution {
    margin-top: var(--solution-top-spacing, 3rem);
    padding-top: var(--solution-padding-top, 4rem);
  }
}

/* Mobile optimization */
@media screen and (max-width: 749px) {
  .problem-statement {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .problem-statement__heading {
    margin-bottom: calc(var(--heading-bottom-spacing, 3rem) * 0.67);
  }

  .problem-statement__grid {
    gap: calc(var(--scenario-gap, 1.5rem) * 0.75);
  }

  .problem-statement__solution {
    margin-top: calc(var(--solution-top-spacing, 1.5rem) * 0.75);
    padding-top: calc(var(--solution-padding-top, 2rem) * 0.67);
  }
}

/* Dynamic padding from settings */
.section-{{ section.id }}-padding {
  padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
  padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
}

@media screen and (min-width: 750px) {
  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top }}px;
    padding-bottom: {{ section.settings.padding_bottom }}px;
  }
}