<!-- RELATED DEBUG: 12 محصول یافت شد -->
<!-- آیتم 0: ID=46 | عنوان=ساعت مچی زنانه عقربه ای سه موتور سیتیزن SITIZEN VIP | slug=ساعت-مچی-عقربه-ای-سه-موتور-سیتیزن-SITIZEN-VIP | link=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B9%D9%82%D8%B1%D8%A8%D9%87-%D8%A7%DB%8C-%D8%B3%D9%87-%D9%85%D9%88%D8%AA%D9%88%D8%B1-%D8%B3%DB%8C%D8%AA%DB%8C%D8%B2%D9%86-SITIZEN-VIP -->
<!-- آیتم 1: ID=87 | عنوان=ساعت مچی زنانه امپاور EMPOWER صفحه سفید کهکشانی | slug=ساعت-مچی-زنانه-امپاور-EMPOWER-صفحه-سفید-کهکشانی | link=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%D8%A7%D9%85%D9%BE%D8%A7%D9%88%D8%B1-EMPOWER-%D8%B5%D9%81%D8%AD%D9%87-%D8%B3%D9%81%DB%8C%D8%AF-%DA%A9%D9%87%DA%A9%D8%B4%D8%A7%D9%86%DB%8C -->
<!-- آیتم 2: ID=86 | عنوان=ساعت مچی زنانه امپاور EMPOWER صفحه سیلور | slug=ساعت-مچی-زنانه-امپاور-EMPOWER-صفحه-سیلور- | link=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%D8%A7%D9%85%D9%BE%D8%A7%D9%88%D8%B1-EMPOWER-%D8%B5%D9%81%D8%AD%D9%87-%D8%B3%DB%8C%D9%84%D9%88%D8%B1- -->
<!-- آیتم 3: ID=84 | عنوان=ساعت مچی زنانه امپاور EMPOWER صفحه آبی | slug=ساعت-مچی-زنانه-امپاور-EMPOWER-صفحه-آبی | link=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%D8%A7%D9%85%D9%BE%D8%A7%D9%88%D8%B1-EMPOWER-%D8%B5%D9%81%D8%AD%D9%87-%D8%A2%D8%A8%DB%8C -->
<!-- آیتم 4: ID=123 | عنوان=ساعت مچي مردانه كاسيو نوستالژي مدل A159 كد1 | slug=ساعت-مچي-كاسيو-نوستالژي-مدل-A159-كد1 | link=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%D9%8A-%D9%83%D8%A7%D8%B3%D9%8A%D9%88-%D9%86%D9%88%D8%B3%D8%AA%D8%A7%D9%84%DA%98%D9%8A-%D9%85%D8%AF%D9%84-A159-%D9%83%D8%AF1 -->
<!-- آیتم 5: ID=88 | عنوان=ساعت مچی زنانه امپاور EMPOWER صفحه مشکی | slug=ساعت-مچی-زنانه-امپاور-EMPOWER-صفحه-مشکی | link=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%D8%A7%D9%85%D9%BE%D8%A7%D9%88%D8%B1-EMPOWER-%D8%B5%D9%81%D8%AD%D9%87-%D9%85%D8%B4%DA%A9%DB%8C -->
<!-- آیتم 6: ID=110 | عنوان=ساعت مچي زنانه طرح والار WALAR نقره اي طلايي | slug=ساعت-مچي-زنانه-طرح-والار-WALAR-نقره-اي-طلايي | link=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%D9%8A-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%D8%B7%D8%B1%D8%AD-%D9%88%D8%A7%D9%84%D8%A7%D8%B1-WALAR-%D9%86%D9%82%D8%B1%D9%87-%D8%A7%D9%8A-%D8%B7%D9%84%D8%A7%D9%8A%D9%8A -->
<!-- آیتم 7: ID=124 | عنوان=ساعت مچي زنانه كاسيو نوستالژي مدل A159 كد1 | slug=ساعت-مچي-زنانه-كاسيو-نوستالژي-مدل-A159-كد1 | link=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%D9%8A-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%D9%83%D8%A7%D8%B3%D9%8A%D9%88-%D9%86%D9%88%D8%B3%D8%AA%D8%A7%D9%84%DA%98%D9%8A-%D9%85%D8%AF%D9%84-A159-%D9%83%D8%AF1 -->
<!-- آیتم 8: ID=98 | عنوان=ساعت مچی زنانه کاسیو CASIO اولدمانی مشکی صفحه آبی | slug=ساعت-مچی-زنانه-کاسیو-CASIO-اولدمانی-مشکی-صفحه-آبی | link=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%DA%A9%D8%A7%D8%B3%DB%8C%D9%88-CASIO-%D8%A7%D9%88%D9%84%D8%AF%D9%85%D8%A7%D9%86%DB%8C-%D9%85%D8%B4%DA%A9%DB%8C-%D8%B5%D9%81%D8%AD%D9%87-%D8%A2%D8%A8%DB%8C -->
<!-- آیتم 9: ID=83 | عنوان=ساعت مچی زنانه امپاور EMPOWER صفحه سبز | slug=ساعت-مچی-زنانه-امپاورEMPOWER-صفحه-سبز | link=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%D8%A7%D9%85%D9%BE%D8%A7%D9%88%D8%B1EMPOWER-%D8%B5%D9%81%D8%AD%D9%87-%D8%B3%D8%A8%D8%B2 -->
<!-- آیتم 10: ID=95 | عنوان=ساعت مچی زنانه کاسیو CASIO اولدمانی تمام مشکی | slug=ساعت-مچی-زنانه-کاسیو-CASIO-اولدمانی-تمام-مشکی | link=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%DA%A9%D8%A7%D8%B3%DB%8C%D9%88-CASIO-%D8%A7%D9%88%D9%84%D8%AF%D9%85%D8%A7%D9%86%DB%8C-%D8%AA%D9%85%D8%A7%D9%85-%D9%85%D8%B4%DA%A9%DB%8C -->
<!-- آیتم 11: ID=96 | عنوان=ساعت مچی زنانه کاسیو CASIO اولدمانی مشکی صفحه سبز | slug=ساعت-مچی-زنانه-کاسیو-CASIO-اولدمانی-مشکی-صفحه-سبز | link=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%DA%A9%D8%A7%D8%B3%DB%8C%D9%88-CASIO-%D8%A7%D9%88%D9%84%D8%AF%D9%85%D8%A7%D9%86%DB%8C-%D9%85%D8%B4%DA%A9%DB%8C-%D8%B5%D9%81%D8%AD%D9%87-%D8%B3%D8%A8%D8%B2 -->

<!--ترب-->

<!--فوتر ویجت-->

<!DOCTYPE html>
<html lang="en" id="html">
    <head>
        <script>$baseUrl = 'https://zimokala.ir'</script>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="csrf-token" content="3l4xyMWCL1FmCwQWc0qxP8lGxbnLBgSlfb1UsKgk">
        <meta name="blog_url" content="https://zimokala.ir">
        <meta name="blog_key" content="httpszimokalair">
        <title>ساعت مچی نایک مدل دی لاین Nike dline watch مشکی</title>
<meta name="description" content="فروشگاه اینترنتی زیموکالا">
<meta name="keywords" content=",ساعت مچی دی لاین,ساعت مچی نایک مدل دی لاین,ساعت دی لاین,ساعت اسپرت نایک,ساعت نایک,ساعت مچی نایک,ساعت نایک مشکی,ساعت نایک نقره ای,ساعت دی لاین مشکی,ساعت دی لاین نقره ای,ساعت نایک فضایی,ساعت فضایی">
<link rel="canonical" href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D9%86%D8%A7%DB%8C%DA%A9-%D9%85%D8%AF%D9%84-%D8%AF%DB%8C-%D9%84%D8%A7%DB%8C%D9%86-Nike-dline-watch-%D9%85%D8%B4%DA%A9%DB%8C-">
<meta name="robots" content="1">
<meta property="og:description" content="فروشگاه اینترنتی زیموکالا">
<meta property="og:title" content="ساعت مچی نایک مدل دی لاین Nike dline watch مشکی">
<meta property="og:og:keywords" content=",ساعت مچی دی لاین,ساعت مچی نایک مدل دی لاین,ساعت دی لاین,ساعت اسپرت نایک,ساعت نایک,ساعت مچی نایک,ساعت نایک مشکی,ساعت نایک نقره ای,ساعت دی لاین مشکی,ساعت دی لاین نقره ای,ساعت نایک فضایی,ساعت فضایی">
<meta property="og:type" content="article">
<meta property="og:locale" content="fa-IR">
<meta property="og:url" content="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D9%86%D8%A7%DB%8C%DA%A9-%D9%85%D8%AF%D9%84-%D8%AF%DB%8C-%D9%84%D8%A7%DB%8C%D9%86-Nike-dline-watch-%D9%85%D8%B4%DA%A9%DB%8C-">
<meta property="og:image" content="https://zimokala.ir/uploads/product/product_60/default_img_60_389181.webp">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="ساعت مچی نایک مدل دی لاین Nike dline watch مشکی">
<meta name="twitter:site" content="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D9%86%D8%A7%DB%8C%DA%A9-%D9%85%D8%AF%D9%84-%D8%AF%DB%8C-%D9%84%D8%A7%DB%8C%D9%86-Nike-dline-watch-%D9%85%D8%B4%DA%A9%DB%8C-">
<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"Over 9000 Thousand!","description":"For those who helped create the Genki Dama"}</script>
            <!--متای تگ های ترب-->
    <meta name="product_id" content="60">
    <meta name="product_name" content="ساعت مچی نایک مدل دی لاین Nike dline watch مشکی">
    <meta name="product_price" id="product_price" content="720000">
    <meta name="product_old_price" id="product_old_price" content="1200000">
    <meta name="availability" id="availability" content="instock">  <!---instock or outofstock--->
    <meta property="product:condition" content="new">
    <meta property="product:availability" id="p-availability" content="instock">
    
        <link rel="icon" type="image/x-icon" href="https://zimokala.ir/uploads/setting/img-favicon-616997376611215.png">
        <!-- boorstrap -->
        <link rel="stylesheet" href="https://zimokala.ir/application/Modules/Shop/assets/css/libraries/bootstrap.rtl.min.css">
        <!-- owlcarousel -->
        <link rel="stylesheet" href="https://zimokala.ir/application/Modules/Shop/assets/css/libraries/owl.carousel.min.css">
        <!-- style & font icon -->
        <link rel="stylesheet" href="https://zimokala.ir/application/Modules/Shop/assets/css/libraries/font-icon.css">
        <link rel="stylesheet" href="https://zimokala.ir/application/Modules/Shop/assets/fonts/fontawesome/css/fontawesome.min.css">
        <link rel="stylesheet" href="https://zimokala.ir/application/Modules/Shop/assets/fonts/fontawesome/css/all.min.css">
        <link rel="stylesheet" href="https://zimokala.ir/application/Modules/Shop/assets/css/style.css">
        <link rel="stylesheet" href="https://zimokala.ir/application/Modules/Shop/assets/css/rtl.css">
        <link rel="stylesheet" href="https://zimokala.ir/application/Modules/Shop/assets/css/libraries/select2.min.css"/>

        <style>
            :root {
                --primary-color: ;
                --secondary-color: ;
                --cart-increase-icon-color: #000000;
                --cart-decrease-icon-color: #e60a0a;
                --cart-remove-icon-color: #8f8f8f;
            }
        </style>
        <!-- jquery -->
        <script src="https://zimokala.ir/application/Modules/Shop/assets/js/libraries/jquery-3.6.0.js"></script>

            <style>
        /*******--- Field Selection ---********/
        .fields ul{
            display: flex;
            overflow-x: auto;
            padding-top: 10px;
            padding-bottom: 5px;
        }
        .fields ul::-webkit-scrollbar {
            display: none;
        }
        .fields ul li{
            max-width: 100px;
            height: 26px;
            flex: none;
            border:solid 1px #b1b1b1bf;
            border-radius: 10px;
            padding: 3px 25px 3px 7px;
            font-family: 'iranyekan';
            display: flex;
            align-items: center;
            font-size: 13px;
            margin: 0 3px;
            position: relative;
            transition: all 0.3s ease;
            overflow: hidden;
            cursor: pointer;
            -webkit-user-select: none; /* Safari */
            -ms-user-select: none; /* IE 10 and IE 11 */
            user-select: none; /* Standard syntax */
        }
        .fields ul li:hover{
            max-width: 300px;
        }
        .fields ul li span{
            flex: none;
            margin-right:5px;
        }
        .fields ul li i{
            margin-left: 3px;
            font-size: 18px;
            position: absolute;
            right: 3px;
            top: 3px;
        }
        .fields ul li::before{
            background: var(--checked-color, #ddd);
            content: "";
            position: absolute;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            right: 3px;
            top: 3px;
        }
        .fields ul li.checked {
            border-color: var(--checked-border, #455055);
            background: #fff;
        }
        .fields ul li.checked::before {
            background: var(--checked-color, #455055);
        }
        .fields ul li.checked::after{
            content: "";
            position: absolute;
            right: 7px;
            top: 8px;
            width: 10px;
            height: 5px;
            border-left: solid 2px #ffffff;
            border-bottom: solid 2px #ffffff;
            border-right-color: transparent!important;
            transform: rotate(313deg);
            transition: width 0.4s ease;
        }
        /*******--- Stock List ---********/
        .stock-list ul li .wrapper{
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-radius: 8px;
            padding: 15px 5px;
            flex-wrap: wrap;
            margin-bottom: 15px;
        }
        .stock-list ul li .wrapper{
            background: #f7f7f8;
            transition: all 0.5s ease;
        }
        .stock-list ul li .wrapper:hover{
            box-shadow: 0 0 11px 3px rgb(0 0 0 / 14%)
        }
        .stock-list ul li .verity-item{
            width: 25% !important;
            padding: 5px 15px;
        }
        @media only screen and (max-width: 580px){
            .stock-list ul li .verity-item{
                width: 100% !important;
            }
            #introduction img{
                max-width: 100%;
                height: auto !important;
            }
            .boxfit{
                background: #eee;
                margin-bottom: 5px;
                padding: 10px 10px !important;
                border-radius: 7px;
            }
            .boxfit .specifications-list_title{
                font-weight: bold;
            }
            .boxfit .specifications-list_text{
                border-bottom: 0px !important;
            }
        }
        .afterLine::after{
            content: '';
            position: absolute;
            width: 70px;
            bottom: 0;
            right: 0;
            height: 3px;
            background: red;
        }
        #product-info-box span{
            color:inherit;
            font-family: 'iranyekan';
        }
        #product-info-box .increase-button span{
            background: var(--cart-increase-icon-color);
            padding: 10px;
            border-radius: 10px;
            color: #fff;
        }
        #product-info-box .decrease-button span{
            background: var(--cart-decrease-icon-color);
            padding: 10px;
            border-radius: 10px;
            color: #fff;
        }
        #product-info-box .delete-button span{
            background: var(--cart-remove-icon-color);
            padding: 10px;
            border-radius: 10px;
            color: #fff;
        }
        .box-property-title{
            font-size: 12px;
            font-family: 'iranyekan';
        }
        .box-property-value{
            font-family: 'iranyekan';
            font-size: 12px;
            color:#ddd;
        }
        .box-property-icon i{
           font-size: 15px;
            margin-left: 10px;
        }
        .box-property-value.has-color::before {
            content: "";
            display: inline-block;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            background: var(--property-color);
            margin-left: 5px;
            vertical-align: middle;
            margin-top: -2px;
        }
        .product-gallery .owl-nav{
            display: none;
        }
        .tags-container a{
            margin: 3px;
            color: black;
        }
        .comment-container{
            padding: 15px;
            margin-bottom: 25px;
            border-radius: 10px;
            background: #fcfeff;
            /* box-shadow: 0 0 8px 4px rgb(0 0 0 / 9%); */
            border: solid 2px #ebe9e9;
        }
        button:disabled{
            opacity: 0.3;
        }
        .img-container.tile {
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 100%;
        }
        .img-container .photo {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            transition: transform 0.5s ease-out;
        }
        @media only screen and (max-width: 768px) {
            .img-container .photo {
                transform: scale(1) !important;
            }
        }
        .zoom-preview {
            display: none !important; 
        }
        
        @media (min-width: 991px) {
        .product-info-wrapper {
                position: relative;
            }
            #product-info-box {
                position: sticky;
            }
        }
        .scrollable-before-sticky {
            position: sticky;
            top: auto;
            bottom: 20px;
        }
        
        
        
        
        @media (min-width: 992px) {
            .sticky-sidebar {
                position: sticky;
                top: 0;
                z-index: 100;
                transition: top 0.3s ease;
            }
            
            .sticky-sidebar.fixed-bottom {
                position: absolute;
                bottom: 0;
                top: auto;
            }
        }
        
        @media (max-width: 991px) {
            .mf-product {
                position: fixed;
                bottom: 60px;
                left: 0;
                right: 0;
                background: #fff;
                padding: 10px 15px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                z-index: 999;
                box-shadow: 0 -2px 8px rgba(0,0,0,0.08);
            }
            
            .mf-product .price {
                font-size: 14px;
                color: #3f4064;
                font-family: "vazir";
            }
            
            .mf-product .add-to-cart-btn {
                background: var(--primary-color);
                color: #fff;
                padding: 8px 15px;
                border-radius: 5px;
                font-family: "iranyekan";
                font-size: 14px;
                border: none;
            }
            
            .mf-product #add-to-cart-counting {
                font-size: 12px;
            }
            
        }
        
        
        
        @media (min-width: 992px) {
            .sidebar-container {
                position: relative;
            }
            .product-info-wrapper {
                position: sticky;
                top: 80px;
                transition: top 0.3s ease;
                width: 100%;
                z-index: 10;
            }
            .product-info-wrapper.static {
                position: relative;
                top: auto;
                bottom: auto;
            }
        }
        
        
    </style>
        <style>
            :root {
                --primary-color: #f8b500;
                --secondary-color: #343434;
            }
                        .watermark-container {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: repeat(3, 1fr);
                pointer-events: none;
                z-index: 10;
            }
            .watermark-overlay {
                display: flex;
                align-items: center;
                justify-content: center;
                opacity: 0.1;
                font-size: 12px;
                color: #000000;
                text-align: center;
            }
            .watermark-top-left     { grid-area: 1 / 1; }
            .watermark-top-center   { grid-area: 1 / 2; }
            .watermark-top-right    { grid-area: 1 / 3; }
            .watermark-middle-left  { grid-area: 2 / 1; }
            .watermark-middle-center{ grid-area: 2 / 2; }
            .watermark-middle-right { grid-area: 2 / 3; }
            .watermark-bottom-left  { grid-area: 3 / 1; }
            .watermark-bottom-center{ grid-area: 3 / 2; }
            .watermark-bottom-right { grid-area: 3 / 3; }
            .watermark-image {
                max-width: 80px;
                max-height: 80px;
                object-fit: contain;
                opacity: 0.1;
            }
        </style>
    </head>
