.foruzan-category-sticky {
  width: 100%;
  position: relative;
  direction: rtl;
}

.foruzan-category-wrap {
  width: 100%;
  margin: 15px 0 30px;
  padding: 0;
  direction: rtl;
  font-family: inherit;
}

/* ===============================
   Fixed Sticky Mode - Desktop + Mobile
================================ */
.foruzan-category-sticky.is-fixed {
  min-height: var(--foruzan-sticky-height);
}

.foruzan-category-sticky.is-fixed .foruzan-category-wrap {
  position: fixed !important;
  top: var(--foruzan-sticky-top);
  left: var(--foruzan-sticky-left);
  width: var(--foruzan-sticky-width);
  margin: 0;
  max-height: calc(100vh - var(--foruzan-sticky-top) - 20px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 4px;
}

/* دسکتاپ زیر منوی هدر بماند */
@media (min-width: 768px) {
  .foruzan-category-sticky.is-fixed .foruzan-category-wrap {
    z-index: 10 !important;
  }
}

/* موبایل کمی بالاتر باشد ولی با offset زیر هدر می‌نشیند */
@media (max-width: 767px) {
  .foruzan-category-sticky.is-fixed .foruzan-category-wrap {
    z-index: 90 !important;
  }
}

.foruzan-category-sticky.is-fixed .foruzan-category-wrap::-webkit-scrollbar {
  width: 5px;
}

.foruzan-category-sticky.is-fixed .foruzan-category-wrap::-webkit-scrollbar-track {
  background: #efefef;
  border-radius: 20px;
}

.foruzan-category-sticky.is-fixed .foruzan-category-wrap::-webkit-scrollbar-thumb {
  background: #e31022;
  border-radius: 20px;
}

/* checkbox مخفی برای کنترل دراپ‌داون موبایل */
.foruzan-category-toggle {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* دکمه دراپ‌داون فقط در موبایل دیده می‌شود */
.foruzan-category-mobile-head {
  display: none;
}

.foruzan-category-menu {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  direction: rtl;
  font-family: inherit;
}

.foruzan-category-menu li {
  margin: 0 0 10px;
  padding: 0;
}

.foruzan-category-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 13px 16px;
  background: #ffffff;
  color: #000000;
  text-decoration: none;
  border: 1px solid rgba(227, 16, 34, 0.18);
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
  transition: all 0.25s ease;
}

.foruzan-category-link:hover {
  background: linear-gradient(135deg, #000000, #e31022);
  color: #ffffff;
  text-decoration: none;
  border-color: #e31022;
  transform: translateX(-4px);
  box-shadow: 0 10px 25px rgba(227, 16, 34, 0.25);
}

.foruzan-category-name {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}

.foruzan-category-name em {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #efefef;
  color: #e31022;
  border-radius: 50%;
  font-size: 12px;
  transition: all 0.25s ease;
}

.foruzan-category-link:hover .foruzan-category-name em {
  background: rgba(255, 255, 255, 0.18);
  color: #ffffff;
}

.foruzan-category-count {
  min-width: 34px;
  height: 24px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #efefef;
  color: #e31022;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 700;
  transition: all 0.25s ease;
}

.foruzan-category-link:hover .foruzan-category-count {
  background: #ffffff;
  color: #e31022;
}

/* ===============================
   Mobile Dropdown
================================ */
@media (max-width: 767px) {
  .foruzan-category-wrap {
    margin: 15px 0 24px;
    padding-left: 0;
  }

  .foruzan-category-mobile-head {
    width: 100%;
    min-height: 52px;
    padding: 13px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: linear-gradient(135deg, #000000, #e31022);
    color: #ffffff;
    border: 1px solid rgba(227, 16, 34, 0.35);
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(227, 16, 34, 0.22);
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    user-select: none;
    margin: 0;
  }

  .foruzan-category-mobile-head em {
    width: 28px;
    height: 28px;
    min-width: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.16);
    border-radius: 50%;
    position: relative;
    transition: all 0.25s ease;
  }

  .foruzan-category-mobile-head em::before {
    content: "";
    width: 8px;
    height: 8px;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform: rotate(-45deg);
    margin-top: -4px;
    transition: all 0.25s ease;
  }

  .foruzan-category-toggle:checked + .foruzan-category-mobile-head em {
    background: #ffffff;
  }

  .foruzan-category-toggle:checked + .foruzan-category-mobile-head em::before {
    border-color: #e31022;
    transform: rotate(135deg);
    margin-top: 4px;
  }

  .foruzan-category-menu {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    margin-top: 0;
    padding: 0;
    background: #ffffff;
    border-radius: 12px;
    transition: max-height 0.35s ease, opacity 0.25s ease, margin-top 0.25s ease;
  }

  .foruzan-category-toggle:checked ~ .foruzan-category-menu {
    max-height: 62vh;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 1;
    visibility: visible;
    margin-top: 12px;
    padding: 2px 0;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
  }

  .foruzan-category-menu li {
    margin-bottom: 8px;
  }

  .foruzan-category-link {
    padding: 12px 14px;
    border-radius: 10px;
  }

  .foruzan-category-link:hover {
    transform: none;
  }

  .foruzan-category-name {
    font-size: 14px;
  }
}
---------------------------------------














------------------------------------------------------

.fc-product-info {
  width: 100%;
  margin: 30px 0;
  padding: 0;
  font-family: inherit;
  color: #000000;
}

.fc-product-card {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.08);
}

.fc-product-header {
  padding: 30px;
  background: linear-gradient(135deg, #000000 0%, #191919 58%, #e31022 100%);
  color: #ffffff;
  position: relative;
}

.fc-product-label {
  display: inline-block;
  margin-bottom: 12px;
  padding: 6px 15px;
  background: rgba(227, 16, 34, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #ffffff;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
}

.fc-product-header h2 {
  margin: 0 0 12px;
  padding: 0;
  color: #ffffff;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.5;
}

.fc-product-header p {
  max-width: 850px;
  margin: 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: 15px;
  line-height: 2;
}

.fc-tabs {
  position: relative;
  padding: 30px;
  background: #ffffff;
  scroll-margin-top: 110px;
}

.fc-tab-anchor {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  scroll-margin-top: 110px;
}

.fc-tab-buttons {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-bottom: 24px;
  padding: 8px;
  background: #efefef;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.06);
}

.fc-tab-link {
  position: relative;
  display: block;
  padding: 16px 18px;
  background: #ffffff;
  color: #000000;
  text-align: center;
  text-decoration: none;
  border-radius: 15px;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.5;
  border: 1px solid transparent;
  transition: all 0.25s ease;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.04);
}

.fc-tab-link::before {
  content: "";
  position: absolute;
  right: 16px;
  left: 16px;
  bottom: 8px;
  height: 3px;
  background: transparent;
  border-radius: 30px;
  transition: all 0.25s ease;
}

.fc-tab-link:hover {
  color: #e31022;
  border-color: rgba(227, 16, 34, 0.28);
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}

.fc-tab-link-specs {
  background: #000000;
  color: #ffffff;
  border-color: #e31022;
  box-shadow: 0 12px 28px rgba(227, 16, 34, 0.25);
}

.fc-tab-link-specs::before {
  background: #e31022;
}

.fc-tabs:has(.fc-tab-anchor:target) .fc-tab-link {
  background: #ffffff;
  color: #000000;
  border-color: transparent;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.04);
}

.fc-tabs:has(.fc-tab-anchor:target) .fc-tab-link::before {
  background: transparent;
}

.fc-tabs:has(.fc-tab-anchor:target) .fc-tab-link:hover {
  color: #e31022;
  border-color: rgba(227, 16, 34, 0.28);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}

.fc-tabs:has(#fc-specs:target) .fc-tab-link-specs,
.fc-tabs:has(#fc-usage:target) .fc-tab-link-usage,
.fc-tabs:has(#fc-standards:target) .fc-tab-link-standards {
  background: #000000;
  color: #ffffff;
  border-color: #e31022;
  box-shadow: 0 12px 28px rgba(227, 16, 34, 0.25);
}

.fc-tabs:has(#fc-specs:target) .fc-tab-link-specs::before,
.fc-tabs:has(#fc-usage:target) .fc-tab-link-usage::before,
.fc-tabs:has(#fc-standards:target) .fc-tab-link-standards::before {
  background: #e31022;
}

.fc-tab-content {
  position: relative;
}

.fc-panel {
  display: none;
  padding: 26px;
  background: #ffffff;
  border: 1px solid #efefef;
  border-radius: 18px;
  animation: fcFadeIn 0.25s ease;
}

.fc-panel-specs {
  display: block;
}

.fc-tabs:has(.fc-tab-anchor:target) .fc-panel {
  display: none;
}

.fc-tabs:has(#fc-specs:target) .fc-panel-specs,
.fc-tabs:has(#fc-usage:target) .fc-panel-usage,
.fc-tabs:has(#fc-standards:target) .fc-panel-standards {
  display: block;
}

.fc-panel h3 {
  margin: 0 0 14px;
  padding: 0 0 12px;
  color: #000000;
  font-size: 21px;
  font-weight: 800;
  border-bottom: 2px solid #efefef;
  position: relative;
}

.fc-panel h3::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -2px;
  width: 75px;
  height: 2px;
  background: #e31022;
}

.fc-panel p {
  margin: 0 0 18px;
  color: #333333;
  font-size: 15px;
  line-height: 2;
}

.fc-spec-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.fc-spec-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  background: #efefef;
  border-right: 4px solid #e31022;
  border-radius: 12px;
}

.fc-spec-item strong {
  color: #000000;
  font-size: 14px;
  font-weight: 800;
}

.fc-spec-item span {
  color: #333333;
  font-size: 14px;
  text-align: left;
}

.fc-check-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fc-check-list li {
  position: relative;
  margin-bottom: 12px;
  padding: 13px 46px 13px 16px;
  background: #efefef;
  color: #222222;
  border-radius: 12px;
  font-size: 15px;
  line-height: 1.8;
}

.fc-check-list li::before {
  content: "✓";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: #e31022;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 800;
}

.fc-criteria-list {
  display: grid;
  gap: 14px;
}

.fc-criteria-box {
  display: flex;
  gap: 16px;
  padding: 18px;
  background: #efefef;
  border-radius: 14px;
  border: 1px solid rgba(227, 16, 34, 0.12);
}

.fc-criteria-box > span {
  width: 14px;
  min-width: 14px;
  border-radius: 20px;
  background: linear-gradient(180deg, #e31022, #000000);
}

.fc-criteria-box strong {
  display: block;
  margin-bottom: 6px;
  color: #000000;
  font-size: 16px;
  font-weight: 800;
}

.fc-criteria-box p {
  margin: 0;
  color: #444444;
  font-size: 14px;
  line-height: 1.9;
}

@keyframes fcFadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 767px) {
  .fc-product-header {
    padding: 24px 20px;
  }

  .fc-product-header h2 {
    font-size: 22px;
  }

  .fc-tabs {
    padding: 20px;
  }

  .fc-tab-buttons {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .fc-tab-link {
    padding: 14px 15px;
  }

  .fc-spec-grid {
    grid-template-columns: 1fr;
  }

  .fc-spec-item {
    display: block;
  }

  .fc-spec-item span {
    display: block;
    margin-top: 6px;
    text-align: right;
  }

  .fc-criteria-box {
    gap: 12px;
  }
}











































/* =========================================================
   ExGold Persian Header / Blog Template RTL Menu Fix
   Put this at the very bottom of Custom CSS
========================================================= */

/* کل هدر فارسی راست‌چین */
html[lang="fa"],
body,
body#Body {
    direction: rtl !important;
    text-align: right !important;
}

/* جلوگیری از برعکس شدن چینش لوگو و هدر */
header,
.header,
.header-wrap,
.header-area,
.header-replace,
.header-container,
.dng-main,
.dng-main-menu,
.dng-megamenu {
    direction: rtl !important;
    text-align: right !important;
}

/* =========================================================
   Main Menu - منوی اصلی: خانه، سکه طلا، شمش طلا و...
========================================================= */

body .dng-megamenu,
body .dng-megamenu ul,
body .dng-megamenu li,
body .dng-megamenu a,
body .dng-megamenu .primary_structure {
    direction: rtl !important;
    text-align: right !important;
}

/* آیتم‌های منوی اصلی از راست به چپ */
body .dng-megamenu .primary_structure {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    float: none !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* آیتم‌های منو */
body .dng-megamenu .primary_structure > li {
    float: none !important;
    direction: rtl !important;
    text-align: right !important;
}

/* لینک‌های منو */
body .dng-megamenu .primary_structure > li > a,
body .dng-megamenu .primary_structure > li > a span {
    direction: rtl !important;
    text-align: right !important;
}

/* زیرمنوها */
body .dng-megamenu .sub-menu,
body .dng-megamenu .dropdown-menu,
body .dng-megamenu .megamenu,
body .dng-megamenu .mega-menu,
body .dng-megamenu .dnngo_menuslide,
body .dng-megamenu .dnngo_boxslide {
    direction: rtl !important;
    text-align: right !important;
    right: 0 !important;
    left: auto !important;
}

/* آیتم‌های زیرمنو */
body .dng-megamenu .sub-menu li,
body .dng-megamenu .dropdown-menu li,
body .dng-megamenu .megamenu li,
body .dng-megamenu .mega-menu li,
body .dng-megamenu .sub-menu li a,
body .dng-megamenu .dropdown-menu li a,
body .dng-megamenu .megamenu li a,
body .dng-megamenu .mega-menu li a {
    direction: rtl !important;
    text-align: right !important;
}

/* زیرمنوی سطح دوم به سمت چپ باز شود تا بیرون صفحه نرود */
body .dng-megamenu .sub-menu .sub-menu,
body .dng-megamenu .dropdown-menu .dropdown-menu {
    right: 100% !important;
    left: auto !important;
}



/* =========================================================
   Exact Header Position Fix
   منوی کوچک از سمت راست هدر شروع شود نه چپ
========================================================= */

body header .row,
body .header .row,
body .header-wrap .row,
body .header-area .row {
    direction: rtl !important;
}


/* =========================================================
   Social Icons / Cart / Language
   این‌ها خراب یا برعکس نشوند
========================================================= */

body a[href*="whatsapp"],
body a[href*="instagram"],
body a[href*="wa.me"],
body a[href*="api.whatsapp"],
body a[href*="/en"],
body a[href*="/EN"],
body .fa,
body .fab,
body .fas,
body .shopping-cart,
body .cart,
body .language,
body .language-object {
    direction: ltr !important;
    text-align: center !important;
}

/* آیکن‌های سمت راست هدر در جای درست بمانند */
body header :has(a[href*="whatsapp"]),
body header :has(a[href*="instagram"]),
body .header :has(a[href*="whatsapp"]),
body .header :has(a[href*="instagram"]) {
    direction: ltr !important;
}

/* =========================================================
   Blog Template Header Safety
   قالب بلاگ جداگانه است، این بخش آن را هم کنترل می‌کند
========================================================= */

body .ArticleView,
body .ArticleView *,
body .modern-centered-article,
body .modern-centered-article *,
body .article-container,
body .article-container * {
    direction: rtl;
    text-align: right;
}

/* ولی عکس‌ها، آیکن‌ها و شبکه‌های اجتماعی داخل مقاله خراب نشوند */
body .ArticleView img,
body .ArticleView picture,
body .ArticleView .SocialIcons,
body .ArticleView .SocialIcons *,
body .modern-centered-article img,
body .modern-centered-article picture,
body .modern-centered-article .SocialIcons,
body .modern-centered-article .SocialIcons * {
    direction: ltr !important;
    text-align: center !important;
}

/* =========================================================
   Mobile Header / Mobile Menu
========================================================= */

body .mobilemenu-main,
body .mobilemenu-main .m-menu,
body .mobilemenu-main .gomenu,
body .mobilemenu-main .gomenu li,
body .mobilemenu-main .gomenu li a {
    direction: rtl !important;
    text-align: right !important;
}

body .mobilemenu-main .gomenu li .arrows {
    left: 15px !important;
    right: auto !important;
}

/* =========================================================
   Final Force
========================================================= */

body .dng-megamenu .primary_structure,
body .dng-megamenu .primary_structure > li,
body .dng-megamenu .primary_structure > li > a {
    direction: rtl !important;
    text-align: right !important;
}



















/* =========================================================
   FORUZAN GLOBAL PERSIAN FONT
   Main Font: IRANSans
   Safe for DNN / Menu / Icons
========================================================= */

/* IRANSans Regular */
@font-face {
    font-family: 'IRANSans';
    src: url('/Portals/_default/Skins/glend/resource/fonts/IRANSansWeb.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* IRANSans Bold */
@font-face {
    font-family: 'IRANSans';
    src: url('/Portals/_default/Skins/glend/resource/fonts/IRANSansWeb_Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* IRANYekan Backup */
@font-face {
    font-family: 'IRANYekan';
    src: url('/Portals/_default/Skins/glend/resource/fonts/iranyekanwebregular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* =========================================================
   Apply Font Site-wide
   فقط فونت، بدون تغییر direction منوها
========================================================= */

html,
body,
#Body,
form,
.Normal,
.NormalDisabled,
.NormalDeleted,
.Head,
.SubHead,
.SubSubHead,
.CommandButton,
.StandardButton,
.dnnForm,
.dnnFormItem,
.DnnModule,
.dnnModule,
.ContentPane,
.ArticleView,
.fc-product-info,
.foruzan-product-article,
.foruzan-about-hero,
.foruzan-news-article-hero,
.foruzan-lamtec-content,
.foruzan-lamtec-services,
.foruzan-product-category-list {
    font-family: 'IRANSans', 'IRANYekan', Tahoma, Arial, sans-serif !important;
}

/* متن‌های عمومی */
body p,
body div,
body span,
body a,
body li,
body ul,
body ol,
body table,
body th,
body td,
body label,
body input,
body textarea,
body select,
body button,
body small,
body strong,
body b,
body em,
body blockquote {
    font-family: 'IRANSans', 'IRANYekan', Tahoma, Arial, sans-serif !important;
}

/* تیترها */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
.ArticleView h1,
.ArticleView h2,
.ArticleView h3,
.ArticleView h4,
.ArticleView h5,
.ArticleView h6,
.fc-product-info h1,
.fc-product-info h2,
.fc-product-info h3,
.fc-product-info h4,
.fc-product-info h5,
.fc-product-info h6,
.foruzan-about-title,
.fc-product-header h1,
.fc-product-header h2,
.fc-product-header h3 {
    font-family: 'IRANSans', 'IRANYekan', Tahoma, Arial, sans-serif !important;
    font-weight: 700;
}

/* محتوای فارسی راست‌چین شود، اما نه کل منوی سایت */
.ArticleView,
.fc-product-info,
.foruzan-product-article,
.foruzan-lamtec-content,
.foruzan-lamtec-services,
.foruzan-product-category-list {
    direction: rtl !important;
    text-align: right !important;
}

/* منو خراب نشود */
header,
nav,
.navbar,
.navbar-nav,
.menu,
.main-menu,
.dnnMenu,
#dnnMenu,
.megamenu {
    unicode-bidi: normal !important;
}

/* آیکون‌ها خراب نشوند */
.fa,
.fas,
.far,
.fab,
.fal,
.fad,
.fa-solid,
.fa-regular,
.fa-brands,
.glyphicon,
[class^="fa-"],
[class*=" fa-"],
[class^="glyphicon-"],
[class*=" glyphicon-"] {
    font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Brands", "Glyphicons Halflings" !important;
}

/* SVG ها دست‌نخورده بمانند */
svg,
svg * {
    font-family: initial !important;
}