<!-- RELATED DEBUG: 12 محصول یافت شد -->
<!-- آیتم 0: ID=111 | عنوان=ساعت مچي داويكس  پلي كربن DOVIX فيروزه اي | slug=ساعت-مچي-داويكس--پلي-كربن-DOVIX-فيروزه-اي | link=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%D9%8A-%D8%AF%D8%A7%D9%88%D9%8A%D9%83%D8%B3--%D9%BE%D9%84%D9%8A-%D9%83%D8%B1%D8%A8%D9%86-DOVIX-%D9%81%D9%8A%D8%B1%D9%88%D8%B2%D9%87-%D8%A7%D9%8A -->
<!-- آیتم 1: ID=119 | عنوان=ساعت مچي داويكس  پلي كربن DOVIX ماچا | slug=ساعت-مچي-داويكس--پلي-كربن-DOVIX-ماچا | link=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%D9%8A-%D8%AF%D8%A7%D9%88%D9%8A%D9%83%D8%B3--%D9%BE%D9%84%D9%8A-%D9%83%D8%B1%D8%A8%D9%86-DOVIX-%D9%85%D8%A7%DA%86%D8%A7 -->
<!-- آیتم 2: ID=56 | عنوان=ساعت مچی دراگون نقره ای DRAGON اژدها | slug=ساعت-مچی-دراگون-DRAGON-اژدها | link=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%AF%D8%B1%D8%A7%DA%AF%D9%88%D9%86-DRAGON-%D8%A7%DA%98%D8%AF%D9%87%D8%A7 -->
<!-- آیتم 3: ID=101 | عنوان=ساعت مچی مردانه کاسیو CASIO اولدمانی مشکی صفحه سیلور | slug=ساعت-مچی-مردانه-کاسیو-CASIO-اولدمانی-مشکی-صفحه-سیلور | link=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D9%85%D8%B1%D8%AF%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%DB%8C%D9%84%D9%88%D8%B1 -->
<!-- آیتم 4: ID=51 | عنوان=ساعت مچي عقربه اي مردانه الگانس ELEGANCE 1975 مدل 11036G | slug=ساعت-مچي-عقربه-اي-مردانه-الگانس-ELEGANCE-1975-مدل-11036G | link=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%D9%8A-%D8%B9%D9%82%D8%B1%D8%A8%D9%87-%D8%A7%D9%8A-%D9%85%D8%B1%D8%AF%D8%A7%D9%86%D9%87-%D8%A7%D9%84%DA%AF%D8%A7%D9%86%D8%B3-ELEGANCE-1975-%D9%85%D8%AF%D9%84-11036G -->
<!-- آیتم 5: ID=115 | عنوان=ساعت مچي داويكس  پلي كربن DOVIX  سبز | slug=ساعت-مچي-داويكس--پلي-كربن-DOVIX--سبز | link=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%D9%8A-%D8%AF%D8%A7%D9%88%D9%8A%D9%83%D8%B3--%D9%BE%D9%84%D9%8A-%D9%83%D8%B1%D8%A8%D9%86-DOVIX--%D8%B3%D8%A8%D8%B2 -->
<!-- آیتم 6: ID=154 | عنوان=ساعت کربن تمام مشکی | slug=ساعت-کربن-تمام-مشکی- | link=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%DA%A9%D8%B1%D8%A8%D9%86-%D8%AA%D9%85%D8%A7%D9%85-%D9%85%D8%B4%DA%A9%DB%8C- -->
<!-- آیتم 7: ID=107 | عنوان=ساعت مچی طرح والار WALAR نقره ای | slug=ساعت-مچی-طرح-والار-WALAR-نقره-ای- | link=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%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%DB%8C- -->
<!-- آیتم 8: ID=44 | عنوان=ساعت مچی عقربه ای ویکتور مدل  VICTOR V-5746 کد1191 | slug=ساعت-مچی-عقربه-ای-ویکتور-مدل--VICTOR-V-5746- | 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-%D9%88%DB%8C%DA%A9%D8%AA%D9%88%D8%B1-%D9%85%D8%AF%D9%84--VICTOR-V-5746- -->
<!-- آیتم 9: ID=153 | عنوان=ساعت كاسيو  جيشاك تك زمانه مشكي طوسي | slug=ساعت-كاسيو--جيشاك-تك-زمانه-مشكي-طوسي | link=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%83%D8%A7%D8%B3%D9%8A%D9%88--%D8%AC%D9%8A%D8%B4%D8%A7%D9%83-%D8%AA%D9%83-%D8%B2%D9%85%D8%A7%D9%86%D9%87-%D9%85%D8%B4%D9%83%D9%8A-%D8%B7%D9%88%D8%B3%D9%8A -->
<!-- آیتم 10: ID=59 | عنوان=ساعت مچی نایک مدل دی لاین Nike dline watch نقره ای | slug=ساعت-مچی-نایک-مدل-دی-لاین-Nike-dline-watch-نقره-ای | link=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%86%D9%82%D8%B1%D9%87-%D8%A7%DB%8C -->
<!-- آیتم 11: ID=57 | عنوان=ساعت مچی طرح والار WALAR مشکی | slug=ساعت-مچی-طرح-والار-WALAR- | link=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D8%B7%D8%B1%D8%AD-%D9%88%D8%A7%D9%84%D8%A7%D8%B1-WALAR- -->