<body>
<style>
    .sub-mega-menu-columns {
        --masonry-gap: 1rem;
        --masonry-brick-width: 200px;
        column-gap: var(--masonry-gap);
        column-fill: initial;
        column-width: var(--masonry-brick-width);
    }
    .sub-mega-menu-columns > * {
        break-inside: avoid;
        margin-bottom: var(--masonry-gap);
    }
    @supports(grid-template-rows: masonry) {
        .sub-mega-menu-columns {
          display: grid;
          gap: var(--masonry-gap);
          grid-template-rows: masonry;
          grid-template-columns: repeat(auto-fill, minmax(var(--masonry-brick-width), 1fr));
          align-tracks: stretch;
        }
        .sub-mega-menu-columns > * {
            margin-bottom: initial;
        }
    }
   
    .custom-placeholder {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        pointer-events: none;
        color: #999;
        font-size: 14px;
        align-items: center;
        font-family: 'vazir';
    }
   
    .searchbox-mb {
      flex-grow: 1;
    }
   
    @media screen and (min-width: 561px) {
      .searchbox-mb .searchbox-logo {
        display: none;
      }
      .custom-placeholder {
        display: none;
      }
    }
    @media (max-width: 560px) {
        .searchbox-logo {
            max-width: 90px;
            margin-right: 5px;
            margin-bottom: 3px;
        }
    }
    @media (max-width: 561px) {
        .search-input::placeholder {
            opacity: 0;
        }
    }
    @media (min-width: 1200px) {
        .custom-placeholder {
            display: none !important;
        }
    }
   
    @media (max-width: 991px) {
        .navbar-expand-lg {
            display: none;
        }
    }
   
   
    @media (max-width: 768px) {
        .popup-content {
            max-width: 90%;
        }
        .popup-style2 {
            flex-direction: column;
        }
        .popup-image, .popup-text {
            flex: none;
            width: 100%;
        }
    }
   
   
    .popup-overlay {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        z-index: 1099;
    }
    .popup-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 10px;
        max-width: 600px;
        width: 90%;
        background-color: #fffa;
        backdrop-filter: blur(10px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }
   
    .popup-close {
        position: absolute;
        top: 7px;
        left: 15px;
        background: transparent;
        border: none;
        font-size: 24px;
        cursor: pointer;
    }
    .popup-content img {
        width: 100%;
        height: auto;
        border-radius: 10px;
    }
    .popup-style2 {
        display: flex;
        gap: 10px;
        align-items: center;
    }
    .popup-text{
        font-family: "iranyekan";
    }
    .popup-text a{
        color: #fff;
        padding: 10px 20px;
        border-radius: 7px;
        text-decoration: none;
    }
    .navbar-top {
      position: relative;
      left: 0;
      right: 0;
      z-index: 1000;
      transition: box-shadow 0.25s ease;
    }
    .navbar-top.fixed {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
    }
    .navbar-top.shadowed {
      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    }
    .navbar {
      z-index: 900;
      transition: transform 0.5s cubic-bezier(.2,.9,.2,1), opacity 0.5s ease;
      will-change: transform;
    }
    .navbar.hidden {
      transform: translateY(-100%);
    }
    .navbar.visible {
      transform: translateY(0);
      opacity: 1;
    }
    .navbar-top-placeholder,
    .navbar-placeholder {
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    
    .category-suggestions .item-container {
        display: flex;
    }
    .category-suggestions .sub-category .item-container {
        max-height: 140px;
    }
    .category-suggestions .sub-category .item-container .item {
        background: #f0f0f1;
        border-radius: 20px;
        padding: 5px;
    }
    .category-suggestions .sub-category .item-container .item img {
        height: 50px;
        width: 50px;
        padding: 10px;
    }
    .category-suggestions .sub-category .item-container .item h6 {
        font-size: 12px;
        font-family: 'iranyekan';
    }
    .category-suggestions .sub-category .item-container .owl-nav {
        display: none;
    }
    .category-suggestions .sub-category h6 {
        font-size: 11px;
    }
    
    @media (max-width: 960px) {
        .category-suggestions .sub-category .owl-stage .owl-item {
            max-width: 110px !important;
        }
    }
    

    .search-result_item {
        display: flex;
        align-items: center;
        padding: 10px;
        border-bottom: 1px solid #f0f0f0;
        transition: background 0.2s;
    }

    .search-result_item:hover {
        background: #f8f8f8;
    }

    .search-result_img {
        width: 50px;
        height: 50px;
        margin-right: 15px;
        border-radius: 4px;
        overflow: hidden;
    }

    .search-result_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .search-result_name {
        font-size: 13px;
        color: #333;
        margin: 0;
    }

    .category-suggestions h5 {
        font-size: 14px;
        margin-bottom: 10px;
        color: #555;
    }

    .category-suggestions ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .category-suggestions li a {
        display: block;
        padding: 8px 0;
        color: #007bff;
        text-decoration: none;
        font-size: 13px;
        transition: color 0.2s;
    }

    .category-suggestions li a:hover {
        color: #0056b3;
    }

    /* Mobile adjustments */
    @media (max-width: 768px) {
        .search-result {
            flex-direction: column; /* Stack on mobile */
        }

        .search-items, .category-suggestions {
            border-right: none;
            border-bottom: 1px solid #eee;
        }

        .category-suggestions {
            border-bottom: none;
        }
    }
</style>
<!-- navbar -->
<header class="header">
    <!--Dashboard Navbar -->
       
    <!-- Banner Section -->
            <!-- Popup Section -->
        <!-- nav top -->
    <div class="navbar-top sticky-navbar">
        <div class="container-4xl-w px-3">
            <div class="row">
                <div class="col-lg-12 d-flex align-items-center justify-content-between">
                    <div class="inner-nav-container d-flex align-items-center flex-wrap w-100">
                        <div class="navbar-logo d-flex align-items-center mobile-hidden">
                            <!-- logo -->
                            <a class="navbar-brand" href="https://zimokala.ir">
                                <img src="https://zimokala.ir/uploads/setting/img-logo-317709913431578.png" alt="فروشگاه اینترنتی زیموکالا" >
                            </a>
                        </div>
                        <!-- search box -->
                        <div class="searchbox-mb">
                            <form action="https://zimokala.ir/product-category" method="get" class="search-box d-lg-flex align-items-center" id="search-hint">
                                <input type="text" name="term" class="search-input" placeholder="جستجو محصولات" autocomplete="off">
                                <div class="custom-placeholder align-items-center">
                                    <span>جستجوی محصولات در</span>
                                    <img src="https://zimokala.ir/uploads/setting/img-logo-317709913431578.png" alt="فروشگاه اینترنتی زیموکالا" class="searchbox-logo">
                                </div>
                                <button type="button" class="search-btn "><i class="icon-search-normal-1"></i></button>
                                <!-- search-result -->
                                <div class="search-result" id="search-result" style="display: none">
                                    <div class="category-suggestions overflow-hidden mb-3" style="display: none;">
                                        <h5 class="iranyekan mb-3"></h5>
                                        <!--<div class="category-items"></div>-->
                                        <div class="sub-category overflow-hidden">
                                            <div class="">
                                                <div class="d-flex align-items-center item-container owl-carousel">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="line"></div>
                                    <div class="search-items" style="display: none;">
                                        <h5 class="iranyekan font-medium mt-2 mb-3">نتایج محصولات</h5>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                   
                    <!-- btns -->
                    <div class="d-flex align-items-center mobile-hidden">
                        <div class="has-dropdown">
                            <a href="https://zimokala.ir/cart" type="button" class="btn-header d-none d-lg-block cart-btn position-relative">
                                <span class="icon-shopping-bag"></span>
                                <span id="basket-notify" class="basket-notify position-absolute top-0 translate-middle badge rounded-pill" style="display: none">0</span>
                            </a>
                            <!---سبد خرید---->
                            <div class="dropdown-container pt-2 position-absolute top-100 ">
                                <div class="dropdown-cart">
                                    <ul class="dropdown-cart-list AZ-scroll-vertical" id="basket">
                                    </ul>
                                    <div class="total-box d-flex align-items-center justify-content-between my-3">
                                        <h4 class="total-box-title vazir font-medium">جمع کل :</h4>
                                        <p class="total-box-price">
                                            <span class="prices font-medium bold" id="basket-total-price">0</span>
                                            <span class="text-mute font-small">تومان</span>
                                        </p>
                                    </div>
                                    <div class="d-flex align-items-center justify-content-between gap-20">
                                        <a href="https://zimokala.ir/cart" class="secondary-btn d-flex align-items-center"><i class="icon-bag"></i>  مشاهده سبد خرید </a>
                                        <a href="https://zimokala.ir/cart" class="primary-btn d-flex align-items-center"><i class="fab fa-amazon-pay"></i>  پرداخت </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="has-dropdown">
                                                            <a href="https://zimokala.ir/login" class="login-btn d-none d-lg-flex align-items-center"><span class="icon-login"></span> ورود | ثبت‌نام </a>
                                                    </div>
                    </div>
                   
                </div>
            </div>
        </div>
    </div>
    <div class="navbar-top-placeholder" style="height: 0;"></div>
    <!-- nav-bottom -->
    <nav class="navbar navbar-expand-lg" >
        <div class="container-4xl-w d-flex justify-content-center position-relative px-3">
            <div class="collapse navbar-collapse">
                <!-- category menu -->
                <div class="nav-item d-flex align-items-center megamenu-container megamenu-container_main first-item h-100">
                    <a href="https://zimokala.ir/product-category" class="category-item d-flex align-items-center"><span class="icon-menu-1"></span>دسته‌بندی کالاها</a>
                    <!-- megamenu -->
                    <div class="megamenu">
                        <div class="megamenu__box tabs bg-white d-flex align-items-start">
                            <ul class="megamenu-list" id="tabs-nav">
                                                            </ul>
                            <div id="tabs-content" class="w-100 h-100">
                                                            </div>
                        </div>
                    </div>
                </div>
                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                                        <li class="nav-item">
                        <a class="nav-link d-flex align-items-center " href="https://zimokala.ir/"><i class="icon-home-2 font-16px"></i>  <p>صفحه اصلی</p> </a>
                    </li>
                                        <li class="nav-item">
                        <a class="nav-link d-flex align-items-center " href="https://zimokala.ir/product-category"><i class="icon-shopping-cart font-16px"></i>  <p>محصولات</p> </a>
                    </li>
                                        <li class="nav-item">
                        <a class="nav-link d-flex align-items-center " href="https://zimokala.ir/blog"><i class="icon-note-text font-16px"></i>  <p>وبلاگ</p> </a>
                    </li>
                                        <span class="navbar-underline"></span>
                </ul>
            </div>
           
            <span class="navbar-text d-flex align-items-center align-self-end mobile-hidden">
                <div class="d-flex flex-column">
                    <div class="d-flex align-items-center">
                        <a href="tel:08132527732" class="d-flex phone contact-text align-items-center">08132527732
                        </a>
                    </div>
                    <a href="https://zimokala.ir/page/contact-us2" class="contact-text">تماس با پشتیبانی</a>
                </div>
                <span class="contact-icon icon-call-calling"></span>
            </span>
           
           
            <!--<span class="navbar-text d-flex align-items-center align-self-end mobile-hidden">-->
            <!-- <div class="d-flex flex-column">-->
            <!-- <div class="d-flex align-items-center mb-1">-->
            <!-- <a href="tel:08132527732" class="phone direction-ltr">08132527732</a>-->
            <!-- <span class="contact-icon icon-call-calling"></span>-->
            <!-- </div>-->
            <!-- <a href="https://zimokala.ir/page/contact-us2" class="contact-text">سوالی دارید؟ تماس بگیرید</a>-->
            <!-- </div>-->
            <!-- </span>-->
           
        </div>
    </nav>
    <div class="navbar-placeholder" style="height: 0;"></div>
    
    <!-- hamberger menu mobile -->
                    <div class="offcanvas offcanvas-start sidebar-navbar" tabindex="-1" id="sidebarNavbar" aria-labelledby="offcanvasExampleLabel">
                        <div class="offcanvas-body p-0">
                            <!-- search-sidebar -->
                            <div class="search-sidebar d-flex align-items-center justify-content-center">
                                <img src="https://zimokala.ir/uploads/setting/img-logo-317709913431578.png" height="50">
                            </div>
                            <!-- menu sidebar -->
                            <div class="sidebar w-100">
                                <div id="accordian">
                                    <ul class="show-dropdown ">
                                        <li class="sidebar-category-item">
                                            <a href="javascript:void(0);" class="sidebar-link sidebar-category-link d-flex align-items-center"><span class="icon-category-21"></span>دسته‌بندی‌ها</a>
                                            <ul>
                                                                                            </ul>
                                        </li>
                                                                                <li class="">
                                            <a href="https://zimokala.ir/" class=" sidebar-link d-flex align-items-center "><i class="icon-home-2"></i>  صفحه اصلی</a>
                                        </li>
                                                                                <li class="">
                                            <a href="https://zimokala.ir/product-category" class=" sidebar-link d-flex align-items-center "><i class="icon-shopping-cart"></i>  محصولات</a>
                                        </li>
                                                                                <li class="">
                                            <a href="https://zimokala.ir/blog" class=" sidebar-link d-flex align-items-center "><i class="icon-note-text"></i>  وبلاگ</a>
                                        </li>
                                                                                                                            <li class="">
                                                <a href="https://zimokala.ir/login" class=" sidebar-link d-flex align-items-center "><i class="icon-user"></i>   ورود </a>
                                            </li>
                                                                            </ul>
                                </div>
                            </div>
                        </div>
                    </div>
    
    
    
</header>
<!-- fixed bottom navbar -->
<div class="navbar-fixed-mobile d-lg-none">
    <div class="container">
        <div class="row">
            <div class="col-3">
                <a class="d-flex align-items-center justify-content-center flex-column" data-bs-toggle="offcanvas" href="#sidebarNavbar" role="button" aria-controls="offcanvasExample">
                    <span class="icon-category-2"></span>
                    <p>دسته‌بندی‌ها</p>
                </a>
            </div>
            <div class="col-3">
                <a href="https://zimokala.ir/product-category" class="d-flex align-items-center justify-content-center flex-column">
                    <span class="icon-shop"></span>
                    <p>فروشگاه</p>
                </a>
            </div>
            <div class="col-3" style="position: relative">
                <a href="https://zimokala.ir/cart" class="d-flex align-items-center justify-content-center flex-column" >
                    <span class="mobile-cart-pill basket-notify" style="position:absolute;top:0;" >0</span>
                    <span class="icon-bag-tick"></span>
                    <p>سبد خرید</p>
                </a>
            </div>
            <div class="col-3">
                <a href="https://zimokala.ir/profile" class="d-flex align-items-center justify-content-center flex-column">
                    <span class="icon-user"></span>
                    <p>حساب من</p>
                </a>
            </div>
        </div>
    </div>
</div>
<script>
    class SearchHint{
        static searchTimer;
        static url='https://zimokala.ir';
        static loaderOn() {
            $("#search-hint").find("i").removeClass().addClass('fa fa-spinner fa-spin');
            $(".search-items").addClass('loading');
        }
        static loaderOff(icon) {
            icon = typeof icon !== "undefined" ? icon : "fa fa-remove";
            $(".search-items").removeClass('loading');
            $("#search-hint").find("i").removeClass().addClass(icon);
        }
        static search() {
            $('#search-hint').on('keyup', '.search-input', function () {
                clearTimeout(SearchHint.searchTimer);
                let self = this;
                let searchTerm = $(this).val().trim();
                if (searchTerm.length > 0) {
                    SearchHint.loaderOn();
                    SearchHint.searchTimer = setTimeout(function () {
                        SearchHint.searchCallServer(self, searchTerm);
                    }, 900);
                } else {
                    $("#search-result").fadeOut();
                    SearchHint.loaderOff('icon-search-normal-1');
                }
            });
            $(".search-btn").click(function () {
                if ($(this).find('i.fa-remove').length) {
                    $(this).closest('form').find('input').val('');
                    SearchHint.loaderOff('icon-search-normal-1');
                    $("#search-result").fadeOut();
                }
            });
            $("#search-hint").on('focus', '.search-input', function () {
                $("#search-result").fadeIn();
                SearchHint.loaderOff('fa fa-remove');
            });
        }
        // static searchCallServer(t, term) {
        //     let query = term.split(' ').join('+');
        //     helper().get('https://zimokala.ir/find-product?term=' + query).done(function (r) {
        //         let el = '<div class="search-result_item px-3 py-1 d-flex align-items-center">    <div class="search-result_img img-container">        <div class="img-container-inner">            <img src="{SRC}"  >        </div>    </div>    <div>        <a href="{LINK}" >            <h4 class="search-result_name mb-0">{TITLE}</h4>        </a>    </div></div>';
        //         let result = '';
        //         r.data.data.forEach(function (item, key) {
        //             let matchRegex = new RegExp(query.split('+').join('|'), 'gi');
        //             item.title = item.title.replace(matchRegex, '<span class="highlight">$&</span>');
        //             item.title_en = item.title_en ? item.title_en.replace(matchRegex, '<span class="highlight">$&</span>') : '';
        //             if (!item.link) {
        //                 item.link = '/product/' + item.slug;
        //             }
        //             let element = el.replace(/{ID}/g, item.id);
        //             let src = item.img.startsWith('http') ? item.img : (SearchHint.url + '/' + item.img);
        //             element = element.replace(/{SRC}/g, src);
        //             element = element.replace(/{TITLE}/g, item.title);
        //             element = element.replace(/{TITLE_EN}/g, item.title_en);
        //             element = element.replace(/{LINK}/g, item.link);
        //             result += element;
        //         });
        //         if (!r.data.data.length) {
        //             result = '<div class="text-right p-3 vazir font-medium">هیچ نتیجه‌ای یافت نشد</div>';
        //         }
        //         $("#search-result .search-items").html(result);
        //         // if (r.category_suggestions.length > 0) {
        //         //     let catHtml = '';
        //         //     r.category_suggestions.forEach(function (sug) {
        //         //         let catElement = el.replace(/{ID}/g, sug.id);
        //         //         catElement = catElement.replace(/{SRC}/g, sug.img);
        //         //         catElement = catElement.replace(/{TITLE}/g, sug.display);
        //         //         catElement = catElement.replace(/{TITLE_EN}/g, '');
        //         //         catElement = catElement.replace(/{LINK}/g, sug.link);
        //         //         catHtml += catElement;
        //         //     });
        //         //     $(".category-suggestions .category-items").html(catHtml);
        //         //     $(".category-suggestions").show();
        //         // } else {
        //         //     $(".category-suggestions").hide();
        //         // }
                
                
                
        //         if (r.category_suggestions.length > 0) {
        //             let $carousel = $(".category-suggestions .item-container");
        //             if ($carousel.data('owl.carousel')) {
        //                 $carousel.trigger('destroy').owlCarousel('destroy');
        //             }
        //             let catHtml = '';
        //             r.category_suggestions.forEach(function (sug) {
        //                 catHtml += `
        //                     <div class="d-flex flex-column align-items-center">
        //                         <div class="d-flex flex-column align-items-center item">
        //                             <a href="${sug.link}">
        //                                 <img src="${sug.img}">
        //                             </a>
        //                         </div>
        //                         <h6 title="${sug.display}" class="mt-2 iranyekan">${sug.display}</h6>
        //                     </div>
        //                 `;
        //             });
        //             $carousel.html(catHtml);
        //             $carousel.owlCarousel({
        //                 rtl: true,
        //                 loop: false,
        //                 margin: 15,
        //                 dots: false,
        //                 nav: false,
        //                 items: 10,
        //                 autoplay: false,
        //                 autoplayTimeout: 4000,
        //                 autoplayHoverPause: true,
        //                 stageClass: 'owl-stage d-flex',
        //                 responsive: {
        //                     0:    { items: 1 },
        //                     270:  { items: 2 },
        //                     360:  { items: 3 },
        //                     560:  { items: 4 },
        //                     600:  { items: 5 },
        //                     720:  { items: 6 },
        //                     960:  { items: 8 },
        //                     1200: { items: 10 }
        //                 }
        //             });
                
        //             $(".category-suggestions").show();
        //         } else {
        //             $(".category-suggestions").hide();
        //         }
                
                
                
        //         $("#search-result").fadeIn();
        //     }).always(function () {
        //         SearchHint.loaderOff();
        //     });
        // }
    
        
        
        
        
        static searchCallServer(t, term) {
            let query = term.split(' ').join('+');
            helper().get('https://zimokala.ir/find-product?term=' + query).done(function (r) {
                
                let searchedTerm = (r.term !== undefined ? r.term : term).trim();
                const escapeHtml = (str) => String(str).replace(/[&<>"']/g, (m) => ({
                    '&':'&amp;', '<':'&lt;', '>':'&gt;', '"':'&quot;', "'":'&#39;'
                }[m]));
                let safeTerm = escapeHtml(searchedTerm);
                
                let el = '<div class="search-result_item px-3 py-1 d-flex align-items-center">    <div class="search-result_img img-container">        <div class="img-container-inner">            <img src="{SRC}"  >        </div>    </div>    <div>        <a href="{LINK}" >            <h4 class="search-result_name mb-0">{TITLE}</h4>        </a>    </div></div>';
                let result = '';
                
                r.data.data.forEach(function (item, key) {
                    let matchRegex = new RegExp(query.split('+').join('|'), 'gi');
                    item.title = item.title.replace(matchRegex, '<span class="highlight">$&</span>');
                    item.title_en = item.title_en ? item.title_en.replace(matchRegex, '<span class="highlight">$&</span>') : '';
                    if (!item.link) item.link = '/product/' + item.slug;
        
                    let element = el.replace(/{ID}/g, item.id);
                    let src = item.img.startsWith('http') ? item.img : (SearchHint.url + '/' + item.img);
                    element = element.replace(/{SRC}/g, src);
                    element = element.replace(/{TITLE}/g, item.title);
                    element = element.replace(/{TITLE_EN}/g, item.title_en);
                    element = element.replace(/{LINK}/g, item.link);
                    result += element;
                });
        
                let $searchItems = $("#search-result .search-items");
        
                if (r.data.data.length > 0) {
                    $searchItems.html(`
                        <h5 class="iranyekan font-medium mt-2 mb-2">"${safeTerm}" در محصولات</h5>
                        ${result}
                    `).show();
                } else {
                    $searchItems.html(`
                        <div class="text-right p-3 vazir font-medium">هیچ نتیجه‌ای یافت نشد</div>
                    `).show();
                }
                if (r.category_suggestions.length > 0) {
                    let catHtml = '';
                    r.category_suggestions.forEach(function (sug) {
                        catHtml += `
                            <div class="d-flex flex-column align-items-center">
                                <div class="d-flex flex-column align-items-center item">
                                    <a href="${sug.link}"><img src="${sug.img}" onerror="this.src='https://zimokala.ir/application/Modules/Management/assets/img/no-image.png';"></a>
                                </div>
                                <h6 title="${sug.display}" class="mt-2 iranyekan">${sug.display}</h6>
                            </div>
                        `;
                    });
        
                    let $carousel = $(".category-suggestions .item-container");
                    if ($carousel.data('owl.carousel')) $carousel.trigger('destroy').owlCarousel('destroy');
        
                    $carousel.html(catHtml).owlCarousel({
                        rtl: true,
                        loop: false,
                        margin: 0,
                        dots: false,
                        nav: false,
                        items: 10,
                        autoplay: false,
                        autoplayTimeout: 4000,
                        autoplayHoverPause: true,
                        stageClass: 'owl-stage d-flex',
                        responsive: {
                            0:    { items: 1.5 },
                            460:  { items: 2.5 },
                            720:  { items: 4.5 },
                            991:  { items: 5.5 },
                        }
                        
                    });
                    
                    $(".category-suggestions h5").html(`"${safeTerm}" در دسته‌بندی‌ها`);
                    $(".category-suggestions").show();
                } else {
                    $(".category-suggestions").hide();
                }
        
                $("#search-result").fadeIn();
            }).always(function () {
                SearchHint.loaderOff();
            });
        }
        
        
        static tags() {
            helper().get('https://zimokala.ir/search-tags').done(function (r) {
                let html = '';
                r.data.forEach(function (item) {
                    html += '<a href="https://zimokala.ir/product-category?tag=' + item.slug + '" class="tag-link"> ' + item.title + ' </a>';
                });
                $(".search-result_tags").html(html);
            });
        }
    }
    SearchHint.search();
    setTimeout(function () {
        SearchHint.tags();
    }, 1000);
   
   
    document.addEventListener('DOMContentLoaded', function() {
        const cartPill = document.querySelector('.mobile-cart-pill');
        if (cartPill && cartPill.textContent.trim() === '0') {
            cartPill.style.display = 'none';
        }
    });
