.elementor-2897 .elementor-element.elementor-element-24cdcb1{overflow:visible;}.elementor-2897 .elementor-element.elementor-element-f5f7007{overflow:visible;}.elementor-2897 .elementor-element.elementor-element-7d6de72{overflow:visible;}.elementor-bc-flex-widget .elementor-2897 .elementor-element.elementor-element-0defaf5.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2897 .elementor-element.elementor-element-0defaf5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2897 .elementor-element.elementor-element-0defaf5.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2897 .elementor-element.elementor-element-b7c9f4f{overflow:visible;}.elementor-2897 .elementor-element.elementor-element-a07b34a{padding:20px 0px 20px 0px;overflow:visible;}.elementor-2897 .elementor-element.elementor-element-5b5cec6 .title-after_title, .elementor-2897 .elementor-element.elementor-element-5b5cec6 .title-subtitle, .elementor-2897 .elementor-element.elementor-element-5b5cec6 .woodmart-title-container{max-width:100%;}.elementor-2897 .elementor-element.elementor-element-5b5cec6 .title{font-size:13px;}.elementor-2897 .elementor-element.elementor-element-422416f:not(.elementor-motion-effects-element-type-background), .elementor-2897 .elementor-element.elementor-element-422416f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2897 .elementor-element.elementor-element-422416f > .elementor-container{max-width:1400px;}.elementor-2897 .elementor-element.elementor-element-422416f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 15px 10px 15px;overflow:visible;}.elementor-2897 .elementor-element.elementor-element-422416f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2897 .elementor-element.elementor-element-1c7ab94{--spacer-size:20px;}.elementor-2897 .elementor-element.elementor-element-3267e61 img{border-radius:5px 5px 5px 5px;}.elementor-2897 .elementor-element.elementor-element-8e328d9 .title{font-size:13px;}.elementor-2897 .elementor-element.elementor-element-937c020:not(.elementor-motion-effects-element-type-background), .elementor-2897 .elementor-element.elementor-element-937c020 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDF3F9;}.elementor-2897 .elementor-element.elementor-element-937c020 > .elementor-container{max-width:1400px;}.elementor-2897 .elementor-element.elementor-element-937c020{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:20px 0px 0px 0px;padding:10px 15px 10px 15px;overflow:visible;}.elementor-2897 .elementor-element.elementor-element-937c020 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-2897 .elementor-element.elementor-element-ac6f8c8.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-2897 .elementor-element.elementor-element-ac6f8c8.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-2897 .elementor-element.elementor-element-ac6f8c8.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-2897 .elementor-element.elementor-element-7c0d288{--spacer-size:20px;}.elementor-2897 .elementor-element.elementor-element-46325cc{text-align:center;}.elementor-2897 .elementor-element.elementor-element-46325cc img{border-radius:5px 5px 5px 5px;}.elementor-2897 .elementor-element.elementor-element-0bb5138 .title{font-size:13px;}.elementor-2897 .elementor-element.elementor-element-dcb4794:not(.elementor-motion-effects-element-type-background), .elementor-2897 .elementor-element.elementor-element-dcb4794 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2897 .elementor-element.elementor-element-dcb4794 > .elementor-container{max-width:1400px;}.elementor-2897 .elementor-element.elementor-element-dcb4794{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;padding:40px 15px 10px 15px;overflow:visible;}.elementor-2897 .elementor-element.elementor-element-dcb4794 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2897 .elementor-element.elementor-element-2c79d9f{--spacer-size:20px;}.elementor-2897 .elementor-element.elementor-element-359cc5c img{border-radius:5px 5px 5px 5px;}.elementor-2897 .elementor-element.elementor-element-1ac8b24 .title{font-size:13px;}.elementor-2897 .elementor-element.elementor-element-c3a79e3:not(.elementor-motion-effects-element-type-background), .elementor-2897 .elementor-element.elementor-element-c3a79e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDF3F9;}.elementor-2897 .elementor-element.elementor-element-c3a79e3 > .elementor-container{max-width:1400px;}.elementor-2897 .elementor-element.elementor-element-c3a79e3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:20px 0px 0px 0px;padding:10px 15px 10px 15px;overflow:visible;}.elementor-2897 .elementor-element.elementor-element-c3a79e3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2897 .elementor-element.elementor-element-64e853a{--spacer-size:20px;}.elementor-2897 .elementor-element.elementor-element-e1c6d1e img{border-radius:5px 5px 5px 5px;}.elementor-2897 .elementor-element.elementor-element-a4fac7d .title{font-size:13px;}.elementor-2897 .elementor-element.elementor-element-aedc0a2:not(.elementor-motion-effects-element-type-background), .elementor-2897 .elementor-element.elementor-element-aedc0a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2897 .elementor-element.elementor-element-aedc0a2 > .elementor-container{max-width:1400px;}.elementor-2897 .elementor-element.elementor-element-aedc0a2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;padding:40px 15px 10px 15px;overflow:visible;}.elementor-2897 .elementor-element.elementor-element-aedc0a2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2897 .elementor-element.elementor-element-915a1e6{--spacer-size:20px;}.elementor-2897 .elementor-element.elementor-element-408aa3b img{border-radius:5px 5px 5px 5px;}.elementor-2897 .elementor-element.elementor-element-cb30d2a .title{font-size:13px;}.elementor-2897 .elementor-element.elementor-element-6bcb426:not(.elementor-motion-effects-element-type-background), .elementor-2897 .elementor-element.elementor-element-6bcb426 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAE9EB;}.elementor-2897 .elementor-element.elementor-element-6bcb426 > .elementor-container{max-width:1400px;}.elementor-2897 .elementor-element.elementor-element-6bcb426{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:15px 0px 10px 0px;overflow:visible;}.elementor-2897 .elementor-element.elementor-element-6bcb426 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2897 .elementor-element.elementor-element-d977923 .info-box-subtitle{color:#000000;font-size:14px;font-weight:bold;}.elementor-2897 .elementor-element.elementor-element-d977923 .info-box-title{color:#9C9C9C;font-size:10px;font-weight:normal;}.elementor-2897 .elementor-element.elementor-element-e92f763 .info-box-subtitle{color:#000000;font-size:14px;font-weight:bold;}.elementor-2897 .elementor-element.elementor-element-e92f763 .info-box-title{color:#9C9C9C;font-size:10px;font-weight:normal;}.elementor-2897 .elementor-element.elementor-element-3ceb6c1 .info-box-subtitle{color:#000000;font-size:14px;font-weight:bold;}.elementor-2897 .elementor-element.elementor-element-3ceb6c1 .info-box-title{color:#9C9C9C;font-size:10px;font-weight:normal;}.elementor-2897 .elementor-element.elementor-element-7d797b3 .info-box-subtitle{color:#000000;font-size:14px;font-weight:bold;}.elementor-2897 .elementor-element.elementor-element-7d797b3 .info-box-title{color:#9C9C9C;font-size:10px;font-weight:normal;}.elementor-2897 .elementor-element.elementor-element-daf6d54 .info-box-subtitle{color:#000000;font-size:14px;font-weight:bold;}.elementor-2897 .elementor-element.elementor-element-daf6d54 .info-box-title{color:#9C9C9C;font-size:10px;font-weight:normal;}.elementor-2897 .elementor-element.elementor-element-63718bd .info-box-subtitle{color:#000000;font-size:14px;font-weight:bold;}.elementor-2897 .elementor-element.elementor-element-63718bd .info-box-title{color:#9C9C9C;font-size:10px;font-weight:normal;}.elementor-2897 .elementor-element.elementor-element-e0a1732{overflow:visible;}.elementor-2897 .elementor-element.elementor-element-0a628cd{--spacer-size:50px;}.elementor-2897 .elementor-element.elementor-element-bcea262 .title-after_title, .elementor-2897 .elementor-element.elementor-element-bcea262 .title-subtitle, .elementor-2897 .elementor-element.elementor-element-bcea262 .woodmart-title-container{max-width:100%;}.elementor-2897 .elementor-element.elementor-element-bcea262 .title{font-size:13px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-2897 .elementor-element.elementor-element-263345d{width:50%;}.elementor-2897 .elementor-element.elementor-element-b8474fe{width:50%;}.elementor-2897 .elementor-element.elementor-element-9804e80{width:50%;}.elementor-2897 .elementor-element.elementor-element-9fc3117{width:50%;}.elementor-2897 .elementor-element.elementor-element-6121faf{width:50%;}}@media(min-width:768px){.elementor-2897 .elementor-element.elementor-element-1d7097c{width:16%;}.elementor-2897 .elementor-element.elementor-element-25c68cf{width:84%;}.elementor-2897 .elementor-element.elementor-element-ac6f8c8{width:17%;}.elementor-2897 .elementor-element.elementor-element-feb7836{width:83%;}.elementor-2897 .elementor-element.elementor-element-0b24179{width:17%;}.elementor-2897 .elementor-element.elementor-element-79e0262{width:83%;}.elementor-2897 .elementor-element.elementor-element-71203b3{width:17%;}.elementor-2897 .elementor-element.elementor-element-ab877c5{width:83%;}.elementor-2897 .elementor-element.elementor-element-0f17f8e{width:17%;}.elementor-2897 .elementor-element.elementor-element-de943e1{width:83%;}.elementor-2897 .elementor-element.elementor-element-263345d{width:16.018%;}.elementor-2897 .elementor-element.elementor-element-b8474fe{width:14.065%;}.elementor-2897 .elementor-element.elementor-element-9804e80{width:15.535%;}.elementor-2897 .elementor-element.elementor-element-9fc3117{width:14.405%;}.elementor-2897 .elementor-element.elementor-element-6121faf{width:15.115%;}.elementor-2897 .elementor-element.elementor-element-6bb07ed{width:22.86%;}}/* Start custom CSS for wd_products, class: .elementor-element-7518161 *//*
 * کد CSS پیشرفته و ایزوله برای استایل‌دهی به ویجت محصولات با ID خاص در المنتور
 * شناسه ویجت هدف: .elementor-element-7518161
 * نسخه ۴: شامل تمام بهبودهای قبلی برای یک بخش جدید.
*/

/* کانتینر اصلی برای ایجاد پرسپکتیو سه بعدی */
.elementor-element-7518161 .wd-carousel-wrap {
    perspective: 1000px; /* این ویژگی برای افکت‌های سه بعدی روی آیتم‌های فرزند ضروری است */
}

/* استایل کارت هر محصول */
.elementor-element-7518161 .wd-product {
    position: relative; /* برای جای‌گذاری لایه‌های رویی مانند دکمه‌ها */
    background: #ffffff;
    border-radius: 16px; /* گوشه‌های گردتر برای ظاهری مدرن */
    border: 1px solid #eef0f4;
    overflow: hidden; /* تمام محتوا را داخل گوشه‌های گرد نگه می‌دارد */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* انیمیشن نرم و فنری */
    transform-style: preserve-3d; /* فعال‌سازی قابلیت تبدیل‌های سه بعدی */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
}

.elementor-element-7518161 .wd-product:hover {
    transform: rotateY(3deg) rotateX(3deg) scale(1.05) translateY(-5px); /* افکت سه بعدی چرخشی و بزرگنمایی */
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
    z-index: 10; /* کارت هاور شده را روی بقیه کارت‌ها نمایش می‌دهد */
}

/* کانتینر تصویر محصول و افکت درخشش (Shine Effect) */
.elementor-element-7518161 .wd-product .product-element-top {
    position: relative;
    overflow: hidden; /* برای افکت درخشش ضروری است */
    border-radius: 16px 16px 0 0;
}

/* عنصر درخشش */
.elementor-element-7518161 .wd-product .product-element-top::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -75%;
    width: 25%;
    height: 250%;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: rotate(35deg);
    opacity: 0;
    transition: left 1s ease-in-out, opacity 0.5s;
}

