.section-style-with-content-container {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-24);
}

@media (min-width: 768px) {
  .section-style-with-content-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .section-style-with-content-container {
    gap: var(--space-40);
  }
}

.section-style-with-media-container {
  --ar: 4 / 5;

  aspect-ratio: var(--ar);
}

.section-style-with-media-container img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.section-style-with-products-container {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);

  .product-card-compact-content-info {
    max-block-size: var(--space-144);
  }

  .product-card-compact-content-image {
    @media (min-width: 1200px) {
      min-inline-size: var(--space-144);
      inline-size: var(--space-144);
    }

    @media (min-width: 1600px) {
      min-inline-size: var(--space-192);
      inline-size: var(--space-192);
      max-block-size: var(--space-256);
    }
  }

  &:has(> :nth-child(4)) {
    .section-style-with-product-item-container {
      flex: 1;
    }

    .product-card-compact-container {
      block-size: 100%;

      .product-card-compact-content-image {
        block-size: 100%;
      }
    }
  }
}