  <html lang="fa" dir="rtl">
  {{@@d.head}}
  <body tabindex="-1" class="" style="">
    <link href="/pages/css/index.css?v=VTVTVT" rel="stylesheet" as="style" />
    <link href="/pages/css/app.css?v=VTVTVT" rel="stylesheet" as="style" />
    <link href="/pages/css/util.css?v=VTVTVT" rel="stylesheet" as="style" />
    <link
      href="/pages/css/responcive.css?v=VTVTVT"
      rel="stylesheet"
      as="style"
    />
  <div id="root_Header"></div>
    <div id="root"></div>
    <div id="sside_5512458745896" class="f-yekan"  >
      
    </div>
    <div id="_____NEXT___root">
     

      <div id="_____NEXT___outer-container">
        <div class="turnDeviceNotification"></div>
        <div
          id="_____NEXT___page-wrap"
          class="container-fluid  op-0 "
          style="padding-top: 68px; padding-right: 0px"
        >
          <div class="main-content-data">
            <section
              id="_____NEXT___Myproduct-page"
              class="relative min-vh-100 mx-xxl-4 mx-xl-3 mx-lg-2"
            >
              <div class="bg-000">
                <div
                  class="ai-center d-flex flex-wrap mb-5-lg bg-000 mt-3 pt-2"
                >
                  <nav class="pb-2 px-1 px-lg-4 grow-1 w-min-0">
                    <div
                      style="font-size: 12px; width: auto; max-width: 1239px"
                    >
                      <div
                        class="swiper swiper-initialized swiper-horizontal swiper-free-mode swiper-rtl myswiper_Breadcrumb swiper-backface-hidden"
                      >
                        <div
                          class="swiper-wrapper"
                          style="
                            transition-duration: 0ms;
                            transform: translate3d(0px, 0px, 0px);
                          "
                        >
                          <div
                            class="swiper-slide swiper-slide-active"
                            style="margin-left: 5px"
                          >
                            <a class="color-500 shrink-0 no-wrap" href="/"
                              >{{@@s.PortallSiteName}}<span class="mx-1 mx-lg-2"
                                >/</span
                              ></a
                            >
                          </div>
                          <div
                            class="swiper-slide swiper-slide-next"
                            style="margin-left: 5px"
                          >
                            <a
                              class="color-500 shrink-0 no-wrap"
                              href="/main-store/category"
                              target="_blank"
                              >دسته&zwnj;بندی&zwnj;ها<span class="mx-1 mx-lg-2"
                                >/</span
                              ></a
                            >
                          </div>
                          <for i="{{@@p.categorylevels}}">
                            <div class="swiper-slide" style="margin-left: 5px">
                              <a
                                class="color-500 shrink-0 no-wrap"
                                href="/category/{{@@p.categorylevels[@@i].furl}}"
                                target="_blank"
                                >{{@@p.categorylevels[@@i].fname}}<span
                                  if="{{@@i<@@p.categorylevels.length-1}}"
                                  class="mx-1 mx-lg-2"
                                  >/</span
                                ></a
                              >
                            </div>
                          </for>
                        </div>
                      </div>
                    </div>
                  </nav>
                </div>
                <div class="row m-0 p-0 py-1 bg-000 my-1">
                  <div class="col-lg-5 col-xl-5 col-xxl-4">
                    <div class="mt-md-3">
                      <div
                        id="_____NEXT___containerImage-video"
                        class="d-flex flex-lg-row flex-column"
                      >
                        <div class="products-details-image flex-grow-1">
                          <div class="hand">
                            <div
                              id="_____NEXT___img-magnifier-container"
                              class="img-magnifier-container center"
                            >
                              <div class="image-loading relative">
                                <img
                                  src="{{@@p.IMAGE_GALLERY[0].fimage}}"
                                  id="_____NEXT___myimage"
                                  class="img-fluid myproduct-image product-page-main-image loaded"
                                  title="{{@@p.fname}}"
                                  alt="{{@@p.fpicAlt||@@p.fname}}"
                                  width=""
                                  height=""
                                  loading=""
                                />
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div
                        id="_____NEXT___product-images-Thumbnails-884574854"
                        class="product-images-Thumbnails center"
                      >
                      <div
                      class=" flex-s w-100 "
                      style="margin-left: 5px"
                    >
                      <for i="{{@@p.IMAGE_GALLERY}}">
                        <div class="image-loading relative">
                          <img
                            src="{{@@p.IMAGE_GALLERY[@@i].fimage}}"
                            id="_____NEXT___product-images-Thumbnails-{{@@i}}"
                            class="img-fluid product-image product-image-forSelect hover border th0 r-10 m-1 p-1 mix-b-m loaded"
                            title="{{@@p.fname}}"
                            alt="{{@@p.fpicAlt||@@p.fname}}"
                            width=""
                            height=""
                            loading=""
                          />
                        </div>
                      </for>
                    </div>
                      </div>
                    </div>
                  </div>
                  <div class="col-lg-7 col-xl-7 col-xxl-8 bg-000 p-0 m-0">
                    <div class="products-details pt-2 ps-3 ps-md-1">
                      <div class="flex-s gap-2 flex-lg-row flex-column">
                        <div class=" ">
                          <div class=" ">
                            <div class="d-flex ai-center mt-2 fs-6">
                              <nav class="d-flex ai-center">
                                <a
                                  class="styles_Link"
                                  target="_blank"
                                  data-cro-id="_____NEXT___pdp-breadcrumb-down"
                                  href="/category/{{@@p.categoryInfo.furl}}"
                                >
                                  <h2 class="color-secondary-500 fs-8">
                                    {{@@p.categoryInfo.fname}}
                                  </h2> </a
                                ><a
                                  class="styles_Link"
                                  data-cro-id="_____NEXT___pdp-breadcrumb-down"
                                  target="_blank"
                                  href="/brands/{{@@p.brandInfo.furl}}"
                                >
                                  <div class="d-flex ai-center">
                                    <span class="color-300 mx-2"> / </span>
                                    <h2 class="color-secondary-500 fs-8">
                                      {{@@p.brandInfo.fname}}
                                    </h2>
                                  </div>
                                </a>
                              </nav>
                            </div>
                          </div>
                          <h1
                            class="fs-5 text-start color-800 mb-3 disable-events ln-3 pe-3"
                          >
                            {{@@p.fname}}
                          </h1>
                        </div>
                      </div>
                    </div>
                    <div class="row">
                      <div
                        class="col-md-6 col-lg-6 col-xl-6 col-xxl-8 p-0 p-xl-2"
                      >
                        <div class="ai-center d-flex">
                          <h2
                            typeseo="product-latin-name"
                            class="color-300 mx-1 fs-9"
                          >
                            {{@@p.fname_en}}
                          </h2>
                          <div
                            class="bg-200 grow-1 styles_VariantInfo__enTitleLine"
                          ></div>
                        </div>

                        <div class="m-2 fs-9 color-300 w-100">
                          <span class="flex-e pe-3">
                            کدمحصول : {{@@p.fsku}}</span
                          >
                        </div>
                      </div>
                      <div class="col-md-6 col-lg-6 col-xl-6 col-xxl-4">
                        <div
                          top="130"
                          class="me-xl-3 me-lg-2 me-md-1 posation-stiky-r tran w-100"
                          style="top: 130px !important"
                        >
                          <div class="form-control panel-bg-store m-0">
                            <div class="flex-s gap-1 fs-9 py-3 border-b">
                              <div class="svg-style">
                                <svg
                                  viewBox="0 0 24 24"
                                  style="
                                    width: 24px;
                                    height: 24px;
                                    fill: var(--color-icon-high-emphasis);
                                  "
                                >
                                  <path
                                    fill-rule="evenodd"
                                    d="M4.725 4.038l7-2a1 1 0 01.55 0l7 2A1 1 0 0120 5v7.938a8 8 0 01-4.03 6.946l-3.474 1.984a1 1 0 01-.992 0L8.03 19.884A8 8 0 014 12.938V5a1 1 0 01.725-.962zM6 5.754v7.184a6 6 0 003.023 5.21l2.977 1.7 2.977-1.7A6 6 0 0018 12.937V5.754L12 4.04 6 5.754zm9 2.539l-3.793 3.793-1.793-1.793L8 11.707l2.5 2.5a1 1 0 001.414 0l4.5-4.5L15 8.293z"
                                    clip-rule="evenodd"
                                  ></path>
                                </svg>
                              </div>
                              <span
                                class="hand product-page-main-Warranty fs-8 color-600 fw-500 text-start"
                                >{{@@p.default_VARIENTS.fgarantidesc.split("|")[0]}}</span
                              >
                            </div>
                            <div
                              class="flex-s gap-1 fs-9 py-3 custom-BuyBox-desc border-b"
                            >
                              <div class="svg-style">
                                <svg
                                  viewBox="0 0 24 24"
                                  style="
                                    width: 24px;
                                    height: 24px;
                                    fill: var(--color-customBuyBoxdesc);
                                  "
                                >
                                  <path
                                    fill-rule="evenodd"
                                    d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12zm18 0a8 8 0 11-16 0 8 8 0 0116 0zm-10-2h3v7h-2v-5h-1v-2zm3-2a1 1 0 10-2 0 1 1 0 002 0z"
                                    clip-rule="evenodd"
                                  ></path>
                                </svg>
                              </div>
                              <span
                                class="hand fs-8 color-600 fw-500 text-start"
                                >{{@@p.default_VARIENTS.fcustomBuyBoxdesc.split("|")[0]}}</span
                              >
                            </div>
                            <div class="flex-b">
                              <div class="w-100">
                                <div
                                  class="grow-1 d-flex flex-column ai-stretch jc-start"
                                  style="max-width: 355px"
                                >
                                  <div
                                    class="my-1 d-flex ai-center jc-between h-20"
                                  >
                                    <div></div>
                                    <div
                                      class="d-flex ai-center fs-8 color-500 fw-500"
                                      style="height: 16px"
                                    >
                                      <bdi class="ms-1 number"
                                        >{{@@p.frate}}٪</bdi
                                      >
                                      <div class="d-flex ms-1 pb-1 shrink-0">
                                        <div class="svg-style">
                                          <svg
                                            viewBox="0 0 24 24"
                                            style="
                                              width: 16px;
                                              height: 16px;
                                              fill: var(
                                                --color-icon-rating-0-2
                                              );
                                            "
                                          >
                                            <path
                                              d="M11.98 2.1a.455.455 0 00-.414.315L9.426 9.05l-6.97-.014a.455.455 0 00-.268.823l5.648 4.087-2.169 6.628a.455.455 0 00.7.509L12 16.973l5.634 4.11a.455.455 0 00.7-.509l-2.169-6.628 5.648-4.087a.455.455 0 00-.267-.823l-6.97.014-2.144-6.635a.455.455 0 00-.451-.315z"
                                            ></path>
                                          </svg>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div
                                    class="pt-1 d-flex flex-column ai-stretch jc-between"
                                  >
                                    <div class="d-flex ai-center jc-between">
                                      <div
                                        class="px-1 color-white radius-large d-flex ai-center jc-center bg-p-700"
                                        style="height: 20px; width: 34px"
                                      >
                                        <span
                                          class="text-body2-strong number fs-8 product-page-main-price-off"
                                          >{{@@p.default_VARIENTS.foff}}٪</span
                                        >
                                      </div>
                                      <div
                                        class="d-flex ai-center jc-end gap-1 color-700 fw-800 fs-6 fw grow-1 number"
                                      >
                                        <span
                                          class="fs-4 product-PageMain-price"
                                          >{{@@p.default_VARIENTS.fpriceUnit}}</span
                                        >
                                        <div class="d-flex">
                                          <div class="svg-style">
                                            <svg
                                              viewBox="0 0 14 14"
                                              style="
                                                width: 16px;
                                                margin-right: 4px;
                                                height: 16px;
                                                fill: var(
                                                  --color-icon-high-emphasis
                                                );
                                              "
                                            >
                                              <path
                                                fill-rule="evenodd"
                                                d="M3.057 1.742L3.821 1l.78.75-.776.741-.768-.749zm3.23 2.48c0 .622-.16 1.111-.478 1.467-.201.221-.462.39-.783.505a3.251 3.251 0 01-1.083.163h-.555c-.421 0-.801-.074-1.139-.223a2.045 2.045 0 01-.9-.738A2.238 2.238 0 011 4.148c0-.059.001-.117.004-.176.03-.55.204-1.158.525-1.827l1.095.484c-.257.532-.397 1-.419 1.403-.002.04-.004.08-.004.12 0 .252.055.458.166.618a.887.887 0 00.5.354c.085.028.178.048.278.06.079.01.16.014.243.014h.555c.458 0 .769-.081.933-.244.14-.139.21-.383.21-.731V2.02h1.2v2.202zm5.433 3.184l-.72-.7.709-.706.735.707-.724.7zm-2.856.308c.542 0 .973.19 1.293.569.297.346.445.777.445 1.293v.364h.18v-.004h.41c.221 0 .377-.028.467-.084.093-.055.14-.14.14-.258v-.069c.004-.243.017-1.044 0-1.115L13 8.05v1.574a1.4 1.4 0 01-.287.863c-.306.405-.804.607-1.495.607h-.627c-.061.733-.434 1.257-1.117 1.573-.267.122-.58.21-.937.265a5.845 5.845 0 01-.914.067v-1.159c.612 0 1.072-.082 1.38-.247.25-.132.376-.298.376-.499h-.515c-.436 0-.807-.113-1.113-.339-.367-.273-.55-.667-.55-1.18 0-.488.122-.901.367-1.24.296-.415.728-.622 1.296-.622zm.533 2.226v-.364c0-.217-.048-.389-.143-.516a.464.464 0 00-.39-.187.478.478 0 00-.396.187.705.705 0 00-.136.449.65.65 0 00.003.067c.008.125.066.22.177.283.093.054.21.08.352.08h.533zM9.5 6.707l.72.7.724-.7L10.209 6l-.709.707zm-6.694 4.888h.03c.433-.01.745-.106.937-.29.024.012.065.035.12.068l.074.039.081.042c.135.073.261.133.379.18.345.146.67.22.977.22a1.216 1.216 0 00.87-.34c.3-.285.449-.714.449-1.286a2.19 2.19 0 00-.335-1.145c-.299-.457-.732-.685-1.3-.685-.502 0-.916.192-1.242.575-.113.132-.21.284-.294.456-.032.062-.06.125-.084.191a.504.504 0 00-.03.078 1.67 1.67 0 00-.022.06c-.103.309-.171.485-.205.53-.072.09-.214.14-.427.147-.123-.005-.209-.03-.256-.076-.057-.054-.085-.153-.085-.297V7l-1.201-.5v3.562c0 .261.048.496.143.703.071.158.168.296.29.413.123.118.266.211.43.28.198.084.42.13.665.136v.001h.036zm2.752-1.014a.778.778 0 00.044-.353.868.868 0 00-.165-.47c-.1-.134-.217-.201-.35-.201-.18 0-.33.103-.447.31-.042.071-.08.158-.114.262a2.434 2.434 0 00-.04.12l-.015.053-.015.046c.142.118.323.216.544.293.18.062.325.092.433.092.044 0 .086-.05.125-.152z"
                                                clip-rule="evenodd"
                                              ></path>
                                            </svg>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div
                                      class="d-flex ai-center jc-between pe-4"
                                      style="height: 24px"
                                    >
                                      <div
                                        class="product-page-main-Price-Befor-Off color-400 line-through as-end mr-auto fs-8 number"
                                      >
                                        {{@@p.default_VARIENTS.fprice}}
                                      </div>
                                    </div>
                                  </div>
                                  <div
                                    class="my-1 flex-e color-primary-700"
                                    style="height: 21px"
                                  ></div>
                                </div>
                              </div>
                              <div></div>
                            </div>
                            <div class="flex-s w-100">
                              <div
                               
                                title="افزودن به سبد"
                                class="bg-primary-500 color-000 hover-1 flex-grow-1 grow-1 flex-c border hand r-15 w-100 p-2"
                              >
                                <span class="no-wrap flex-c"
                                  >افزودن به سبد</span
                                >
                                <div class="ms-2">
                                  <div class="svg-style">
                                    <svg
                                      viewBox="0 0 24 24"
                                      style="
                                        width: 20px;
                                        height: 20px;
                                        fill: var(--color-neutral-000);
                                      "
                                    >
                                      <g>
                                        <path
                                          d="M3.5 2.5h2V5H8v2H5.5v2.5h-2V7H1V5h2.5V2.5zM10 7h9v8H5.905l-.35-3.5h-2.01l.46 4.6A1 1 0 005 17h15a1 1 0 001-1V5h2V3h-3a1 1 0 00-1 1v1h-9v2zM6 22a2 2 0 110-4 2 2 0 010 4zM17 20a2 2 0 104 0 2 2 0 00-4 0z"
                                        ></path>
                                      </g>
                                    </svg>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div id="_____NEXT___Tab__productpage___header_makedQ"></div>
                  <div class="   "></div>
                </div>
                <div class="row m-0 p-0 my-2">
                  <div class="col-12">
                    <div class="  ">
                      <div class="text-start">
                        <div class="bg-000 my-2 p-2 p-md-3" id="_____NEXT___tab_2_content">
                          <h3 class="border-b-theme fs-6">بررسی تخصصی</h3>
                          {{@@p.fhtml}}
                        </div>
                        <div
                          id="_____NEXT___a0d20b1e-c811-495f-9d8b-f55d5491ae09"
                          class="col-12 px-0 my-2 tran"
                        >
                          <div class="">
                            <div
                              class="my-2 py-2 overflow-hidden hideScroll"
                              style="height: auto"
                            >
                              <div class="bg-000 p-2" id="_____NEXT___productAttr-section">
                                <h3 class="border-b-theme fs-6">مشخصات</h3>
                                <for i="{{@@p.attersData}}">
                                  <div
                                    class="products-description"
                                    style="padding-right: 119.5px"
                                  >
                                    <div class="py-1 grow-1">
                                      <div
                                        class="d-flex flex-column flex-row-lg pb-2"
                                      >
                                        <div class="w-full w-auto-lg grow-1">
                                          <div
                                            class="flex-ss p-2 p-md-1 py-md-3 border-b"
                                          >
                                            <p
                                              class="m-0 p-0 ms-2 me-2 me-lg-4 color-500 shrink-0"
                                              style="
                                                min-width: 200px;
                                                width: 200px;
                                                font-size: 14px;
                                                font-weight: 300;
                                                white-space: pre-line;
                                              "
                                            ></p>
                                            <div
                                              class="color-500 fw-400 flex-s"
                                              style="line-height: 29px"
                                            >
                                              {{@@p.attersData[@@i].paafkey}}
                                            </div>
                                            <p></p>
                                            <div class="flex-grow-1">
                                              <p
                                                class="color-900 fw-400 m-0 p-0 d-flex ai-center w-full break-words"
                                                style="
                                                  font-size: 15px;
                                                  white-space: pre-line;
                                                  line-height: 29px;
                                                "
                                              >
                                                {{@@p.attersData[@@i].pafvalue}}
                                              </p>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </for>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </section>
          </div>
          <footer
            id="_____NEXT___footer_section_2250141"
            class="footer-light-mode footer-main relative f-yekan"
          >
            {{@@d.footer}}
          </footer>
        </div>
      </div>
    </div>


  <div id="windowPath_88598" class="d-none"></div>
      <script src="/pages/js/bootstrap.js?v=20243913" type="text/javascript" id="bootstrap_js"></script>
    <link
      href="/pages/css/font-awesome.css?v=VTVTVT"
      rel="stylesheet"
      as="style"
    />
    <link
      href="/pages/css/ionicons.css?v=VTVTVT"
      rel="stylesheet"
      as="style"
    />
    <link
      href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet"
      as="style"
    />
    <link href="/custom/custom.css?v=VTVTVT" rel="stylesheet" as="style" />
    <script
      src="/config/icons.js?1705351479753"
      type="text/javascript"
      id="mrc2_icons"
    ></script>
   
    <script src="/custom/custom.js?v=VTVTVT" type="text/javascript"></script>

    <script type="text/javascript">
      window.onload = (event) => {
        {
          setTimeout(() => {
            var _____root = document.getElementById("_____NEXT___root");
           if (_____root) {
              _____root.remove();
          }
            var sside_5512458745896 = document.getElementById("sside_5512458745896");
            if (sside_5512458745896) {
              sside_5512458745896.remove();
            }
          }, 900);
        }
      };
    </script>
   
  </body>
</html> 