/* فعال‌سازی افکت درخشش هنگام هاور */
.elementor-element-7518161 .wd-product:hover .product-element-top::after {
    opacity: 1;
    left: 150%; /* حرکت درخشش از چپ به راست */
}

/* پوشش دکمه‌های عملیات */
.elementor-element-7518161 .wd-product .wrapp-buttons {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    transform: translateY(150%); /* در ابتدا کاملا خارج از دید است */
    transition: transform 0.4s ease-out;
    z-index: 2;
}

.elementor-element-7518161 .wd-product:hover .wrapp-buttons {
    transform: translateY(0); /* هنگام هاور، به جای خود باز می‌گردد */
}

/* استایل دکمه‌های عملیات (افزودن به سبد، مقایسه و...) */
.elementor-element-7518161 .wd-product .wd-buttons {
    display: flex;
    gap: 10px;
    padding: 8px;
    background-color: rgba(255, 255, 255, 0.2); /* افکت شیشه مات */
    backdrop-filter: blur(10px);
    border-radius: 50px; /* کپسولی شکل */
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.elementor-element-7518161 .wd-product .wd-buttons .wd-action-btn {
    background-color: transparent;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    transform: scale(0.9);
    opacity: 0;
}

/* انیمیشن پلکانی برای دکمه‌ها */
.elementor-element-7518161 .wd-product:hover .wd-buttons .wd-action-btn {
    transform: scale(1);
    opacity: 1;
}

.elementor-element-7518161 .wd-product:hover .wd-buttons .wd-action-btn:nth-child(1) { transition-delay: 0.1s; }
.elementor-element-7518161 .wd-product:hover .wd-buttons .wd-action-btn:nth-child(2) { transition-delay: 0.15s; }
.elementor-element-7518161 .wd-product:hover .wd-buttons .wd-action-btn:nth-child(3) { transition-delay: 0.2s; }
.elementor-element-7518161 .wd-product:hover .wd-buttons .wd-action-btn:nth-child(4) { transition-delay: 0.25s; }

.elementor-element-7518161 .wd-product .wd-buttons .wd-action-btn a {
    color: #1f2937; /* رنگ تیره برای خوانایی روی پس‌زمینه روشن */
    display: flex;
    align-items: center;
    justify-content: center;
}
/* فرض بر این است که از آیکون‌های FontAwesome یا مشابه استفاده می‌کنید */
.elementor-element-7518161 .wd-product .wd-buttons .wd-action-btn a::before {
    font-size: 20px;
}

.elementor-element-7518161 .wd-product .wd-buttons .wd-action-btn:hover {
    background-color: rgba(255, 255, 255, 0.5);
    transform: scale(1.1) rotate(10deg);
}

/* مخفی کردن متن داخل دکمه‌ها برای نمایش آیکون‌ها */
.elementor-element-7518161 .wd-product .wd-buttons .wd-action-btn span {
    display: none;
}

/* عنوان محصول */
.elementor-element-7518161 .wd-product .wd-entities-title {
    padding: 20px 15px 5px 15px;
    text-align: right;
    min-height: 70px; /* ارتفاع مشخص برای تراز بودن کارت‌ها */
}

.elementor-element-7518161 .wd-product .wd-entities-title a {
    font-size: 1rem; /* 16px */
    font-weight: 600;
    color: #1f2937;
    text-decoration: none;
    transition: color 0.3s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* تعداد خطوط برای نمایش */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; /* برای اطمینان از شکستن خط */
}

.elementor-element-7518161 .wd-product .wd-entities-title a:hover {
    color: #3b82f6; /* رنگ اصلی قالب شما */
}

/* START: کد اضافه شده برای محصولات متغیر */
/* این بخش برای محصولاتی که بازه قیمتی دارند، فقط قیمت اول را نمایش می‌دهد */
.elementor-element-7518161 .wd-product .price {
    font-size: 0 !important; /* مخفی کردن متن‌های اضافی مانند خط تیره (–) با اولویت بالا */
    padding: 0 15px 20px 15px;
    font-weight: 700;
    color: #16a34a;
    text-align: right;
}

/* نمایش قیمت اول */
.elementor-element-7518161 .wd-product .price > .amount:first-of-type,
.elementor-element-7518161 .wd-product .price > ins > .amount, /* برای قیمت‌های حراج */
.elementor-element-7518161 .wd-product .price > .woocommerce-Price-amount:first-of-type {
    font-size: 1.25rem !important; /* بازگرداندن اندازه فونت قیمت اول با اولویت بالا */
}

/* اطمینان از نمایش واحد پول */
.elementor-element-7518161 .wd-product .price .woocommerce-Price-currencySymbol {
    font-size: 0.9rem !important;
}
/* END: کد اضافه شده */


/* استایل برای "تماس بگیرید" */
.elementor-element-7518161 .wd-product .price .call-for-price {
    color: #ef4444; /* قرمز برای جلب توجه */
    font-weight: 600;
    font-size: 1rem !important; /* اطمینان از اعمال شدن فونت */
}

/* (اختیاری) حاشیه گرادیانی متحرک هنگام هاور */
.elementor-element-7518161 .wd-product::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 16px; /* باید با border-radius اصلی یکی باشد */
    padding: 2px; /* ضخامت حاشیه */
    background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
    background-size: 300% 300%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    animation: gradient-animation 6s ease infinite;
    z-index: -1; /* قرار گرفتن زیر محتوای کارت */
}

