/* What's new — ürün grid (hidden öğeler asla yer kaplamasın) */
.what-new-block .ws-whats-new-grid {
  display: block;
  width: 100%;
}

/* Tailwind .hidden, tema .product-item { display:block } tarafından ezilebiliyor */
.what-new-block .hidden,
.what-new-block .ws-wn-pane.hidden,
.what-new-block .product-item.hidden,
.what-new-block .ws-wn-product.hidden,
.what-new-block [hidden] {
  display: none !important;
}

.what-new-block .ws-wn-pane {
  display: grid;
  align-items: start;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 640px) {
  .what-new-block .ws-wn-pane {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
  }
}

@media (min-width: 768px) {
  .what-new-block .ws-wn-pane {
    grid-template-columns: repeat(var(--ws-wn-cols, 4), minmax(0, 1fr));
  }
}

.what-new-block .ws-wn-pane > .product-item {
  min-width: 0;
  width: 100%;
  height: auto;
  align-self: start;
  grid-column: auto;
}

/* Flat liste (eski markup) için de aynı kolon kuralı */
.what-new-block .ws-whats-new-grid.grid {
  display: grid !important;
  align-items: start;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 640px) {
  .what-new-block .ws-whats-new-grid.grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
  }
}

@media (min-width: 768px) {
  .what-new-block .ws-whats-new-grid.grid {
    grid-template-columns: repeat(var(--ws-wn-cols, 4), minmax(0, 1fr));
  }
}

/* Renk swatch absolute kalsın; fiyat kayması media-aspects’te */
.what-new-block .product-item.has-card-colors .product-main .product-infor .list-color {
  position: absolute !important;
  top: 0;
  left: 0;
}