</script>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const menuItems = document.querySelectorAll('.megamenu-list li');
        menuItems.forEach(item => {
            item.addEventListener('mouseenter', function() {
                menuItems.forEach(i => i.classList.remove('active'));
                this.classList.add('active');
                document.querySelectorAll('.tab-content').forEach(tab => {
                    tab.style.display = 'none';
                });
                const tabId = this.querySelector('a').getAttribute('data-tab');
                if (tabId) {
                    document.getElementById(tabId).style.display = 'block';
                }
            });
            item.querySelector('a').addEventListener('click', function(e) {
                e.preventDefault();
                const tabId = this.getAttribute('data-tab');
                document.querySelectorAll('.tab-content').forEach(tab => {
                    tab.style.display = 'none';
                });
                document.getElementById(tabId).style.display = 'block';
                setTimeout(() => {
                    window.location.href = this.getAttribute('href');
                }, 200);
            });
        });
    });
</script>
<script>
    document.addEventListener('DOMContentLoaded', function () {
        const searchInput = document.querySelector('.search-input');
        const customPlaceholder = document.querySelector('.custom-placeholder');
        if (searchInput && customPlaceholder) {
            searchInput.addEventListener('input', function () {
                customPlaceholder.style.display = this.value ? 'none' : 'flex';
            });
            searchInput.addEventListener('focus', function () {
                customPlaceholder.style.display = 'none';
            });
            searchInput.addEventListener('blur', function () {
                if (!this.value) {
                    customPlaceholder.style.display = 'flex';
                }
            });
        }
    });
</script>
<script>
    document.addEventListener('DOMContentLoaded', function () {
        const nav = document.querySelector('.navbar-nav');
        const underline = document.querySelector('.navbar-underline');
        const items = document.querySelectorAll('.navbar-nav .nav-item');
        items.forEach(item => {
            item.addEventListener('mouseenter', function () {
                const link = this.querySelector('.nav-link');
                const rect = link.getBoundingClientRect();
                const navRect = nav.getBoundingClientRect();
                underline.style.width = rect.width + 'px';
                underline.style.left = (rect.left - navRect.left) + 'px';
            });
        });
        nav.addEventListener('mouseleave', function () {
            underline.style.width = 0;
        });
    });