.elementor-element-7518161 .wd-product:hover::before {
    opacity: 1;
}

@keyframes gradient-animation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for wd_products, class: .elementor-element-6206620 *//*
 * کد CSS پیشرفته و ایزوله برای استایل‌دهی به ویجت محصولات با ID خاص در المنتور
 * این کد فقط روی ویجت با کلاس .elementor-element-6206620 اعمال می‌شود.
 * شامل افکت‌های سه بعدی، انیمیشن‌های جذاب و طراحی مدرن.
*/

/* کانتینر اصلی برای ایجاد پرسپکتیو سه بعدی */
.elementor-element-6206620 .wd-carousel-wrap {
    perspective: 1000px; /* این ویژگی برای افکت‌های سه بعدی روی آیتم‌های فرزند ضروری است */
}

/* استایل کارت هر محصول */
.elementor-element-6206620 .wd-product {
    position: relative; /* برای جای‌گذاری لایه‌های رویی مانند دکمه‌ها */
    background: #ffffff;
    border-radius: 16px; /* گوشه‌های گردتر برای ظاهری مدرن */
    border: 1px solid #eef0f4;
    overflow: hidden; /* تمام محتوا را داخل گوشه‌های گرد نگه می‌دارد */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* انیمیشن نرم و فنری */
    transform-style: preserve-3d; /* فعال‌سازی قابلیت تبدیل‌های سه بعدی */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
}

