/**
 * @file
 * Responsive flex grid layout for Product Teaser List (SKU) paragraph.
 *
 * Breakpoints:
 *   - Mobile (default): 1 column
 *   - Tablet (>= 576px): 2 columns
 *   - Desktop (>= 992px): 4 columns
 *
 * BEM classes match paragraph--product-teaser-list-sku.html.twig.
 */
.cws-product-teaser-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cws-product-teaser-list::before, .cws-product-teaser-list::after {
  display: none;
  content: none;
}

.cws-product-teaser-list__item {
  flex: 0 0 100%;
  min-width: 0;
  box-sizing: border-box;
}
@media (width >= 576px) {
  .cws-product-teaser-list__item {
    flex: 0 0 calc((100% - 1.5rem) / 2);
  }
}
@media (width >= 992px) {
  .cws-product-teaser-list__item {
    flex: 0 0 calc((100% - 4.5rem) / 4);
  }
}

.cws-product-teaser-list--empty {
  padding: 2rem;
  text-align: center;
  color: #6c757d;
  border: 2px dashed #dee2e6;
  border-radius: 0.25rem;
}

/*# sourceMappingURL=product-teaser-list.css.map */