/* صور أصناف البوفيه: مربعة 1:1 بجانب الحجم والكمية */
.builder-item.builder-item-has-image {
  direction: rtl;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 106px;
  grid-template-rows: auto auto;
  column-gap: .85rem;
  row-gap: .45rem;
  align-items: center;
}

.builder-item.builder-item-has-image > h5 {
  grid-column: 1;
  grid-row: 1;
  align-self: end;
  margin: 0 !important;
}

.builder-item.builder-item-has-image > .builder-item-grid {
  grid-column: 1;
  grid-row: 2;
  align-self: start;
  margin: 0 !important;
}

.builder-item-image-square {
  grid-column: 2;
  grid-row: 1 / span 2;
  display: block;
  width: 106px;
  max-width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  object-position: center;
  background: #f5f1ed;
  box-shadow: none;
}

.builder-item:not(.builder-item-has-image) .builder-item-grid {
  width: 100%;
}

@media (max-width: 640px) {
  .builder-item.builder-item-has-image {
    grid-template-columns: minmax(0, 1fr) 88px;
    column-gap: .65rem;
  }

  .builder-item-image-square {
    width: 88px;
    border-radius: 10px;
  }
}

@media (max-width: 390px) {
  .builder-item.builder-item-has-image {
    grid-template-columns: minmax(0, 1fr) 76px;
  }

  .builder-item-image-square {
    width: 76px;
  }
}