.elementor-element-6206620 .wd-product:hover {
    transform: rotateY(3deg) rotateX(3deg) scale(1.05) translateY(-5px); /* افکت سه بعدی چرخشی و بزرگنمایی */
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
    z-index: 10; /* کارت هاور شده را روی بقیه کارت‌ها نمایش می‌دهد */
}

/* کانتینر تصویر محصول و افکت درخشش (Shine Effect) */
.elementor-element-6206620 .wd-product .product-element-top {
    position: relative;
    overflow: hidden; /* برای افکت درخشش ضروری است */
    border-radius: 16px 16px 0 0;
}

/* عنصر درخشش */
.elementor-element-6206620 .wd-product .product-element-top::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -75%;
    width: 25%;
    height: 250%;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: rotate(35deg);
    opacity: 0;
    transition: left 1s ease-in-out, opacity 0.5s;
}

/* فعال‌سازی افکت درخشش هنگام هاور */
.elementor-element-6206620 .wd-product:hover .product-element-top::after {
    opacity: 1;
    left: 150%; /* حرکت درخشش از چپ به راست */
}

/* پوشش دکمه‌های عملیات */
.elementor-element-6206620 .wd-product .wrapp-buttons {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    transform: translateY(150%); /* در ابتدا کاملا خارج از دید است */
    transition: transform 0.4s ease-out;
    z-index: 2;
}

.elementor-element-6206620 .wd-product:hover .wrapp-buttons {
    transform: translateY(0); /* هنگام هاور، به جای خود باز می‌گردد */
}

/* استایل دکمه‌های عملیات (افزودن به سبد، مقایسه و...) */
.elementor-element-6206620 .wd-product .wd-buttons {
    display: flex;
    gap: 10px;
    padding: 8px;
    background-color: rgba(255, 255, 255, 0.2); /* افکت شیشه مات */
    backdrop-filter: blur(10px);
    border-radius: 50px; /* کپسولی شکل */
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.elementor-element-6206620 .wd-product .wd-buttons .wd-action-btn {
    background-color: transparent;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    transform: scale(0.9);
    opacity: 0;
}

/* انیمیشن پلکانی برای دکمه‌ها */
.elementor-element-6206620 .wd-product:hover .wd-buttons .wd-action-btn {
    transform: scale(1);
    opacity: 1;
}

.elementor-element-6206620 .wd-product:hover .wd-buttons .wd-action-btn:nth-child(1) { transition-delay: 0.1s; }
.elementor-element-6206620 .wd-product:hover .wd-buttons .wd-action-btn:nth-child(2) { transition-delay: 0.15s; }
.elementor-element-6206620 .wd-product:hover .wd-buttons .wd-action-btn:nth-child(3) { transition-delay: 0.2s; }
.elementor-element-6206620 .wd-product:hover .wd-buttons .wd-action-btn:nth-child(4) { transition-delay: 0.25s; }

.elementor-element-6206620 .wd-product .wd-buttons .wd-action-btn a {
    color: #1f2937; /* رنگ تیره برای خوانایی روی پس‌زمینه روشن */
    display: flex;
    align-items: center;
    justify-content: center;
}
/* فرض بر این است که از آیکون‌های FontAwesome یا مشابه استفاده می‌کنید */
.elementor-element-6206620 .wd-product .wd-buttons .wd-action-btn a::before {
    font-size: 20px;
}

.elementor-element-6206620 .wd-product .wd-buttons .wd-action-btn:hover {
    background-color: rgba(255, 255, 255, 0.5);
    transform: scale(1.1) rotate(10deg);
}

/* مخفی کردن متن داخل دکمه‌ها برای نمایش آیکون‌ها */
.elementor-element-6206620 .wd-product .wd-buttons .wd-action-btn span {
    display: none;
}

/* عنوان محصول */
.elementor-element-6206620 .wd-product .wd-entities-title {
    padding: 20px 15px 5px 15px;
    text-align: right;
    min-height: 70px; /* ارتفاع مشخص برای تراز بودن کارت‌ها */
}

.elementor-element-6206620 .wd-product .wd-entities-title a {
    font-size: 1rem; /* 16px */
    font-weight: 600;
    color: #1f2937;
    text-decoration: none;
    transition: color 0.3s ease;
    
    /* START: کد اضافه شده برای محدود کردن عنوان به دو خط */
    display: -webkit-box;
    -webkit-line-clamp: 2; /* تعداد خطوط برای نمایش */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; /* برای اطمینان از شکستن خط */
    /* END: کد اضافه شده */
}

.elementor-element-6206620 .wd-product .wd-entities-title a:hover {
    color: #3b82f6; /* رنگ اصلی قالب شما */
}

/* قیمت محصول */
.elementor-element-6206620 .wd-product .price {
    padding: 0 15px 20px 15px;
    font-size: 1.25rem; /* 20px */
    font-weight: 700;
    color: #16a34a; /* سبز پررنگ */
    text-align: right;
}

.elementor-element-6206620 .wd-product .price .woocommerce-Price-currencySymbol {
    font-size: 0.9rem;
    margin-right: 4px;
}

/* استایل برای "تماس بگیرید" */
.elementor-element-6206620 .wd-product .price .call-for-price {
    color: #ef4444; /* قرمز برای جلب توجه */
    font-weight: 600;
    font-size: 1rem;
}

/* (اختیاری) حاشیه گرادیانی متحرک هنگام هاور */
.elementor-element-6206620 .wd-product::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 16px; /* باید با border-radius اصلی یکی باشد */
    padding: 2px; /* ضخامت حاشیه */
    background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
    background-size: 300% 300%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    animation: gradient-animation 6s ease infinite;
    z-index: -1; /* قرار گرفتن زیر محتوای کارت */
}

