.elementor-90060414810 .elementor-element.elementor-element-466cf26{--display:flex;}#elementor-popup-modal-90060414810{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-90060414810 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-90060414810 .dialog-close-button{display:flex;}#elementor-popup-modal-90060414810 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for html, class: .elementor-element-9f379ee *//* ===== MegaMenu Mobile Tabs – minimal, independent CSS ===== */
.offcanvas-body {
  direction: rtl;
  font-family: inherit;
}

/* تب‌های بالای منو (اسکرول‌پذیرِ افقی) */
.tabx-second {
  display: flex;
  gap: 12px;
  padding: 8px 4px;
  overflow-x: auto;
  scrollbar-width: thin;
}
.tabx-second .tablinks {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  min-width: 110px;
  padding: 10px 8px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  cursor: pointer;
  text-decoration: none;
  outline: none;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.tabx-second .tablinks:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(0,0,0,.06); }
.tabx-second .tablinks.active { border-color: #f03; box-shadow: 0 6px 18px rgba(240, 3, 3, .12); }
.tabx-second .tablinks .fs-12,
.tabx-second .tablinks .fs-14 { white-space: nowrap; color: #111; font-size: 12px; line-height: 1.4; }
.tabx-second .tablinks a { color: inherit; text-decoration: none; }

/* تصویر تب‌ها */
.mega-pic-mobile-tab img {
  width: 56px; height: 56px; object-fit: cover;
  border-radius: 10px; display: block;
}

/* محتوای تب‌ها */
.menu-shows-product { margin-top: 8px; }
.tabcontentx { display: none; }
.tabcontentx.active { display: block; }

/* کارت داخلی هر گروه */
.tabiner {
  background: #f9fafb;
  border-radius: 16px;
  border: 1px solid #eee;
  padding: 10px;
}
.tabiner .border-bottom { border-color: #eee !important; }
.fs-12 { font-size: 12px; }
.fs-14 { font-size: 14px; }
.text-danger { color: #e31b23; }

/* شبکه محصول (جایگزین بوت‌استرپ) */
.row { display: flex; flex-wrap: wrap; margin: 0 -6px; }
.col-4 { width: 33.3333%; padding: 0 6px; box-sizing: border-box; }
.bg-white { background: #fff; }
.text-center { text-align: center; }
.px-1 { padding-left: .25rem; padding-right: .25rem; }
.py-2 { padding-top: .5rem; padding-bottom: .5rem; }
.my-1 { margin-top: .25rem; margin-bottom: .25rem; }
.rounded-3 { border-radius: 12px; }
.mb-2 { margin-bottom: .5rem; }
.mt-3 { margin-top: .75rem; }
.p-2 { padding: .5rem; }
.d-flex { display: flex; }
.justify-content-between { justify-content: space-between; }

/* تصاویر محصولات داخل شبکه */
.mega-pic-mobile img {
  width: 100%; height: 84px; object-fit: cover; border-radius: 10px;
}
.mega-text-mobile a { color: #111; text-decoration: none; }
.mega-text-mobile a:hover { text-decoration: underline; }

/* ریسپانسیو */
@media (max-width: 480px) {
  .col-4 { width: 50%; }
  .mega-pic-mobile img { height: 92px; }
}
@media (min-width: 992px) {
  .col-4 { width: 20%; }
  .mega-pic-mobile img { height: 110px; }
}/* End custom CSS */