</script>

    <!-- product -->
    <section class="product-page">
        <div class="container-4xl-w">
            <div class="row">
                <div class="col-lg-12">
                    <div class="c-row">
                                                <div class="col-lg-12 breadcrumb">
                            <div class="breadcrumb d-flex align-items-center">
                                <a href="https://zimokala.ir/" class="breadcrumb-link">فروشگاه اینترنتی زیموکالا</a>
                                <span>/</span>
                                <a href="https://zimokala.ir/product-category" class="breadcrumb-link">محصولات</a>
                                                                    <span>/</span>
                                    <a href="https://zimokala.ir/product-category/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C" class="breadcrumb-link">ساعت مچی</a>
                                                                    <span>/</span>
                                    <a href="https://zimokala.ir/product-category/%D8%B2%D9%86%D8%A7%D9%86%D9%87" class="breadcrumb-link">زنانه عقربه ای</a>
                                                                <span>/</span>
                                <a href="#" class="breadcrumb-link">ساعت مچی نایک مدل دی لاین Nike dline watch مشکی</a>
                            </div>
                        </div>
                                                <div class="c-row col-lg-9 mb-4 mb-lg-0 px-lg-3">
                            <div class="c-row col-lg-12 px-3 py-3 border-1">
                                <div class="col-lg-5 px-2 py-3">
                                    <div class="product-gallery d-flex justify-content-between flex-column">
                                        <div class="img_product_container img-container tile" data-scale="2" data-image="https://zimokala.ir/uploads/product/product_60/default_img_60_957252.webp">
                                            <div class="img-container-inner">
                                                <div class="photo"></div>
                                                <img src="https://zimokala.ir/uploads/product/product_60/default_img_60_957252.webp" alt="ساعت مچی نایک مدل دی لاین Nike dline watch مشکی" style="display: none;">
                                                                                            </div>
                                        </div>
                                        <div id="thumb1" class="owl-carousel owl-theme mt-2">
                                            <div class="item">
                                                                                                    <a href="#" class="product-thumb-img img-container" data-bs-target="#galleryModal" data-bs-toggle="modal">
                                                                                                    <div class="img-container-inner">
                                                        <img src="https://zimokala.ir/uploads/product/product_60/default_img_60_957252.webp" alt="ساعت مچی نایک مدل دی لاین Nike dline watch مشکی">
                                                    </div>
                                                </a>
                                            </div>
                                            
                                                                                        <div class="item">
                                                                                                    <a href="#" class="product-thumb-img img-container" data-bs-target="#galleryModal" data-bs-toggle="modal">
                                                                                                    <div class="img-container-inner">
                                                        <img src="https://zimokala.ir/uploads/product/product_60/product_gallery_60_6827928.webp" alt="">
                                                                                                            </div>
                                                </a>
                                            </div>
                                                                                        <div class="item">
                                                                                                    <a href="#" class="product-thumb-img img-container" data-bs-target="#galleryModal" data-bs-toggle="modal">
                                                                                                    <div class="img-container-inner">
                                                        <img src="https://zimokala.ir/uploads/product/product_60/product_gallery_60_5975747.webp" alt="">
                                                                                                            </div>
                                                </a>
                                            </div>
                                                                                        <div class="item">
                                                                                                    <a href="#" class="product-thumb-img img-container" data-bs-target="#galleryModal" data-bs-toggle="modal">
                                                                                                    <div class="img-container-inner">
                                                        <img src="https://zimokala.ir/uploads/product/product_60/product_gallery_60_3072028.webp" alt="">
                                                                                                            </div>
                                                </a>
                                            </div>
                                                                                        <div class="item">
                                                                                                    <a href="#" class="product-thumb-img img-container" data-bs-target="#galleryModal" data-bs-toggle="modal">
                                                                                                    <div class="img-container-inner">
                                                        <img src="https://zimokala.ir/uploads/product/product_60/product_gallery_60_2871136.webp" alt="">
                                                                                                            </div>
                                                </a>
                                            </div>
                                                                                        <div class="item">
                                                                                                    <a href="#" class="product-thumb-img img-container" data-bs-target="#galleryModal" data-bs-toggle="modal">
                                                                                                    <div class="img-container-inner">
                                                        <img src="https://zimokala.ir/uploads/product/product_60/product_gallery_60_8823237.webp" alt="">
                                                                                                            </div>
                                                </a>
                                            </div>
                                                                                    </div>
                                                                                                                                                                </div>
                                </div>
                                <div class="col-lg-7 px-2 py-3">
                                    <h1 class="product-name mb-3 pb-3 border-p">ساعت مچی نایک مدل دی لاین Nike dline watch مشکی</h1>
                                    <div class="d-flex justify-content-between align-items-center flex-wrap mb-3">
                                        <div class="d-flex align-items-center gap-10 mb-3">
                                            <p class="average-score d-flex align-items-center"><span class="icon-star2"></span> 0 <span class="average-score-details">(امتیاز 0 خریدار)</span></p>
                                            <a href="#" class="comment-number">0 دیدگاه<i class="icon-arrow-left-2"></i></a>
                                            <a href="#" class="comment-number">0 پرسش<i class="icon-arrow-left-2"></i></a>
                                        </div>
                                        <div class="product-links d-flex gap-10">
                                            <a href="javascript:;"><i class="add-to-favorite icon-heart" data-relate-to="product" data-relate-id="60"></i></a>
                                            <a href="https://zimokala.ir/compare/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D9%86%D8%A7%DB%8C%DA%A9-%D9%85%D8%AF%D9%84-%D8%AF%DB%8C-%D9%84%D8%A7%DB%8C%D9%86-Nike-dline-watch-%D9%85%D8%B4%DA%A9%DB%8C-" title="شرکت در مقایسه محصول"><span class="icon-shuffle"></span></a>
                                            <a href="#" data-bs-target="#shareModal" data-bs-toggle="modal" title="اشتراک گذاری"><span class="icon-share"></span></a>
                                            <a href="#" data-bs-target="#reportModal" data-bs-toggle="modal" title="گزارش نادرستی مشخصات"><span class="icon-info-circle"></span></a>
                                            <a href="#" data-bs-toggle="modal" data-bs-target="#priceReportModal" title="گزارش قیمت مناسب تر"><span class="icon-kanban"></span></a>
                                        </div>
                                    </div>

                                                                        <!--<div class="iranyekan bold font-13px mt-3 tags-container">-->
                                    <!--    -->
                                    <!--    <a href="https://zimokala.ir/product-category?tag=ساعت-فضایی">#ساعت فضایی</a>-->
                                    <!--    -->
                                    <!--    <a href="https://zimokala.ir/product-category?tag=ساعت-مچی-دی-لاین">#ساعت مچی دی لاین</a>-->
                                    <!--    -->
                                    <!--    <a href="https://zimokala.ir/product-category?tag=ساعت-مچی-نایک-مدل-دی-لاین">#ساعت مچی نایک مدل دی لاین</a>-->
                                    <!--    -->
                                    <!--    <a href="https://zimokala.ir/product-category?tag=ساعت-دی-لاین">#ساعت دی لاین</a>-->
                                    <!--    -->
                                    <!--    <a href="https://zimokala.ir/product-category?tag=ساعت-اسپرت-نایک">#ساعت اسپرت نایک</a>-->
                                    <!--    -->
                                    <!--    <a href="https://zimokala.ir/product-category?tag=ساعت-نایک">#ساعت نایک</a>-->
                                    <!--    -->
                                    <!--    <a href="https://zimokala.ir/product-category?tag=ساعت-مچی-نایک">#ساعت مچی نایک</a>-->
                                    <!--    -->
                                    <!--    <a href="https://zimokala.ir/product-category?tag=ساعت-نایک-مشکی">#ساعت نایک مشکی</a>-->
                                    <!--    -->
                                    <!--    <a href="https://zimokala.ir/product-category?tag=ساعت-نایک-نقره-ای">#ساعت نایک نقره ای</a>-->
                                    <!--    -->
                                    <!--    <a href="https://zimokala.ir/product-category?tag=ساعت-دی-لاین-مشکی">#ساعت دی لاین مشکی</a>-->
                                    <!--    -->
                                    <!--    <a href="https://zimokala.ir/product-category?tag=ساعت-دی-لاین-نقره-ای">#ساعت دی لاین نقره ای</a>-->
                                    <!--    -->
                                    <!--    <a href="https://zimokala.ir/product-category?tag=ساعت-نایک-فضایی">#ساعت نایک فضایی</a>-->
                                    <!--    -->
                                    <!--</div>-->
                                                                        <div class="c-box fields mt-3 mb-4">
                                                                            </div>
                                                                        
                                                                    </div>
                            </div>
                        </div>
                                                <div class="sidebar-container col-lg-3 d-none d-lg-block">
                            <div class="product-info-wrapper sticky">
                                <div id="product-info-box" >
                                    <div class="product-sidebar d-flex flex-column justify-content-between px-3">
                                                                                    <ul id="product-detail">
                                                <li>
                                                    <div class="send-goods">
                                                        <i class="icon-truck font-large ml-2"></i>
                                                        <div>
                                                            <p class="d-flex align-items-center">
                                                                <span class="bold font-13px store-title-2">زیموکالا</span>
                                                            </p>
                                                            <p class="d-flex align-items-center">
                                                                <span class="font-13px">موجود در انبار</span>&nbsp;
                                                                <span class="font-13px store-title-2">زیموکالا</span>
                                                            </p>
                                                        </div>
                                                    </div>
                                                                                                    </li>
    
                                                <div class="c-box fields mt-3 mb-4">
                                                    <h5 class="iranyekan font-medium"><span class=" box-property-title"> مشخصات </span></h5>
                                                                                                            <p class="iranyekan font-13px mt-3">
                                                            <span class="text-muted">کد محصول : </span>
                                                            <span>1013</span>
                                                        </p>
                                                                                                        <div class="properties">
                                                                                                            </div>
                                                </div>
                                                
                                                <div class="box-add-to-cart py-2">
                                                    <div class="price-wrapper">
                                                        <div class="box-pricing d-flex align-items-end">
                                                                                                                        <div class="d-flex align-items-end flex-column ms-auto">
                                                                                                                                <p class="product-price">
                                                                    <span class="prices iranyekan font-large" id="customer-price" style="color:#070b46">720,000</span>
                                                                    <span class="text-muted font-small bold" id="pricing-unit">تومان</span>
                                                                </p>
                                                            </div>
                                                        </div>
                                                                                                            </div>
                                                    <div class="quantity-field w-100 d-flex align-items-center justify-content-between d-none mt-3" style="height: 45px !important;" id="quantity-field">
                                                        <button type="button" class="value-button increase-button" title="افزایش">
                                                            <span class="icon-add"></span>
                                                            <span class="loading-icon" style="display: none;">
                                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                                </svg>
                                                            </span>
                                                        </button>
                                                        <input type="number" id="quantity" class="number input-text qty text" name="quantity" value="1" title="تعداد" size="4" min="1" max="3" step="1" placeholder="" inputmode="numeric" autocomplete="off">
                                                        <button type="button" class="value-button decrease-button" title="کاهش">
                                                            <span class="icon-minus"></span>
                                                            <span class="loading-icon" style="display: none;">
                                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                                </svg>
                                                            </span>
                                                        </button>
                                                        <button type="button" class="value-button delete-button" title="حذف از سبد خرید">
                                                            <span class="icon-trash"></span>
                                                            <span class="loading-icon" style="display: none;">
                                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                                </svg>
                                                            </span>
                                                        </button>
                                                    </div>
                                                    <button id="add-to-cart-counting" type="button" class="primary-btn mt-3 add-to-cart w-100" data-sid="58" data-count="1" data-attributes="[&quot;&quot;]"> 
                                                        <i class="icon-shopping-cart font-large ml-2"></i> افزودن به سبد خرید  
                                                    </button>
                                                </div>
    
                                            </ul>
                                                                                <div id="product-not-found" class="product-sidebar text-danger iranyekan" style="display: none" >
                                            <img src="https://zimokala.ir/application/Modules/Management/assets/img/not-found.svg" width="100%">
                                            <p class="vazir font-14px text-center mt-3">برای این فیلتر کالایی پیدا نشد </p>
                                            <p class="vazir font-12px text-center mt-2 text-muted"> لطفا گزینه های فیلتر را تغییر دهید </p>
                                        </div>
                                    </div>
                                </div>
                                <a href="#" class="price-report d-flex align-items-center justify-content-end" data-bs-toggle="modal" data-bs-target="#priceReportModal"> <span class="icon-question"></span> آیا قیمت مناسب تری سراغ دارید؟</a>
                                </div>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
    </section>
    
    <!-- tabs -->
    <section class="product-specifications mt-3">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <nav class="tabs scroll-nav navbar-specifications bg-white" id="menu-center">
                        <ul class="nav nav-pills">
                            <li class="nav-item">
                                <a class="tab-link nav-link d-flex align-items-center" href="#introduction" data-tab="introduction">
                                    <img src="https://zimokala.ir/application/Modules/Shop/assets/img/icon_info.png" width="24">&nbsp; <div>معرفی</div>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="tab-link nav-link d-flex align-items-center" href="#specifications" data-tab="specifications">
                                    <img src="https://zimokala.ir/application/Modules/Shop/assets/img/icon_properties.png" width="24">&nbsp; <div>مشخصات</div>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="tab-link nav-link d-flex align-items-center" href="#opinions" data-tab="opinions">
                                    <img src="https://zimokala.ir/application/Modules/Shop/assets/img/icon_comment.png" width="24">&nbsp;<div>دیدگاه‌ها</div>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="tab-link nav-link d-flex align-items-center" href="#question" data-tab="question">
                                    <img src="https://zimokala.ir/application/Modules/Shop/assets/img/icon_question.png" width="24">&nbsp;<div>پرسش ها</div>
                                </a>
                            </li>
                        </ul>
                    </nav>

                    <div id="introduction" class="py-5">
                                            </div>
                    <div id="specifications" class="py-5" style="display: none;">
                        <h4 class="product-specifications_title">مشخصات </h4>
                        <div class="textbox mb-3">
                            <ul class="specifications-list">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="d-flex boxfit justify-content-sm-center flex-column flex-sm-row">
                                            <span class=" specifications-list_title">ویژگی عکس این محصول</span>
                                            <p class=" specifications-list_text">تمامی عکس ها متعلق به خود کالا و توسط فروشگاه زیموکالا عکاسی شده است</p>
                                        </li>
                                                                                                                                                                                                                                                                                                                                                                                                    <li class="d-flex boxfit justify-content-sm-center flex-column flex-sm-row">
                                            <span class=" specifications-list_title">ثابت بودن رنگ</span>
                                            <p class=" specifications-list_text">بله</p>
                                        </li>
                                                                                                                                                                                    <li class="d-flex boxfit justify-content-sm-center flex-column flex-sm-row">
                                            <span class=" specifications-list_title">استایل کاربری</span>
                                            <p class=" specifications-list_text">اسپرت_روزانه</p>
                                        </li>
                                                                                                                                                                                                        </ul>
                        </div>
                    </div>
                    <div class="comment-product py-5" id="opinions" style="display: none;">
                        <h4 class="product-specifications_title">  دیدگاه کاربران</h4>

                        <div class="comment-wrapper box p-4">
                            <h4 class="comment-wrapper_title"> </h4>
                            <p class="comment-wrapper_desc">نشانی ایمیل شما منتشر نخواهد شد. بخش&zwnj;های موردنیاز علامت&zwnj;گذاری شده&zwnj;اند  <span>*</span></p>
                            <form action="https://zimokala.ir/product-comment" method="post" class="row ajax-submit">
                                <input type="hidden" name="relate_to" value="product">
                                <input type="hidden" name="relate_id" value="60">
                                <input type="hidden" name="title" value="ساعت مچی نایک مدل دی لاین Nike dline watch مشکی">
                                <div class="col-lg-6">
                                    <div class="group-field">
                                        <label for=""><span>*</span> متن دیدگاه :   </label>
                                        <textarea required name="content" id="" cols="30" rows="5" title="محتوای دیدگاه را وارد کنید"></textarea>
                                    </div>
                                    <div class="scoring d-flex align-items-center  flex-column flex-lg-row my-3">
                                        <p class="scoring-text"><span class="text-danger">*</span> به این محصول امتیاز دهید : </p>
                                        <fieldset class="rating ">
                                            <input type="radio" id="star5" name="score" value="5" /><label class = "full" for="star5" title="عالی"></label>
                                            <input type="radio" id="star4" name="score" value="4" /><label class = "full" for="star4" title="خیلی خوب"></label>
                                            <input type="radio" id="star3" name="score" value="3" /><label class = "full" for="star3" title="خوب"></label>
                                            <input type="radio" id="star2" name="score" value="2" /><label class = "full" for="star2" title="متوسط"></label>
                                            <input type="radio" id="star1" name="score" value="1" /><label class = "full" for="star1" title="ضعیف"></label>
                                        </fieldset>
                                    </div>
                                </div>
                                <div class="col-lg-6 d-flex align-items-center justify-content-center">
                                    
                                    <img src="https://zimokala.ir/application/Modules/Management/assets/img/message.svg" style="max-height: 300px;margin-top:-100px" class="mobile-hidden" >
                                </div>
                                <div class="col-lg-12 d-flex justify-content-end">
                                    <button type="reset" class="btn-reset" style="visibility: hidden"></button>
                                    <button type="submit" class="primary-btn">
                                        <i class="icon-message font-large"></i>&nbsp;
                                        ثبت دیدگاه تازه
                                    </button>
                                </div>
                            </form>
                        </div>

                        <div class="row">
                            <div class="col-md-3"></div>
                            <div id="comments-list" class="col-md-12">
                                <div class="text-center vazir">
                                    <i class="fa fa-spinner fa-spin"></i> در حال بارگذاری
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="comment-product py-5" id="question" style="display: none;">
                        <h4 class="product-specifications_title">  پرسش های کاربران</h4>
                        <div class="row">
                            <div class="col-md-3">
                                <form class=" ajax-submit rounded" action="https://zimokala.ir/product-question" method="post" style="background: #eee; padding: 15px; border-radius: 3px;position: sticky;top:60px">
                                    <input type="hidden" name="relate_to" value="product">
                                    <input type="hidden" name="relate_id" value="60">
                                    <input type="hidden" name="title" value="ساعت مچی نایک مدل دی لاین Nike dline watch مشکی">
                                    <div class="group-field">
                                        <label for="">پرسش خود را مطرح کنید  <span>*</span></label>
                                        <textarea name="content" id="" cols="30" rows="5"></textarea>
                                    </div>
                                    <div class=" d-flex justify-content-start">
                                        <button type="reset" class="btn-reset" style="visibility: hidden"></button>
                                        <button type="submit" class="primary-btn">
                                            <i class="icon-question font-large"></i>&nbsp;
                                            ثبت پرسش
                                        </button>
                                    </div>

                                    <div class="vazir font-12px mt-3" style="background: #e1e1e1; padding: 10px 5px; border-radius: 5px;">
                                        <ul class=" " style="list-style: circle !important;margin-right: 20px">
                                            <li class="mb-2" style="list-style: inherit">متن سوال خود را واضح بنویسید تا افراد بیشتری بتوانند به شما پاسخ دهند .</li>
                                            <li class="mb-2" style="list-style: inherit">از بکار بردن عبارات نا مناسب پرهیز نمایید .</li>
                                            <li class="mb-2" style="list-style: inherit">برای ثبت پرسش ابتدا وارد شوید .</li>
                                            <li class="mb-2" style="list-style: inherit">پرسش بعد از ثبت و تایید مدیریت منتشر میشود .</li>
                                        </ul>
                                    </div>
                                </form>
                            </div>

                            <div id="question-list" class="col-md-9">
                                <div class="text-center vazir">
                                    <i class="fa fa-spinner fa-spin"></i> در حال بارگذاری
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
        <!-- products -->
    <section class="products">
        <div class="container">
            <div class="c-box">
                <div class="c-row">
                    <div class="col-lg-12">
                        <div class="section-title d-flex align-items-center justify-content-between">
                            <h3 class="section__title">
                                محصولات مرتبط
                            </h3>
                    </div>
                    <div class="col-lg-12">
                                                    <div class="owl-carousel owl-theme products-carousel-related">
                                                                    <div class="item h-100">
            <div class="product-card box1 ">
        <div class="product-img img-container">
                                        <div class="img-container-inner ">
                    <a href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B9%D9%82%D8%B1%D8%A8%D9%87-%D8%A7%DB%8C-%D8%B3%D9%87-%D9%85%D9%88%D8%AA%D9%88%D8%B1-%D8%B3%DB%8C%D8%AA%DB%8C%D8%B2%D9%86-SITIZEN-VIP"><img src="https://zimokala.ir/uploads/product/product_46/default_img_46_255957.webp" alt="ساعت مچی عقربه ای سه موتور سیتیزن SITIZEN VIP"></a>
                                                    </div>
        </div>
        <div class="px-2">
            <p class=""product-name-en text-ce
            <p class="product-name-en text-center" title=""></p>
            <a href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B9%D9%82%D8%B1%D8%A8%D9%87-%D8%A7%DB%8C-%D8%B3%D9%87-%D9%85%D9%88%D8%AA%D9%88%D8%B1-%D8%B3%DB%8C%D8%AA%DB%8C%D8%B2%D9%86-SITIZEN-VIP"><h4 class="product-name" title="ساعت مچی زنانه عقربه ای سه موتور سیتیزن SITIZEN VIP">ساعت مچی زنانه عقربه ای سه موتور سیتیزن SITIZEN VI ...</h4></a>
        </div>
        <div class="d-flex justify-content-between px-2 py-2 price-wrap flex-column">
                                                <div class="d-flex align-items-end justify-content-between position-relative">
                        <div class="d-flex flex-column w-100">
                            <p class="original-price d-none"><span class="prices">5,950,000</span> <span class="font-small font-mute">تومان</span></p>
                            <div class="d-flex gap-1 jc-end">
                                <p class="product-price"><span class="iranyekan">5,950,000</span> <span class="font-small font-mute">تومان</span></p>
                            </div>
                        </div>
                        <div class="buy-btn quantity-control d-flex align-items-center" data-sid="44">
                            <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '44')">
                                <span class="icon-add font-20px"></span>
                                <span class="loading-icon" style="display: none;">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                        <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                    </svg>
                                </span>
                            </button>
                        </div>
                        <div class="popup-container" data-sid="44" style="display: none;">
                            <button class="close-popup" onclick="closePopup(this, '44')">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="1.5rem">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                                </svg>
                            </button>
                            <div class="w-100 px-1 py-2">
                                <div class="quantity-control" data-sid="44">
                                    <div class="d-flex flex-column gap-1">
                                        <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '44')">
                                            <span class="icon-add font-20px"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
                                        <input type="number" class="quantity-field-card number input-text qty text" value="" min="1" max="1" placeholder="تعداد" oninput="handleQuantityInput(this, '44')" pattern="\d*">
                                        <button class="decrementbtn value-button decrease-button" onclick="decrementQuantity(this, '44')">
                                            <span class="icon-minus"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
        
                                        <button class="trashbtn value-button delete-button" onclick="removeFromCart(this, '44')">
                                            <span class="icon-trash"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                                    </div>
    </div>
    </div>

                                                                    <div class="item h-100">
            <div class="product-card box1 ">
        <div class="product-img img-container">
                                        <div class="img-container-inner ">
                    <a href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%D8%A7%D9%85%D9%BE%D8%A7%D9%88%D8%B1-EMPOWER-%D8%B5%D9%81%D8%AD%D9%87-%D8%B3%D9%81%DB%8C%D8%AF-%DA%A9%D9%87%DA%A9%D8%B4%D8%A7%D9%86%DB%8C"><img src="https://zimokala.ir/uploads/product/product_87/default_img_87_906844.webp" alt="ساعت مچی زنانه امپاور EMPOWER صفحه سفید کهکشانی"></a>
                                                    </div>
        </div>
        <div class="px-2">
            <p class=""product-name-en text-ce
            <p class="product-name-en text-center" title=""></p>
            <a href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%D8%A7%D9%85%D9%BE%D8%A7%D9%88%D8%B1-EMPOWER-%D8%B5%D9%81%D8%AD%D9%87-%D8%B3%D9%81%DB%8C%D8%AF-%DA%A9%D9%87%DA%A9%D8%B4%D8%A7%D9%86%DB%8C"><h4 class="product-name" title="ساعت مچی زنانه امپاور EMPOWER صفحه سفید کهکشانی">ساعت مچی زنانه امپاور EMPOWER صفحه سفید کهکشانی</h4></a>
        </div>
        <div class="d-flex justify-content-between px-2 py-2 price-wrap flex-column">
                                                <div class="d-flex align-items-end justify-content-between position-relative">
                        <div class="d-flex flex-column w-100">
                            <p class="original-price "><span class="prices">1,400,000</span> <span class="font-small font-mute">تومان</span></p>
                            <div class="d-flex gap-1 jc-end">
                                <p class="product-price"><span class="iranyekan">1,150,000</span> <span class="font-small font-mute">تومان</span></p>
                            </div>
                        </div>
                        <div class="buy-btn quantity-control d-flex align-items-center" data-sid="90">
                            <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '90')">
                                <span class="icon-add font-20px"></span>
                                <span class="loading-icon" style="display: none;">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                        <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                    </svg>
                                </span>
                            </button>
                        </div>
                        <div class="popup-container" data-sid="90" style="display: none;">
                            <button class="close-popup" onclick="closePopup(this, '90')">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="1.5rem">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                                </svg>
                            </button>
                            <div class="w-100 px-1 py-2">
                                <div class="quantity-control" data-sid="90">
                                    <div class="d-flex flex-column gap-1">
                                        <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '90')">
                                            <span class="icon-add font-20px"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
                                        <input type="number" class="quantity-field-card number input-text qty text" value="" min="1" max="5" placeholder="تعداد" oninput="handleQuantityInput(this, '90')" pattern="\d*">
                                        <button class="decrementbtn value-button decrease-button" onclick="decrementQuantity(this, '90')">
                                            <span class="icon-minus"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
        
                                        <button class="trashbtn value-button delete-button" onclick="removeFromCart(this, '90')">
                                            <span class="icon-trash"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                                    </div>
    </div>
    </div>

                                                                    <div class="item h-100">
            <div class="product-card box1 ">
        <div class="product-img img-container">
                                        <div class="img-container-inner ">
                    <a href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%D8%A7%D9%85%D9%BE%D8%A7%D9%88%D8%B1-EMPOWER-%D8%B5%D9%81%D8%AD%D9%87-%D8%B3%DB%8C%D9%84%D9%88%D8%B1-"><img src="https://zimokala.ir/uploads/product/product_86/default_img_86_215422.webp" alt="ساعت مچی زنانه امپاور EMPOWER صفحه سیلور"></a>
                                                    </div>
        </div>
        <div class="px-2">
            <p class=""product-name-en text-ce
            <p class="product-name-en text-center" title=""></p>
            <a href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%D8%A7%D9%85%D9%BE%D8%A7%D9%88%D8%B1-EMPOWER-%D8%B5%D9%81%D8%AD%D9%87-%D8%B3%DB%8C%D9%84%D9%88%D8%B1-"><h4 class="product-name" title="ساعت مچی زنانه امپاور EMPOWER صفحه سیلور">ساعت مچی زنانه امپاور EMPOWER صفحه سیلور</h4></a>
        </div>
        <div class="d-flex justify-content-between px-2 py-2 price-wrap flex-column">
                                                <div class="d-flex align-items-end justify-content-between position-relative">
                        <div class="d-flex flex-column w-100">
                            <p class="original-price "><span class="prices">1,400,000</span> <span class="font-small font-mute">تومان</span></p>
                            <div class="d-flex gap-1 jc-end">
                                <p class="product-price"><span class="iranyekan">1,150,000</span> <span class="font-small font-mute">تومان</span></p>
                            </div>
                        </div>
                        <div class="buy-btn quantity-control d-flex align-items-center" data-sid="89">
                            <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '89')">
                                <span class="icon-add font-20px"></span>
                                <span class="loading-icon" style="display: none;">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                        <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                    </svg>
                                </span>
                            </button>
                        </div>
                        <div class="popup-container" data-sid="89" style="display: none;">
                            <button class="close-popup" onclick="closePopup(this, '89')">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="1.5rem">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                                </svg>
                            </button>
                            <div class="w-100 px-1 py-2">
                                <div class="quantity-control" data-sid="89">
                                    <div class="d-flex flex-column gap-1">
                                        <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '89')">
                                            <span class="icon-add font-20px"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
                                        <input type="number" class="quantity-field-card number input-text qty text" value="" min="1" max="2" placeholder="تعداد" oninput="handleQuantityInput(this, '89')" pattern="\d*">
                                        <button class="decrementbtn value-button decrease-button" onclick="decrementQuantity(this, '89')">
                                            <span class="icon-minus"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
        
                                        <button class="trashbtn value-button delete-button" onclick="removeFromCart(this, '89')">
                                            <span class="icon-trash"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                                    </div>
    </div>
    </div>

                                                                    <div class="item h-100">
            <div class="product-card box1 ">
        <div class="product-img img-container">
                                        <div class="img-container-inner ">
                    <a href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%D8%A7%D9%85%D9%BE%D8%A7%D9%88%D8%B1-EMPOWER-%D8%B5%D9%81%D8%AD%D9%87-%D8%A2%D8%A8%DB%8C"><img src="https://zimokala.ir/uploads/product/product_84/default_img_84_312519.webp" alt="ساعت مچی زنانه امپاور EMPOWER صفحه آبی"></a>
                                                    </div>
        </div>
        <div class="px-2">
            <p class=""product-name-en text-ce
            <p class="product-name-en text-center" title=""></p>
            <a href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%D8%A7%D9%85%D9%BE%D8%A7%D9%88%D8%B1-EMPOWER-%D8%B5%D9%81%D8%AD%D9%87-%D8%A2%D8%A8%DB%8C"><h4 class="product-name" title="ساعت مچی زنانه امپاور EMPOWER صفحه آبی">ساعت مچی زنانه امپاور EMPOWER صفحه آبی</h4></a>
        </div>
        <div class="d-flex justify-content-between px-2 py-2 price-wrap flex-column">
                                                <div class="d-flex align-items-end justify-content-between position-relative">
                        <div class="d-flex flex-column w-100">
                            <p class="original-price "><span class="prices">1,400,000</span> <span class="font-small font-mute">تومان</span></p>
                            <div class="d-flex gap-1 jc-end">
                                <p class="product-price"><span class="iranyekan">1,150,000</span> <span class="font-small font-mute">تومان</span></p>
                            </div>
                        </div>
                        <div class="buy-btn quantity-control d-flex align-items-center" data-sid="87">
                            <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '87')">
                                <span class="icon-add font-20px"></span>
                                <span class="loading-icon" style="display: none;">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                        <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                    </svg>
                                </span>
                            </button>
                        </div>
                        <div class="popup-container" data-sid="87" style="display: none;">
                            <button class="close-popup" onclick="closePopup(this, '87')">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="1.5rem">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                                </svg>
                            </button>
                            <div class="w-100 px-1 py-2">
                                <div class="quantity-control" data-sid="87">
                                    <div class="d-flex flex-column gap-1">
                                        <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '87')">
                                            <span class="icon-add font-20px"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
                                        <input type="number" class="quantity-field-card number input-text qty text" value="" min="1" max="1" placeholder="تعداد" oninput="handleQuantityInput(this, '87')" pattern="\d*">
                                        <button class="decrementbtn value-button decrease-button" onclick="decrementQuantity(this, '87')">
                                            <span class="icon-minus"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
        
                                        <button class="trashbtn value-button delete-button" onclick="removeFromCart(this, '87')">
                                            <span class="icon-trash"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                                    </div>
    </div>
    </div>

                                                                    <div class="item h-100">
            <div class="product-card box1 ">
        <div class="product-img img-container">
                                        <div class="img-container-inner ">
                    <a href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%D9%8A-%D9%83%D8%A7%D8%B3%D9%8A%D9%88-%D9%86%D9%88%D8%B3%D8%AA%D8%A7%D9%84%DA%98%D9%8A-%D9%85%D8%AF%D9%84-A159-%D9%83%D8%AF1"><img src="https://zimokala.ir/uploads/product/product_123/default_img_123_361351.webp" alt="ساعت مچي كاسيو نوستالژي مدل A159 كد1"></a>
                                                    </div>
        </div>
        <div class="px-2">
            <p class=""product-name-en text-ce
            <p class="product-name-en text-center" title=""></p>
            <a href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%D9%8A-%D9%83%D8%A7%D8%B3%D9%8A%D9%88-%D9%86%D9%88%D8%B3%D8%AA%D8%A7%D9%84%DA%98%D9%8A-%D9%85%D8%AF%D9%84-A159-%D9%83%D8%AF1"><h4 class="product-name" title="ساعت مچي مردانه كاسيو نوستالژي مدل A159 كد1">ساعت مچي مردانه كاسيو نوستالژي مدل A159 كد1</h4></a>
        </div>
        <div class="d-flex justify-content-between px-2 py-2 price-wrap flex-column">
                                                <div class="d-flex align-items-end justify-content-between position-relative">
                        <div class="d-flex flex-column w-100">
                            <p class="original-price d-none"><span class="prices">450,000</span> <span class="font-small font-mute">تومان</span></p>
                            <div class="d-flex gap-1 jc-end">
                                <p class="product-price"><span class="iranyekan">450,000</span> <span class="font-small font-mute">تومان</span></p>
                            </div>
                        </div>
                        <div class="buy-btn quantity-control d-flex align-items-center" data-sid="127">
                            <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '127')">
                                <span class="icon-add font-20px"></span>
                                <span class="loading-icon" style="display: none;">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                        <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                    </svg>
                                </span>
                            </button>
                        </div>
                        <div class="popup-container" data-sid="127" style="display: none;">
                            <button class="close-popup" onclick="closePopup(this, '127')">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="1.5rem">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                                </svg>
                            </button>
                            <div class="w-100 px-1 py-2">
                                <div class="quantity-control" data-sid="127">
                                    <div class="d-flex flex-column gap-1">
                                        <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '127')">
                                            <span class="icon-add font-20px"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
                                        <input type="number" class="quantity-field-card number input-text qty text" value="" min="1" max="31" placeholder="تعداد" oninput="handleQuantityInput(this, '127')" pattern="\d*">
                                        <button class="decrementbtn value-button decrease-button" onclick="decrementQuantity(this, '127')">
                                            <span class="icon-minus"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
        
                                        <button class="trashbtn value-button delete-button" onclick="removeFromCart(this, '127')">
                                            <span class="icon-trash"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                                    </div>
    </div>
    </div>

                                                                    <div class="item h-100">
            <div class="product-card box1 ">
        <div class="product-img img-container">
                                        <div class="img-container-inner ">
                    <a href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%D8%A7%D9%85%D9%BE%D8%A7%D9%88%D8%B1-EMPOWER-%D8%B5%D9%81%D8%AD%D9%87-%D9%85%D8%B4%DA%A9%DB%8C"><img src="https://zimokala.ir/uploads/product/product_88/default_img_88_167305.webp" alt="ساعت مچی زنانه امپاور EMPOWER صفحه مشکی"></a>
                                                    </div>
        </div>
        <div class="px-2">
            <p class=""product-name-en text-ce
            <p class="product-name-en text-center" title=""></p>
            <a href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%D8%A7%D9%85%D9%BE%D8%A7%D9%88%D8%B1-EMPOWER-%D8%B5%D9%81%D8%AD%D9%87-%D9%85%D8%B4%DA%A9%DB%8C"><h4 class="product-name" title="ساعت مچی زنانه امپاور EMPOWER صفحه مشکی">ساعت مچی زنانه امپاور EMPOWER صفحه مشکی</h4></a>
        </div>
        <div class="d-flex justify-content-between px-2 py-2 price-wrap flex-column">
                                                <div class="d-flex align-items-end justify-content-between position-relative">
                        <div class="d-flex flex-column w-100">
                            <p class="original-price "><span class="prices">1,400,000</span> <span class="font-small font-mute">تومان</span></p>
                            <div class="d-flex gap-1 jc-end">
                                <p class="product-price"><span class="iranyekan">1,150,000</span> <span class="font-small font-mute">تومان</span></p>
                            </div>
                        </div>
                        <div class="buy-btn quantity-control d-flex align-items-center" data-sid="91">
                            <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '91')">
                                <span class="icon-add font-20px"></span>
                                <span class="loading-icon" style="display: none;">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                        <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                    </svg>
                                </span>
                            </button>
                        </div>
                        <div class="popup-container" data-sid="91" style="display: none;">
                            <button class="close-popup" onclick="closePopup(this, '91')">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="1.5rem">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                                </svg>
                            </button>
                            <div class="w-100 px-1 py-2">
                                <div class="quantity-control" data-sid="91">
                                    <div class="d-flex flex-column gap-1">
                                        <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '91')">
                                            <span class="icon-add font-20px"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
                                        <input type="number" class="quantity-field-card number input-text qty text" value="" min="1" max="3" placeholder="تعداد" oninput="handleQuantityInput(this, '91')" pattern="\d*">
                                        <button class="decrementbtn value-button decrease-button" onclick="decrementQuantity(this, '91')">
                                            <span class="icon-minus"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
        
                                        <button class="trashbtn value-button delete-button" onclick="removeFromCart(this, '91')">
                                            <span class="icon-trash"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                                    </div>
    </div>
    </div>

                                                                    <div class="item h-100">
            <div class="product-card box1 ">
        <div class="product-img img-container">
                                        <div class="img-container-inner ">
                    <a href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%D9%8A-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%D8%B7%D8%B1%D8%AD-%D9%88%D8%A7%D9%84%D8%A7%D8%B1-WALAR-%D9%86%D9%82%D8%B1%D9%87-%D8%A7%D9%8A-%D8%B7%D9%84%D8%A7%D9%8A%D9%8A"><img src="https://zimokala.ir/uploads/product/product_110/default_img_110_25010.webp" alt="ساعت مچي زنانه طرح والار WALAR نقره اي طلايي"></a>
                                                    </div>
        </div>
        <div class="px-2">
            <p class=""product-name-en text-ce
            <p class="product-name-en text-center" title=""></p>
            <a href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%D9%8A-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%D8%B7%D8%B1%D8%AD-%D9%88%D8%A7%D9%84%D8%A7%D8%B1-WALAR-%D9%86%D9%82%D8%B1%D9%87-%D8%A7%D9%8A-%D8%B7%D9%84%D8%A7%D9%8A%D9%8A"><h4 class="product-name" title="ساعت مچي زنانه طرح والار WALAR نقره اي طلايي">ساعت مچي زنانه طرح والار WALAR نقره اي طلايي</h4></a>
        </div>
        <div class="d-flex justify-content-between px-2 py-2 price-wrap flex-column">
                                                <div class="d-flex align-items-end justify-content-between position-relative">
                        <div class="d-flex flex-column w-100">
                            <p class="original-price d-none"><span class="prices">1,200,000</span> <span class="font-small font-mute">تومان</span></p>
                            <div class="d-flex gap-1 jc-end">
                                <p class="product-price"><span class="iranyekan">1,200,000</span> <span class="font-small font-mute">تومان</span></p>
                            </div>
                        </div>
                        <div class="buy-btn quantity-control d-flex align-items-center" data-sid="113">
                            <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '113')">
                                <span class="icon-add font-20px"></span>
                                <span class="loading-icon" style="display: none;">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                        <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                    </svg>
                                </span>
                            </button>
                        </div>
                        <div class="popup-container" data-sid="113" style="display: none;">
                            <button class="close-popup" onclick="closePopup(this, '113')">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="1.5rem">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                                </svg>
                            </button>
                            <div class="w-100 px-1 py-2">
                                <div class="quantity-control" data-sid="113">
                                    <div class="d-flex flex-column gap-1">
                                        <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '113')">
                                            <span class="icon-add font-20px"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
                                        <input type="number" class="quantity-field-card number input-text qty text" value="" min="1" max="2" placeholder="تعداد" oninput="handleQuantityInput(this, '113')" pattern="\d*">
                                        <button class="decrementbtn value-button decrease-button" onclick="decrementQuantity(this, '113')">
                                            <span class="icon-minus"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
        
                                        <button class="trashbtn value-button delete-button" onclick="removeFromCart(this, '113')">
                                            <span class="icon-trash"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                                    </div>
    </div>
    </div>

                                                                    <div class="item h-100">
            <div class="product-card box1 ">
        <div class="product-img img-container">
                                        <div class="img-container-inner ">
                    <a href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%D9%8A-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%D9%83%D8%A7%D8%B3%D9%8A%D9%88-%D9%86%D9%88%D8%B3%D8%AA%D8%A7%D9%84%DA%98%D9%8A-%D9%85%D8%AF%D9%84-A159-%D9%83%D8%AF1"><img src="https://zimokala.ir/uploads/product/product_124/default_img_124_591748.webp" alt="ساعت مچي زنانه كاسيو نوستالژي مدل A159 كد1"></a>
                                                    </div>
        </div>
        <div class="px-2">
            <p class=""product-name-en text-ce
            <p class="product-name-en text-center" title=""></p>
            <a href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%D9%8A-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%D9%83%D8%A7%D8%B3%D9%8A%D9%88-%D9%86%D9%88%D8%B3%D8%AA%D8%A7%D9%84%DA%98%D9%8A-%D9%85%D8%AF%D9%84-A159-%D9%83%D8%AF1"><h4 class="product-name" title="ساعت مچي زنانه كاسيو نوستالژي مدل A159 كد1">ساعت مچي زنانه كاسيو نوستالژي مدل A159 كد1</h4></a>
        </div>
        <div class="d-flex justify-content-between px-2 py-2 price-wrap flex-column">
                                                <div class="d-flex align-items-end justify-content-between position-relative">
                        <div class="d-flex flex-column w-100">
                            <p class="original-price d-none"><span class="prices">450,000</span> <span class="font-small font-mute">تومان</span></p>
                            <div class="d-flex gap-1 jc-end">
                                <p class="product-price"><span class="iranyekan">450,000</span> <span class="font-small font-mute">تومان</span></p>
                            </div>
                        </div>
                        <div class="buy-btn quantity-control d-flex align-items-center" data-sid="128">
                            <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '128')">
                                <span class="icon-add font-20px"></span>
                                <span class="loading-icon" style="display: none;">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                        <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                    </svg>
                                </span>
                            </button>
                        </div>
                        <div class="popup-container" data-sid="128" style="display: none;">
                            <button class="close-popup" onclick="closePopup(this, '128')">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="1.5rem">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                                </svg>
                            </button>
                            <div class="w-100 px-1 py-2">
                                <div class="quantity-control" data-sid="128">
                                    <div class="d-flex flex-column gap-1">
                                        <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '128')">
                                            <span class="icon-add font-20px"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
                                        <input type="number" class="quantity-field-card number input-text qty text" value="" min="1" max="5" placeholder="تعداد" oninput="handleQuantityInput(this, '128')" pattern="\d*">
                                        <button class="decrementbtn value-button decrease-button" onclick="decrementQuantity(this, '128')">
                                            <span class="icon-minus"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
        
                                        <button class="trashbtn value-button delete-button" onclick="removeFromCart(this, '128')">
                                            <span class="icon-trash"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                                    </div>
    </div>
    </div>

                                                                    <div class="item h-100">
            <div class="product-card box1 ">
        <div class="product-img img-container">
                                        <div class="img-container-inner ">
                    <a href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%DA%A9%D8%A7%D8%B3%DB%8C%D9%88-CASIO-%D8%A7%D9%88%D9%84%D8%AF%D9%85%D8%A7%D9%86%DB%8C-%D9%85%D8%B4%DA%A9%DB%8C-%D8%B5%D9%81%D8%AD%D9%87-%D8%A2%D8%A8%DB%8C"><img src="https://zimokala.ir/uploads/product/product_98/default_img_98_135637.webp" alt="ساعت مچی زنانه کاسیو CASIO اولدمانی مشکی صفحه آبی"></a>
                                                    </div>
        </div>
        <div class="px-2">
            <p class=""product-name-en text-ce
            <p class="product-name-en text-center" title=""></p>
            <a href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%DA%A9%D8%A7%D8%B3%DB%8C%D9%88-CASIO-%D8%A7%D9%88%D9%84%D8%AF%D9%85%D8%A7%D9%86%DB%8C-%D9%85%D8%B4%DA%A9%DB%8C-%D8%B5%D9%81%D8%AD%D9%87-%D8%A2%D8%A8%DB%8C"><h4 class="product-name" title="ساعت مچی زنانه کاسیو CASIO اولدمانی مشکی صفحه آبی">ساعت مچی زنانه کاسیو CASIO اولدمانی مشکی صفحه آبی</h4></a>
        </div>
        <div class="d-flex justify-content-between px-2 py-2 price-wrap flex-column">
                                                <div class="d-flex align-items-end justify-content-between position-relative">
                        <div class="d-flex flex-column w-100">
                            <p class="original-price "><span class="prices">1,400,000</span> <span class="font-small font-mute">تومان</span></p>
                            <div class="d-flex gap-1 jc-end">
                                <p class="product-price"><span class="iranyekan">1,100,000</span> <span class="font-small font-mute">تومان</span></p>
                            </div>
                        </div>
                        <div class="buy-btn quantity-control d-flex align-items-center" data-sid="101">
                            <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '101')">
                                <span class="icon-add font-20px"></span>
                                <span class="loading-icon" style="display: none;">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                        <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                    </svg>
                                </span>
                            </button>
                        </div>
                        <div class="popup-container" data-sid="101" style="display: none;">
                            <button class="close-popup" onclick="closePopup(this, '101')">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="1.5rem">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                                </svg>
                            </button>
                            <div class="w-100 px-1 py-2">
                                <div class="quantity-control" data-sid="101">
                                    <div class="d-flex flex-column gap-1">
                                        <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '101')">
                                            <span class="icon-add font-20px"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
                                        <input type="number" class="quantity-field-card number input-text qty text" value="" min="1" max="2" placeholder="تعداد" oninput="handleQuantityInput(this, '101')" pattern="\d*">
                                        <button class="decrementbtn value-button decrease-button" onclick="decrementQuantity(this, '101')">
                                            <span class="icon-minus"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
        
                                        <button class="trashbtn value-button delete-button" onclick="removeFromCart(this, '101')">
                                            <span class="icon-trash"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                                    </div>
    </div>
    </div>

                                                                    <div class="item h-100">
            <div class="product-card box1 ">
        <div class="product-img img-container">
                                        <div class="img-container-inner ">
                    <a href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%D8%A7%D9%85%D9%BE%D8%A7%D9%88%D8%B1EMPOWER-%D8%B5%D9%81%D8%AD%D9%87-%D8%B3%D8%A8%D8%B2"><img src="https://zimokala.ir/uploads/product/product_83/default_img_83_957368.webp" alt="ساعت مچی زنانه امپاورEMPOWER صفحه سبز"></a>
                                                    </div>
        </div>
        <div class="px-2">
            <p class=""product-name-en text-ce
            <p class="product-name-en text-center" title=""></p>
            <a href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%D8%A7%D9%85%D9%BE%D8%A7%D9%88%D8%B1EMPOWER-%D8%B5%D9%81%D8%AD%D9%87-%D8%B3%D8%A8%D8%B2"><h4 class="product-name" title="ساعت مچی زنانه امپاور EMPOWER صفحه سبز">ساعت مچی زنانه امپاور EMPOWER صفحه سبز</h4></a>
        </div>
        <div class="d-flex justify-content-between px-2 py-2 price-wrap flex-column">
                                                <div class="d-flex align-items-end justify-content-between position-relative">
                        <div class="d-flex flex-column w-100">
                            <p class="original-price "><span class="prices">1,400,000</span> <span class="font-small font-mute">تومان</span></p>
                            <div class="d-flex gap-1 jc-end">
                                <p class="product-price"><span class="iranyekan">1,150,000</span> <span class="font-small font-mute">تومان</span></p>
                            </div>
                        </div>
                        <div class="buy-btn quantity-control d-flex align-items-center" data-sid="86">
                            <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '86')">
                                <span class="icon-add font-20px"></span>
                                <span class="loading-icon" style="display: none;">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                        <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                    </svg>
                                </span>
                            </button>
                        </div>
                        <div class="popup-container" data-sid="86" style="display: none;">
                            <button class="close-popup" onclick="closePopup(this, '86')">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="1.5rem">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                                </svg>
                            </button>
                            <div class="w-100 px-1 py-2">
                                <div class="quantity-control" data-sid="86">
                                    <div class="d-flex flex-column gap-1">
                                        <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '86')">
                                            <span class="icon-add font-20px"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
                                        <input type="number" class="quantity-field-card number input-text qty text" value="" min="1" max="1" placeholder="تعداد" oninput="handleQuantityInput(this, '86')" pattern="\d*">
                                        <button class="decrementbtn value-button decrease-button" onclick="decrementQuantity(this, '86')">
                                            <span class="icon-minus"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
        
                                        <button class="trashbtn value-button delete-button" onclick="removeFromCart(this, '86')">
                                            <span class="icon-trash"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                                    </div>
    </div>
    </div>

                                                                    <div class="item h-100">
            <div class="product-card box1 ">
        <div class="product-img img-container">
                                        <div class="img-container-inner ">
                    <a href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%DA%A9%D8%A7%D8%B3%DB%8C%D9%88-CASIO-%D8%A7%D9%88%D9%84%D8%AF%D9%85%D8%A7%D9%86%DB%8C-%D8%AA%D9%85%D8%A7%D9%85-%D9%85%D8%B4%DA%A9%DB%8C"><img src="https://zimokala.ir/uploads/product/product_95/default_img_95_888520.webp" alt="ساعت مچی زنانه کاسیو CASIO اولدمانی تمام مشکی"></a>
                                                    </div>
        </div>
        <div class="px-2">
            <p class=""product-name-en text-ce
            <p class="product-name-en text-center" title=""></p>
            <a href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%DA%A9%D8%A7%D8%B3%DB%8C%D9%88-CASIO-%D8%A7%D9%88%D9%84%D8%AF%D9%85%D8%A7%D9%86%DB%8C-%D8%AA%D9%85%D8%A7%D9%85-%D9%85%D8%B4%DA%A9%DB%8C"><h4 class="product-name" title="ساعت مچی زنانه کاسیو CASIO اولدمانی تمام مشکی">ساعت مچی زنانه کاسیو CASIO اولدمانی تمام مشکی</h4></a>
        </div>
        <div class="d-flex justify-content-between px-2 py-2 price-wrap flex-column">
                                                <div class="d-flex align-items-end justify-content-between position-relative">
                        <div class="d-flex flex-column w-100">
                            <p class="original-price "><span class="prices">1,400,000</span> <span class="font-small font-mute">تومان</span></p>
                            <div class="d-flex gap-1 jc-end">
                                <p class="product-price"><span class="iranyekan">1,100,000</span> <span class="font-small font-mute">تومان</span></p>
                            </div>
                        </div>
                        <div class="buy-btn quantity-control d-flex align-items-center" data-sid="98">
                            <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '98')">
                                <span class="icon-add font-20px"></span>
                                <span class="loading-icon" style="display: none;">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                        <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                    </svg>
                                </span>
                            </button>
                        </div>
                        <div class="popup-container" data-sid="98" style="display: none;">
                            <button class="close-popup" onclick="closePopup(this, '98')">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="1.5rem">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                                </svg>
                            </button>
                            <div class="w-100 px-1 py-2">
                                <div class="quantity-control" data-sid="98">
                                    <div class="d-flex flex-column gap-1">
                                        <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '98')">
                                            <span class="icon-add font-20px"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
                                        <input type="number" class="quantity-field-card number input-text qty text" value="" min="1" max="1" placeholder="تعداد" oninput="handleQuantityInput(this, '98')" pattern="\d*">
                                        <button class="decrementbtn value-button decrease-button" onclick="decrementQuantity(this, '98')">
                                            <span class="icon-minus"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
        
                                        <button class="trashbtn value-button delete-button" onclick="removeFromCart(this, '98')">
                                            <span class="icon-trash"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                                    </div>
    </div>
    </div>

                                                                    <div class="item h-100">
            <div class="product-card box1 ">
        <div class="product-img img-container">
                                        <div class="img-container-inner ">
                    <a href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%DA%A9%D8%A7%D8%B3%DB%8C%D9%88-CASIO-%D8%A7%D9%88%D9%84%D8%AF%D9%85%D8%A7%D9%86%DB%8C-%D9%85%D8%B4%DA%A9%DB%8C-%D8%B5%D9%81%D8%AD%D9%87-%D8%B3%D8%A8%D8%B2"><img src="https://zimokala.ir/uploads/product/product_96/default_img_96_276369.webp" alt="ساعت مچی زنانه کاسیو CASIO اولدمانی مشکی صفحه سبز"></a>
                                                    </div>
        </div>
        <div class="px-2">
            <p class=""product-name-en text-ce
            <p class="product-name-en text-center" title=""></p>
            <a href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B2%D9%86%D8%A7%D9%86%D9%87-%DA%A9%D8%A7%D8%B3%DB%8C%D9%88-CASIO-%D8%A7%D9%88%D9%84%D8%AF%D9%85%D8%A7%D9%86%DB%8C-%D9%85%D8%B4%DA%A9%DB%8C-%D8%B5%D9%81%D8%AD%D9%87-%D8%B3%D8%A8%D8%B2"><h4 class="product-name" title="ساعت مچی زنانه کاسیو CASIO اولدمانی مشکی صفحه سبز">ساعت مچی زنانه کاسیو CASIO اولدمانی مشکی صفحه سبز</h4></a>
        </div>
        <div class="d-flex justify-content-between px-2 py-2 price-wrap flex-column">
                                                <div class="d-flex align-items-end justify-content-between position-relative">
                        <div class="d-flex flex-column w-100">
                            <p class="original-price "><span class="prices">1,400,000</span> <span class="font-small font-mute">تومان</span></p>
                            <div class="d-flex gap-1 jc-end">
                                <p class="product-price"><span class="iranyekan">1,100,000</span> <span class="font-small font-mute">تومان</span></p>
                            </div>
                        </div>
                        <div class="buy-btn quantity-control d-flex align-items-center" data-sid="99">
                            <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '99')">
                                <span class="icon-add font-20px"></span>
                                <span class="loading-icon" style="display: none;">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                        <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                    </svg>
                                </span>
                            </button>
                        </div>
                        <div class="popup-container" data-sid="99" style="display: none;">
                            <button class="close-popup" onclick="closePopup(this, '99')">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="1.5rem">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                                </svg>
                            </button>
                            <div class="w-100 px-1 py-2">
                                <div class="quantity-control" data-sid="99">
                                    <div class="d-flex flex-column gap-1">
                                        <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '99')">
                                            <span class="icon-add font-20px"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
                                        <input type="number" class="quantity-field-card number input-text qty text" value="" min="1" max="4" placeholder="تعداد" oninput="handleQuantityInput(this, '99')" pattern="\d*">
                                        <button class="decrementbtn value-button decrease-button" onclick="decrementQuantity(this, '99')">
                                            <span class="icon-minus"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
        
                                        <button class="trashbtn value-button delete-button" onclick="removeFromCart(this, '99')">
                                            <span class="icon-trash"></span>
                                            <span class="loading-icon" style="display: none;">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                                    <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                                                </svg>
                                            </span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                                    </div>
    </div>
    </div>

                                                            </div>
                                            </div>
                </div>
            </div>
        </div>
    </section>
    
    <!-- store-features -->
        
    
    


    <!-- modal price reprt -->
    <div class="modal fade modal-wrapper price-repost-modal" id="priceReportModal" tabindex="-1"
         aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable">
            <form class="modal-content ajax-submit" method="post" action="https://zimokala.ir/save-report" >
                <input type="hidden" name="relate_to" value="product_best_price">
                <input type="hidden" name="relate_id" value="60">
                <input type="hidden" name="title" value="مربوط به محصول ساعت مچی نایک مدل دی لاین Nike dline watch مشکی">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">   گزارش قیمت مناسب‌ تر </h5>
                    <button type="button" class="modal-close bg-transparent border-0" data-bs-dismiss="modal" aria-label="Close">
                        <span class="icon-clear"></span>
                    </button>
                </div>
                <div class="modal-body">
                    <h1 class="product-name font-12px vazir" style="line-height: 2">ساعت مچی نایک مدل دی لاین Nike dline watch مشکی</h1>
                    <div class="group-field">
                        <label for="" class="font-medium ">این کالا را با چه قیمتی دیده‌اید؟ (تومان) </label>
                        <input class="text-left numeric" dir="ltr" name="description" type="text" placeholder="مثلا 35000 تومان">
                    </div>
                    <div  class="group-field mt-3" >
                        <label for="" class=" "> توضیحات بیشتر در صورت لزوم </label>
                        <textarea rows="2"  name="content" placeholder="میتوانید توضیحات بیشتری وارد کنید" ></textarea>
                    </div>
                    <div class="group-checkbox">
                        <input type="checkbox" name="" id="check1" onchange="$(this).is(':checked')?$('#report-url').fadeIn():$('#report-url').fadeOut()">
                        <label for="check1"> در فروشگاه اینترنتی دیده‌ام </label>
                    </div>
                    <div id="report-url" class="group-field mt-3" style="display:none">
                        <label for="" class="bold "> وب‌سایت فروشگاه یا لینک محصول </label>
                        <input type="url"  name="url" placeholder="مثلا : http://market.ir" >
                    </div>
                    <button type="reset" style="visibility: hidden"></button>
                    <button type="submit" class="primary-btn mt-3"><i class="icon-danger"></i>&nbsp; ارسال گزارش </button>
                </div>
            </form>
        </div>
    </div>

    <!-- modal report -->
    <div class="modal fade modal-wrapper price-repost-modal" id="reportModal" tabindex="-1"
         aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">  گزارش نادرستی مشخصات </h5>
                    <button type="button" class="modal-close bg-transparent border-0" data-bs-dismiss="modal" aria-label="Close">
                        <span class="icon-clear"></span>
                    </button>
                </div>
                <form method="post" action="https://zimokala.ir/save-report" class="modal-body ajax-submit">
                    <h1 class="product-name">پایه نگهدارنده گوشی موبایل</h1>
                    <input type="hidden" name="relate_to" value="product_incorrect">
                    <input type="hidden" name="relate_id" value="60">
                    <input type="hidden" name="title" value="مربوط به محصول ساعت مچی نایک مدل دی لاین Nike dline watch مشکی">
                    <div class="group-checkbox">
                        <input type="checkbox" name="description[]" id="incorrect_check1" value=" نام کالا نادرست است">
                        <label for="incorrect_check1"> نام کالا نادرست است</label>
                    </div>
                    <div class="group-checkbox">
                        <input type="checkbox" name="description[]" id="incorrect_check2" value=" عکس کالا نامناسب است">
                        <label for="incorrect_check2"> عکس کالا نامناسب است</label>
                    </div>
                    <div class="group-checkbox">
                        <input type="checkbox" name="description[]" id="incorrect_check3" value=" مشخصات کالا نادرست است">
                        <label for="incorrect_check3"> مشخصات کالا نادرست است</label>
                    </div>
                    <div class="group-checkbox">
                        <input type="checkbox" name="description[]" id="incorrect_check4" value=" توضیحات کالا نادرست است">
                        <label for="incorrect_check4"> توضیحات کالا نادرست است</label>
                    </div>
                    <div class="group-checkbox">
                        <input type="checkbox" name="description[]" id="incorrect_check5" value=" کالا غیراصل است">
                        <label for="incorrect_check5"> کالا غیراصل است</label>
                    </div>
                    <div class="group-checkbox">
                        <input type="checkbox" name="description[]" id="incorrect_check6" value=" کالا تکراری است">
                        <label for="incorrect_check6"> کالا تکراری است</label>
                    </div>
                    <div class="group-checkbox">
                        <input type="checkbox" name="description[]" id="incorrect_check7" value="سایر موارد">
                        <label for="incorrect_check7">سایر موارد</label>
                    </div>
                    <div class="group-field mt-3">
                        <label for="" class="bold font-medium">  توضیحات </label>
                        <textarea name="content" id="" cols="30" rows="5"></textarea>
                    </div>
                    <button type="submit" class="primary-btn"> ارسال </button>
                </form>
            </div>
        </div>
    </div>

    <!-- modal comment-->
    <div class="modal fade modal-wrapper comment-modal mt-5" id="commentModal" tabindex="-1"
         aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title d-flex align-items-center font-medium" id="exampleModalLabel">  <i class="icon-messages-1 font-large"></i>&nbsp; پاسخ به دیدگاه </h5>
                    <button type="button" class="modal-close bg-transparent border-0" data-bs-dismiss="modal" aria-label="Close">
                        <span class="icon-clear"></span>
                    </button>
                </div>
                <form class="modal-body ajax-submit" method="post" action="https://zimokala.ir/product-comment">
                    <input type="hidden" id="comment-parent-id" name="parent_id" value="">
                    <input type="hidden" name="relate_to" value="product">
                    <input type="hidden" name="relate_id" value="60">
                    <input type="hidden" name="title" value="ساعت مچی نایک مدل دی لاین Nike dline watch مشکی">
                    <div class="comment-wrapper">
                        <h4 class="comment-wrapper_title"> </h4>
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="bold mb-3 vazir" id="comment-parent-content"></div>
                                <div class="group-field">
                                    <label for=""> متن پاسخ  <span>*</span></label>
                                    <textarea name="content" cols="30" rows="5" placeholder="برای پاسخ به این دیدگاه چیزی تایپ کنید..."></textarea>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="scoring d-flex align-items-center  flex-column flex-lg-row my-3">
                                    <p class="scoring-text"><span class="text-danger">*</span> به این محصول امتیاز دهید : </p>
                                    <fieldset class="rating ">
                                        <input type="radio" id="star15" name="score" value="5" /><label class = "full" for="star15" title="عالی"></label>
                                        <input type="radio" id="star14" name="score" value="4" /><label class = "full" for="star14" title="خیلی خوب"></label>
                                        <input type="radio" id="star13" name="score" value="3" /><label class = "full" for="star13" title="خوب"></label>
                                        <input type="radio" id="star12" name="score" value="2" /><label class = "full" for="star12" title="متوسط"></label>
                                        <input type="radio" id="star11" name="score" value="1" /><label class = "full" for="star11" title="ضعیف"></label>
                                    </fieldset>
                                </div>
                            </div>
                        </div>
                    </div>

                    <button type="reset" style="visibility: hidden"> ریست </button>
                    <button type="submit"  class="primary-btn"> ثبت نظر </button>
                </form>
            </div>
        </div>
    </div>

    <!-- modal question-->
    <div class="modal fade modal-wrapper comment-modal" id="questionModal" tabindex="-1"
         aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable">
            <form class="modal-content ajax-submit" method="post" action="https://zimokala.ir/product-question">
                <input type="hidden" name="parent_id" value="" id="question-parent-id">
                <input type="hidden" name="relate_to" value="product">
                <input type="hidden" name="relate_id" value="60">
                <input type="hidden" name="title" value="ساعت مچی نایک مدل دی لاین Nike dline watch مشکی">
                <div class="modal-header">
                    <h5 class="modal-title d-flex align-items-center font-medium" id="exampleModalLabel">  به این پرسش پاسخ دهید </h5>
                    <button type="button" class="modal-close bg-transparent border-0" data-bs-dismiss="modal" aria-label="Close">
                        <span class="icon-clear"></span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="comment-wrapper ">
                        <h4 class="comment-wrapper_title"> </h4>
                        <p class="comment-wrapper_desc bold" id="question-parent-content"></p>
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="group-field">
                                    <label for="" class="text-black">متن پاسخ </label>
                                    <textarea name="content" id="" cols="30" rows="3" placeholder="برای پاسخ به این پرسش چیزی تایپ کنید..."></textarea>
                                </div>
                            </div>
                        </div>
                    </div>

                    <button type="reset" class="visibility-hidden"> ریست </button>
                    <button type="submit" class="primary-btn"> ثبت نظر </button>
                </div>
            </form>
        </div>
    </div>

    <!--  modal gallery -->
    <div class="modal fade modal-wrapper gallery-modal" id="galleryModal" tabindex="-1" aria-hidden="true" aria-labelledby="exampleModalLabel">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header d-block">
                    <div class="d-flex align-items-center justify-content-between w-100">
                        <h5 class="modal-title" id="exampleModalLabel"> گالری تصاویر محصول</h5>
                        <button type="button" class="modal-close bg-transparent border-0" data-bs-dismiss="modal" aria-label="Close">
                            <span class="icon-clear"></span>
                        </button>
                    </div>
                </div>
                <div class="modal-body d-flex align-items-start flex-column flex-lg-row">
                    <div id="gallery" class="owl-carousel owl-theme">
                        <div class="item">
                            <div class="product-gallery-img img-container tile" data-scale="1.2" data-image="https://zimokala.ir/uploads/product/product_60/default_img_60_957252.webp">
                                <div class="img-container-inner">
                                    <div class="photo"></div>
                                    <img src="https://zimokala.ir/uploads/product/product_60/default_img_60_957252.webp" alt="ساعت مچی نایک مدل دی لاین Nike dline watch مشکی-" style="display: none;">
                                                                    </div>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="product-gallery-img img-container tile" data-scale="1.2" data-image="https://zimokala.ir/uploads/product/product_60/product_gallery_60_6827928.webp">
                                <div class="img-container-inner">
                                    <div class="photo"></div>
                                    <img src="https://zimokala.ir/uploads/product/product_60/product_gallery_60_6827928.webp" alt="" style="display: none;">
                                                                    </div>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="product-gallery-img img-container tile" data-scale="1.2" data-image="https://zimokala.ir/uploads/product/product_60/product_gallery_60_5975747.webp">
                                <div class="img-container-inner">
                                    <div class="photo"></div>
                                    <img src="https://zimokala.ir/uploads/product/product_60/product_gallery_60_5975747.webp" alt="" style="display: none;">
                                                                    </div>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="product-gallery-img img-container tile" data-scale="1.2" data-image="https://zimokala.ir/uploads/product/product_60/product_gallery_60_3072028.webp">
                                <div class="img-container-inner">
                                    <div class="photo"></div>
                                    <img src="https://zimokala.ir/uploads/product/product_60/product_gallery_60_3072028.webp" alt="" style="display: none;">
                                                                    </div>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="product-gallery-img img-container tile" data-scale="1.2" data-image="https://zimokala.ir/uploads/product/product_60/product_gallery_60_2871136.webp">
                                <div class="img-container-inner">
                                    <div class="photo"></div>
                                    <img src="https://zimokala.ir/uploads/product/product_60/product_gallery_60_2871136.webp" alt="" style="display: none;">
                                                                    </div>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="product-gallery-img img-container tile" data-scale="1.2" data-image="https://zimokala.ir/uploads/product/product_60/product_gallery_60_8823237.webp">
                                <div class="img-container-inner">
                                    <div class="photo"></div>
                                    <img src="https://zimokala.ir/uploads/product/product_60/product_gallery_60_8823237.webp" alt="" style="display: none;">
                                                                    </div>
                            </div>
                        </div>
                                            </div>
                    <div id="thumb2" class="owl-carousel owl-theme">
                        <div class="item">
                            <div class="product-thumb-img img-container">
                                <div class="img-container-inner">
                                    <img src="https://zimokala.ir/uploads/product/product_60/default_img_60_957252.webp" alt="ساعت مچی نایک مدل دی لاین Nike dline watch مشکی-">
                                                                    </div>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="product-thumb-img img-container">
                                <div class="img-container-inner">
                                    <img src="https://zimokala.ir/uploads/product/product_60/product_gallery_60_6827928.webp" alt="">
                                                                    </div>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="product-thumb-img img-container">
                                <div class="img-container-inner">
                                    <img src="https://zimokala.ir/uploads/product/product_60/product_gallery_60_5975747.webp" alt="">
                                                                    </div>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="product-thumb-img img-container">
                                <div class="img-container-inner">
                                    <img src="https://zimokala.ir/uploads/product/product_60/product_gallery_60_3072028.webp" alt="">
                                                                    </div>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="product-thumb-img img-container">
                                <div class="img-container-inner">
                                    <img src="https://zimokala.ir/uploads/product/product_60/product_gallery_60_2871136.webp" alt="">
                                                                    </div>
                            </div>
                        </div>
                                                <div class="item">
                            <div class="product-thumb-img img-container">
                                <div class="img-container-inner">
                                    <img src="https://zimokala.ir/uploads/product/product_60/product_gallery_60_8823237.webp" alt="">
                                                                    </div>
                            </div>
                        </div>
                                            </div>
                </div>
            </div>
        </div>
    </div>

    <!-- modal price reprt -->
    <div class="modal fade modal-wrapper price-repost-modal" id="shareModal" tabindex="-1"
         aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable">
            <div class="modal-content "  >
                <div class="modal-header">
                    <h5 class="modal-title " > اشتراک گذاری محصول </h5>
                    <button type="button" class="modal-close bg-transparent border-0" data-bs-dismiss="modal" aria-label="Close">
                        <span class="icon-clear"></span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                                                <div class="col-md-6 mb-md-0 mb-4">
                            <p class="font-12px mb-3 vazir" style="color:#0ead15">ساعت مچی نایک مدل دی لاین Nike dline watch مشکی</p>
                            <ul>
                                <li>
                                    <a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&title=ساعت مچی نایک مدل دی لاین Nike dline watch مشکی&url=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D9%86%D8%A7%DB%8C%DA%A9-%D9%85%D8%AF%D9%84-%D8%AF%DB%8C-%D9%84%D8%A7%DB%8C%D9%86-Nike-dline-watch-%D9%85%D8%B4%DA%A9%DB%8C-" class="not-color text-black"><i class="fab fa-linkedin"></i> <span class="font-small vazir">اشتراک گذاری در لینکد این</span> </a>
                                </li>
                                <li>
                                    <a target="_blank" href="https://twitter.com/share?text=ساعت مچی نایک مدل دی لاین Nike dline watch مشکی @TwitterId &url=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D9%86%D8%A7%DB%8C%DA%A9-%D9%85%D8%AF%D9%84-%D8%AF%DB%8C-%D9%84%D8%A7%DB%8C%D9%86-Nike-dline-watch-%D9%85%D8%B4%DA%A9%DB%8C-" class="not-color text-black"><i class="fab fa-twitter"></i>  <span class="font-small vazir">اشتراک گذاری در توییتر</span> </a>
                                </li>
                                <li>
                                    <a target="_blank" href="http://www.facebook.com/share.php?v=4&src=bm&u=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D9%86%D8%A7%DB%8C%DA%A9-%D9%85%D8%AF%D9%84-%D8%AF%DB%8C-%D9%84%D8%A7%DB%8C%D9%86-Nike-dline-watch-%D9%85%D8%B4%DA%A9%DB%8C-" class="not-color text-black" ><i class="fab fa-facebook"></i> <span class="font-small vazir">اشتراک گذاری در فیس بوک</span>  </a>
                                </li>
                                <li>
                                    <a target="_blank" href="mailto:?subject=ساعت مچی نایک مدل دی لاین Nike dline watch مشکی&body=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D9%86%D8%A7%DB%8C%DA%A9-%D9%85%D8%AF%D9%84-%D8%AF%DB%8C-%D9%84%D8%A7%DB%8C%D9%86-Nike-dline-watch-%D9%85%D8%B4%DA%A9%DB%8C-" class="not-color text-black" ><i class="fab fa-google"></i> <span class="font-small vazir">اشتراک گذاری در گوگل پلاس</span>   </a>
                                </li>
                                <li>
                                    <a target="_blank" href="https://web.whatsapp.com/send?text=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D9%86%D8%A7%DB%8C%DA%A9-%D9%85%D8%AF%D9%84-%D8%AF%DB%8C-%D9%84%D8%A7%DB%8C%D9%86-Nike-dline-watch-%D9%85%D8%B4%DA%A9%DB%8C-" class="not-color text-black"><i class="fab fa-whatsapp"></i> <span class="font-small vazir">اشتراک گذاری در واتس اپ</span>  </a>
                                </li>
                                <li>
                                    <a target="_blank" href="https://telegram.me/share/url?url=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D9%86%D8%A7%DB%8C%DA%A9-%D9%85%D8%AF%D9%84-%D8%AF%DB%8C-%D9%84%D8%A7%DB%8C%D9%86-Nike-dline-watch-%D9%85%D8%B4%DA%A9%DB%8C-" class="not-color text-black"><i class="fab fa-telegram"></i> <span class="font-small vazir">اشتراک گذاری در تلگرام</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-6 mb-md-0 mb-4">
                            <img src="https://zimokala.ir/uploads/product/product_60/default_img_60_957252.webp" style="max-width: 100%" alt="ساعت مچی نایک مدل دی لاین Nike dline watch مشکی">
                        </div>
                        <div class="col-md-12 mb-md-0 mb-4 text-left">
                            <hr/>
                            <p class="text-right font-medium vazir">لینک محصول :</p>
                            <a href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D9%86%D8%A7%DB%8C%DA%A9-%D9%85%D8%AF%D9%84-%D8%AF%DB%8C-%D9%84%D8%A7%DB%8C%D9%86-Nike-dline-watch-%D9%85%D8%B4%DA%A9%DB%8C-">
                                <span class="font-small" dir="ltr">https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D9%86%D8%A7%DB%8C%DA%A9-%D9%85%D8%AF%D9%84-%D8%AF%DB%8C-%D9%84%D8%A7%DB%8C%D9%86-Nike-dline-watch-%D9%85%D8%B4%DA%A9%DB%8C-</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="mf-product d-lg-none">
                <div class="box-add-to-cart d-flex justify-content-between align-items-center w-100">
            <div class="price-wrapper">
                <div class="box-pricing d-flex flex-column justify-content-between align-items-end">
                    <div class="d-flex align-items-center justify-content-center">
                                                
                        <span class="prices iranyekan font-large" id="customer-price" style="color:#070b46">720,000</span>
                        <span class="text-muted font-small bold px-1" id="pricing-unit">تومان</span>
                        
                    </div>
                                    </div>
                            </div>
            <div class="quantity-field w-100 d-flex align-items-center justify-content-between d-none mt-3" style="height: 45px !important;" id="quantity-field">
                <button type="button" class="value-button increase-button" title="افزایش">
                    <span class="icon-add"></span>
                    <span class="loading-icon" style="display: none;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                            <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                        </svg>
                    </span>
                </button>
                <input type="number" id="quantity" class="number input-text qty text" name="quantity" value="1" title="تعداد" size="4" min="1" max="3" step="1" placeholder="" inputmode="numeric" autocomplete="off">
                <button type="button" class="value-button decrease-button" title="کاهش">
                    <span class="icon-minus"></span>
                    <span class="loading-icon" style="display: none;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                            <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                        </svg>
                    </span>
                </button>
                <button type="button" class="value-button delete-button" title="حذف از سبد خرید">
                    <span class="icon-trash"></span>
                    <span class="loading-icon" style="display: none;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                            <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
                        </svg>
                    </span>
                </button>
            </div>
            <button id="add-to-cart-counting" type="button" class="primary-btn add-to-cart" data-sid="58" data-count="1" data-attributes="[&quot;&quot;]"> 
                <i class="icon-shopping-cart font-large ml-2"></i> افزودن به سبد خرید  
            </button>
        </div>
                
        
        
    </div>

