@import url(f-product-card-2.css);

.f-product-list-2 {
  .section {
    margin-block: 0;
  }

  .wrapper__cards {
    flex-direction: column;
    padding-block: var(--gap-1);
    gap: var(--gap-2);
  }

  .product-card {
    flex: 1;
    min-width: 0;
  }

  video {
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }

  @media (min-width: 769px) {
    .wrapper__cards {
      flex-direction: row;
    }
  }
}