.elementor-526 .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-526 .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-526 .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-526 .elementor-element.elementor-element-99d3c0c{--display:flex;--background-transition:0.3s;}.elementor-526 .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-526 .elementor-element.elementor-element-1b7cf1be:not(.elementor-motion-effects-element-type-background), .elementor-526 .elementor-element.elementor-element-1b7cf1be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#10A5FF;}.elementor-526 .elementor-element.elementor-element-1b7cf1be, .elementor-526 .elementor-element.elementor-element-1b7cf1be::before{--border-transition:0.3s;}.elementor-526 .elementor-element.elementor-element-1b7cf1be.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-526 .elementor-element.elementor-element-e7da155{column-gap:0px;color:#FFFFFF;}.elementor-526 .elementor-element.elementor-element-124679e4{--display:flex;--background-transition:0.3s;}.elementor-526 .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-526 .elementor-element.elementor-element-3bdeb411{text-align:right;}.elementor-526 .elementor-element.elementor-element-3bdeb411 .elementor-heading-title{color:#036C5F;font-size:18px;font-weight:500;}.elementor-526 .elementor-element.elementor-element-4f5cfe82{text-align:right;}.elementor-526 .elementor-element.elementor-element-4f5cfe82 .elementor-heading-title{font-size:32px;font-weight:700;}.elementor-526 .elementor-element.elementor-element-1f5b7442{--display:flex;--background-transition:0.3s;}.elementor-526 .elementor-element.elementor-element-2f4b3475{--display:flex;--background-transition:0.3s;}.elementor-526 .elementor-element.elementor-element-2599ff9 .elementor-button{background-color:#036C5F;font-size:18px;font-weight:600;}.elementor-526 .elementor-element.elementor-element-2599ff9 .elementor-button:hover, .elementor-526 .elementor-element.elementor-element-2599ff9 .elementor-button:focus{background-color:#10A5FF;}.elementor-526 .elementor-element.elementor-element-747ae083{--display:flex;--background-transition:0.3s;}.elementor-526 .elementor-element.elementor-element-a5eba9f{--display:flex;--background-transition:0.3s;}.elementor-526 .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-526 .elementor-element.elementor-element-234f8a4a > .elementor-widget-container{margin:0px 0px -22px 0px;padding:0px 0px 0px 0px;}.elementor-526 .elementor-element.elementor-element-234f8a4a .elementskit-section-title-wraper .elementskit-section-title{font-size:2em;font-weight:900;}.elementor-526 .elementor-element.elementor-element-234f8a4a .elementskit-section-title-wraper .elementskit-section-title > span{color:var( --e-global-color-accent );}.elementor-526 .elementor-element.elementor-element-234f8a4a .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-accent );}.elementor-526 .elementor-element.elementor-element-234f8a4a .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-526 .elementor-element.elementor-element-234f8a4a .elementskit-section-title-wraper .elementskit-section-title > span{font-weight:900;font-style:normal;}.elementor-526 .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-526 .elementor-element.elementor-element-7758dda4{text-align:left;}.elementor-526 .elementor-element.elementor-element-e562313 .elementor-button{background-color:#FFFFFF;fill:#036C5F;color:#036C5F;}.elementor-526 .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;}@media(max-width:1024px){.elementor-526 .elementor-element.elementor-element-234f8a4a .elementskit-section-title-wraper .elementskit-section-title{font-size:2.2em;}}@media(max-width:767px){.elementor-526 .elementor-element.elementor-element-66a7893{--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-526 .elementor-element.elementor-element-99d3c0c{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-526 .elementor-element.elementor-element-1b7cf1be{--width:250px;}.elementor-526 .elementor-element.elementor-element-3bdeb411{text-align:center;}.elementor-526 .elementor-element.elementor-element-4f5cfe82{text-align:center;}.elementor-526 .elementor-element.elementor-element-71cb6d59{text-align:center;}.elementor-526 .elementor-element.elementor-element-234f8a4a .elementskit-section-title-wraper .elementskit-section-title{font-size:1.9em;}}@media(min-width:768px){.elementor-526 .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-526 .elementor-element.elementor-element-31040846 {
    margin-top: 10px !important; /* این عدد را بر اساس ارتفاع هدر خود تنظیم کنید */
    background-color: #ffffff !important; /* سفید کردن پس‌زمینه کانتینر */
    padding-top: 20px !important;
    position: relative;
    z-index: 1;
}

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

.elementor-526 .elementor-element.elementor-element-7758dda4 p, .elementor-526 .elementor-element.elementor-element-7758dda4 div, .elementor-526 .elementor-element.elementor-element-7758dda4 span, .elementor-526 .elementor-element.elementor-element-7758dda4 li {
    text-align: right !important;
    direction: rtl !important;
}/* 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 */