<!-- footer -->
<footer class="footer">
    <!--<a href="javascript:;" class="back-top" onclick="helper().scrollTo('html',20)">-->
    <!--    <span class="icon-arrow-up-2"></span>-->
    <!--</a>-->
    <div class="container-4xl-w px-3">
        <div class="c-row">
            <div class="col-lg-9 px-4">
                <div class="c-row">
                    <div class="col-lg-3 col-6 mb-4 mb-lg-0 px-1">
                        <h4 class="footer-title">دسترسی سریع</h4>
                        <ul>
                                                        <li><a href="https://zimokala.ir" class="footer-link">صفحه اصلی</a></li>
                                                        <li><a href="https://zimokala.ir/about" class="footer-link">درباره ما</a></li>
                                                        <li><a href="https://zimokala.ir/blog" class="footer-link">وبلاگ</a></li>
                                                        <li><a href="https://milomart.ir/contact" class="footer-link">تماس با ما</a></li>
                                                    </ul>
                    </div>
                    <div class="col-lg-3 col-6 mb-4 mb-lg-0 px-1">
                        <h4 class="footer-title">خدمات مشتریان</h4>
                        <ul>
                                                            <li><a href="https://zimokala.ir/login" class="footer-link">ثبت نام | ورود</a></li>
                                                            <li><a href="https://zimokala.ir/" class="footer-link">شرایط مرجوعی سفارش</a></li>
                                                            <li><a href="12" class="footer-link">پشتیبانی آنلاین</a></li>
                                                    </ul>
                    </div>
                    <div class="col-lg-3 col-6 mb-4 mb-lg-0 px-1">
                        <h4 class="footer-title">خدمات همکاران</h4>
                        <ul>
                                                            <li><a href="https://zimokala.ir/" class="footer-link">فروشنده شوید</a></li>
                                                            <li><a href="https://zimokala.ir/" class="footer-link">پنل فروشندگان</a></li>
                                                            <li><a href="https://zimokala.ir/" class="footer-link">لغو قرارداد</a></li>
                                                    </ul>
                    </div>
                    <div class="col-lg-3 col-6 mb-4 mb-lg-0 px-1">
                        <h4 class="footer-title">راهنمای خرید</h4>
                        <ul>
                                                            <li><a href="https://zimokala.ir/" class="footer-link">محصولات فروشگاه</a></li>
                                                            <li><a href="https://zimokala.ir/" class="footer-link">شرایط و ضوابط</a></li>
                                                            <li><a href="https://zimokala.ir/" class="footer-link">حریم خصوصی</a></li>
                                                    </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 px-4">
                <div class="social-footer d-flex align-items-center justify-content-evenly">
                                        <a href="https://t.me/"> <i class="fab fa-telegram"></i> </a>
                                        <a href="https://www.instagram.com/zimokala.ir"> <i class="fab fa-instagram"></i> </a>
                                        <a href="https://twiter"> <i class="fab fa-twitter"></i> </a>
                                        <a href="https://vider"> <i class="fab fa-viber"></i> </a>
                                        <a href="https://wa/me/09129331730"> <i class="fab fa-whatsapp"></i> </a>
                                    </div>
                <h4 class="footer-title text-center mt-3">ما را در شبکه‌های اجتماعی دنبال کنید!</h4>
                <h4 class="footer-title text-center">شنبه تا پنجشنبه از 10 تا 21 پاسخگوی شما هستیم.</h4>
                <p class="footer-text gap-1"><span>تماس : </span><span>08132527732</span> </p>
                <p class="footer-text gap-1"><span>ایمیل : </span><span>zimokala.ir@gmail.com</span> </p>
                
            </div>
        </div>
        
        <div class="line"></div>
        
        <div class="c-row">
            <div class="col-lg-8 px-3">
                <div class="d-flex">
                    <a href="https://zimokala.ir" class="brand-footer"><img src="https://zimokala.ir/uploads/setting/img-logo-317709913431578.png" alt="فروشگاه اینترنتی زیموکالا"></a>
                    <a href="https://zimokala.ir" class="d-flex align-items-center iranyekan font-large text-white">فروشگاه اینترنتی زیموکالا</a>
                </div>
                <p class="footer-text flex-column gap-1 mt-2 p-2 me-2 readmore-container">
                    <span id="aboutText" class="readmore-content clamped">زیموکالا حاصل بیش از 10 سال تجربه موفق در حوزه فروش کالا و ادامه مسیر فروشگاه حضوری زیرزمین است.
