/**
 * Stile für den Block acf/container-grid.
 *
 * Die Rasterstile im Theme hängen an #container-results — dem Container, in den
 * der AJAX-Filter seine Treffer schreibt. Der Block hat diesen Elternknoten nicht,
 * deshalb sind hier dieselben Regeln auf .wp-block-container-grid gespiegelt.
 * Automatisch aus assets/css/custom.css erzeugt — bei Änderungen dort mitziehen.
 */

.wp-block-container-grid .container-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
}

.wp-block-container-grid .container-grid .sale-card {
  display: grid !important;
  background: white;
}

.wp-block-container-grid .sale-card__image {
  aspect-ratio: 4/3;
}

.wp-block-container-grid .sale-card__image img {
  aspect-ratio: 4 / 3;
  display: block;
}

.wp-block-container-grid .highlight-title {
  padding: 32px;
  border-bottom: 0;
}

.wp-block-container-grid .sale-card__details {
  padding: 32px;
  padding-top: 0;
}

.wp-block-container-grid .sale-card__price {
  padding: 32px;
}

.wp-block-container-grid .sale-card__price p {
  margin-top: 0;
  margin-bottom: 0;
  width: fit-content;
  margin-left: auto;
}

.wp-block-container-grid .slider-btn {
  border-top: 0;
  padding: 32px;
  padding-top: 0;
}

.wp-block-container-grid .slider-btn a {
  width: 100%;
}

.wp-block-container-grid .sale-card {
  min-height: 50px;
}

@media (max-width: 1470px) {
  .wp-block-container-grid .container-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 639px) {
  .wp-block-container-grid .container-grid {
    grid-template-columns: 1fr;
  }
}