/* Similar-Karten: Preiswerte dürfen nicht ziffernweise umbrechen. */
html body.bi-modern-ui .product-tail-block--similar .product-card__pricing {
  container-type: inline-size !important;
  min-width: 0 !important;
}

html body.bi-modern-ui .product-tail-block--similar .product-card__flow {
  grid-template-columns: minmax(0, .68fr) minmax(0, 1.32fr) !important;
}

html body.bi-modern-ui .product-tail-block--similar .product-card__info-zone,
html body.bi-modern-ui .product-tail-block--similar .product-card__pricing,
html body.bi-modern-ui .product-tail-block--similar .product-card__price-grid {
  min-width: 0 !important;
}

html body.bi-modern-ui .product-tail-block--similar .product-card__price-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  overflow: visible !important;
}

html body.bi-modern-ui .product-tail-block--similar .product-card__price-grid > .product-card__price-row {
  min-width: 0 !important;
  padding: 8px 4px 20px !important;
  overflow: visible !important;
}

html body.bi-modern-ui .product-tail-block--similar .product-card__price-grid > .product-card__price-row > .price-line__value {
  display: flex !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
  align-items: baseline !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 2px !important;
}

html body.bi-modern-ui .product-tail-block--similar .product-card__price-grid .price-line__value > .item_price_nalog,
html body.bi-modern-ui .product-tail-block--similar .product-card__price-grid .price-line__value > .price-value,
html body.bi-modern-ui .product-tail-block--similar .product-card__price-grid .price-line__value--net > .price-value {
  display: inline-block !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  font-variant-numeric: tabular-nums !important;
}

html body.bi-modern-ui .product-tail-block--similar .product-card__price-grid .price-line__value > .item_price_nalog {
  font-size: 22px !important;
  font-size: clamp(18px, 12cqw, 25px) !important;
}

html body.bi-modern-ui .product-tail-block--similar .product-card__price-grid .price-line__value > .price-value,
html body.bi-modern-ui .product-tail-block--similar .product-card__price-grid .price-line__value--net > .price-value {
  font-size: 18px !important;
  font-size: clamp(16px, 10cqw, 20px) !important;
}

@supports (font-size: 1cqw) {
  html body.bi-modern-ui .product-tail-block--similar .product-card__price-grid .price-line__value > .item_price_nalog {
    font-size: clamp(18px, 12cqw, 26px) !important;
  }

  html body.bi-modern-ui .product-tail-block--similar .product-card__price-grid .price-line__value > .price-value,
  html body.bi-modern-ui .product-tail-block--similar .product-card__price-grid .price-line__value--net > .price-value {
    font-size: clamp(16px, 10cqw, 20px) !important;
  }
}

/* Similar-Karten: Die Preiszone bekommt eine belastbare Mindestbreite. */
html body.bi-modern-ui .product-tail-block--similar .product-card__flow {
  grid-template-columns: minmax(0, 1fr) minmax(188px, 1.35fr) !important;
}

html body.bi-modern-ui .product-tail-block--similar .product-card__pricing {
  min-width: 188px !important;
}

html body.bi-modern-ui .product-tail-block--similar .product-card__price-grid {
  width: 100% !important;
  min-width: 168px !important;
  grid-template-columns: repeat(2, minmax(80px, 1fr)) !important;
  gap: 8px !important;
}

html body.bi-modern-ui .product-tail-block--similar .product-card__price-grid > .product-card__price-row {
  min-width: 80px !important;
  padding: 8px 6px 20px !important;
  overflow: visible !important;
}

html body.bi-modern-ui .product-tail-block--similar .product-card__price-grid .price-line__value {
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
}

html body.bi-modern-ui .product-tail-block--similar .product-card__price-grid .price-line__value > .item_price_nalog,
html body.bi-modern-ui .product-tail-block--similar .product-card__price-grid .price-line__value > .price-value {
  max-width: none !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}

@media (max-width: 700px) {
  html body.bi-modern-ui .product-tail-block--similar .product-card__flow {
    grid-template-columns: minmax(0, 1fr) minmax(188px, 1.35fr) !important;
  }
}