.elementor-element-6206620 .wd-product:hover::before {
    opacity: 1;
}

@keyframes gradient-animation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for wd_products, class: .elementor-element-f77ccd2 *//*
 * کد CSS پیشرفته و ایزوله برای استایل‌دهی به ویجت محصولات با ID خاص در المنتور
 * شناسه ویجت هدف: .elementor-element-f77ccd2
 * نسخه ۵: شامل تمام بهبودهای قبلی برای یک بخش جدید.
*/

/* کانتینر اصلی برای ایجاد پرسپکتیو سه بعدی */
.elementor-element-f77ccd2 .wd-carousel-wrap {
    perspective: 1000px; /* این ویژگی برای افکت‌های سه بعدی روی آیتم‌های فرزند ضروری است */
}

/* استایل کارت هر محصول */
.elementor-element-f77ccd2 .wd-product {
    position: relative; /* برای جای‌گذاری لایه‌های رویی مانند دکمه‌ها */
    background: #ffffff;
    border-radius: 16px; /* گوشه‌های گردتر برای ظاهری مدرن */
    border: 1px solid #eef0f4;
    overflow: hidden; /* تمام محتوا را داخل گوشه‌های گرد نگه می‌دارد */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* انیمیشن نرم و فنری */
    transform-style: preserve-3d; /* فعال‌سازی قابلیت تبدیل‌های سه بعدی */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
}

.elementor-element-f77ccd2 .wd-product:hover {
    transform: rotateY(3deg) rotateX(3deg) scale(1.05) translateY(-5px); /* افکت سه بعدی چرخشی و بزرگنمایی */
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
    z-index: 10; /* کارت هاور شده را روی بقیه کارت‌ها نمایش می‌دهد */
}

/* کانتینر تصویر محصول و افکت درخشش (Shine Effect) */
.elementor-element-f77ccd2 .wd-product .product-element-top {
    position: relative;
    overflow: hidden; /* برای افکت درخشش ضروری است */
    border-radius: 16px 16px 0 0;
}

/* عنصر درخشش */
.elementor-element-f77ccd2 .wd-product .product-element-top::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -75%;
    width: 25%;
    height: 250%;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: rotate(35deg);
    opacity: 0;
    transition: left 1s ease-in-out, opacity 0.5s;
}

/* فعال‌سازی افکت درخشش هنگام هاور */
.elementor-element-f77ccd2 .wd-product:hover .product-element-top::after {
    opacity: 1;
    left: 150%; /* حرکت درخشش از چپ به راست */
}

/* پوشش دکمه‌های عملیات */
.elementor-element-f77ccd2 .wd-product .wrapp-buttons {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    transform: translateY(150%); /* در ابتدا کاملا خارج از دید است */
    transition: transform 0.4s ease-out;
    z-index: 2;
}

.elementor-element-f77ccd2 .wd-product:hover .wrapp-buttons {
    transform: translateY(0); /* هنگام هاور، به جای خود باز می‌گردد */
}

/* استایل دکمه‌های عملیات (افزودن به سبد، مقایسه و...) */
.elementor-element-f77ccd2 .wd-product .wd-buttons {
    display: flex;
    gap: 10px;
    padding: 8px;
    background-color: rgba(255, 255, 255, 0.2); /* افکت شیشه مات */
    backdrop-filter: blur(10px);
    border-radius: 50px; /* کپسولی شکل */
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.elementor-element-f77ccd2 .wd-product .wd-buttons .wd-action-btn {
    background-color: transparent;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    transform: scale(0.9);
    opacity: 0;
}

/* انیمیشن پلکانی برای دکمه‌ها */
.elementor-element-f77ccd2 .wd-product:hover .wd-buttons .wd-action-btn {
    transform: scale(1);
    opacity: 1;
}

.elementor-element-f77ccd2 .wd-product:hover .wd-buttons .wd-action-btn:nth-child(1) { transition-delay: 0.1s; }
.elementor-element-f77ccd2 .wd-product:hover .wd-buttons .wd-action-btn:nth-child(2) { transition-delay: 0.15s; }
.elementor-element-f77ccd2 .wd-product:hover .wd-buttons .wd-action-btn:nth-child(3) { transition-delay: 0.2s; }
.elementor-element-f77ccd2 .wd-product:hover .wd-buttons .wd-action-btn:nth-child(4) { transition-delay: 0.25s; }

.elementor-element-f77ccd2 .wd-product .wd-buttons .wd-action-btn a {
    color: #1f2937; /* رنگ تیره برای خوانایی روی پس‌زمینه روشن */
    display: flex;
    align-items: center;
    justify-content: center;
}
/* فرض بر این است که از آیکون‌های FontAwesome یا مشابه استفاده می‌کنید */
.elementor-element-f77ccd2 .wd-product .wd-buttons .wd-action-btn a::before {
    font-size: 20px;
}

.elementor-element-f77ccd2 .wd-product .wd-buttons .wd-action-btn:hover {
    background-color: rgba(255, 255, 255, 0.5);
    transform: scale(1.1) rotate(10deg);
}

/* مخفی کردن متن داخل دکمه‌ها برای نمایش آیکون‌ها */
.elementor-element-f77ccd2 .wd-product .wd-buttons .wd-action-btn span {
    display: none;
}

/* عنوان محصول */
.elementor-element-f77ccd2 .wd-product .wd-entities-title {
    padding: 20px 15px 5px 15px;
    text-align: right;
    min-height: 70px; /* ارتفاع مشخص برای تراز بودن کارت‌ها */
}

.elementor-element-f77ccd2 .wd-product .wd-entities-title a {
    font-size: 1rem; /* 16px */
    font-weight: 600;
    color: #1f2937;
    text-decoration: none;
    transition: color 0.3s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* تعداد خطوط برای نمایش */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; /* برای اطمینان از شکستن خط */
}

.elementor-element-f77ccd2 .wd-product .wd-entities-title a:hover {
    color: #3b82f6; /* رنگ اصلی قالب شما */
}

/* START: کد اضافه شده برای محصولات متغیر */
/* این بخش برای محصولاتی که بازه قیمتی دارند، فقط قیمت اول را نمایش می‌دهد */
.elementor-element-f77ccd2 .wd-product .price {
    font-size: 0 !important; /* مخفی کردن متن‌های اضافی مانند خط تیره (–) با اولویت بالا */
    padding: 0 15px 20px 15px;
    font-weight: 700;
    color: #16a34a;
    text-align: right;
}

/* نمایش قیمت اول */
.elementor-element-f77ccd2 .wd-product .price > .amount:first-of-type,
.elementor-element-f77ccd2 .wd-product .price > ins > .amount, /* برای قیمت‌های حراج */
.elementor-element-f77ccd2 .wd-product .price > .woocommerce-Price-amount:first-of-type {
    font-size: 1.25rem !important; /* بازگرداندن اندازه فونت قیمت اول با اولویت بالا */
}

/* اطمینان از نمایش واحد پول */
.elementor-element-f77ccd2 .wd-product .price .woocommerce-Price-currencySymbol {
    font-size: 0.9rem !important;
}
/* END: کد اضافه شده */


/* استایل برای "تماس بگیرید" */
.elementor-element-f77ccd2 .wd-product .price .call-for-price {
    color: #ef4444; /* قرمز برای جلب توجه */
    font-weight: 600;
    font-size: 1rem !important; /* اطمینان از اعمال شدن فونت */
}

/* (اختیاری) حاشیه گرادیانی متحرک هنگام هاور */
.elementor-element-f77ccd2 .wd-product::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 16px; /* باید با border-radius اصلی یکی باشد */
    padding: 2px; /* ضخامت حاشیه */
    background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
    background-size: 300% 300%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    animation: gradient-animation 6s ease infinite;
    z-index: -1; /* قرار گرفتن زیر محتوای کارت */
}

