/* Carousel styles (unchanged) */
.pymconf-product-fields-carousel {
  display: flex;
  overflow-x: auto;
  gap: 10px;
  padding: 10px;
}

.pymconf-field-slide {
  flex: 0 0 auto;
  text-align: center;
  padding: 6px;
  border: 1px solid #eee;
}

/* Field label/value/image */
.pymconf-field-label {
  font-weight: bold;
  font-size: 0.9rem;
}

.pymconf-field-value,
.pymconf-field-image {
  margin-top: 4px;
  font-size: 0.85rem;
}

/* Main container: flex با قابلیت wrap */
.pymconf-product-fields {
  display: flex;
  flex-wrap: wrap;  /* می‌رود به خط جدید وقتی جا نباشد */
  gap: 8px;         /* فاصله بین آیتم‌ها */
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* هر فیلد: اندازه خودکار بر اساس محتوا */
.pymconf-field {
  flex: 0 0 auto;   /* اندازه = اندازه محتوا */
  display: flex;
  gap: 6px;
  padding: 1px 3px;
  border: 1px solid #eee;
  border-radius: 3px;
  background: #fff;
  box-sizing: border-box;
  font-size: 0.85rem;
}

/* اندازه تصویر */
.pymconf-field-image img {
  max-width: 60px;
  height: auto;
  display: block;
}