.elementor-7084 .elementor-element.elementor-element-ef13694{--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-7084 .elementor-element.elementor-element-332454b .jet-listing-dynamic-image{justify-content:flex-start;}.elementor-7084 .elementor-element.elementor-element-332454b .jet-listing-dynamic-image__figure{align-items:flex-start;}.elementor-7084 .elementor-element.elementor-element-332454b .jet-listing-dynamic-image a{display:flex;justify-content:flex-start;}.elementor-7084 .elementor-element.elementor-element-332454b .jet-listing-dynamic-image__caption{text-align:left;}.elementor-7084 .elementor-element.elementor-element-4fc6eb2 .jet-listing-dynamic-link__link{align-self:stretch;font-family:"IRANSansWeb_Medium", Sans-serif;font-size:15px;font-weight:500;padding:5px 10px 5px 10px;border-style:dashed;border-radius:20px 20px 20px 20px;flex-direction:row;}.elementor-7084 .elementor-element.elementor-element-4fc6eb2 .jet-listing-dynamic-link__icon{order:1;}/* Start custom CSS for container, class: .elementor-element-ef13694 *//* --- 1. تنظیمات کانتینر اصلی (مادر) --- */
.listing-card-wrapper {
    position: relative; 
    overflow: hidden; 
    z-index: 1; 
}

/* --- 2. تنظیم تصویر اصلی (برای پیکسل‌سازی و Blur) --- */
.listing-card-wrapper img {
    /* **افکت پیکسل‌سازی و Blur در حالت عادی** */
    filter: blur(4px) brightness(80%) grayscale(100%); 
    transform: scale(1);
    
    /* ترانزیشن نرم برای وضوح تصویر */
    transition: filter 0.4s ease-out, transform 0.6s ease;
    width: 100%;
    display: block;
}

/* --- 3. ساخت افکت جریان داده (Data Stream) با ::before --- */

.listing-card-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; 
    pointer-events: none;
    
    /* ساخت نوار براق با گرادیان اریب */
    background: linear-gradient(
        90deg, 
        transparent 0%, 
        rgba(212, 0, 174, 0.5) 50%, /* نوار رنگی */
        transparent 100%
    );
    
    /* تنظیمات برای انیمیشن جریان داده */
    width: 150%; 
    height: 100%;
    opacity: 0; /* در حالت عادی مخفی */
    transform: translateX(-100%) skewX(-20deg);
    
    transition: opacity 0.3s ease-in;
}

/* --- 4. فعال کردن افکت‌ها هنگام هاور --- */

.listing-card-wrapper:hover img {
    /* حذف پیکسل‌سازی و Blur و نمایش تصویر رنگی */
    filter: blur(0) brightness(100%) grayscale(0%); 
    transform: scale(1.05); /* زوم ملایم */
}

/* فعال شدن جریان داده */
.listing-card-wrapper:hover::before {
    opacity: 1; 
    /* فراخوانی انیمیشن حرکت داده */
    animation: data-stream 1.5s linear infinite; 
}

/* 🚀 --- 5. افکت تغییر رنگ عنوان --- */
.listing-card-wrapper .title-color-change,
.listing-card-wrapper .title-color-change * { 
    color: #B1B1B1 !important; 
    transition: color 0.6s ease-in-out; 
}

.listing-card-wrapper:hover .title-color-change,
.listing-card-wrapper:hover .title-color-change * { 
    color: #D400AE !important; 
}/* End custom CSS */