.elementor-element-f77ccd2 .wd-product:hover::before {
    opacity: 1;
}

@keyframes gradient-animation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for wd_products, class: .elementor-element-6bad12c *//*
 * کد CSS پیشرفته و ایزوله برای استایل‌دهی به ویجت محصولات با ID خاص در المنتور
 * شناسه ویجت هدف: .elementor-element-6bad12c
 * نسخه ۶: شامل تمام بهبودهای قبلی برای یک بخش جدید.
*/

/* کانتینر اصلی برای ایجاد پرسپکتیو سه بعدی */
.elementor-element-6bad12c .wd-carousel-wrap {
    perspective: 1000px; /* این ویژگی برای افکت‌های سه بعدی روی آیتم‌های فرزند ضروری است */
}

/* استایل کارت هر محصول */
.elementor-element-6bad12c .wd-product {
    position: relative; /* برای جای‌گذاری لایه‌های رویی مانند دکمه‌ها */
    background: #ffffff;
    border-radius: 16px; /* گوشه‌های گردتر برای ظاهری مدرن */
    border: 1px solid #eef0f4;
    overflow: hidden; /* تمام محتوا را داخل گوشه‌های گرد نگه می‌دارد */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* انیمیشن نرم و فنری */
    transform-style: preserve-3d; /* فعال‌سازی قابلیت تبدیل‌های سه بعدی */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
}

.elementor-element-6bad12c .wd-product:hover {
    transform: rotateY(3deg) rotateX(3deg) scale(1.05) translateY(-5px); /* افکت سه بعدی چرخشی و بزرگنمایی */
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
    z-index: 10; /* کارت هاور شده را روی بقیه کارت‌ها نمایش می‌دهد */
}

/* کانتینر تصویر محصول و افکت درخشش (Shine Effect) */
.elementor-element-6bad12c .wd-product .product-element-top {
    position: relative;
    overflow: hidden; /* برای افکت درخشش ضروری است */
    border-radius: 16px 16px 0 0;
}

/* عنصر درخشش */
.elementor-element-6bad12c .wd-product .product-element-top::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -75%;
    width: 25%;
    height: 250%;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: rotate(35deg);
    opacity: 0;
    transition: left 1s ease-in-out, opacity 0.5s;
}

/* فعال‌سازی افکت درخشش هنگام هاور */
.elementor-element-6bad12c .wd-product:hover .product-element-top::after {
    opacity: 1;
    left: 150%; /* حرکت درخشش از چپ به راست */
}

/* پوشش دکمه‌های عملیات */
.elementor-element-6bad12c .wd-product .wrapp-buttons {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    transform: translateY(150%); /* در ابتدا کاملا خارج از دید است */
    transition: transform 0.4s ease-out;
    z-index: 2;
}

.elementor-element-6bad12c .wd-product:hover .wrapp-buttons {
    transform: translateY(0); /* هنگام هاور، به جای خود باز می‌گردد */
}

