.elementor-873 .elementor-element.elementor-element-f57b6dc{--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;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:100;overflow:visible;}.elementor-873 .elementor-element.elementor-element-8862e4a{--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;overflow:visible;}.elementor-873 .elementor-element.elementor-element-2382db1{--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;overflow:visible;}.elementor-873 .elementor-element.elementor-element-4041ca4{--display:flex;overflow:visible;}.elementor-873 .elementor-element.elementor-element-9b9fb70{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:100px 100px 100px 100px;overflow:visible;}.elementor-873 .elementor-element.elementor-element-9b9fb70:not(.elementor-motion-effects-element-type-background), .elementor-873 .elementor-element.elementor-element-9b9fb70 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#10A5FF;}.elementor-873 .elementor-element.elementor-element-9b9fb70.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-873 .elementor-element.elementor-element-aefff4a{column-gap:0px;color:#FFFFFF;}.elementor-873 .elementor-element.elementor-element-80ce6f2{--display:flex;overflow:visible;}.elementor-873 .elementor-element.elementor-element-07d51f9{--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;overflow:visible;}.elementor-873 .elementor-element.elementor-element-e6c3814{text-align:start;}.elementor-873 .elementor-element.elementor-element-e6c3814 .elementor-heading-title{font-size:18px;font-weight:500;color:#036C5F;}.elementor-873 .elementor-element.elementor-element-d96a8fd{text-align:start;}.elementor-873 .elementor-element.elementor-element-d96a8fd .elementor-heading-title{font-size:32px;font-weight:700;}.elementor-873 .elementor-element.elementor-element-d67a7bf{--display:flex;overflow:visible;}.elementor-873 .elementor-element.elementor-element-c3590ba{--display:flex;overflow:visible;}.elementor-873 .elementor-element.elementor-element-7b4764b .elementor-button{background-color:#036C5F;font-size:18px;font-weight:600;}.elementor-873 .elementor-element.elementor-element-7b4764b .elementor-button:hover, .elementor-873 .elementor-element.elementor-element-7b4764b .elementor-button:focus{background-color:#10A5FF;}.elementor-873 .elementor-element.elementor-element-3f97ff0{--display:flex;overflow:visible;}.elementor-873 .elementor-element.elementor-element-2dd6500{--display:flex;overflow:visible;}.elementor-873 .elementor-element.elementor-element-b92703b{--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;overflow:visible;}.elementor-873 .elementor-element.elementor-element-8d2eb22 > .elementor-widget-container{margin:0px 0px -22px 0px;padding:0px 0px 0px 0px;}.elementor-873 .elementor-element.elementor-element-8d2eb22 .elementskit-section-title-wraper .elementskit-section-title{font-size:2em;font-weight:900;}.elementor-873 .elementor-element.elementor-element-8d2eb22 .elementskit-section-title-wraper .elementskit-section-title > span{color:var( --e-global-color-accent );}.elementor-873 .elementor-element.elementor-element-8d2eb22 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-accent );}.elementor-873 .elementor-element.elementor-element-8d2eb22 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-873 .elementor-element.elementor-element-8d2eb22 .elementskit-section-title-wraper .elementskit-section-title > span{font-weight:900;font-style:normal;}.elementor-873 .elementor-element.elementor-element-3c29efa{--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;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-873 .elementor-element.elementor-element-aae9a03{text-align:end;}.elementor-873 .elementor-element.elementor-element-7a81c00 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-873 .elementor-element.elementor-element-7a81c00.elementor-element{--order:99999 /* order end hack */;}.elementor-873 .elementor-element.elementor-element-7a81c00{text-align:center;color:#FFFFFF;}.elementor-873 .elementor-element.elementor-element-e5e6a3d .elementor-button{background-color:#FFFFFF;fill:#036C5F;color:#036C5F;}.elementor-873 .elementor-element.elementor-element-e159e10{--display:flex;overflow:visible;}.elementor-873 .elementor-element.elementor-element-68681a9{--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;overflow:visible;}@media(max-width:1024px){.elementor-873 .elementor-element.elementor-element-8d2eb22 .elementskit-section-title-wraper .elementskit-section-title{font-size:2.2em;}}@media(max-width:767px){.elementor-873 .elementor-element.elementor-element-8862e4a{--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-873 .elementor-element.elementor-element-4041ca4{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-873 .elementor-element.elementor-element-9b9fb70{--width:250px;}.elementor-873 .elementor-element.elementor-element-e6c3814{text-align:center;}.elementor-873 .elementor-element.elementor-element-d96a8fd{text-align:center;}.elementor-873 .elementor-element.elementor-element-68ae8ad{text-align:center;}.elementor-873 .elementor-element.elementor-element-8d2eb22 .elementskit-section-title-wraper .elementskit-section-title{font-size:1.9em;}}@media(min-width:768px){.elementor-873 .elementor-element.elementor-element-4041ca4{--width:24%;}}/* Start custom CSS for container, class: .elementor-element-2dd6500 *//* =========================================
   استایل گالری محصولات آرنیکو - نسخه پریمیوم
   ========================================= */

/* 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-f57b6dc *//* ایجاد فاصله از سقف برای تداخل نداشتن با هدر */
.elementor-873 .elementor-element.elementor-element-f57b6dc {
    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-aae9a03 */.elementor-873 .elementor-element.elementor-element-aae9a03 {
    direction: rtl !important;
    text-align: right !important;
}

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

/* --- ۱. تنظیمات و استایل اصلی ویجت --- */
.elementor-873 .elementor-element.elementor-element-7a81c00 {
    /* --- پنل تنظیمات سریع (مقادیر را اینجا تغییر دهید) --- */
    --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-873 .elementor-element.elementor-element-7a81c00::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-873 .elementor-element.elementor-element-7a81c00::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-873 .elementor-element.elementor-element-7a81c00: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-3c29efa *//* محدود کردن ارتفاع متن و محو کردن لبه */
.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 */