/* =========================================================================
   توضیحات دسته‌بندی — Figma "Frame 609"
   عنوان بیرونِ باکس + باکس بوردردار (متن + دکمه‌ی «بیشتر» پیل‌شکل).
   FIX باگ باکسِ خالی/بلند: کلاس پایه‌ی tk_collapsed از -webkit-line-clamp روی
   محتوایی با فرزندِ block (h2/p/ul) استفاده می‌کرد که در وبکیت خراب رندر می‌شد؛
   اینجا با max-height + overflow:hidden جایگزین می‌شود.
   بعد از product-cat-v2.css لود می‌شود و override می‌کند.
   ========================================================================= */

/* عنوان: خارج از باکس، ۱۸px/۵۰۰ */
.tk-archive-v2 .tk_archive_description_title {
  font-family: 'Estedad-FD' !important; font-size: 18px !important; font-weight: 500 !important;
  line-height: 1.4 !important; color: #060707 !important; text-align: right;
  margin: 32px 0 16px !important;
}

/* باکس (Frame 1166): بوردر + پدینگ ۱۶×۲۴ + ستون + دکمه چسبیده به انتهای محور عرضی */
.tk-archive-v2 .tk_category_description_wrapper {
  display: flex !important; flex-direction: column; align-items: flex-start; gap: 4px;
  border: 1px solid #CCD5D3 !important; border-radius: 8px !important; background: #fff !important;
  padding: 16px 24px !important; position: relative; margin: 0 0 56px 0 !important;
}

/* ریست باکس داخلی: term-description از تم بوردر/سایه/پدینگ دارد → باکس تودرتو */
.tk-archive-v2 .tk_category_description_content .term-description {
  border: 0 !important; box-shadow: none !important; border-radius: 0 !important;
  background: transparent !important; padding: 0 !important; margin: 0 !important;
  width: auto !important; max-width: 100% !important;
}

/* متن: ۱۶px/۴۰۰، line-height ۱۹۰٪، خاکستری ۹۰۰ */
.tk-archive-v2 .tk_category_description_content {
  width: 100%; align-self: stretch;
  font-family: 'Estedad-FD' !important; font-size: 16px !important; font-weight: 400 !important;
  line-height: 1.9 !important; color: #394040 !important; text-align: right;
}
.tk-archive-v2 .tk_category_description_content h2,
.tk-archive-v2 .tk_category_description_content h3 {
  font-size: 16px !important; font-weight: 700 !important; line-height: 1.9 !important;
  margin: 0 0 4px !important; color: #394040 !important;
}
.tk-archive-v2 .tk_category_description_content p {line-height: 190%!important; font-size:16px!important; font-weight: 400!important;}
.tk-archive-v2 .tk_category_description_content ul { margin: 0 8px 8px 0 !important; }

/* جمع‌شده: به‌جای -webkit-line-clamp از max-height (۳ خط) */
.tk-archive-v2 .tk_category_description_content.tk_collapsed {
  display: block !important;
  -webkit-line-clamp: none !important;
  -webkit-box-orient: horizontal !important;
  max-height: calc(16px * 1.9 * 2) !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

/* دکمه «بیشتر» — پیل مطابق Figma (padding 8 8 8 4، gap 4، radius 999) */
.tk-archive-v2 .tk_category_description_toggle {
  display: inline-flex !important; flex-direction: row; align-items: center; justify-content: center;
  gap: 4px; padding: 8px 8px 8px 4px !important; margin: 0 !important;
  border: 0 !important; background: transparent !important; border-radius: 999px !important;
  font-family: 'Estedad-FD' !important; font-size: 14px !important; font-weight: 500 !important;
  line-height: 1.4 !important; color: #060707 !important; cursor: pointer;
}
.tk-archive-v2 .tk_category_description_toggle_text { color: #060707 !important; }
.tk-archive-v2 .tk_category_description_toggle_icon {
  width: 20px !important; height: 20px !important; margin: 0 !important;
  filter: brightness(0) !important; transition: transform .3s ease;
}
.tk-archive-v2 .tk_category_description_toggle.expanded .tk_category_description_toggle_icon {
  transform: rotate(180deg);
}