.post-header-section {
            background: linear-gradient(135deg, #faf5ff 0%, #f5f3ff 100%);
            padding: 40px 0 30px;
            border-bottom: 1px solid rgba(143, 6, 147, 0.15);
            position: relative;
            overflow: hidden;
        }

        .post-header-section::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, #8f0693 0%, #6f42c1 50%, #8f0693 100%);
        }

        .post-header-section::after {
            content: "";
            position: absolute;
            top: -50px;
            right: -50px;
            width: 200px;
            height: 200px;
            background: radial-gradient(circle, rgba(143, 6, 147, 0.1) 0%, transparent 70%);
            border-radius: 50%;
            pointer-events: none;
        }

        .post-header-inner {
            max-width: 900px;
            margin: 0 auto;
            padding: 0 20px;
            position: relative;
            z-index: 1;
        }

        .post-title {
            font-size: 32px;
            font-weight: 800;
            color: #1f2937;
            margin: 0 0 20px;
            line-height: 1.35;
            padding: 0;
            text-align: right;
            font-family: IRANSansX, Tahoma, sans-serif;
        }

        /* ===== باکس خلاصه (سفید با نوار بنفش سمت راست) ===== */
        .post-summary-box {
            background: #fff;
            border: 1px solid rgba(143, 6, 147, 0.15);
            border-right: 4px solid #8f0693;
            border-radius: 8px;
            padding: 16px 20px;
            margin: 0 0 20px;
            text-align: right;
            box-shadow: 0 4px 15px rgba(143, 6, 147, 0.06);
        }

        .post-summary-box p {
            margin: 0;
            color: #334155;
            font-size: 15px;
            line-height: 1.9;
            font-family: IRANSansX, Tahoma, sans-serif;
        }

        /* ===== متادیتا (تاریخ و زمان مطالعه) ===== */
        .post-meta-header {
            display: flex;
            gap: 10px;
            justify-content: flex-start;
            align-items: center;
            margin-bottom: 24px;
            flex-wrap: wrap;
        }

        .post-meta-item {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: #fff;
            border: 1px solid rgba(143, 6, 147, 0.15);
            border-radius: 8px;
            padding: 8px 14px;
            font-size: 14px;
            color: #6f42c1;
            font-weight: 500;
            font-family: IRANSansX, Tahoma, sans-serif;
            transition: all 0.2s ease;
        }

        .post-meta-item:hover {
            border-color: rgba(143, 6, 147, 0.3);
            box-shadow: 0 4px 12px rgba(143, 6, 147, 0.08);
        }

        .post-meta-item svg {
            width: 16px;
            height: 16px;
            color: #8f0693;
            flex-shrink: 0;
        }

        /* ===== Breadcrumb (رنگ بنفش) ===== */
        .post-breadcrumb {
            display: flex;
            align-items: center;
            padding-top: 18px;
            border-top: 1px solid rgba(143, 6, 147, 0.15);
            font-size: 14px;
            font-family: IRANSansX, Tahoma, sans-serif;
        }

        .post-breadcrumb ol {
            display: flex;
            align-items: center;
            gap: 8px;
            margin: 0;
            padding: 0;
            list-style: none;
            flex-wrap: wrap;
        }

        .post-breadcrumb li {
            display: inline-flex;
            align-items: center;
            color: #475569;
        }

        .post-breadcrumb li+li::before {
            content: "/";
            color: #a78bfa;
            margin-left: 8px;
        }

        .post-breadcrumb a {
            text-decoration: none;
            font-weight: 600;
            transition: color 0.2s ease;
        }

        .post-breadcrumb a:hover {
            color: #6f42c1;
            text-decoration: underline;
        }

        .post-breadcrumb .home-link {
            display: inline-flex;
            align-items: center;
            gap: 4px;
        }

        .post-breadcrumb .home-link svg {
            width: 14px;
            height: 14px;
        }

        .post-breadcrumb li[aria-current="page"] {
            color: #475569;
            font-weight: 500;
        }

        /* ===== فوتر مقاله ===== */
        .article-footer {
            margin: 40px 0;
            direction: ltr;
        }

        .article-footer-inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: #faf5ff;
            border: 1px solid rgba(143, 6, 147, 0.15);
            border-radius: 12px;
            padding: 14px 24px;
            gap: 20px;
            flex-wrap: wrap;
            position: relative;
        }

        .article-footer-inner::before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 1px;
            height: 60%;
            background: rgba(143, 6, 147, 0.2);
        }

        .article-footer-meta {
            display: flex;
            align-items: center;
            gap: 10px;
            color: #475569;
            font-size: 14px;
            font-family: IRANSansX, Tahoma, sans-serif;
            flex: 1;
            justify-content: flex-start;
        }

        .article-footer-meta svg {
            width: 22px;
            height: 22px;
            color: #8f0693;
            flex-shrink: 0;
        }

        .article-footer-meta strong {
            color: #1e293b;
            font-weight: 700;
        }

        .article-footer-share {
            display: flex;
            align-items: center;
            gap: 14px;
            flex-wrap: wrap;
            flex: 1;
            justify-content: flex-end;
        }

        .share-label {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            color: #8f0693;
            font-weight: 600;
            font-size: 14px;
            font-family: IRANSansX, Tahoma, sans-serif;
            white-space: nowrap;
        }

        .share-label svg {
            width: 20px;
            height: 20px;
            color: #8f0693;
            flex-shrink: 0;
        }

        .article-footer-share .social-link1 {
            display: flex;
            gap: 10px;
            align-items: center;
        }

        .article-footer-share .social-link1 a {
            width: 38px;
            height: 38px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #fff;
            border: 1px solid rgba(143, 6, 147, 0.15);
            color: #6f42c1;
            transition: all 0.2s ease;
            box-shadow: 0 1px 3px rgba(143, 6, 147, 0.04);
            text-decoration: none;
        }

        .article-footer-share .social-link1 a svg {
            width: 18px;
            height: 18px;
            fill: currentColor;
            color: inherit;
        }

        .article-footer-share .social-link1 a:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(143, 6, 147, 0.15);
        }

        .article-footer-share .social-link1 a.bg-twitter:hover {
            background: #000;
            color: #fff;
            border-color: #000;
        }

        .article-footer-share .social-link1 a.bg-facebook:hover {
            background: #1877f2;
            color: #fff;
            border-color: #1877f2;
        }

        .article-footer-share .social-link1 a.bg-linkedin:hover {
            background: #0a66c2;
            color: #fff;
            border-color: #0a66c2;
        }

        .article-footer-share .social-link1 a.bg-telegram:hover {
            background: #0088cc;
            color: #fff;
            border-color: #0088cc;
        }

        /* ===== واکنش‌گرا ===== */
        @media (max-width: 768px) {
            .post-header-section {
                padding: 24px 0 20px;
            }

            .post-title {
                font-size: 22px;
                margin-bottom: 16px;
            }

            .post-summary-box {
                padding: 14px 16px;
            }

            .post-meta-header {
                justify-content: flex-start;
            }

            .article-footer {
                direction: rtl;
            }

            .article-footer-inner {
                flex-direction: column;
                align-items: flex-start;
                gap: 16px;
                padding: 16px;
            }

            .article-footer-inner::before {
                display: none;
            }

            .article-footer-meta,
            .article-footer-share {
                width: 100%;
                justify-content: flex-start;
                flex: unset;
            }

            .article-footer-share {
                justify-content: space-between;
            }
        }

        @media (max-width: 480px) {
            .article-footer-share {
                flex-direction: column;
                align-items: flex-start;
                gap: 12px;
            }

            .article-footer-share .social-link1 {
                width: 100%;
                justify-content: flex-start;
            }
        }

