{"id":188,"date":"2026-11-03T22:49:41","date_gmt":"2026-11-03T19:19:41","guid":{"rendered":"https:\/\/tendir.ir\/?page_id=188"},"modified":"2026-11-11T00:13:15","modified_gmt":"2026-11-10T20:43:15","slug":"home","status":"publish","type":"page","link":"https:\/\/tendir.ir\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"188\" class=\"elementor elementor-188\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2eb159e e-flex e-con-boxed e-con e-parent\" data-id=\"2eb159e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b047171 elementor-widget elementor-widget-html\" data-id=\"b047171\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"tendir-site\">\n\n  <!-- HEADER -->\n  <header class=\"tendir-header\">\n\n    <a class=\"tendir-logo\" href=\"\/\" aria-label=\"\u062a\u0646\u062f\u06cc\u0631\">\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/logo-14.png\" alt=\"Tendir\">\n    <\/a>\n\n    <nav class=\"tendir-nav\" aria-label=\"\u0645\u0646\u0648\u06cc \u0627\u0635\u0644\u06cc\">\n      <a href=\"\/\">\u062e\u0627\u0646\u0647<\/a>\n      <a href=\"#products\">\u0645\u062d\u0635\u0648\u0644\u0627\u062a<\/a>\n      <a href=\"#Story\">\u0642\u0635\u0647 \u062a\u0646\u062f\u06cc\u0631<\/a>\n      <a href=\"\/#about-us\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a>\n    <\/nav>\n\n    <div class=\"tendir-header-actions\">\n\n      <button class=\"tendir-icon-link tendir-search-toggle\"\n              type=\"button\"\n              aria-label=\"\u062c\u0633\u062a\u062c\u0648\"\n              aria-expanded=\"false\">\n        <svg viewBox=\"0 0 24 24\">\n          <circle cx=\"10.8\" cy=\"10.8\" r=\"6.8\"><\/circle>\n          <path d=\"m16 16 5 5\"><\/path>\n        <\/svg>\n      <\/button>\n\n      <a class=\"tendir-icon-link tendir-cart-link\"\n         href=\"\/cart\/\"\n         aria-label=\"\u0633\u0628\u062f \u062e\u0631\u06cc\u062f\">\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"M3 4h2l2.1 11.2a2 2 0 0 0 2 1.6h8.8a2 2 0 0 0 1.9-1.5L21 8H6\"><\/path>\n          <circle cx=\"10\" cy=\"20\" r=\"1\"><\/circle>\n          <circle cx=\"18\" cy=\"20\" r=\"1\"><\/circle>\n        <\/svg>\n        <span class=\"tendir-cart-count\" aria-live=\"polite\">0<\/span>\n      <\/a>\n\n      <a class=\"tendir-order-btn\" href=\"#products\">\u062b\u0628\u062a \u0633\u0641\u0627\u0631\u0634<\/a>\n\n    <\/div>\n\n    <!-- SEARCH PANEL -->\n    <form class=\"tendir-search-panel\" action=\"\/\" method=\"get\" role=\"search\">\n      <input\n        class=\"tendir-search-input\"\n        type=\"search\"\n        name=\"s\"\n        placeholder=\"\u062f\u0646\u0628\u0627\u0644 \u0686\u06cc \u0645\u06cc\u200c\u06af\u0631\u062f\u06cc\u061f\"\n        aria-label=\"\u062c\u0633\u062a\u062c\u0648\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a\"\n        required\n      >\n      <input type=\"hidden\" name=\"post_type\" value=\"product\">\n      <button type=\"submit\">\u062c\u0633\u062a\u062c\u0648<\/button>\n    <\/form>\n\n    <!-- MOBILE MENU BUTTON -->\n    <button class=\"tendir-menu-toggle\"\n            type=\"button\"\n            aria-label=\"\u0628\u0627\u0632 \u06a9\u0631\u062f\u0646 \u0645\u0646\u0648\"\n            aria-expanded=\"false\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/button>\n\n    <!-- MOBILE MENU -->\n    <nav class=\"tendir-mobile-nav\" aria-label=\"\u0645\u0646\u0648\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644\">\n      <a href=\"\/\">\u062e\u0627\u0646\u0647<\/a>\n      <a href=\"#product\">\u0645\u062d\u0635\u0648\u0644\u0627\u062a<\/a>\n      <a href=\"#Story\">\u0642\u0635\u0647 \u062a\u0646\u062f\u06cc\u0631<\/a>\n      <a href=\"\/#about-us\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a>\n      <a href=\"\/cart\/\">\u0633\u0628\u062f \u062e\u0631\u06cc\u062f<\/a>\n\n      <button class=\"tendir-mobile-search-toggle\" type=\"button\">\n        \u062c\u0633\u062a\u062c\u0648\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a\n      <\/button>\n\n      <a href=\"#products\" class=\"mobile-order-btn\">\u062b\u0628\u062a \u0633\u0641\u0627\u0631\u0634<\/a>\n    <\/nav>\n\n  <\/header>\n\n\n  <!-- HERO -->\n  <section class=\"tendir-hero-section\">\n\n    <div class=\"tendir-hero-layout\">\n\n      <!-- HERO COPY -->\n      <div class=\"tendir-hero-copy\">\n\n        <span class=\"tendir-hero-eyebrow\">TENDIR BAKERY & SWEETS<\/span>\n\n        <h1>\u0642\u0635\u0647\u200c\u0647\u0627 \u0627\u0632 \u062a\u0646\u0648\u0631 \u0634\u0631\u0648\u0639 \u0645\u06cc\u200c\u0634\u0646.<\/h1>\n\n        <p>\n          \u0642\u0635\u0647\u200c\u06cc \u0645\u0627 \u0627\u0632 \u062a\u0646\u0648\u0631 \u0634\u0631\u0648\u0639 \u0645\u06cc\u200c\u0634\u0647\u060c \u062a\u0648\u06cc \u0628\u0642\u0686\u0647 \u0645\u06cc\u200c\u067e\u06cc\u0686\u0647 \u0648 \u062a\u0648\u06cc \u0628\u0634\u0642\u0627\u0628 \u062a\u0648 \u0628\u0647 \u06cc\u0647 \u062e\u0627\u0637\u0631\u0647\u200c\u06cc \u0634\u06cc\u0631\u06cc\u0646 \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u0634\u0647.\n        <\/p>\n\n        <div class=\"tendir-hero-buttons\">\n          <a class=\"tendir-primary-btn\" href=\"#products\">\u0628\u0628\u06cc\u0646 \u0686\u06cc \u067e\u062e\u062a\u06cc\u0645!<\/a>\n          <a class=\"tendir-secondary-btn\" href=\"#Story\">\u0642\u0635\u0647\u200c\u06cc \u0645\u0627<\/a>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- INTERACTIVE HERO -->\n      <div id=\"tendir-hero\">\n\n        <div class=\"tendir-stage\" data-active=\"\">\n\n          <img decoding=\"async\" class=\"hero-bg bg-normal\"\n            src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/hero-1.png\"\n            alt=\"\" draggable=\"false\">\n\n          <img decoding=\"async\" class=\"hero-bg bg-hover\"\n            src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/hero-2.png\"\n            alt=\"\" draggable=\"false\">\n\n          <img decoding=\"async\" class=\"hero-layer product-layer product-1\"\n            src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/hero-3.png\"\n            alt=\"\" draggable=\"false\">\n\n          <img decoding=\"async\" class=\"hero-layer product-layer product-2\"\n            src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/hero-4.png\"\n            alt=\"\" draggable=\"false\">\n\n          <img decoding=\"async\" class=\"hero-layer product-layer product-3\"\n            src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/hero-5.png\"\n            alt=\"\" draggable=\"false\">\n\n          <img decoding=\"async\" class=\"hero-layer product-layer product-4\"\n            src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/hero-6.png\"\n            alt=\"\" draggable=\"false\">\n\n          <img decoding=\"async\" class=\"hero-layer hover-layer hover-1\"\n            src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/hero-10.png\"\n            alt=\"\" draggable=\"false\">\n\n          <img decoding=\"async\" class=\"hero-layer hover-layer hover-2\"\n            src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/hero-7.png\"\n            alt=\"\" draggable=\"false\">\n\n          <img decoding=\"async\" class=\"hero-layer hover-layer hover-3\"\n            src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/hero-8.png\"\n            alt=\"\" draggable=\"false\">\n\n          <img decoding=\"async\" class=\"hero-layer hover-layer hover-4\"\n            src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/hero-9.png\"\n            alt=\"\" draggable=\"false\">\n\n          <button class=\"hero-hotspot hotspot-1\"\n                  type=\"button\"\n                  data-item=\"1\"\n                  aria-label=\"\u06a9\u0631\u0648\u0633\u0627\u0646\"><\/button>\n\n          <button class=\"hero-hotspot hotspot-2\"\n                  type=\"button\"\n                  data-item=\"2\"\n                  aria-label=\"\u06a9\u06cc\u06a9\"><\/button>\n\n          <button class=\"hero-hotspot hotspot-3\"\n                  type=\"button\"\n                  data-item=\"3\"\n                  aria-label=\"\u06a9\u0648\u06a9\u06cc\"><\/button>\n\n          <button class=\"hero-hotspot hotspot-4\"\n                  type=\"button\"\n                  data-item=\"4\"\n                  aria-label=\"\u0631\u0648\u0644 \u062f\u0627\u0631\u0686\u06cc\u0646\u06cc\"><\/button>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n<\/div>\n\n\n<style>\n\n\/* GLOBAL *\/\n\n#tendir-site {\n  width: 100%;\n  direction: rtl;\n  font-family: inherit;\n  color: #49343A;\n  overflow: visible;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n#tendir-site *,\n#tendir-site *::before,\n#tendir-site *::after {\n  box-sizing: border-box;\n}\n\n\n\/* HEADER *\/\n\n.tendir-header {\n  width: 100%;\n  min-height: 76px;\n  padding: 8px 5.5%;\n  background: #294A87;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 30px;\n  position: relative;\n  z-index: 1000;\n}\n\n.tendir-logo {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.tendir-logo img {\n  width: 112px;\n  height: auto;\n  display: block;\n}\n\n.tendir-nav {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: clamp(22px, 3vw, 48px);\n}\n\n.tendir-nav a,\n.tendir-mobile-nav a {\n  color: #F1E6D2;\n  text-decoration: none;\n  font-size: 17px;\n  font-weight: 600;\n  transition: opacity .2s ease;\n}\n\n.tendir-nav a:hover {\n  opacity: .7;\n}\n\n.tendir-header-actions {\n  display: flex;\n  align-items: center;\n  gap: 19px;\n}\n\n.tendir-icon-link {\n  width: 28px;\n  height: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #F1E6D2;\n  position: relative;\n  text-decoration: none;\n  flex-shrink: 0;\n}\n\n.tendir-icon-link svg {\n  width: 25px;\n  height: 25px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\/* SEARCH BUTTON *\/\n\n.tendir-search-toggle {\n  border: 0;\n  padding: 0;\n  background: transparent;\n  cursor: pointer;\n  appearance: none;\n}\n\n.tendir-search-toggle:hover {\n  opacity: .75;\n}\n\n\/* CART COUNT *\/\n\n.tendir-cart-count {\n  position: absolute;\n  top: -8px;\n  right: -9px;\n  min-width: 18px;\n  height: 18px;\n  padding: 0 4px;\n  border-radius: 20px;\n  background: #B83243;\n  color: #fff;\n  font-size: 11px;\n  font-weight: 800;\n  line-height: 18px;\n  text-align: center;\n  display: none;\n}\n\n.tendir-cart-count.has-items {\n  display: block;\n}\n\n\/* ORDER BUTTON *\/\n\n.tendir-order-btn {\n  background: #F1E6D2;\n  color: #294A87;\n  text-decoration: none;\n  padding: 11px 25px;\n  border-radius: 30px;\n  font-size: 16px;\n  font-weight: 800;\n  transition: background .2s ease, transform .2s ease;\n  white-space: nowrap;\n}\n\n.tendir-order-btn:hover {\n  background: #fff;\n  transform: translateY(-2px);\n}\n\n\/* SEARCH PANEL *\/\n\n.tendir-search-panel {\n  position: absolute;\n  top: calc(100% + 8px);\n  left: 5.5%;\n  width: min(390px, 90vw);\n  padding: 12px;\n  background: #fff;\n  border-radius: 14px;\n  box-shadow: 0 8px 30px rgba(0,0,0,.15);\n  display: flex;\n  gap: 8px;\n  opacity: 0;\n  visibility: hidden;\n  transform: translateY(-8px);\n  pointer-events: none;\n  transition: opacity .2s ease, transform .2s ease, visibility .2s;\n  z-index: 1002;\n}\n\n.tendir-header.search-open .tendir-search-panel {\n  opacity: 1;\n  visibility: visible;\n  transform: translateY(0);\n  pointer-events: auto;\n}\n\n.tendir-search-input {\n  flex: 1;\n  min-width: 0;\n  height: 42px;\n  padding: 0 12px;\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  outline: none;\n  color: #49343A;\n  background: #fff;\n  font-family: inherit;\n  font-size: 14px;\n}\n\n.tendir-search-input:focus {\n  border-color: #294A87;\n}\n\n.tendir-search-panel button {\n  border: 0;\n  border-radius: 8px;\n  padding: 0 18px;\n  background: #B83243;\n  color: #fff;\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: 700;\n  cursor: pointer;\n}\n\n.tendir-search-panel button:hover {\n  background: #982A39;\n}\n\n.tendir-menu-toggle,\n.tendir-mobile-nav {\n  display: none;\n}\n\n.tendir-mobile-search-toggle {\n  display: none;\n}\n\n\n\/* HERO SECTION *\/\n\n.tendir-hero-section {\n  width: 100%;\n  background: transparent !important;\n}\n\n.tendir-hero-layout {\n  width: 100%;\n  max-width: 1440px;\n  min-height: 0;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);\n  align-items: center;\n  gap: 12px;\n}\n\n\n\/* HERO COPY *\/\n\n.tendir-hero-copy {\n  width: 100%;\n  max-width: 570px;\n  padding: 8px 18px 8px 0;\n  justify-self: center;\n  text-align: right;\n  transform: translateX(15px);\n}\n\n.tendir-hero-eyebrow {\n  display: inline-block;\n  color: #A43140;\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  margin-bottom: 14px;\n  direction: ltr;\n}\n\n.tendir-hero-copy h1 {\n  color: #49343A;\n  font-size: clamp(30px, 3.2vw, 46px);\n  line-height: 1.5;\n  font-weight: 900;\n  margin: 0 0 13px;\n  white-space: nowrap;\n}\n\n.tendir-hero-copy p {\n  color: #49343A;\n  font-size: clamp(17px, 1.55vw, 20px);\n  line-height: 2;\n  font-weight: 400;\n  margin: 0 0 22px;\n  max-width: 490px;\n}\n\n.tendir-hero-buttons {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 13px;\n  flex-wrap: wrap;\n}\n\n.tendir-primary-btn,\n.tendir-secondary-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 47px;\n  padding: 11px 27px;\n  border-radius: 30px;\n  text-decoration: none;\n  font-size: 15px;\n  font-weight: 700;\n  transition: transform .2s ease, background .2s ease;\n}\n\n.tendir-primary-btn {\n  background: #B83243;\n  color: #fff;\n}\n\n.tendir-primary-btn:hover {\n  background: #982A39;\n  color: #fff;\n  transform: translateY(-3px);\n}\n\n.tendir-secondary-btn {\n  background: transparent;\n  color: #49343A;\n  border: 1px solid #49343A;\n}\n\n.tendir-secondary-btn:hover {\n  background: #49343A;\n  color: #F1E6D2;\n}\n\n\n\/* INTERACTIVE HERO *\/\n\n#tendir-hero {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: visible;\n  margin: 0;\n  padding: 0;\n  background: transparent;\n  min-width: 0;\n  transform: translateX(-22px);\n}\n\n#tendir-hero .tendir-stage {\n  width: min(100%, 812px, 69.8svh);\n  aspect-ratio: 812 \/ 1024;\n  position: relative;\n  overflow: hidden;\n  isolation: isolate;\n  margin: auto;\n  padding: 0;\n  background: transparent;\n  flex-shrink: 0;\n  touch-action: manipulation;\n}\n\n#tendir-hero .hero-bg {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: fill;\n  pointer-events: none;\n  transform: translateZ(0);\n  will-change: opacity;\n  user-select: none;\n}\n\n#tendir-hero .bg-normal {\n  opacity: 1;\n  z-index: 1;\n}\n\n#tendir-hero .bg-hover {\n  opacity: 0;\n  z-index: 2;\n  transition: opacity 150ms linear;\n}\n\n#tendir-hero .tendir-stage[data-active=\"1\"] .bg-hover,\n#tendir-hero .tendir-stage[data-active=\"2\"] .bg-hover,\n#tendir-hero .tendir-stage[data-active=\"3\"] .bg-hover,\n#tendir-hero .tendir-stage[data-active=\"4\"] .bg-hover {\n  opacity: 1;\n}\n\n\n\/* PRODUCT LAYERS *\/\n\n#tendir-hero .hero-layer {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: fill;\n  pointer-events: none;\n  user-select: none;\n}\n\n#tendir-hero .product-layer {\n  z-index: 3;\n  opacity: 1;\n  transform: translate3d(0, 0, 0) scale(1);\n  transition:\n    transform 450ms cubic-bezier(.2,.8,.2,1),\n    filter 450ms ease;\n  will-change: transform, filter;\n}\n\n#tendir-hero .tendir-stage[data-active=\"1\"] .product-1,\n#tendir-hero .tendir-stage[data-active=\"2\"] .product-2,\n#tendir-hero .tendir-stage[data-active=\"3\"] .product-3,\n#tendir-hero .tendir-stage[data-active=\"4\"] .product-4 {\n  transform: translate3d(0, -9px, 0) scale(1.055);\n  filter: drop-shadow(0 8px 8px rgba(73,52,58,.15));\n}\n\n\n\/* HOVER LAYERS *\/\n\n#tendir-hero .hover-layer {\n  z-index: 4;\n  opacity: 0;\n  visibility: hidden;\n  transform: translate3d(0, 8px, 0) scale(.97);\n  transition:\n    opacity 180ms ease,\n    transform 220ms cubic-bezier(.2,.8,.2,1);\n  will-change: opacity, transform;\n}\n\n#tendir-hero .tendir-stage[data-active=\"1\"] .hover-1,\n#tendir-hero .tendir-stage[data-active=\"2\"] .hover-2,\n#tendir-hero .tendir-stage[data-active=\"3\"] .hover-3,\n#tendir-hero .tendir-stage[data-active=\"4\"] .hover-4 {\n  opacity: 1;\n  visibility: visible;\n  transform: translate3d(0, 0, 0) scale(1);\n}\n\n\n\/* HOTSPOTS *\/\n\n#tendir-hero .hero-hotspot {\n  position: absolute;\n  z-index: 10;\n  display: block;\n  padding: 0;\n  margin: 0;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  cursor: pointer;\n  pointer-events: auto;\n  appearance: none;\n  -webkit-appearance: none;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n#tendir-hero .hotspot-1 {\n  left: 23%;\n  top: 47%;\n  width: 21%;\n  height: 12%;\n}\n\n#tendir-hero .hotspot-2 {\n  left: 62%;\n  top: 40%;\n  width: 21%;\n  height: 15%;\n}\n\n#tendir-hero .hotspot-3 {\n  left: 44%;\n  top: 52%;\n  width: 20%;\n  height: 10%;\n}\n\n#tendir-hero .hotspot-4 {\n  left: 42%;\n  top: 39%;\n  width: 20%;\n  height: 12%;\n}\n\n#tendir-hero .hero-hotspot:focus-visible {\n  outline: 2px dashed #49343A;\n  outline-offset: 3px;\n}\n\n\n\/* TABLET *\/\n\n@media (max-width: 1024px) {\n\n  .tendir-header {\n    padding-left: 4%;\n    padding-right: 4%;\n    gap: 18px;\n  }\n\n  .tendir-nav {\n    gap: 18px;\n  }\n\n  .tendir-nav a {\n    font-size: 15px;\n  }\n\n  .tendir-order-btn {\n    font-size: 14px;\n    padding: 10px 18px;\n  }\n\n  .tendir-hero-section {\n    padding-left: 2%;\n    padding-right: 2%;\n  }\n\n  .tendir-hero-layout {\n    gap: 5px;\n  }\n\n  .tendir-hero-copy {\n    padding-right: 10px;\n    transform: translateX(8px);\n  }\n\n  .tendir-hero-copy h1 {\n    font-size: clamp(29px, 3.6vw, 38px);\n  }\n\n  .tendir-hero-copy p {\n    font-size: 17px;\n  }\n\n  #tendir-hero {\n    transform: translateX(-12px);\n  }\n\n}\n\n\n\/* MOBILE *\/\n\n@media (max-width: 767px) {\n\n  .tendir-header {\n    min-height: 66px;\n    padding: 8px 5%;\n  }\n\n  .tendir-logo img {\n    width: 94px;\n  }\n\n  .tendir-nav,\n  .tendir-header-actions {\n    display: none;\n  }\n\n  .tendir-menu-toggle {\n    width: 42px;\n    height: 42px;\n    border: 0;\n    padding: 10px 7px;\n    background: transparent;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    gap: 6px;\n    cursor: pointer;\n  }\n\n  .tendir-menu-toggle span {\n    width: 26px;\n    height: 2px;\n    background: #F1E6D2;\n    display: block;\n    border-radius: 3px;\n    transition: transform .2s ease;\n  }\n\n  .tendir-mobile-nav {\n    position: absolute;\n    top: 100%;\n    right: 0;\n    left: 0;\n    width: 100%;\n    padding: 18px 6% 24px;\n    background: #294A87;\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n    visibility: hidden;\n    opacity: 0;\n    transform: translateY(-8px);\n    pointer-events: none;\n    transition: opacity .2s ease, transform .2s ease, visibility .2s;\n  }\n\n  .tendir-header.mobile-open .tendir-mobile-nav {\n    visibility: visible;\n    opacity: 1;\n    transform: translateY(0);\n    pointer-events: auto;\n  }\n\n  .tendir-mobile-nav a {\n    padding: 13px 0;\n    border-bottom: 1px solid rgba(241,230,210,.15);\n    font-size: 16px;\n  }\n\n  .tendir-mobile-search-toggle {\n    display: block;\n    padding: 13px 0;\n    border: 0;\n    border-bottom: 1px solid rgba(241,230,210,.15);\n    background: transparent;\n    color: #F1E6D2;\n    text-align: right;\n    font-family: inherit;\n    font-size: 16px;\n    font-weight: 600;\n    cursor: pointer;\n  }\n\n  .tendir-mobile-nav .mobile-order-btn {\n    display: inline-flex;\n    justify-content: center;\n    align-self: flex-start;\n    padding: 10px 22px;\n    margin-top: 15px;\n    border-radius: 30px;\n    background: #F1E6D2;\n    color: #294A87;\n    border: 0;\n  }\n\n  .tendir-search-panel {\n    top: calc(100% + 8px);\n    left: 5%;\n    right: 5%;\n    width: 90%;\n  }\n\n  .tendir-hero-section {\n    padding: 4px 5% 18px !important;\n  }\n\n  .tendir-hero-layout {\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    gap: 0;\n  }\n\n  \/* \u0627\u0648\u0644 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 *\/\n\n  #tendir-hero {\n    order: 1;\n    transform: none;\n    width: 100%;\n  }\n\n  #tendir-hero .tendir-stage {\n    width: min(100%, 69.8svh);\n  }\n\n  \/* \u0628\u0639\u062f \u0645\u062a\u0646 *\/\n\n  .tendir-hero-copy {\n    order: 2;\n    max-width: 520px;\n    padding: 0;\n    margin: -5px auto 0;\n    text-align: center;\n    transform: none;\n  }\n\n  .tendir-hero-eyebrow {\n    margin-bottom: 8px;\n  }\n\n  .tendir-hero-copy h1 {\n    font-size: clamp(27px, 7.5vw, 36px);\n    line-height: 1.5;\n    margin-bottom: 8px;\n    white-space: normal;\n  }\n\n  .tendir-hero-copy p {\n    font-size: 15px;\n    line-height: 1.9;\n    margin: 0 auto 16px;\n  }\n\n  .tendir-hero-buttons {\n    justify-content: center;\n    gap: 10px;\n  }\n\n  .tendir-primary-btn,\n  .tendir-secondary-btn {\n    min-height: 44px;\n    padding: 10px 21px;\n    font-size: 13px;\n  }\n\n}\n\n\n\/* REDUCED MOTION *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  #tendir-hero .hero-layer,\n  #tendir-hero .bg-hover {\n    transition: none !important;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n(function () {\n\n  \/* HEADER *\/\n\n  function initTendirHeader() {\n\n    const headers = document.querySelectorAll('#tendir-site .tendir-header');\n\n    headers.forEach(function(header) {\n\n      if (header.dataset.menuInitialized === 'true') return;\n      header.dataset.menuInitialized = 'true';\n\n      const toggle = header.querySelector('.tendir-menu-toggle');\n      const searchToggle = header.querySelector('.tendir-search-toggle');\n      const mobileSearchToggle = header.querySelector('.tendir-mobile-search-toggle');\n      const searchInput = header.querySelector('.tendir-search-input');\n      const searchPanel = header.querySelector('.tendir-search-panel');\n\n      \/* MOBILE MENU *\/\n\n      if (toggle) {\n\n        toggle.addEventListener('click', function() {\n\n          const isOpen = header.classList.toggle('mobile-open');\n\n          toggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\n\n        });\n\n      }\n\n      header.querySelectorAll('.tendir-mobile-nav a').forEach(function(link) {\n\n        link.addEventListener('click', function() {\n\n          header.classList.remove('mobile-open');\n\n          if (toggle) {\n            toggle.setAttribute('aria-expanded', 'false');\n          }\n\n        });\n\n      });\n\n\n      \/* SEARCH *\/\n\n      function openSearch() {\n\n        header.classList.add('search-open');\n\n        if (searchToggle) {\n          searchToggle.setAttribute('aria-expanded', 'true');\n        }\n\n        if (searchInput) {\n          setTimeout(function() {\n            searchInput.focus();\n          }, 100);\n        }\n\n      }\n\n      function closeSearch() {\n\n        header.classList.remove('search-open');\n\n        if (searchToggle) {\n          searchToggle.setAttribute('aria-expanded', 'false');\n        }\n\n      }\n\n      if (searchToggle) {\n\n        searchToggle.addEventListener('click', function() {\n\n          if (header.classList.contains('search-open')) {\n            closeSearch();\n          } else {\n            openSearch();\n          }\n\n        });\n\n      }\n\n      if (mobileSearchToggle) {\n\n        mobileSearchToggle.addEventListener('click', function() {\n\n          header.classList.remove('mobile-open');\n\n          if (toggle) {\n            toggle.setAttribute('aria-expanded', 'false');\n          }\n\n          openSearch();\n\n        });\n\n      }\n\n      document.addEventListener('click', function(event) {\n\n        if (\n          header.classList.contains('search-open') &&\n          !header.contains(event.target)\n        ) {\n          closeSearch();\n        }\n\n      });\n\n      document.addEventListener('keydown', function(event) {\n\n        if (event.key === 'Escape') {\n          closeSearch();\n        }\n\n      });\n\n      if (searchPanel) {\n\n        searchPanel.addEventListener('submit', function(event) {\n\n          const value = searchInput ? searchInput.value.trim() : '';\n\n          if (!value) {\n            event.preventDefault();\n            if (searchInput) searchInput.focus();\n          }\n\n        });\n\n      }\n\n    });\n\n  }\n\n\n  \/* WOOCOMMERCE CART COUNT *\/\n\n  function initTendirCart() {\n\n    const cartCounts = document.querySelectorAll('#tendir-site .tendir-cart-count');\n\n    if (!cartCounts.length) return;\n\n    let cartRequestRunning = false;\n\n    function updateCartCount() {\n\n      if (cartRequestRunning) return;\n\n      cartRequestRunning = true;\n\n      fetch(window.location.origin + '\/wp-json\/wc\/store\/cart', {\n        method: 'GET',\n        credentials: 'same-origin',\n        cache: 'no-store',\n        headers: {\n          'Accept': 'application\/json'\n        }\n      })\n\n      .then(function(response) {\n\n        if (!response.ok) {\n          throw new Error('Cart API unavailable');\n        }\n\n        return response.json();\n\n      })\n\n      .then(function(data) {\n\n        const count = Number(data.items_count || 0);\n\n        cartCounts.forEach(function(element) {\n\n          element.textContent = count;\n\n          if (count > 0) {\n            element.classList.add('has-items');\n          } else {\n            element.classList.remove('has-items');\n          }\n\n        });\n\n      })\n\n      .catch(function(error) {\n        console.warn('Tendir cart count:', error);\n      })\n\n      .finally(function() {\n        cartRequestRunning = false;\n      });\n\n    }\n\n    updateCartCount();\n\n    if (window.jQuery) {\n\n      window.jQuery(document.body).on(\n        'added_to_cart removed_from_cart wc_fragments_refreshed updated_cart_totals',\n        function() {\n\n          setTimeout(updateCartCount, 400);\n\n        }\n      );\n\n    }\n\n    document.body.addEventListener('added_to_cart', function() {\n      setTimeout(updateCartCount, 400);\n    });\n\n    document.body.addEventListener('wc_fragments_refreshed', function() {\n      setTimeout(updateCartCount, 400);\n    });\n\n  }\n\n\n  \/* HERO ANIMATION *\/\n\n  function initTendirHero() {\n\n    const heroes = document.querySelectorAll('#tendir-site #tendir-hero');\n\n    heroes.forEach(function(hero) {\n\n      if (hero.dataset.initialized === 'true') return;\n      hero.dataset.initialized = 'true';\n\n      const stage = hero.querySelector('.tendir-stage');\n\n      if (!stage) return;\n\n      const hotspots = stage.querySelectorAll('.hero-hotspot');\n\n      function activate(item) {\n        stage.dataset.active = item || '';\n      }\n\n      \/* PRELOAD IMAGES *\/\n\n      const imageUrls = [\n\n        'https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/hero-1.png',\n        'https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/hero-2.png',\n        'https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/hero-3.png',\n        'https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/hero-4.png',\n        'https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/hero-5.png',\n        'https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/hero-6.png',\n        'https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/hero-7.png',\n        'https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/hero-8.png',\n        'https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/hero-9.png',\n        'https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/hero-10.png'\n\n      ];\n\n      imageUrls.forEach(function(url) {\n\n        const img = new Image();\n        img.src = url;\n\n      });\n\n\n      \/* HOTSPOT INTERACTIONS *\/\n\n      hotspots.forEach(function(hotspot) {\n\n        hotspot.addEventListener('pointerenter', function(event) {\n\n          if (event.pointerType === 'mouse' || event.pointerType === 'pen') {\n            activate(hotspot.dataset.item);\n          }\n\n        });\n\n        hotspot.addEventListener('pointerleave', function(event) {\n\n          if (event.pointerType === 'mouse' || event.pointerType === 'pen') {\n            activate('');\n          }\n\n        });\n\n        hotspot.addEventListener('click', function(event) {\n\n          event.preventDefault();\n\n          const item = hotspot.dataset.item;\n          const current = stage.dataset.active;\n\n          activate(current === item ? '' : item);\n\n        });\n\n        hotspot.addEventListener('focus', function() {\n          activate(hotspot.dataset.item);\n        });\n\n        hotspot.addEventListener('blur', function() {\n          activate('');\n        });\n\n      });\n\n\n      \/* POINTER FALLBACK *\/\n\n      stage.addEventListener('pointerover', function(event) {\n\n        if (event.pointerType !== 'mouse' && event.pointerType !== 'pen') return;\n\n        const hotspot = event.target.closest('.hero-hotspot');\n\n        if (!hotspot || !stage.contains(hotspot)) return;\n\n        activate(hotspot.dataset.item);\n\n      });\n\n      stage.addEventListener('pointerout', function(event) {\n\n        if (event.pointerType !== 'mouse' && event.pointerType !== 'pen') return;\n\n        const hotspot = event.target.closest('.hero-hotspot');\n\n        if (!hotspot || !stage.contains(hotspot)) return;\n\n        if (event.relatedTarget && hotspot.contains(event.relatedTarget)) return;\n\n        activate('');\n\n      });\n\n    });\n\n  }\n\n\n  \/* INITIALIZE *\/\n\n  function initTendir() {\n\n    initTendirHeader();\n    initTendirCart();\n    initTendirHero();\n\n  }\n\n  if (document.readyState === 'loading') {\n\n    document.addEventListener('DOMContentLoaded', initTendir);\n\n  } else {\n\n    initTendir();\n\n  }\n\n  \/* ELEMENTOR DYNAMIC RENDER SUPPORT *\/\n\n  const observer = new MutationObserver(function() {\n    initTendir();\n  });\n\n  observer.observe(document.documentElement, {\n    childList: true,\n    subtree: true\n  });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b049263 e-flex e-con-boxed e-con e-parent\" data-id=\"b049263\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-208aa72 elementor-widget elementor-widget-html\" data-id=\"208aa72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<div id=\"tendir-marquee\" dir=\"ltr\">\n  <div class=\"tendir-marquee-track\">\n\n    <div class=\"tendir-marquee-group\">\n      <span class=\"tm-en\">FROM OVEN TO TABLE<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-fa\">\u062a\u0627\u0632\u0647 \u0627\u0632 \u062a\u0646\u0648\u0631<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-en\">FRESHLY BAKED<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-fa\">\u06cc\u0647 \u0628\u0642\u0686\u0647 \u067e\u0631 \u0627\u0632 \u062e\u0648\u0634\u0645\u0632\u06af\u06cc<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-en\">BAKED WITH LOVE<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-fa\">\u0647\u0631 \u0631\u0648\u0632 \u06cc\u0647 \u0642\u0635\u0647 \u062a\u0627\u0632\u0647<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-en\">A LITTLE BUNDLE OF JOY<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-fa\">\u062e\u0648\u0634\u0645\u0632\u0647\u200c\u0647\u0627\u06cc \u062f\u0633\u062a\u200c\u0633\u0627\u0632 \u062a\u0646\u062f\u06cc\u0631<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-en\">MADE TO MAKE YOU SMILE<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n    <\/div>\n\n    <div class=\"tendir-marquee-group\" aria-hidden=\"true\">\n      <span class=\"tm-en\">FROM OVEN TO TABLE<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-fa\">\u062a\u0627\u0632\u0647 \u0627\u0632 \u062a\u0646\u0648\u0631<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-en\">FRESHLY BAKED<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-fa\">\u06cc\u0647 \u0628\u0642\u0686\u0647 \u067e\u0631 \u0627\u0632 \u062e\u0648\u0634\u0645\u0632\u06af\u06cc<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-en\">BAKED WITH LOVE<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-fa\">\u0647\u0631 \u0631\u0648\u0632 \u06cc\u0647 \u0642\u0635\u0647 \u062a\u0627\u0632\u0647<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-en\">A LITTLE BUNDLE OF JOY<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-fa\">\u062e\u0648\u0634\u0645\u0632\u0647\u200c\u0647\u0627\u06cc \u062f\u0633\u062a\u200c\u0633\u0627\u0632 \u062a\u0646\u062f\u06cc\u0631<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-en\">MADE TO MAKE YOU SMILE<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n#tendir-marquee {\n  --tm-bg: #294A87;\n  --tm-text: #EDE0C9;\n  --tm-speed: 32s;\n\n  width: 100%;\n  overflow: hidden;\n  background: var(--tm-bg);\n  padding: 10px 0;\n  direction: ltr;\n  position: relative;\n}\n\n#tendir-marquee .tendir-marquee-track {\n  display: flex;\n  width: max-content;\n  animation: tendir-marquee-move var(--tm-speed) linear infinite;\n  will-change: transform;\n}\n\n#tendir-marquee .tendir-marquee-group {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: 34px;\n  padding-right: 34px;\n  white-space: nowrap;\n}\n\n#tendir-marquee .tm-en {\n  color: var(--tm-text);\n  font-family: Arial, sans-serif;\n  font-size: 20px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n}\n\n#tendir-marquee .tm-fa {\n  color: var(--tm-text);\n  font-family: inherit;\n  font-size: 21px;\n  font-weight: 800;\n  direction: rtl;\n}\n\n#tendir-marquee img {\n  display: block;\n  width: 34px;\n  height: 34px;\n  object-fit: contain;\n  flex-shrink: 0;\n}\n\n\/* \u062d\u0631\u06a9\u062a \u062f\u0642\u06cc\u0642\u0627\u064b \u0628\u0647 \u0627\u0646\u062f\u0627\u0632\u0647 \u06cc\u06a9 \u06af\u0631\u0648\u0647 *\/\n@keyframes tendir-marquee-move {\n  from { transform: translateX(0); }\n  to { transform: translateX(-50%); }\n}\n\n@media (max-width: 767px) {\n  #tendir-marquee {\n    padding: 7px 0;\n    --tm-speed: 24s;\n  }\n\n  #tendir-marquee .tendir-marquee-group {\n    gap: 22px;\n    padding-right: 22px;\n  }\n\n  #tendir-marquee .tm-en {\n    font-size: 14px;\n    letter-spacing: 1px;\n  }\n\n  #tendir-marquee .tm-fa {\n    font-size: 15px;\n  }\n\n  #tendir-marquee img {\n    width: 26px;\n    height: 26px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #tendir-marquee .tendir-marquee-track {\n    animation: none;\n  }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff8c5a4 e-flex e-con-boxed e-con e-parent\" data-id=\"ff8c5a4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f16ba6 elementor-widget elementor-widget-html\" data-id=\"7f16ba6\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"products\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<div id=\"tendir-product-cards\">\n\n <div class=\"tendir-products-heading\">\n  <h2>\u062e\u0648\u0634\u0645\u0632\u0647\u200c\u0647\u0627\u06cc \u062a\u0646\u062f\u06cc\u0631<\/h2>\n  <p>\u062a\u0627\u0632\u0647\u060c \u062f\u0633\u062a\u200c\u0633\u0627\u0632 \u0648 \u062f\u0648\u0633\u062a\u200c\u062f\u0627\u0634\u062a\u0646\u06cc\u061b \u0627\u0646\u062a\u062e\u0627\u0628 \u0628\u0639\u062f\u06cc\u0650 \u0644\u062d\u0638\u0647\u200c\u0647\u0627\u06cc \u0634\u06cc\u0631\u06cc\u0646\u062a \u0631\u0648 \u067e\u06cc\u062f\u0627 \u06a9\u0646.<\/p>\n<\/div>\n\n  <div class=\"tendir-products-grid\">\n\n    <!-- CARD 1 -->\n    <div class=\"tendir-product-card\" tabindex=\"0\">\n      <div class=\"tendir-card-inner\">\n\n        <div class=\"tendir-card-face tendir-card-front\">\n          <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/cards-16.png\" alt=\"\u0645\u062d\u0635\u0648\u0644 \u0627\u0648\u0644 \u062a\u0646\u062f\u06cc\u0631\">\n\n          <div class=\"tendir-price\">\u06f2\u06f8\u06f5 \u062a\u0648\u0645\u0627\u0646<\/div>\n\n          <div class=\"tendir-order-area\">\n            <button class=\"tendir-order-btn\" type=\"button\">\u062b\u0628\u062a \u0633\u0641\u0627\u0631\u0634<\/button>\n            <div class=\"tendir-quantity\" hidden>\n              <button class=\"tendir-minus\" type=\"button\" aria-label=\"\u06a9\u0627\u0647\u0634 \u062a\u0639\u062f\u0627\u062f\">\u2212<\/button>\n              <span class=\"tendir-count\">\u06f1<\/span>\n              <button class=\"tendir-plus\" type=\"button\" aria-label=\"\u0627\u0641\u0632\u0627\u06cc\u0634 \u062a\u0639\u062f\u0627\u062f\">+<\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"tendir-card-face tendir-card-back\">\n          <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/cards-20.png\" alt=\"\u067e\u0634\u062a \u06a9\u0627\u0631\u062a \u0627\u0648\u0644\">\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- CARD 2 -->\n    <div class=\"tendir-product-card\" tabindex=\"0\">\n      <div class=\"tendir-card-inner\">\n\n        <div class=\"tendir-card-face tendir-card-front\">\n          <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/cards-17.png\" alt=\"\u0645\u062d\u0635\u0648\u0644 \u062f\u0648\u0645 \u062a\u0646\u062f\u06cc\u0631\">\n\n          <div class=\"tendir-price\">\u06f2\u06f8\u06f5 \u062a\u0648\u0645\u0627\u0646<\/div>\n\n          <div class=\"tendir-order-area\">\n            <button class=\"tendir-order-btn\" type=\"button\">\u062b\u0628\u062a \u0633\u0641\u0627\u0631\u0634<\/button>\n            <div class=\"tendir-quantity\" hidden>\n              <button class=\"tendir-minus\" type=\"button\" aria-label=\"\u06a9\u0627\u0647\u0634 \u062a\u0639\u062f\u0627\u062f\">\u2212<\/button>\n              <span class=\"tendir-count\">\u06f1<\/span>\n              <button class=\"tendir-plus\" type=\"button\" aria-label=\"\u0627\u0641\u0632\u0627\u06cc\u0634 \u062a\u0639\u062f\u0627\u062f\">+<\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"tendir-card-face tendir-card-back\">\n          <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/cards-21.png\" alt=\"\u067e\u0634\u062a \u06a9\u0627\u0631\u062a \u062f\u0648\u0645\">\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- CARD 3 -->\n    <div class=\"tendir-product-card\" tabindex=\"0\">\n      <div class=\"tendir-card-inner\">\n\n        <div class=\"tendir-card-face tendir-card-front\">\n          <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/cards-18.png\" alt=\"\u0645\u062d\u0635\u0648\u0644 \u0633\u0648\u0645 \u062a\u0646\u062f\u06cc\u0631\">\n\n          <div class=\"tendir-price\">\u06f2\u06f8\u06f5 \u062a\u0648\u0645\u0627\u0646<\/div>\n\n          <div class=\"tendir-order-area\">\n            <button class=\"tendir-order-btn\" type=\"button\">\u062b\u0628\u062a \u0633\u0641\u0627\u0631\u0634<\/button>\n            <div class=\"tendir-quantity\" hidden>\n              <button class=\"tendir-minus\" type=\"button\" aria-label=\"\u06a9\u0627\u0647\u0634 \u062a\u0639\u062f\u0627\u062f\">\u2212<\/button>\n              <span class=\"tendir-count\">\u06f1<\/span>\n              <button class=\"tendir-plus\" type=\"button\" aria-label=\"\u0627\u0641\u0632\u0627\u06cc\u0634 \u062a\u0639\u062f\u0627\u062f\">+<\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"tendir-card-face tendir-card-back\">\n          <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/cards-22.png\" alt=\"\u067e\u0634\u062a \u06a9\u0627\u0631\u062a \u0633\u0648\u0645\">\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- CARD 4 -->\n    <div class=\"tendir-product-card\" tabindex=\"0\">\n      <div class=\"tendir-card-inner\">\n\n        <div class=\"tendir-card-face tendir-card-front\">\n          <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/cards-15.png\" alt=\"\u0645\u062d\u0635\u0648\u0644 \u0686\u0647\u0627\u0631\u0645 \u062a\u0646\u062f\u06cc\u0631\">\n\n          <div class=\"tendir-price\">\u06f2\u06f8\u06f5 \u062a\u0648\u0645\u0627\u0646<\/div>\n\n          <div class=\"tendir-order-area\">\n            <button class=\"tendir-order-btn\" type=\"button\">\u062b\u0628\u062a \u0633\u0641\u0627\u0631\u0634<\/button>\n            <div class=\"tendir-quantity\" hidden>\n              <button class=\"tendir-minus\" type=\"button\" aria-label=\"\u06a9\u0627\u0647\u0634 \u062a\u0639\u062f\u0627\u062f\">\u2212<\/button>\n              <span class=\"tendir-count\">\u06f1<\/span>\n              <button class=\"tendir-plus\" type=\"button\" aria-label=\"\u0627\u0641\u0632\u0627\u06cc\u0634 \u062a\u0639\u062f\u0627\u062f\">+<\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"tendir-card-face tendir-card-back\">\n          <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/cards-19-1.png\" alt=\"\u067e\u0634\u062a \u06a9\u0627\u0631\u062a \u0686\u0647\u0627\u0631\u0645\">\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n#tendir-product-cards {\n  direction: rtl;\n  width: 100%;\n  max-width: 1240px;\n  margin: 0 auto;\n  padding: 25px 15px;\n  box-sizing: border-box;\n  font-family: inherit;\n}\n\n#tendir-product-cards * {\n  box-sizing: border-box;\n}\n\n#tendir-product-cards .tendir-products-heading {\n  text-align: center;\n  margin-bottom: 32px;\n}\n\n#tendir-product-cards .tendir-products-heading h2 {\n  margin: 0 0 10px;\n  color: #49332E;\n  font-size: clamp(23px, 3vw, 34px);\n  font-weight: 800;\n  line-height: 1.5;\n}\n\n#tendir-product-cards .tendir-products-heading p {\n  margin: 0;\n  color: #49332E;\n  font-size: clamp(13px, 1.4vw, 16px);\n  line-height: 1.9;\n}\n\n#tendir-product-cards .tendir-products-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 18px;\n}\n\n#tendir-product-cards .tendir-product-card {\n  width: 100%;\n  aspect-ratio: 11 \/ 15;\n  perspective: 1100px;\n  cursor: pointer;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n#tendir-product-cards .tendir-card-inner {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  transform-style: preserve-3d;\n  transition: transform 650ms cubic-bezier(.2,.75,.25,1);\n  border-radius: 14px;\n}\n\n#tendir-product-cards .tendir-product-card.is-flipped .tendir-card-inner {\n  transform: rotateY(180deg);\n}\n\n#tendir-product-cards .tendir-card-face {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  border-radius: 14px;\n  backface-visibility: hidden;\n  -webkit-backface-visibility: hidden;\n}\n\n#tendir-product-cards .tendir-card-face > img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n\n#tendir-product-cards .tendir-card-back {\n  transform: rotateY(180deg);\n}\n\n\/* PRICE *\/\n#tendir-product-cards .tendir-price {\n  position: absolute;\n  top: 13%;\n  left: 18%;\n  width: 22%;\n  max-width: 22%;\n  height: 6.2%;\n  min-width: 0;\n  padding: 2px 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  border-radius: 12px;\n  background: #fff;\n  color: #49332E;\n  font-size: clamp(8px, 1vw, 15px);\n  font-weight: 800;\n  line-height: 1;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  z-index: 2;\n}\n\n\/* ORDER AREA *\/\n#tendir-product-cards .tendir-order-area {\n  position: absolute;\n  left: 22%;\n  top: 80%;\n  width: 60%;\n  height: 8%;\n  min-height: 24px;\n  max-height: 44px;\n  z-index: 3;\n}\n\n\/* ORDER BUTTON *\/\n#tendir-product-cards .tendir-order-btn {\n  width: 100%;\n  height: 100%;\n  min-height: 24px;\n  padding: 0 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  border-radius: 12px;\n  background: #B83243;\n  color: #fff;\n  font-family: inherit;\n  font-size: clamp(9px, 1vw, 14px);\n  font-weight: 800;\n  cursor: pointer;\n  transition: transform .2s ease;\n}\n\n#tendir-product-cards .tendir-order-btn:hover {\n  transform: scale(1.05);\n}\n\n\/* QUANTITY - SAME POSITION AND SIZE AS ORDER BUTTON *\/\n#tendir-product-cards .tendir-quantity {\n  width: 100%;\n  height: 100%;\n  min-height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: space-evenly;\n  padding: 0 5px;\n  gap: 3px;\n  border: none;\n  border-radius: 12px;\n  background: #B83243;\n  color: #fff;\n}\n\n#tendir-product-cards .tendir-quantity[hidden],\n#tendir-product-cards .tendir-order-btn[hidden] {\n  display: none !important;\n}\n\n#tendir-product-cards .tendir-quantity button {\n  flex: 0 0 21px;\n  width: 21px;\n  height: 21px;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  border-radius: 50%;\n  background: rgba(255,255,255,.2);\n  color: #fff;\n  font-family: inherit;\n  font-size: 17px;\n  line-height: 1;\n  cursor: pointer;\n}\n\n#tendir-product-cards .tendir-count {\n  min-width: 12px;\n  text-align: center;\n  font-size: 12px;\n  font-weight: 800;\n  color: #fff;\n}\n\n\/* TABLET *\/\n@media (max-width: 1024px) {\n  #tendir-product-cards .tendir-products-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 16px;\n  }\n}\n\n\/* MOBILE *\/\n@media (max-width: 600px) {\n  #tendir-product-cards {\n    padding: 20px 10px;\n  }\n\n  #tendir-product-cards .tendir-products-heading {\n    margin-bottom: 22px;\n  }\n\n  #tendir-product-cards .tendir-products-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 10px;\n  }\n\n  #tendir-product-cards .tendir-card-face,\n  #tendir-product-cards .tendir-card-inner {\n    border-radius: 10px;\n  }\n\n  #tendir-product-cards .tendir-price {\n    font-size: clamp(8px, 2.4vw, 12px);\n    padding: 1px 3px;\n    border-radius: 7px;\n  }\n\n  #tendir-product-cards .tendir-order-area {\n    min-height: 20px;\n  }\n\n  #tendir-product-cards .tendir-order-btn,\n  #tendir-product-cards .tendir-quantity {\n    min-height: 20px;\n    border-radius: 7px;\n    font-size: clamp(8px, 2vw, 11px);\n  }\n\n  #tendir-product-cards .tendir-quantity button {\n    flex-basis: 17px;\n    width: 17px;\n    height: 17px;\n    font-size: 14px;\n  }\n\n  #tendir-product-cards .tendir-count {\n    font-size: 10px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #tendir-product-cards .tendir-card-inner {\n    transition: none;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const root = document.getElementById('tendir-product-cards');\n\n  if (!root || root.dataset.initialized === 'true') return;\n  root.dataset.initialized = 'true';\n\n  const cards = root.querySelectorAll('.tendir-product-card');\n\n  cards.forEach((card) => {\n    const orderButton = card.querySelector('.tendir-order-btn');\n    const quantityBox = card.querySelector('.tendir-quantity');\n    const countElement = card.querySelector('.tendir-count');\n    const plusButton = card.querySelector('.tendir-plus');\n    const minusButton = card.querySelector('.tendir-minus');\n\n    let count = 1;\n\n    function updateQuantity() {\n      countElement.textContent = count.toLocaleString('fa-IR');\n    }\n\n    function flipCard() {\n      card.classList.toggle('is-flipped');\n    }\n\n    card.addEventListener('click', (event) => {\n      if (event.target.closest('.tendir-order-area')) return;\n      flipCard();\n    });\n\n    card.addEventListener('keydown', (event) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        flipCard();\n      }\n    });\n\n    orderButton.addEventListener('click', (event) => {\n      event.stopPropagation();\n\n      count = 1;\n      updateQuantity();\n\n      orderButton.hidden = true;\n      quantityBox.hidden = false;\n    });\n\n    plusButton.addEventListener('click', (event) => {\n      event.stopPropagation();\n\n      count++;\n      updateQuantity();\n    });\n\n    minusButton.addEventListener('click', (event) => {\n      event.stopPropagation();\n\n      if (count > 1) {\n        count--;\n        updateQuantity();\n      } else {\n        quantityBox.hidden = true;\n        orderButton.hidden = false;\n\n        count = 1;\n        updateQuantity();\n      }\n    });\n  });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1787880 e-flex e-con-boxed e-con e-parent\" data-id=\"1787880\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fac138 elementor-widget elementor-widget-html\" data-id=\"6fac138\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<div id=\"tendir-marquee-red\" dir=\"ltr\">\n  <div class=\"tendir-red-track\">\n\n    <div class=\"tendir-red-group\">\n      <span class=\"tm-en\">SWEET MOMENTS<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-fa\">\u06cc\u0647 \u062f\u0646\u06cc\u0627 \u0634\u06cc\u0631\u06cc\u0646\u06cc<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-en\">BAKED FRESH DAILY<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-fa\">\u0628\u0627 \u0639\u0634\u0642 \u0648 \u062d\u0648\u0635\u0644\u0647 \u067e\u062e\u062a\u0647 \u0634\u062f\u0647<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-en\">LIFE IS BETTER WITH PASTRIES<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-fa\">\u0647\u0631 \u06af\u0627\u0632 \u06cc\u0647 \u0644\u0628\u062e\u0646\u062f<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-en\">A TASTE OF HAPPINESS<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-fa\">\u062e\u0648\u0634\u0645\u0632\u0647\u200c\u0647\u0627\u06cc \u062a\u0646\u062f\u06cc\u0631<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n    <\/div>\n\n    <div class=\"tendir-red-group\" aria-hidden=\"true\">\n      <span class=\"tm-en\">SWEET MOMENTS<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-fa\">\u06cc\u0647 \u062f\u0646\u06cc\u0627 \u0634\u06cc\u0631\u06cc\u0646\u06cc<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-en\">BAKED FRESH DAILY<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-fa\">\u0628\u0627 \u0639\u0634\u0642 \u0648 \u062d\u0648\u0635\u0644\u0647 \u067e\u062e\u062a\u0647 \u0634\u062f\u0647<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-en\">LIFE IS BETTER WITH PASTRIES<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-fa\">\u0647\u0631 \u06af\u0627\u0632 \u06cc\u0647 \u0644\u0628\u062e\u0646\u062f<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-en\">A TASTE OF HAPPINESS<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n      <span class=\"tm-fa\">\u062e\u0648\u0634\u0645\u0632\u0647\u200c\u0647\u0627\u06cc \u062a\u0646\u062f\u06cc\u0631<\/span>\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/flower-25.png\" alt=\"\">\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n#tendir-marquee-red {\n  --tm-bg: #B83243;\n  --tm-text: #EDE0C9;\n  --tm-speed: 32s;\n\n  width: 100%;\n  overflow: hidden;\n  background: var(--tm-bg);\n  padding: 10px 0;\n  direction: ltr;\n  position: relative;\n}\n\n#tendir-marquee-red .tendir-red-track {\n  display: flex;\n  width: max-content;\n  animation: tendir-red-move var(--tm-speed) linear infinite;\n  will-change: transform;\n}\n\n#tendir-marquee-red .tendir-red-group {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: 34px;\n  padding-right: 34px;\n  white-space: nowrap;\n}\n\n#tendir-marquee-red .tm-en {\n  color: var(--tm-text);\n  font-family: Arial, sans-serif;\n  font-size: 20px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n}\n\n#tendir-marquee-red .tm-fa {\n  color: var(--tm-text);\n  font-family: inherit;\n  font-size: 21px;\n  font-weight: 800;\n  direction: rtl;\n}\n\n#tendir-marquee-red img {\n  display: block;\n  width: 34px;\n  height: 34px;\n  object-fit: contain;\n  flex-shrink: 0;\n}\n\n\/* \u062d\u0631\u06a9\u062a \u0628\u0631\u0639\u06a9\u0633 \u0646\u0648\u0627\u0631 \u0622\u0628\u06cc *\/\n@keyframes tendir-red-move {\n  from { transform: translateX(-50%); }\n  to { transform: translateX(0); }\n}\n\n@media (max-width: 767px) {\n  #tendir-marquee-red {\n    padding: 7px 0;\n    --tm-speed: 24s;\n  }\n\n  #tendir-marquee-red .tendir-red-group {\n    gap: 22px;\n    padding-right: 22px;\n  }\n\n  #tendir-marquee-red .tm-en {\n    font-size: 14px;\n    letter-spacing: 1px;\n  }\n\n  #tendir-marquee-red .tm-fa {\n    font-size: 15px;\n  }\n\n  #tendir-marquee-red img {\n    width: 26px;\n    height: 26px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #tendir-marquee-red .tendir-red-track {\n    animation: none;\n  }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6806293 e-flex e-con-boxed e-con e-parent\" data-id=\"6806293\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d83831b elementor-widget elementor-widget-html\" data-id=\"d83831b\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"Story\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<section id=\"tendir-story\">\n  <div class=\"tendir-story-heading\">\n    <h2>\u062f\u0627\u0633\u062a\u0627\u0646 \u062a\u0646\u062f\u06cc\u0631<\/h2>\n    <p>\u0642\u0635\u0647\u200c\u06cc \u062a\u0646\u062f\u06cc\u0631 \u0627\u0632 \u062a\u0646\u0648\u0631 \u0634\u0631\u0648\u0639 \u0645\u06cc\u200c\u0634\u0647\u061b \u062a\u0648\u06cc \u0628\u0642\u0686\u0647 \u0645\u06cc\u200c\u067e\u06cc\u0686\u0647 \u0648 \u062f\u0631 \u0646\u0647\u0627\u06cc\u062a \u0631\u0648\u06cc \u0628\u0634\u0642\u0627\u0628\u060c \u0628\u0647 \u06cc\u0647 \u062e\u0627\u0637\u0631\u0647\u200c\u06cc \u0634\u06cc\u0631\u06cc\u0646 \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u0634\u0647.<\/p>\n  <\/div>\n\n  <div class=\"tendir-story-layout\">\n\n    <!-- \u0645\u0631\u062d\u0644\u0647 \u0627\u0648\u0644: \u062a\u0646\u0648\u0631 -->\n    <div class=\"tendir-story-stage tendir-stage-left\">\n      <div class=\"tendir-story-visual\">\n        <img decoding=\"async\" class=\"story-frame story-left-base is-active\"\n          src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/story-23.png\"\n          alt=\"\u0634\u06cc\u0631\u06cc\u0646\u06cc \u062f\u0631 \u062a\u0646\u0648\u0631\">\n\n        <img decoding=\"async\" class=\"story-frame story-left-overlay\"\n          src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/story-24.png\"\n          alt=\"\u0634\u06cc\u0631\u06cc\u0646\u06cc \u067e\u062e\u062a\u0647 \u0634\u062f\u0647 \u062f\u0631 \u062a\u0646\u0648\u0631\">\n      <\/div>\n      <p class=\"tendir-stage-caption\">\u0634\u06cc\u0631\u06cc\u0646\u06cc \u062a\u0648\u06cc \u062a\u0646\u0648\u0631 \u067e\u062e\u062a\u0647 \u0645\u06cc\u200c\u0634\u0647.<\/p>\n    <\/div>\n\n    <!-- \u0641\u0644\u0634 \u0627\u0648\u0644 -->\n    <div class=\"tendir-story-arrow arrow-one\">\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/dish-34.png\" alt=\"\">\n    <\/div>\n\n    <!-- \u0645\u0631\u062d\u0644\u0647 \u062f\u0648\u0645: \u0628\u0642\u0686\u0647 -->\n    <div class=\"tendir-story-stage tendir-stage-center\">\n      <div class=\"tendir-story-visual\">\n        <img decoding=\"async\" class=\"story-frame center-frame\"\n          src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/story-26.png\" alt=\"\">\n\n        <img decoding=\"async\" class=\"story-frame center-frame\"\n          src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/story-27.png\" alt=\"\">\n\n        <img decoding=\"async\" class=\"story-frame center-frame\"\n          src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/story-28.png\" alt=\"\">\n\n        <img decoding=\"async\" class=\"story-frame center-frame is-active\"\n          src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/story-29.png\" alt=\"\">\n      <\/div>\n      <p class=\"tendir-stage-caption\">\u062a\u0648\u06cc \u0628\u0642\u0686\u0647 \u0628\u0631\u0627\u06cc \u062a\u0648 \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0645\u06cc\u200c\u0634\u0647.<\/p>\n    <\/div>\n\n    <!-- \u0641\u0644\u0634 \u062f\u0648\u0645 -->\n    <div class=\"tendir-story-arrow arrow-two\">\n      <img decoding=\"async\" src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/dish-34.png\" alt=\"\">\n    <\/div>\n\n    <!-- \u0645\u0631\u062d\u0644\u0647 \u0633\u0648\u0645: \u0628\u0634\u0642\u0627\u0628 -->\n    <div class=\"tendir-story-stage tendir-stage-right\">\n      <div class=\"tendir-story-visual\">\n        <img decoding=\"async\" class=\"story-frame right-frame is-active\"\n          src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/story-30.png\" alt=\"\">\n\n        <img decoding=\"async\" class=\"story-frame right-frame\"\n          src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/dish-30.png\" alt=\"\">\n\n        <img decoding=\"async\" class=\"story-frame right-frame\"\n          src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/dish-31.png\" alt=\"\">\n\n        <img decoding=\"async\" class=\"story-frame right-frame\"\n          src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/dish-32.png\" alt=\"\">\n\n        <img decoding=\"async\" class=\"story-frame right-frame\"\n          src=\"https:\/\/tendir.ir\/wp-content\/uploads\/2026\/11\/dish-33.png\" alt=\"\">\n      <\/div>\n      <p class=\"tendir-stage-caption\">\u0628\u0647 \u0628\u0634\u0642\u0627\u0628 \u062a\u0648 \u0645\u06cc\u200c\u0631\u0633\u0647 \u0648 \u0646\u0648\u0634 \u062c\u0627\u0646 \u0645\u06cc\u200c\u0634\u0647.<\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n#tendir-story {\n  width: 100%;\n  direction: rtl;\n  padding: 42px 24px 55px;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n#tendir-story * {\n  box-sizing: border-box;\n}\n\n\/* \u0639\u0646\u0648\u0627\u0646 \u0648 \u0632\u06cc\u0631\u0639\u0646\u0648\u0627\u0646 *\/\n.tendir-story-heading {\n  text-align: center;\n  margin: 0 auto 22px;\n  max-width: 720px;\n}\n\n.tendir-story-heading h2 {\n  color: #49332E;\n  font-size: clamp(25px, 3vw, 36px);\n  font-weight: 800;\n  margin: 0 0 8px;\n}\n\n.tendir-story-heading p {\n  color: #49332E;\n  font-size: 15px;\n  line-height: 1.9;\n  margin: 0;\n}\n\n\/* \u0686\u06cc\u062f\u0645\u0627\u0646 \u062f\u0633\u06a9\u062a\u0627\u067e *\/\n.tendir-story-layout {\n  direction: ltr;\n  width: 100%;\n  max-width: 1120px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns:\n    minmax(0, 1fr)\n    72px\n    minmax(0, 1fr)\n    72px\n    minmax(0, 1fr);\n  align-items: center;\n  gap: 0;\n}\n\n.tendir-story-stage {\n  direction: rtl;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.tendir-story-visual {\n  width: 100%;\n  max-width: 350px;\n  aspect-ratio: 1 \/ 0.92;\n  position: relative;\n  overflow: visible;\n}\n\n\/* \u062c\u0627\u0628\u0647\u200c\u062c\u0627\u06cc\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 *\/\n.tendir-stage-center .tendir-story-visual {\n  transform: translateX(-32px);\n}\n\n.tendir-stage-right .tendir-story-visual {\n  transform: translateX(-42px) scale(1.10);\n}\n\n\/* \u0641\u0631\u06cc\u0645\u200c\u0647\u0627 *\/\n.story-frame {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  opacity: 0;\n  transition: opacity 450ms ease-in-out;\n  pointer-events: none;\n  will-change: opacity;\n}\n\n.story-frame.is-active {\n  opacity: 1;\n}\n\n\/* \u062a\u0648\u0636\u06cc\u062d\u0627\u062a *\/\n.tendir-stage-caption {\n  direction: rtl;\n  text-align: center;\n  color: #49332E;\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 1.8;\n  margin: 12px 0 0;\n  min-height: 30px;\n  width: 100%;\n}\n\n\/* \u0641\u0644\u0634\u200c\u0647\u0627 *\/\n.tendir-story-arrow {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 1 !important;\n  visibility: visible !important;\n  position: relative;\n  z-index: 2;\n  pointer-events: none;\n}\n\n.tendir-story-arrow img {\n  display: block;\n  width: 155%;\n  max-width: 135px;\n  height: auto;\n  object-fit: contain;\n  opacity: 1 !important;\n}\n\n\/* \u062a\u0646\u0638\u06cc\u0645 \u0641\u0644\u0634 \u062f\u0648\u0645 \u062f\u0631 \u062f\u0633\u06a9\u062a\u0627\u067e *\/\n.tendir-story-arrow.arrow-two {\n  transform: translateX(-10px);\n}\n\n\/* \u062a\u0628\u0644\u062a *\/\n@media (min-width: 768px) and (max-width: 1024px) {\n\n  #tendir-story {\n    padding: 36px 20px 42px;\n  }\n\n  .tendir-story-heading {\n    margin-bottom: 18px;\n    max-width: 650px;\n  }\n\n  .tendir-story-heading h2 {\n    font-size: 30px;\n  }\n\n  .tendir-story-heading p {\n    font-size: 14px;\n  }\n\n  .tendir-story-layout {\n    max-width: 950px;\n    grid-template-columns:\n      minmax(0, 1fr)\n      48px\n      minmax(0, 1fr)\n      48px\n      minmax(0, 1fr);\n  }\n\n  .tendir-story-stage {\n    width: 100%;\n  }\n\n  .tendir-story-visual {\n    max-width: 270px;\n    aspect-ratio: 1 \/ 0.92;\n  }\n\n  .tendir-stage-center .tendir-story-visual {\n    transform: translateX(-14px);\n  }\n\n  .tendir-stage-right .tendir-story-visual {\n    transform: translateX(-18px) scale(1.04);\n  }\n\n  .tendir-story-arrow img {\n    width: 135%;\n    max-width: 90px;\n  }\n\n  .tendir-story-arrow.arrow-one {\n    transform: translateX(8px);\n  }\n\n  .tendir-story-arrow.arrow-two {\n    transform: translateX(-8px);\n  }\n\n  .tendir-stage-caption {\n    font-size: 12px;\n    line-height: 1.75;\n    margin-top: 9px;\n    min-height: 42px;\n    padding: 0 3px;\n  }\n}\n\n\/* \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\n@media (max-width: 767px) {\n\n  #tendir-story {\n    padding: 28px 10px 38px;\n  }\n\n  .tendir-story-heading {\n    margin-bottom: 14px;\n    padding: 0 5px;\n  }\n\n  .tendir-story-heading h2 {\n    font-size: clamp(19px, 4.5vw, 27px);\n    margin-bottom: 5px;\n  }\n\n  .tendir-story-heading p {\n    font-size: clamp(10px, 2.5vw, 13px);\n    line-height: 1.8;\n  }\n\n  .tendir-story-layout {\n    display: grid;\n    grid-template-columns:\n      minmax(0, 1fr)\n      clamp(20px, 6vw, 42px)\n      minmax(0, 1fr)\n      clamp(20px, 6vw, 42px)\n      minmax(0, 1fr);\n    gap: 0;\n    width: 100%;\n  }\n\n  .tendir-story-stage {\n    width: 100%;\n    min-width: 0;\n  }\n\n  .tendir-story-visual {\n    width: 100%;\n    max-width: none;\n    aspect-ratio: 1 \/ 0.92;\n  }\n\n  .tendir-stage-center .tendir-story-visual {\n    transform: translateX(-5px);\n  }\n\n  .tendir-stage-right .tendir-story-visual {\n    transform: translateX(-7px) scale(1.06);\n  }\n\n  .tendir-story-arrow {\n    width: 100%;\n    min-width: 0;\n    height: auto;\n    margin: 0;\n  }\n\n  .tendir-story-arrow img {\n    width: 145%;\n    max-width: none;\n  }\n\n  \/* \u0645\u0648\u0642\u0639\u06cc\u062a \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u0641\u0644\u0634\u200c\u0647\u0627 \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\n  .tendir-story-arrow.arrow-one {\n    transform: translateX(6px);\n  }\n\n  .tendir-story-arrow.arrow-two {\n    transform: translateX(2px);\n  }\n\n  .tendir-stage-caption {\n    font-size: clamp(8px, 2vw, 12px);\n    line-height: 1.7;\n    margin-top: 7px;\n    min-height: 0;\n    overflow-wrap: anywhere;\n  }\n}\n\n\/* \u0645\u0648\u0628\u0627\u06cc\u0644 \u0628\u0627\u0631\u06cc\u06a9 *\/\n@media (max-width: 380px) {\n\n  #tendir-story {\n    padding-left: 7px;\n    padding-right: 7px;\n  }\n\n  .tendir-story-layout {\n    grid-template-columns:\n      minmax(0, 1fr)\n      21px\n      minmax(0, 1fr)\n      21px\n      minmax(0, 1fr);\n  }\n\n  .tendir-story-arrow img {\n    width: 155%;\n  }\n\n  .tendir-stage-caption {\n    font-size: 8px;\n  }\n}\n\n\/* \u06a9\u0627\u0647\u0634 \u062d\u0631\u06a9\u062a \u0628\u0631\u0627\u06cc \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u062f\u0633\u062a\u0631\u0633\u06cc *\/\n@media (prefers-reduced-motion: reduce) {\n  .story-frame {\n    transition-duration: 1ms;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const root = document.querySelector(\"#tendir-story\");\n  if (!root || root.dataset.initialized === \"true\") return;\n\n  root.dataset.initialized = \"true\";\n\n  const leftBase = root.querySelector(\".story-left-base\");\n  const leftOverlay = root.querySelector(\".story-left-overlay\");\n\n  const centerFrames = Array.from(\n    root.querySelectorAll(\".center-frame\")\n  );\n\n  const rightFrames = Array.from(\n    root.querySelectorAll(\".right-frame\")\n  );\n\n  const allImages = Array.from(root.querySelectorAll(\"img\"));\n\n  let isInView = false;\n  let isRunning = false;\n  let runToken = 0;\n\n  const wait = ms =>\n    new Promise(resolve => setTimeout(resolve, ms));\n\n  \/\/ \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 \u0642\u0628\u0644 \u0627\u0632 \u0627\u062c\u0631\u0627\u06cc \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\n  function preloadImages() {\n    return Promise.all(\n      allImages.map(img => {\n        if (img.complete && img.naturalWidth > 0) {\n          return Promise.resolve();\n        }\n\n        return new Promise(resolve => {\n          const done = () => resolve();\n\n          img.addEventListener(\"load\", done, { once: true });\n          img.addEventListener(\"error\", done, { once: true });\n        });\n      })\n    );\n  }\n\n  \/\/ \u0646\u0645\u0627\u06cc\u0634 \u0641\u0631\u06cc\u0645 \u062c\u062f\u06cc\u062f\n  function showFrame(frames, index) {\n    frames.forEach((frame, i) => {\n      frame.classList.toggle(\"is-active\", i === index);\n    });\n  }\n\n  \/\/ \u062d\u0627\u0644\u062a \u0627\u0648\u0644\u06cc\u0647 \u0648 \u0646\u0647\u0627\u06cc\u06cc\n  function setIdleState() {\n    leftBase.classList.add(\"is-active\");\n    leftOverlay.classList.remove(\"is-active\");\n\n    showFrame(centerFrames, 3);\n    showFrame(rightFrames, 0);\n  }\n\n  \/\/ \u062d\u0627\u0644\u062a \u0634\u0631\u0648\u0639 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\n  function setStartState() {\n    leftBase.classList.add(\"is-active\");\n    leftOverlay.classList.remove(\"is-active\");\n\n    showFrame(centerFrames, 3);\n    showFrame(rightFrames, 0);\n  }\n\n  async function runAnimation(token) {\n    if (isRunning || !isInView) return;\n\n    isRunning = true;\n\n    const isCurrent = () =>\n      token === runToken && isInView;\n\n    try {\n      await preloadImages();\n      if (!isCurrent()) return;\n\n      setStartState();\n\n      \/\/ \u0645\u0631\u062d\u0644\u0647 \u0627\u0648\u0644: \u062a\u0646\u0648\u0631\n      await wait(1100);\n      if (!isCurrent()) return;\n\n      leftOverlay.classList.add(\"is-active\");\n\n      await wait(1600);\n      if (!isCurrent()) return;\n\n      \/\/ \u0645\u0631\u062d\u0644\u0647 \u062f\u0648\u0645: \u062d\u0631\u06a9\u062a \u0645\u0639\u06a9\u0648\u0633 29 \u0628\u0647 26\n      for (let i = 2; i >= 0; i--) {\n        showFrame(centerFrames, i);\n\n        await wait(800);\n        if (!isCurrent()) return;\n      }\n\n      \/\/ \u062d\u0631\u06a9\u062a \u0631\u0648 \u0628\u0647 \u062c\u0644\u0648 26 \u0628\u0647 29\n      for (let i = 1; i <= 3; i++) {\n        showFrame(centerFrames, i);\n\n        await wait(800);\n        if (!isCurrent()) return;\n      }\n\n      \/\/ \u0645\u0631\u062d\u0644\u0647 \u0633\u0648\u0645: \u062d\u0631\u06a9\u062a \u062a\u0635\u0627\u0648\u06cc\u0631 \u0628\u0634\u0642\u0627\u0628\n      for (let i = 1; i < rightFrames.length; i++) {\n        showFrame(rightFrames, i);\n\n        await wait(650);\n        if (!isCurrent()) return;\n      }\n\n      \/\/ \u0645\u06a9\u062b \u06a9\u0648\u062a\u0627\u0647 \u0648 \u0628\u0627\u0632\u06af\u0634\u062a \u0628\u0647 \u062d\u0627\u0644\u062a \u0627\u0648\u0644\u06cc\u0647\n      await wait(900);\n      if (!isCurrent()) return;\n\n      setIdleState();\n\n    } finally {\n      if (token === runToken) {\n        isRunning = false;\n      }\n    }\n  }\n\n  function enterView() {\n    if (isInView) return;\n\n    isInView = true;\n    runToken++;\n\n    runAnimation(runToken);\n  }\n\n  function leaveView() {\n    if (!isInView) return;\n\n    isInView = false;\n    runToken++;\n    isRunning = false;\n\n    setIdleState();\n  }\n\n  setIdleState();\n\n  const observer = new IntersectionObserver(entries => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        enterView();\n      } else {\n        leaveView();\n      }\n    });\n  }, {\n    threshold: 0.25\n  });\n\n  observer.observe(root);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062e\u0627\u0646\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0642\u0635\u0647 \u062a\u0646\u062f\u06cc\u0631 \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 0 \u062b\u0628\u062a \u0633\u0641\u0627\u0631\u0634 \u062c\u0633\u062a\u062c\u0648 \u062e\u0627\u0646\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0642\u0635\u0647 \u062a\u0646\u062f\u06cc\u0631 \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 \u0633\u0628\u062f \u062e\u0631\u06cc\u062f \u062c\u0633\u062a\u062c\u0648\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062b\u0628\u062a \u0633\u0641\u0627\u0631\u0634 TENDIR BAKERY &#038; SWEETS \u0642\u0635\u0647\u200c\u0647\u0627 \u0627\u0632 \u062a\u0646\u0648\u0631 \u0634\u0631\u0648\u0639 \u0645\u06cc\u200c\u0634\u0646. \u0642\u0635\u0647\u200c\u06cc \u0645\u0627 \u0627\u0632 \u062a\u0646\u0648\u0631 \u0634\u0631\u0648\u0639 \u0645\u06cc\u200c\u0634\u0647\u060c \u062a\u0648\u06cc \u0628\u0642\u0686\u0647 \u0645\u06cc\u200c\u067e\u06cc\u0686\u0647 \u0648 \u062a\u0648\u06cc \u0628\u0634\u0642\u0627\u0628 \u062a\u0648 \u0628\u0647 \u06cc\u0647 \u062e\u0627\u0637\u0631\u0647\u200c\u06cc \u0634\u06cc\u0631\u06cc\u0646 \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u0634\u0647. \u0628\u0628\u06cc\u0646 \u0686\u06cc \u067e\u062e\u062a\u06cc\u0645! \u0642\u0635\u0647\u200c\u06cc \u0645\u0627 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-188","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tendir.ir\/index.php?rest_route=\/wp\/v2\/pages\/188","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tendir.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tendir.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tendir.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tendir.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=188"}],"version-history":[{"count":25,"href":"https:\/\/tendir.ir\/index.php?rest_route=\/wp\/v2\/pages\/188\/revisions"}],"predecessor-version":[{"id":310,"href":"https:\/\/tendir.ir\/index.php?rest_route=\/wp\/v2\/pages\/188\/revisions\/310"}],"wp:attachment":[{"href":"https:\/\/tendir.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}