@{section header}
<link rel="stylesheet" href="../../../css/slider.css" /><!--Css Cod-->
<style>
        body{background: #fff !important;}
</style>
@{end}
<div class="Hrow">
        <div class="Hcontainer Hcontainer-1400" style="padding-top:70px">
                <div class="HpaddLR-3" id="floatStick">
                        <img class="Hrow randomFlowElement" src="/images/backgrounds/b25.png"/>
                </div>

                <div class="HpaddLR-3" id="floatStick2">
                        <img class="Hrow randomFlowElement" src="/images/backgrounds/b27.png"/>
                </div>

                <div class="Hhide-xlg Hhide-lg Hhide-xmd Hhide-md HpaddLR-3" id="floatStick3">
                        <img class="Hrow randomFlowElement" src="/images/backgrounds/b26.png"/>
                </div>

                <div class="Hhide-xlg Hhide-lg Hhide-xmd Hhide-md Hcol-xsm-12 Hcol-sm-12 Hcol-xs-12 Hcol-xss-12 HpaddB-40 HpaddLR-10">
                        <img class="Hrow" style="border-radius:80% 20px 20px 20px;" src="/images/backgrounds/b24.webp"/>
                </div>
                <div class="Hcol-xlg-5 Hcol-lg-5 Hcol-xmd-5 Hcol-md-5 Hhide-xsm Hhide-sm Hhide-xs Hhide-xss HpaddL-5per HpaddR-5per">
                        <img class="Hrow" src="/images/backgrounds/b23.png"/>
                </div>
                <div class="Hcol-xlg-7 Hcol-lg-7 Hcol-xmd-7 Hcol-md-7 Hcol-xsm-12 Hcol-sm-12 Hcol-xs-12 Hcol-xss-12">
                        <img class="Hhide-xsm Hhide-sm Hhide-xs Hhide-xss" src="/images/backgrounds/salamati.png"/>
                        <p class="HpaddT-20 HpaddLR-10" style="text-align: justify;" data-color="#646464">
                                همراهی سالم و خوش‌طعم برای هر روز شما!
                                با دوز کامل و مؤثر ویتامین C و طعم طبیعی و دلپذیر توت‌فرنگی، انرژی روزت رو بساز
                                تقویت سیستم ایمنی، کاهش خستگی، پوستی شفاف و درخشان، همه در یک قرص خوشمزه.
                                یه انتخاب ساده، خوش‌طعم و هوشمندانه برای سبک زندگی سالم و حال خوب طولانی! 🍓🌿
                        </p>
                        
                        <div class="Hrow Htxt-left HpaddTB-40">
                                <img class="stickImg3  Hrow" src="/images/backgrounds/stick2.png"/>
                        </div>
                        <div class="Hcol-xlg-2 Hcol-lg-2 Hcol-xmd-2 Hcol-md-2 Hcol-xsm-2 Hcol-sm-2 Hcol-xs-2 Hcol-xss-2 HpaddLR-10 HpaddT-15">
                                <img class="Hrow" src="/images/backgrounds/b26.png"/>
                        </div>
                        <div class="Hcol-xlg-2 Hcol-lg-2 Hcol-xmd-2 Hcol-md-2 Hcol-xsm-2 Hcol-sm-1 Hcol-xs-1 Hhide-xss"></div>
                        <div class="Hcol-xlg-4 Hcol-lg-4 Hcol-xmd-4 Hcol-md-4 Hcol-xsm-4 Hcol-sm-4 Hcol-xs-4 Hcol-xss-5 HpaddLR-10">
                                <p class="Hrow">تعداد</p>
                                <small class="Hrow" data-color="#737373">سه بیلیستر</small>
                                <small class="Hrow" data-color="#737373">10 عددی در جعبه مقوایی</small>
                        </div>
                        <div class="Hcol-xlg-4 Hcol-lg-4 Hcol-xmd-4 Hcol-md-4 Hcol-xsm-4 Hcol-sm-5 Hcol-xs-5 Hcol-xss-5 HpaddLR-10">
                                <p class="Hrow">مواد سازنده</p>
                                <small class="Hrow" data-color="#737373">شکل خالص و رایج ویتامین C : (اسید اسکوربیک) Ascorbic Asid</small>
                        </div>
                        
                </div>
                
        </div>
</div>
<div class="Hrow about HmarT-80" data-bgcolor="#FAFBFF">
        <div class="Hcontainer Hcontainer-1400">
                برند معتبر ایرانی در حروزه تولید مکمل های غذایی و دارویی است . این برند در سال 1388 توسط شرکت سام‌آرین اکسیر <span class="img" style="background-image: url('/images/logo/logo.webp');"></span> درتهران تاسیس شده و با بهره‌گیری از فناوری های نوین و مواد اولیه باکیفیت ، محصولات متنوعی را برای بهبود سلامت و تناسب اندام تولید می‌کند.
        </div>
        <img class="stickImg2 Hfloat-L" src="/images/backgrounds/stick2.png" />
</div>

<div class="Hrow">
        <div class="Hcontainer  HpaddLR-10 HpaddTB-40" style="max-width: 800px;">
                <h1 class="Hrow Htxt-center" style="font-family: Vazirmatn-Regular;" data-color="#212121">چرا ما را انتخاب کنید؟</h1>   
                <p class="Hrow Htxt-center" style="line-height: 35px;" data-color="#838383">در میان صدها برند مکمل، انتخاب برندی است که بتواند اطمینان از کیفیت، تخصص و اعتماد داشته باشد. ویتامین لایف با بهره‌گیری از دانش روز دنیا، فرمولاسیون علمی و مواد اولیه باکیفیت، مجموعه‌ای از مکمل‌های مؤثر و ایمن را برای تمام اعضای خانواده ایرانی فراهم کرده است.</p>
        </div>
</div>

<div class="Hrow">
        <div class="Hcontainer Hcontainer-1400 HpaddLR-10 HpaddTB-40 services" >
                <div class="Hcol-xlg-4 Hcol-lg-4 Hcol-xmd-4 Hcol-md-4 Hcol-xsm-4 Hcol-sm-6 Hcol-xs-12 Hcol-xss-12 HpaddTB-10 HpaddR-5per HpaddL-5per Htxt-center">
                        <img src="/images/backgrounds/icon1.png" alt="تنوع محصولات" class="img" />
                        <span class="Hrow Htxt-center">تنوع محصولات</span>
                        <p class="Hrow" data-color="#838383">پاسخ‌گویی به نیازهای مختلف گروه‌های سنی، ورزشی، بانوان و آقایان</p>
                </div>
                <div class="Hcol-xlg-4 Hcol-lg-4 Hcol-xmd-4 Hcol-md-4 Hcol-xsm-4 Hcol-sm-6 Hcol-xs-12 Hcol-xss-12 HpaddTB-10 HpaddR-5per HpaddL-5per Htxt-center">
                        <img src="/images/backgrounds/icon2.png" alt="فرمول‌های تخصصی" class="img" />
                        <span class="Hrow Htxt-center">فرمول‌های تخصصی</span>
                        <p class="Hrow" data-color="#838383">مکمل‌ها متناسب با نیازهای واقعی بدن طراحی شده‌اند؛ از تقویت سیستم ایمنی تا حفظ انرژی و سلامت پوست.</p>
                </div>
                <div class="Hcol-xlg-4 Hcol-lg-4 Hcol-xmd-4 Hcol-md-4 Hcol-xsm-4 Hcol-sm-12 Hcol-xs-12 Hcol-xss-12 HpaddTB-10 HpaddR-5per HpaddL-5per Htxt-center">
                        <img src="/images/backgrounds/icon3.png" alt="برندی متعهد به سلامت" class="img" />
                        <span class="Hrow Htxt-center">برندی متعهد به سلامت</span>
                        <p class="Hrow" data-color="#838383">ویتامین لایف فقط یک مکمل نیست؛ بخشی از سبک زندگی سالم شماست.</p>
                </div>
        </div>
</div>
<div class="Hrow">
        <div class="Hcontainer Hcontainer-1400 HpaddLR-10 HpaddTB-40 vitC" style="overflow: auto;">
                <div class="Hcol-xlg-5 Hcol-lg-5 Hcol-xmd-5 Hcol-md-5 Hcol-xsm-12 Hcol-sm-12 Hcol-xs-12 Hcol-xss-12 Hpadd-10 Hfloat-L" style="display: inline-block;overflow: auto;">
                        <h3 class="Hhide-xlg Hhide-lg Hhide-xmd Hhide-md Hcol-xsm-12 Hcol-sm-12 Hcol-xs-12 Hcol-xss-12 Htxt-center HmarB-10" style="font-family: VazirmatnDigit;">ویتامین لایف | ویتامین c500 با طعم پرتقال 🍊</h3>
                        <img class="Hrow" src="/images/backgrounds/vitC.png" alt="ویتامین c | سام‌آرین" />
                </div>
                <div class="Hcol-xlg-7 Hcol-lg-7 Hcol-xmd-7 Hcol-md-7 Hcol-xsm-12 Hcol-sm-12 Hcol-xs-12 Hcol-xss-12 Hpadd-10">
                        <h3 class="Hcol-xlg-12 Hcol-lg-12 Hcol-xmd-12 Hcol-md-12 Hhide-xsm Hhide-sm Hhide-xs Hhide-xss Htxt-left mainTitle HmarB-20" style="font-family: VazirmatnDigit;">ویتامین لایف | ویتامین c500 با طعم پرتقال 🍊</h3>
                        <b class="Hrow Htxt-right" style="font-family: Vazirmatn-Black;">تقویت سیستم ایمنی با طعمی دلپذیر!</b>
                        <p class="Hrow des" style="font-family: VazirmatnDigit;" data-color="#636363">
اگر به‌دنبال راهی خوشمزه و مؤثر برای تأمین ویتامین C مورد نیاز بدن‌تان هستید، ویتامین C 500 ویتامین لایف با طعم پرتقال انتخابی هوشمندانه است.
این قرص جویدنی، خوش‌طعم، نه‌تنها نیاز روزانه بدن به ویتامین C را تأمین می‌کند، بلکه با فرمولی مؤثر به سلامت و تقویت سیستم ایمنی شما کمک می‌کند.
                        </p>
                        <div class="Hrow"></div>
                        <div class="Hcol-xlg-6 Hcol-lg-6 Hhide-xmd Hhide-md Hcol-xsm-6 Hcol-sm-12 Hcol-xs-12 Hcol-xss-12 Hpadd-10" style="font-family: VazirmatnDigit;" data-color="#212121">
                                <span class="Hrow"> مشخصات محصول: </span>
                                <li>قرص جویدنی با طعم طبیعی پرتقال</li>
                                <li>حاوی 500 میلی‌گرم ویتامین C در هر قرص</li>
                                <li>بسته‌بندی 30 عددی (10 سلیستر) در جعبه مقوایی</li>
                                <li>مناسب برای مصرف روزانه</li>
                        </div>
                        <div class="Hcol-xlg-6 Hcol-lg-6 Hhide-xmd Hhide-md Hcol-xsm-6 Hcol-sm-12 Hcol-xs-12 Hcol-xss-12 Hpadd-10" data-color="#212121">
                                <span class="Hrow">ویژگی‌ها:</span>
                                <li>کمک به تأمین ویتامین C بدن</li>
                                <li>حمایت از عملکرد طبیعی سیستم ایمنی</li>
                                <li>بدون نیاز به آب – فقط بجوید و لذت ببرید!</li>
                                <li>مناسب برای بزرگسالان و نوجوانان</li>
                                <img class="stickImg Hfloat-L" src="/images/backgrounds/stick.png" />
                        </div>
                </div>
                <div class="Hrow"></div>
                <div class="Hhide-xlg Hhide-lg Hcol-xmd-6 Hcol-md-6 Hhide-xsm Hhide-sm Hhide-xs Hhide-xss Hpadd-10 Hfloat-L" style="font-family: VazirmatnDigit;" data-color="#212121">
                                <span class="Hrow"> مشخصات محصول: </span>
                                <li>قرص جویدنی با طعم طبیعی پرتقال</li>
                                <li>حاوی 500 میلی‌گرم ویتامین C در هر قرص</li>
                                <li>بسته‌بندی 30 عددی (10 سلیستر) در جعبه مقوایی</li>
                                <li>مناسب برای مصرف روزانه</li>
                                <img class="stickImg Hfloat-L" src="/images/backgrounds/stick.png" />
                </div>
                <div class="Hhide-xlg Hhide-lg Hcol-xmd-6 Hcol-md-6 Hhide-xsm Hhide-sm Hhide-xs Hhide-xss Hpadd-10" data-color="#212121">
                                <span class="Hrow">ویژگی‌ها:</span>
                                <li>کمک به تأمین ویتامین C بدن</li>
                                <li>حمایت از عملکرد طبیعی سیستم ایمنی</li>
                                <li>بدون نیاز به آب – فقط بجوید و لذت ببرید!</li>
                                <li>مناسب برای بزرگسالان و نوجوانان</li>

                                
                </div>
                
        </div>
</div>
<img class="Hrow" alt="محصولات سام‌آرین" src="/images/backgrounds/b1.png" />

<div class="Hrow vitamin-2 HpaddTB-40" data-bgcolor="#FAFBFF">
        <div class="Hcontainer Hcontainer-1400">
                <div class="Hcol-xlg-4 Hcol-lg-4 Hcol-xmd-4 Hcol-md-4 Hcol-xsm-12 Hcol-sm-12 Hcol-xs-12 Hcol-xss-12 Hpadd-10" >
                        <h1 class="Hhide-xlg Hhide-lg Hhide-xmd Hhide-md Hcol-xsm-12 Hcol-sm-12 Hcol-xs-12 Hcol-xss-12 Htxt-center" style="font-family: Vazirmatn-Medium;" data-color="#212121">مولتی ویتامین ردجینسینگ</h1>
                        <p class="Hhide-xlg Hhide-lg Hhide-xmd Hhide-md Hcol-xsm-12 Hcol-sm-12 Hcol-xs-12 Hcol-xss-12 Htxt-center HpaddT-10" style="font-family: Vazirmatn-Medium;" data-color="#505050">انرژی ، تمرکز و ایمنی ، همه در یک مکمل! </p>
                        <img class="Hrow" alt="رد جینسینگ" src="images/backgrounds/redGensing.png" /> 
                </div>
                <div class="Hcol-xlg-2 Hcol-lg-1 Hcol-xmd-1 Hcol-md-1 Hhide-xsm Hhide-sm Hhide-xs Hhide-xss Hpadd-10" ></div>
                <div class="Hcol-xlg-6 Hcol-lg-7 Hcol-xmd-7 Hcol-md-7 Hcol-xsm-12 Hcol-sm-12 Hcol-xs-12 Hcol-xss-12 Hpadd-10" >
                        <h1 class="Hcol-xlg-12 Hcol-lg-12 Hcol-xmd-12 Hcol-md-12 Hhide-xsm Hhide-sm Hhide-xs Hhide-xss Htxt-right HpaddT-20" style="font-family: Vazirmatn-Medium;" data-color="#212121">مولتی ویتامین ردجینسینگ</h1>
                        <p class="Hcol-xlg-12 Hcol-lg-12 Hcol-xmd-12 Hcol-md-12 Hhide-xsm Hhide-sm Hhide-xs Hhide-xss Htxt-right HpaddT-10" style="font-family: Vazirmatn-Medium;" data-color="#505050">انرژی ، تمرکز و ایمنی ، همه در یک مکمل! </p>
                        <p class="Hrow HpaddT-20" style="text-align: justify;line-height: 40px;" data-color="#838383">
                                در دنیای پرمشغله و پر استرس امروزی، داشتن بدنی سالم و ذهنی هوشیار، یک نیاز اساسی است.
مولتی ویتامین رد جینسینگ ویتاپی لایف، ترکیبی متعادل و پیشرفته از ویتامین‌ها، مواد معدنی ضروری و عصاره خالص جینسینگ قرمز کره‌ای است که برای تقویت قوای جسمی و ذهنی شما طراحی شده است.
                        </p>
                </div>
        </div>
</div>

<p>&nbsp;</p>
<div class="Hrow HpaddR-15 HpaddL-15 HpaddT-20 HpaddB-5 HmarB-5" data-bgcolor="#fff">
        <div class="Hcontainer Hcontainer-1400" style="margin-top:50px;display:block;" >
                <h2 class="Hrow HpaddB-15 Htxt-left titleSlider-HslT3" style="font-family:Vazirmatn-Medium;" data-color="#212121">شما چه میگویید؟</h2>
                <div class="Hslid-Em1990 HslT3">
                        <div class="Hslid-Em1990-SlideBox scrollHide" ><!--scrollHide-->
                                <table class="" Jump="1" currentScroll="0">
                                        <td class="trans0_5" >
                                                 <div class="Element-det trans0_5" >
                                                        
                                                        <div class="Hstar-rate HpaddT-10" rate="4.5"></div>
                                                        <div class="titr-title HmarT-20">     
                                                                <p class="line-limitor Htxt-right" data-color="#555">من همیشه بعد از مصرف ویتامین C دچار معده‌درد می‌شدم ولی این محصول واقعا ملایمه. انرژی‌م بیشتر شده و پوستمم روشن‌تر شده. عالیه!</p>
                                                        </div>
                                                        
                                                        <div class="poster-box">
                                                                <div class="poster" style="background-image:url('/images/users/1.jpg') ,url('/images/users/default.jpg');"></div>
                                                                <span class="info">
                                                                        <span class="name">پریسا سادات‌پور</span>
                                                                        <small class="date" data-color="#888">3 تیر 1403</small>
                                                                </span>
                                                        </div>
                                                </div>
                                        </td>
        
                                        <td class="trans0_5" >
                                                 <div class="Element-det trans0_5" >
                                                        
                                                        <div class="Hstar-rate HpaddT-10" rate="5"></div>
                                                        <div class="titr-title HmarT-20">     
                                                                <p class="line-limitor Htxt-right" data-color="#555">کیفیتش نسبت به برندهای خارجی خیلی خوبه.</p>
                                                        </div>
                                                        
                                                        
                                                        <div class="poster-box">
                                                                <div class="poster" style="background-image:url('/images/users/1.jpg') ,url('/images/users/default.jpg');"></div>
                                                                <span class="info">
                                                                        <span class="name">فرشاد کریمی</span>
                                                                        <small class="date" data-color="#888">25 مهر 1403</small>
                                                                </span>
                                                        </div>
                                                </div>
                                        </td>
                                        <td class="trans0_5" >
                                                 <div class="Element-det trans0_5" >
                                                        
                                                        <div class="Hstar-rate HpaddT-10" rate="5"></div>
                                                        <div class="titr-title HmarT-20">     
                                                                <p class="line-limitor Htxt-right" data-color="#555">این مکمل انرژی روزانه‌مو خیلی بیشتر کرده. حس خستگی ظهر دیگه ندارم. خیلی راضیم ازش!</p>
                                                        </div>
                                                        
                                                        
                                                        <div class="poster-box">
                                                                <div class="poster" style="background-image:url('/images/users/1.jpg') ,url('/images/users/default.jpg');"></div>
                                                                <span class="info">
                                                                        <span class="name">نرگس قنبری</span>
                                                                        <small class="date" data-color="#888">6 اردیبهشت 1404</small>
                                                                </span>
                                                        </div>
                                                </div>
                                        </td>
                                
                                        <td class="trans0_5" >
                                                 <div class="Element-det trans0_5" >
                                                        
                                                        <div class="Hstar-rate HpaddT-10" rate="4">  </div>
                                                        <div class="titr-title HmarT-20">     
                                                                <p class="line-limitor Htxt-right" data-color="#555">من برای ریزش مو استفاده کردم و به طور محسوسی ریزشم کم شده. خیلی خوبه، فقط یکم قیمتش بالاست.</p>
                                                        </div>
                                                        
                                                        
                                                        <div class="poster-box">
                                                                <div class="poster" style="background-image:url('/images/users/1.jpg') ,url('/images/users/default.jpg');"></div>
                                                                <span class="info">
                                                                        <span class="name">بابک نظری</span>
                                                                        <small class="date" data-color="#888">27 اردیبهشت 1404</small>
                                                                </span>
                                                        </div>
                                                </div>
                                        </td>
                                        <td class="trans0_5" >
                                                <div class="Element-det trans0_5" >
                                                        
                                                        <div class="Hstar-rate HpaddT-10" rate="5"></div>
                                                        <div class="titr-title HmarT-20">     
                                                                <p class="line-limitor Htxt-right" data-color="#555">مکمل بسیار باکیفیت و مفیدی برای سلامت مردان. اثرگذاریش تدریجیه اما واقعیه. کاملاً راضیم.</p>
                                                        </div>
                                                        
                                                        
                                                        <div class="poster-box">
                                                                <div class="poster" style="background-image:url('/images/users/1.jpg') ,url('/images/users/default.jpg');"></div>
                                                                <span class="info">
                                                                        <span class="name">علی‌اکبر فراهانی</span>
                                                                        <small class="date" data-color="#888">3 خرداد 1404</small>
                                                                </span>
                                                        </div>
                                                </div>
                                        </td>
                                </table>
                        </div>
                        <div class="Buttons">
                                <button class="next"><b class="fas fa-arrow-right"></b></button>
                                <button class="prev"><b class="fas fa-arrow-left"></b></button>
                        </div>
                </div>
        </div>
        
</div>



<!-- --------------------------footer--------------- -->
@{section footer}
<script src="../../../js/jsResource.js"></script>
<script src="../../../script/slider.js"></script>
<script>
        function removeExtraSpaces(text) {
                // Remove extra spaces and trim the text
                return text.replace(/\s+/g, ' ').trim();
        }
        $(document).ready(function(){
                $(".Hslid-Em1990 .Hslid-Em1990-SlideBox td:last-child").each(function(){
                        var elm_Offset=Number($(this).attr("offsetX"));
                        var obj=$(this).parents("table");
                        obj.parents(".Hslid-Em1990-SlideBox").stop();
                        obj.parents(".Hslid-Em1990-SlideBox").animate({scrollLeft:elm_Offset},800,'linear',function(){
                            obj.attr("currentScroll",obj.parent().scrollLeft());
                        });
                });



                $(".link").click(function(){
                        document.location=$(this).attr('href');
                });

                $(".Hstar-rate").each(function(){
                        var rate=$(this).attr('rate')*1;
                        if(rate>5){
                                rate=5;
                        }else if(rate<0 || (String(rate)=='NaN')){
                                rate=0;
                        }
                        var empty=5-Math.ceil(rate);
                        var stars="";
                        if(Math.floor(rate) == rate){
                                stars="<span class='fas fa-star'></span>".repeat(rate);
                                stars=stars+("<span class='far fa-star'></span>".repeat(empty));
                        }else{
                                stars="<span class='fas fa-star'></span>".repeat(Math.floor(rate));
                                stars=stars+"<span class='fas fa-star-half-alt'></span>";
                                stars=stars+("<span class='far fa-star'></span>".repeat(empty));
                        }
                        $(this).html(stars);
                });

                


                // $(".Hmenu-pro").mouseover(function(){
                //         $(this).removeClass("dark");
                //         $(this).addClass("light");
                // });
                // $(".Hmenu-pro").mouseout(function(){
                //         $(this).addClass("dark");
                //         $(this).removeClass("light");
                // });

                // $(".Hmenu-pro .hasChild").mouseover(function(){
                //         $(this).addClass("active");
                //         $(this).children().last().addClass("active");
                // });
                // $(".Hmenu-pro .hasChild").mouseout(function(){
                //         $(this).removeClass("active");
                //         $(this).children().last().removeClass("active");
                // });

                
                // var body=$("#BODY").offset().top-200;
                // window.addEventListener("resize", function(){
                //         body=$("#BODY").offset().top-200;
                // });
                $(document).on("scroll",async function(){
                        var mainScroll=await window.scrollY;
                        if(body<=mainScroll){
                                var z=await check_offset(mainScroll)+"";
                             
                                        switch (z){
                                                case "merchants":
                                                        $("#merchants").addClass("active");
                                                        $("#merchants").removeClass("deactive");
                                                        $("#merchants").nextAll().removeClass("LineActive LineDeactive LineDeactive2 active deactive");
                                                        $("#merchants").next().addClass("LineActive2");
                                                        break;
                                                case "undefined":    
                                                        $("#warehouse").addClass("active");
                                                        $("#warehouse").removeClass("deactive");
                                                        $("#warehouse").prevAll().removeClass("active LineActive LineDeactive2");
                                                        $("#warehouse").prevAll().filter(".Line").addClass("LineDeactive");
                                                        $("#warehouse").prevAll().filter(".stage").addClass("deactive");
                                                        $("#warehouse").prev().addClass("LineActive");
                                                        break;
                                                default :
                                                        $("#"+z).addClass("active");
                                                        $("#"+z).removeClass("deactive");
                                                        $("#"+z).siblings().removeClass("LineActive LineDeactive LineDeactive2 active deactive");
                                                        $("#"+z).prevAll().filter(".stage").addClass("deactive");
                                                        $("#"+z).prevAll().filter(".Line").addClass("LineDeactive");
                                                        $("#"+z).prev().addClass("LineActive");
                                                        
                                                        
                                        }
                                
                        }  
                });
        


                $("#search").click(function(){
                        var searchField=$("#searchField").val();
                        searchField=removeExtraSpaces(searchField);
                        if(searchField!=""){
                                window.location.assign("/productsList/page:1|searchField:"+searchField);
                        }
                });

                async function check_offset(x){
                        var l=$("#BODY").children().length;
                        var res="undefined";
                        for(var i=0;i<l;i++){
                                var d=$("#BODY").children().eq(i).offset().top-200;
                                if(d<=x){
                                        res=$("#BODY").children().eq(i).attr("label"); 
                                }else{
                                        return res;
                                }
                        }
                        
                }
        });
</script>
<script>
  document.querySelectorAll('.randomFlowElement').forEach((el, i) => {
    let start = performance.now();
    const amplitudeX = 15;
    const amplitudeY = 8;  
    const speed = 0.002 + Math.random() * 0.001; 

    function floatFrame(now) {
      const t = (now - start) * speed * 0.5;

      // موج‌های سینوسی با فازهای مختلف برای حالت طبیعی‌تر
      const x = Math.sin(t) * amplitudeX *0.5;
      const y = Math.cos(t * 0.7) * amplitudeY*0.5;

      el.style.transform = `translate(${x}px, ${y}px)`;

      requestAnimationFrame(floatFrame);
    }

    requestAnimationFrame(floatFrame);
  });
</script>
@{end}