/* صفحهٔ شهرک صنعتی — روی همان اسکلت `company.css` سوار است و فقط
   چیزهایی را می‌آورد که مخصوص این صفحه‌اند. */

/* سه عدد زیر تیتر: چند واحد، چند هکتار، چند زمینه */
.pk-stats { display: flex; flex-wrap: wrap; gap: 10px; margin-block-start: 16px; }
.pk-stats > div { display: grid; gap: 2px; padding: 10px 16px;
                  border-radius: var(--r-md); background: var(--n-200); }
.pk-stats b { font-size: 20px; font-weight: 900; line-height: 1.2;
              font-variant-numeric: tabular-nums; }
.pk-stats span { font-size: 12px; color: var(--ink-3); }

/* فهرست واحدها — ردیف‌های قابل کلیک، لبه‌تا‌لبهٔ کارت */
.pk-list { margin-inline: calc(-1 * var(--s5)); margin-block-end: calc(-1 * var(--s5)); }
.pk-list .state { margin: 0; }
.pk-row {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 14px var(--s5);
  border-block-start: 1px solid var(--line);
  color: inherit; text-decoration: none;
}
.pk-row:hover { background: var(--n-100); }
.pk-row .dot { width: 11px; height: 11px; flex: none; margin-block-start: 6px;
               border-radius: var(--r-pill); }
.pk-row .nm { flex: 1; min-width: 0; display: grid; gap: 4px; }
.pk-row .nm b { font-size: 15px; font-weight: 700; line-height: 1.35; }
.pk-row .nm span { font-size: 13px; color: var(--ink-3); line-height: 1.5; }
.pk-row .nm .prod { color: var(--ink-2);
                    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-row .go { flex: none; align-self: center; font-size: 18px; color: var(--ink-3); }
.pk-row:hover .go { color: var(--a-700); }

/* ترکیب صنعتی — نامِ دسته و شمارش */
.pk-mix { display: grid; gap: 8px; margin: 0; }
.pk-mix > div { display: flex; align-items: baseline; justify-content: space-between;
                gap: 12px; }
.pk-mix dt { font-size: 13.5px; min-width: 0; overflow-wrap: anywhere; }
.pk-mix dd { margin: 0; font-size: 13.5px; font-weight: 700; color: var(--a-700);
             font-variant-numeric: tabular-nums; }

.pk-src { font-size: 12px; line-height: 1.8; color: var(--ink-3); }
.pk-src a { color: var(--ink-2); }

@media (max-width: 767px) {
  .pk-list { margin-inline: calc(-1 * var(--s4)); }
  .pk-row { padding-inline: var(--s4); }
}