<!--ترب-->

<!--فوتر ویجت-->

<!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="onmRzET6yqyiySwZLx7C0Z0EtXc748tQcB0thdx7">
        <meta name="blog_url" content="https://zimokala.ir">
        <meta name="blog_key" content="httpszimokalair">
        <title>ساعت مچی ویکتور VICTOR مدل V5673-02 نقره ای مشکی</title>
<meta name="description" content="فروشگاه اینترنتی زیموکالا">
<meta name="keywords" content=",ساعت مچی ویکتور,ساعت مچی ویکتور مردانه,ساعت ویکتور,ساعت مچی مردانه ویکتور,ساعت مچی کوارتز,ساعت ویکتور اصل,ساعت مچی مردانه Victor,ساعت مچی مردانه ویکتور V‑5673,ساعت Victor V‑5673,خرید ساعت ویکتور V‑5673,مشخصات ساعت ویکتور V‑5673,خرید ساعت مچی مردانه ویکتو">
<link rel="canonical" href="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D9%88%DB%8C%DA%A9%D8%AA%D9%88%D8%B1-VICTOR-%D9%85%D8%AF%D9%84-V5673-02-%D9%86%D9%82%D8%B1%D9%87-%D8%A7%DB%8C-%D9%85%D8%B4%DA%A9%DB%8C-">
<meta name="robots" content="1">
<meta property="og:description" content="فروشگاه اینترنتی زیموکالا">
<meta property="og:title" content="ساعت مچی ویکتور VICTOR مدل V5673-02 نقره ای مشکی">
<meta property="og:og:keywords" content=",ساعت مچی ویکتور,ساعت مچی ویکتور مردانه,ساعت ویکتور,ساعت مچی مردانه ویکتور,ساعت مچی کوارتز,ساعت ویکتور اصل,ساعت مچی مردانه Victor,ساعت مچی مردانه ویکتور V‑5673,ساعت Victor V‑5673,خرید ساعت ویکتور V‑5673,مشخصات ساعت ویکتور V‑5673,خرید ساعت مچی مردانه ویکتو">
<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%88%DB%8C%DA%A9%D8%AA%D9%88%D8%B1-VICTOR-%D9%85%D8%AF%D9%84-V5673-02-%D9%86%D9%82%D8%B1%D9%87-%D8%A7%DB%8C-%D9%85%D8%B4%DA%A9%DB%8C-">
<meta property="og:image" content="https://zimokala.ir/uploads/product/product_62/default_img_62_955936.webp">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="ساعت مچی ویکتور VICTOR مدل V5673-02 نقره ای مشکی">
<meta name="twitter:site" content="https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D9%88%DB%8C%DA%A9%D8%AA%D9%88%D8%B1-VICTOR-%D9%85%D8%AF%D9%84-V5673-02-%D9%86%D9%82%D8%B1%D9%87-%D8%A7%DB%8C-%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="62">
    <meta name="product_name" content="ساعت مچی ویکتور VICTOR مدل V5673-02 نقره ای مشکی">
    <meta name="product_price" id="product_price" content="2950000">
    <meta name="product_old_price" id="product_old_price" content="3500000">
    <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/%D9%85%D8%B1%D8%AF%D8%A7%D9%86%D9%87" class="breadcrumb-link">مردانه عقربه ای </a>
                                                                <span>/</span>
                                <a href="#" class="breadcrumb-link">ساعت مچی ویکتور VICTOR مدل V5673-02 نقره ای مشکی</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_62/default_img_62_955936.webp">
                                            <div class="img-container-inner">
                                                <div class="photo"></div>
                                                <img src="https://zimokala.ir/uploads/product/product_62/default_img_62_955936.webp" alt="ساعت مچی ویکتور VICTOR مدل V5673-02 نقره ای مشکی" 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_62/default_img_62_955936.webp" alt="ساعت مچی ویکتور VICTOR مدل V5673-02 نقره ای مشکی">
                                                    </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_62/product_gallery_62_6958068.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_62/product_gallery_62_9549791.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_62/product_gallery_62_7608925.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_62/product_gallery_62_2838888.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">ساعت مچی ویکتور VICTOR مدل V5673-02 نقره ای مشکی</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="62"></i></a>
                                            <a href="https://zimokala.ir/compare/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D9%88%DB%8C%DA%A9%D8%AA%D9%88%D8%B1-VICTOR-%D9%85%D8%AF%D9%84-V5673-02-%D9%86%D9%82%D8%B1%D9%87-%D8%A7%DB%8C-%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>

                                                                        <p class="iranyekan bold font-13px mt-3">
                                        <span class="text-muted">برند : </span>
                                        <a class="font-medium" href="https://zimokala.ir/brand/%D9%88%DB%8C%DA%A9%D8%AA%D9%88%D8%B1-">ویکتور | VICTOR</a>
                                    </p>
                                                                        <!--<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=ساعت-مچی-مردانه-Victor">#ساعت مچی مردانه Victor</a>-->
                                    <!--    -->
                                    <!--    <a href="https://zimokala.ir/product-category?tag=ساعت-مچی-مردانه-ویکتور-V‑5673">#ساعت مچی مردانه ویکتور V‑5673</a>-->
                                    <!--    -->
                                    <!--    <a href="https://zimokala.ir/product-category?tag=ساعت-Victor-V‑5673">#ساعت Victor V‑5673</a>-->
                                    <!--    -->
                                    <!--    <a href="https://zimokala.ir/product-category?tag=خرید-ساعت-ویکتور-V‑5673">#خرید ساعت ویکتور V‑5673</a>-->
                                    <!--    -->
                                    <!--    <a href="https://zimokala.ir/product-category?tag=مشخصات-ساعت-ویکتور-V‑5673">#مشخصات ساعت ویکتور V‑5673</a>-->
                                    <!--    -->
                                    <!--</div>-->
                                                                        <div class="c-box fields mt-3 mb-4">
                                                                            </div>
                                                                                                                <div class="c-box mt-3">
                                            <h3 class="attributes-title">ویژگی‌ها</h3>
                                            <ul class="attributes-list">
                                                                                                                                        
                                                                                                            <li class="d-flex align-items-center">
                                                            <p>موتور :</p>
                                                            <span>موتور ژاپن</span>
                                                        </li>
                                                                                                                                                                                            
                                                                                                            <li class="d-flex align-items-center">
                                                            <p>گارانتی :</p>
                                                            <span>6ماه گارانتی زیموکالا</span>
                                                        </li>
                                                                                                                                                                                            
                                                                                                            <li class="d-flex align-items-center">
                                                            <p>جنس بدنه :</p>
                                                            <span>استیل316L</span>
                                                        </li>
                                                                                                                                                                                            
                                                                                                                                                                                            
                                                                                                            <li class="d-flex align-items-center">
                                                            <p>فرم صفحه :</p>
                                                            <span>گرد</span>
                                                        </li>
                                                                                                                                                                                            
                                                                                                            <li class="d-flex align-items-center">
                                                            <p>جنس شیشه :</p>
                                                            <span>ضد خش</span>
                                                        </li>
                                                                                                                                                                                            
                                                                                                            <li class="d-flex align-items-center">
                                                            <p>ضد آب :</p>
                                                            <span>بله</span>
                                                        </li>
                                                                                                                                                                                            
                                                                                                                                                                                            
                                                                                                                                                                                            
                                                                                                                                                                                            
                                                                                                                                                                                            
                                                                                                                                                                                            
                                                                                                                                                                                            
                                                                                                                                                                                            
                                                                                                                                                                                            
                                                                                                                                                </ul>
                                        </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>1976</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">
                                                                                                                            <p class="text-danger quantity-warning vazir mb-2 font-12px"> 
                                                                    <span class="vazir"> تنها </span>  
                                                                    <span class="iranyekan quantity-number"> 1 </span>  
                                                                    <span class="vazir"> عدد </span> 
                                                                    <span class="vazir">در انبار باقی مانده</span> 
                                                                </p>
                                                                                                                        <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">2,950,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="1" 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="60" 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">6ماه گارانتی زیموکالا</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">استیل316L</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>
                                                                                                                                                                                    <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">40×40</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>
                                                                                                                                                                                    <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="62">
                                <input type="hidden" name="title" value="ساعت مچی ویکتور VICTOR مدل V5673-02 نقره ای مشکی">
                                <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="62">
                                    <input type="hidden" name="title" value="ساعت مچی ویکتور VICTOR مدل V5673-02 نقره ای مشکی">
                                    <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%D9%8A-%D8%AF%D8%A7%D9%88%D9%8A%D9%83%D8%B3--%D9%BE%D9%84%D9%8A-%D9%83%D8%B1%D8%A8%D9%86-DOVIX-%D9%81%D9%8A%D8%B1%D9%88%D8%B2%D9%87-%D8%A7%D9%8A"><img src="https://zimokala.ir/uploads/product/product_111/default_img_111_390449.webp" alt="ساعت مچي داويكس  پلي كربن DOVIX فيروزه اي"></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%AF%D8%A7%D9%88%D9%8A%D9%83%D8%B3--%D9%BE%D9%84%D9%8A-%D9%83%D8%B1%D8%A8%D9%86-DOVIX-%D9%81%D9%8A%D8%B1%D9%88%D8%B2%D9%87-%D8%A7%D9%8A"><h4 class="product-name" title="ساعت مچي داويكس  پلي كربن DOVIX فيروزه اي">ساعت مچي داويكس  پلي كربن DOVIX فيروزه اي</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,250,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,250,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="114">
                            <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '114')">
                                <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="114" style="display: none;">
                            <button class="close-popup" onclick="closePopup(this, '114')">
                                <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="114">
                                    <div class="d-flex flex-column gap-1">
                                        <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '114')">
                                            <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, '114')" pattern="\d*">
                                        <button class="decrementbtn value-button decrease-button" onclick="decrementQuantity(this, '114')">
                                            <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, '114')">
                                            <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%AF%D8%A7%D9%88%D9%8A%D9%83%D8%B3--%D9%BE%D9%84%D9%8A-%D9%83%D8%B1%D8%A8%D9%86-DOVIX-%D9%85%D8%A7%DA%86%D8%A7"><img src="https://zimokala.ir/uploads/product/product_119/default_img_119_570530.webp" alt="ساعت مچي داويكس  پلي كربن DOVIX ماچا"></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%AF%D8%A7%D9%88%D9%8A%D9%83%D8%B3--%D9%BE%D9%84%D9%8A-%D9%83%D8%B1%D8%A8%D9%86-DOVIX-%D9%85%D8%A7%DA%86%D8%A7"><h4 class="product-name" title="ساعت مچي داويكس  پلي كربن DOVIX ماچا">ساعت مچي داويكس  پلي كربن DOVIX ماچا</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,250,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,250,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="122">
                            <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '122')">
                                <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="122" style="display: none;">
                            <button class="close-popup" onclick="closePopup(this, '122')">
                                <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="122">
                                    <div class="d-flex flex-column gap-1">
                                        <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '122')">
                                            <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, '122')" pattern="\d*">
                                        <button class="decrementbtn value-button decrease-button" onclick="decrementQuantity(this, '122')">
                                            <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, '122')">
                                            <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%AF%D8%B1%D8%A7%DA%AF%D9%88%D9%86-DRAGON-%D8%A7%DA%98%D8%AF%D9%87%D8%A7"><img src="https://zimokala.ir/uploads/product/product_56/default_img_56_338103.webp" alt="ساعت مچی دراگون DRAGON اژدها"></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%AF%D8%B1%D8%A7%DA%AF%D9%88%D9%86-DRAGON-%D8%A7%DA%98%D8%AF%D9%87%D8%A7"><h4 class="product-name" title="ساعت مچی دراگون نقره ای DRAGON اژدها">ساعت مچی دراگون نقره ای DRAGON اژدها</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,300,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">850,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="53">
                            <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '53')">
                                <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="53" style="display: none;">
                            <button class="close-popup" onclick="closePopup(this, '53')">
                                <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="53">
                                    <div class="d-flex flex-column gap-1">
                                        <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '53')">
                                            <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="14" placeholder="تعداد" oninput="handleQuantityInput(this, '53')" pattern="\d*">
                                        <button class="decrementbtn value-button decrease-button" onclick="decrementQuantity(this, '53')">
                                            <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, '53')">
                                            <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-%D9%85%D8%B1%D8%AF%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%DB%8C%D9%84%D9%88%D8%B1"><img src="https://zimokala.ir/uploads/product/product_101/default_img_101_96291.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-%D9%85%D8%B1%D8%AF%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%DB%8C%D9%84%D9%88%D8%B1"><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="104">
                            <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '104')">
                                <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="104" style="display: none;">
                            <button class="close-popup" onclick="closePopup(this, '104')">
                                <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="104">
                                    <div class="d-flex flex-column gap-1">
                                        <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '104')">
                                            <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, '104')" pattern="\d*">
                                        <button class="decrementbtn value-button decrease-button" onclick="decrementQuantity(this, '104')">
                                            <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, '104')">
                                            <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%B9%D9%82%D8%B1%D8%A8%D9%87-%D8%A7%D9%8A-%D9%85%D8%B1%D8%AF%D8%A7%D9%86%D9%87-%D8%A7%D9%84%DA%AF%D8%A7%D9%86%D8%B3-ELEGANCE-1975-%D9%85%D8%AF%D9%84-11036G"><img src="https://zimokala.ir/uploads/product/product_51/default_img_51_745417.webp" alt="ساعت مچي عقربه اي مردانه الگانس ELEGANCE 1975 مدل 11036G"></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%B9%D9%82%D8%B1%D8%A8%D9%87-%D8%A7%D9%8A-%D9%85%D8%B1%D8%AF%D8%A7%D9%86%D9%87-%D8%A7%D9%84%DA%AF%D8%A7%D9%86%D8%B3-ELEGANCE-1975-%D9%85%D8%AF%D9%84-11036G"><h4 class="product-name" title="ساعت مچي عقربه اي مردانه الگانس ELEGANCE 1975 مدل 11036G">ساعت مچي عقربه اي مردانه الگانس ELEGANCE 1975 مدل  ...</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="49">
                            <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '49')">
                                <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="49" style="display: none;">
                            <button class="close-popup" onclick="closePopup(this, '49')">
                                <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="49">
                                    <div class="d-flex flex-column gap-1">
                                        <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '49')">
                                            <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, '49')" pattern="\d*">
                                        <button class="decrementbtn value-button decrease-button" onclick="decrementQuantity(this, '49')">
                                            <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, '49')">
                                            <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%AF%D8%A7%D9%88%D9%8A%D9%83%D8%B3--%D9%BE%D9%84%D9%8A-%D9%83%D8%B1%D8%A8%D9%86-DOVIX--%D8%B3%D8%A8%D8%B2"><img src="https://zimokala.ir/uploads/product/product_115/default_img_115_794887.webp" alt="ساعت مچي داويكس  پلي كربن DOVIX  سبز"></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%AF%D8%A7%D9%88%D9%8A%D9%83%D8%B3--%D9%BE%D9%84%D9%8A-%D9%83%D8%B1%D8%A8%D9%86-DOVIX--%D8%B3%D8%A8%D8%B2"><h4 class="product-name" title="ساعت مچي داويكس  پلي كربن DOVIX  سبز">ساعت مچي داويكس  پلي كربن DOVIX  سبز</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,250,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,250,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="119">
                            <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '119')">
                                <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="119" style="display: none;">
                            <button class="close-popup" onclick="closePopup(this, '119')">
                                <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="119">
                                    <div class="d-flex flex-column gap-1">
                                        <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '119')">
                                            <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, '119')" pattern="\d*">
                                        <button class="decrementbtn value-button decrease-button" onclick="decrementQuantity(this, '119')">
                                            <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, '119')">
                                            <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-%DA%A9%D8%B1%D8%A8%D9%86-%D8%AA%D9%85%D8%A7%D9%85-%D9%85%D8%B4%DA%A9%DB%8C-"><img src="https://zimokala.ir/uploads/product/product_154/default_img_154_806499.webp" alt="ساعت کربن تمام مشکی"></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-%DA%A9%D8%B1%D8%A8%D9%86-%D8%AA%D9%85%D8%A7%D9%85-%D9%85%D8%B4%DA%A9%DB%8C-"><h4 class="product-name" title="ساعت کربن تمام مشکی">ساعت کربن تمام مشکی</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">990,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">420,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="154">
                            <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '154')">
                                <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="154" style="display: none;">
                            <button class="close-popup" onclick="closePopup(this, '154')">
                                <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="154">
                                    <div class="d-flex flex-column gap-1">
                                        <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '154')">
                                            <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="14" placeholder="تعداد" oninput="handleQuantityInput(this, '154')" pattern="\d*">
                                        <button class="decrementbtn value-button decrease-button" onclick="decrementQuantity(this, '154')">
                                            <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, '154')">
                                            <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%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%DB%8C-"><img src="https://zimokala.ir/uploads/product/product_107/default_img_107_898141.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%DB%8C-%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%DB%8C-"><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 "><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">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="110">
                            <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '110')">
                                <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="110" style="display: none;">
                            <button class="close-popup" onclick="closePopup(this, '110')">
                                <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="110">
                                    <div class="d-flex flex-column gap-1">
                                        <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '110')">
                                            <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, '110')" pattern="\d*">
                                        <button class="decrementbtn value-button decrease-button" onclick="decrementQuantity(this, '110')">
                                            <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, '110')">
                                            <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%B9%D9%82%D8%B1%D8%A8%D9%87-%D8%A7%DB%8C-%D9%88%DB%8C%DA%A9%D8%AA%D9%88%D8%B1-%D9%85%D8%AF%D9%84--VICTOR-V-5746-"><img src="https://zimokala.ir/uploads/product/product_44/default_img_44_493967.webp" alt="ساعت مچی عقربه ای ویکتور مدل  VICTOR V-5746"></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-%D9%88%DB%8C%DA%A9%D8%AA%D9%88%D8%B1-%D9%85%D8%AF%D9%84--VICTOR-V-5746-"><h4 class="product-name" title="ساعت مچی عقربه ای ویکتور مدل  VICTOR V-5746 کد1191">ساعت مچی عقربه ای ویکتور مدل  VICTOR V-5746 کد1191</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">2,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">2,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="42">
                            <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '42')">
                                <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="42" style="display: none;">
                            <button class="close-popup" onclick="closePopup(this, '42')">
                                <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="42">
                                    <div class="d-flex flex-column gap-1">
                                        <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '42')">
                                            <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, '42')" pattern="\d*">
                                        <button class="decrementbtn value-button decrease-button" onclick="decrementQuantity(this, '42')">
                                            <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, '42')">
                                            <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%83%D8%A7%D8%B3%D9%8A%D9%88--%D8%AC%D9%8A%D8%B4%D8%A7%D9%83-%D8%AA%D9%83-%D8%B2%D9%85%D8%A7%D9%86%D9%87-%D9%85%D8%B4%D9%83%D9%8A-%D8%B7%D9%88%D8%B3%D9%8A"><img src="https://zimokala.ir/uploads/product/product_153/default_img_153_30722.webp" alt="ساعت كاسيو  جيشاك تك زمانه مشكي طوسي"></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%83%D8%A7%D8%B3%D9%8A%D9%88--%D8%AC%D9%8A%D8%B4%D8%A7%D9%83-%D8%AA%D9%83-%D8%B2%D9%85%D8%A7%D9%86%D9%87-%D9%85%D8%B4%D9%83%D9%8A-%D8%B7%D9%88%D8%B3%D9%8A"><h4 class="product-name" title="ساعت كاسيو  جيشاك تك زمانه مشكي طوسي">ساعت كاسيو  جيشاك تك زمانه مشكي طوسي</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,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">420,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="153">
                            <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '153')">
                                <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="153" style="display: none;">
                            <button class="close-popup" onclick="closePopup(this, '153')">
                                <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="153">
                                    <div class="d-flex flex-column gap-1">
                                        <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '153')">
                                            <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, '153')" pattern="\d*">
                                        <button class="decrementbtn value-button decrease-button" onclick="decrementQuantity(this, '153')">
                                            <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, '153')">
                                            <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-%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%86%D9%82%D8%B1%D9%87-%D8%A7%DB%8C"><img src="https://zimokala.ir/uploads/product/product_59/default_img_59_389126.webp" alt="ساعت مچی نایک مدل دی لاین Nike dline watch نقره ای"></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-%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%86%D9%82%D8%B1%D9%87-%D8%A7%DB%8C"><h4 class="product-name" title="ساعت مچی نایک مدل دی لاین Nike dline watch نقره ای">ساعت مچی نایک مدل دی لاین Nike dline watch نقره ای</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,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">720,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="57">
                            <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '57')">
                                <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="57" style="display: none;">
                            <button class="close-popup" onclick="closePopup(this, '57')">
                                <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="57">
                                    <div class="d-flex flex-column gap-1">
                                        <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '57')">
                                            <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, '57')" pattern="\d*">
                                        <button class="decrementbtn value-button decrease-button" onclick="decrementQuantity(this, '57')">
                                            <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, '57')">
                                            <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%B7%D8%B1%D8%AD-%D9%88%D8%A7%D9%84%D8%A7%D8%B1-WALAR-"><img src="https://zimokala.ir/uploads/product/product_57/default_img_57_966107.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%DB%8C-%D8%B7%D8%B1%D8%AD-%D9%88%D8%A7%D9%84%D8%A7%D8%B1-WALAR-"><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 "><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">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="54">
                            <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '54')">
                                <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="54" style="display: none;">
                            <button class="close-popup" onclick="closePopup(this, '54')">
                                <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="54">
                                    <div class="d-flex flex-column gap-1">
                                        <button class="incrementbtn value-button increase-button" onclick="incrementQuantity(this, '54')">
                                            <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, '54')" pattern="\d*">
                                        <button class="decrementbtn value-button decrease-button" onclick="decrementQuantity(this, '54')">
                                            <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, '54')">
                                            <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="62">
                <input type="hidden" name="title" value="مربوط به محصول ساعت مچی ویکتور VICTOR مدل V5673-02 نقره ای مشکی">
                <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">ساعت مچی ویکتور VICTOR مدل V5673-02 نقره ای مشکی</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="62">
                    <input type="hidden" name="title" value="مربوط به محصول ساعت مچی ویکتور VICTOR مدل V5673-02 نقره ای مشکی">
                    <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="62">
                    <input type="hidden" name="title" value="ساعت مچی ویکتور VICTOR مدل V5673-02 نقره ای مشکی">
                    <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="62">
                <input type="hidden" name="title" value="ساعت مچی ویکتور VICTOR مدل V5673-02 نقره ای مشکی">
                <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_62/default_img_62_955936.webp">
                                <div class="img-container-inner">
                                    <div class="photo"></div>
                                    <img src="https://zimokala.ir/uploads/product/product_62/default_img_62_955936.webp" alt="ساعت مچی ویکتور VICTOR مدل V5673-02 نقره ای مشکی-" 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_62/product_gallery_62_6958068.webp">
                                <div class="img-container-inner">
                                    <div class="photo"></div>
                                    <img src="https://zimokala.ir/uploads/product/product_62/product_gallery_62_6958068.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_62/product_gallery_62_9549791.webp">
                                <div class="img-container-inner">
                                    <div class="photo"></div>
                                    <img src="https://zimokala.ir/uploads/product/product_62/product_gallery_62_9549791.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_62/product_gallery_62_7608925.webp">
                                <div class="img-container-inner">
                                    <div class="photo"></div>
                                    <img src="https://zimokala.ir/uploads/product/product_62/product_gallery_62_7608925.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_62/product_gallery_62_2838888.webp">
                                <div class="img-container-inner">
                                    <div class="photo"></div>
                                    <img src="https://zimokala.ir/uploads/product/product_62/product_gallery_62_2838888.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_62/default_img_62_955936.webp" alt="ساعت مچی ویکتور VICTOR مدل V5673-02 نقره ای مشکی-">
                                                                    </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_62/product_gallery_62_6958068.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_62/product_gallery_62_9549791.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_62/product_gallery_62_7608925.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_62/product_gallery_62_2838888.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">ساعت مچی ویکتور VICTOR مدل V5673-02 نقره ای مشکی</p>
                            <ul>
                                <li>
                                    <a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&title=ساعت مچی ویکتور VICTOR مدل V5673-02 نقره ای مشکی&url=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D9%88%DB%8C%DA%A9%D8%AA%D9%88%D8%B1-VICTOR-%D9%85%D8%AF%D9%84-V5673-02-%D9%86%D9%82%D8%B1%D9%87-%D8%A7%DB%8C-%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=ساعت مچی ویکتور VICTOR مدل V5673-02 نقره ای مشکی @TwitterId &url=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D9%88%DB%8C%DA%A9%D8%AA%D9%88%D8%B1-VICTOR-%D9%85%D8%AF%D9%84-V5673-02-%D9%86%D9%82%D8%B1%D9%87-%D8%A7%DB%8C-%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%88%DB%8C%DA%A9%D8%AA%D9%88%D8%B1-VICTOR-%D9%85%D8%AF%D9%84-V5673-02-%D9%86%D9%82%D8%B1%D9%87-%D8%A7%DB%8C-%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=ساعت مچی ویکتور VICTOR مدل V5673-02 نقره ای مشکی&body=https://zimokala.ir/product/%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%DA%86%DB%8C-%D9%88%DB%8C%DA%A9%D8%AA%D9%88%D8%B1-VICTOR-%D9%85%D8%AF%D9%84-V5673-02-%D9%86%D9%82%D8%B1%D9%87-%D8%A7%DB%8C-%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%88%DB%8C%DA%A9%D8%AA%D9%88%D8%B1-VICTOR-%D9%85%D8%AF%D9%84-V5673-02-%D9%86%D9%82%D8%B1%D9%87-%D8%A7%DB%8C-%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%88%DB%8C%DA%A9%D8%AA%D9%88%D8%B1-VICTOR-%D9%85%D8%AF%D9%84-V5673-02-%D9%86%D9%82%D8%B1%D9%87-%D8%A7%DB%8C-%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_62/default_img_62_955936.webp" style="max-width: 100%" alt="ساعت مچی ویکتور VICTOR مدل V5673-02 نقره ای مشکی">
                        </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%88%DB%8C%DA%A9%D8%AA%D9%88%D8%B1-VICTOR-%D9%85%D8%AF%D9%84-V5673-02-%D9%86%D9%82%D8%B1%D9%87-%D8%A7%DB%8C-%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%88%DB%8C%DA%A9%D8%AA%D9%88%D8%B1-VICTOR-%D9%85%D8%AF%D9%84-V5673-02-%D9%86%D9%82%D8%B1%D9%87-%D8%A7%DB%8C-%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">2,950,000</span>
                        <span class="text-muted font-small bold px-1" id="pricing-unit">تومان</span>
                        
                    </div>
                                            <p class="text-danger quantity-warning vazir font-12px"> 
                            <span class="vazir"> تنها </span>  
                            <span class="iranyekan quantity-number"> 1 </span>  
                            <span class="vazir"> عدد </span> 
                            <span class="vazir">در انبار باقی مانده</span> 
                        </p>
                                    </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="1" 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="60" 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:'62',
                    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 = 60;
        var selected = JSON.parse('[""]');
        var $stock = [{"id":60,"quantity":1,"customer_price":2950000,"real_price":3500000,"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":16,"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_62/default_img_62_955936.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/62?page='+$page).done(function (r) {
                $("#comments-list").html(r.html);
            })
        }
        function questionList($page) {
            helper().get('https://zimokala.ir/product-question/62?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":60,"quantity":1,"customer_price":2950000,"real_price":3500000,"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":16,"properties":[]}];
            let currentStockId = 60 ?? 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>