.elementor-2282 .elementor-element.elementor-element-31040846{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:center;--background-transition:0.3s;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:100;}.elementor-2282 .elementor-element.elementor-element-66a7893{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--background-transition:0.3s;}.elementor-2282 .elementor-element.elementor-element-479a3d8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-2282 .elementor-element.elementor-element-99d3c0c{--display:flex;--background-transition:0.3s;}.elementor-2282 .elementor-element.elementor-element-1b7cf1be{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--border-radius:100px 100px 100px 100px;}.elementor-2282 .elementor-element.elementor-element-1b7cf1be:not(.elementor-motion-effects-element-type-background), .elementor-2282 .elementor-element.elementor-element-1b7cf1be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#10A5FF;}.elementor-2282 .elementor-element.elementor-element-1b7cf1be, .elementor-2282 .elementor-element.elementor-element-1b7cf1be::before{--border-transition:0.3s;}.elementor-2282 .elementor-element.elementor-element-1b7cf1be.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2282 .elementor-element.elementor-element-e7da155{column-gap:0px;color:#FFFFFF;}.elementor-2282 .elementor-element.elementor-element-124679e4{--display:flex;--background-transition:0.3s;}.elementor-2282 .elementor-element.elementor-element-755682f3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--background-transition:0.3s;}.elementor-2282 .elementor-element.elementor-element-3bdeb411{text-align:right;}.elementor-2282 .elementor-element.elementor-element-3bdeb411 .elementor-heading-title{color:#036C5F;font-size:18px;font-weight:500;}.elementor-2282 .elementor-element.elementor-element-4f5cfe82{text-align:right;}.elementor-2282 .elementor-element.elementor-element-4f5cfe82 .elementor-heading-title{font-size:32px;font-weight:700;}.elementor-2282 .elementor-element.elementor-element-1f5b7442{--display:flex;--background-transition:0.3s;}.elementor-2282 .elementor-element.elementor-element-2f4b3475{--display:flex;--background-transition:0.3s;}.elementor-2282 .elementor-element.elementor-element-2599ff9 .elementor-button{background-color:#036C5F;font-size:18px;font-weight:600;}.elementor-2282 .elementor-element.elementor-element-2599ff9 .elementor-button:hover, .elementor-2282 .elementor-element.elementor-element-2599ff9 .elementor-button:focus{background-color:#10A5FF;}.elementor-2282 .elementor-element.elementor-element-747ae083{--display:flex;--background-transition:0.3s;}.elementor-2282 .elementor-element.elementor-element-a5eba9f{--display:flex;--background-transition:0.3s;}.elementor-2282 .elementor-element.elementor-element-23cfcb63{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--background-transition:0.3s;}.elementor-2282 .elementor-element.elementor-element-234f8a4a > .elementor-widget-container{margin:0px 0px -22px 0px;padding:0px 0px 0px 0px;}.elementor-2282 .elementor-element.elementor-element-234f8a4a .elementskit-section-title-wraper .elementskit-section-title{font-size:2em;font-weight:900;}.elementor-2282 .elementor-element.elementor-element-234f8a4a .elementskit-section-title-wraper .elementskit-section-title > span{color:var( --e-global-color-accent );}.elementor-2282 .elementor-element.elementor-element-234f8a4a .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-accent );}.elementor-2282 .elementor-element.elementor-element-234f8a4a .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-2282 .elementor-element.elementor-element-234f8a4a .elementskit-section-title-wraper .elementskit-section-title > span{font-weight:900;font-style:normal;}.elementor-2282 .elementor-element.elementor-element-20af8bb{--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;--background-transition:0.3s;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2282 .elementor-element.elementor-element-7758dda4{text-align:left;}.elementor-2282 .elementor-element.elementor-element-34501b0 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-2282 .elementor-element.elementor-element-34501b0.elementor-element{--order:99999 /* order end hack */;}.elementor-2282 .elementor-element.elementor-element-34501b0{text-align:center;color:#FFFFFF;}.elementor-2282 .elementor-element.elementor-element-e562313 .elementor-button{background-color:#FFFFFF;fill:#036C5F;color:#036C5F;}.elementor-2282 .elementor-element.elementor-element-0d69507{--display:flex;--background-transition:0.3s;}.elementor-2282 .elementor-element.elementor-element-4139f4d{--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;--background-transition:0.3s;}.elementor-2282 .elementor-element.elementor-element-788df5b{--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;--gap:0px 0px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-fafe05b );--border-color:var( --e-global-color-fafe05b );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2282 .elementor-element.elementor-element-788df5b, .elementor-2282 .elementor-element.elementor-element-788df5b::before{--border-transition:0.3s;}.elementor-2282 .elementor-element.elementor-element-5483295{--e-image-carousel-slides-to-show:3;}.elementor-2282 .elementor-element.elementor-element-5483295 .swiper-wrapper{display:flex;align-items:center;}.elementor-2282 .elementor-element.elementor-element-5483295 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:16px 16px 16px 16px;}.elementor-2282 .elementor-element.elementor-element-46ea178{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:center;--gap:5px 5px;--background-transition:0.3s;}.elementor-2282 .elementor-element.elementor-element-46ea178.e-con{--order:-99999 /* order start hack */;}.elementor-2282 .elementor-element.elementor-element-7fc12d0 .elementskit-section-title-wraper .elementskit-section-title{color:#036C5F;font-size:2em;font-weight:900;}.elementor-2282 .elementor-element.elementor-element-7fc12d0 .elementskit-section-title-wraper .elementskit-section-title:hover{color:#036C5F;}.elementor-2282 .elementor-element.elementor-element-7fc12d0 .elementskit-section-title-wraper .elementskit-section-title > span{color:var( --e-global-color-accent );}.elementor-2282 .elementor-element.elementor-element-7fc12d0 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-accent );}.elementor-2282 .elementor-element.elementor-element-7fc12d0 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-2282 .elementor-element.elementor-element-7fc12d0 .elementskit-section-title-wraper .elementskit-section-title > span{font-weight:900;font-style:normal;}.elementor-2282 .elementor-element.elementor-element-a30b421 .elementskit-section-title-wraper .elementskit-section-title{font-size:2em;font-weight:900;}.elementor-2282 .elementor-element.elementor-element-a30b421 .elementskit-section-title-wraper .elementskit-section-title > span{color:var( --e-global-color-accent );}.elementor-2282 .elementor-element.elementor-element-a30b421 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#036C5F;}.elementor-2282 .elementor-element.elementor-element-a30b421 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-2282 .elementor-element.elementor-element-a30b421 .elementskit-section-title-wraper .elementskit-section-title > span{font-weight:900;font-style:normal;}@media(max-width:1024px){.elementor-2282 .elementor-element.elementor-element-234f8a4a .elementskit-section-title-wraper .elementskit-section-title{font-size:2.2em;}.elementor-2282 .elementor-element.elementor-element-788df5b{--padding-top:120px;--padding-bottom:120px;--padding-left:30px;--padding-right:30px;}.elementor-2282 .elementor-element.elementor-element-5483295{--e-image-carousel-slides-to-show:4;}.elementor-2282 .elementor-element.elementor-element-7fc12d0 .elementskit-section-title-wraper .elementskit-section-title{font-size:2.3em;}.elementor-2282 .elementor-element.elementor-element-a30b421 .elementskit-section-title-wraper .elementskit-section-title{font-size:2.3em;}}@media(max-width:767px){.elementor-2282 .elementor-element.elementor-element-66a7893{--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2282 .elementor-element.elementor-element-99d3c0c{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2282 .elementor-element.elementor-element-1b7cf1be{--width:250px;}.elementor-2282 .elementor-element.elementor-element-3bdeb411{text-align:center;}.elementor-2282 .elementor-element.elementor-element-4f5cfe82{text-align:center;}.elementor-2282 .elementor-element.elementor-element-71cb6d59{text-align:center;}.elementor-2282 .elementor-element.elementor-element-234f8a4a .elementskit-section-title-wraper .elementskit-section-title{font-size:1.9em;}.elementor-2282 .elementor-element.elementor-element-788df5b{--padding-top:120px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2282 .elementor-element.elementor-element-5483295{--e-image-carousel-slides-to-show:1;}.elementor-2282 .elementor-element.elementor-element-7fc12d0 .elementskit-section-title-wraper .elementskit-section-title{font-size:1.8em;}.elementor-2282 .elementor-element.elementor-element-a30b421 .elementskit-section-title-wraper .elementskit-section-title{font-size:1.8em;}}@media(min-width:768px){.elementor-2282 .elementor-element.elementor-element-99d3c0c{--width:24%;}}/* Start custom CSS for container, class: .elementor-element-a5eba9f *//* =========================================
   استایل گالری محصولات آرنیکو - نسخه پریمیوم
   ========================================= */