مجموعه ای که با تکیه بر اعتماد مشتریان  ارائه محصولات به روز و با کیفیت، توانسته جایگاه ویژه ای در میان خریداران به دست آورد.</span>
                    <span id="toggleBtn" class="show-more-btn">مشاهده بیشتر<span class="icon-arrow-left-2"></span></span>
                </p>
            </div>
            
            <div class="col-lg-4 d-flex flex-column justify-content-center mt-3 mt-lg-0">
                <div class="d-flex justify-content-center">
                                                                        صبش
                                                                                </div>
            </div>
        </div>
            

        <div class="c-row">
            <div class="col-lg-12 mt-3">
                <p class="copyright-text text-center">کلیه حقوق این سایت متعلق به 
<a class="fw-semibold" href="https://zimokala.ir/" target="">زیموکالا</a>
می‌باشد.</p>
            </div>
        </div>
    </div>
</footer>

<!-- bootstrap -->
<script src="https://zimokala.ir/application/Modules/Shop/assets/js/libraries/bootstrap.bundle.min.js"></script>
<!-- owlcarousel -->
<script src="https://zimokala.ir/application/Modules/Shop/assets/js/libraries/owl.carousel.min.js"></script>
<!-- js -->
<script src="https://zimokala.ir/application/Modules/Shop/assets/js/global.js"></script>
<script src="https://zimokala.ir/application/Modules/Shop/assets/js/index-carousel.js"></script>
<script src="https://zimokala.ir/application/Modules/Shop/assets/js/increase-decrease-producrt.js"></script>
<script src="https://zimokala.ir/application/Modules/Shop/assets/js/product-timer.js"></script>
<script src="https://zimokala.ir/application/Modules/Management/assets/js/custom/sweetalert2@11.js"></script>
<link rel="stylesheet" href="https://zimokala.ir/plugin/iztoast/css/iziToast.min.css">
<script src="https://zimokala.ir/plugin/iztoast/js/iziToast.min.js" type="text/javascript"></script>
<script src="https://zimokala.ir/application/Modules/Management/assets/js/custom/helper.js"></script>
<script src="https://zimokala.ir/application/Modules/Shop/assets/js/libraries/select2.min.js"></script>
<script>
    var cartQuickItem = '<li class="dropdown-cart-item ">    <div class="d-flex align-items-center justify-content-between">        <div class="d-flex align-items-center gap-10">            <button class="delete-product border-0 bg-transparent">                <span class="icon-clear" data-stock_id="{STOCK_ID}"></span>            </button>            <div class="d-flex align-items-center flex-column justify-content-center">                <a href="{LINK}" class="cart-item-img AZ-img-container">                    <div class="AZ-img-container-inner">                        <img src="{SRC}" alt="{TITLE}">                    </div>                </a>            </div>        </div>        <div class="flex-grow-1 px-3 pt-2">            <a href="{LINK}">                <div>                    <h4 class="cart-item-title mb-0"> {TITLE} </h4>                      <span class="font-small py-1 iranyekan text-muted"> تعداد : {COUNT} </span>                </div>                <span class="font-small py-1 vazir text-muted">{PROPERTY}</span>            </a>            <p class="cart-item-price"><span class="text-mute font-small">قیمت : </span> <span class="prices">{REAL_PRICE}</span> <span class="font-small text-muted">تومان</span></p>        </div>    </div>    </li>';
    var $rout_cart = 'https://zimokala.ir/cart';
