/* Grid layout: 2 columns on desktop, stacked on tablet & phone */
.igx-delivery-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 40px;
  align-items: center;
  width: 100%;
}

@media (max-width: 1024px) {
  .igx-delivery-grid { grid-template-columns: 1fr; }
}

/* Direction & alignment */
.igx-rtl { direction: rtl; text-align: right; }
.igx-ltr { direction: ltr; text-align: left; }

/* Delivery items */
.igx-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  line-height: 1.4;
  font-size: 16px;
}

/* Flip icon/text order for RTL so the icon sits at the edge like the screenshot */
.igx-rtl .igx-item { flex-direction: row-reverse; }

/* Icon */
.igx-icon {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

/* Recent purchases line (full width) */
.igx-recent {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #e53935; /* red */
  font-weight: 700;
  font-size: 15px;
}

/* Keep icon position consistent in RTL */
.igx-rtl .igx-recent { flex-direction: row-reverse; }
.igx-trend { display: inline-block; }