/* 1. کادر اصلی کل گالری */
.arnico-product-gallery {
    width: 100%;
    max-width: 480px; /* عرض استاندارد ووکامرس */
    margin: 0 auto;   /* وسط‌چین کردن گالری */
}

/* 2. استایل تصویر اصلی (بزرگ) */
.arnico-main-image-container {
    width: 100%;
    /* دستور جادویی برای مربع کردن دقیق */
    aspect-ratio: 1 / 1; 
    
    background-color: #ffffff;
    border: 1px solid #eeeeee; /* حاشیه ظریف */
    
    /* گوشه‌های گرد بیشتر */
    border-radius: 20px; 
    
    /* سایه نرم برای برجسته شدن */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05); 
    
    overflow: hidden;
    margin-bottom: 20px; /* فاصله تا عکس‌های کوچک */
    
    /* وسط‌چین کردن محتوای عکس */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* خودِ تصویر اصلی */
.arnico-main-image-container img {
    width: 90%;  /* کمی فاصله از لبه‌ها برای زیبایی */
    height: 90%;
    object-fit: contain; /* کل محصول دیده شود و کراپ نشود */
    transition: opacity 0.3s ease; /* انیمیشن تغییر عکس */
}

/* 3. کادر نگهدارنده تصاویر کوچک */
.arnico-thumbnails-container {
    display: flex;
    gap: 12px; /* فاصله بین عکس‌های کوچک */
    justify-content: center; /* وسط‌چین کردن تامبنیل‌ها */
}

