.elementor-49409 .elementor-element.elementor-element-19606a9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-49409 .elementor-element.elementor-element-baedc80 > .elementor-widget-container{padding:10px 0px 10px 0px;}.elementor-49409 .elementor-element.elementor-element-baedc80 .title{font-size:25px;}body.elementor-page-49409{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-987c692 *//* ================================
   WooCommerce Custom Sorting
================================ */

.custom-woocommerce-sorting {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 22px;
    direction: rtl;
    box-sizing: border-box;
}

/* عنوان مرتب سازی */
.custom-woocommerce-sorting .sorting-title {
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 600;
    color: #222;
    white-space: nowrap;
}

/* لیست گزینه ها */
.custom-woocommerce-sorting .sorting-options {
    display: flex;
    align-items: center;
    gap: 28px;
    flex-wrap: nowrap;
}

/* هر گزینه */
.custom-woocommerce-sorting .sorting-option {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 5px 0;

    color: #777;
    background: transparent;

    font-size: 14px;
    font-weight: 400;

    text-decoration: none !important;
    white-space: nowrap;

    transition:
        color 0.25s ease,
        transform 0.25s ease;
}

/* خط جداکننده بین گزینه ها */
.custom-woocommerce-sorting .sorting-option:not(:last-child)::after {
    content: "";
    position: absolute;

    left: -15px;
    top: 50%;

    width: 1px;
    height: 15px;

    background: #ddd;

    transform: translateY(-50%);
}

/* Hover */
.custom-woocommerce-sorting .sorting-option:hover {
    color: #fc0b17;
    transform: translateY(-1px);
}

/* گزینه فعال */
.custom-woocommerce-sorting .sorting-option.active {
    color: #fc0b17;
    font-weight: 600;
}


/* =================================
   TABLET
================================= */

@media (max-width: 1024px) {

    .custom-woocommerce-sorting {
        gap: 16px;
    }

    .custom-woocommerce-sorting .sorting-options {
        gap: 22px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .custom-woocommerce-sorting .sorting-options::-webkit-scrollbar {
        display: none;
    }

    .custom-woocommerce-sorting .sorting-option {
        font-size: 13px;
    }

    .custom-woocommerce-sorting .sorting-option:not(:last-child)::after {
        left: -12px;
        height: 13px;
    }
}


/* =================================
   MOBILE
================================= */

@media (max-width: 767px) {

    .custom-woocommerce-sorting {
        width: 100%;
        display: block;
    }

    .custom-woocommerce-sorting .sorting-title {
        display: block;
        margin-bottom: 12px;
        font-size: 13px;
    }

    .custom-woocommerce-sorting .sorting-options {
        width: 100%;
        display: flex;

        gap: 20px;

        overflow-x: auto;
        overflow-y: hidden;

        padding-bottom: 5px;

        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .custom-woocommerce-sorting .sorting-options::-webkit-scrollbar {
        display: none;
    }

    .custom-woocommerce-sorting .sorting-option {
        flex: 0 0 auto;
        font-size: 13px;
    }

    .custom-woocommerce-sorting .sorting-option:not(:last-child)::after {
        left: -11px;
        height: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for wd_archive_products, class: .elementor-element-65f28e7 */.wd-loop-prod-short-desc ul {
  margin: 0;
  padding: 0;
  list-style: none; /* اگر می‌خوای نقطه لیست بمونه این خط رو حذف کن */
  max-height: 4.5em; /* تقریباً ۳ ردیف (با فرض line-height حدود ۱.۵) */
  overflow: hidden;
}

.wd-loop-prod-short-desc ul li {
  white-space: nowrap;          /* متن رو مجبور می‌کنه یک خطی باشه */
  overflow: hidden;
  text-overflow: ellipsis;      /* ادامه‌ی متن رو با … مخفی می‌کنه */
  line-height: 1.5em;           /* ارتفاع هر ردیف */
  margin: 0;
  padding: 0;
}/* End custom CSS */