/* استایل دکمه‌های عملیات (افزودن به سبد، مقایسه و...) */
.elementor-element-6bad12c .wd-product .wd-buttons {
    display: flex;
    gap: 10px;
    padding: 8px;
    background-color: rgba(255, 255, 255, 0.2); /* افکت شیشه مات */
    backdrop-filter: blur(10px);
    border-radius: 50px; /* کپسولی شکل */
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.elementor-element-6bad12c .wd-product .wd-buttons .wd-action-btn {
    background-color: transparent;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    transform: scale(0.9);
    opacity: 0;
}

/* انیمیشن پلکانی برای دکمه‌ها */
.elementor-element-6bad12c .wd-product:hover .wd-buttons .wd-action-btn {
    transform: scale(1);
    opacity: 1;
}

.elementor-element-6bad12c .wd-product:hover .wd-buttons .wd-action-btn:nth-child(1) { transition-delay: 0.1s; }
.elementor-element-6bad12c .wd-product:hover .wd-buttons .wd-action-btn:nth-child(2) { transition-delay: 0.15s; }
.elementor-element-6bad12c .wd-product:hover .wd-buttons .wd-action-btn:nth-child(3) { transition-delay: 0.2s; }
.elementor-element-6bad12c .wd-product:hover .wd-buttons .wd-action-btn:nth-child(4) { transition-delay: 0.25s; }

.elementor-element-6bad12c .wd-product .wd-buttons .wd-action-btn a {
    color: #1f2937; /* رنگ تیره برای خوانایی روی پس‌زمینه روشن */
    display: flex;
    align-items: center;
    justify-content: center;
}
/* فرض بر این است که از آیکون‌های FontAwesome یا مشابه استفاده می‌کنید */
.elementor-element-6bad12c .wd-product .wd-buttons .wd-action-btn a::before {
    font-size: 20px;
}

.elementor-element-6bad12c .wd-product .wd-buttons .wd-action-btn:hover {
    background-color: rgba(255, 255, 255, 0.5);
    transform: scale(1.1) rotate(10deg);
}

/* مخفی کردن متن داخل دکمه‌ها برای نمایش آیکون‌ها */
.elementor-element-6bad12c .wd-product .wd-buttons .wd-action-btn span {
    display: none;
}

/* عنوان محصول */
.elementor-element-6bad12c .wd-product .wd-entities-title {
    padding: 20px 15px 5px 15px;
    text-align: right;
    min-height: 70px; /* ارتفاع مشخص برای تراز بودن کارت‌ها */
}

.elementor-element-6bad12c .wd-product .wd-entities-title a {
    font-size: 1rem; /* 16px */
    font-weight: 600;
    color: #1f2937;
    text-decoration: none;
    transition: color 0.3s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* تعداد خطوط برای نمایش */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; /* برای اطمینان از شکستن خط */
}

.elementor-element-6bad12c .wd-product .wd-entities-title a:hover {
    color: #3b82f6; /* رنگ اصلی قالب شما */
}

/* START: کد اضافه شده برای محصولات متغیر */
/* این بخش برای محصولاتی که بازه قیمتی دارند، فقط قیمت اول را نمایش می‌دهد */
.elementor-element-6bad12c .wd-product .price {
    font-size: 0 !important; /* مخفی کردن متن‌های اضافی مانند خط تیره (–) با اولویت بالا */
    padding: 0 15px 20px 15px;
    font-weight: 700;
    color: #16a34a;
    text-align: right;
}

/* نمایش قیمت اول */
.elementor-element-6bad12c .wd-product .price > .amount:first-of-type,
.elementor-element-6bad12c .wd-product .price > ins > .amount, /* برای قیمت‌های حراج */
.elementor-element-6bad12c .wd-product .price > .woocommerce-Price-amount:first-of-type {
    font-size: 1.25rem !important; /* بازگرداندن اندازه فونت قیمت اول با اولویت بالا */
}

/* اطمینان از نمایش واحد پول */
.elementor-element-6bad12c .wd-product .price .woocommerce-Price-currencySymbol {
    font-size: 0.9rem !important;
}
/* END: کد اضافه شده */


/* استایل برای "تماس بگیرید" */
.elementor-element-6bad12c .wd-product .price .call-for-price {
    color: #ef4444; /* قرمز برای جلب توجه */
    font-weight: 600;
    font-size: 1rem !important; /* اطمینان از اعمال شدن فونت */
}

/* (اختیاری) حاشیه گرادیانی متحرک هنگام هاور */
.elementor-element-6bad12c .wd-product::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 16px; /* باید با border-radius اصلی یکی باشد */
    padding: 2px; /* ضخامت حاشیه */
    background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
    background-size: 300% 300%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    animation: gradient-animation 6s ease infinite;
    z-index: -1; /* قرار گرفتن زیر محتوای کارت */
}

.elementor-element-6bad12c .wd-product:hover::before {
    opacity: 1;
}

@keyframes gradient-animation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for wd_products, class: .elementor-element-1d90c21 *//*
 * کد CSS پیشرفته و ایزوله برای استایل‌دهی به ویجت محصولات با ID خاص در المنتور
 * شناسه ویجت هدف: .elementor-element-1d90c21
 * نسخه ۷: شامل تمام بهبودهای قبلی برای یک بخش جدید.
*/

/* کانتینر اصلی برای ایجاد پرسپکتیو سه بعدی */
.elementor-element-1d90c21 .wd-carousel-wrap {
    perspective: 1000px; /* این ویژگی برای افکت‌های سه بعدی روی آیتم‌های فرزند ضروری است */
}

/* استایل کارت هر محصول */
.elementor-element-1d90c21 .wd-product {
    position: relative; /* برای جای‌گذاری لایه‌های رویی مانند دکمه‌ها */
    background: #ffffff;
    border-radius: 16px; /* گوشه‌های گردتر برای ظاهری مدرن */
    border: 1px solid #eef0f4;
    overflow: hidden; /* تمام محتوا را داخل گوشه‌های گرد نگه می‌دارد */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* انیمیشن نرم و فنری */
    transform-style: preserve-3d; /* فعال‌سازی قابلیت تبدیل‌های سه بعدی */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
}

.elementor-element-1d90c21 .wd-product:hover {
    transform: rotateY(3deg) rotateX(3deg) scale(1.05) translateY(-5px); /* افکت سه بعدی چرخشی و بزرگنمایی */
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
    z-index: 10; /* کارت هاور شده را روی بقیه کارت‌ها نمایش می‌دهد */
}

/* کانتینر تصویر محصول و افکت درخشش (Shine Effect) */
.elementor-element-1d90c21 .wd-product .product-element-top {
    position: relative;
    overflow: hidden; /* برای افکت درخشش ضروری است */
    border-radius: 16px 16px 0 0;
}

/* عنصر درخشش */
.elementor-element-1d90c21 .wd-product .product-element-top::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -75%;
    width: 25%;
    height: 250%;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: rotate(35deg);
    opacity: 0;
    transition: left 1s ease-in-out, opacity 0.5s;
}