/* 4. استایل آیتم‌های کوچک (Thumbnails) */
.arnico-thumb-item {
    width: 80px; /* عرض پایه */
    /* مربع کردن عکس‌های کوچک */
    aspect-ratio: 1 / 1;
    
    border: 1px solid #eee;
    background-color: #fff;
    
    /* گوشه‌های گرد */
    border-radius: 12px;
    
    cursor: pointer;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); /* انیمیشن نرم */
    
    /* استایل در حالت عادی (غیرفعال) */
    opacity: 0.7;
    transform: scale(1);
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
}

/* تصویر داخل آیتم‌های کوچک */
.arnico-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* پر کردن کامل مربع کوچک */
    display: block;
}

/* 5. حالت هاور (وقتی موس روی عکس کوچک می‌رود) */
.arnico-thumb-item:hover {
    opacity: 1;
    transform: translateY(-3px); /* حرکت جزیی به بالا */
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* 6. حالت فعال (عکس انتخاب شده) */
.arnico-thumb-item.active-thumb {
    opacity: 1;
    border: 2px solid #333333; /* رنگ کادر دور عکس فعال (تیره) */
    box-shadow: none;
    transform: scale(0.95); /* کمی کوچک‌تر شود که حس کلیک بدهد */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31040846 *//* ایجاد فاصله از سقف برای تداخل نداشتن با هدر */
.elementor-2282 .elementor-element.elementor-element-31040846 {
    margin-top: 50px !important; /* این عدد را بر اساس ارتفاع هدر خود تنظیم کنید */
    background-color: #ffffff !important; /* سفید کردن پس‌زمینه کانتینر */
    padding-top: 20px !important;
    position: relative;
    z-index: 0;
}

/* اطمینان از سفید بودن پس‌زمینه کل بدنه صفحه محصول */
body.single-products {
    background-color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7758dda4 */.elementor-2282 .elementor-element.elementor-element-7758dda4 {
    direction: rtl !important;
    text-align: right !important;
}

.elementor-2282 .elementor-element.elementor-element-7758dda4 p, .elementor-2282 .elementor-element.elementor-element-7758dda4 div, .elementor-2282 .elementor-element.elementor-element-7758dda4 span, .elementor-2282 .elementor-element.elementor-element-7758dda4 li {
    text-align: right !important;
    direction: rtl !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-34501b0 *//* --- کد قطعی و نهایی: حاشیه نور کوانتومی با درخشش کریستالی --- */

/* --- ۱. تنظیمات و استایل اصلی ویجت --- */
.elementor-2282 .elementor-element.elementor-element-34501b0 {
    /* --- پنل تنظیمات سریع (مقادیر را اینجا تغییر دهید) --- */
    --background-color: #036C5F;       /* رنگ پس‌زمینه ویجت */
    --border-thickness: 4px;           /* ضخامت حاشیه نورانی */
    --border-radius: 18px;             /* شعاع گردی گوشه‌ها */
    
    /* --- تنظیمات پیشرفته نور (پالت سفید کریستالی) --- */
    --glow-core-color: #ffffff;        /* رنگ هسته مرکزی نور (سفید خالص) */
    --glow-halo-color: #e0f8ff;        /* رنگ هاله نور (سفید یخی/نقره‌ای) */
    --glow-intensity: 1.8;             /* شدت روشنایی نور در حالت عادی */
    --glow-contrast: 1.2;              /* وضوح و تفکیک رنگ نور */
    --glow-blur-radius: 20px;          /* شعاع محو شدگی (عدد کمتر = لبه تیزتر) */
    
    /* --- تنظیمات انیمیشن --- */
    --rotation-speed: 4s;              /* سرعت چرخش */
    --pulse-speed: 2.5s;               /* سرعت تپش (نفس کشیدن) */
    --hover-rotation-speed: 1.2s;      /* سرعت چرخش هنگام هاور */
    --hover-intensity: 2.5;            /* شدت روشنایی هنگام هاور (شراره نور) */
    
    /* --- استایل‌های اصلی --- */
    position: relative;
    z-index: 1;
    background: var(--background-color);
    padding: 30px;
    border-radius: var(--border-radius);
    overflow: hidden; /* ضروری برای محدود کردن افکت */
    transition: transform 0.3s ease;
}

/* --- ۲. موتور نور کوانتومی (لایه زیرین با افکت‌های چندگانه) --- */
.elementor-2282 .elementor-element.elementor-element-34501b0::before {
    content: "";
    position: absolute;
    z-index: -2;
    top: 50%;
    left: 50%;
    width: 200%;
    padding-bottom: 200%;
    
    /* گرادینت دو هسته‌ای برای ایجاد یک نور عمیق و درخشان */
    background: conic-gradient(
        from 180deg at 50% 50%,
        transparent 35%,
        var(--glow-halo-color) 48%,
        var(--glow-core-color) 50%,
        var(--glow-halo-color) 52%,
        transparent 65%
    );
    
    /* فیلترهای چندگانه برای ایجاد درخشش شدید و خالص */
    filter: blur(var(--glow-blur-radius)) brightness(var(--glow-intensity)) contrast(var(--glow-contrast));
    
    /* اعمال دو انیمیشن همزمان: چرخش + تپش */
    animation: 
        rotate-quantum-border var(--rotation-speed) linear infinite,
        pulse-quantum-border var(--pulse-speed) ease-in-out infinite;
        
    /* انتقال نرم برای تمام تغییرات فیلتر و انیمیشن */
    transition: filter 0.4s ease, animation-duration 0.4s ease;
}

/* --- ۳. لایه پوشاننده (ماسک داخلی با عمق) --- */
.elementor-2282 .elementor-element.elementor-element-34501b0::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: var(--border-thickness);
    background: var(--background-color);
    border-radius: calc(var(--border-radius) - var(--border-thickness));
    /* سایه داخلی بسیار ظریف برای ایجاد حس عمق روی سطح */
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.4);
}

/* --- ۴. افکت شراره نوری (Flare) هنگام هاور موس --- */
.elementor-2282 .elementor-element.elementor-element-34501b0:hover::before {
    /* افزایش شدید درخشندگی و گسترش نور */
    filter: blur(calc(var(--glow-blur-radius) + 5px)) brightness(var(--hover-intensity)) contrast(var(--glow-contrast));
    
    /* افزایش سرعت چرخش (مقدار اول برای انیمیشن اول است) */
    animation-duration: var(--hover-rotation-speed), var(--pulse-speed);
}

/* --- ۵. تعریف فریم‌های انیمیشن‌ها --- */

/* انیمیشن چرخش */
@keyframes rotate-quantum-border {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

/* انیمیشن تپش کوانتومی (تغییر نامحسوس شفافیت برای حس زنده بودن) */
@keyframes pulse-quantum-border {
    0%, 100% {
        opacity: 0.9;
    }
    50% {
        opacity: 1;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20af8bb *//* محدود کردن ارتفاع متن و محو کردن لبه */
.text-content-limit {
    max-height: 150px; /* ارتفاع در حالت بسته */
    overflow: hidden;
    position: relative;
    transition: max-height 0.8s ease-in-out;
    cursor: pointer;
}

/* لایه محو شونده روی متن */
.text-content-limit::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1) 90%);
    pointer-events: none;
    transition: opacity 0.5s;
}

/* استایل زمانی که باز می‌شود */
.text-content-limit.expanded {
    max-height: 5000px !important; /* ارتفاع خیلی زیاد برای باز شدن کامل */
}

.text-content-limit.expanded::after {
    opacity: 0; /* حذف لایه محو */
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-5483295 *//* ===================================================
   1. تنظیمات قالب هر تصویر در کاروسل (با حاشیه 20)
=================================================== */
.elementor-2282 .elementor-element.elementor-element-5483295 .swiper-slide,
.elementor-2282 .elementor-element.elementor-element-5483295 .slick-slide,
.elementor-2282 .elementor-element.elementor-element-5483295 .elementor-carousel-image {
    position: relative !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    cursor: pointer;
    transform: translateZ(0); /* شتاب‌دهنده سخت‌افزاری */
    will-change: transform, box-shadow;
    transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    /* رفع باگ بیرون‌زدگی حاشیه در برخی مرورگرها هنگام زوم */
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

/* ===================================================
   2. تنظیمات استایل و فیلتر خود عکس‌ها
=================================================== */
.elementor-2282 .elementor-element.elementor-element-5483295 .swiper-slide img,
.elementor-2282 .elementor-element.elementor-element-5483295 .slick-slide img,
.elementor-2282 .elementor-element.elementor-element-5483295 .elementor-carousel-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 20px !important;
    /* تصویر پیش‌فرض کمی تاریک‌تر است تا در هاور جذاب شود */
    filter: brightness(0.85) contrast(1.05);
    will-change: transform, filter;
    transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.6s ease;
}

/* ===================================================
   3. افکت جرقه (لایه نامرئی قبل از هاور)
=================================================== */
.elementor-2282 .elementor-element.elementor-element-5483295 .swiper-slide::before,
.elementor-2282 .elementor-element.elementor-element-5483295 .slick-slide::before,
.elementor-2282 .elementor-element.elementor-element-5483295 .elementor-carousel-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.4) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-25deg);
    z-index: 2;
    pointer-events: none;
}