article { display: block; }
ol { margin-top: 0; margin-bottom: 1rem; }
table { border-collapse: collapse; }
u { text-underline-offset: 6px; }
.img-fluid { aspect-ratio: attr(width) / attr(height); }

/* ===== Breadcrumb ===== */
.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
  font-size: 13px;
  font-weight: 700;
}
#breadcrumb { position: relative; }
#breadcrumb ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: transparent;
}
#breadcrumb ul.breadcrumb li {
  display: inline;
  font-size: 16px;
  color: #554d63;
}
#breadcrumb ol.breadcrumb li + li:before {
  color: #554d63;
  content: "/\00a0";
}
#breadcrumb ul.breadcrumb li + li:before {
  color: #554d63;
  content: "/\00a0";
}
#breadcrumb ul.breadcrumb li a {
  color: #554d63;
  text-decoration: none;
}
#breadcrumb ul.breadcrumb li a:hover {
  color: #6d0ba5;
  text-decoration: none;
}

/* ===== Flexbox ===== */
.flex-column { -ms-flex-direction: column !important; flex-direction: column !important; }
.flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; }
.flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; }
.flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; }
.position-relative { position: relative !important; }

/* ===== Grid Columns ===== */
.col-lg-9 { /* تعریف عرض 75% */ }

