/**
 * نمایش سبک و RTL-safe گروه‌های ویژگی در Front Office.
 */
.digin-feature-groups {
  --dfg-border: #e5e7eb;
  --dfg-muted: #f6f7f9;
  direction: rtl;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(var(--dfg-columns, 1), minmax(0, 1fr));
  text-align: right;
}

.digin-feature-groups--columns-1 { --dfg-columns: 1; }
.digin-feature-groups--columns-2 { --dfg-columns: 2; }
.digin-feature-groups--columns-3 { --dfg-columns: 3; }

.digin-feature-group {
  min-width: 0;
}

/*
 * چیدمان «ورق مشخصات»: هر ویژگی یک خط است — نام در ابتدای خط و مقدار در
 * انتهای آن، با جداکنندهٔ نقطه‌چین. کادر دور جدول و زمینهٔ خاکستریِ ستون نام
 * عمداً برداشته شده‌اند: در طرح جدید فروشگاه، این بخش باید مثل یک فهرست
 * سبک خوانده شود، نه یک جدول تودرتو.
 */
/*
 * عنوان هر گروه («خصوصیات»، «مشخصات فیزیکی») باید از خودِ ردیف‌ها متمایز
 * باشد: بزرگ‌تر، و با یک خط زیرین هم‌رنگ جداکننده‌های نقطه‌چینِ ردیف‌ها تا
 * مرز گروه‌ها بدون افزودن رنگ تازه‌ای به صفحه مشخص شود.
 */
.digin-feature-group__title {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 2rem 0 0.25rem;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid #dcdee1;
}

.digin-feature-group:first-child .digin-feature-group__title {
  margin-top: 0;
}

.digin-feature-group__list {
  border: 0;
  margin: 0;
}

.digin-feature-group__row {
  display: flex;
  gap: 1.5rem;
  align-items: baseline;
  justify-content: space-between;
  padding-block: 1.05rem;
  border-bottom: 1px dashed #dcdee1;
}

.digin-feature-group__list > .digin-feature-group__row:last-child {
  border-bottom: 0;
}

.digin-feature-group__name,
.digin-feature-group__value {
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
  line-height: 1.6;
}

.digin-feature-group__name {
  background: transparent;
  font-weight: 700;
  color: #25282c;
}

.digin-feature-group__value {
  color: #3f4a58;
  text-align: end;
}

@media (max-width: 767.98px) {
  .digin-feature-groups {
    --dfg-columns: 1;
  }

  .digin-feature-group__row {
    gap: 0.75rem;
  }
}