/* ===================================================================
   BioMarket Knowledge Center — knowledge.css
   این فایل مکمل style.css اصلی سایت است و از همان متغیرهای رنگ،
   فاصله‌گذاری و سایه استفاده می‌کند (رجوع کنید به :root در style.css).
   فقط کامپوننت‌های جدید مخصوص «مرکز دانش» اینجا تعریف شده‌اند.
=================================================================== */

/* نمایش یکپارچه مرکز دانش داخل اپ */
html.opened-from-app #navbar,
html.opened-from-app .navbar,
body.opened-from-app #navbar,
body.opened-from-app .navbar{display:none!important}

/* حذف فاصله‌ای که برای هدر ثابت سایت در نظر گرفته شده است */
html.opened-from-app .kc-hero{padding-top:72px}
html.opened-from-app .kc-article-header{padding-top:42px!important}

@media (max-width:767px){
  html.opened-from-app .kc-hero{padding-top:42px}
  html.opened-from-app .kc-article-header{padding-top:28px!important}
}

/* ---------- Knowledge hero / search ---------- */
.kc-hero{position:relative;overflow:hidden;padding:150px 0 64px;background:#FAFFFE}
.kc-hero-bg{position:absolute;inset:0;background:radial-gradient(600px circle at 15% 20%,rgba(22,163,74,.10),transparent 60%),radial-gradient(500px circle at 85% 30%,rgba(34,197,94,.08),transparent 60%);pointer-events:none}
.kc-hero-inner{position:relative;z-index:1;max-width:760px}
.kc-hero-inner.kc-center{margin:0 auto;text-align:center}
.kc-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:var(--green-primary);background:var(--green-pale);padding:6px 16px;border-radius:99px;margin-bottom:20px;border:1px solid rgba(22,163,74,.2)}
.kc-h1{font-size:clamp(1.9rem,4.2vw,3rem);font-weight:900;color:var(--dark);line-height:1.3;margin-bottom:14px;letter-spacing:-0.02em}
.kc-subtitle{font-size:1.02rem;color:var(--gray);line-height:1.85;margin-bottom:36px}