/* فعال‌سازی افکت درخشش هنگام هاور */
.elementor-element-1d90c21 .wd-product:hover .product-element-top::after {
    opacity: 1;
    left: 150%; /* حرکت درخشش از چپ به راست */
}

/* پوشش دکمه‌های عملیات */
.elementor-element-1d90c21 .wd-product .wrapp-buttons {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    transform: translateY(150%); /* در ابتدا کاملا خارج از دید است */
    transition: transform 0.4s ease-out;
    z-index: 2;
}

.elementor-element-1d90c21 .wd-product:hover .wrapp-buttons {
    transform: translateY(0); /* هنگام هاور، به جای خود باز می‌گردد */
}

/* استایل دکمه‌های عملیات (افزودن به سبد، مقایسه و...) */
.elementor-element-1d90c21 .wd-product .wd-buttons {
    display: flex;
    gap: 10px;
    padding: 8px;
    background-color: rgba(255, 255, 255, 0.2); /* افکت شیشه مات */
    backdrop-filter: blur(10px);
    border-radius: 50px; /* کپسولی شکل */
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.elementor-element-1d90c21 .wd-product .wd-buttons .wd-action-btn {
    background-color: transparent;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    transform: scale(0.9);
    opacity: 0;
}

/* انیمیشن پلکانی برای دکمه‌ها */
.elementor-element-1d90c21 .wd-product:hover .wd-buttons .wd-action-btn {
    transform: scale(1);
    opacity: 1;
}

.elementor-element-1d90c21 .wd-product:hover .wd-buttons .wd-action-btn:nth-child(1) { transition-delay: 0.1s; }
.elementor-element-1d90c21 .wd-product:hover .wd-buttons .wd-action-btn:nth-child(2) { transition-delay: 0.15s; }
.elementor-element-1d90c21 .wd-product:hover .wd-buttons .wd-action-btn:nth-child(3) { transition-delay: 0.2s; }
.elementor-element-1d90c21 .wd-product:hover .wd-buttons .wd-action-btn:nth-child(4) { transition-delay: 0.25s; }

.elementor-element-1d90c21 .wd-product .wd-buttons .wd-action-btn a {
    color: #1f2937; /* رنگ تیره برای خوانایی روی پس‌زمینه روشن */
    display: flex;
    align-items: center;
    justify-content: center;
}
/* فرض بر این است که از آیکون‌های FontAwesome یا مشابه استفاده می‌کنید */
.elementor-element-1d90c21 .wd-product .wd-buttons .wd-action-btn a::before {
    font-size: 20px;
}

.elementor-element-1d90c21 .wd-product .wd-buttons .wd-action-btn:hover {
    background-color: rgba(255, 255, 255, 0.5);
    transform: scale(1.1) rotate(10deg);
}

/* مخفی کردن متن داخل دکمه‌ها برای نمایش آیکون‌ها */
.elementor-element-1d90c21 .wd-product .wd-buttons .wd-action-btn span {
    display: none;
}

/* عنوان محصول */
.elementor-element-1d90c21 .wd-product .wd-entities-title {
    padding: 20px 15px 5px 15px;
    text-align: right;
    min-height: 70px; /* ارتفاع مشخص برای تراز بودن کارت‌ها */
}

.elementor-element-1d90c21 .wd-product .wd-entities-title a {
    font-size: 1rem; /* 16px */
    font-weight: 600;
    color: #1f2937;
    text-decoration: none;
    transition: color 0.3s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* تعداد خطوط برای نمایش */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; /* برای اطمینان از شکستن خط */
}

.elementor-element-1d90c21 .wd-product .wd-entities-title a:hover {
    color: #3b82f6; /* رنگ اصلی قالب شما */
}

/* START: کد اضافه شده برای محصولات متغیر */
/* این بخش برای محصولاتی که بازه قیمتی دارند، فقط قیمت اول را نمایش می‌دهد */
.elementor-element-1d90c21 .wd-product .price {
    font-size: 0 !important; /* مخفی کردن متن‌های اضافی مانند خط تیره (–) با اولویت بالا */
    padding: 0 15px 20px 15px;
    font-weight: 700;
    color: #16a34a;
    text-align: right;
}

/* نمایش قیمت اول */
.elementor-element-1d90c21 .wd-product .price > .amount:first-of-type,
.elementor-element-1d90c21 .wd-product .price > ins > .amount, /* برای قیمت‌های حراج */
.elementor-element-1d90c21 .wd-product .price > .woocommerce-Price-amount:first-of-type {
    font-size: 1.25rem !important; /* بازگرداندن اندازه فونت قیمت اول با اولویت بالا */
}

/* اطمینان از نمایش واحد پول */
.elementor-element-1d90c21 .wd-product .price .woocommerce-Price-currencySymbol {
    font-size: 0.9rem !important;
}
/* END: کد اضافه شده */


/* استایل برای "تماس بگیرید" */
.elementor-element-1d90c21 .wd-product .price .call-for-price {
    color: #ef4444; /* قرمز برای جلب توجه */
    font-weight: 600;
    font-size: 1rem !important; /* اطمینان از اعمال شدن فونت */
}

/* (اختیاری) حاشیه گرادیانی متحرک هنگام هاور */
.elementor-element-1d90c21 .wd-product::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 16px; /* باید با border-radius اصلی یکی باشد */
    padding: 2px; /* ضخامت حاشیه */
    background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
    background-size: 300% 300%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    animation: gradient-animation 6s ease infinite;
    z-index: -1; /* قرار گرفتن زیر محتوای کارت */
}

.elementor-element-1d90c21 .wd-product:hover::before {
    opacity: 1;
}

@keyframes gradient-animation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for wd_blog, class: .elementor-element-fbf12f7 */.blog-design-mask.has-post-thumbnail .article-body-container {
    background: linear-gradient(to bottom, transparent 5%, rgb(29 70 96) 50%, rgb(29 70 96) 100%) !important;
}/* End custom CSS */