.elementor-14110 .elementor-element.elementor-element-222aae5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14110 .elementor-element.elementor-element-e3fc97c{width:var( --container-widget-width, 100.942% );max-width:100.942%;--container-widget-width:100.942%;--container-widget-flex-grow:0;}.elementor-14110 .elementor-element.elementor-element-e3fc97c.elementor-element{--flex-grow:0;--flex-shrink:0;}/* Start custom CSS for archicon_core_portfolio_list, class: .elementor-element-e3fc97c *//*
 * کد کامل برای نمایش افقی فیلترها در موبایل
 * همراه با جداکننده " / "
 */
@media (max-width: 768px) {
  
  /* این بخش مثل قبل است */
  .qodef-m-filter-items {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center;
  }

  /* این بخش هم مثل قبل است (جداکننده‌های قبلی را مخفی می‌کند) */
  .qodef-m-filter-items .qodef-separator-end {
    display: none !important;
  }

  /*
   * بخش جدید: اضافه کردن جداکننده " / "
   */
  .qodef-m-filter-items .qodef-m-filter-item:not(:first-child)::before {
    content: "/";       /* کاراکتر اسلش را اضافه می‌کند */
    margin: 0 0.75em;   /* " space " را در دو طرف اسلش ایجاد می‌کند */
    
    /* (اختیاری) می‌توانید رنگ جداکننده را کمی ملایم‌تر کنید */
    color: #999;
  }
}/* End custom CSS */