/* ===== Blog Items ===== */
.blog-item-single {
  position: relative;
  overflow: hidden;
  text-align: left;
  margin-bottom: 30px;
  width: 350px;
  background-color: #fff;
  box-shadow: #a6a3a3 0 0 4px 0;
}
.blog-item-single .blog-item-img img {
  width: 100%;
  text-align: center;
}
.blog-item-img { background: #fff; }
.blog-grid { background: url(../../imagenew/background/back-blog.webp); background-size: 150px 167px; }
.blog-grid .blog-item-single {
  box-shadow: 0 3px 14px rgba(70, 10, 111, 0.29);
  border-radius: 5px;
  background: #fff;
}
.blg_grid_caption {
  position: relative;
  display: block;
  padding: 0.2rem 1.2rem;
}
.blg_grid_caption h3 { font-size: 17px; line-height: 1.4; }
.he_boxblog { max-height: 300px; min-height: 290px; }
.fotpost {
  align-items: center;
  width: 100%;
  min-height: 50px;
  border-top: 1px solid #eff3f7;
  padding: 0.9rem 1rem;
  bottom: 0;
  position: absolute;
  background: #403e3b0a;
}
.fotpost_first {
  align-content: center;
  align-items: center;
  display: flex;
  flex: 1;
}
@media (min-width: 992px) {
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
}
.text_box_post { font-size: 15px; }
.tagcat { font-size: 14px; font-weight: 700; color: #972068; }
.r_icon_date {
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  display: flex;
  background: #fff;
  border: 1px solid #dcdddf;
  border-radius: 50%;
  font-size: 14px;
}
.r_icon_date i { color: #ef7c1f; }

/* ===== Category Boxes ===== */
.catetitle {
  position: relative;
  border-bottom: 1px solid #795d7d;
  padding-bottom: 10px;
  font-size: 24px;
  color: #444044;
  font-weight: 700;
}
.catetitle::after {
  content: "";
  width: 80px;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #815d97;
  left: unset;
  right: 0;
}
.box-cate {
  background-color: #f3f4f6;
  border: 1px solid #f3f4f6;
  padding: 8px;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px 0, rgba(0, 0, 0, 0.1) 0 0 1px 0;
}
.g-box, .g-box2 {
  border: 0.5px solid #eaeaea;
  padding: 15px 15px 5px;
  background: #fff;
  margin-bottom: 10px;
  border-radius: 8px;
  margin-left: 8px;
  margin-right: 8px;
  text-align: center;
}
.g-box:hover, .g-box2:hover {
  cursor: pointer;
  box-shadow: 0 5px 30px 0 rgba(181, 157, 181, 0.32);
}
.g-box p, .g-box2 p {
  text-align: center;
  font-size: 14px;
  color: #535353;
}
.g-box:hover > p, .g-box2:hover > p { color: #035c71; }
.g-box img, .g-box2 img { display: inline-block; }
.g-box2 p { font-size: 13px; }
.g-box2 .p-h5 { font-size: 18px; font-weight: 700; }
.headcat {
  font-size: 18px;
  margin: 5px 12px 10px 0;
  border-bottom: 1px solid #808080c9;
  width: 80%;
}

/* ===== Blog Details / Post ===== */
.blog-details-desc { min-height: 500px; box-sizing: border-box; }
.blog-details-desc ul {
  list-style: square;
  margin-right: 40px;
  margin-bottom: 15px;
}
.blog-details-desc ul li { padding: 5px 0; }
.blog-details-desc ol { font-size: medium; }
.style-post {
  margin-bottom: 8px;
  padding: 0 30px;
  box-shadow: 0 3px 14px rgba(70, 10, 111, 0.29);
  border-radius: 5px;
  background: #fff;
  height: fit-content;
}
.style-post img {
  display: block;
  margin: 0 auto;
  box-shadow: 0 3px 14px rgba(70, 10, 111, 0.29) !important;
  background: #fff !important;
}
.blog-details-desc p u a { font-weight: bolder; }

/* ===== Box Group ===== */
.box-group-1 {
  box-shadow: 0 3px 14px rgba(70, 10, 111, 0.29);
  background: #fff;
  padding: 30px 0 0;
  border-radius: 8px;
  border: 2px dashed #cfabff;
}

/* ===== Tables ===== */
.table {
  width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}
.table-bordered { border: 1px solid #dee2e6; }
.table-bordered td, .table-bordered th {
  border: 1px solid #dee2e6;
  text-align: center;
}
.table-bordered td p, .table-bordered th p { margin-top: 15px; }
.table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px; }
.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { border: 0; }
.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); }

/* ===== Media Queries ===== */
@media only screen and (max-width: 767px) {
  #breadcrumb ul.breadcrumb li { font-size: 14px; }
  p, .text_box_post { font-size: 15px; font-weight: normal; content-visibility: auto; min-height: auto; line-height: 2; }
  .first-div h1 { margin-bottom: 0; font-size: 22px; }
  .blog-details-desc ol { padding-right: 40px; padding-left: 0; }
}
@media only screen and (max-width: 767px) and (min-width: 576px) {
  .container { max-width: 540px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .container { max-width: 720px; }
  .first-div h1 { margin-bottom: 15px; font-size: 30px; }
}
@media screen and (max-width: 991px) {
  ol { padding-left: 10px; }
}
@media (max-width: 576px) {
  .blog-item-single { text-align: right; width: 350px; margin: 15px auto; }
}
@media (min-width: 1024px) {
  .lg\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .lg\:w-\[95px\] { width: 95px; }
  .lg\:flex-row { flex-direction: row; }
}
@media (min-width: 768px) {
  .md\:\!w-30 { width: 7rem !important; }
  .md\:text-base { font-size: 1rem; line-height: 1.5rem; }
  .md\:mt-5 { margin-top: 1.25rem; }
}