/* ===================================================
   4. افکت هاله نوری حاشیه (لایه نامرئی قبل از هاور)
=================================================== */
.elementor-2282 .elementor-element.elementor-element-5483295 .swiper-slide::after,
.elementor-2282 .elementor-element.elementor-element-5483295 .slick-slide::after,
.elementor-2282 .elementor-element.elementor-element-5483295 .elementor-carousel-image::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0);
    z-index: 3;
    pointer-events: none;
    transition: box-shadow 0.4s ease;
}

/* ===================================================
   5. اکشن‌های هاور (Hover States)
=================================================== */
/* الف: بالا آمدن کارت و سایه عمیق */
.elementor-2282 .elementor-element.elementor-element-5483295 .swiper-slide:hover,
.elementor-2282 .elementor-element.elementor-element-5483295 .slick-slide:hover,
.elementor-2282 .elementor-element.elementor-element-5483295 .elementor-carousel-image:hover {
    transform: translateY(-8px) translateZ(0);
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.25), 
                0 0 20px rgba(255, 255, 255, 0.1);
}

/* ب: زوم ملایم سینمایی و روشن شدن رنگ عکس */
.elementor-2282 .elementor-element.elementor-element-5483295 .swiper-slide:hover img,
.elementor-2282 .elementor-element.elementor-element-5483295 .slick-slide:hover img,
.elementor-2282 .elementor-element.elementor-element-5483295 .elementor-carousel-image:hover img {
    transform: scale(1.1);
    filter: brightness(1.1) contrast(1.15) saturate(1.1);
}

/* ج: شلیک انیمیشن جرقه از روی عکس */
.elementor-2282 .elementor-element.elementor-element-5483295 .swiper-slide:hover::before,
.elementor-2282 .elementor-element.elementor-element-5483295 .slick-slide:hover::before,
.elementor-2282 .elementor-element.elementor-element-5483295 .elementor-carousel-image:hover::before {
    animation: widgetSpark 0.8s cubic-bezier(0.1, 0.7, 1, 0.1) forwards;
}

/* د: روشن شدن هاله داخلی (Glow) با حاشیه 20 */
.elementor-2282 .elementor-element.elementor-element-5483295 .swiper-slide:hover::after,
.elementor-2282 .elementor-element.elementor-element-5483295 .slick-slide:hover::after,
.elementor-2282 .elementor-element.elementor-element-5483295 .elementor-carousel-image:hover::after {
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4);
}

/* ===================================================
   6. تعریف کلید فریم انیمیشن جرقه
=================================================== */
@keyframes widgetSpark {
    0% { left: -150%; opacity: 0; }
    20% { opacity: 1; }
    100% { left: 200%; opacity: 0; }
}/* End custom CSS */