.kc-search-box{position:relative;display:flex;align-items:center;gap:8px;background:white;border:1.5px solid var(--gray-border);border-radius:var(--radius-lg);padding:8px 8px 8px 8px;box-shadow:var(--shadow-md);max-width:640px}
.kc-hero-inner.kc-center .kc-search-box{margin:0 auto}
.kc-search-box .kc-search-icon{flex-shrink:0;margin-inline-start:14px;color:var(--gray)}
.kc-search-input{flex:1;border:none;outline:none;background:transparent;font-family:'IRANSansWeb',sans-serif;font-size:.95rem;color:var(--dark);padding:12px 4px}
.kc-search-input::placeholder{color:#9CA3AF}
.kc-search-submit{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:var(--green-primary);color:#fff;font-weight:700;font-size:.9rem;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);font-family:'IRANSansWeb',sans-serif;flex-shrink:0}
.kc-search-submit:hover{background:var(--green-deep);box-shadow:var(--shadow-green)}

.kc-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.kc-hero-inner.kc-center .kc-chips{justify-content:center}
.kc-chip{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--dark);background:#fff;border:1px solid var(--gray-border);border-radius:99px;padding:8px 16px;transition:all var(--transition);cursor:pointer;font-family:'IRANSansWeb',sans-serif}
.kc-chip:hover{border-color:var(--green-primary);color:var(--green-primary);background:var(--green-pale)}

/* ---------- Section shell ---------- */
.kc-section{padding:64px 0}
.kc-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:32px}
.kc-section-title{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800;color:var(--dark);display:flex;align-items:center;gap:10px}
.kc-section-title::before{content:'';width:4px;height:22px;background:var(--green-primary);border-radius:4px;display:inline-block}
.kc-section-link{font-size:.85rem;font-weight:700;color:var(--green-primary);display:inline-flex;align-items:center;gap:6px;transition:gap var(--transition);white-space:nowrap}
.kc-section-link:hover{gap:10px}

/* ---------- Article cards ---------- */
.kc-articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.kc-article-card{background:#fff;border:1px solid var(--gray-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition);display:flex;flex-direction:column}
.kc-article-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:rgba(22,163,74,.2)}
.kc-article-img{position:relative;display:block;width:100%;aspect-ratio:16/9;background-color:#e8f5e9;background-size:cover;background-position:center}
.kc-article-badge{position:absolute;top:14px;right:14px;font-size:.72rem;font-weight:700;color:#fff;background:rgba(0,0,0,.35);backdrop-filter:blur(6px);padding:5px 12px;border-radius:99px}
.kc-article-time{position:absolute;bottom:14px;left:14px;font-size:.7rem;font-weight:600;color:#fff;background:rgba(0,0,0,.35);backdrop-filter:blur(6px);padding:5px 10px;border-radius:99px;display:inline-flex;align-items:center;gap:4px}
.kc-article-body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.kc-article-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}
.kc-article-views{display:inline-flex;align-items:center;gap:5px;color:var(--gray);font-size:.78rem;white-space:nowrap}
.kc-article-title{font-size:1.02rem;font-weight:700;color:var(--dark);line-height:1.6}
.kc-article-title a{transition:color var(--transition)}
.kc-article-card:hover .kc-article-title a{color:var(--green-primary)}
.kc-article-excerpt{font-size:.85rem;color:var(--gray);line-height:1.8;flex:1}
.kc-article-more{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:var(--green-primary);margin-top:6px;transition:gap var(--transition)}
.kc-article-card:hover .kc-article-more{gap:10px}

@media (max-width:1024px){.kc-articles-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.kc-articles-grid{grid-template-columns:1fr}}

/* ---------- Keyword tag cloud ---------- */
.kc-tagcloud{display:flex;flex-wrap:wrap;gap:10px}
.kc-tag{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:500;color:var(--gray);background:var(--gray-light);border:1px solid var(--gray-border);border-radius:99px;padding:8px 16px;transition:all var(--transition)}
.kc-tag:hover{background:var(--green-pale);border-color:rgba(22,163,74,.25);color:var(--green-deep)}

/* ---------- Marketplace CTA ---------- */
.kc-market-cta{background:linear-gradient(135deg,#0d1117,#0f2418);border-radius:var(--radius-xl);padding:56px 40px;text-align:center;position:relative;overflow:hidden}
.kc-market-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(22,163,74,.25) 0%,transparent 65%)}
.kc-market-cta-inner{position:relative;z-index:1;max-width:560px;margin:0 auto}
.kc-market-cta h2,.kc-market-cta h3{color:#fff;font-weight:800;font-size:clamp(1.3rem,3vw,1.9rem);margin-bottom:12px}
.kc-market-cta p{color:rgba(255,255,255,.65);font-size:.95rem;line-height:1.8;margin-bottom:28px}
.kc-market-btn{display:inline-flex;align-items:center;gap:10px;background:var(--green-primary);color:#fff;font-weight:700;font-size:.95rem;padding:15px 32px;border-radius:var(--radius-lg);transition:all var(--transition);box-shadow:0 8px 30px rgba(22,163,74,.35);font-family:'IRANSansWeb',sans-serif}
.kc-market-btn:hover{background:var(--green-light);color:var(--green-deep);transform:translateY(-2px)}

/* smaller inline CTA box used inside article content */
.kc-inline-cta{background:var(--green-pale);border:1px solid rgba(22,163,74,.25);border-radius:var(--radius-lg);padding:28px;text-align:center;margin:32px 0}
.kc-inline-cta h3{font-size:1.05rem;font-weight:800;color:var(--dark);margin-bottom:14px}
.kc-inline-cta .kc-market-btn{background:var(--green-primary);box-shadow:none;padding:12px 24px;font-size:.88rem}

/* ---------- Article page layout ---------- */
.kc-article-header{position:relative;overflow:hidden;padding:150px 0 40px;background:#FAFFFE}
.kc-article-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:20px;font-size:.85rem;color:var(--gray)}
.kc-article-meta-row span{display:inline-flex;align-items:center;gap:6px}
.kc-article-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 14px;border:1px solid rgba(22,163,74,.28);border-radius:12px;background:#fff;color:var(--green-primary);font-family:'IRANSansWeb',Tahoma,Arial,sans-serif;font-size:.82rem;font-weight:700;line-height:1.8;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.kc-article-share-btn:hover{border-color:var(--green-primary);background:var(--green-pale);box-shadow:0 5px 14px rgba(22,163,74,.10);transform:translateY(-1px)}
.kc-article-share-btn:focus-visible{outline:3px solid rgba(22,163,74,.2);outline-offset:2px}
.kc-article-share-btn svg{width:17px;height:17px}
.kc-article-share-btn .kc-share-icon{display:block;flex:0 0 18px;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.kc-share-toast{position:fixed;right:50%;bottom:28px;z-index:2000;max-width:calc(100vw - 32px);padding:11px 18px;border-radius:12px;background:#111827;color:#fff;font-family:'IRANSansWeb',Tahoma,Arial,sans-serif;font-size:.85rem;font-weight:600;box-shadow:0 12px 32px rgba(15,23,42,.22);opacity:0;pointer-events:none;transform:translate(50%,18px);transition:opacity .22s ease,transform .22s ease}
.kc-share-toast.show{opacity:1;transform:translate(50%,0)}
.kc-cover{
    width:100%;
    max-width:1100px;
    aspect-ratio:16/9;
    margin:32px auto;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.18);
}

.kc-cover img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    border-radius:20px;
}

.kc-callout{border-radius:14px;padding:20px 22px;margin:24px 0;display:flex;gap:14px;align-items:flex-start;font-size:.9rem;line-height:1.85}
.kc-callout-icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.kc-callout.tip{background:var(--green-pale);border:1px solid rgba(22,163,74,.25)}
.kc-callout.tip .kc-callout-icon{background:var(--green-primary);color:#fff}
.kc-callout.tip p{color:var(--green-deep)}
.kc-callout.warn{background:#FEF3C7;border:1px solid #FDE68A}
.kc-callout.warn .kc-callout-icon{background:#D97706;color:#fff}
.kc-callout.warn p{color:#92400E}

.kc-table-wrap{overflow-x:auto;margin:24px 0;border:1px solid var(--gray-border);border-radius:14px}
.kc-table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:480px}
.kc-table th{background:var(--gray-light);color:var(--dark);font-weight:700;padding:14px 18px;text-align:right;border-bottom:1px solid var(--gray-border)}
.kc-table td{padding:14px 18px;color:var(--gray);border-bottom:1px solid var(--gray-border)}
.kc-table tr:last-child td{border-bottom:none}
.kc-table tr:hover td{background:var(--gray-light)}

.kc-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:1024px){.kc-related-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.kc-related-grid{grid-template-columns:1fr}}

/* ---------- Category / filters ---------- */
.kc-filter-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}
.kc-filter-tab{font-size:.85rem;font-weight:600;color:var(--gray);background:#fff;border:1px solid var(--gray-border);border-radius:99px;padding:9px 18px;cursor:pointer;transition:all var(--transition);font-family:'IRANSansWeb',sans-serif}
.kc-filter-tab:hover{border-color:var(--green-primary);color:var(--green-primary)}
.kc-filter-tab.active{background:var(--green-primary);color:#fff;border-color:var(--green-primary)}

.kc-sidebar{display:flex;flex-direction:column;gap:24px;position:sticky;top:110px}
.kc-side-card{background:var(--gray-light);border:1px solid var(--gray-border);border-radius:16px;padding:22px}
.kc-side-card-title{font-size:.92rem;font-weight:700;color:var(--dark);margin-bottom:16px}
.kc-side-list{display:flex;flex-direction:column;gap:14px}
.kc-side-item{display:flex;align-items:center;gap:12px;font-size:.85rem;color:var(--gray)}
.kc-side-item-num{flex-shrink:0;width:26px;height:26px;border-radius:8px;background:var(--green-pale);color:var(--green-primary);font-weight:700;font-size:.78rem;display:flex;align-items:center;justify-content:center}
.kc-side-item a{color:var(--dark);font-weight:600;transition:color var(--transition)}
.kc-side-item a:hover{color:var(--green-primary)}
@media (max-width:1024px){.kc-sidebar{position:static}}

/* ---------- Search page ---------- */
.kc-search-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;font-size:.9rem;color:var(--gray)}
.kc-search-meta b{color:var(--dark)}
.kc-empty-state{text-align:center;padding:80px 20px}
.kc-empty-icon{width:80px;height:80px;border-radius:50%;background:var(--gray-light);color:var(--gray);display:flex;align-items:center;justify-content:center;margin:0 auto 24px}
.kc-empty-title{font-size:1.2rem;font-weight:800;color:var(--dark);margin-bottom:10px}
.kc-empty-sub{font-size:.9rem;color:var(--gray);max-width:400px;margin:0 auto}

/* ---------- Tag hero ---------- */
.kc-tag-hero{padding:150px 0 60px}
.kc-tag-badge{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:var(--green-primary);background:var(--green-pale);padding:8px 18px;border-radius:99px;margin-bottom:18px}

/* ---------- misc ---------- */
.kc-skeleton-note{font-size:.75rem;color:#9CA3AF}
@media (max-width:768px){
  .kc-hero{padding:130px 0 48px}
  .kc-search-box{flex-wrap:wrap;padding:14px}
  .kc-search-submit{width:100%;justify-content:center}
  .kc-market-cta{padding:40px 22px}
  .kc-article-header{padding:130px 0 30px}
}

/* active state for sticky TOC links (JS-driven) */
.toc-card .toc-list a.active-toc{color:var(--green-primary);font-weight:700}


/* =========================================================
   HOTFIX: self-contained layout utilities for /knowledge
========================================================= */
.max-w-7xl{max-width:1180px!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.px-6{padding-left:24px!important;padding-right:24px!important}.py-4{padding-top:16px!important;padding-bottom:16px!important}.flex{display:flex!important}.hidden{display:none!important}.items-center{align-items:center!important}.items-start{align-items:flex-start!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.gap-3{gap:12px!important}.gap-4{gap:16px!important}.gap-6{gap:24px!important}.gap-8{gap:32px!important}.p-2{padding:8px!important}.rounded-lg{border-radius:12px!important}.transition-colors{transition:color .2s ease,background .2s ease!important}.fixed{position:fixed!important}.top-0{top:0!important}.right-0{right:0!important}.left-0{left:0!important}.z-50{z-index:50!important}.w-3{width:12px!important}.h-3{height:12px!important}.w-4{width:16px!important}.h-4{height:16px!important}.w-5{width:20px!important}.h-5{height:20px!important}.w-6{width:24px!important}.h-6{height:24px!important}.text-xl{font-size:1.25rem!important}.font-bold{font-weight:700!important}.font-vazir{font-family:'IRANSansWeb',Tahoma,Arial,sans-serif!important}.bg-white{background:#fff!important}.text-dark{color:var(--dark,#111827)!important}.overflow-x-hidden{overflow-x:hidden!important}.border-t{border-top:1px solid var(--gray-border,#e5e7eb)!important}.border-gray-100{border-color:#f3f4f6!important}
@media (min-width:768px){.md\:flex{display:flex!important}.md\:hidden{display:none!important}}
@media (max-width:767px){.hidden.md\:flex{display:none!important}}
.categories-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.category-card{display:flex;flex-direction:column;gap:16px;background:#fff;border:1px solid var(--gray-border,#e5e7eb);border-radius:var(--radius-lg,18px);padding:24px;box-shadow:var(--shadow-sm,0 4px 16px rgba(0,0,0,.04));transition:all var(--transition,.25s ease);min-height:190px}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg,0 16px 40px rgba(0,0,0,.08));border-color:rgba(22,163,74,.25)}.category-card-head{display:flex;align-items:center;gap:14px}.category-icon-wrap{width:48px;height:48px;border-radius:14px;background:var(--green-pale,#dcfce7);color:var(--green-primary,#16a34a);display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-card-title{font-size:1.03rem;font-weight:800;color:var(--dark,#111827)}.category-card-count{font-size:.78rem;color:var(--gray,#6b7280);margin-top:4px}.category-card-desc{font-size:.85rem;color:var(--gray,#6b7280);line-height:1.8;flex:1}.category-card-footer{padding-top:6px}.category-link{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:var(--green-primary,#16a34a)}
@media (max-width:1100px){.categories-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:800px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.categories-grid{grid-template-columns:1fr}.px-6{padding-left:18px!important;padding-right:18px!important}}

/* =========================================================
   FINAL PRODUCTION FIX — Knowledge mobile/article layout
   Fixes article text overflow and prevents Tailwind utility gaps
   from breaking static hosting output.
========================================================= */
html,body{width:100%;max-width:100%;margin:0!important;padding:0!important;overflow-x:hidden}
body{direction:rtl;text-align:right}
*,*::before,*::after{box-sizing:border-box}

.page-content > .max-w-7xl,
.kc-page-container{
  width:100%;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:24px!important;
  padding-right:24px!important;
  box-sizing:border-box;
}

.page-content > .max-w-7xl > .grid,
.kc-two-col-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 280px!important;
  gap:48px!important;
  align-items:start!important;
  width:100%;
  min-width:0;
}

.prose-content,
.kc-prose{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  direction:rtl!important;
  text-align:right!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

.prose-content h1,
.prose-content h2,
.prose-content h3,
.prose-content p,
.prose-content li,
.prose-content div,
.prose-content table,
.kc-prose h1,
.kc-prose h2,
.kc-prose h3,
.kc-prose p,
.kc-prose li{
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

.prose-content p,
.prose-content li,
.kc-prose p,
.kc-prose li{
  display:block!important;
  width:100%!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  unicode-bidi:plaintext;
  text-align:right!important;
}

.kc-table-wrap,
.kc-inline-cta,
.kc-callout,
.faq-list,
.kc-faq{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

@media (max-width:1023px){
  .page-content > .max-w-7xl > .grid,
  .kc-two-col-layout{
    grid-template-columns:minmax(0,1fr)!important;
    gap:32px!important;
  }
  .toc-card,
  .kc-sidebar{position:static!important}
}

@media (max-width:768px){
  .page-content{padding-top:36px!important;padding-bottom:72px!important;overflow:hidden!important}
  .page-content > .max-w-7xl,
  .kc-page-container{
    max-width:100%!important;
    padding-left:16px!important;
    padding-right:16px!important;
    overflow:hidden!important;
  }
  .page-content > .max-w-7xl > .grid,
  .kc-two-col-layout{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
  }
  .prose-content,
  .kc-prose{
    padding-left:0!important;
    padding-right:0!important;
    overflow:hidden!important;
  }
  .prose-content h2{
    font-size:1.15rem!important;
    line-height:1.75!important;
    margin:34px 0 14px!important;
  }
  .prose-content p,
  .prose-content li{
    font-size:.92rem!important;
    line-height:2.15!important;
  }
  .kc-callout{padding:16px!important;gap:10px!important}
  .kc-inline-cta{padding:22px 16px!important}
  .kc-cover{border-radius:0 0 18px 18px!important}
  .kc-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
}

/* =========================================================
   FINAL FAQ ACCORDION FIX — Knowledge articles
   Works with this HTML structure:
   .kc-faq > .faq-item > .faq-question + .faq-answer
========================================================= */
.kc-faq{
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  margin:18px 0 28px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}

.kc-faq .faq-item{
  width:100%!important;
  max-width:100%!important;
  border:1px solid #e5e7eb!important;
  border-radius:18px!important;
  background:#fff!important;
  overflow:visible!important;
  box-shadow:0 4px 14px rgba(15,23,42,.03)!important;
  transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease!important;
}

.kc-faq .faq-question{
  width:100%!important;
  min-height:72px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:20px 24px!important;
  margin:0!important;
  background:#fff!important;
  border:0!important;
  border-radius:18px!important;
  cursor:pointer!important;
  font-family:'IRANSansWeb',Tahoma,Arial,sans-serif!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1.8!important;
  color:#111827!important;
  text-align:right!important;
}

.kc-faq .faq-answer{
  display:block!important;
  visibility:visible!important;
  height:auto!important;
  max-height:0!important;
  overflow:hidden!important;
  opacity:0!important;
  padding:0 24px!important;
  margin:0!important;
  color:#6b7280!important;
  font-family:'IRANSansWeb',Tahoma,Arial,sans-serif!important;
  font-size:15px!important;
  line-height:2.15!important;
  text-align:right!important;
  transition:max-height .3s ease, opacity .25s ease, padding-bottom .3s ease!important;
}

.kc-faq .faq-answer p{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#6b7280!important;
  font-size:15px!important;
  line-height:2.15!important;
  white-space:normal!important;
  overflow:visible!important;
}

.kc-faq .faq-item.open{
  border-color:#86efac!important;
  box-shadow:0 8px 24px rgba(22,163,74,.08)!important;
}

.kc-faq .faq-item.open .faq-answer{
  opacity:1!important;
  padding:0 24px 24px!important;
  /* max-height is set inline by JS to the answer's real scrollHeight so the
     open/close transition animates smoothly instead of snapping instantly. */
}

.kc-faq .faq-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  flex:0 0 34px!important;
  border-radius:50%!important;
  background:#f9fafb!important;
  color:#4b5563!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transition:transform .25s ease, background-color .25s ease, color .25s ease!important;
}

.kc-faq .faq-icon svg{
  width:16px!important;
  height:16px!important;
  display:block!important;
}

.kc-faq .faq-item.open .faq-icon{
  background:#dcfce7!important;
  color:#16a34a!important;
  transform:rotate(45deg)!important;
}

@media (max-width:768px){
  .kc-faq{gap:12px!important;margin:16px 0 24px!important}
  .kc-faq .faq-question{min-height:64px!important;padding:16px 18px!important;font-size:14.5px!important;line-height:1.9!important}
  .kc-faq .faq-answer{padding:0 18px 20px!important;font-size:14px!important;line-height:2.1!important}
  .kc-faq .faq-answer p{font-size:14px!important;line-height:2.1!important}
  .kc-faq .faq-icon{width:30px!important;height:30px!important;min-width:30px!important;flex-basis:30px!important}
}


/* =========================================================
   VERIFIED FIX — FAQ click + category page mobile layout
========================================================= */
.kc-faq .faq-question,
.kc-faq .faq-icon,
.kc-faq .faq-icon *{
  pointer-events:auto!important;
}
.kc-faq .faq-question{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent}
.kc-faq .faq-item.open .faq-answer{
  visibility:visible!important;
}

.kc-category-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 300px!important;
  gap:48px!important;
  align-items:start!important;
  width:100%!important;
  min-width:0!important;
}
.kc-category-layout>div,
.kc-category-layout>.kc-sidebar{min-width:0!important;width:100%!important}
.kc-category-articles{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  min-width:0!important;
}

@media (max-width:1024px){
  .kc-category-layout{
    grid-template-columns:1fr!important;
    gap:32px!important;
  }
  .kc-category-layout .kc-sidebar{position:static!important;top:auto!important}
}

@media (max-width:640px){
  .kc-category-articles{grid-template-columns:1fr!important}
  .kc-filter-tabs{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    margin-left:-18px!important;
    margin-right:-18px!important;
    padding:2px 18px 10px!important;
  }
  .kc-filter-tabs::-webkit-scrollbar{display:none!important}
  .kc-filter-tab{flex:0 0 auto!important;white-space:nowrap!important}
  .kc-side-card{padding:18px!important}
  .kc-category-layout .kc-market-cta{padding:28px 18px!important}
}


/* FINAL MOBILE CATEGORY CARD FIX */
@media (max-width: 768px){
  .kc-category-layout{display:block!important;width:100%!important;}
  .kc-category-layout > div{width:100%!important;min-width:0!important;}
  .kc-category-layout .kc-sidebar{width:100%!important;margin-top:28px!important;}
  .kc-category-layout .kc-article-card,
  .kc-category-layout .kc-card,
  .kc-category-layout article,
  .kc-category-layout [data-article-card]{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .kc-category-layout .kc-article-card > *,
  .kc-category-layout .kc-card > *,
  .kc-category-layout article > *{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .kc-category-layout img{
    width:100%!important;
    max-width:100%!important;
    height:190px!important;
    object-fit:cover!important;
    display:block!important;
  }
}
.opened-from-app #navbar {
    display: none !important;
}
/* حذف هدر و فوتر مرکز دانش فقط هنگام ورود از اپ */

.opened-from-app footer,
.opened-from-app .site-footer {
    display: none !important;
}
/* نوار پایین هماهنگ با صفحات اصلی بیومارکت */
.biomarket-mobile-nav{display:none}
@media(max-width:760px){
  body{padding-bottom:77px}
  .biomarket-mobile-nav{position:fixed;z-index:1000;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,1fr);height:72px;padding:7px 10px calc(5px + env(safe-area-inset-bottom));border-top:1px solid var(--line,#e3ebe5);background:rgba(255,255,255,.97);box-shadow:0 -7px 25px rgba(30,62,41,.07);backdrop-filter:blur(12px)}
  .biomarket-mobile-nav a{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#7d8981;text-decoration:none;font-size:8px}
  .biomarket-mobile-nav i{font-size:20px;font-style:normal}
  .biomarket-mobile-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .biomarket-mobile-nav .ui-icon-fill{fill:currentColor;stroke:none}
  .biomarket-mobile-nav a.active{color:var(--green,#147a49);font-weight:800}
  .biomarket-mobile-nav .mobile-add{transform:translateY(-16px);color:var(--green,#147a49)}
  .biomarket-mobile-nav .mobile-add i{display:grid;place-items:center;width:48px;height:48px;border:4px solid #fff;border-radius:16px;background:var(--green,#147a49);box-shadow:0 7px 17px rgba(20,122,73,.25);color:#fff}
  .biomarket-mobile-nav .mobile-add svg{width:23px;height:23px}
  .biomarket-mobile-nav .mobile-add span{margin-top:1px}
}

.category-icon-wrap img{width:38px;height:38px;object-fit:contain;border-radius:10px}

/* =========================================================
   CLASSIC KNOWLEDGE-CENTER LOOK
   Restores the original visual language shown in the reference:
   airy sections, compact cards, line icons and readable articles.
========================================================= */
.kc-hero{padding:74px 0 64px;min-height:520px;display:flex;align-items:center}
.kc-hero-inner{max-width:760px!important}
.kc-h1{color:#07142a;font-size:44px;line-height:1.35;margin:0 0 12px}
.kc-subtitle{color:#677386;margin-bottom:34px}
.kc-search-box{border-radius:18px;min-height:68px;box-shadow:0 10px 28px rgba(15,23,42,.10)}
.kc-search-submit{min-height:48px;border-radius:13px;padding-inline:25px}
.kc-chip{color:#111827;padding:9px 17px}

.kc-section{padding:70px 0}
.kc-section-head{margin-bottom:38px}
.kc-section-title{color:#07142a}
.kc-articles-grid{gap:24px}
.kc-article-card{border-radius:18px;border-color:#dfe4e8;box-shadow:0 2px 3px rgba(15,23,42,.08)}
.kc-article-img{aspect-ratio:16/9}
.kc-article-body{padding:20px 24px 22px;gap:9px}
.kc-article-title{color:#07142a;font-size:1rem}
.kc-article-excerpt{color:#697586}

.categories-grid{gap:22px}
.category-card{min-height:274px;padding:26px 24px 22px;border-radius:18px;border-color:#dfe4e8;box-shadow:0 2px 3px rgba(15,23,42,.08)}
.category-card-head{align-items:flex-start}
.category-icon-wrap{width:48px;height:48px;border-radius:14px;background:#dcfce7;color:#16a34a}
.category-icon-wrap svg{width:25px;height:25px;stroke-width:2}
.category-card-title{color:#07142a}
.category-card-desc{padding-top:12px}
.category-card-footer{border-top:1px solid #e5e7eb;padding-top:13px}

.kc-article-header{padding:74px 0 34px;background:#fafffe}
.page-breadcrumb{margin-bottom:24px}
.kc-article-header .page-title{max-width:900px;color:#07142a;font-size:clamp(2rem,4vw,2.65rem);line-height:1.45}
.kc-article-header .page-subtitle{max-width:860px;color:#647184;line-height:2}
.kc-cover{margin:34px auto 0;max-width:1100px;border-radius:20px;box-shadow:0 15px 40px rgba(15,23,42,.14)}
.page-content{padding-bottom:70px}
.kc-two-col-layout{grid-template-columns:minmax(0,1fr) 280px!important;gap:48px!important}
.prose-content{color:#657185;font-size:.96rem;line-height:2.25}
.prose-content h2{color:#07142a;font-size:1.4rem;line-height:1.7;margin:36px 0 14px;display:flex;align-items:center;gap:10px}
.prose-content h2::before{content:"";display:inline-block;width:4px;height:22px;border-radius:4px;background:#16a34a;flex:0 0 4px}
.prose-content p{margin:0 0 18px}
.prose-content li{margin-bottom:8px}
.toc-card{border:1px solid #dfe4e8;border-radius:18px;background:#f9fafb;padding:24px;box-shadow:none}
.toc-card-title{margin:0 0 16px;font-size:.95rem;font-weight:800;color:#07142a}
.toc-list{display:flex;flex-direction:column;gap:0}
.toc-list a{display:block;padding:10px 0;border-bottom:1px solid #e5e7eb;color:#475569;font-size:.84rem;line-height:1.8;text-decoration:none;transition:color .2s ease,padding .2s ease}
.toc-list a:last-child{border-bottom:0}
.toc-list a:hover,.toc-list a.active-toc{color:var(--green-primary,#16a34a);padding-right:6px;font-weight:700}
.kc-callout{border-radius:14px}
.kc-faq .faq-item{border-radius:17px!important;box-shadow:0 3px 12px rgba(15,23,42,.03)!important}
.back-to-top{
  position:fixed!important;
  left:32px!important;
  bottom:30px!important;
  z-index:60!important;
  display:flex!important;
  width:50px!important;
  height:50px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#16a34a!important;
  color:#fff!important;
  box-shadow:0 10px 30px rgba(22,163,74,.22)!important;
  cursor:pointer!important;
}
.back-to-top svg{width:21px!important;height:21px!important}

@media (max-width:767px){
  .kc-hero{min-height:auto;padding:48px 0}
  .kc-h1{font-size:30px}
  .kc-search-box{min-height:auto}
  .kc-section{padding:48px 0}
  .kc-article-header{padding:42px 0 0}
  .kc-article-header .page-title{font-size:1.75rem}
  .kc-cover{margin-top:26px}
  .category-card{min-height:220px}
  .prose-content h2{font-size:1.15rem}
  .toc-card{padding:18px 20px}
  .kc-two-col-layout>article{order:2}
  .kc-two-col-layout>.toc-card{order:1}
  .kc-two-col-layout>.toc-card{width:100%;margin:0 0 24px}
  .toc-list a{padding:9px 0;font-size:.82rem}
  .back-to-top{left:16px!important;bottom:88px!important;width:46px!important;height:46px!important}
  .kc-article-meta-row{gap:12px 14px}
  .kc-article-share-btn{min-height:36px;padding:8px 12px}
  .kc-share-toast{bottom:92px}
}