</script>
<script src="https://zimokala.ir/application/Modules/Shop/assets/js/cart.js"></script>
    <!-- Page Library -->
    <script src="https://zimokala.ir/application/Modules/Shop/assets/js/gallery-product.js"></script>

    <!--progressBar-->
    <link rel="stylesheet" href="https://zimokala.ir/plugin/Line-progressbar/jquery.lineProgressbar.css">
    <script src="https://zimokala.ir/plugin/Line-progressbar/jquery.waypoints.js"></script>
    <script src="https://zimokala.ir/plugin/Line-progressbar/jquery.lineProgressbar.js"></script>
    <script>
        let percent = 30;
        let progress = $('#progress1,#progress2,#progress3,#progress4,#progress5').LineProgressbar({
            percentage: percent,
            radius: '20px',
            fillBackgroundColor: percent > 50?'#1abc9c':'#0277bd',
            unit: 'm/s'
        });
    </script>
    <script>/*شمارنده بازدید*/
        $('document').ready(function () {
            setTimeout(function () {
                helper().post('https://zimokala.ir/view-counter',{
                    relate_to:'product',
                    relate_id:'60',
                    table:'shop_product',
                    alert:'off'
                })
            },3000);
            helper().scrollFunction("#comments-list",function () {
                commentList(1);
            });
            helper().scrollFunction("#question-list",function () {
                questionList(1);
            });
            $("#add-to-cart-counting").click(function () {
                $(this).data('count',$("#quantity_63ca7b2c327f7").val());
            });
        })
    </script>
    <script>
    document.addEventListener('DOMContentLoaded', function () {
        const carousel = document.querySelector('.products-carousel-related');
        if (carousel && !carousel.classList.contains('owl-loaded')) {
            $(carousel).owlCarousel({
                rtl: true,
                loop: true,
                margin: 10,
                nav: true,
                dots: false,
                lazyLoad: true,
                autoplay: false,
                autoplayTimeout: 5000,
                autoplayHoverPause: true,
                responsive: {
                    0: { items: 2 },
                    576: { items: 3 },
                    768: { items: 4 },
                    992: { items: 5 },
                    1200: { items: 6 }
                }
            });
        }
    });
    </script>
    <script>
        /*تبدیل استوک ها به جاوا*/
        let currentStockId = 58;
        var selected = JSON.parse('[""]');
        var $stock = [{"id":58,"quantity":3,"customer_price":720000,"real_price":1200000,"real_price_partner":"0","customer_price_partner":"0","stock_img":null,"store_id":1,"price_label":null,"price_label_checked":null,"sort":1,"description":null,"max_in_cart":1000,"min_in_cart":1,"title":"\u0632\u06cc\u0645\u0648\u06a9\u0627\u0644\u0627","icon":null,"img":null,"state":22,"city":785,"value_ids":"","parent_value":[],"is_default":"yes","state_fa":"\u06a9\u0631\u0645\u0627\u0646\u0634\u0627\u0647","city_fa":"\u062c\u0648\u0627\u0646\u0631\u0648\u062f","festival_date_to":null,"discount_percent":40,"properties":[]}];
        $(".fields ul li").click(function () {
            let  val = $(this).data('value-id');
            let old_val = $(this).parent('ul').find('li.checked').data('value-id');
            selected.map((v,i)=>({v,i})).filter(t=> t.v == val).forEach(function (item) {
                selected.splice(item.i,1);
            });
            selected.map((v,i)=>({v,i})).filter(t=> t.v == old_val).forEach(function (item) {
                selected.splice(item.i,1);
            });
            if($(this).hasClass('checked')){
                selected.push(val);
            }else{
                $(this).parent('ul').find('li').removeClass('checked');
                $(this).addClass('checked');
                selected.push(val);
            }
            listFilter();
        });
        
        function listFilter() {
            let shows = [], $newStocks = [], $sortStock = [];
            let selectedInt = selected.map(function (v) { return parseInt(v) });
            $stock.forEach(function (item) { 
                let value_ids = item.value_ids.split(',').map(function (v) { return parseInt(v) });
                let countValue = 0;
                selectedInt.forEach(function (v) {
                    if (!isNaN(v)) {
                        if (value_ids.includes(parseInt(v))) {
                            countValue++;
                        }
                    } else {
                        countValue++;
                    }
                });
                if (countValue == selectedInt.length) {
                    shows.push(item.id);
                    $newStocks.push(item);
                }
            });
            $sortStock = $newStocks.sort((a, b) => {
                if (parseInt(a.customer_price) < parseInt(b.customer_price)) {
                    return -1;
                }
                return 1;
            });
            $("[class^='stock-list-verity'] ,#stock-list-not-found").fadeOut();
            shows.forEach(function (v, key) {
                if ($newStocks.length > 0 && v != $newStocks[0]['id']) {
                    $(".stock-list-verity-" + v).fadeIn();
                }
            });
            if (shows.length < 2) {
                $("#stock-list-not-found").fadeIn();
            }
            setAfterFilter($sortStock);
        }
            
        function setAfterFilter($stocks) {
            if ($stocks.length) {
                $("#product-detail").show();
                $("#product-not-found").hide();
                let stock = $stocks[0];
                currentStockId = stock.id;
                let defaultImg = 'https://zimokala.ir/uploads/product/product_60/default_img_60_957252.webp';
                let currentStockImg = (stock.stock_img && typeof stock.stock_img === 'string' && stock.stock_img.trim() !== '' && stock.stock_img !== 'no-image.png') 
                    ? 'https://zimokala.ir/' + stock.stock_img.replace(/^\//, '') 
                    : defaultImg;
                let mainImgContainer = $('.img_product_container.tile');
                if(mainImgContainer.length) {
                    mainImgContainer.attr('data-image', currentStockImg);
                    mainImgContainer.find('img').attr('src', currentStockImg);
                    if(mainImgContainer.find('.photo').length > 0) {
                        mainImgContainer.find('.photo').css('background-image', 'url("' + currentStockImg + '")');
                    }
                }
                $("#product-info-box").show();
                $("#product-info-box .box-store-title,.store-title-2").html(stock.title);
                $("#product-info-box .state").html(stock.state_fa);
                $("#product-info-box .city").html(stock.city_fa);
                let html = '';
                if (stock.properties && stock.properties.length > 0) {
                    stock.properties.forEach(function (item, key) {
                        let valueClass = item.color_hex ? ' has-color' : '';
                        let valueStyle = item.color_hex ? '--property-color:' + item.color_hex + ';' : '';
                        html += '<div class="box-property">';
                        html += '    <span class="box-property-icon">' + item.icon + '</span>';
                        html += '    <span class="box-property-title"> ' + item.title + ' : </span>';
                        html += '<span class="box-property-value' + valueClass + '" style="' + valueStyle + '">' + item.value + '</span>';
                        html += '</div>';
                    });
                } else {
                    html = '';
                }
                $("#product-info-box .properties").html(html);
                isNaN(stock.description)
                    ? $("#product-info-box .box-description").show().find('.description').html(stock.description)
                    : $("#product-info-box .box-description").hide();
                if (parseInt(stock.real_price) > parseInt(stock.customer_price)) {
                    $("#product-info-box #real-price").show().html(helper().number_format(stock.real_price));
                    $("#product-info-box #discount-percent").show().html(stock.discount_percent);
                    $("#pricing-real").show();
                } else {
                    $("#product-info-box #real-price").hide();
                    $("#product-info-box #discount-percent").hide();
                    $("#pricing-real").hide();
                }
                $("#product-info-box #customer-price").show().html(helper().number_format(stock.customer_price));
                $("#pricing-unit").show();
                stock.quantity < 3 && stock.quantity > 0
                    ? $(".quantity-warning").show().find(".quantity-number").html(stock.quantity)
                    : $(".quantity-warning").hide();
            
                if (stock.price_label_checked == 'yes') {
                    $(".box-price-label").show().find('span').html(stock.price_label);
                    $("#pricing-real, #customer-price, #pricing-unit").hide();
                } else {
                    $(".box-price-label").hide();
                }
                $stocks.length > 1
                    ? $("#stock-other-count").show().find('span').html($stocks.length - 1)
                    : $("#stock-other-count").hide();
                $("#quantity_63ca7b2c327f7").attr('min', stock.min_in_cart)
                    .attr('max', stock.max_in_cart)
                    .val(stock.min_in_cart);
                $("#add-to-cart-counting").data("sid", stock.id);
                $("#add-to-cart-counting").data("attributes", stock.value_ids);
                
            } else {
                $("#product-detail").hide();
                $("#product-not-found").show();
            }
        }
        $(document).ready(function() {
            listFilter();
            $('.img-container.tile').each(function() {
                if ($(this).find('.photo').length === 0) $(this).append('<div class="photo"></div>');
                $(this).find('.photo').css('background-image', 'url('+ $(this).attr('data-image') +')');
            });
            $(document).on('mouseover', '.img-container.tile', function() {
                if (window.innerWidth > 768) $(this).find('.photo').css('transform', 'scale('+ $(this).attr('data-scale') +')');
            }).on('mouseout', '.img-container.tile', function() {
                $(this).find('.photo').css('transform', 'scale(1)');
            }).on('mousemove', '.img-container.tile', function(e) {
                if (window.innerWidth > 768) {
                    $(this).find('.photo').css({
                        'transform-origin': ((e.pageX - $(this).offset().left) / $(this).width()) * 100 + '% ' + 
                                            ((e.pageY - $(this).offset().top) / $(this).height()) * 100 + '%'
                    });
                }
            });
            $('#thumb1 .item img').click(function() {
                let src = $(this).attr('src');
                $('.img_product_container.tile').attr('data-image', src);
                $('.img_product_container.tile img').attr('src', src);
                $('.img_product_container.tile .photo').css('background-image', 'url("' + src + '")');
            });
        });
    </script>
    <script>/*افزودن به علاقه مندی*/
        $(".add-to-favorite").click(function() {
            let relate_to = $(this).data('relate-to'),
                relate_id = $(this).data('relate-id'),
                self = this;
            helper().post('https://zimokala.ir/add-to-fav-list',{
                relate_to:relate_to,
                relate_id:relate_id
            }).done(function (r) {
                if(r.result == 1){
                    helper().toastUi({ title:'علاقه مندی : ',text:r.msg, type:'success'});
                    $(self).attr('class','text-danger icon-heart-tick add-to-favorite');
                }else if(r.result == 2){
                    helper().toastUi({title:'علاقه مندی : ',text:r.msg,type:'info'});
                    $(self).attr('class','icon-heart add-to-favorite');
                }
                else{
                    helper().toastUi({ title:'علاقه مندی : ',text:r.msg,type:'warning'});
                }
            })
        });
    </script>
    <script>/*ارسال فرم*/
        $(document).on("submit", ".ajax-submit", function (event) {
            event.preventDefault();
            let form = $(this),
                method = form.attr("method"),
                action = form.attr("action"),
                formData = form.serialize();
            $.ajaxSetup({headers: {"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content")}});
            var btn = form.find("button[type='submit']");
            var loading = '<i class="fa fa-spinner fa-spin mr-2"></i>';
            btn.append(loading);
            $.ajax({
                url: action,
                type: method,
                data: formData,
                success: function (r) {
                    if(r.result){
                        helper().toastUi({text:r.msg,type:'success',});
                        if(form.data('after-done')){
                            window[form.data('after-done')].call();
                        }
                        resetForm(form);
                    }else{
                        helper().toastUi({text:r.msg,type:'error',});
                    }
                }
            }).always(function () {
                btn.find('i.fa-spinner').remove();
            });
        });
        $("#comments-list").on('click','#comments-paginate .page-item a',function (e) {
            e.preventDefault();
            let ex= $(this).attr('href').split('=');
            commentList(ex[1]);
        });
        function commentList($page) {
            helper().get('https://zimokala.ir/product-comment/60?page='+$page).done(function (r) {
                $("#comments-list").html(r.html);
            })
        }
        function questionList($page) {
            helper().get('https://zimokala.ir/product-question/60?page='+$page).done(function (r) {
                $("#question-list").html(r.html);
            })
        }
        $("#question-list").on('click','#question-paginate .page-item a',function (e) {
            e.preventDefault();
            let ex= $(this).attr('href').split('=');
            questionList(ex[1]);
        });
        $('#commentModal').on('show.bs.modal', function(e) {
            let params = e.relatedTarget.dataset;
            $("#comment-parent-id").val(params.parentId);
            $("#comment-parent-content").html(params.parentContent);
        });
        $('#questionModal').on('show.bs.modal', function(e) {
            let params = e.relatedTarget.dataset;
            $("#question-parent-id").val(params.parentId);
            $("#question-parent-content").html(params.parentContent);
        });
        function resetForm(t) {
            $(t).find("button[type='reset']").click();
            if($(t).closest('div.modal')){
                $(t).closest('div.modal').modal('hide');
            }
        }
    </script>
    
    
    <!--تب‌های صفحه محصول-->
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const tabLinks = document.querySelectorAll('.tab-link');
            const tabContents = document.querySelectorAll('#introduction, #specifications, #opinions, #question');
            tabLinks.forEach(link => {
                link.addEventListener('click', function (e) {
                    e.preventDefault();
                    tabLinks.forEach(item => item.classList.remove('active'));
                    this.classList.add('active');
                    tabContents.forEach(content => content.style.display = 'none');
                    const targetId = this.getAttribute('data-tab');
                    const targetContent = document.getElementById(targetId);
                    if (targetContent) {
                        targetContent.style.display = 'block';
                        window.scrollTo({
                            top: targetContent.offsetTop - 100,
                            behavior: 'smooth'
                        });
                    }
                });
            });
            if (tabLinks.length > 0) {
                tabLinks[0].classList.add('active');
                tabContents.forEach(content => content.style.display = 'none')
                document.getElementById('introduction').style.display = 'block';
            }
        });
    </script> 
    
    
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const addToCartButton = document.getElementById('add-to-cart-counting');
            const quantityField = document.getElementById('quantity-field');
            const quantityInput = document.getElementById('quantity');
            const decreaseButton = quantityField.querySelector('.decrease-button');
            const increaseButton = quantityField.querySelector('.increase-button');
            const deleteButton = quantityField.querySelector('.delete-button');
            const fields = document.querySelectorAll('.fields ul li');
            const stocks = [{"id":58,"quantity":3,"customer_price":720000,"real_price":1200000,"real_price_partner":"0","customer_price_partner":"0","stock_img":null,"store_id":1,"price_label":null,"price_label_checked":null,"sort":1,"description":null,"max_in_cart":1000,"min_in_cart":1,"title":"\u0632\u06cc\u0645\u0648\u06a9\u0627\u0644\u0627","icon":null,"img":null,"state":22,"city":785,"value_ids":"","parent_value":[],"is_default":"yes","state_fa":"\u06a9\u0631\u0645\u0627\u0646\u0634\u0627\u0647","city_fa":"\u062c\u0648\u0627\u0646\u0631\u0648\u062f","festival_date_to":null,"discount_percent":40,"properties":[]}];
            let currentStockId = 58 ?? 0;
            const blogKey = document.querySelector('meta[name="blog_key"]').content;
            const cartKey = `cart_${blogKey}`;
            
            function getCartItems() {
                let items = {};
                if (typeof $cart !== 'undefined' && $cart.ls) {
                    let storageItems = $cart.ls.getItem($cart.key);
                    if (storageItems) {
                        try {
                            JSON.parse(storageItems).forEach(item => {
                                items[item.stock_id] = item.count;
                            });
                        } catch (e) {
                            console.error("Error parsing cart storage:", e);
                        }
                    }
                }
                return items;
            }
            
            function updateQuantityField(stockId) {
                const cartItems = getCartItems();
                const quantity = cartItems[stockId] || 0;
                const stock = stocks.find(s => s.id == stockId);
                if (stock) {
                    quantityInput.setAttribute('max', stock.quantity);
                    quantityInput.setAttribute('min', stock.min_in_cart);
    
                    if (quantity > 0) {
                        quantityInput.value = quantity;
                        quantityField.classList.remove('d-none');
                        addToCartButton.classList.add('d-none');
                    } else {
                        quantityInput.value = stock.min_in_cart;
                        quantityField.classList.add('d-none');
                        addToCartButton.classList.remove('d-none');
                    }
                } else {
                    quantityInput.setAttribute('max', 0);
                    quantityInput.setAttribute('min', 0);
                    quantityInput.value = 0;
                    quantityField.classList.add('d-none');
                    addToCartButton.classList.add('d-none');
                }
            }
    
            updateQuantityField(currentStockId);
        
            if (addToCartButton && quantityField && quantityInput && decreaseButton && increaseButton && deleteButton) {
                let currentStockId = addToCartButton.getAttribute('data-sid');
        
                function toggleLoading(button, show) {
                    const loadingIcon = button.querySelector('.loading-icon');
                    const actionIcon = button.querySelector('.icon-add, .icon-minus, .icon-trash, .icon-shopping-cart');
                    if (show) {
                        button.disabled = true;
                        if (actionIcon) actionIcon.style.display = 'none';
                        if (loadingIcon) loadingIcon.style.display = 'inline-block';
                    } else {
                        button.disabled = false;
                        if (actionIcon) actionIcon.style.display = 'inline-block';
                        if (loadingIcon) loadingIcon.style.display = 'none';
                    }
                }
        
                function getStockByAttributes(selectedAttributes) {
                    return stocks.find(stock => {
                        const stockAttributes = stock.value_ids.split(',').map(id => id.toString());
                        return selectedAttributes.every(attr => stockAttributes.includes(attr));
                    });
                }
        
                function updateUI() {
                    const cartItems = JSON.parse(localStorage.getItem(cartKey)) || [];
                    const selectedAttributes = Array.from(document.querySelectorAll('.fields ul li.checked')).map(li => li.dataset.valueId.toString());
                    const selectedStock = getStockByAttributes(selectedAttributes);
                    if (selectedStock) {
                        currentStockId = selectedStock.id;
                        addToCartButton.setAttribute('data-sid', currentStockId);
                        quantityInput.setAttribute('min', selectedStock.min_in_cart);
                        quantityInput.setAttribute('max', selectedStock.quantity);
                        const productInCart = cartItems.find(item => item.stock_id == currentStockId); 
                        decreaseButton.classList.remove('d-none');
                        deleteButton.classList.add('d-none');
                        toggleLoading(decreaseButton, false);
                        toggleLoading(deleteButton, false);
                        if (productInCart) {
                            addToCartButton.classList.add('d-none');
                            quantityField.classList.remove('d-none');
                            quantityInput.value = productInCart.count;
                
                            if (parseInt(quantityInput.value) <= parseInt(quantityInput.min)) {
                                decreaseButton.classList.add('d-none');
                                deleteButton.classList.remove('d-none');
                            }
                        } else {
                            addToCartButton.classList.remove('d-none');
                            quantityField.classList.add('d-none');
                            quantityInput.value = selectedStock.min_in_cart;
                        }
                    } else {
                        addToCartButton.classList.add('d-none');
                        quantityField.classList.add('d-none');
                    }
                }
                updateUI();
                fields.forEach(field => {
                    field.addEventListener('click', function () {
                        const parentUl = this.closest('ul');
                        parentUl.querySelectorAll('li').forEach(li => li.classList.remove('checked'));
                        this.classList.add('checked');
        
                        let selectedValueIds = [];
                        document.querySelectorAll('.fields ul li.checked').forEach(li => {
                            selectedValueIds.push(li.getAttribute('data-value-id'));
                        });
        
                        let newStock = stocks.find(stock => {
                            let stockValues = stock.value_ids.split(',');
                            return selectedValueIds.length === stockValues.length &&
                                   selectedValueIds.every(valId => stockValues.includes(String(valId))) &&
                                   stockValues.every(valId => selectedValueIds.includes(String(valId)));
                        });
        
                        if (newStock) {
                            currentStockId = newStock.id;
                            if (typeof setAfterFilter === 'function') {
                                setAfterFilter([newStock]); 
                            }
                            updateQuantityField(currentStockId); 
                        } else {
                            if (typeof setAfterFilter === 'function') {
                                setAfterFilter([]); 
                            }
                            currentStockId = 0; 
                            updateQuantityField(currentStockId); 
                        }
                    });
                });
                
                addToCartButton.addEventListener('click', function () {
                    const count = parseInt(quantityInput.value) || 1;
                    const selectedAttributes = Array.from(document.querySelectorAll('.fields ul li.checked')).map(li => li.dataset.valueId.toString());
                    toggleLoading(addToCartButton, true);
                    $cart.add(currentStockId, count, selectedAttributes).done(function () {
                        toggleLoading(addToCartButton, false);
                        updateUI();
                    }).fail(function () {
                        toggleLoading(addToCartButton, false);
                        helper().toastUi({ text: 'خطا در اضافه کردن محصول به سبد خرید', type: 'error' });
                    });
                });
                increaseButton.addEventListener('click', function () {
                    let value = parseInt(quantityInput.value) || 0;
                    if (value < parseInt(quantityInput.max)) {
                        quantityInput.value = value + 1;
                        toggleLoading(increaseButton, true);
                        updateCart(quantityInput);
                    }
                });
                decreaseButton.addEventListener('click', function () {
                    let value = parseInt(quantityInput.value);
                    if (value > parseInt(quantityInput.min)) {
                        quantityInput.value = value - 1;
                        toggleLoading(decreaseButton, true);
                        updateCart(quantityInput);
                    } else {
                        toggleLoading(decreaseButton, true);
                        $cart.delete(currentStockId).done(function () {
                            toggleLoading(decreaseButton, false);
                            updateUI();
                        }).fail(function () {
                            toggleLoading(decreaseButton, false);
                            helper().toastUi({ text: 'خطا در حذف محصول از سبد خرید', type: 'error' });
                        });
                    }
                });
                deleteButton.addEventListener('click', function () {
                    toggleLoading(deleteButton, true);
                    $cart.delete(currentStockId).done(function () {
                        toggleLoading(deleteButton, false);
                        updateUI();
                    }).fail(function () {
                        toggleLoading(deleteButton, false);
                        helper().toastUi({ text: 'خطا در حذف محصول از سبد خرید', type: 'error' });
                    });
                });
                function updateCart(input) {
                    const count = parseInt(input.value);
                    if (count >= parseInt(input.min) && count <= parseInt(input.max)) {
                        $cart.change(currentStockId, count, input).done(function () {
                            toggleLoading(increaseButton, false);
                            toggleLoading(decreaseButton, false);
                            updateUI();
                        }).fail(function () {
                            toggleLoading(increaseButton, false);
                            toggleLoading(decreaseButton, false);
                            helper().toastUi({ text: 'خطا در به‌روزرسانی سبد خرید', type: 'error' });
                        });
                    }
                }
                quantityInput.addEventListener('change', function () {
                    updateCart(this);
                });
                document.addEventListener('cartUpdated', function (event) {
                    const updatedStockId = event.detail.stock_id;
                    if (updatedStockId == currentStockId) {
                        updateQuantityField(currentStockId);
                    }
                });
            }
        });
        
    
    </script>

    <script>
        document.addEventListener('DOMContentLoaded', function () {
            $('.img-container.tile').each(function() {
                $(this)
                    .append('<div class="photo"></div>')
                    .children('.photo').css({'background-image': 'url('+ $(this).attr('data-image') +')'});
            });
            $('.img-container.tile')
                .on('mouseover', function() {
                    if (window.innerWidth > 768) {
                        $(this).children('.photo').css({'transform': 'scale('+ $(this).attr('data-scale') +')'});
                    }
                })
                .on('mouseout', function() {
                    $(this).children('.photo').css({'transform': 'scale(1)'});
                })
                .on('mousemove', function(e) {
                    if (window.innerWidth > 768) {
                        $(this).children('.photo').css({
                            'transform-origin': ((e.pageX - $(this).offset().left) / $(this).width()) * 100 + '% ' + 
                                               ((e.pageY - $(this).offset().top) / $(this).height()) * 100 + '%'
                        });
                    }
                });
            const galleryThumbs = document.querySelectorAll('#thumb1 .item img');
            const mainImageContainer = document.querySelector('.img_product_container.tile');
            const mainImage = mainImageContainer.querySelector('.img-container-inner img');
            const mainPhoto = mainImageContainer.querySelector('.photo');
            galleryThumbs.forEach(thumb => {
                thumb.addEventListener('click', function () {
                    const newSrc = this.src;
                    mainImage.src = newSrc;
                    mainImageContainer.setAttribute('data-image', newSrc);
                    mainPhoto.style.backgroundImage = `url(${newSrc})`;
                });
            });
            function disableZoomOnMobile() {
                if (window.innerWidth <= 768) {
                    $('.img-container.tile').off('mouseover mouseout mousemove');
                    $('.img-container .photo').css({'transform': 'scale(1)'});
                } else {
                    $('.img-container.tile')
                        .on('mouseover', function() {
                            $(this).children('.photo').css({'transform': 'scale('+ $(this).attr('data-scale') +')'});
                        })
                        .on('mouseout', function() {
                            $(this).children('.photo').css({'transform': 'scale(1)'});
                        })
                        .on('mousemove', function(e) {
                            $(this).children('.photo').css({
                                'transform-origin': ((e.pageX - $(this).offset().left) / $(this).width()) * 100 + '% ' + 
                                                   ((e.pageY - $(this).offset().top) / $(this).height()) * 100 + '%'
                            });
                        });
                }
            }
        
            disableZoomOnMobile();
            window.addEventListener('resize', disableZoomOnMobile);
        });
    </script>
    
    <script>
        document.querySelectorAll('img').forEach(img => {
            img.addEventListener('contextmenu', e => e.preventDefault());
        });
    </script>
    
        
    <script>
    document.addEventListener('DOMContentLoaded', function() {
        if (window.innerWidth < 991) return;
        const sidebar = document.querySelector('.product-info-wrapper');
        const container = document.querySelector('.sidebar-container');
        if (!sidebar || !container) return;
        let lastScrollTop = 0;
        let offsetTop = 80;
        function updateSidebar() {
            const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
            if (scrollTop > lastScrollTop) {
                offsetTop = 80;
            } else if (scrollTop < lastScrollTop) {
                offsetTop = 130;
            }
            lastScrollTop = scrollTop <= 0 ? 0 : scrollTop;
            const containerRect = container.getBoundingClientRect();
            const containerTop = containerRect.top + scrollTop;
            const sidebarRect = sidebar.getBoundingClientRect();
            const sidebarHeight = sidebarRect.height;
            if (scrollTop + offsetTop > containerTop) {
                sidebar.classList.add('fixed');
                sidebar.classList.remove('static');
                sidebar.style.top = `${offsetTop}px`;
                sidebar.style.width = `${containerRect.width}px`;
            } else {
                sidebar.classList.remove('fixed');
                sidebar.classList.add('static');
                sidebar.style.top = '';
                sidebar.style.width = '';
            }
        }
        window.addEventListener('scroll', updateSidebar);
        window.addEventListener('resize', updateSidebar);
        updateSidebar();
    });
    </script>
    
    

