.elementor-7124 .elementor-element.elementor-element-0293fed{--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-7124 .elementor-element.elementor-element-56ae656 .jet-listing-dynamic-image{justify-content:flex-start;}.elementor-7124 .elementor-element.elementor-element-56ae656 .jet-listing-dynamic-image__figure{align-items:flex-start;}.elementor-7124 .elementor-element.elementor-element-56ae656 .jet-listing-dynamic-image a{display:flex;justify-content:flex-start;}.elementor-7124 .elementor-element.elementor-element-56ae656 .jet-listing-dynamic-image__caption{text-align:left;}.elementor-7124 .elementor-element.elementor-element-68bec67 .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-7124 .elementor-element.elementor-element-68bec67 .jet-listing-dynamic-link__icon{order:1;}/* Start custom CSS for jet-listing-dynamic-image, class: .elementor-element-56ae656 *//* --- 2. کانتینر محتوای داخلی (Listing Content Wrapper) --- */
.listing-content-wrapper {
    background-color: #FFFFFF; /* پس زمینه سفید */
    padding: 20px 15px; /* فضای داخلی برای محتوا */
    text-align: center;
    
    /* **ایجاد شکل منحنی خاص (Clamshell Shape)** */
    border-radius: 
        100px / 50px    /* شعاع بیضی برای بالا */
        100px / 50px    /* شعاع بیضی برای بالا */
        10px 10px;      /* شعاع نرمال برای پایین */
    
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05) inset; /* سایه داخلی ملایم */
    border: 1px solid #F0F0F0;
    height: 100%; /* ارتفاع کامل کانتینر مادر */
}

/* --- 3. استایل‌دهی برای تصویر محصول --- */
.listing-content-wrapper .product-image {
    max-width: 80%; /* کوچک کردن تصویر */
    height: auto;
    margin: 0 auto 15px; /* فاصله از پایین */
    display: block;
    filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.15)); /* سایه ملایم زیر محصول */
}

/* --- 4. استایل برای پس زمینه طرح (نقش‌های محو) --- */
/* شما باید این نقش را به عنوان یک تصویر پس زمینه به کانتینر مادر اصلی (بزرگتر از این بخش) یا خود این کانتینر اضافه کنید. */
.listing-content-wrapper::after {
    content: '';
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    
    /*   نقش و نگار محو به عنوان پس زمینه */
    background-image: url(''); 
    background-size: contain;
    opacity: 0.3; /* برای محو شدن */
    z-index: 0; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0293fed *//* --- 1. کانتینر اصلی آیتم (Jet-Listing-Grid__item) --- */
.jet-listing-grid__item {
    padding: 10px; /* فضای داخلی برای سایه و حاشیه */
    
    /* تنظیمات سایه کلی و حاشیه گرد ملایم */
    border-radius: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* سایه نرم و کمرنگ */
    border: 1px solid #EBEBEB; /* حاشیه خاکستری روشن دور کل کادر */
    
    /* افکت هاور (اختیاری: برای بهتر دیده شدن) */
    transition: all 0.3s ease;
}

.jet-listing-grid__item:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); /* سایه قوی تر هنگام هاور */
    transform: translateY(-2px);
}/* End custom CSS */