/* پروفایل عمومی شرکت — صفحهٔ خواندنی، نه ابزار.
   عرض محدود و ستون‌بندیِ ساده: کارِ این صفحه فقط «خوانده شدن» است. */

.co-body { min-height: 100vh; background: var(--bg); }
.co-bar { position: sticky; inset-block-start: 0; z-index: 20; }

.co { max-width: 1120px; margin-inline: auto; padding: 26px 24px 64px; }

.co-back { display: inline-flex; align-items: center; gap: 6px; margin-block-end: 16px;
           font-size: 13.5px; color: var(--ink-3); text-decoration: none; }
.co-back:hover { color: var(--a-700); }

/* ── سربرگ ─────────────────────────────────────────────────────────── */
.co-head { padding-block-end: 22px; margin-block-end: 22px;
           border-block-end: 1px solid var(--line); }
.co-head h1 { font-size: 34px; font-weight: 900; line-height: 1.25;
              overflow-wrap: anywhere; }
.co-where { margin-block-start: 6px; font-size: 15px; color: var(--ink-2); }
.co-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-block-start: 14px; }

/* ── دو ستون ───────────────────────────────────────────────────────── */
.co-cols { display: grid; grid-template-columns: minmax(0, 1fr) 340px;
           gap: 22px; align-items: start; }
.co-main, .co-side { display: grid; gap: 18px; align-content: start; }

.co-card { overflow: hidden; }

/* برچسب/مقدار در دو ستون — نه یک ستونِ باریکِ پانزده‌ردیفه که قبلاً بود */
.co-dl { display: grid; grid-template-columns: 168px minmax(0, 1fr);
         gap: 0; margin: 0; }
.co-dl > div { display: grid; grid-template-columns: subgrid; grid-column: 1 / -1;
               gap: 16px; padding-block: 11px; align-items: baseline; }
.co-dl > div + div { border-block-start: 1px solid var(--line); }
.co-dl dt { font-size: 13px; color: var(--ink-3); }
.co-dl dd { margin: 0; font-size: 15px; line-height: 1.75; overflow-wrap: anywhere; }
.co-dl dd a { color: var(--a-700); }

/* مرورگرهایی که subgrid ندارند: دو ستونِ ساده، همان نتیجه */
@supports not (grid-template-columns: subgrid) {
  .co-dl > div { grid-template-columns: 168px minmax(0, 1fr); }
}

/* ── نقشهٔ کوچک ───────────────────────────────────────────────────────
   ★ نقشه لبه‌تا‌لبه بود و به دیوارهٔ کارت می‌چسبید، در حالی که هر چیز
   دیگری در همین صفحه پدینگ دارد. حالا داخل کارت می‌نشیند با همان فاصله،
   و خودش گوشهٔ گرد و مرز می‌گیرد تا یک عنصر باشد نه یک سوراخ. */
.co-mapcard { display: grid; gap: 12px; }
.co-map { position: relative; height: 220px; overflow: hidden;
          border-radius: var(--r-md); border: 1px solid var(--line);
          background: var(--a-100); }
.co-map > #map { position: absolute; inset: 0; }
.co-mapwarn { position: absolute; inset-block-end: 10px; inset-inline: 10px; z-index: 3;
              padding: 8px 11px; border-radius: var(--r);
              background: var(--warn-soft); color: var(--warn); font-size: 12.5px; }
.co-coords { margin: 0; font-size: 12.5px; color: var(--ink-3);
             font-variant-numeric: tabular-nums; text-align: center; }

/* ── تماس ────────────────────────────────────────────────────────────
   ★ اینجا از همان `.co-dl` دو‌ستونی استفاده می‌شد: برچسب ۱۶۸ پیکسل و
   مقدار در ستونِ باریکِ باقی‌مانده. یک نشانی وب‌سایت آنجا دو خط می‌شد و
   با افزودن ایمیل کلاً به هم می‌ریخت. تماس ذاتاً دو‌ستونی نیست — برچسب
   کوچک بالا، مقدار زیرش با تمام عرض. */
.co-contact { display: grid; gap: 14px; margin: 0; }
.co-contact > div { display: grid; gap: 3px; }
.co-contact dt { font-size: 12px; color: var(--ink-3); }
.co-contact dd { margin: 0; font-size: 14.5px; line-height: 1.6; }
.co-contact dd a { color: var(--a-700); text-decoration: none;
                   overflow-wrap: anywhere; word-break: break-word; }
.co-contact dd a:hover { text-decoration: underline; }

/* ── دعوت به گرفتن مالکیت ──────────────────────────────────────────── */
.co-claim { display: grid; gap: 6px; }
.co-claim b { font-size: 15px; }
.co-claim span { font-size: 13.5px; line-height: 1.8; color: var(--ink-2); }
.co-claim .btn { margin-block-start: 10px; }

@media (max-width: 1023px) {
  .co-cols { grid-template-columns: minmax(0, 1fr); }
  .co-side { order: -1; }
}
@media (max-width: 767px) {
  .co { padding: 20px 16px 48px; }
  .co-head h1 { font-size: 26px; }
  .co-dl, .co-dl > div { grid-template-columns: minmax(0, 1fr); }
  .co-dl > div { gap: 3px; }
}

/* ★ نامِ کلاس اینجا `is-main` است نه `main`: `.main` در ds.css کادرِ اصلیِ
   صفحه است و `padding: 28px` دارد. با نامِ `main`، ردیفِ «مکان اصلی» ۳۲
   پیکسل تورفتگی می‌گرفت و نقطه‌اش بالای عنوان می‌افتاد — یک برخوردِ نام که
   هیچ خطایی نمی‌دهد و فقط کج دیده می‌شود.

   مکان‌های شرکت: کارخانه، دفتر، انبار — هرکدام یک ردیف با نقطهٔ خودش.
   مکان اصلی نقطه‌اش پُر است، بقیه توخالی — همان زبانی که روی نقشه به کار
   می‌رود، تا کاربر دو قرارداد یاد نگیرد. */
.co-sites { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.co-sites li { display: grid; gap: 3px; position: relative;
               padding-inline-start: 20px; }
.co-sites li::before { content: ''; position: absolute; inset-inline-start: 0;
                       inset-block-start: 7px; width: 9px; height: 9px;
                       border: 2px solid var(--a-700); border-radius: var(--r-pill); }
.co-sites li.is-main::before { background: var(--a-700); }
.co-sites b { display: flex; align-items: center; gap: 7px;
              font-size: 14.5px; font-weight: 700; }
.co-sites .badge { padding: 1px 7px; border-radius: var(--r-pill);
                   background: var(--a-200); color: var(--a-900);
                   font-size: 11px; font-weight: 700; }
.co-sites span { font-size: 13.5px; line-height: 1.75; color: var(--ink-2); }
.co-sites .ad { color: var(--ink-3); overflow-wrap: anywhere; }