<script>
    (function() {
      const DELTA = 0;
      let lastScroll = window.scrollY || 0;
      let initialNavbarHeight = 0;
      const navbarTop = document.querySelector('.navbar-top');
      const siteBanner = document.querySelector('.site-banner');
      const navbar = document.querySelector('.navbar');
      const navbarTopPlaceholder = document.querySelector('.navbar-top-placeholder');
      const navbarPlaceholder = document.querySelector('.navbar-placeholder');
      if (!navbarTop || !navbar) return;
      navbar.classList.add('visible');
      function getBannerBottom() {
        if (!siteBanner) return navbarTop.offsetHeight;
        return siteBanner.offsetTop + siteBanner.offsetHeight;
      }
      function onScroll() {
        const currentScroll = window.scrollY || 0;
        const bannerBottom = getBannerBottom();
        const topHeight = navbarTop.offsetHeight;
        const navbarHeight = initialNavbarHeight || navbar.offsetHeight;
        if (currentScroll >= bannerBottom) {
          navbarTop.classList.add('fixed');
          navbar.style.position = 'fixed';
          navbar.style.top = `${topHeight-1}px`;
          navbar.style.left = '0';
          navbar.style.right = '0';
          if (navbarTopPlaceholder) {
            navbarTopPlaceholder.style.height = `${topHeight-1}px`;
          }
          if (navbarPlaceholder) {
            navbarPlaceholder.style.height = `${navbarHeight}px`;
          }
          if (currentScroll - lastScroll > DELTA && currentScroll >= bannerBottom + topHeight) {
            navbar.classList.add('hidden');
            navbar.classList.remove('visible');
            navbarTop.classList.add('shadowed');
            setTimeout(() => {
              if (navbar.classList.contains('hidden')) {
                navbar.style.visibility = 'hidden';
              }
            }, 400);
          } else if (lastScroll - currentScroll > DELTA) {
            navbar.classList.remove('hidden');
            navbar.classList.add('visible');
            navbarTop.classList.remove('shadowed');
            navbar.style.visibility = 'visible';
          }
        } else {
          navbarTop.classList.remove('fixed');
          navbar.style.position = 'relative';
          navbar.style.top = '0';
          navbar.style.left = '';
          navbar.style.right = '';
          navbar.classList.remove('hidden');
          navbar.classList.add('visible');
          navbarTop.classList.remove('shadowed');
          navbar.style.visibility = 'visible';
          if (navbarTopPlaceholder) {
            navbarTopPlaceholder.style.height = '0';
          }
          if (navbarPlaceholder) {
            navbarPlaceholder.style.height = '0';
          }
        }
        lastScroll = currentScroll;
      }
      window.addEventListener('load', () => {
        initialNavbarHeight = navbar.offsetHeight;
        onScroll();
      });
      window.addEventListener('scroll', onScroll, { passive: true });
      window.addEventListener('resize', () => {
        initialNavbarHeight = navbar.offsetHeight;
        onScroll();
      });
    })();


    var lastScrollTop = 0;
    document.addEventListener("scroll", function(){ 
        var st = window.pageYOffset || document.documentElement.scrollTop;
        if (st > lastScrollTop) {
            //alert('scroll dwon');
        } else if (st < lastScrollTop) {
            //alert('scroll up');
        }
        lastScrollTop = st <= 0 ? 0 : st;
    }, false);
</script>

<script>
    $(document).ready(function() {
        $('.c-select').select2();
    });
</script>


<script>
    function updateWidgetBorders() {
        const container = document.querySelector('.top-seller_box .c-row:last-child');
        if (!container) return;

        const cards = container.querySelectorAll('.product-col');
        if (cards.length === 0) return;

        const productCards = container.querySelectorAll('.product-card');
        const containerWidth = container.offsetWidth;
        const cardWidth = cards[0].offsetWidth;
        if (cardWidth === 0) return;

        const colsPerRow = Math.floor(containerWidth / cardWidth);
        if (colsPerRow < 1) return;

        const totalRows = Math.ceil(cards.length / colsPerRow);

        productCards.forEach(pc => {
            pc.classList.remove('no-border-left');
            pc.classList.remove('no-border-bottom');
        });
        cards.forEach((card, index) => {
            if ((index + 1) % colsPerRow === 0) {
                card.querySelector('.product-card').classList.add('no-border-left');
            }
        });

        const lastRowStartIndex = (totalRows - 1) * colsPerRow;
        for (let i = lastRowStartIndex; i < cards.length; i++) {
            cards[i].querySelector('.product-card').classList.add('no-border-bottom');
        }
    }

    $(document).ready(function () {
        updateWidgetBorders();
    });

    const debouncedUpdateBorders = function(fn, delay) {
        let timeout;
        return function() {
            clearTimeout(timeout);
            timeout = setTimeout(fn, delay);
        };
    };
    $(window).resize(debouncedUpdateBorders(updateWidgetBorders, 200));
</script>

<script>
    function () {
      const loader = document.getElementById('site-skeleton');
      if (!loader) return;
    
      const show = () => loader.classList.add('is-visible');
      const hide = () => loader.classList.remove('is-visible');
    
      window.addEventListener('pageshow', hide);
    
      document.addEventListener('click', function (e) {
        const link = e.target.closest('a[href]');
        if (!link || link.target || link.download) return;
        if (link.origin !== location.origin) return;
        if (link.pathname === location.pathname && link.hash) return;
    
        setTimeout(show, 120);
      });
    
      document.addEventListener('submit', function (e) {
        if (e.target.dataset.noSkeleton) return;
        setTimeout(show, 120);
      }, true);
    }();
</script>

</body>
</html>