{"id":3669,"date":"2021-09-13T11:11:09","date_gmt":"2021-09-13T11:11:09","guid":{"rendered":"http:\/\/dummy.xtemos.com\/woodmart2\/elementor\/?page_id=3669"},"modified":"2026-07-22T09:57:14","modified_gmt":"2026-07-22T08:57:14","slug":"home-books","status":"publish","type":"page","link":"https:\/\/www.safa7at.com\/en\/home-books\/","title":{"rendered":"Home Books"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3669\" class=\"elementor elementor-3669\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86e0c28 e-flex e-con-boxed e-con e-parent\" data-id=\"86e0c28\" 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-288d3f8 elementor-widget elementor-widget-html\" data-id=\"288d3f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\n=========================================================\r\n\u0645\u0643\u062a\u0628\u0629 \u0635\u0641\u062d\u0627\u062a \u2014 \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0627\u0644\u0645\u0633\u062a\u0642\u0644\r\n\u064a\u0648\u0636\u0639 \u0647\u0630\u0627 \u0627\u0644\u0643\u0648\u062f \u0643\u0627\u0645\u0644\u064b\u0627 \u062f\u0627\u062e\u0644 \u0639\u0646\u0635\u0631 HTML \u0648\u0627\u062d\u062f \u0641\u064a Elementor.\r\n\u0644\u0627 \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0623\u064a \u0642\u0633\u0645 \u0622\u062e\u0631 \u0641\u064a \u0627\u0644\u0635\u0641\u062d\u0629.\r\n=========================================================\r\n-->\r\n\r\n<!-- ===== \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u2014 \u0645\u062f\u0645\u062c \u0641\u064a \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 ===== -->\r\n<!-- \u0633\u0644\u0627\u064a\u062f\u0631 \u0645\u0643\u062a\u0628\u0629 \u0635\u0641\u062d\u0627\u062a: \u064a\u064f\u0644\u0635\u0642 \u0643\u0627\u0645\u0644\u064b\u0627 \u062f\u0627\u062e\u0644 \u0639\u0646\u0635\u0631 HTML \u0648\u0627\u062d\u062f -->\r\n<section id=\"safa7atHeroSlider\" dir=\"rtl\" aria-label=\"\u0639\u0631\u0648\u0636 \u0645\u0643\u062a\u0628\u0629 \u0635\u0641\u062d\u0627\u062a\">\r\n  <div class=\"sfs-slides\">\r\n\r\n    <article\r\n      class=\"sfs-slide is-active\"\r\n      style=\"--sfs-image:url('https:\/\/www.safa7at.com\/wp-content\/uploads\/2026\/06\/file_0000000024cc7243a930b2b2e7e09240.png')\"\r\n      aria-hidden=\"false\"\r\n    >\r\n      <div class=\"sfs-content\">\r\n        <h2 class=\"sfs-title\">\u0645\u0643\u062a\u0628\u0629 \u0635\u0641\u062d\u0627\u062a<\/h2>\r\n        <p class=\"sfs-description\">\u062d\u064a\u062b \u062a\u0628\u062f\u0623 \u0627\u0644\u0645\u0639\u0631\u0641\u0629<\/p>\r\n\r\n        <a class=\"sfs-button\" href=\"https:\/\/www.safa7at.com\/shop\/\">\r\n          <span>\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0643\u062a\u0628<\/span>\r\n          \r\n        <\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article\r\n      class=\"sfs-slide\"\r\n      style=\"--sfs-image:url('https:\/\/www.safa7at.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-24-\u064a\u0648\u0646\u064a\u0648-2026\u060c-10_20_11-\u0635.png')\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <div class=\"sfs-content\">\r\n        <span class=\"sfs-eyebrow\">\u0627\u062e\u062a\u064a\u0627\u0631\u0627\u062a \u0645\u062a\u0646\u0648\u0639\u0629<\/span>\r\n        <h2 class=\"sfs-title\">\u0645\u0626\u0627\u062a \u0627\u0644\u0643\u062a\u0628 \u0628\u064a\u0646 \u064a\u062f\u064a\u0643<\/h2>\r\n        <p class=\"sfs-description\">\r\n          \u0631\u0648\u0627\u064a\u0627\u062a\u060c \u0643\u062a\u0628 \u0641\u0643\u0631\u064a\u0629 \u0648\u062f\u064a\u0646\u064a\u0629\u060c \u0648\u062a\u0646\u0645\u064a\u0629 \u0628\u0634\u0631\u064a\u0629 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.\r\n        <\/p>\r\n\r\n        <a class=\"sfs-button\" href=\"https:\/\/www.safa7at.com\/shop\/\">\r\n          <span>\u062a\u0635\u0641\u0651\u062d \u0627\u0644\u0645\u062a\u062c\u0631<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article\r\n      class=\"sfs-slide\"\r\n      style=\"--sfs-image:url('https:\/\/www.safa7at.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-24-\u064a\u0648\u0646\u064a\u0648-2026\u060c-10_26_00-\u0635.png')\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <div class=\"sfs-content\">\r\n        <span class=\"sfs-eyebrow\">\u0637\u0644\u0628 \u0633\u0647\u0644 \u0648\u0648\u0627\u0636\u062d<\/span>\r\n        <h2 class=\"sfs-title\">\u062a\u0633\u0648\u0651\u0642 \u0628\u0643\u0644 \u0631\u0627\u062d\u0629<\/h2>\r\n        <p class=\"sfs-description\">\r\n          \u0634\u062d\u0646 \u0622\u0645\u0646 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u0644\u0637\u0644\u0628\u0643 \u062d\u062a\u0649 \u064a\u0635\u0644\u0643.\r\n        <\/p>\r\n\r\n        <a class=\"sfs-button\" href=\"https:\/\/www.safa7at.com\/shop\/\">\r\n          <span>\u0627\u0628\u062f\u0623 \u0627\u0644\u062a\u0633\u0648\u0651\u0642<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article\r\n      class=\"sfs-slide\"\r\n      style=\"--sfs-image:url('https:\/\/www.safa7at.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-24-\u064a\u0648\u0646\u064a\u0648-2026\u060c-10_33_51-\u0635.png')\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <div class=\"sfs-content\">\r\n        <span class=\"sfs-eyebrow\">\u0641\u0631\u0635 \u0644\u0627 \u062a\u0641\u0648\u0651\u062a<\/span>\r\n        <h2 class=\"sfs-title\">\u0639\u0631\u0648\u0636 \u062a\u062a\u062c\u062f\u062f \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631<\/h2>\r\n        <p class=\"sfs-description\">\r\n          \u062a\u062e\u0641\u064a\u0636\u0627\u062a \u0645\u062e\u062a\u0627\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u0643\u062a\u0628 \u0648\u0627\u0644\u0645\u0635\u0627\u062d\u0641 \u0644\u0641\u062a\u0631\u0629 \u0645\u062d\u062f\u0648\u062f\u0629.\r\n        <\/p>\r\n\r\n        <a class=\"sfs-button\" href=\"https:\/\/www.safa7at.com\/readers-deal\/\">\r\n          <span>\u0634\u0627\u0647\u062f \u0627\u0644\u0639\u0631\u0648\u0636<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"sfs-dots\" aria-label=\"\u0627\u0644\u062a\u0646\u0642\u0644 \u0628\u064a\u0646 \u0627\u0644\u0634\u0631\u0627\u0626\u062d\">\r\n    <button type=\"button\" class=\"sfs-dot is-active\" aria-label=\"\u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u0623\u0648\u0644\u0649\" aria-current=\"true\"><\/button>\r\n    <button type=\"button\" class=\"sfs-dot\" aria-label=\"\u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629\"><\/button>\r\n    <button type=\"button\" class=\"sfs-dot\" aria-label=\"\u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u062b\u0627\u0644\u062b\u0629\"><\/button>\r\n    <button type=\"button\" class=\"sfs-dot\" aria-label=\"\u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u0631\u0627\u0628\u0639\u0629\"><\/button>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800&display=swap');\r\n\r\n#safa7atHeroSlider,\r\n#safa7atHeroSlider * {\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n#safa7atHeroSlider {\r\n  position: relative !important;\r\n  display: block !important;\r\n  width: calc(100% - 4px) !important;\r\n  height: 210px !important;\r\n  margin: 0 auto !important;\r\n  padding: 0 !important;\r\n  overflow: hidden !important;\r\n  border: 0 !important;\r\n  border-radius: 20px !important;\r\n  background: #002659 !important;\r\n  direction: rtl !important;\r\n  isolation: isolate !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  line-height: normal !important;\r\n  touch-action: pan-y !important;\r\n}\r\n\r\n#safa7atHeroSlider .sfs-slides,\r\n#safa7atHeroSlider .sfs-slide {\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n  border-radius: inherit !important;\r\n}\r\n\r\n#safa7atHeroSlider .sfs-slide {\r\n  z-index: 0 !important;\r\n  opacity: 0 !important;\r\n  visibility: hidden !important;\r\n  overflow: hidden !important;\r\n  background-image:\r\n    linear-gradient(\r\n      270deg,\r\n      rgba(0, 38, 89, 0.97) 0%,\r\n      rgba(0, 38, 89, 0.89) 28%,\r\n      rgba(0, 38, 89, 0.61) 52%,\r\n      rgba(0, 38, 89, 0.20) 76%,\r\n      rgba(0, 38, 89, 0.02) 100%\r\n    ),\r\n    var(--sfs-image) !important;\r\n  background-repeat: no-repeat !important;\r\n  background-size: cover !important;\r\n  background-position: center !important;\r\n  transition:\r\n    opacity 900ms ease-in-out,\r\n    visibility 900ms ease-in-out !important;\r\n}\r\n\r\n#safa7atHeroSlider .sfs-slide.is-active {\r\n  z-index: 2 !important;\r\n  opacity: 1 !important;\r\n  visibility: visible !important;\r\n}\r\n\r\n#safa7atHeroSlider .sfs-content {\r\n  position: absolute !important;\r\n  z-index: 3 !important;\r\n  top: 50% !important;\r\n  right: 20px !important;\r\n  width: 68% !important;\r\n  max-width: 430px !important;\r\n  margin: 0 !important;\r\n  padding: 0 0 28px !important;\r\n  transform: translateY(-50%) !important;\r\n  text-align: right !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  opacity: 0 !important;\r\n  transition: opacity 650ms ease 180ms !important;\r\n}\r\n\r\n#safa7atHeroSlider .sfs-slide.is-active .sfs-content {\r\n  opacity: 1 !important;\r\n}\r\n\r\n#safa7atHeroSlider .sfs-title {\r\n  display: block !important;\r\n  margin: 0 0 7px !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n  background: transparent !important;\r\n  color: #ffffff !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 27px !important;\r\n  font-style: normal !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.35 !important;\r\n  letter-spacing: 0 !important;\r\n  text-align: right !important;\r\n  text-decoration: none !important;\r\n  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.26) !important;\r\n  opacity: 1 !important;\r\n}\r\n\r\n#safa7atHeroSlider .sfs-description {\r\n  display: block !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n  background: transparent !important;\r\n  color: rgba(255, 255, 255, 0.94) !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 14px !important;\r\n  font-style: normal !important;\r\n  font-weight: 400 !important;\r\n  line-height: 1.9 !important;\r\n  letter-spacing: 0 !important;\r\n  text-align: right !important;\r\n  text-decoration: none !important;\r\n  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.20) !important;\r\n  opacity: 1 !important;\r\n}\r\n\r\n#safa7atHeroSlider .sfs-button {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  gap: 10px !important;\r\n  width: auto !important;\r\n  min-width: 165px !important;\r\n  min-height: 48px !important;\r\n  margin: 17px 0 0 !important;\r\n  padding: 10px 20px !important;\r\n  border: 0 !important;\r\n  border-radius: 15px !important;\r\n  background: #ffffff !important;\r\n  color: #002659 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 15px !important;\r\n  font-style: normal !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1 !important;\r\n  text-align: center !important;\r\n  text-decoration: none !important;\r\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18) !important;\r\n  opacity: 1 !important;\r\n}\r\n\r\n\r\n#safa7atHeroSlider .sfs-dots {\r\n  position: absolute !important;\r\n  z-index: 10 !important;\r\n  right: 50% !important;\r\n  bottom: 12px !important;\r\n  display: flex !important;\r\n  flex-direction: row !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  gap: 7px !important;\r\n  width: auto !important;\r\n  height: auto !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  transform: translateX(50%) !important;\r\n  direction: rtl !important;\r\n}\r\n\r\n#safa7atHeroSlider .sfs-dot {\r\n  display: block !important;\r\n  flex: 0 0 auto !important;\r\n  width: 8px !important;\r\n  min-width: 8px !important;\r\n  max-width: none !important;\r\n  height: 8px !important;\r\n  min-height: 8px !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n  border-radius: 999px !important;\r\n  outline: 0 !important;\r\n  background: rgba(255, 255, 255, 0.50) !important;\r\n  box-shadow: none !important;\r\n  cursor: pointer !important;\r\n  appearance: none !important;\r\n  transition:\r\n    width 220ms ease,\r\n    background-color 220ms ease !important;\r\n}\r\n\r\n#safa7atHeroSlider .sfs-dot.is-active {\r\n  width: 30px !important;\r\n  min-width: 30px !important;\r\n  background: #ffffff !important;\r\n}\r\n\r\n@media (min-width: 600px) {\r\n  #safa7atHeroSlider {\r\n    width: calc(100% - 40px) !important;\r\n    height: 300px !important;\r\n    border-radius: 24px !important;\r\n  }\r\n\r\n  #safa7atHeroSlider .sfs-content {\r\n    right: 38px !important;\r\n    width: 54% !important;\r\n  }\r\n\r\n  #safa7atHeroSlider .sfs-title {\r\n    font-size: 38px !important;\r\n  }\r\n\r\n  #safa7atHeroSlider .sfs-description {\r\n    font-size: 17px !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  #safa7atHeroSlider {\r\n    width: min(1360px, calc(100% - 56px)) !important;\r\n    height: 390px !important;\r\n    border-radius: 28px !important;\r\n  }\r\n\r\n  #safa7atHeroSlider .sfs-content {\r\n    right: max(56px, 5vw) !important;\r\n    width: 46% !important;\r\n  }\r\n\r\n  #safa7atHeroSlider .sfs-title {\r\n    font-size: 50px !important;\r\n  }\r\n\r\n  #safa7atHeroSlider .sfs-description {\r\n    font-size: 20px !important;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #safa7atHeroSlider .sfs-slide,\r\n  #safa7atHeroSlider .sfs-content,\r\n  #safa7atHeroSlider .sfs-dot {\r\n    transition: none !important;\r\n  }\r\n}\r\n\r\n\/* ===== \u062a\u062d\u0633\u064a\u0646\u0627\u062a Safa7at Design System ===== *\/\r\n#safa7atHeroSlider {\r\n  --sfs-primary: #002659;\r\n  --sfs-gold: #B4975A;\r\n  --sfs-white: #FFFFFF;\r\n  --sfs-text: #1E293B;\r\n  --sfs-radius-button: 16px;\r\n  --sfs-shadow-large: 0 22px 60px rgba(0, 22, 55, 0.20);\r\n\r\n  height: 232px !important;\r\n  box-shadow: var(--sfs-shadow-large) !important;\r\n}\r\n\r\n#safa7atHeroSlider .sfs-slide {\r\n  background-image:\r\n    linear-gradient(\r\n      270deg,\r\n      rgba(0, 38, 89, 0.98) 0%,\r\n      rgba(0, 38, 89, 0.91) 27%,\r\n      rgba(0, 38, 89, 0.68) 50%,\r\n      rgba(0, 38, 89, 0.30) 72%,\r\n      rgba(0, 38, 89, 0.06) 100%\r\n    ),\r\n    var(--sfs-image) !important;\r\n  transform: scale(1.025) !important;\r\n  transition:\r\n    opacity 760ms ease,\r\n    visibility 760ms ease,\r\n    transform 5600ms linear !important;\r\n}\r\n\r\n#safa7atHeroSlider .sfs-slide.is-active {\r\n  transform: scale(1) !important;\r\n}\r\n\r\n#safa7atHeroSlider .sfs-content {\r\n  width: min(72%, 460px) !important;\r\n  transform: translateY(-46%) !important;\r\n  transition:\r\n    opacity 520ms ease 170ms,\r\n    transform 520ms ease 170ms !important;\r\n}\r\n\r\n#safa7atHeroSlider .sfs-slide.is-active .sfs-content {\r\n  transform: translateY(-50%) !important;\r\n}\r\n\r\n#safa7atHeroSlider .sfs-eyebrow {\r\n  display: inline-block !important;\r\n  margin: 0 0 7px !important;\r\n  padding: 5px 10px !important;\r\n  border: 1px solid rgba(255,255,255,.20) !important;\r\n  border-radius: 999px !important;\r\n  background: rgba(255,255,255,.10) !important;\r\n  color: rgba(255,255,255,.96) !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 10px !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.3 !important;\r\n  backdrop-filter: blur(7px) !important;\r\n  -webkit-backdrop-filter: blur(7px) !important;\r\n}\r\n\r\n#safa7atHeroSlider .sfs-title {\r\n  font-size: clamp(24px, 7vw, 31px) !important;\r\n  line-height: 1.28 !important;\r\n  letter-spacing: -.3px !important;\r\n}\r\n\r\n#safa7atHeroSlider .sfs-description {\r\n  max-width: 420px !important;\r\n  font-size: 12px !important;\r\n  line-height: 1.8 !important;\r\n  color: rgba(255,255,255,.90) !important;\r\n}\r\n\r\n#safa7atHeroSlider .sfs-button {\r\n  min-width: 148px !important;\r\n  min-height: 46px !important;\r\n  margin-top: 15px !important;\r\n  padding: 10px 18px !important;\r\n  border: 1px solid var(--sfs-white) !important;\r\n  border-radius: var(--sfs-radius-button) !important;\r\n  background: var(--sfs-white) !important;\r\n  color: var(--sfs-primary) !important;\r\n  font-size: 13px !important;\r\n  box-shadow: 0 10px 26px rgba(0,0,0,.18) !important;\r\n  transition:\r\n    transform 180ms ease,\r\n    box-shadow 180ms ease,\r\n    background-color 180ms ease !important;\r\n}\r\n\r\n#safa7atHeroSlider .sfs-button:hover {\r\n  transform: translateY(-2px) !important;\r\n  background: #F8FAFC !important;\r\n  box-shadow: 0 14px 30px rgba(0,0,0,.22) !important;\r\n}\r\n\r\n#safa7atHeroSlider .sfs-button:focus-visible,\r\n#safa7atHeroSlider .sfs-dot:focus-visible {\r\n  outline: 2px solid var(--sfs-gold) !important;\r\n  outline-offset: 3px !important;\r\n}\r\n\r\n\r\n\r\n#safa7atHeroSlider .sfs-dot {\r\n  background: rgba(255,255,255,.45) !important;\r\n}\r\n\r\n#safa7atHeroSlider .sfs-dot.is-active {\r\n  width: 28px !important;\r\n  min-width: 28px !important;\r\n  background: var(--sfs-white) !important;\r\n}\r\n\r\n@media (min-width: 600px) {\r\n  #safa7atHeroSlider {\r\n    height: 310px !important;\r\n  }\r\n\r\n  #safa7atHeroSlider .sfs-content {\r\n    right: 40px !important;\r\n    width: 56% !important;\r\n  }\r\n\r\n  #safa7atHeroSlider .sfs-eyebrow {\r\n    margin-bottom: 10px !important;\r\n    padding: 6px 12px !important;\r\n    font-size: 11px !important;\r\n  }\r\n\r\n  #safa7atHeroSlider .sfs-title {\r\n    font-size: 39px !important;\r\n  }\r\n\r\n  #safa7atHeroSlider .sfs-description {\r\n    font-size: 16px !important;\r\n  }\r\n\r\n  #safa7atHeroSlider .sfs-button {\r\n    min-width: 165px !important;\r\n    min-height: 48px !important;\r\n    margin-top: 18px !important;\r\n    padding: 11px 21px !important;\r\n    font-size: 14px !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  #safa7atHeroSlider {\r\n    height: 410px !important;\r\n  }\r\n\r\n  #safa7atHeroSlider .sfs-content {\r\n    right: max(64px, 5vw) !important;\r\n    width: 46% !important;\r\n    max-width: 540px !important;\r\n  }\r\n\r\n  #safa7atHeroSlider .sfs-title {\r\n    font-size: 52px !important;\r\n    line-height: 1.22 !important;\r\n  }\r\n\r\n  #safa7atHeroSlider .sfs-description {\r\n    font-size: 18px !important;\r\n  }\r\n\r\n  #safa7atHeroSlider .sfs-button {\r\n    min-width: 178px !important;\r\n    min-height: 50px !important;\r\n    font-size: 15px !important;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n  const slider = document.getElementById(\"safa7atHeroSlider\");\r\n\r\n  if (!slider || slider.dataset.sfsReady === \"true\") {\r\n    return;\r\n  }\r\n\r\n  slider.dataset.sfsReady = \"true\";\r\n\r\n  const slides = Array.from(slider.querySelectorAll(\".sfs-slide\"));\r\n  const dots = Array.from(slider.querySelectorAll(\".sfs-dot\"));\r\n\r\n  let currentIndex = 0;\r\n  let autoplayTimer = null;\r\n  let touchStartX = 0;\r\n\r\n  const autoplayDelay = 5600;\r\n  const swipeThreshold = 45;\r\n\r\n  function showSlide(index) {\r\n    currentIndex = (index + slides.length) % slides.length;\r\n\r\n    slides.forEach((slide, slideIndex) => {\r\n      const isActive = slideIndex === currentIndex;\r\n\r\n      slide.classList.toggle(\"is-active\", isActive);\r\n      slide.setAttribute(\"aria-hidden\", String(!isActive));\r\n    });\r\n\r\n    dots.forEach((dot, dotIndex) => {\r\n      const isActive = dotIndex === currentIndex;\r\n\r\n      dot.classList.toggle(\"is-active\", isActive);\r\n\r\n      if (isActive) {\r\n        dot.setAttribute(\"aria-current\", \"true\");\r\n      } else {\r\n        dot.removeAttribute(\"aria-current\");\r\n      }\r\n    });\r\n  }\r\n\r\n  function stopAutoplay() {\r\n    if (autoplayTimer !== null) {\r\n      window.clearInterval(autoplayTimer);\r\n      autoplayTimer = null;\r\n    }\r\n  }\r\n\r\n  function startAutoplay() {\r\n    stopAutoplay();\r\n\r\n    if (document.hidden || slider.matches(\":hover\")) {\r\n      return;\r\n    }\r\n\r\n    autoplayTimer = window.setInterval(() => {\r\n      showSlide(currentIndex + 1);\r\n    }, autoplayDelay);\r\n  }\r\n\r\n  dots.forEach((dot, dotIndex) => {\r\n    dot.addEventListener(\"click\", () => {\r\n      showSlide(dotIndex);\r\n      startAutoplay();\r\n    });\r\n  });\r\n\r\n  slider.addEventListener(\r\n    \"touchstart\",\r\n    (event) => {\r\n      touchStartX = event.changedTouches[0].clientX;\r\n      stopAutoplay();\r\n    },\r\n    { passive: true }\r\n  );\r\n\r\n  slider.addEventListener(\r\n    \"touchend\",\r\n    (event) => {\r\n      const touchEndX = event.changedTouches[0].clientX;\r\n      const distance = touchEndX - touchStartX;\r\n\r\n      if (Math.abs(distance) >= swipeThreshold) {\r\n        if (distance < 0) {\r\n          showSlide(currentIndex + 1);\r\n        } else {\r\n          showSlide(currentIndex - 1);\r\n        }\r\n      }\r\n\r\n      startAutoplay();\r\n    },\r\n    { passive: true }\r\n  );\r\n\r\n\r\n  slider.addEventListener(\"mouseenter\", stopAutoplay);\r\n  slider.addEventListener(\"mouseleave\", startAutoplay);\r\n\r\n  document.addEventListener(\"visibilitychange\", () => {\r\n    if (document.hidden) {\r\n      stopAutoplay();\r\n    } else {\r\n      startAutoplay();\r\n    }\r\n  });\r\n\r\n  showSlide(0);\r\n  startAutoplay();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c8ce259 elementor-widget elementor-widget-html\" data-id=\"c8ce259\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== \u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u062b\u0642\u0629 \u2014 \u0645\u062f\u0645\u062c \u0641\u064a \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 ===== -->\r\n<!-- \u0642\u0633\u0645 \u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u062b\u0642\u0629 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0644\u0645\u0643\u062a\u0628\u0629 \u0635\u0641\u062d\u0627\u062a\r\n     \u0627\u0644\u0635\u0642 \u0627\u0644\u0643\u0648\u062f \u0643\u0627\u0645\u0644\u064b\u0627 \u062f\u0627\u062e\u0644 \u0639\u0646\u0635\u0631 HTML \u0648\u0627\u062d\u062f -->\r\n<section id=\"safa7atTrustCards\" dir=\"rtl\" aria-label=\"\u0645\u0632\u0627\u064a\u0627 \u0627\u0644\u062a\u0633\u0648\u0642 \u0645\u0646 \u0645\u0643\u062a\u0628\u0629 \u0635\u0641\u062d\u0627\u062a\">\r\n\r\n  <div class=\"stc-grid\">\r\n\r\n    <!-- \u0627\u0644\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645 -->\r\n    <button class=\"stc-card\" type=\"button\" aria-expanded=\"false\">\r\n      <span class=\"stc-inner\">\r\n\r\n        <span class=\"stc-face stc-front\">\r\n          <span class=\"stc-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"2.5\"><\/rect>\r\n              <path d=\"M7 10h2\"><\/path>\r\n              <path d=\"M15 14h2\"><\/path>\r\n              <circle cx=\"12\" cy=\"12\" r=\"2.2\"><\/circle>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <span class=\"stc-title\">\u0627\u0644\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645<\/span>\r\n        <\/span>\r\n\r\n        <span class=\"stc-face stc-back\">\r\n          <span class=\"stc-back-title\">\u0627\u0644\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645<\/span>\r\n          <span class=\"stc-description\">\r\n            \u0644\u0627 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0644\u062f\u0641\u0639 \u0645\u0633\u0628\u0642\u064b\u0627. \u0627\u062f\u0641\u0639 \u0642\u064a\u0645\u0629 \u0637\u0644\u0628\u0643 \u0639\u0646\u062f \u0627\u0633\u062a\u0644\u0627\u0645 \u0627\u0644\u0637\u0631\u062f \u0645\u0646 \u0645\u0643\u062a\u0628 \u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u0623\u0648 \u0627\u0644\u0645\u0648\u0632\u0651\u0639.\r\n          <\/span>\r\n        <\/span>\r\n\r\n      <\/span>\r\n    <\/button>\r\n\r\n    <!-- \u0627\u0644\u062a\u0648\u0635\u064a\u0644 -->\r\n    <button class=\"stc-card\" type=\"button\" aria-expanded=\"false\">\r\n      <span class=\"stc-inner\">\r\n\r\n        <span class=\"stc-face stc-front\">\r\n          <span class=\"stc-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M3 7h11v9H3z\"><\/path>\r\n              <path d=\"M14 10h3l4 4v2h-7z\"><\/path>\r\n              <circle cx=\"7\" cy=\"18\" r=\"2\"><\/circle>\r\n              <circle cx=\"17\" cy=\"18\" r=\"2\"><\/circle>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <span class=\"stc-title\">\u062a\u0648\u0635\u064a\u0644 \u0633\u0631\u064a\u0639<\/span>\r\n        <\/span>\r\n\r\n        <span class=\"stc-face stc-back\">\r\n          <span class=\"stc-back-title\">\u062a\u0648\u0635\u064a\u0644 \u0633\u0631\u064a\u0639<\/span>\r\n          <span class=\"stc-description\">\r\n            \u0646\u0634\u062d\u0646 \u0637\u0644\u0628\u0643 \u0625\u0644\u0649 \u062c\u0645\u064a\u0639 \u0648\u0644\u0627\u064a\u0627\u062a \u0627\u0644\u062c\u0632\u0627\u0626\u0631\u060c \u0645\u0639 \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0637\u0631\u062f \u062d\u062a\u0649 \u0648\u0635\u0648\u0644\u0647.\r\n          <\/span>\r\n        <\/span>\r\n\r\n      <\/span>\r\n    <\/button>\r\n\r\n    <!-- \u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 -->\r\n    <button class=\"stc-card\" type=\"button\" aria-expanded=\"false\">\r\n      <span class=\"stc-inner\">\r\n\r\n        <span class=\"stc-face stc-front\">\r\n          <span class=\"stc-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M12 3l7 3v5c0 4.6-2.7 8-7 10-4.3-2-7-5.4-7-10V6z\"><\/path>\r\n              <path d=\"M9 12l2 2 4-4\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <span class=\"stc-title\">\u062d\u0642\u0643 \u0645\u062d\u0641\u0648\u0638<\/span>\r\n        <\/span>\r\n\r\n        <span class=\"stc-face stc-back\">\r\n          <span class=\"stc-back-title\">\u062d\u0642\u0643 \u0645\u062d\u0641\u0648\u0638<\/span>\r\n          <span class=\"stc-description\">\r\n            \u0646\u0639\u0631\u0636 \u062a\u0641\u0627\u0635\u064a\u0644 \u0648\u0627\u0636\u062d\u0629 \u0648\u0635\u0648\u0631\u064b\u0627 \u062f\u0642\u064a\u0642\u0629 \u0644\u0644\u0645\u0646\u062a\u062c\u0627\u062a\u060c \u0648\u0625\u0630\u0627 \u0648\u0635\u0644\u0643 \u0645\u0646\u062a\u062c \u0645\u062a\u0636\u0631\u0631 \u0623\u0648 \u0638\u0647\u0631\u062a \u0645\u0634\u0643\u0644\u0629\u060c \u0646\u062a\u0643\u0641\u0644 \u0628\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0623\u0645\u0631 \u0628\u0645\u0627 \u064a\u062d\u0641\u0638 \u062d\u0642\u0643.\r\n          <\/span>\r\n        <\/span>\r\n\r\n      <\/span>\r\n    <\/button>\r\n\r\n    <!-- \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0634\u0631\u0627\u0621 -->\r\n    <button class=\"stc-card\" type=\"button\" aria-expanded=\"false\">\r\n      <span class=\"stc-inner\">\r\n\r\n        <span class=\"stc-face stc-front\">\r\n          <span class=\"stc-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M12 3l2.2 4.5 5 .7-3.6 3.5.9 5-4.5-2.4-4.5 2.4.9-5-3.6-3.5 5-.7z\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <span class=\"stc-title\">\u062a\u062c\u0631\u0628\u0629 \u0634\u0631\u0627\u0621 \u0633\u0647\u0644\u0629<\/span>\r\n        <\/span>\r\n\r\n        <span class=\"stc-face stc-back\">\r\n          <span class=\"stc-back-title\">\u062a\u062c\u0631\u0628\u0629 \u0634\u0631\u0627\u0621 \u0633\u0647\u0644\u0629<\/span>\r\n          <span class=\"stc-description\">\r\n            \u0627\u0637\u0644\u0628 \u0628\u0633\u0647\u0648\u0644\u0629 \u0639\u0628\u0631 \u0627\u0644\u0645\u0648\u0642\u0639\u060c \u0648\u0633\u0646\u0631\u0627\u062c\u0639 \u062a\u0641\u0627\u0635\u064a\u0644 \u0637\u0644\u0628\u0643 \u0648\u0646\u062a\u0627\u0628\u0639 \u0645\u0639\u0643 \u062d\u062a\u0649 \u064a\u0635\u0628\u062d \u062c\u0627\u0647\u0632\u064b\u0627 \u0644\u0644\u0634\u062d\u0646.\r\n          <\/span>\r\n        <\/span>\r\n\r\n      <\/span>\r\n    <\/button>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800&display=swap');\r\n\r\n#safa7atTrustCards,\r\n#safa7atTrustCards * {\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n#safa7atTrustCards {\r\n  width: calc(100% - 12px) !important;\r\n  max-width: none !important;\r\n  margin: 8px auto 10px !important;\r\n  padding: 0 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  direction: rtl !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-grid {\r\n  display: grid !important;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n  gap: 10px !important;\r\n  width: 100% !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-card {\r\n  position: relative !important;\r\n  display: block !important;\r\n  width: 100% !important;\r\n  height: 128px !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n  outline: none !important;\r\n  background: transparent !important;\r\n  perspective: 1000px !important;\r\n  cursor: pointer !important;\r\n  appearance: none !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  -webkit-tap-highlight-color: transparent !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-card:focus-visible {\r\n  border-radius: 18px !important;\r\n  outline: 3px solid rgba(0, 38, 89, 0.22) !important;\r\n  outline-offset: 2px !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-inner {\r\n  position: relative !important;\r\n  display: block !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  transform-style: preserve-3d !important;\r\n  transition: transform 650ms cubic-bezier(.22,.72,.25,1) !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-card.is-flipped .stc-inner {\r\n  transform: rotateY(180deg) !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-face {\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  padding: 12px !important;\r\n  overflow: hidden !important;\r\n  border: 1px solid rgba(0, 38, 89, 0.07) !important;\r\n  border-radius: 18px !important;\r\n  backface-visibility: hidden !important;\r\n  -webkit-backface-visibility: hidden !important;\r\n  box-shadow: 0 4px 14px rgba(0, 38, 89, 0.05) !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-front {\r\n  background: #f2f6ff !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-back {\r\n  background: #002659 !important;\r\n  color: #ffffff !important;\r\n  transform: rotateY(180deg) !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-icon {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  width: 48px !important;\r\n  height: 48px !important;\r\n  margin: 0 0 8px !important;\r\n  border-radius: 50% !important;\r\n  background: #e5edff !important;\r\n  color: #002659 !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-icon svg {\r\n  display: block !important;\r\n  width: 25px !important;\r\n  height: 25px !important;\r\n  stroke: currentColor !important;\r\n  stroke-width: 1.8 !important;\r\n  stroke-linecap: round !important;\r\n  stroke-linejoin: round !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-title {\r\n  display: block !important;\r\n  margin: 0 !important;\r\n  color: #002659 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 13px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.45 !important;\r\n  text-align: center !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-hint {\r\n  display: block !important;\r\n  margin: 4px 0 0 !important;\r\n  color: #77849a !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 9.5px !important;\r\n  font-weight: 500 !important;\r\n  line-height: 1.3 !important;\r\n  text-align: center !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-back-title {\r\n  display: block !important;\r\n  margin: 0 0 5px !important;\r\n  color: #ffffff !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 12px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.4 !important;\r\n  text-align: center !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-description {\r\n  display: block !important;\r\n  margin: 0 !important;\r\n  color: rgba(255, 255, 255, 0.90) !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 10px !important;\r\n  font-weight: 400 !important;\r\n  line-height: 1.65 !important;\r\n  text-align: center !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-return {\r\n  display: block !important;\r\n  margin: 6px 0 0 !important;\r\n  color: #d9c28d !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 8.5px !important;\r\n  font-weight: 600 !important;\r\n  line-height: 1.3 !important;\r\n  text-align: center !important;\r\n}\r\n\r\n@media (min-width: 600px) {\r\n  #safa7atTrustCards {\r\n    width: calc(100% - 20px) !important;\r\n    margin: 12px auto 16px !important;\r\n  }\r\n\r\n  #safa7atTrustCards .stc-grid {\r\n    gap: 14px !important;\r\n  }\r\n\r\n  #safa7atTrustCards .stc-card {\r\n    height: 150px !important;\r\n  }\r\n\r\n  #safa7atTrustCards .stc-title {\r\n    font-size: 15px !important;\r\n  }\r\n\r\n  #safa7atTrustCards .stc-description {\r\n    font-size: 11.5px !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  #safa7atTrustCards {\r\n    width: min(1380px, calc(100% - 32px)) !important;\r\n    margin: 14px auto 20px !important;\r\n  }\r\n\r\n  #safa7atTrustCards .stc-grid {\r\n    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n    gap: 16px !important;\r\n  }\r\n\r\n  #safa7atTrustCards .stc-card {\r\n    height: 158px !important;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #safa7atTrustCards .stc-inner {\r\n    transition: none !important;\r\n  }\r\n}\r\n\r\n\/* ===== \u062a\u062d\u0633\u064a\u0646\u0627\u062a Safa7at Design System ===== *\/\r\n#safa7atTrustCards {\r\n  --stc-primary: #002659;\r\n  --stc-gold: #B4975A;\r\n  --stc-white: #FFFFFF;\r\n  --stc-bg: #F8FAFC;\r\n  --stc-text: #1E293B;\r\n  --stc-muted: #64748B;\r\n  --stc-radius: 20px;\r\n  --stc-shadow-small: 0 6px 18px rgba(0, 38, 89, 0.08);\r\n  --stc-shadow-medium: 0 12px 30px rgba(0, 38, 89, 0.13);\r\n\r\n  width: calc(100% - 12px) !important;\r\n  margin: 12px auto 18px !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-grid {\r\n  gap: 12px !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-card {\r\n  height: 136px !important;\r\n  border-radius: var(--stc-radius) !important;\r\n  transition:\r\n    transform 180ms ease,\r\n    filter 180ms ease !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-card:hover {\r\n  transform: translateY(-3px) !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-card:active {\r\n  transform: translateY(-1px) scale(.995) !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-card:focus-visible {\r\n  border-radius: var(--stc-radius) !important;\r\n  outline: 2px solid var(--stc-gold) !important;\r\n  outline-offset: 3px !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-inner {\r\n  transition: transform 560ms cubic-bezier(.22,.72,.25,1) !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-face {\r\n  padding: 16px !important;\r\n  border: 1px solid rgba(0, 38, 89, 0.08) !important;\r\n  border-radius: var(--stc-radius) !important;\r\n  box-shadow: var(--stc-shadow-small) !important;\r\n  transition:\r\n    box-shadow 180ms ease,\r\n    border-color 180ms ease !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-card:hover .stc-face {\r\n  border-color: rgba(0, 38, 89, 0.13) !important;\r\n  box-shadow: var(--stc-shadow-medium) !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-front {\r\n  background: var(--stc-bg) !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-back {\r\n  background:\r\n    linear-gradient(145deg, #002659 0%, #003875 100%) !important;\r\n  color: var(--stc-white) !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-icon {\r\n  width: 52px !important;\r\n  height: 52px !important;\r\n  margin-bottom: 10px !important;\r\n  border: 1px solid rgba(0, 38, 89, 0.07) !important;\r\n  background: #EEF3FB !important;\r\n  color: var(--stc-primary) !important;\r\n  box-shadow: inset 0 0 0 1px rgba(255,255,255,.6) !important;\r\n  transition:\r\n    transform 180ms ease,\r\n    background-color 180ms ease !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-card:hover .stc-icon {\r\n  transform: scale(1.045) !important;\r\n  background: #E7EEF9 !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-icon svg {\r\n  width: 27px !important;\r\n  height: 27px !important;\r\n  stroke-width: 1.8 !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-title {\r\n  color: var(--stc-primary) !important;\r\n  font-size: 13.5px !important;\r\n  line-height: 1.5 !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-back-title {\r\n  margin-bottom: 7px !important;\r\n  color: var(--stc-white) !important;\r\n  font-size: 12.5px !important;\r\n  line-height: 1.45 !important;\r\n}\r\n\r\n#safa7atTrustCards .stc-description {\r\n  max-width: 260px !important;\r\n  color: rgba(255,255,255,.91) !important;\r\n  font-size: 9.8px !important;\r\n  line-height: 1.75 !important;\r\n}\r\n\r\n@media (min-width: 600px) {\r\n  #safa7atTrustCards {\r\n    width: calc(100% - 20px) !important;\r\n    margin: 16px auto 22px !important;\r\n  }\r\n\r\n  #safa7atTrustCards .stc-grid {\r\n    gap: 16px !important;\r\n  }\r\n\r\n  #safa7atTrustCards .stc-card {\r\n    height: 156px !important;\r\n  }\r\n\r\n  #safa7atTrustCards .stc-face {\r\n    padding: 20px !important;\r\n  }\r\n\r\n  #safa7atTrustCards .stc-icon {\r\n    width: 58px !important;\r\n    height: 58px !important;\r\n    margin-bottom: 12px !important;\r\n  }\r\n\r\n  #safa7atTrustCards .stc-icon svg {\r\n    width: 29px !important;\r\n    height: 29px !important;\r\n  }\r\n\r\n  #safa7atTrustCards .stc-title {\r\n    font-size: 15px !important;\r\n  }\r\n\r\n  #safa7atTrustCards .stc-back-title {\r\n    font-size: 14px !important;\r\n  }\r\n\r\n  #safa7atTrustCards .stc-description {\r\n    font-size: 11.2px !important;\r\n    line-height: 1.8 !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  #safa7atTrustCards {\r\n    width: min(1360px, calc(100% - 56px)) !important;\r\n    margin: 18px auto 24px !important;\r\n  }\r\n\r\n  #safa7atTrustCards .stc-grid {\r\n    gap: 18px !important;\r\n  }\r\n\r\n  #safa7atTrustCards .stc-card {\r\n    height: 168px !important;\r\n  }\r\n\r\n  #safa7atTrustCards .stc-face {\r\n    padding: 22px !important;\r\n  }\r\n\r\n  #safa7atTrustCards .stc-title {\r\n    font-size: 16px !important;\r\n  }\r\n\r\n  #safa7atTrustCards .stc-description {\r\n    max-width: 285px !important;\r\n    font-size: 11.5px !important;\r\n  }\r\n}\r\n\r\n@media (hover: none) {\r\n  #safa7atTrustCards .stc-card:hover {\r\n    transform: none !important;\r\n  }\r\n\r\n  #safa7atTrustCards .stc-card:hover .stc-face {\r\n    border-color: rgba(0, 38, 89, 0.08) !important;\r\n    box-shadow: var(--stc-shadow-small) !important;\r\n  }\r\n\r\n  #safa7atTrustCards .stc-card:hover .stc-icon {\r\n    transform: none !important;\r\n    background: #EEF3FB !important;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n  const section = document.getElementById(\"safa7atTrustCards\");\r\n\r\n  if (!section || section.dataset.stcReady === \"true\") {\r\n    return;\r\n  }\r\n\r\n  section.dataset.stcReady = \"true\";\r\n\r\n  const cards = Array.from(section.querySelectorAll(\".stc-card\"));\r\n  const timers = new WeakMap();\r\n  const autoReturnDelay = 5000;\r\n\r\n  function clearCardTimer(card) {\r\n    const timer = timers.get(card);\r\n\r\n    if (timer) {\r\n      window.clearTimeout(timer);\r\n      timers.delete(card);\r\n    }\r\n  }\r\n\r\n  function closeCard(card) {\r\n    clearCardTimer(card);\r\n    card.classList.remove(\"is-flipped\");\r\n    card.setAttribute(\"aria-expanded\", \"false\");\r\n  }\r\n\r\n  function closeOtherCards(activeCard) {\r\n    cards.forEach((card) => {\r\n      if (card !== activeCard) {\r\n        closeCard(card);\r\n      }\r\n    });\r\n  }\r\n\r\n  function openCard(card) {\r\n    closeOtherCards(card);\r\n    clearCardTimer(card);\r\n\r\n    card.classList.add(\"is-flipped\");\r\n    card.setAttribute(\"aria-expanded\", \"true\");\r\n\r\n    const timer = window.setTimeout(() => {\r\n      closeCard(card);\r\n    }, autoReturnDelay);\r\n\r\n    timers.set(card, timer);\r\n  }\r\n\r\n  function toggleCard(card) {\r\n    if (card.classList.contains(\"is-flipped\")) {\r\n      closeCard(card);\r\n    } else {\r\n      openCard(card);\r\n    }\r\n  }\r\n\r\n  cards.forEach((card) => {\r\n    card.addEventListener(\"click\", () => {\r\n      toggleCard(card);\r\n    });\r\n  });\r\n\r\n  document.addEventListener(\"visibilitychange\", () => {\r\n    if (document.hidden) {\r\n      cards.forEach(closeCard);\r\n    }\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be91bfc elementor-widget elementor-widget-html\" data-id=\"be91bfc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0637\u0644\u0628 \u2014 \u0645\u0648\u062d\u062f \u0645\u0639 \u0647\u0648\u064a\u0629 \u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u062b\u0642\u0629 \u0627\u0644\u0641\u0627\u062a\u062d\u0629 ===== -->\r\n<section id=\"safa7atOrderFlow\" dir=\"rtl\" aria-labelledby=\"sofTitle\">\r\n  <div class=\"sof-shell\">\r\n\r\n    <div class=\"sof-head\">\r\n      <span class=\"sof-kicker\">\u0645\u0646 \u0627\u0644\u0637\u0644\u0628 \u0625\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645<\/span>\r\n      <h2 id=\"sofTitle\">\u0631\u062d\u0644\u0629 \u0637\u0644\u0628\u0643 \u0641\u064a \u062e\u0645\u0633 \u062e\u0637\u0648\u0627\u062a<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"sof-scroll\">\r\n      <div class=\"sof-flow\" role=\"list\">\r\n\r\n        <article class=\"sof-step\" role=\"listitem\">\r\n          <span class=\"sof-dot\" aria-hidden=\"true\"><\/span>\r\n          <h3>\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0637\u0644\u0628<\/h3>\r\n          <p>\u0627\u062e\u062a\u0631 \u0643\u062a\u0628\u0643 \u0648\u0623\u0631\u0633\u0644 \u0627\u0644\u0637\u0644\u0628.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"sof-step\" role=\"listitem\">\r\n          <span class=\"sof-dot\" aria-hidden=\"true\"><\/span>\r\n          <h3>\u0627\u0644\u062a\u0623\u0643\u064a\u062f<\/h3>\r\n          <p>\u0646\u0631\u0627\u062c\u0639 \u062a\u0641\u0627\u0635\u064a\u0644 \u0637\u0644\u0628\u0643 \u0645\u0639\u0643.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"sof-step\" role=\"listitem\">\r\n          <span class=\"sof-dot\" aria-hidden=\"true\"><\/span>\r\n          <h3>\u0627\u0644\u062a\u062c\u0647\u064a\u0632<\/h3>\r\n          <p>\u0646\u062c\u0647\u0651\u0632 \u0643\u062a\u0628\u0643 \u0628\u0639\u0646\u0627\u064a\u0629.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"sof-step\" role=\"listitem\">\r\n          <span class=\"sof-dot\" aria-hidden=\"true\"><\/span>\r\n          <h3>\u0627\u0644\u0625\u0631\u0633\u0627\u0644<\/h3>\r\n          <p>\u064a\u0646\u0637\u0644\u0642 \u0627\u0644\u0637\u0631\u062f \u0625\u0644\u0649 \u0648\u0644\u0627\u064a\u062a\u0643.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"sof-step\" role=\"listitem\">\r\n          <span class=\"sof-dot\" aria-hidden=\"true\"><\/span>\r\n          <h3>\u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645<\/h3>\r\n          <p>\u062a\u0633\u062a\u0644\u0645 \u0637\u0644\u0628\u0643 \u0648\u062a\u0628\u062f\u0623 \u0627\u0644\u0642\u0631\u0627\u0621\u0629.<\/p>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800&display=swap');\r\n\r\n#safa7atOrderFlow,\r\n#safa7atOrderFlow * {\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n#safa7atOrderFlow {\r\n  width: calc(100% - 12px) !important;\r\n  max-width: 1360px !important;\r\n  margin: 12px auto 18px !important;\r\n  direction: rtl !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n}\r\n\r\n\/* \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629: \u062e\u0644\u0641\u064a\u0629 \u0641\u0627\u062a\u062d\u0629 \u0648\u0645\u0638\u062d\u0631\u0629 \u0628\u0646\u0641\u0633 \u0646\u0645\u0637 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a *\/\r\n#safa7atOrderFlow .sof-shell {\r\n  padding: 20px 22px !important;\r\n  border: 1px solid rgba(0, 38, 89, 0.08) !important;\r\n  border-radius: 20px !important;\r\n  background: #F8FAFC !important;\r\n  box-shadow: 0 6px 18px rgba(0, 38, 89, 0.08) !important;\r\n}\r\n\r\n#safa7atOrderFlow .sof-head {\r\n  margin-bottom: 16px !important;\r\n  text-align: right !important;\r\n}\r\n\r\n\/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0641\u0631\u0639\u064a \u0628\u0627\u0644\u0630\u0647\u0628\u064a *\/\r\n#safa7atOrderFlow .sof-kicker {\r\n  display: block !important;\r\n  margin-bottom: 4px !important;\r\n  color: #B4975A !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 11px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.35 !important;\r\n}\r\n\r\n\/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0628\u0627\u0644\u0643\u062d\u0644\u064a \u0627\u0644\u062f\u0627\u0643\u0646 *\/\r\n#safa7atOrderFlow .sof-head h2 {\r\n  margin: 0 !important;\r\n  color: #002659 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 18px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.45 !important;\r\n}\r\n\r\n#safa7atOrderFlow .sof-scroll {\r\n  overflow-x: auto !important;\r\n  overflow-y: hidden !important;\r\n  padding: 6px 2px !important;\r\n  scrollbar-width: none !important;\r\n  -webkit-overflow-scrolling: touch !important;\r\n}\r\n\r\n#safa7atOrderFlow .sof-scroll::-webkit-scrollbar {\r\n  display: none !important;\r\n}\r\n\r\n#safa7atOrderFlow .sof-flow {\r\n  position: relative !important;\r\n  display: grid !important;\r\n  grid-template-columns: repeat(5, minmax(130px, 1fr)) !important;\r\n  min-width: 660px !important;\r\n  padding-top: 4px !important;\r\n}\r\n\r\n\/* \u0634\u0631\u064a\u0637 \u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u0627\u0644\u0623\u0641\u0642\u064a \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0643\u062d\u0644\u064a \u0627\u0644\u062e\u0641\u064a\u0641 *\/\r\n#safa7atOrderFlow .sof-flow::before {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  z-index: 0 !important;\r\n  top: 11px !important;\r\n  right: 10% !important;\r\n  left: 10% !important;\r\n  height: 2px !important;\r\n  border-radius: 999px !important;\r\n  background: rgba(0, 38, 89, 0.15) !important;\r\n}\r\n\r\n#safa7atOrderFlow .sof-step {\r\n  position: relative !important;\r\n  z-index: 1 !important;\r\n  min-width: 0 !important;\r\n  padding: 0 8px !important;\r\n  text-align: center !important;\r\n}\r\n\r\n\/* \u0646\u0642\u0637\u0629 \u0627\u0644\u0645\u0631\u062d\u0644\u0629: \u062f\u0627\u0626\u0631\u0629 \u0641\u0627\u062a\u062d\u0629 \u0628\u0642\u0644\u0628 \u0643\u062d\u0644\u064a \u0648\u062d\u0644\u0642\u0629 \u0630\u0647\u0628\u064a\u0629 *\/\r\n#safa7atOrderFlow .sof-dot {\r\n  display: block !important;\r\n  width: 16px !important;\r\n  height: 16px !important;\r\n  margin: 1px auto 10px !important;\r\n  border: 3px solid #F8FAFC !important;\r\n  border-radius: 50% !important;\r\n  background: #002659 !important;\r\n  box-shadow: 0 0 0 2px #B4975A !important;\r\n  transition: transform 180ms ease, background-color 180ms ease !important;\r\n}\r\n\r\n\/* \u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u062a\u062a\u062d\u0648\u0644 \u0627\u0644\u0646\u0642\u0637\u0629 \u0644\u0644\u0630\u0647\u0628\u064a \u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n#safa7atOrderFlow .sof-step:hover .sof-dot {\r\n  transform: scale(1.2) !important;\r\n  background: #B4975A !important;\r\n  box-shadow: 0 0 0 2px #002659 !important;\r\n}\r\n\r\n\/* \u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0628\u0627\u0644\u0623\u0632\u0631\u0642 \u0627\u0644\u0643\u062d\u0644\u064a *\/\r\n#safa7atOrderFlow .sof-step h3 {\r\n  margin: 0 0 4px !important;\r\n  color: #002659 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 13.5px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.45 !important;\r\n}\r\n\r\n\/* \u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u0648\u0635\u0641\u064a\u0629 \u0628\u0627\u0644\u0631\u0645\u0627\u062f\u064a \u0627\u0644\u062f\u0627\u0643\u0646 \u0627\u0644\u0645\u0648\u062d\u062f *\/\r\n#safa7atOrderFlow .sof-step p {\r\n  max-width: 130px !important;\r\n  margin: 0 auto !important;\r\n  color: #64748B !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 10px !important;\r\n  font-weight: 500 !important;\r\n  line-height: 1.65 !important;\r\n}\r\n\r\n@media (min-width: 700px) {\r\n  #safa7atOrderFlow {\r\n    width: calc(100% - 20px) !important;\r\n    margin: 16px auto 22px !important;\r\n  }\r\n\r\n  #safa7atOrderFlow .sof-shell {\r\n    padding: 24px 28px !important;\r\n  }\r\n\r\n  #safa7atOrderFlow .sof-head h2 {\r\n    font-size: 20px !important;\r\n  }\r\n\r\n  #safa7atOrderFlow .sof-flow {\r\n    min-width: 0 !important;\r\n  }\r\n\r\n  #safa7atOrderFlow .sof-step h3 {\r\n    font-size: 15px !important;\r\n  }\r\n\r\n  #safa7atOrderFlow .sof-step p {\r\n    font-size: 11.2px !important;\r\n  }\r\n}\r\n\r\n@media (hover: none) {\r\n  #safa7atOrderFlow .sof-step:hover .sof-dot {\r\n    transform: none !important;\r\n    background: #002659 !important;\r\n    box-shadow: 0 0 0 2px #B4975A !important;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #safa7atOrderFlow .sof-dot {\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4926ca0 elementor-widget elementor-widget-html\" data-id=\"4926ca0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== \u0627\u0644\u062a\u0635\u0646\u064a\u0641\u0627\u062a \u2014 \u0645\u062f\u0645\u062c \u0641\u064a \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 ===== -->\r\n<!-- \u0642\u0633\u0645 \u062a\u0635\u0641\u062d \u0627\u0644\u062a\u0635\u0646\u064a\u0641\u0627\u062a \u0644\u0645\u0643\u062a\u0628\u0629 \u0635\u0641\u062d\u0627\u062a\r\n     \u0627\u0644\u0635\u0642 \u0627\u0644\u0643\u0648\u062f \u0643\u0627\u0645\u0644\u064b\u0627 \u062f\u0627\u062e\u0644 \u0639\u0646\u0635\u0631 HTML \u0648\u0627\u062d\u062f \u0641\u064a WordPress -->\r\n<section id=\"safa7atCategories\" dir=\"rtl\" aria-labelledby=\"safa7atCategoriesTitle\">\r\n\r\n  <div class=\"sc-shell\">\r\n    <div class=\"sc-head\">\r\n      <h2 id=\"safa7atCategoriesTitle\">\u062a\u0635\u0641\u062d \u0627\u0644\u062a\u0635\u0646\u064a\u0641\u0627\u062a<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"sc-track\" role=\"list\" aria-label=\"\u062a\u0635\u0646\u064a\u0641\u0627\u062a \u0627\u0644\u0643\u062a\u0628\">\r\n\r\n      <a class=\"sc-item\" href=\"https:\/\/www.safa7at.com\/product-category\/quran-karim\/\" role=\"listitem\">\r\n        <span class=\"sc-image-wrap\">\r\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-8-%D9%85%D8%A7%D8%B1%D8%B3-2026%D8%8C-11_53_30-%D9%85.png?ssl=1\" alt=\"\u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645\" loading=\"lazy\">\r\n        <\/span>\r\n        <span class=\"sc-name\">\u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"sc-item\" href=\"https:\/\/www.safa7at.com\/product-category\/motanwe3\/\" role=\"listitem\">\r\n        <span class=\"sc-image-wrap\">\r\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-8-%D9%85%D8%A7%D8%B1%D8%B3-2026%D8%8C-11_46_26-%D9%85.png?ssl=1\" alt=\"\u0645\u062a\u0646\u0648\u0639\" loading=\"lazy\">\r\n        <\/span>\r\n        <span class=\"sc-name\">\u0645\u062a\u0646\u0648\u0639<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"sc-item\" href=\"https:\/\/www.safa7at.com\/product-category\/tarikh\/\" role=\"listitem\">\r\n        <span class=\"sc-image-wrap\">\r\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2024\/12\/%D8%AA%D8%A7%D8%B1%D9%8A%D8%AE.jpeg?ssl=1\" alt=\"\u062a\u0627\u0631\u064a\u062e\" loading=\"lazy\">\r\n        <\/span>\r\n        <span class=\"sc-name\">\u062a\u0627\u0631\u064a\u062e<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"sc-item\" href=\"https:\/\/www.safa7at.com\/product-category\/dini\/\" role=\"listitem\">\r\n        <span class=\"sc-image-wrap\">\r\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2024\/12\/%D8%AF%D9%8A%D9%86%D9%8A.jpeg?ssl=1\" alt=\"\u062f\u064a\u0646\u064a\" loading=\"lazy\">\r\n        <\/span>\r\n        <span class=\"sc-name\">\u062f\u064a\u0646\u064a<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"sc-item\" href=\"https:\/\/www.safa7at.com\/product-category\/tanmya-bacharia\/\" role=\"listitem\">\r\n        <span class=\"sc-image-wrap\">\r\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2024\/12\/%D8%AA%D9%86%D9%85%D9%8A%D8%A9-%D8%A8%D8%B4%D8%B1%D9%8A%D8%A9.jpeg?ssl=1\" alt=\"\u062a\u0646\u0645\u064a\u0629 \u0628\u0634\u0631\u064a\u0629\" loading=\"lazy\">\r\n        <\/span>\r\n        <span class=\"sc-name\">\u062a\u0646\u0645\u064a\u0629 \u0628\u0634\u0631\u064a\u0629<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"sc-item\" href=\"https:\/\/www.safa7at.com\/product-category\/tanmya-bacharia\/al-thaqafa-al-nafsya\/\" role=\"listitem\">\r\n        <span class=\"sc-image-wrap\">\r\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2024\/12\/%D8%A7%D9%84%D8%AB%D9%82%D8%A7%D9%81%D8%A9-%D8%A7%D9%84%D9%86%D9%81%D8%B3%D9%8A%D8%A9.jpeg?ssl=1\" alt=\"\u0627\u0644\u062b\u0642\u0627\u0641\u0629 \u0627\u0644\u0646\u0641\u0633\u064a\u0629\" loading=\"lazy\">\r\n        <\/span>\r\n        <span class=\"sc-name\">\u0627\u0644\u062b\u0642\u0627\u0641\u0629 \u0627\u0644\u0646\u0641\u0633\u064a\u0629<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"sc-item\" href=\"https:\/\/www.safa7at.com\/product-category\/tanmya-bacharia\/alqat-wa-tarbya\/\" role=\"listitem\">\r\n        <span class=\"sc-image-wrap\">\r\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2024\/12\/%D8%A7%D9%84%D8%B9%D9%84%D8%A7%D9%82%D8%A7%D8%AA-%D9%88%D8%A7%D9%84%D8%AA%D8%B1%D8%A8%D9%8A%D8%A9.jpeg?ssl=1\" alt=\"\u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0648\u0627\u0644\u062a\u0631\u0628\u064a\u0629\" loading=\"lazy\">\r\n        <\/span>\r\n        <span class=\"sc-name\">\u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0648\u0627\u0644\u062a\u0631\u0628\u064a\u0629<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"sc-item\" href=\"https:\/\/www.safa7at.com\/product-category\/tanmya-bacharia\/mal-wa-aamal\/\" role=\"listitem\">\r\n        <span class=\"sc-image-wrap\">\r\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2024\/12\/%D9%85%D8%A7%D9%84-%D9%88%D8%A3%D8%B9%D9%85%D8%A7%D9%84.jpeg?ssl=1\" alt=\"\u0645\u0627\u0644 \u0648\u0623\u0639\u0645\u0627\u0644\" loading=\"lazy\">\r\n        <\/span>\r\n        <span class=\"sc-name\">\u0645\u0627\u0644 \u0648\u0623\u0639\u0645\u0627\u0644<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"sc-item\" href=\"https:\/\/www.safa7at.com\/product-category\/rwayat\/\" role=\"listitem\">\r\n        <span class=\"sc-image-wrap\">\r\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-8-%D9%85%D8%A7%D8%B1%D8%B3-2026%D8%8C-11_50_00-%D9%85.png?ssl=1\" alt=\"\u0631\u0648\u0627\u064a\u0627\u062a\" loading=\"lazy\">\r\n        <\/span>\r\n        <span class=\"sc-name\">\u0631\u0648\u0627\u064a\u0627\u062a<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"sc-item\" href=\"https:\/\/www.safa7at.com\/product-category\/adham-sharqawi\/\" role=\"listitem\">\r\n        <span class=\"sc-image-wrap\">\r\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-9-%D9%85%D8%A7%D8%B1%D8%B3-2026%D8%8C-12_27_14-%D8%B5.png?ssl=1\" alt=\"\u0623\u062f\u0647\u0645 \u0634\u0631\u0642\u0627\u0648\u064a\" loading=\"lazy\">\r\n        <\/span>\r\n        <span class=\"sc-name\">\u0623\u062f\u0647\u0645 \u0634\u0631\u0642\u0627\u0648\u064a<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800&display=swap');\r\n\r\n#safa7atCategories,\r\n#safa7atCategories * {\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n#safa7atCategories {\r\n  width: calc(100% + 20px) !important;\r\n  max-width: none !important;\r\n  margin: 12px -10px 12px !important;\r\n  padding: 0 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  direction: rtl !important;\r\n}\r\n\r\n#safa7atCategories .sc-shell {\r\n  width: 100% !important;\r\n  padding: 18px 0 14px !important;\r\n  overflow: hidden !important;\r\n  border: 1px solid rgba(0, 38, 89, 0.08) !important;\r\n  border-radius: 22px !important;\r\n  background: #ffffff !important;\r\n  box-shadow: 0 5px 18px rgba(0, 38, 89, 0.05) !important;\r\n}\r\n\r\n#safa7atCategories .sc-head {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: flex-start !important;\r\n  width: 100% !important;\r\n  margin: 0 0 13px !important;\r\n  padding: 0 18px !important;\r\n}\r\n\r\n#safa7atCategories .sc-head h2 {\r\n  margin: 0 !important;\r\n  color: #002659 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 22px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.35 !important;\r\n  text-align: right !important;\r\n}\r\n\r\n#safa7atCategories .sc-track {\r\n  display: flex !important;\r\n  flex-direction: row !important;\r\n  gap: 9px !important;\r\n  width: 100% !important;\r\n  margin: 0 !important;\r\n  padding: 0 18px 3px !important;\r\n  overflow-x: auto !important;\r\n  overflow-y: hidden !important;\r\n  scroll-snap-type: x proximity !important;\r\n  scroll-padding-inline: 18px !important;\r\n  overscroll-behavior-inline: contain !important;\r\n  scrollbar-width: none !important;\r\n  -ms-overflow-style: none !important;\r\n  -webkit-overflow-scrolling: touch !important;\r\n}\r\n\r\n#safa7atCategories .sc-track::-webkit-scrollbar {\r\n  display: none !important;\r\n}\r\n\r\n#safa7atCategories .sc-item {\r\n  flex: 0 0 76px !important;\r\n  min-width: 76px !important;\r\n  max-width: 76px !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  align-items: center !important;\r\n  gap: 7px !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  color: #5f6878 !important;\r\n  text-decoration: none !important;\r\n  scroll-snap-align: start !important;\r\n  -webkit-tap-highlight-color: transparent !important;\r\n  transition: transform 160ms ease, opacity 160ms ease !important;\r\n}\r\n\r\n#safa7atCategories .sc-item:active {\r\n  transform: scale(0.96) !important;\r\n}\r\n\r\n#safa7atCategories .sc-item:focus-visible {\r\n  outline: 3px solid rgba(0, 38, 89, 0.2) !important;\r\n  outline-offset: 3px !important;\r\n  border-radius: 16px !important;\r\n}\r\n\r\n#safa7atCategories .sc-image-wrap {\r\n  position: relative !important;\r\n  display: block !important;\r\n  width: 70px !important;\r\n  height: 70px !important;\r\n  padding: 4px !important;\r\n  overflow: hidden !important;\r\n  border: 1px solid rgba(0, 38, 89, 0.10) !important;\r\n  border-radius: 18px !important;\r\n  background: #f4f7fc !important;\r\n  box-shadow: 0 4px 12px rgba(0, 38, 89, 0.07) !important;\r\n}\r\n\r\n#safa7atCategories .sc-image-wrap img {\r\n  display: block !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n  border-radius: 14px !important;\r\n  object-fit: cover !important;\r\n  object-position: center !important;\r\n  transition: transform 240ms ease !important;\r\n}\r\n\r\n#safa7atCategories .sc-item:hover .sc-image-wrap img {\r\n  transform: scale(1.04) !important;\r\n}\r\n\r\n#safa7atCategories .sc-name {\r\n  display: -webkit-box !important;\r\n  width: 100% !important;\r\n  min-height: 31px !important;\r\n  margin: 0 !important;\r\n  overflow: hidden !important;\r\n  color: #606979 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 11.5px !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.4 !important;\r\n  text-align: center !important;\r\n  -webkit-line-clamp: 2 !important;\r\n  -webkit-box-orient: vertical !important;\r\n}\r\n\r\n@media (min-width: 600px) {\r\n  #safa7atCategories {\r\n    width: calc(100% - 20px) !important;\r\n    margin: 16px auto !important;\r\n  }\r\n\r\n  #safa7atCategories .sc-shell {\r\n    padding: 20px 0 16px !important;\r\n  }\r\n\r\n  #safa7atCategories .sc-head {\r\n    padding: 0 22px !important;\r\n  }\r\n\r\n  #safa7atCategories .sc-track {\r\n    gap: 12px !important;\r\n    padding-inline: 22px !important;\r\n  }\r\n\r\n  #safa7atCategories .sc-item {\r\n    flex-basis: 84px !important;\r\n    min-width: 84px !important;\r\n    max-width: 84px !important;\r\n  }\r\n\r\n  #safa7atCategories .sc-image-wrap {\r\n    width: 78px !important;\r\n    height: 78px !important;\r\n  }\r\n\r\n  #safa7atCategories .sc-name {\r\n    font-size: 12.5px !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  #safa7atCategories {\r\n    width: min(1380px, calc(100% - 32px)) !important;\r\n    margin: 18px auto !important;\r\n  }\r\n\r\n  #safa7atCategories .sc-track {\r\n    overflow-x: hidden !important;\r\n    justify-content: space-between !important;\r\n  }\r\n\r\n  #safa7atCategories .sc-item {\r\n    flex: 0 1 92px !important;\r\n    min-width: 80px !important;\r\n    max-width: 92px !important;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-09183cd elementor-widget elementor-widget-html\" data-id=\"09183cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== \u062c\u062f\u064a\u062f\u0646\u0627 \u2014 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a \u0648\u064a\u0633\u062a\u0648\u0631\u062f \u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627 ===== -->\r\n<section id=\"safa7atNewProducts\" dir=\"rtl\" aria-labelledby=\"safa7atNewProductsTitle\">\r\n  <div class=\"sn-shell\">\r\n    <div class=\"sn-head\">\r\n      <h2 id=\"safa7atNewProductsTitle\">\u062c\u062f\u064a\u062f\u0646\u0627<\/h2>\r\n      <a href=\"https:\/\/www.safa7at.com\/shop\/\">\u0639\u0631\u0636 \u0627\u0644\u0643\u0644 \u2039<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"sn-track\" id=\"safa7atNewProductsTrack\" aria-live=\"polite\">\r\n      <article class=\"sn-card sn-loading\" aria-hidden=\"true\"><\/article>\r\n      <article class=\"sn-card sn-loading\" aria-hidden=\"true\"><\/article>\r\n      <article class=\"sn-card sn-loading\" aria-hidden=\"true\"><\/article>\r\n      <article class=\"sn-card sn-loading\" aria-hidden=\"true\"><\/article>\r\n    <\/div>\r\n\r\n    <p class=\"sn-status\" id=\"safa7atNewProductsStatus\" hidden><\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&display=swap');\r\n\r\n#safa7atNewProducts,\r\n#safa7atNewProducts * {\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n#safa7atNewProducts {\r\n  width: calc(100% + 20px) !important;\r\n  margin: 14px -10px !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  direction: rtl !important;\r\n}\r\n\r\n#safa7atNewProducts .sn-shell {\r\n  padding: 18px 0 !important;\r\n  overflow: hidden !important;\r\n  border: 1px solid rgba(0, 38, 89, 0.08) !important;\r\n  border-radius: 22px !important;\r\n  background: #ffffff !important;\r\n  box-shadow: 0 5px 18px rgba(0, 38, 89, 0.05) !important;\r\n}\r\n\r\n#safa7atNewProducts .sn-head {\r\n  display: flex !important;\r\n  justify-content: space-between !important;\r\n  align-items: center !important;\r\n  padding: 0 18px !important;\r\n  margin-bottom: 14px !important;\r\n}\r\n\r\n#safa7atNewProducts .sn-head h2 {\r\n  margin: 0 !important;\r\n  color: #002659 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 24px !important;\r\n  font-weight: 800 !important;\r\n}\r\n\r\n#safa7atNewProducts .sn-head a {\r\n  color: #697383 !important;\r\n  text-decoration: none !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 13px !important;\r\n  font-weight: 700 !important;\r\n}\r\n\r\n#safa7atNewProducts .sn-track {\r\n  display: flex !important;\r\n  gap: 10px !important;\r\n  overflow-x: auto !important;\r\n  overflow-y: hidden !important;\r\n  padding: 0 18px 4px !important;\r\n  scroll-snap-type: x mandatory !important;\r\n  scrollbar-width: none !important;\r\n  -ms-overflow-style: none !important;\r\n  -webkit-overflow-scrolling: touch !important;\r\n}\r\n\r\n#safa7atNewProducts .sn-track::-webkit-scrollbar {\r\n  display: none !important;\r\n}\r\n\r\n#safa7atNewProducts .sn-card {\r\n  flex: 0 0 calc((100% - 10px) \/ 2) !important;\r\n  min-width: 0 !important;\r\n  overflow: hidden !important;\r\n  border: 1px solid rgba(0, 38, 89, 0.10) !important;\r\n  border-radius: 16px !important;\r\n  background: #ffffff !important;\r\n  box-shadow: 0 3px 12px rgba(0, 38, 89, 0.06) !important;\r\n  scroll-snap-align: start !important;\r\n}\r\n\r\n#safa7atNewProducts .sn-img {\r\n  display: block !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n#safa7atNewProducts .sn-img > span {\r\n  position: relative !important;\r\n  display: block !important;\r\n  aspect-ratio: 1 \/ 1 !important;\r\n  overflow: hidden !important;\r\n  background: #f4f6f9 !important;\r\n}\r\n\r\n#safa7atNewProducts .sn-img img {\r\n  display: block !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  object-fit: cover !important;\r\n}\r\n\r\n#safa7atNewProducts .sn-badge {\r\n  position: absolute !important;\r\n  top: 8px !important;\r\n  right: 8px !important;\r\n  padding: 4px 7px !important;\r\n  border-radius: 8px !important;\r\n  background: #002659 !important;\r\n  color: #ffffff !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 9px !important;\r\n  font-weight: 700 !important;\r\n}\r\n\r\n#safa7atNewProducts .sn-body {\r\n  padding: 10px !important;\r\n}\r\n\r\n\/* \u062a\u0639\u062f\u064a\u0644 \u0627\u0633\u0645 \u0627\u0644\u0645\u0646\u062a\u062c \u0644\u064a\u0643\u0648\u0646 \u0641\u064a \u0633\u0637\u0631 \u0648\u0627\u062d\u062f \u0641\u0642\u0637 \u0648\u062a\u0646\u0642\u064a\u0635 \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 *\/\r\n#safa7atNewProducts .sn-name {\r\n  display: block !important;\r\n  white-space: nowrap !important;\r\n  overflow: hidden !important;\r\n  text-overflow: ellipsis !important;\r\n  min-height: unset !important;\r\n  color: #002659 !important;\r\n  text-decoration: none !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 12px !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.4 !important;\r\n}\r\n\r\n#safa7atNewProducts strong {\r\n  display: block !important;\r\n  margin: 6px 0 8px !important;\r\n  color: #002659 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 17px !important;\r\n  font-weight: 800 !important;\r\n}\r\n\r\n\/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0632\u0631 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a *\/\r\n#safa7atNewProducts .sn-btn {\r\n  display: flex !important;\r\n  justify-content: center !important;\r\n  align-items: center !important;\r\n  min-height: 36px !important;\r\n  border: 1px solid rgba(0, 38, 89, 0.16) !important;\r\n  border-radius: 11px !important;\r\n  color: #002659 !important;\r\n  background-color: transparent !important;\r\n  text-decoration: none !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 12px !important;\r\n  font-weight: 700 !important;\r\n  transition: all 0.2s ease-in-out !important;\r\n}\r\n\r\n\/* \u062a\u0639\u062f\u064a\u0644 \u0633\u0644\u0648\u0643 \u0627\u0644\u0632\u0631 \u0639\u0646\u062f \u062a\u0645\u0631\u064a\u0631 \u0627\u0644\u0645\u0624\u0634\u0631 \u0623\u0648 \u0627\u0644\u0636\u063a\u0637 *\/\r\n#safa7atNewProducts .sn-btn:hover,\r\n#safa7atNewProducts .sn-btn:active,\r\n#safa7atNewProducts .sn-btn:focus {\r\n  background-color: #002659 !important;\r\n  color: #ffffff !important;\r\n  border-color: #002659 !important;\r\n}\r\n\r\n#safa7atNewProducts .sn-card:active {\r\n  transform: scale(0.985) !important;\r\n}\r\n\r\n#safa7atNewProducts .sn-loading {\r\n  min-height: 250px !important;\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #f3f5f8 25%,\r\n      #fafbfc 37%,\r\n      #f3f5f8 63%\r\n    ) !important;\r\n  background-size: 400% 100% !important;\r\n  animation: snLoading 1.25s ease-in-out infinite !important;\r\n}\r\n\r\n#safa7atNewProducts .sn-status {\r\n  margin: 12px 18px 0 !important;\r\n  color: #697383 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 12px !important;\r\n  font-weight: 600 !important;\r\n  text-align: center !important;\r\n}\r\n\r\n@keyframes snLoading {\r\n  0% { background-position: 100% 0; }\r\n  100% { background-position: 0 0; }\r\n}\r\n\r\n@media (min-width: 600px) {\r\n  #safa7atNewProducts {\r\n    width: calc(100% - 20px) !important;\r\n    margin: 16px auto !important;\r\n  }\r\n\r\n  #safa7atNewProducts .sn-card {\r\n    flex-basis: calc((100% - 24px) \/ 3) !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  #safa7atNewProducts {\r\n    width: min(1380px, calc(100% - 32px)) !important;\r\n  }\r\n\r\n  #safa7atNewProducts .sn-card {\r\n    flex-basis: calc((100% - 42px) \/ 4) !important;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #safa7atNewProducts .sn-loading {\r\n    animation: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n  const section = document.getElementById(\"safa7atNewProducts\");\r\n  const track = document.getElementById(\"safa7atNewProductsTrack\");\r\n  const status = document.getElementById(\"safa7atNewProductsStatus\");\r\n\r\n  if (!section || !track || section.dataset.snReady === \"true\") {\r\n    return;\r\n  }\r\n\r\n  section.dataset.snReady = \"true\";\r\n\r\n  const endpoint =\r\n    \"\/wp-json\/wc\/store\/v1\/products?orderby=date&order=desc&per_page=8&status=publish\";\r\n\r\n  function escapeHTML(value = \"\") {\r\n    return String(value).replace(\/[&<>\"']\/g, (character) => {\r\n      const entities = {\r\n        \"&\": \"&amp;\",\r\n        \"<\": \"&lt;\",\r\n        \">\": \"&gt;\",\r\n        '\"': \"&quot;\",\r\n        \"'\": \"&#039;\"\r\n      };\r\n\r\n      return entities[character];\r\n    });\r\n  }\r\n\r\n  function formatPrice(product) {\r\n    const prices = product && product.prices ? product.prices : {};\r\n    const rawPrice = prices.price || \"0\";\r\n    const minorUnit = Number(prices.currency_minor_unit || 0);\r\n    const divisor = Math.pow(10, minorUnit);\r\n    const numericPrice = Number(rawPrice) \/ divisor;\r\n\r\n    const formattedNumber = new Intl.NumberFormat(\"ar-DZ\", {\r\n      maximumFractionDigits: minorUnit\r\n    }).format(numericPrice);\r\n\r\n    const suffix =\r\n      prices.currency_code === \"DZD\" || !prices.currency_code\r\n        ? \"\u062f.\u062c\"\r\n        : escapeHTML(prices.currency_code);\r\n\r\n    return `${formattedNumber} ${suffix}`;\r\n  }\r\n\r\n  function hasOriginalEditionTag(product) {\r\n    const tags = Array.isArray(product.tags) ? product.tags : [];\r\n\r\n    return tags.some((tag) => {\r\n      const name = String(tag && tag.name ? tag.name : \"\").trim();\r\n      const slug = String(tag && tag.slug ? tag.slug : \"\").trim();\r\n\r\n      return (\r\n        name === \"\u0637\u0628\u0639\u0629 \u0623\u0635\u0644\u064a\u0629\" ||\r\n        slug === \"original-edition\" ||\r\n        slug === \"tabaa-asliya\"\r\n      );\r\n    });\r\n  }\r\n\r\n  function productCard(product) {\r\n    const name = escapeHTML(product.name || \"\u0645\u0646\u062a\u062c \u062c\u062f\u064a\u062f\");\r\n    const url = escapeHTML(product.permalink || \"#\");\r\n    const images = Array.isArray(product.images) ? product.images : [];\r\n    const image = images[0] || {};\r\n    const imageURL = escapeHTML(image.thumbnail || image.src || \"\");\r\n    const imageAlt = escapeHTML(image.alt || product.name || \"\u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\");\r\n    const badge = hasOriginalEditionTag(product)\r\n      ? '<span class=\"sn-badge\">\u0637\u0628\u0639\u0629 \u0623\u0635\u0644\u064a\u0629<\/span>'\r\n      : \"\";\r\n\r\n    return `\r\n      <article class=\"sn-card\">\r\n        <a class=\"sn-img\" href=\"${url}\">\r\n          <span>\r\n            ${\r\n              imageURL\r\n                ? `<img decoding=\"async\" src=\"${imageURL}\" alt=\"${imageAlt}\" loading=\"lazy\">`\r\n                : \"\"\r\n            }\r\n            ${badge}\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <div class=\"sn-body\">\r\n          <a class=\"sn-name\" href=\"${url}\" title=\"${name}\">${name}<\/a>\r\n          <strong>${formatPrice(product)}<\/strong>\r\n          <a class=\"sn-btn\" href=\"${url}\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c<\/a>\r\n        <\/div>\r\n      <\/article>\r\n    `;\r\n  }\r\n\r\n  async function loadNewestProducts() {\r\n    try {\r\n      const response = await fetch(endpoint, {\r\n        method: \"GET\",\r\n        credentials: \"same-origin\",\r\n        headers: {\r\n          Accept: \"application\/json\"\r\n        }\r\n      });\r\n\r\n      if (!response.ok) {\r\n        throw new Error(`HTTP ${response.status}`);\r\n      }\r\n\r\n      const products = await response.json();\r\n\r\n      if (!Array.isArray(products) || products.length === 0) {\r\n        throw new Error(\"No products returned\");\r\n      }\r\n\r\n      track.innerHTML = products.map(productCard).join(\"\");\r\n      status.hidden = true;\r\n    } catch (error) {\r\n      track.innerHTML = \"\";\r\n      status.textContent =\r\n        \"\u062a\u0639\u0630\u0631 \u062a\u062d\u0645\u064a\u0644 \u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0622\u0646. \u064a\u0645\u0643\u0646\u0643 \u062a\u0635\u0641\u062d \u062c\u0645\u064a\u0639 \u0627\u0644\u0643\u062a\u0628 \u0645\u0646 \u0632\u0631 \u00ab\u0639\u0631\u0636 \u0627\u0644\u0643\u0644\u00bb.\";\r\n      status.hidden = false;\r\n      console.error(\"Safa7at newest products:\", error);\r\n    }\r\n  }\r\n\r\n  loadNewestProducts();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78164c9 elementor-widget elementor-widget-html\" data-id=\"78164c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== \u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645 \u2014 \u0645\u062f\u0645\u062c \u0641\u064a \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 ===== -->\r\n<!-- \u0642\u0633\u0645 \u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645 \u2014 \u0628\u0646\u0641\u0633 \u0623\u0633\u0644\u0648\u0628 \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 \u0627\u0644\u0631\u0626\u064a\u0633\u064a -->\r\n<section id=\"safa7atQuranHero\" dir=\"rtl\" aria-label=\"\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0645\u064a\u0632\u0629 \u0645\u0646 \u0627\u0644\u0645\u0635\u0627\u062d\u0641\">\r\n  <a\r\n    class=\"sqh-card\"\r\n    href=\"https:\/\/www.safa7at.com\/product-category\/quran-karim\/\"\r\n    aria-label=\"\u062a\u0635\u0641\u062d \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0645\u064a\u0632\u0629 \u0645\u0646 \u0627\u0644\u0645\u0635\u0627\u062d\u0641\">\r\n\r\n    <img data-recalc-dims=\"1\" decoding=\"async\"\r\n      class=\"sqh-image\"\r\n      src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-24-%D9%8A%D9%88%D9%86%D9%8A%D9%88-2026%D8%8C-10_42_24-%D8%B5.png?ssl=1\"\r\n      alt=\"\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0645\u064a\u0632\u0629 \u0645\u0646 \u0627\u0644\u0645\u0635\u0627\u062d\u0641\"\r\n      loading=\"lazy\">\r\n\r\n    <span class=\"sqh-overlay\" aria-hidden=\"true\"><\/span>\r\n\r\n    <span class=\"sqh-content\">\r\n      <span class=\"sqh-title\">\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0645\u064a\u0632\u0629 \u0645\u0646 \u0627\u0644\u0645\u0635\u0627\u062d\u0641<\/span>\r\n\r\n      <span class=\"sqh-button\">\r\n        \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u0635\u0627\u062d\u0641\r\n      <\/span>\r\n    <\/span>\r\n\r\n  <\/a>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&display=swap');\r\n\r\n#safa7atQuranHero,\r\n#safa7atQuranHero * {\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n#safa7atQuranHero {\r\n  width: calc(100% + 20px) !important;\r\n  max-width: none !important;\r\n  margin: 14px -10px !important;\r\n  padding: 0 !important;\r\n  direction: rtl !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n}\r\n\r\n#safa7atQuranHero .sqh-card {\r\n  position: relative !important;\r\n  display: block !important;\r\n  width: 100% !important;\r\n  height: 178px !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  overflow: hidden !important;\r\n  border: 0 !important;\r\n  border-radius: 18px !important;\r\n  background: #002659 !important;\r\n  color: #ffffff !important;\r\n  text-decoration: none !important;\r\n  box-shadow: 0 6px 18px rgba(0, 38, 89, 0.10) !important;\r\n  -webkit-tap-highlight-color: transparent !important;\r\n}\r\n\r\n#safa7atQuranHero .sqh-image {\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  display: block !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n  object-fit: cover !important;\r\n  object-position: center !important;\r\n  transition: transform 450ms ease !important;\r\n}\r\n\r\n#safa7atQuranHero .sqh-overlay {\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  display: block !important;\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(0, 24, 55, 0.10) 0%,\r\n      rgba(0, 34, 78, 0.38) 42%,\r\n      rgba(0, 28, 66, 0.94) 100%\r\n    ) !important;\r\n}\r\n\r\n#safa7atQuranHero .sqh-content {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  align-items: flex-start !important;\r\n  justify-content: center !important;\r\n  width: 72% !important;\r\n  height: 100% !important;\r\n  margin: 0 0 0 auto !important;\r\n  padding: 20px 18px !important;\r\n  text-align: right !important;\r\n}\r\n\r\n#safa7atQuranHero .sqh-title {\r\n  display: block !important;\r\n  max-width: 280px !important;\r\n  margin: 0 0 14px !important;\r\n  color: #ffffff !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 22px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.45 !important;\r\n  text-align: right !important;\r\n}\r\n\r\n#safa7atQuranHero .sqh-button {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  gap: 7px !important;\r\n  min-height: 39px !important;\r\n  padding: 8px 15px !important;\r\n  border-radius: 12px !important;\r\n  background: #ffffff !important;\r\n  color: #002659 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 12px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.4 !important;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;\r\n}\r\n\r\n\r\n#safa7atQuranHero .sqh-card:active {\r\n  transform: scale(0.993) !important;\r\n}\r\n\r\n#safa7atQuranHero .sqh-card:hover .sqh-image {\r\n  transform: scale(1.025) !important;\r\n}\r\n\r\n#safa7atQuranHero .sqh-card:focus-visible {\r\n  outline: 3px solid rgba(180, 151, 90, 0.45) !important;\r\n  outline-offset: 3px !important;\r\n}\r\n\r\n@media (max-width: 380px) {\r\n  #safa7atQuranHero .sqh-card {\r\n    height: 168px !important;\r\n  }\r\n\r\n  #safa7atQuranHero .sqh-content {\r\n    width: 76% !important;\r\n    padding: 17px 15px !important;\r\n  }\r\n\r\n  #safa7atQuranHero .sqh-title {\r\n    font-size: 19px !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 600px) {\r\n  #safa7atQuranHero {\r\n    width: calc(100% - 20px) !important;\r\n    margin: 18px auto !important;\r\n  }\r\n\r\n  #safa7atQuranHero .sqh-card {\r\n    height: 250px !important;\r\n    border-radius: 20px !important;\r\n  }\r\n\r\n  #safa7atQuranHero .sqh-content {\r\n    width: 58% !important;\r\n    padding: 32px !important;\r\n  }\r\n\r\n  #safa7atQuranHero .sqh-title {\r\n    max-width: 420px !important;\r\n    font-size: 30px !important;\r\n  }\r\n\r\n  #safa7atQuranHero .sqh-button {\r\n    min-height: 44px !important;\r\n    padding: 10px 18px !important;\r\n    font-size: 13px !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  #safa7atQuranHero {\r\n    width: min(1380px, calc(100% - 32px)) !important;\r\n    margin: 22px auto !important;\r\n  }\r\n\r\n  #safa7atQuranHero .sqh-card {\r\n    height: 330px !important;\r\n    border-radius: 22px !important;\r\n  }\r\n\r\n  #safa7atQuranHero .sqh-content {\r\n    width: 52% !important;\r\n    padding: 44px !important;\r\n  }\r\n\r\n  #safa7atQuranHero .sqh-title {\r\n    max-width: 560px !important;\r\n    font-size: 40px !important;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #safa7atQuranHero .sqh-image {\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4256503 elementor-widget elementor-widget-html\" data-id=\"4256503\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== \u062a\u062e\u0641\u064a\u0636\u0627\u062a \u0627\u0644\u064a\u0648\u0645 \u2014 \u0645\u062f\u0645\u062c \u0641\u064a \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 ===== -->\r\n<!-- \u0642\u0633\u0645 \u062a\u062e\u0641\u064a\u0636\u0627\u062a \u0627\u0644\u064a\u0648\u0645 \u2014 \u0645\u0643\u062a\u0628\u0629 \u0635\u0641\u062d\u0627\u062a -->\r\n<section id=\"safa7atDailyDeals\" dir=\"rtl\" aria-label=\"\u062a\u062e\u0641\u064a\u0636\u0627\u062a \u0627\u0644\u064a\u0648\u0645\">\r\n  <div class=\"sdp-shell\">\r\n\r\n    <div class=\"sdp-head\">\r\n      <h2>\u062a\u062e\u0641\u064a\u0636\u0627\u062a \u0627\u0644\u064a\u0648\u0645<\/h2>\r\n      <a href=\"https:\/\/www.safa7at.com\/readers-deal\/\" aria-label=\"\u0639\u0631\u0636 \u0643\u0644 \u0627\u0644\u062a\u062e\u0641\u064a\u0636\u0627\u062a\">\r\n        \u0639\u0631\u0636 \u0627\u0644\u0643\u0644\r\n        <span aria-hidden=\"true\">\u2039<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"sdp-track\">\r\n      <div class=\"sdp-loading\" role=\"status\">\u062c\u0627\u0631\u064d \u062a\u062d\u0645\u064a\u0644 \u062a\u062e\u0641\u064a\u0636\u0627\u062a \u0627\u0644\u064a\u0648\u0645\u2026<\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800&display=swap');\r\n\r\n#safa7atDailyDeals,\r\n#safa7atDailyDeals * {\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n#safa7atDailyDeals {\r\n  width: calc(100% + 20px) !important;\r\n  max-width: none !important;\r\n  margin: 14px -10px !important;\r\n  padding: 0 !important;\r\n  direction: rtl !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n}\r\n\r\n#safa7atDailyDeals .sdp-shell {\r\n  width: 100% !important;\r\n  margin: 0 !important;\r\n  padding: 18px 0 !important;\r\n  overflow: hidden !important;\r\n  border: 1px solid rgba(0, 38, 89, 0.08) !important;\r\n  border-radius: 22px !important;\r\n  background: #ffffff !important;\r\n  box-shadow: 0 5px 18px rgba(0, 38, 89, 0.05) !important;\r\n}\r\n\r\n#safa7atDailyDeals .sdp-head {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: space-between !important;\r\n  gap: 14px !important;\r\n  margin: 0 0 14px !important;\r\n  padding: 0 18px !important;\r\n}\r\n\r\n#safa7atDailyDeals .sdp-head h2 {\r\n  margin: 0 !important;\r\n  color: #002659 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 23px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.4 !important;\r\n}\r\n\r\n#safa7atDailyDeals .sdp-head a {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 4px !important;\r\n  color: #697383 !important;\r\n  text-decoration: none !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 13px !important;\r\n  font-weight: 700 !important;\r\n  white-space: nowrap !important;\r\n}\r\n\r\n#safa7atDailyDeals .sdp-head a span {\r\n  font-size: 19px !important;\r\n  line-height: 1 !important;\r\n}\r\n\r\n#safa7atDailyDeals .sdp-track {\r\n  display: flex !important;\r\n  gap: 10px !important;\r\n  width: 100% !important;\r\n  margin: 0 !important;\r\n  padding: 0 18px 4px !important;\r\n  overflow-x: auto !important;\r\n  overscroll-behavior-inline: contain !important;\r\n  scroll-snap-type: x mandatory !important;\r\n  scrollbar-width: none !important;\r\n  -webkit-overflow-scrolling: touch !important;\r\n}\r\n\r\n#safa7atDailyDeals .sdp-track::-webkit-scrollbar {\r\n  display: none !important;\r\n}\r\n\r\n#safa7atDailyDeals .sdp-card {\r\n  flex: 0 0 calc((100% - 10px) \/ 2) !important;\r\n  min-width: 0 !important;\r\n  margin: 0 !important;\r\n  overflow: hidden !important;\r\n  border: 1px solid rgba(0, 38, 89, 0.10) !important;\r\n  border-radius: 16px !important;\r\n  background: #ffffff !important;\r\n  box-shadow: 0 3px 12px rgba(0, 38, 89, 0.06) !important;\r\n  scroll-snap-align: start !important;\r\n  transition: transform 180ms ease, box-shadow 180ms ease !important;\r\n}\r\n\r\n#safa7atDailyDeals .sdp-image-link {\r\n  display: block !important;\r\n  color: inherit !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n#safa7atDailyDeals .sdp-image-box {\r\n  position: relative !important;\r\n  display: block !important;\r\n  width: 100% !important;\r\n  aspect-ratio: 1 \/ 1 !important;\r\n  overflow: hidden !important;\r\n  background: #f4f6f9 !important;\r\n}\r\n\r\n#safa7atDailyDeals .sdp-image-box img {\r\n  display: block !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n  object-fit: cover !important;\r\n}\r\n\r\n#safa7atDailyDeals .sdp-discount {\r\n  position: absolute !important;\r\n  top: 9px !important;\r\n  right: 9px !important;\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  min-width: 42px !important;\r\n  min-height: 28px !important;\r\n  padding: 4px 8px !important;\r\n  border-radius: 9px !important;\r\n  background: #b42318 !important;\r\n  color: #ffffff !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 11px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1 !important;\r\n  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.14) !important;\r\n}\r\n\r\n#safa7atDailyDeals .sdp-body {\r\n  padding: 10px !important;\r\n}\r\n\r\n\/* \u0639\u0631\u0636 \u0627\u0633\u0645 \u0627\u0644\u0645\u0646\u062a\u062c \u0641\u064a \u0633\u0637\u0631 \u0648\u0627\u062d\u062f \u0644\u062a\u062e\u0641\u064a\u0636 \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 *\/\r\n#safa7atDailyDeals .sdp-name {\r\n  display: block !important;\r\n  white-space: nowrap !important;\r\n  overflow: hidden !important;\r\n  text-overflow: ellipsis !important;\r\n  min-height: unset !important;\r\n  margin: 0 !important;\r\n  color: #002659 !important;\r\n  text-decoration: none !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 12px !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.4 !important;\r\n}\r\n\r\n#safa7atDailyDeals .sdp-prices {\r\n  display: flex !important;\r\n  flex-wrap: wrap !important;\r\n  align-items: baseline !important;\r\n  gap: 3px 7px !important;\r\n  min-height: auto !important;\r\n  margin: 6px 0 8px !important;\r\n}\r\n\r\n#safa7atDailyDeals .sdp-old {\r\n  color: #8b93a0 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 10.5px !important;\r\n  font-weight: 600 !important;\r\n  line-height: 1.3 !important;\r\n  text-decoration: line-through !important;\r\n  text-decoration-thickness: 1.3px !important;\r\n}\r\n\r\n#safa7atDailyDeals .sdp-new {\r\n  display: block !important;\r\n  width: 100% !important;\r\n  color: #002659 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 17px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.3 !important;\r\n}\r\n\r\n\/* \u0632\u0631 \u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c \u0648\u0633\u0644\u0648\u0643\u0647 \u0639\u0646\u062f Hover \u0648Active *\/\r\n#safa7atDailyDeals .sdp-button {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  min-height: 36px !important;\r\n  width: 100% !important;\r\n  padding: 6px 8px !important;\r\n  border: 1px solid rgba(0, 38, 89, 0.16) !important;\r\n  border-radius: 11px !important;\r\n  background: #ffffff !important;\r\n  color: #002659 !important;\r\n  text-align: center !important;\r\n  text-decoration: none !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 12px !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.4 !important;\r\n  transition: all 0.2s ease-in-out !important;\r\n}\r\n\r\n#safa7atDailyDeals .sdp-button:hover,\r\n#safa7atDailyDeals .sdp-button:active,\r\n#safa7atDailyDeals .sdp-button:focus {\r\n  background-color: #002659 !important;\r\n  color: #ffffff !important;\r\n  border-color: #002659 !important;\r\n}\r\n\r\n#safa7atDailyDeals .sdp-card:active {\r\n  transform: scale(0.985) !important;\r\n}\r\n\r\n#safa7atDailyDeals .sdp-card:hover {\r\n  box-shadow: 0 6px 18px rgba(0, 38, 89, 0.09) !important;\r\n}\r\n\r\n#safa7atDailyDeals a:focus-visible {\r\n  outline: 3px solid rgba(180, 151, 90, 0.42) !important;\r\n  outline-offset: 2px !important;\r\n}\r\n\r\n#safa7atDailyDeals .sdp-loading {\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n}\r\n\r\n@media (max-width: 380px) {\r\n  #safa7atDailyDeals .sdp-head {\r\n    padding: 0 14px !important;\r\n  }\r\n\r\n  #safa7atDailyDeals .sdp-track {\r\n    padding-right: 14px !important;\r\n    padding-left: 14px !important;\r\n  }\r\n\r\n  #safa7atDailyDeals .sdp-head h2 {\r\n    font-size: 21px !important;\r\n  }\r\n\r\n  #safa7atDailyDeals .sdp-name {\r\n    font-size: 11px !important;\r\n  }\r\n\r\n  #safa7atDailyDeals .sdp-new {\r\n    font-size: 16px !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 600px) {\r\n  #safa7atDailyDeals {\r\n    width: calc(100% - 20px) !important;\r\n    margin: 18px auto !important;\r\n  }\r\n\r\n  #safa7atDailyDeals .sdp-card {\r\n    flex-basis: calc((100% - 20px) \/ 3) !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  #safa7atDailyDeals {\r\n    width: min(1380px, calc(100% - 32px)) !important;\r\n    margin: 22px auto !important;\r\n  }\r\n\r\n  #safa7atDailyDeals .sdp-card {\r\n    flex-basis: calc((100% - 30px) \/ 4) !important;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #safa7atDailyDeals .sdp-card {\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n  const section = document.getElementById(\"safa7atDailyDeals\");\r\n\r\n  if (!section || section.dataset.sdpReady === \"true\") {\r\n    return;\r\n  }\r\n\r\n  section.dataset.sdpReady = \"true\";\r\n\r\n  const track = section.querySelector(\".sdp-track\");\r\n  const dealsPageURL = \"https:\/\/www.safa7at.com\/readers-deal\/\";\r\n  const storeAPIBase = \"https:\/\/www.safa7at.com\/wp-json\/wc\/store\/v1\/products\";\r\n\r\n  if (!track) {\r\n    return;\r\n  }\r\n\r\n  function escapeHTML(value = \"\") {\r\n    return String(value).replace(\/[&<>\"']\/g, (character) => {\r\n      const entities = {\r\n        \"&\": \"&amp;\",\r\n        \"<\": \"&lt;\",\r\n        \">\": \"&gt;\",\r\n        '\"': \"&quot;\",\r\n        \"'\": \"&#039;\"\r\n      };\r\n\r\n      return entities[character];\r\n    });\r\n  }\r\n\r\n  function normalizeProductURL(url) {\r\n    try {\r\n      const parsed = new URL(url, window.location.origin);\r\n\r\n      if (\r\n        parsed.hostname !== \"www.safa7at.com\" &&\r\n        parsed.hostname !== \"safa7at.com\"\r\n      ) {\r\n        return null;\r\n      }\r\n\r\n      const match = parsed.pathname.match(\/^\\\/product\\\/([^\/]+)\\\/?$\/i);\r\n\r\n      if (!match) {\r\n        return null;\r\n      }\r\n\r\n      return {\r\n        url: `https:\/\/www.safa7at.com\/product\/${match[1]}\/`,\r\n        slug: decodeURIComponent(match[1])\r\n      };\r\n    } catch (error) {\r\n      return null;\r\n    }\r\n  }\r\n\r\n  function extractProductReferences(html) {\r\n    const documentCopy = new DOMParser().parseFromString(html, \"text\/html\");\r\n\r\n    const selectors = [\r\n      \"li.product a.woocommerce-LoopProduct-link\",\r\n      \"li.product a[href*='\/product\/']\",\r\n      \".products .product a[href*='\/product\/']\",\r\n      \".wc-block-grid__product a[href*='\/product\/']\",\r\n      \".wc-block-product a[href*='\/product\/']\",\r\n      \"a[href*='\/product\/']\"\r\n    ];\r\n\r\n    const references = [];\r\n    const usedSlugs = new Set();\r\n\r\n    selectors.forEach((selector) => {\r\n      documentCopy.querySelectorAll(selector).forEach((link) => {\r\n        const reference = normalizeProductURL(link.getAttribute(\"href\") || \"\");\r\n\r\n        if (!reference || usedSlugs.has(reference.slug)) {\r\n          return;\r\n        }\r\n\r\n        usedSlugs.add(reference.slug);\r\n        references.push(reference);\r\n      });\r\n    });\r\n\r\n    return references;\r\n  }\r\n\r\n  function getPriceData(product) {\r\n    const prices = product && product.prices ? product.prices : {};\r\n    const minorUnit = Number(prices.currency_minor_unit || 0);\r\n    const divisor = Math.pow(10, minorUnit);\r\n\r\n    const regularRaw = prices.regular_price || prices.price || \"0\";\r\n    const saleRaw = prices.sale_price || prices.price || \"0\";\r\n\r\n    const regular = Number(regularRaw) \/ divisor;\r\n    const sale = Number(saleRaw) \/ divisor;\r\n\r\n    return {\r\n      regular,\r\n      sale,\r\n      currencyCode: prices.currency_code || \"DZD\"\r\n    };\r\n  }\r\n\r\n  function formatMoney(value, currencyCode) {\r\n    const amount = new Intl.NumberFormat(\"ar-DZ\", {\r\n      maximumFractionDigits: 2\r\n    }).format(value);\r\n\r\n    return currencyCode === \"DZD\" ? `${amount} \u062f.\u062c` : `${amount} ${currencyCode}`;\r\n  }\r\n\r\n  function calculateDiscount(regular, sale) {\r\n    if (!regular || !sale || sale >= regular) {\r\n      return 0;\r\n    }\r\n\r\n    return Math.round(((regular - sale) \/ regular) * 100);\r\n  }\r\n\r\n  function productCard(product) {\r\n    const name = escapeHTML(product.name || \"\u0645\u0646\u062a\u062c\");\r\n    const url = escapeHTML(product.permalink || \"#\");\r\n    const images = Array.isArray(product.images) ? product.images : [];\r\n    const image = images[0] || {};\r\n    const imageURL = escapeHTML(image.thumbnail || image.src || \"\");\r\n    const imageAlt = escapeHTML(image.alt || product.name || \"\u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\");\r\n\r\n    const price = getPriceData(product);\r\n    const discount = calculateDiscount(price.regular, price.sale);\r\n\r\n    const oldPrice =\r\n      price.regular > price.sale\r\n        ? `<span class=\"sdp-old\">${formatMoney(\r\n            price.regular,\r\n            price.currencyCode\r\n          )}<\/span>`\r\n        : \"\";\r\n\r\n    const discountBadge =\r\n      discount > 0\r\n        ? `<span class=\"sdp-discount\">-${discount}%<\/span>`\r\n        : \"\";\r\n\r\n    return `\r\n      <article class=\"sdp-card\">\r\n        <a class=\"sdp-image-link\" href=\"${url}\">\r\n          <span class=\"sdp-image-box\">\r\n            ${\r\n              imageURL\r\n                ? `<img decoding=\"async\" src=\"${imageURL}\" alt=\"${imageAlt}\" loading=\"lazy\">`\r\n                : \"\"\r\n            }\r\n            ${discountBadge}\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <div class=\"sdp-body\">\r\n          <a class=\"sdp-name\" href=\"${url}\" title=\"${name}\">${name}<\/a>\r\n\r\n          <div class=\"sdp-prices\">\r\n            ${oldPrice}\r\n            <span class=\"sdp-new\">${formatMoney(\r\n              price.sale,\r\n              price.currencyCode\r\n            )}<\/span>\r\n          <\/div>\r\n\r\n          <a class=\"sdp-button\" href=\"${url}\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c<\/a>\r\n        <\/div>\r\n      <\/article>\r\n    `;\r\n  }\r\n\r\n  async function fetchProductBySlug(slug) {\r\n    const endpoint =\r\n      `${storeAPIBase}?slug=${encodeURIComponent(slug)}` +\r\n      \"&status=publish&per_page=1\";\r\n\r\n    const response = await fetch(endpoint, {\r\n      credentials: \"same-origin\",\r\n      headers: {\r\n        Accept: \"application\/json\"\r\n      }\r\n    });\r\n\r\n    if (!response.ok) {\r\n      throw new Error(`\u062a\u0639\u0630\u0631 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0646\u062a\u062c: ${slug}`);\r\n    }\r\n\r\n    const products = await response.json();\r\n\r\n    return Array.isArray(products) && products[0] ? products[0] : null;\r\n  }\r\n\r\n  async function fetchProductsFromDealsPage() {\r\n    const pageResponse = await fetch(dealsPageURL, {\r\n      credentials: \"same-origin\",\r\n      cache: \"no-store\",\r\n      headers: {\r\n        Accept: \"text\/html\"\r\n      }\r\n    });\r\n\r\n    if (!pageResponse.ok) {\r\n      throw new Error(\"\u062a\u0639\u0630\u0631 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0635\u0641\u062d\u0629 \u062a\u062e\u0641\u064a\u0636\u0627\u062a \u0627\u0644\u064a\u0648\u0645.\");\r\n    }\r\n\r\n    const pageHTML = await pageResponse.text();\r\n    const references = extractProductReferences(pageHTML).slice(0, 12);\r\n\r\n    if (!references.length) {\r\n      throw new Error(\"\u0644\u0645 \u064a\u062a\u0645 \u0627\u0644\u0639\u062b\u0648\u0631 \u0639\u0644\u0649 \u0645\u0646\u062a\u062c\u0627\u062a \u062f\u0627\u062e\u0644 \u0635\u0641\u062d\u0629 \u0627\u0644\u062a\u062e\u0641\u064a\u0636\u0627\u062a.\");\r\n    }\r\n\r\n    const productResults = await Promise.allSettled(\r\n      references.map((reference) => fetchProductBySlug(reference.slug))\r\n    );\r\n\r\n    return productResults\r\n      .map((result) => (result.status === \"fulfilled\" ? result.value : null))\r\n      .filter(Boolean);\r\n  }\r\n\r\n  async function loadDeals() {\r\n    try {\r\n      const products = await fetchProductsFromDealsPage();\r\n\r\n      if (!products.length) {\r\n        throw new Error(\"\u0644\u0627 \u062a\u0648\u062c\u062f \u0645\u0646\u062a\u062c\u0627\u062a \u0645\u062a\u0627\u062d\u0629 \u0644\u0644\u0639\u0631\u0636.\");\r\n      }\r\n\r\n      track.innerHTML = products.map(productCard).join(\"\");\r\n    } catch (error) {\r\n      track.innerHTML = `\r\n        <div class=\"sdp-loading\" role=\"status\">\r\n          \u062a\u0639\u0630\u0631 \u062a\u062d\u0645\u064a\u0644 \u062a\u062e\u0641\u064a\u0636\u0627\u062a \u0627\u0644\u064a\u0648\u0645 \u062d\u0627\u0644\u064a\u064b\u0627.\r\n        <\/div>\r\n      `;\r\n\r\n      console.error(\"Safa7at Daily Deals:\", error);\r\n    }\r\n  }\r\n\r\n  loadDeals();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c392359 elementor-widget elementor-widget-html\" data-id=\"c392359\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== \u0627\u0644\u0631\u0648\u0627\u064a\u0627\u062a \u2014 \u0645\u062f\u0645\u062c \u0641\u064a \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 ===== -->\r\n<!-- \u0642\u0633\u0645 \u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u0631\u0648\u0627\u064a\u0627\u062a \u2014 \u0628\u0646\u0641\u0633 \u0623\u0633\u0644\u0648\u0628 \u0642\u0633\u0645 \u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645 -->\r\n<section id=\"safa7atNovelsHero\" dir=\"rtl\" aria-label=\"\u062a\u0634\u0643\u064a\u0644\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0631\u0648\u0627\u064a\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629\">\r\n  <a\r\n    class=\"snh-card\"\r\n    href=\"https:\/\/www.safa7at.com\/product-category\/rwayat\/\"\r\n    aria-label=\"\u062a\u0635\u0641\u062d \u0627\u0644\u0631\u0648\u0627\u064a\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629\">\r\n\r\n    <img data-recalc-dims=\"1\" decoding=\"async\"\r\n      class=\"snh-image\"\r\n      src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-24-%D9%8A%D9%88%D9%86%D9%8A%D9%88-2026%D8%8C-10_54_08-%D8%B5.png?ssl=1\"\r\n      alt=\"\u062a\u0634\u0643\u064a\u0644\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0631\u0648\u0627\u064a\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629\"\r\n      loading=\"lazy\">\r\n\r\n    <span class=\"snh-overlay\" aria-hidden=\"true\"><\/span>\r\n\r\n    <span class=\"snh-content\">\r\n      <span class=\"snh-title\">\u062a\u0634\u0643\u064a\u0644\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0631\u0648\u0627\u064a\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/span>\r\n\r\n      <span class=\"snh-button\">\r\n        \u062a\u0635\u0641\u062d \u0627\u0644\u0631\u0648\u0627\u064a\u0627\u062a\r\n\r\n      <\/span>\r\n    <\/span>\r\n\r\n  <\/a>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&display=swap');\r\n\r\n#safa7atNovelsHero,\r\n#safa7atNovelsHero * {\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n#safa7atNovelsHero {\r\n  width: calc(100% + 20px) !important;\r\n  max-width: none !important;\r\n  margin: 14px -10px !important;\r\n  padding: 0 !important;\r\n  direction: rtl !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n}\r\n\r\n#safa7atNovelsHero .snh-card {\r\n  position: relative !important;\r\n  display: block !important;\r\n  width: 100% !important;\r\n  height: 178px !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  overflow: hidden !important;\r\n  border: 0 !important;\r\n  border-radius: 18px !important;\r\n  background: #002659 !important;\r\n  color: #ffffff !important;\r\n  text-decoration: none !important;\r\n  box-shadow: 0 6px 18px rgba(0, 38, 89, 0.10) !important;\r\n  -webkit-tap-highlight-color: transparent !important;\r\n}\r\n\r\n#safa7atNovelsHero .snh-image {\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  display: block !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n  object-fit: cover !important;\r\n  object-position: center !important;\r\n  transition: transform 450ms ease !important;\r\n}\r\n\r\n#safa7atNovelsHero .snh-overlay {\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  display: block !important;\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(0, 24, 55, 0.10) 0%,\r\n      rgba(0, 34, 78, 0.38) 42%,\r\n      rgba(0, 28, 66, 0.94) 100%\r\n    ) !important;\r\n}\r\n\r\n#safa7atNovelsHero .snh-content {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  align-items: flex-start !important;\r\n  justify-content: center !important;\r\n  width: 76% !important;\r\n  height: 100% !important;\r\n  margin: 0 0 0 auto !important;\r\n  padding: 20px 18px !important;\r\n  text-align: right !important;\r\n}\r\n\r\n#safa7atNovelsHero .snh-title {\r\n  display: block !important;\r\n  max-width: 315px !important;\r\n  margin: 0 0 14px !important;\r\n  color: #ffffff !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 20px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.55 !important;\r\n  text-align: right !important;\r\n}\r\n\r\n#safa7atNovelsHero .snh-button {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  gap: 7px !important;\r\n  min-height: 39px !important;\r\n  padding: 8px 15px !important;\r\n  border-radius: 12px !important;\r\n  background: #ffffff !important;\r\n  color: #002659 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 12px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.4 !important;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;\r\n}\r\n\r\n#safa7atNovelsHero .snh-button svg {\r\n  display: block !important;\r\n  width: 17px !important;\r\n  height: 17px !important;\r\n  stroke: currentColor !important;\r\n  stroke-width: 2.1 !important;\r\n  stroke-linecap: round !important;\r\n  stroke-linejoin: round !important;\r\n}\r\n\r\n#safa7atNovelsHero .snh-card:active {\r\n  transform: scale(0.993) !important;\r\n}\r\n\r\n#safa7atNovelsHero .snh-card:hover .snh-image {\r\n  transform: scale(1.025) !important;\r\n}\r\n\r\n#safa7atNovelsHero .snh-card:focus-visible {\r\n  outline: 3px solid rgba(180, 151, 90, 0.45) !important;\r\n  outline-offset: 3px !important;\r\n}\r\n\r\n@media (max-width: 380px) {\r\n  #safa7atNovelsHero .snh-card {\r\n    height: 168px !important;\r\n  }\r\n\r\n  #safa7atNovelsHero .snh-content {\r\n    width: 80% !important;\r\n    padding: 17px 15px !important;\r\n  }\r\n\r\n  #safa7atNovelsHero .snh-title {\r\n    font-size: 17px !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 600px) {\r\n  #safa7atNovelsHero {\r\n    width: calc(100% - 20px) !important;\r\n    margin: 18px auto !important;\r\n  }\r\n\r\n  #safa7atNovelsHero .snh-card {\r\n    height: 250px !important;\r\n    border-radius: 20px !important;\r\n  }\r\n\r\n  #safa7atNovelsHero .snh-content {\r\n    width: 60% !important;\r\n    padding: 32px !important;\r\n  }\r\n\r\n  #safa7atNovelsHero .snh-title {\r\n    max-width: 490px !important;\r\n    font-size: 29px !important;\r\n  }\r\n\r\n  #safa7atNovelsHero .snh-button {\r\n    min-height: 44px !important;\r\n    padding: 10px 18px !important;\r\n    font-size: 13px !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  #safa7atNovelsHero {\r\n    width: min(1380px, calc(100% - 32px)) !important;\r\n    margin: 22px auto !important;\r\n  }\r\n\r\n  #safa7atNovelsHero .snh-card {\r\n    height: 330px !important;\r\n    border-radius: 22px !important;\r\n  }\r\n\r\n  #safa7atNovelsHero .snh-content {\r\n    width: 53% !important;\r\n    padding: 44px !important;\r\n  }\r\n\r\n  #safa7atNovelsHero .snh-title {\r\n    max-width: 650px !important;\r\n    font-size: 38px !important;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #safa7atNovelsHero .snh-image {\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08d03ff elementor-widget elementor-widget-html\" data-id=\"08d03ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== \u0627\u062e\u062a\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0631\u0627\u0621 \u2014 \u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u064b\u0627 ===== -->\r\n<section id=\"safa7atReadersChoice\" dir=\"rtl\" aria-label=\"\u0627\u062e\u062a\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0631\u0627\u0621\">\r\n  <div class=\"src-shell\">\r\n\r\n    <div class=\"src-head\">\r\n      <h2>\u0627\u062e\u062a\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0631\u0627\u0621<\/h2>\r\n      <a href=\"https:\/\/www.safa7at.com\/shop\/?orderby=popularity\" aria-label=\"\u0639\u0631\u0636 \u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u064b\u0627\">\r\n        \u0639\u0631\u0636 \u0627\u0644\u0643\u0644\r\n        <span aria-hidden=\"true\">\u2039<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"src-track\">\r\n      <div class=\"src-loading\" role=\"status\">\u062c\u0627\u0631\u064d \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u064b\u0627\u2026<\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800&display=swap');\r\n\r\n#safa7atReadersChoice,\r\n#safa7atReadersChoice * {\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n#safa7atReadersChoice {\r\n  width: calc(100% + 20px) !important;\r\n  max-width: none !important;\r\n  margin: 14px -10px !important;\r\n  padding: 0 !important;\r\n  direction: rtl !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n}\r\n\r\n#safa7atReadersChoice .src-shell {\r\n  width: 100% !important;\r\n  margin: 0 !important;\r\n  padding: 18px 0 !important;\r\n  overflow: hidden !important;\r\n  border: 1px solid rgba(0, 38, 89, 0.08) !important;\r\n  border-radius: 22px !important;\r\n  background: #ffffff !important;\r\n  box-shadow: 0 5px 18px rgba(0, 38, 89, 0.05) !important;\r\n}\r\n\r\n#safa7atReadersChoice .src-head {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: space-between !important;\r\n  gap: 14px !important;\r\n  margin: 0 0 14px !important;\r\n  padding: 0 18px !important;\r\n}\r\n\r\n#safa7atReadersChoice .src-head h2 {\r\n  margin: 0 !important;\r\n  color: #002659 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 23px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.4 !important;\r\n}\r\n\r\n#safa7atReadersChoice .src-head a {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 4px !important;\r\n  color: #697383 !important;\r\n  text-decoration: none !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 13px !important;\r\n  font-weight: 700 !important;\r\n  white-space: nowrap !important;\r\n}\r\n\r\n#safa7atReadersChoice .src-head a span {\r\n  font-size: 19px !important;\r\n  line-height: 1 !important;\r\n}\r\n\r\n#safa7atReadersChoice .src-track {\r\n  display: flex !important;\r\n  gap: 10px !important;\r\n  width: 100% !important;\r\n  margin: 0 !important;\r\n  padding: 0 18px 4px !important;\r\n  overflow-x: auto !important;\r\n  overscroll-behavior-inline: contain !important;\r\n  scroll-snap-type: x mandatory !important;\r\n  scrollbar-width: none !important;\r\n  -webkit-overflow-scrolling: touch !important;\r\n}\r\n\r\n#safa7atReadersChoice .src-track::-webkit-scrollbar {\r\n  display: none !important;\r\n}\r\n\r\n#safa7atReadersChoice .src-card {\r\n  flex: 0 0 calc((100% - 10px) \/ 2) !important;\r\n  min-width: 0 !important;\r\n  margin: 0 !important;\r\n  overflow: hidden !important;\r\n  border: 1px solid rgba(0, 38, 89, 0.10) !important;\r\n  border-radius: 16px !important;\r\n  background: #ffffff !important;\r\n  box-shadow: 0 3px 12px rgba(0, 38, 89, 0.06) !important;\r\n  scroll-snap-align: start !important;\r\n  transition: transform 180ms ease, box-shadow 180ms ease !important;\r\n}\r\n\r\n#safa7atReadersChoice .src-image-link {\r\n  display: block !important;\r\n  color: inherit !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n#safa7atReadersChoice .src-image-box {\r\n  position: relative !important;\r\n  display: block !important;\r\n  width: 100% !important;\r\n  aspect-ratio: 1 \/ 1 !important;\r\n  overflow: hidden !important;\r\n  background: #f4f6f9 !important;\r\n}\r\n\r\n#safa7atReadersChoice .src-image-box img {\r\n  display: block !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n  object-fit: cover !important;\r\n}\r\n\r\n#safa7atReadersChoice .src-badge {\r\n  position: absolute !important;\r\n  top: 9px !important;\r\n  right: 9px !important;\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  min-height: 28px !important;\r\n  padding: 4px 8px !important;\r\n  border-radius: 9px !important;\r\n  background: #002659 !important;\r\n  color: #ffffff !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 10px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1 !important;\r\n  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.14) !important;\r\n}\r\n\r\n#safa7atReadersChoice .src-body {\r\n  padding: 10px !important;\r\n}\r\n\r\n\/* \u0639\u0631\u0636 \u0627\u0633\u0645 \u0627\u0644\u0645\u0646\u062a\u062c \u0641\u064a \u0633\u0637\u0631 \u0648\u0627\u062d\u062f \u0644\u062a\u062e\u0641\u064a\u0636 \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 *\/\r\n#safa7atReadersChoice .src-name {\r\n  display: block !important;\r\n  white-space: nowrap !important;\r\n  overflow: hidden !important;\r\n  text-overflow: ellipsis !important;\r\n  min-height: unset !important;\r\n  margin: 0 !important;\r\n  color: #002659 !important;\r\n  text-decoration: none !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 12px !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.4 !important;\r\n}\r\n\r\n#safa7atReadersChoice .src-price {\r\n  display: flex !important;\r\n  align-items: baseline !important;\r\n  min-height: auto !important;\r\n  margin: 6px 0 8px !important;\r\n}\r\n\r\n#safa7atReadersChoice .src-price strong {\r\n  display: block !important;\r\n  width: 100% !important;\r\n  color: #002659 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 17px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.3 !important;\r\n}\r\n\r\n\/* \u0632\u0631 \u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c \u0648\u0633\u0644\u0648\u0643\u0647 \u0639\u0646\u062f Hover \u0648Active *\/\r\n#safa7atReadersChoice .src-button {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  min-height: 36px !important;\r\n  width: 100% !important;\r\n  padding: 6px 8px !important;\r\n  border: 1px solid rgba(0, 38, 89, 0.16) !important;\r\n  border-radius: 11px !important;\r\n  background: #ffffff !important;\r\n  color: #002659 !important;\r\n  text-align: center !important;\r\n  text-decoration: none !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 12px !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.4 !important;\r\n  transition: all 0.2s ease-in-out !important;\r\n}\r\n\r\n#safa7atReadersChoice .src-button:hover,\r\n#safa7atReadersChoice .src-button:active,\r\n#safa7atReadersChoice .src-button:focus {\r\n  background-color: #002659 !important;\r\n  color: #ffffff !important;\r\n  border-color: #002659 !important;\r\n}\r\n\r\n#safa7atReadersChoice .src-loading {\r\n  width: 100% !important;\r\n  min-height: 80px !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  color: #697383 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 13px !important;\r\n  font-weight: 600 !important;\r\n}\r\n\r\n#safa7atReadersChoice .src-card:active {\r\n  transform: scale(0.985) !important;\r\n}\r\n\r\n#safa7atReadersChoice .src-card:hover {\r\n  box-shadow: 0 6px 18px rgba(0, 38, 89, 0.09) !important;\r\n}\r\n\r\n#safa7atReadersChoice a:focus-visible {\r\n  outline: 3px solid rgba(180, 151, 90, 0.42) !important;\r\n  outline-offset: 2px !important;\r\n}\r\n\r\n@media (max-width: 380px) {\r\n  #safa7atReadersChoice .src-head {\r\n    padding: 0 14px !important;\r\n  }\r\n\r\n  #safa7atReadersChoice .src-track {\r\n    padding-right: 14px !important;\r\n    padding-left: 14px !important;\r\n  }\r\n\r\n  #safa7atReadersChoice .src-head h2 {\r\n    font-size: 21px !important;\r\n  }\r\n\r\n  #safa7atReadersChoice .src-name {\r\n    font-size: 11px !important;\r\n  }\r\n\r\n  #safa7atReadersChoice .src-price strong {\r\n    font-size: 16px !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 600px) {\r\n  #safa7atReadersChoice {\r\n    width: calc(100% - 20px) !important;\r\n    margin: 18px auto !important;\r\n  }\r\n\r\n  #safa7atReadersChoice .src-card {\r\n    flex-basis: calc((100% - 20px) \/ 3) !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  #safa7atReadersChoice {\r\n    width: min(1380px, calc(100% - 32px)) !important;\r\n    margin: 22px auto !important;\r\n  }\r\n\r\n  #safa7atReadersChoice .src-card {\r\n    flex-basis: calc((100% - 30px) \/ 4) !important;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #safa7atReadersChoice .src-card {\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n  const section = document.getElementById(\"safa7atReadersChoice\");\r\n\r\n  if (!section || section.dataset.srcReady === \"true\") {\r\n    return;\r\n  }\r\n\r\n  section.dataset.srcReady = \"true\";\r\n\r\n  const track = section.querySelector(\".src-track\");\r\n  const endpoint =\r\n    \"https:\/\/www.safa7at.com\/wp-json\/wc\/store\/v1\/products\" +\r\n    \"?orderby=popularity&order=desc&per_page=8&status=publish\";\r\n\r\n  if (!track) {\r\n    return;\r\n  }\r\n\r\n  function escapeHTML(value = \"\") {\r\n    return String(value).replace(\/[&<>\"']\/g, (character) => {\r\n      const entities = {\r\n        \"&\": \"&amp;\",\r\n        \"<\": \"&lt;\",\r\n        \">\": \"&gt;\",\r\n        '\"': \"&quot;\",\r\n        \"'\": \"&#039;\"\r\n      };\r\n\r\n      return entities[character];\r\n    });\r\n  }\r\n\r\n  function getPriceData(product) {\r\n    const prices = product && product.prices ? product.prices : {};\r\n    const minorUnit = Number(prices.currency_minor_unit || 0);\r\n    const divisor = Math.pow(10, minorUnit);\r\n    const raw = prices.price || prices.sale_price || prices.regular_price || \"0\";\r\n\r\n    return {\r\n      value: Number(raw) \/ divisor,\r\n      currencyCode: prices.currency_code || \"DZD\"\r\n    };\r\n  }\r\n\r\n  function formatMoney(value, currencyCode) {\r\n    const amount = new Intl.NumberFormat(\"ar-DZ\", {\r\n      maximumFractionDigits: 2\r\n    }).format(value);\r\n\r\n    return currencyCode === \"DZD\"\r\n      ? `${amount} \u062f.\u062c`\r\n      : `${amount} ${currencyCode}`;\r\n  }\r\n\r\n  function productCard(product) {\r\n    const name = escapeHTML(product.name || \"\u0645\u0646\u062a\u062c\");\r\n    const url = escapeHTML(product.permalink || \"#\");\r\n    const images = Array.isArray(product.images) ? product.images : [];\r\n    const image = images[0] || {};\r\n    const imageURL = escapeHTML(image.thumbnail || image.src || \"\");\r\n    const imageAlt = escapeHTML(image.alt || product.name || \"\u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\");\r\n    const price = getPriceData(product);\r\n\r\n    return `\r\n      <article class=\"src-card\">\r\n        <a class=\"src-image-link\" href=\"${url}\">\r\n          <span class=\"src-image-box\">\r\n            ${\r\n              imageURL\r\n                ? `<img decoding=\"async\" src=\"${imageURL}\" alt=\"${imageAlt}\" loading=\"lazy\">`\r\n                : \"\"\r\n            }\r\n            <span class=\"src-badge\">\u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u064b\u0627<\/span>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <div class=\"src-body\">\r\n          <a class=\"src-name\" href=\"${url}\" title=\"${name}\">${name}<\/a>\r\n\r\n          <div class=\"src-price\">\r\n            <strong>${formatMoney(price.value, price.currencyCode)}<\/strong>\r\n          <\/div>\r\n\r\n          <a class=\"src-button\" href=\"${url}\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c<\/a>\r\n        <\/div>\r\n      <\/article>\r\n    `;\r\n  }\r\n\r\n  async function loadBestSellers() {\r\n    try {\r\n      const response = await fetch(endpoint, {\r\n        credentials: \"same-origin\",\r\n        cache: \"no-store\",\r\n        headers: {\r\n          Accept: \"application\/json\"\r\n        }\r\n      });\r\n\r\n      if (!response.ok) {\r\n        throw new Error(\"\u062a\u0639\u0630\u0631 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u064b\u0627.\");\r\n      }\r\n\r\n      const products = await response.json();\r\n\r\n      if (!Array.isArray(products) || !products.length) {\r\n        throw new Error(\"\u0644\u0627 \u062a\u0648\u062c\u062f \u0645\u0646\u062a\u062c\u0627\u062a \u0645\u062a\u0627\u062d\u0629 \u0644\u0644\u0639\u0631\u0636.\");\r\n      }\r\n\r\n      track.innerHTML = products.map(productCard).join(\"\");\r\n    } catch (error) {\r\n      track.innerHTML = `\r\n        <div class=\"src-loading\" role=\"status\">\r\n          \u062a\u0639\u0630\u0631 \u062a\u062d\u0645\u064a\u0644 \u0627\u062e\u062a\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0631\u0627\u0621 \u062d\u0627\u0644\u064a\u064b\u0627.\r\n        <\/div>\r\n      `;\r\n\r\n      console.error(\"Safa7at Readers Choice:\", error);\r\n    }\r\n  }\r\n\r\n  loadBestSellers();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dfedede elementor-widget elementor-widget-html\" data-id=\"dfedede\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== \u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u2014 \u0645\u062f\u0645\u062c \u0641\u064a \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 ===== -->\r\n<!-- \u0642\u0633\u0645 \u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u2014 \u0628\u0646\u0641\u0633 \u0623\u0633\u0644\u0648\u0628 \u0642\u0633\u0645\u064a \u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645 \u0648\u0627\u0644\u0631\u0648\u0627\u064a\u0627\u062a -->\r\n<section id=\"safa7atHumanDevelopmentHero\" dir=\"rtl\" aria-label=\"\u0627\u0633\u062a\u062b\u0645\u0631 \u0641\u064a \u0646\u0641\u0633\u0643 \u0648\u0637\u0648\u0631 \u0645\u0647\u0627\u0631\u0627\u062a\u0643\">\r\n  <a\r\n    class=\"shdh-card\"\r\n    href=\"https:\/\/www.safa7at.com\/product-category\/tanmya-bacharia\/\"\r\n    aria-label=\"\u062a\u0635\u0641\u062d \u0643\u062a\u0628 \u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0628\u0634\u0631\u064a\u0629\">\r\n\r\n    <img data-recalc-dims=\"1\" decoding=\"async\"\r\n      class=\"shdh-image\"\r\n      src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-24-%D9%8A%D9%88%D9%86%D9%8A%D9%88-2026%D8%8C-11_04_57-%D8%B5.png?ssl=1\"\r\n      alt=\"\u0627\u0633\u062a\u062b\u0645\u0631 \u0641\u064a \u0646\u0641\u0633\u0643 \u0648\u0637\u0648\u0631 \u0645\u0647\u0627\u0631\u0627\u062a\u0643\"\r\n      loading=\"lazy\">\r\n\r\n    <span class=\"shdh-overlay\" aria-hidden=\"true\"><\/span>\r\n\r\n    <span class=\"shdh-content\">\r\n      <span class=\"shdh-title\">\u0627\u0633\u062a\u062b\u0645\u0631 \u0641\u064a \u0646\u0641\u0633\u0643 \u0648\u0637\u0648\u0631 \u0645\u0647\u0627\u0631\u0627\u062a\u0643<\/span>\r\n\r\n      <span class=\"shdh-button\">\r\n        \u062a\u0635\u0641\u062d \u0627\u0644\u0643\u062a\u0628\r\n        \r\n      <\/span>\r\n    <\/span>\r\n\r\n  <\/a>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&display=swap');\r\n\r\n#safa7atHumanDevelopmentHero,\r\n#safa7atHumanDevelopmentHero * {\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n#safa7atHumanDevelopmentHero {\r\n  width: calc(100% + 20px) !important;\r\n  max-width: none !important;\r\n  margin: 14px -10px !important;\r\n  padding: 0 !important;\r\n  direction: rtl !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n}\r\n\r\n#safa7atHumanDevelopmentHero .shdh-card {\r\n  position: relative !important;\r\n  display: block !important;\r\n  width: 100% !important;\r\n  height: 178px !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  overflow: hidden !important;\r\n  border: 0 !important;\r\n  border-radius: 18px !important;\r\n  background: #002659 !important;\r\n  color: #ffffff !important;\r\n  text-decoration: none !important;\r\n  box-shadow: 0 6px 18px rgba(0, 38, 89, 0.10) !important;\r\n  -webkit-tap-highlight-color: transparent !important;\r\n}\r\n\r\n#safa7atHumanDevelopmentHero .shdh-image {\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  display: block !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n  object-fit: cover !important;\r\n  object-position: center !important;\r\n  transition: transform 450ms ease !important;\r\n}\r\n\r\n#safa7atHumanDevelopmentHero .shdh-overlay {\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  display: block !important;\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(0, 24, 55, 0.10) 0%,\r\n      rgba(0, 34, 78, 0.38) 42%,\r\n      rgba(0, 28, 66, 0.94) 100%\r\n    ) !important;\r\n}\r\n\r\n#safa7atHumanDevelopmentHero .shdh-content {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  align-items: flex-start !important;\r\n  justify-content: center !important;\r\n  width: 76% !important;\r\n  height: 100% !important;\r\n  margin: 0 0 0 auto !important;\r\n  padding: 20px 18px !important;\r\n  text-align: right !important;\r\n}\r\n\r\n#safa7atHumanDevelopmentHero .shdh-title {\r\n  display: block !important;\r\n  max-width: 315px !important;\r\n  margin: 0 0 14px !important;\r\n  color: #ffffff !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 20px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.55 !important;\r\n  text-align: right !important;\r\n}\r\n\r\n#safa7atHumanDevelopmentHero .shdh-button {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  gap: 7px !important;\r\n  min-height: 39px !important;\r\n  padding: 8px 15px !important;\r\n  border-radius: 12px !important;\r\n  background: #ffffff !important;\r\n  color: #002659 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 12px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.4 !important;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;\r\n}\r\n\r\n#safa7atHumanDevelopmentHero .shdh-button svg {\r\n  display: block !important;\r\n  width: 17px !important;\r\n  height: 17px !important;\r\n  stroke: currentColor !important;\r\n  stroke-width: 2.1 !important;\r\n  stroke-linecap: round !important;\r\n  stroke-linejoin: round !important;\r\n}\r\n\r\n#safa7atHumanDevelopmentHero .shdh-card:active {\r\n  transform: scale(0.993) !important;\r\n}\r\n\r\n#safa7atHumanDevelopmentHero .shdh-card:hover .shdh-image {\r\n  transform: scale(1.025) !important;\r\n}\r\n\r\n#safa7atHumanDevelopmentHero .shdh-card:focus-visible {\r\n  outline: 3px solid rgba(180, 151, 90, 0.45) !important;\r\n  outline-offset: 3px !important;\r\n}\r\n\r\n@media (max-width: 380px) {\r\n  #safa7atHumanDevelopmentHero .shdh-card {\r\n    height: 168px !important;\r\n  }\r\n\r\n  #safa7atHumanDevelopmentHero .shdh-content {\r\n    width: 80% !important;\r\n    padding: 17px 15px !important;\r\n  }\r\n\r\n  #safa7atHumanDevelopmentHero .shdh-title {\r\n    font-size: 17px !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 600px) {\r\n  #safa7atHumanDevelopmentHero {\r\n    width: calc(100% - 20px) !important;\r\n    margin: 18px auto !important;\r\n  }\r\n\r\n  #safa7atHumanDevelopmentHero .shdh-card {\r\n    height: 250px !important;\r\n    border-radius: 20px !important;\r\n  }\r\n\r\n  #safa7atHumanDevelopmentHero .shdh-content {\r\n    width: 60% !important;\r\n    padding: 32px !important;\r\n  }\r\n\r\n  #safa7atHumanDevelopmentHero .shdh-title {\r\n    max-width: 490px !important;\r\n    font-size: 29px !important;\r\n  }\r\n\r\n  #safa7atHumanDevelopmentHero .shdh-button {\r\n    min-height: 44px !important;\r\n    padding: 10px 18px !important;\r\n    font-size: 13px !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  #safa7atHumanDevelopmentHero {\r\n    width: min(1380px, calc(100% - 32px)) !important;\r\n    margin: 22px auto !important;\r\n  }\r\n\r\n  #safa7atHumanDevelopmentHero .shdh-card {\r\n    height: 330px !important;\r\n    border-radius: 22px !important;\r\n  }\r\n\r\n  #safa7atHumanDevelopmentHero .shdh-content {\r\n    width: 53% !important;\r\n    padding: 44px !important;\r\n  }\r\n\r\n  #safa7atHumanDevelopmentHero .shdh-title {\r\n    max-width: 650px !important;\r\n    font-size: 38px !important;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #safa7atHumanDevelopmentHero .shdh-image {\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c2db665 elementor-widget elementor-widget-html\" data-id=\"c2db665\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0648\u0627\u0644\u062a\u0631\u0628\u064a\u0629 \u2014 \u0645\u062f\u0645\u062c \u0641\u064a \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 ===== -->\r\n<!-- \u0642\u0633\u0645 \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0648\u0627\u0644\u062a\u0631\u0628\u064a\u0629 \u2014 \u0643\u0627\u0631\u0648\u0633\u064a\u0644 \u0645\u0646\u062a\u062c\u0627\u062a -->\r\n<section id=\"safa7atRelationsParenting\" dir=\"rtl\" aria-label=\"\u0643\u062a\u0628 \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0648\u0627\u0644\u062a\u0631\u0628\u064a\u0629\">\r\n  <div class=\"srp-shell\">\r\n\r\n    <header class=\"srp-header\">\r\n      <h2 class=\"srp-title\">\u0623\u0633\u0631\u0629 \u0623\u0643\u062b\u0631 \u0633\u0639\u0627\u062f\u0629 \u0648\u0637\u0645\u0623\u0646\u064a\u0646\u0629<\/h2>\r\n    <\/header>\r\n\r\n    <div class=\"srp-slider\">\r\n      <div class=\"srp-track\" id=\"srpTrack\" tabindex=\"0\" aria-live=\"polite\"><\/div>\r\n    <\/div>\r\n\r\n    <a\r\n      class=\"srp-view-all\"\r\n      href=\"https:\/\/www.safa7at.com\/product-category\/tanmya-bacharia\/alqat-wa-tarbya\/\"\r\n      aria-label=\"\u0639\u0631\u0636 \u062c\u0645\u064a\u0639 \u0643\u062a\u0628 \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0648\u0627\u0644\u062a\u0631\u0628\u064a\u0629\">\r\n      \u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064a\u062f\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n        <path d=\"M15 18l-6-6 6-6\"><\/path>\r\n      <\/svg>\r\n    <\/a>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800&display=swap');\r\n\r\n#safa7atRelationsParenting,\r\n#safa7atRelationsParenting * {\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n#safa7atRelationsParenting {\r\n  width: calc(100% + 20px) !important;\r\n  max-width: none !important;\r\n  margin: 18px -10px !important;\r\n  padding: 0 !important;\r\n  direction: rtl !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n}\r\n\r\n#safa7atRelationsParenting .srp-shell {\r\n  width: 100% !important;\r\n  padding: 18px 14px 16px !important;\r\n  border: 1px solid rgba(0,38,89,.10) !important;\r\n  border-radius: 22px !important;\r\n  background: #ffffff !important;\r\n  box-shadow: 0 7px 22px rgba(0,38,89,.08) !important;\r\n}\r\n\r\n#safa7atRelationsParenting .srp-header {\r\n  margin: 0 0 14px !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n#safa7atRelationsParenting .srp-title {\r\n  margin: 0 !important;\r\n  color: #002659 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 24px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.45 !important;\r\n  text-align: right !important;\r\n}\r\n\r\n#safa7atRelationsParenting .srp-slider {\r\n  width: 100% !important;\r\n  overflow: hidden !important;\r\n}\r\n\r\n#safa7atRelationsParenting .srp-track {\r\n  display: flex !important;\r\n  direction: rtl !important;\r\n  gap: 12px !important;\r\n  width: 100% !important;\r\n  overflow-x: auto !important;\r\n  padding: 2px 1px 8px !important;\r\n  scroll-snap-type: x mandatory !important;\r\n  scroll-behavior: smooth !important;\r\n  overscroll-behavior-inline: contain !important;\r\n  scrollbar-width: none !important;\r\n}\r\n\r\n#safa7atRelationsParenting .srp-track::-webkit-scrollbar {\r\n  display: none !important;\r\n}\r\n\r\n#safa7atRelationsParenting .srp-card {\r\n  position: relative !important;\r\n  display: flex !important;\r\n  flex: 0 0 calc((100% - 12px) \/ 2) !important;\r\n  flex-direction: column !important;\r\n  min-width: 0 !important;\r\n  overflow: hidden !important;\r\n  border: 1px solid rgba(0,38,89,.12) !important;\r\n  border-radius: 16px !important;\r\n  background: #ffffff !important;\r\n  box-shadow: 0 5px 14px rgba(0,38,89,.07) !important;\r\n  scroll-snap-align: start !important;\r\n  transition: transform .2s ease, box-shadow .2s ease !important;\r\n}\r\n\r\n#safa7atRelationsParenting .srp-image-link {\r\n  position: relative !important;\r\n  display: block !important;\r\n  width: 100% !important;\r\n  overflow: hidden !important;\r\n  text-decoration: none !important;\r\n  background: #f2f4f6 !important;\r\n  aspect-ratio: 1 \/ 1.10 !important;\r\n}\r\n\r\n#safa7atRelationsParenting .srp-image-link img {\r\n  display: block !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  object-fit: cover !important;\r\n  transition: transform .35s ease !important;\r\n}\r\n\r\n#safa7atRelationsParenting .srp-badge {\r\n  position: absolute !important;\r\n  top: 9px !important;\r\n  right: 9px !important;\r\n  z-index: 2 !important;\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  min-height: 28px !important;\r\n  padding: 5px 9px !important;\r\n  border-radius: 8px !important;\r\n  background: #002659 !important;\r\n  color: #ffffff !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 9px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.2 !important;\r\n  box-shadow: 0 4px 10px rgba(0,38,89,.20) !important;\r\n}\r\n\r\n#safa7atRelationsParenting .srp-body {\r\n  display: flex !important;\r\n  flex: 1 1 auto !important;\r\n  flex-direction: column !important;\r\n  padding: 11px 10px 10px !important;\r\n}\r\n\r\n\/* \u0639\u0631\u0636 \u0627\u0633\u0645 \u0627\u0644\u0645\u0646\u062a\u062c \u0641\u064a \u0633\u0637\u0631 \u0648\u0627\u062d\u062f \u0644\u062a\u062e\u0641\u064a\u0636 \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 *\/\r\n#safa7atRelationsParenting .srp-name {\r\n  display: block !important;\r\n  white-space: nowrap !important;\r\n  overflow: hidden !important;\r\n  text-overflow: ellipsis !important;\r\n  min-height: unset !important;\r\n  margin: 0 !important;\r\n  color: #002659 !important;\r\n  text-decoration: none !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 12px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.4 !important;\r\n  text-align: right !important;\r\n}\r\n\r\n#safa7atRelationsParenting .srp-price {\r\n  display: flex !important;\r\n  align-items: baseline !important;\r\n  flex-wrap: wrap !important;\r\n  gap: 4px 6px !important;\r\n  min-height: auto !important;\r\n  margin: 6px 0 8px !important;\r\n}\r\n\r\n#safa7atRelationsParenting .srp-price strong {\r\n  color: #002659 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 17px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.25 !important;\r\n}\r\n\r\n#safa7atRelationsParenting .srp-price del {\r\n  color: #9299a3 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 10px !important;\r\n  font-weight: 600 !important;\r\n}\r\n\r\n\/* \u0632\u0631 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0634\u0631\u0627\u0621\/\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0648\u062a\u0641\u0627\u0639\u0644\u0647 \u0639\u0646\u062f Hover *\/\r\n#safa7atRelationsParenting .srp-add {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  gap: 6px !important;\r\n  width: 100% !important;\r\n  min-height: 38px !important;\r\n  margin-top: auto !important;\r\n  padding: 6px 10px !important;\r\n  border: 1px solid rgba(0,38,89,.18) !important;\r\n  border-radius: 12px !important;\r\n  background: #ffffff !important;\r\n  color: #002659 !important;\r\n  text-decoration: none !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 11px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.3 !important;\r\n  transition: all 0.2s ease-in-out !important;\r\n}\r\n\r\n#safa7atRelationsParenting .srp-add svg {\r\n  display: block !important;\r\n  width: 18px !important;\r\n  height: 18px !important;\r\n  stroke: currentColor !important;\r\n  stroke-width: 2 !important;\r\n  stroke-linecap: round !important;\r\n  stroke-linejoin: round !important;\r\n  transition: stroke 0.2s ease-in-out !important;\r\n}\r\n\r\n#safa7atRelationsParenting .srp-add:hover,\r\n#safa7atRelationsParenting .srp-add:active,\r\n#safa7atRelationsParenting .srp-add:focus {\r\n  background: #002659 !important;\r\n  color: #ffffff !important;\r\n  border-color: #002659 !important;\r\n}\r\n\r\n#safa7atRelationsParenting .srp-view-all {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  gap: 7px !important;\r\n  width: 100% !important;\r\n  min-height: 52px !important;\r\n  margin-top: 16px !important;\r\n  padding: 10px 18px !important;\r\n  border: 1px solid rgba(0,38,89,.15) !important;\r\n  border-radius: 16px !important;\r\n  background: #ffffff !important;\r\n  color: #6f7781 !important;\r\n  text-decoration: none !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 15px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.4 !important;\r\n  box-shadow: 0 3px 10px rgba(0,38,89,.035) inset !important;\r\n  transition: all 0.2s ease-in-out !important;\r\n}\r\n\r\n#safa7atRelationsParenting .srp-view-all:hover {\r\n  background: #f4f6f9 !important;\r\n  color: #002659 !important;\r\n}\r\n\r\n#safa7atRelationsParenting .srp-view-all svg {\r\n  display: block !important;\r\n  width: 19px !important;\r\n  height: 19px !important;\r\n  stroke: currentColor !important;\r\n  stroke-width: 2.1 !important;\r\n  stroke-linecap: round !important;\r\n  stroke-linejoin: round !important;\r\n}\r\n\r\n#safa7atRelationsParenting .srp-card:hover {\r\n  transform: translateY(-3px) !important;\r\n  box-shadow: 0 10px 24px rgba(0,38,89,.12) !important;\r\n}\r\n\r\n#safa7atRelationsParenting .srp-card:hover img {\r\n  transform: scale(1.025) !important;\r\n}\r\n\r\n#safa7atRelationsParenting .srp-empty {\r\n  display: grid !important;\r\n  place-items: center !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  padding: 14px !important;\r\n  color: #002659 !important;\r\n  text-align: center !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 11px !important;\r\n  font-weight: 800 !important;\r\n}\r\n\r\n#safa7atRelationsParenting .srp-skeleton {\r\n  flex: 0 0 calc((100% - 12px) \/ 2) !important;\r\n  min-height: 320px !important;\r\n  border-radius: 16px !important;\r\n  background: linear-gradient(90deg,#edf0f3 25%,#fafbfc 38%,#edf0f3 63%) !important;\r\n  background-size: 400% 100% !important;\r\n  animation: srpShimmer 1.2s infinite !important;\r\n}\r\n\r\n@keyframes srpShimmer {\r\n  from { background-position: 100% 0; }\r\n  to { background-position: 0 0; }\r\n}\r\n\r\n#safa7atRelationsParenting a:focus-visible,\r\n#safa7atRelationsParenting .srp-track:focus-visible {\r\n  outline: 3px solid rgba(180,151,90,.42) !important;\r\n  outline-offset: 3px !important;\r\n}\r\n\r\n@media (max-width: 380px) {\r\n  #safa7atRelationsParenting .srp-shell {\r\n    padding-right: 12px !important;\r\n    padding-left: 12px !important;\r\n  }\r\n\r\n  #safa7atRelationsParenting .srp-title {\r\n    font-size: 21px !important;\r\n  }\r\n\r\n  #safa7atRelationsParenting .srp-name {\r\n    font-size: 11px !important;\r\n  }\r\n\r\n  #safa7atRelationsParenting .srp-price strong {\r\n    font-size: 15px !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 600px) {\r\n  #safa7atRelationsParenting {\r\n    width: calc(100% - 20px) !important;\r\n    margin: 20px auto !important;\r\n  }\r\n\r\n  #safa7atRelationsParenting .srp-shell {\r\n    padding: 22px 20px 20px !important;\r\n  }\r\n\r\n  #safa7atRelationsParenting .srp-track {\r\n    gap: 16px !important;\r\n  }\r\n\r\n  #safa7atRelationsParenting .srp-card,\r\n  #safa7atRelationsParenting .srp-skeleton {\r\n    flex-basis: calc((100% - 32px) \/ 3) !important;\r\n  }\r\n\r\n  #safa7atRelationsParenting .srp-title {\r\n    font-size: 28px !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  #safa7atRelationsParenting {\r\n    width: min(1380px, calc(100% - 32px)) !important;\r\n    margin: 24px auto !important;\r\n  }\r\n\r\n  #safa7atRelationsParenting .srp-card,\r\n  #safa7atRelationsParenting .srp-skeleton {\r\n    flex-basis: calc((100% - 48px) \/ 4) !important;\r\n  }\r\n\r\n  #safa7atRelationsParenting .srp-title {\r\n    font-size: 32px !important;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #safa7atRelationsParenting .srp-card,\r\n  #safa7atRelationsParenting .srp-image-link img,\r\n  #safa7atRelationsParenting .srp-track {\r\n    transition: none !important;\r\n    scroll-behavior: auto !important;\r\n  }\r\n\r\n  #safa7atRelationsParenting .srp-skeleton {\r\n    animation: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n  const root = document.getElementById(\"safa7atRelationsParenting\");\r\n  if (!root || root.dataset.ready === \"1\") return;\r\n  root.dataset.ready = \"1\";\r\n\r\n  const track = root.querySelector(\"#srpTrack\");\r\n  const categorySlug = \"alqat-wa-tarbya\";\r\n  const maxProducts = 8;\r\n\r\n  const escapeHTML = (value = \"\") =>\r\n    String(value).replace(\/[&<>\"']\/g, char => ({\r\n      \"&\": \"&amp;\",\r\n      \"<\": \"&lt;\",\r\n      \">\": \"&gt;\",\r\n      '\"': \"&quot;\",\r\n      \"'\": \"&#039;\"\r\n    }[char]));\r\n\r\n  const formatPrice = (minor, minorUnit, suffix) => {\r\n    const value = Number(minor || 0) \/ Math.pow(10, Number(minorUnit || 0));\r\n\r\n    return `${new Intl.NumberFormat(\"fr-DZ\", {\r\n      maximumFractionDigits: 0\r\n    }).format(value)} ${suffix || \"\u062f.\u062c\"}`;\r\n  };\r\n\r\n  const cartIcon = `\r\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n      <path d=\"M3 4h2l2.2 10.1a2 2 0 0 0 2 1.6h7.9a2 2 0 0 0 2-1.6L20.5 8H7\"><\/path>\r\n      <path d=\"M10 20h.01M17 20h.01\"><\/path>\r\n    <\/svg>\r\n  `;\r\n\r\n  track.innerHTML = Array.from({ length: 4 }, () =>\r\n    '<div class=\"srp-skeleton\" aria-hidden=\"true\"><\/div>'\r\n  ).join(\"\");\r\n\r\n  function buildCard(product, index) {\r\n    const image = product?.images?.[0]?.src || \"\";\r\n    const name = product?.name || \"\u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c\";\r\n    const url = product?.permalink || \"#\";\r\n    const prices = product?.prices || {};\r\n\r\n    const currentPrice = prices.price\r\n      ? formatPrice(\r\n          prices.price,\r\n          prices.currency_minor_unit,\r\n          prices.currency_suffix\r\n        )\r\n      : \"\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644\";\r\n\r\n    const regularPrice = prices.regular_price\r\n      ? formatPrice(\r\n          prices.regular_price,\r\n          prices.currency_minor_unit,\r\n          prices.currency_suffix\r\n        )\r\n      : \"\";\r\n\r\n    const hasDiscount =\r\n      prices.regular_price &&\r\n      prices.price &&\r\n      Number(prices.regular_price) > Number(prices.price);\r\n\r\n    return `\r\n      <article class=\"srp-card\">\r\n        <a class=\"srp-image-link\" href=\"${escapeHTML(url)}\" aria-label=\"${escapeHTML(name)}\">\r\n          ${\r\n            image\r\n              ? `<img decoding=\"async\" src=\"${escapeHTML(image)}\" alt=\"${escapeHTML(name)}\" loading=\"lazy\">`\r\n              : `<span class=\"srp-empty\">${escapeHTML(name)}<\/span>`\r\n          }\r\n          ${index === 0 ? '<span class=\"srp-badge\">\u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u064b\u0627<\/span>' : \"\"}\r\n        <\/a>\r\n\r\n        <div class=\"srp-body\">\r\n          <a class=\"srp-name\" href=\"${escapeHTML(url)}\" title=\"${escapeHTML(name)}\">\r\n            ${escapeHTML(name)}\r\n          <\/a>\r\n\r\n          <div class=\"srp-price\">\r\n            <strong>${escapeHTML(currentPrice)}<\/strong>\r\n            ${hasDiscount ? `<del>${escapeHTML(regularPrice)}<\/del>` : \"\"}\r\n          <\/div>\r\n\r\n          <a class=\"srp-add\" href=\"${escapeHTML(url)}\">\r\n            ${cartIcon}\r\n            \u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0627\u0644\u0633\u0644\u0629\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\r\n    `;\r\n  }\r\n\r\n  async function loadProducts() {\r\n    try {\r\n      const productsURL =\r\n        `https:\/\/www.safa7at.com\/wp-json\/wc\/store\/v1\/products` +\r\n        `?category=${encodeURIComponent(categorySlug)}` +\r\n        `&category_operator=and` +\r\n        `&per_page=24` +\r\n        `&orderby=popularity` +\r\n        `&order=desc`;\r\n\r\n      const response = await fetch(productsURL, {\r\n        credentials: \"same-origin\",\r\n        cache: \"no-store\"\r\n      });\r\n\r\n      if (!response.ok) {\r\n        throw new Error(\"Products request failed\");\r\n      }\r\n\r\n      const result = await response.json();\r\n\r\n      if (!Array.isArray(result)) {\r\n        throw new Error(\"Invalid products response\");\r\n      }\r\n\r\n      const exactCategoryProducts = result\r\n        .filter(product =>\r\n          Array.isArray(product?.categories) &&\r\n          product.categories.some(category =>\r\n            String(category?.slug || \"\").toLowerCase() === categorySlug.toLowerCase()\r\n          )\r\n        )\r\n        .slice(0, maxProducts);\r\n\r\n      if (exactCategoryProducts.length === 0) {\r\n        throw new Error(\"No exact-category products found\");\r\n      }\r\n\r\n      track.innerHTML = exactCategoryProducts.map(buildCard).join(\"\");\r\n      track.scrollLeft = 0;\r\n    } catch (error) {\r\n      track.innerHTML = `\r\n        <div class=\"srp-empty\" style=\"min-height:180px;\">\r\n          \u062a\u0639\u0630\u0631 \u062a\u062d\u0645\u064a\u0644 \u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0648\u0627\u0644\u062a\u0631\u0628\u064a\u0629 \u062d\u0627\u0644\u064a\u064b\u0627\r\n        <\/div>\r\n      `;\r\n    }\r\n  }\r\n\r\n  loadProducts();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-05554c7 elementor-widget elementor-widget-html\" data-id=\"05554c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u0642\u0633\u0645 \u0645\u0633\u062a\u0642\u0644: \u0645\u0642\u064a\u0627\u0633 \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u2014 \u0628\u0646\u0641\u0633 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0623\u0635\u0644\u064a \u0645\u0639 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0644\u063a\u0648\u064a\u0629 \u0641\u0642\u0637 -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<section id=\"safa7atMoodMeterStandalone\" class=\"pages-section pages-mood-meter-section\" dir=\"rtl\" aria-labelledby=\"safa7atMoodMeterTitle\">\r\n  <div class=\"pages-section-head\">\r\n    <span>\u0644\u0623\u0646 \u0644\u0643\u0644 \u062d\u0627\u0644\u0629 \u0643\u062a\u0627\u0628\u064b\u0627<\/span>\r\n    <h2 id=\"safa7atMoodMeterTitle\">\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u0646\u0627\u0633\u0628 \u062d\u0627\u0644\u062a\u0643 \u0627\u0644\u064a\u0648\u0645\u061f<\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"pages-meter-card\">\r\n    <p class=\"pages-meter-instruction\">\r\n      \u062d\u0631\u0651\u0643 \u0627\u0644\u0645\u0624\u0634\u0631 \u0628\u062d\u0633\u0628 \u062d\u0627\u0644\u062a\u0643 \u0627\u0644\u062d\u0627\u0644\u064a\u0629\u060c \u0648\u0633\u0646\u0642\u062a\u0631\u062d \u0639\u0644\u064a\u0643 \u0643\u062a\u0627\u0628\u064b\u0627 \u064a\u0646\u0627\u0633\u0628 \u0625\u064a\u0642\u0627\u0639\u0643 \u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u0644\u062d\u0638\u0629.\r\n    <\/p>\r\n\r\n    <div class=\"pages-slider-container\">\r\n      <span class=\"slider-label label-left\">\u0642\u0631\u0627\u0621\u0629 \u0645\u0631\u064a\u062d\u0629 \ud83c\udf3f<\/span>\r\n\r\n      <input\r\n        type=\"range\"\r\n        min=\"1\"\r\n        max=\"4\"\r\n        value=\"2\"\r\n        step=\"1\"\r\n        class=\"pages-premium-slider\"\r\n        id=\"safa7atMoodSlider\"\r\n        aria-label=\"\u0627\u062e\u062a\u0631 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u062d\u0627\u0644\u062a\u0643\"\r\n      >\r\n\r\n      <span class=\"slider-label label-right\">\u062a\u062d\u062f\u064d\u0651 \u0641\u0643\u0631\u064a \ud83e\udde0<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"pages-meter-levels\" aria-hidden=\"true\">\r\n      <span>\u0642\u0631\u0627\u0621\u0629 \u0645\u0631\u064a\u062d\u0629<\/span>\r\n      <span>\u062a\u0631\u0643\u064a\u0632 \u0647\u0627\u062f\u0626<\/span>\r\n      <span>\u0639\u0642\u0644 \u0645\u062a\u0642\u062f<\/span>\r\n      <span>\u062a\u062d\u062f\u064d\u0651 \u0641\u0643\u0631\u064a<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"pages-meter-result\" id=\"safa7atMeterResult\" aria-live=\"polite\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n#safa7atMoodMeterStandalone,\r\n#safa7atMoodMeterStandalone * {\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n#safa7atMoodMeterStandalone {\r\n  --pages-navy: #002659;\r\n  --pages-gold: #b4975a;\r\n  --pages-bg: #f7f9fc;\r\n  --pages-white: #ffffff;\r\n  --pages-muted: #697383;\r\n  --pages-border: rgba(0, 38, 89, 0.09);\r\n  --pages-border-strong: rgba(0, 38, 89, 0.16);\r\n  --pages-card-radius: 22px;\r\n\r\n  width: calc(100% + 20px) !important;\r\n  max-width: none !important;\r\n  margin: 14px -10px !important;\r\n  padding: 0 !important;\r\n  direction: rtl !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n}\r\n\r\n#safa7atMoodMeterStandalone .pages-section-head {\r\n  display: block !important;\r\n  margin: 0 0 14px !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n  text-align: right !important;\r\n}\r\n\r\n#safa7atMoodMeterStandalone .pages-section-head span {\r\n  display: block !important;\r\n  margin: 0 0 5px !important;\r\n  color: var(--pages-gold) !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 11px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.4 !important;\r\n}\r\n\r\n#safa7atMoodMeterStandalone .pages-section-head h2 {\r\n  margin: 0 !important;\r\n  color: var(--pages-navy) !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 25px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.45 !important;\r\n}\r\n\r\n#safa7atMoodMeterStandalone .pages-meter-card {\r\n  margin-top: 14px !important;\r\n  padding: 21px 18px !important;\r\n  border: 1px solid var(--pages-border) !important;\r\n  border-radius: var(--pages-card-radius) !important;\r\n  background: var(--pages-white) !important;\r\n  box-shadow: 0 5px 18px rgba(0, 38, 89, 0.05) !important;\r\n}\r\n\r\n#safa7atMoodMeterStandalone .pages-meter-instruction {\r\n  margin: 0 0 13px !important;\r\n  color: var(--pages-muted) !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 12px !important;\r\n  font-weight: 600 !important;\r\n  line-height: 1.65 !important;\r\n  text-align: right !important;\r\n}\r\n\r\n#safa7atMoodMeterStandalone .pages-slider-container {\r\n  display: grid !important;\r\n  grid-template-columns: auto minmax(0, 1fr) auto !important;\r\n  align-items: center !important;\r\n  gap: 12px !important;\r\n  width: 100% !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n#safa7atMoodMeterStandalone .slider-label {\r\n  position: static !important;\r\n  display: block !important;\r\n  width: auto !important;\r\n  margin: 0 !important;\r\n  color: var(--pages-navy) !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 10px !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.4 !important;\r\n  white-space: nowrap !important;\r\n  transform: none !important;\r\n}\r\n\r\n#safa7atMoodMeterStandalone .pages-premium-slider {\r\n  width: 100% !important;\r\n  height: 8px !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n  border-radius: 999px !important;\r\n  outline: none !important;\r\n  background: #e9edf3 !important;\r\n  cursor: pointer !important;\r\n  appearance: none !important;\r\n  -webkit-appearance: none !important;\r\n  accent-color: var(--pages-navy) !important;\r\n}\r\n\r\n#safa7atMoodMeterStandalone .pages-premium-slider::-webkit-slider-thumb {\r\n  width: 20px !important;\r\n  height: 20px !important;\r\n  border: 2px solid #ffffff !important;\r\n  border-radius: 50% !important;\r\n  background: var(--pages-navy) !important;\r\n  box-shadow: 0 3px 10px rgba(0, 38, 89, 0.28) !important;\r\n  cursor: grab !important;\r\n  appearance: none !important;\r\n  -webkit-appearance: none !important;\r\n  transition: transform 0.15s ease !important;\r\n}\r\n\r\n#safa7atMoodMeterStandalone .pages-premium-slider::-webkit-slider-thumb:active {\r\n  cursor: grabbing !important;\r\n  transform: scale(1.15) !important;\r\n}\r\n\r\n#safa7atMoodMeterStandalone .pages-premium-slider::-moz-range-thumb {\r\n  width: 20px !important;\r\n  height: 20px !important;\r\n  border: 2px solid #ffffff !important;\r\n  border-radius: 50% !important;\r\n  background: var(--pages-navy) !important;\r\n  box-shadow: 0 3px 10px rgba(0, 38, 89, 0.28) !important;\r\n  cursor: grab !important;\r\n  transition: transform 0.15s ease !important;\r\n}\r\n\r\n#safa7atMoodMeterStandalone .pages-premium-slider::-moz-range-thumb:active {\r\n  cursor: grabbing !important;\r\n  transform: scale(1.15) !important;\r\n}\r\n\r\n#safa7atMoodMeterStandalone .pages-meter-levels {\r\n  display: grid !important;\r\n  grid-template-columns: repeat(4, 1fr) !important;\r\n  gap: 5px !important;\r\n  margin: 10px 0 14px !important;\r\n  color: #77849a !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 9px !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.4 !important;\r\n  text-align: center !important;\r\n}\r\n\r\n#safa7atMoodMeterStandalone .pages-meter-result {\r\n  display: grid !important;\r\n  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) !important;\r\n  gap: 12px !important;\r\n  align-items: center !important;\r\n  min-height: 84px !important;\r\n  padding: 14px !important;\r\n  border: 0 !important;\r\n  border-right: 4px solid var(--pages-gold) !important;\r\n  border-radius: 12px !important;\r\n  background: var(--pages-bg) !important;\r\n  transition: opacity 0.2s ease !important;\r\n}\r\n\r\n#safa7atMoodMeterStandalone .pages-meter-result blockquote {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n  color: var(--pages-navy) !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 12px !important;\r\n  font-style: normal !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.65 !important;\r\n}\r\n\r\n#safa7atMoodMeterStandalone .pages-meter-rec {\r\n  margin: 0 !important;\r\n  padding: 10px 12px !important;\r\n  border: 1px solid rgba(180, 151, 90, 0.22) !important;\r\n  border-radius: 10px !important;\r\n  background: #ffffff !important;\r\n  color: var(--pages-muted) !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 11px !important;\r\n  font-weight: 600 !important;\r\n  line-height: 1.55 !important;\r\n}\r\n\r\n#safa7atMoodMeterStandalone .pages-meter-rec a {\r\n  color: var(--pages-navy) !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-weight: 800 !important;\r\n  text-decoration: none !important;\r\n  border-bottom: 1px solid var(--pages-gold) !important;\r\n  transition: color 0.15s ease !important;\r\n}\r\n\r\n#safa7atMoodMeterStandalone .pages-meter-rec a:hover {\r\n  color: var(--pages-gold) !important;\r\n}\r\n\r\n#safa7atMoodMeterStandalone .pages-meter-rec span {\r\n  display: block !important;\r\n  margin-top: 3px !important;\r\n}\r\n\r\n@media (min-width: 600px) {\r\n  #safa7atMoodMeterStandalone {\r\n    width: calc(100% - 20px) !important;\r\n    margin: 18px auto !important;\r\n  }\r\n\r\n  #safa7atMoodMeterStandalone .pages-meter-card {\r\n    padding: 24px 22px !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  #safa7atMoodMeterStandalone {\r\n    width: min(1380px, calc(100% - 32px)) !important;\r\n    margin: 22px auto !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n  #safa7atMoodMeterStandalone .pages-section-head h2 {\r\n    font-size: 21px !important;\r\n  }\r\n\r\n  #safa7atMoodMeterStandalone .pages-slider-container {\r\n    grid-template-columns: 1fr !important;\r\n    gap: 5px !important;\r\n  }\r\n\r\n  #safa7atMoodMeterStandalone .slider-label {\r\n    display: none !important;\r\n  }\r\n\r\n  #safa7atMoodMeterStandalone .pages-meter-result {\r\n    grid-template-columns: 1fr !important;\r\n    gap: 10px !important;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #safa7atMoodMeterStandalone *,\r\n  #safa7atMoodMeterStandalone *::before,\r\n  #safa7atMoodMeterStandalone *::after {\r\n    scroll-behavior: auto !important;\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n  const section = document.getElementById(\"safa7atMoodMeterStandalone\");\r\n\r\n  if (!section || section.dataset.moodReady === \"true\") {\r\n    return;\r\n  }\r\n\r\n  section.dataset.moodReady = \"true\";\r\n\r\n  const slider = section.querySelector(\"#safa7atMoodSlider\");\r\n  const result = section.querySelector(\"#safa7atMeterResult\");\r\n\r\n  const levels = {\r\n    \"1\": {\r\n      message: \"\u064a\u0628\u062f\u0648 \u0623\u0646\u0643 \u062a\u062d\u062a\u0627\u062c \u0627\u0644\u064a\u0648\u0645 \u0625\u0644\u0649 \u0642\u0631\u0627\u0621\u0629 \u0647\u0627\u062f\u0626\u0629 \u062a\u0645\u0646\u062d\u0643 \u0645\u0633\u0627\u062d\u0629 \u0644\u0644\u0631\u0627\u062d\u0629 \u0648\u0627\u0644\u062a\u0623\u0645\u0644.\",\r\n      title: \"\u062d\u062f\u064a\u062b \u0627\u0644\u0635\u0628\u0627\u062d\",\r\n      link: \"https:\/\/www.safa7at.com\/product\/hadith-assabah\/\",\r\n      note: \"\u0627\u062e\u062a\u064a\u0627\u0631 \u0644\u0637\u064a\u0641 \u0644\u0644\u062d\u0638\u0627\u062a \u0627\u0644\u0647\u062f\u0648\u0621 \u0648\u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u0631\u064a\u062d\u0629.\"\r\n    },\r\n    \"2\": {\r\n      message: \"\u064a\u0646\u0627\u0633\u0628\u0643 \u0627\u0644\u0622\u0646 \u0643\u062a\u0627\u0628 \u0648\u0627\u0636\u062d \u0648\u0633\u0644\u0633 \u064a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0645\u062a\u0639\u0629 \u0648\u0627\u0644\u0641\u0627\u0626\u062f\u0629 \u062f\u0648\u0646 \u0623\u0646 \u064a\u0631\u0647\u0642 \u062a\u0631\u0643\u064a\u0632\u0643.\",\r\n      title: \"\u0627\u0644\u0623\u0628 \u0627\u0644\u063a\u0646\u064a \u0627\u0644\u0623\u0628 \u0627\u0644\u0641\u0642\u064a\u0631\",\r\n      link: \"https:\/\/www.safa7at.com\/product\/alab-alghani-alab-alfaqir\/\",\r\n      note: \"\u0623\u0641\u0643\u0627\u0631 \u0639\u0645\u0644\u064a\u0629 \u0628\u0644\u063a\u0629 \u0633\u0647\u0644\u0629 \u0648\u0642\u0631\u064a\u0628\u0629 \u0645\u0646 \u0627\u0644\u062d\u064a\u0627\u0629.\"\r\n    },\r\n    \"3\": {\r\n      message: \"\u0630\u0647\u0646\u0643 \u0645\u0633\u062a\u0639\u062f \u0644\u0627\u0643\u062a\u0634\u0627\u0641 \u0623\u0641\u0643\u0627\u0631 \u062c\u062f\u064a\u062f\u0629 \u0648\u0641\u0647\u0645 \u0623\u0639\u0645\u0642 \u0644\u0644\u0630\u0627\u062a \u0648\u0627\u0644\u0633\u0644\u0648\u0643.\",\r\n      title: \"\u0627\u0644\u0642\u0644\u0642 \u0627\u0644\u0627\u0633\u062a\u0628\u0627\u0642\u064a\",\r\n      link: \"https:\/\/www.safa7at.com\/product\/alqalaq-aliistibaqiu\/\",\r\n      note: \"\u0642\u0631\u0627\u0621\u0629 \u062a\u062d\u0644\u064a\u0644\u064a\u0629 \u0648\u0627\u0636\u062d\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0641\u0647\u0645 \u0645\u0627 \u064a\u062f\u0648\u0631 \u062f\u0627\u062e\u0644\u0643.\"\r\n    },\r\n    \"4\": {\r\n      message: \"\u0647\u0630\u0647 \u0644\u062d\u0638\u0629 \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0642\u0631\u0627\u0621\u0629 \u0639\u0645\u064a\u0642\u0629 \u062a\u062a\u0637\u0644\u0628 \u062a\u0631\u0643\u064a\u0632\u064b\u0627 \u0648\u062a\u0641\u062a\u062d \u0623\u0645\u0627\u0645\u0643 \u0622\u0641\u0627\u0642\u064b\u0627 \u0623\u0648\u0633\u0639.\",\r\n      title: \"\u0645\u0642\u062f\u0645\u0629 \u0627\u0628\u0646 \u062e\u0644\u062f\u0648\u0646\",\r\n      link: \"https:\/\/www.safa7at.com\/product\/muqaddimat-ibn-khaldun\/\",\r\n      note: \"\u0627\u062e\u062a\u064a\u0627\u0631 \u062b\u0631\u064a \u0644\u0645\u0646 \u064a\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0639\u0645\u064a\u0642.\"\r\n    }\r\n  };\r\n\r\n  function updateMoodMeter(value) {\r\n    const item = levels[String(value)] || levels[\"2\"];\r\n\r\n    result.innerHTML = `\r\n      <blockquote>${item.message}<\/blockquote>\r\n      <div class=\"pages-meter-rec\">\r\n        \ud83d\udcd6 \u062a\u0631\u0634\u064a\u062d \u0635\u0641\u062d\u0627\u062a:\r\n        <a href=\"${item.link}\">${item.title}<\/a>\r\n        <span>\u2014 ${item.note}<\/span>\r\n      <\/div>\r\n    `;\r\n  }\r\n\r\n  slider.addEventListener(\"input\", (event) => {\r\n    updateMoodMeter(event.target.value);\r\n  });\r\n\r\n  updateMoodMeter(slider.value);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b0428f elementor-widget elementor-widget-html\" data-id=\"8b0428f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u0642\u0633\u0645 \u0645\u0633\u062a\u0642\u0644: \u0627\u0644\u062c\u0631\u0639\u0629 \u0627\u0644\u062b\u0642\u0627\u0641\u064a\u0629 \u0627\u0644\u0645\u0631\u0643\u0651\u0632\u0629\r\n     \u064a\u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0623\u0635\u0644\u064a\u060c \u0648\u064a\u0639\u0631\u0636 \u0643\u062a\u0627\u0628\u064b\u0627 \u0645\u062e\u062a\u0644\u0641\u064b\u0627 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627 \u0639\u0646\u062f \u0643\u0644 \u062a\u062d\u0645\u064a\u0644 \u0644\u0644\u0635\u0641\u062d\u0629\r\n     \u064a\u064f\u0644\u0635\u0642 \u0643\u0627\u0645\u0644\u064b\u0627 \u062f\u0627\u062e\u0644 \u0639\u0646\u0635\u0631 HTML \u0648\u0627\u062d\u062f \u0641\u064a Elementor -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<section id=\"safa7atDynamicCulturalDose\" class=\"pages-section pages-dose-section\" dir=\"rtl\" aria-labelledby=\"safa7atDoseTitle\">\r\n  <div class=\"pages-section-head\">\r\n    <span>\u0643\u062a\u0627\u0628 \u0645\u062e\u062a\u0627\u0631 \u062a\u062d\u062a \u0627\u0644\u0645\u062c\u0647\u0631<\/span>\r\n    <h2 id=\"safa7atDoseTitle\">\u0627\u0644\u062c\u0631\u0639\u0629 \u0627\u0644\u062b\u0642\u0627\u0641\u064a\u0629 \u0627\u0644\u0645\u0631\u0643\u0651\u0632\u0629<\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"pages-dose-wrapper\">\r\n    <div class=\"pages-dose-cover\">\r\n      <img data-recalc-dims=\"1\" decoding=\"async\"\r\n        id=\"safa7atDoseBookImage\"\r\n        src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2024\/11\/%D8%B9%D9%82%D8%AF%D9%83-%D8%A7%D9%84%D9%86%D9%81%D8%B3%D9%8A%D8%A9-%D8%B3%D8%AC%D9%86%D9%83-%D8%A7%D9%84%D8%A3%D8%A8%D8%AF%D9%8A.jpg?ssl=1\"\r\n        alt=\"\u0639\u0642\u062f\u0643 \u0627\u0644\u0646\u0641\u0633\u064a\u0629 \u0633\u062c\u0646\u0643 \u0627\u0644\u0623\u0628\u062f\u064a\"\r\n        loading=\"lazy\"\r\n      >\r\n    <\/div>\r\n\r\n    <div class=\"pages-dose-info\">\r\n      <span class=\"pages-dose-tag\">\u062a\u0648\u0635\u064a\u0629 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0629<\/span>\r\n\r\n      <h3 id=\"safa7atDoseBookTitle\">\u0639\u0642\u062f\u0643 \u0627\u0644\u0646\u0641\u0633\u064a\u0629 \u0633\u062c\u0646\u0643 \u0627\u0644\u0623\u0628\u062f\u064a<\/h3>\r\n\r\n      <p class=\"pages-dose-intro\" id=\"safa7atDoseBookDescription\">\r\n        \u0643\u062a\u0627\u0628 \u0645\u062e\u062a\u0627\u0631 \u0645\u0646 \u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u0645\u062a\u0648\u0641\u0631\u0629 \u0641\u064a \u0645\u0643\u062a\u0628\u0629 \u0635\u0641\u062d\u0627\u062a.\r\n      <\/p>\r\n\r\n      <div class=\"pages-dose-details\">\r\n        <div class=\"dose-detail-item\" id=\"safa7atDoseBookMeta\">\r\n          <strong>\ud83d\udcda \u0627\u062e\u062a\u064a\u0627\u0631 \u0635\u0641\u062d\u0627\u062a:<\/strong>\r\n          \u0643\u062a\u0627\u0628 \u0645\u062a\u0648\u0641\u0631 \u062d\u0627\u0644\u064a\u064b\u0627 \u0641\u064a \u0627\u0644\u0645\u062a\u062c\u0631\u060c \u0627\u062e\u062a\u0631\u0646\u0627\u0647 \u0644\u064a\u0645\u0646\u062d\u0643 \u0642\u0631\u0627\u0621\u0629 \u062c\u062f\u064a\u062f\u0629 \u062a\u0633\u062a\u062d\u0642 \u0627\u0644\u0627\u0643\u062a\u0634\u0627\u0641.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"pages-dose-action\">\r\n        <a\r\n          id=\"safa7atDoseBookLink\"\r\n          href=\"https:\/\/www.safa7at.com\/product\/oqadoka-alnafsia-sejnoka-alabadi\/\"\r\n          class=\"pages-dose-btn\"\r\n        >\r\n          \u062a\u0635\u0641\u062d \u0627\u0644\u0643\u062a\u0627\u0628\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n#safa7atDynamicCulturalDose,\r\n#safa7atDynamicCulturalDose * {\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n#safa7atDynamicCulturalDose {\r\n  --pages-navy: #002659;\r\n  --pages-gold: #b4975a;\r\n  --pages-bg: #f7f9fc;\r\n  --pages-white: #ffffff;\r\n  --pages-muted: #697383;\r\n\r\n  width: calc(100% + 20px) !important;\r\n  max-width: none !important;\r\n  margin: 14px -10px !important;\r\n  padding: 18px !important;\r\n  border: 1px solid rgba(0, 38, 89, 0.08) !important;\r\n  border-radius: 22px !important;\r\n  background: #ffffff !important;\r\n  box-shadow: 0 5px 18px rgba(0, 38, 89, 0.05) !important;\r\n  direction: rtl !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n}\r\n\r\n#safa7atDynamicCulturalDose .pages-section-head {\r\n  display: block !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  text-align: right !important;\r\n}\r\n\r\n#safa7atDynamicCulturalDose .pages-section-head span {\r\n  display: block !important;\r\n  margin: 0 0 5px !important;\r\n  color: var(--pages-gold) !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 11px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.4 !important;\r\n}\r\n\r\n#safa7atDynamicCulturalDose .pages-section-head h2 {\r\n  margin: 0 !important;\r\n  color: var(--pages-navy) !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 23px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.45 !important;\r\n}\r\n\r\n#safa7atDynamicCulturalDose .pages-dose-wrapper {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 24px !important;\r\n  margin-top: 22px !important;\r\n  padding: 24px !important;\r\n  border: 1px solid rgba(0, 38, 89, 0.08) !important;\r\n  border-radius: 24px !important;\r\n  background: linear-gradient(145deg, #ffffff, var(--pages-bg)) !important;\r\n  transition: opacity 220ms ease, transform 220ms ease !important;\r\n}\r\n\r\n#safa7atDynamicCulturalDose.is-loading .pages-dose-wrapper {\r\n  opacity: 0.68 !important;\r\n}\r\n\r\n#safa7atDynamicCulturalDose.is-changing .pages-dose-wrapper {\r\n  opacity: 0 !important;\r\n  transform: translateY(5px) !important;\r\n}\r\n\r\n#safa7atDynamicCulturalDose .pages-dose-cover {\r\n  text-align: center !important;\r\n}\r\n\r\n#safa7atDynamicCulturalDose .pages-dose-cover img {\r\n  display: block !important;\r\n  width: 100% !important;\r\n  max-width: 170px !important;\r\n  margin: 0 auto !important;\r\n  border: 0 !important;\r\n  border-radius: 16px !important;\r\n  object-fit: cover !important;\r\n  box-shadow: 0 12px 28px rgba(0, 38, 89, 0.12) !important;\r\n}\r\n\r\n#safa7atDynamicCulturalDose .pages-dose-tag {\r\n  display: inline-block !important;\r\n  margin-bottom: 10px !important;\r\n  padding: 4px 12px !important;\r\n  border-radius: 100px !important;\r\n  background: rgba(0, 38, 89, 0.06) !important;\r\n  color: var(--pages-navy) !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 11px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.5 !important;\r\n}\r\n\r\n#safa7atDynamicCulturalDose .pages-dose-info h3 {\r\n  margin: 0 0 10px !important;\r\n  color: var(--pages-navy) !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 22px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.5 !important;\r\n}\r\n\r\n#safa7atDynamicCulturalDose .pages-dose-intro {\r\n  display: -webkit-box !important;\r\n  margin: 0 0 18px !important;\r\n  overflow: hidden !important;\r\n  color: var(--pages-muted) !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 13px !important;\r\n  font-weight: 600 !important;\r\n  line-height: 1.75 !important;\r\n  -webkit-line-clamp: 4 !important;\r\n  -webkit-box-orient: vertical !important;\r\n}\r\n\r\n#safa7atDynamicCulturalDose .pages-dose-details {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 12px !important;\r\n  margin-bottom: 20px !important;\r\n}\r\n\r\n#safa7atDynamicCulturalDose .dose-detail-item {\r\n  padding: 12px 14px !important;\r\n  border-radius: 14px !important;\r\n  background: #ffffff !important;\r\n  border: 1px solid rgba(0, 38, 89, 0.06) !important;\r\n  color: var(--pages-navy) !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 12px !important;\r\n  font-weight: 600 !important;\r\n  line-height: 1.65 !important;\r\n}\r\n\r\n#safa7atDynamicCulturalDose .pages-dose-action {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: flex-start !important;\r\n  margin-top: 10px !important;\r\n}\r\n\r\n\/* \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0645\u0648\u062d\u062f \u0627\u0644\u0645\u0639\u062a\u0645\u062f \u0644\u0623\u0632\u0631\u0627\u0631 \u0645\u062a\u062c\u0631 \u0635\u0641\u062d\u0627\u062a *\/\r\n#safa7atDynamicCulturalDose .pages-dose-btn {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  min-width: 160px !important;\r\n  height: 48px !important;\r\n  padding: 0 28px !important;\r\n  border: 0 !important;\r\n  border-radius: 999px !important;\r\n  background: var(--pages-navy) !important;\r\n  color: #ffffff !important;\r\n  text-decoration: none !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 14px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1 !important;\r\n  letter-spacing: 0 !important;\r\n  box-shadow: 0 6px 16px rgba(0, 38, 89, 0.18) !important;\r\n  cursor: pointer !important;\r\n  transition: all 0.2s ease-in-out !important;\r\n}\r\n\r\n#safa7atDynamicCulturalDose .pages-dose-btn:hover {\r\n  background: #00193b !important;\r\n  color: #ffffff !important;\r\n  transform: translateY(-2px) !important;\r\n  box-shadow: 0 8px 20px rgba(0, 38, 89, 0.25) !important;\r\n}\r\n\r\n#safa7atDynamicCulturalDose .pages-dose-btn:active {\r\n  transform: translateY(0) !important;\r\n  box-shadow: 0 4px 10px rgba(0, 38, 89, 0.15) !important;\r\n}\r\n\r\n#safa7atDynamicCulturalDose .pages-dose-btn:focus-visible {\r\n  outline: 3px solid var(--pages-gold) !important;\r\n  outline-offset: 3px !important;\r\n}\r\n\r\n@media (min-width: 600px) {\r\n  #safa7atDynamicCulturalDose {\r\n    width: calc(100% - 20px) !important;\r\n    margin: 18px auto !important;\r\n    padding: 20px !important;\r\n  }\r\n\r\n  #safa7atDynamicCulturalDose .pages-dose-wrapper {\r\n    flex-direction: row !important;\r\n    align-items: center !important;\r\n  }\r\n\r\n  #safa7atDynamicCulturalDose .pages-dose-cover {\r\n    flex: 0 0 180px !important;\r\n  }\r\n\r\n  #safa7atDynamicCulturalDose .pages-dose-info {\r\n    flex: 1 1 auto !important;\r\n    min-width: 0 !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  #safa7atDynamicCulturalDose {\r\n    width: min(1380px, calc(100% - 32px)) !important;\r\n    margin: 22px auto !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  #safa7atDynamicCulturalDose .pages-dose-action {\r\n    justify-content: center !important;\r\n  }\r\n  \r\n  #safa7atDynamicCulturalDose .pages-dose-btn {\r\n    width: 100% !important;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #safa7atDynamicCulturalDose .pages-dose-wrapper,\r\n  #safa7atDynamicCulturalDose .pages-dose-btn {\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n  const section = document.getElementById(\"safa7atDynamicCulturalDose\");\r\n\r\n  if (!section || section.dataset.doseReady === \"true\") {\r\n    return;\r\n  }\r\n\r\n  section.dataset.doseReady = \"true\";\r\n\r\n  const image = section.querySelector(\"#safa7atDoseBookImage\");\r\n  const title = section.querySelector(\"#safa7atDoseBookTitle\");\r\n  const description = section.querySelector(\"#safa7atDoseBookDescription\");\r\n  const meta = section.querySelector(\"#safa7atDoseBookMeta\");\r\n  const link = section.querySelector(\"#safa7atDoseBookLink\");\r\n\r\n  const storageKey = \"safa7at_last_cultural_dose_product\";\r\n\r\n  function stripHTML(value = \"\") {\r\n    const temp = document.createElement(\"div\");\r\n    temp.innerHTML = value;\r\n\r\n    return (temp.textContent || \"\")\r\n      .replace(\/\\s+\/g, \" \")\r\n      .trim();\r\n  }\r\n\r\n  function getLastProductId() {\r\n    try {\r\n      return window.localStorage.getItem(storageKey);\r\n    } catch (error) {\r\n      return null;\r\n    }\r\n  }\r\n\r\n  function saveLastProductId(id) {\r\n    try {\r\n      window.localStorage.setItem(storageKey, String(id));\r\n    } catch (error) {\r\n      \/* Local storage may be unavailable; the section still works normally. *\/\r\n    }\r\n  }\r\n\r\n  function chooseRandomProduct(products) {\r\n    const lastId = getLastProductId();\r\n\r\n    const alternatives = products.filter(\r\n      product => String(product.id) !== String(lastId)\r\n    );\r\n\r\n    const pool = alternatives.length ? alternatives : products;\r\n    const index = Math.floor(Math.random() * pool.length);\r\n\r\n    return pool[index];\r\n  }\r\n\r\n  function normalizeProduct(product) {\r\n    const cleanDescription = stripHTML(\r\n      product.short_description || product.description || \"\"\r\n    );\r\n\r\n    const categoryNames = Array.isArray(product.categories)\r\n      ? product.categories\r\n          .map(category => category && category.name)\r\n          .filter(Boolean)\r\n          .slice(0, 2)\r\n      : [];\r\n\r\n    return {\r\n      id: product.id,\r\n      name: product.name,\r\n      image: product.images[0].src,\r\n      permalink: product.permalink,\r\n      description:\r\n        cleanDescription ||\r\n        \"\u0643\u062a\u0627\u0628 \u0645\u062e\u062a\u0627\u0631 \u0645\u0646 \u0631\u0641\u0648\u0641 \u0635\u0641\u062d\u0627\u062a\u060c \u064a\u0642\u062f\u0651\u0645 \u0644\u0643 \u0641\u0643\u0631\u0629 \u062c\u062f\u064a\u062f\u0629 \u0648\u062a\u062c\u0631\u0628\u0629 \u0642\u0631\u0627\u0621\u0629 \u062a\u0633\u062a\u062d\u0642 \u0627\u0644\u0627\u0643\u062a\u0634\u0627\u0641.\",\r\n      categories: categoryNames\r\n    };\r\n  }\r\n\r\n  function renderProduct(book) {\r\n    const categoryText = book.categories.length\r\n      ? `\u064a\u0646\u062a\u0645\u064a \u0625\u0644\u0649 \u0642\u0633\u0645 ${book.categories.join(\"\u060c \")}\u060c \u0648\u0627\u062e\u062a\u0631\u0646\u0627\u0647 \u0644\u0645\u0627 \u064a\u062d\u0645\u0644\u0647 \u0645\u0646 \u0642\u064a\u0645\u0629 \u0645\u0639\u0631\u0641\u064a\u0629 \u0648\u0642\u0631\u0627\u0626\u064a\u0629.`\r\n      : \"\u0627\u062e\u062a\u0631\u0646\u0627\u0647 \u0644\u0645\u0627 \u064a\u062d\u0645\u0644\u0647 \u0645\u0646 \u0642\u064a\u0645\u0629 \u0645\u0639\u0631\u0641\u064a\u0629 \u0648\u062a\u062c\u0631\u0628\u0629 \u0642\u0631\u0627\u0621\u0629 \u062a\u0633\u062a\u062d\u0642 \u0627\u0644\u0627\u0643\u062a\u0634\u0627\u0641.\";\r\n\r\n    section.classList.add(\"is-changing\");\r\n\r\n    window.setTimeout(() => {\r\n      image.src = book.image;\r\n      image.alt = book.name;\r\n      title.textContent = book.name;\r\n      description.textContent =\r\n        book.description.length > 310\r\n          ? `${book.description.slice(0, 310)}\u2026`\r\n          : book.description;\r\n      meta.innerHTML = `<strong>\ud83d\udcda \u0627\u062e\u062a\u064a\u0627\u0631 \u0635\u0641\u062d\u0627\u062a:<\/strong> ${categoryText}`;\r\n      link.href = book.permalink;\r\n\r\n      section.classList.remove(\"is-changing\");\r\n    }, 180);\r\n  }\r\n\r\n  async function loadRandomBook() {\r\n    section.classList.add(\"is-loading\");\r\n\r\n    try {\r\n      const endpoint =\r\n        \"https:\/\/www.safa7at.com\/wp-json\/wc\/store\/v1\/products\" +\r\n        \"?per_page=100&orderby=date&order=desc\";\r\n\r\n      const response = await fetch(endpoint, {\r\n        credentials: \"same-origin\",\r\n        cache: \"no-store\"\r\n      });\r\n\r\n      if (!response.ok) {\r\n        throw new Error(\"\u062a\u0639\u0630\u0631 \u062c\u0644\u0628 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a.\");\r\n      }\r\n\r\n      const products = await response.json();\r\n\r\n      const validProducts = Array.isArray(products)\r\n        ? products.filter(product =>\r\n            product &&\r\n            product.id &&\r\n            product.name &&\r\n            product.permalink &&\r\n            Array.isArray(product.images) &&\r\n            product.images.length &&\r\n            product.images[0].src &&\r\n            product.is_in_stock !== false\r\n          )\r\n        : [];\r\n\r\n      if (!validProducts.length) {\r\n        throw new Error(\"\u0644\u0627 \u062a\u0648\u062c\u062f \u0645\u0646\u062a\u062c\u0627\u062a \u0635\u0627\u0644\u062d\u0629 \u0644\u0644\u0639\u0631\u0636.\");\r\n      }\r\n\r\n      const selectedProduct = chooseRandomProduct(validProducts);\r\n      const book = normalizeProduct(selectedProduct);\r\n\r\n      renderProduct(book);\r\n      saveLastProductId(book.id);\r\n    } catch (error) {\r\n      \/*\r\n       * \u064a\u0628\u0642\u0649 \u0627\u0644\u0643\u062a\u0627\u0628 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u0637\u064a \u0627\u0644\u0638\u0627\u0647\u0631 \u0641\u064a HTML \u0643\u0645\u0627 \u0647\u0648.\r\n       * \u0644\u0627 \u062a\u064f\u0639\u0631\u0636 \u0635\u0648\u0631\u0629 \u0623\u0648 \u0628\u064a\u0627\u0646\u0627\u062a \u063a\u064a\u0631 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0643\u062a\u0627\u0628.\r\n       *\/\r\n    } finally {\r\n      section.classList.remove(\"is-loading\");\r\n    }\r\n  }\r\n\r\n  loadRandomBook();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3fe1b8e elementor-widget elementor-widget-html\" data-id=\"3fe1b8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<!--\r\n\u0628\u0637\u0627\u0642\u0629 \u0627\u0642\u062a\u0628\u0627\u0633 - \u0645\u0643\u062a\u0628\u0629 \u0635\u0641\u062d\u0627\u062a\r\nHTML \u0648\u0627\u062d\u062f \u062f\u0627\u062e\u0644 Elementor\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section id=\"pagesQuoteCard\">\r\n<div class=\"pq-card\">\r\n<div class=\"pq-badge\">\u2726 \u0627\u0642\u062a\u0628\u0627\u0633 \u064a\u0633\u062a\u062d\u0642 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629<\/div>\r\n<h2>\u0643\u0644\u0645\u0627\u062a \u0642\u062f \u062a\u0644\u0627\u0645\u0633 \u0634\u062e\u0635\u064b\u0627 \u062a\u0639\u0631\u0641\u0647...<\/h2>\r\n\r\n<blockquote id=\"pqQuote\"><\/blockquote>\r\n\r\n<div class=\"pq-book\">\ud83d\udcd6 <span id=\"pqBook\"><\/span><\/div>\r\n\r\n<button id=\"pqShare\">\u0634\u0627\u0631\u0643 \u0647\u0630\u0627 \u0627\u0644\u0627\u0642\u062a\u0628\u0627\u0633<\/button>\r\n<\/div>\r\n<\/section>\r\n\r\n<style>\r\n#pagesQuoteCard{font-family:Cairo,sans-serif;margin:20px auto;max-width:1100px}\r\n#pagesQuoteCard .pq-card{\r\nbackground:#fff;\r\nborder:1px solid #e8edf3;\r\nborder-radius:22px;\r\npadding:42px;\r\ntext-align:center;\r\nbox-shadow:0 8px 24px rgba(0,38,89,.05);\r\n}\r\n.pq-badge{\r\ndisplay:inline-block;\r\nbackground:#f8f4ea;\r\ncolor:#A67844;\r\npadding:8px 16px;\r\nborder-radius:999px;\r\nfont-weight:800;\r\nfont-size:13px;\r\nmargin-bottom:16px;\r\n}\r\n#pagesQuoteCard h2{\r\nmargin:0 0 30px;\r\nfont-size:30px;\r\ncolor:#002659;\r\nfont-weight:800;\r\n}\r\n#pqQuote{\r\nmargin:0 auto 28px;\r\nmax-width:820px;\r\nfont-size:28px;\r\nline-height:2;\r\nfont-weight:700;\r\ncolor:#1f2b38;\r\n}\r\n#pqBook{\r\ncolor:#A67844;\r\nfont-weight:800;\r\nfont-size:18px;\r\n}\r\n#pqShare{\r\nmargin-top:30px;\r\nborder:none;\r\nbackground:#002659;\r\ncolor:#fff;\r\npadding:15px 26px;\r\nborder-radius:12px;\r\nfont:800 15px Cairo,sans-serif;\r\ncursor:pointer;\r\ntransition:.2s;\r\n}\r\n#pqShare:hover{background:#01397f}\r\n@media(max-width:768px){\r\n#pagesQuoteCard .pq-card{padding:26px}\r\n#pagesQuoteCard h2{font-size:24px}\r\n#pqQuote{font-size:21px}\r\n}\r\n<\/style>\r\n\r\n<script>\r\nconst QUOTES=[\r\n{\r\nquote:\"\u0625\u0630\u0627 \u0627\u0633\u062a\u0642\u0628\u0644\u062a \u0627\u0644\u0639\u0627\u0644\u0645 \u0628\u0627\u0644\u0646\u0641\u0633 \u0627\u0644\u0648\u0627\u0633\u0639\u0629 \u0631\u0623\u064a\u062a \u062d\u0642\u0627\u0626\u0642 \u0627\u0644\u0633\u0631\u0648\u0631 \u062a\u0632\u064a\u062f \u0648\u062a\u062a\u0633\u0639\u060c \u0648\u062d\u0642\u0627\u0626\u0642 \u0627\u0644\u0647\u0645\u0648\u0645 \u062a\u0635\u063a\u0631 \u0648\u062a\u0636\u064a\u0642.\",\r\nbook:\"\u0648\u062d\u064a \u0627\u0644\u0642\u0644\u0645\"\r\n},\r\n{\r\nquote:\"\u0627\u0644\u0645\u063a\u0644\u0648\u0628 \u0645\u0648\u0644\u0639 \u0623\u0628\u062f\u0627\u064b \u0628\u0627\u0644\u0627\u0642\u062a\u062f\u0627\u0621 \u0628\u0627\u0644\u063a\u0627\u0644\u0628 \u0641\u064a \u0634\u0639\u0627\u0631\u0647 \u0648\u0632\u064a\u0647 \u0648\u0646\u062d\u0644\u062a\u0647 \u0648\u0633\u0627\u0626\u0631 \u0623\u062d\u0648\u0627\u0644\u0647 \u0648\u0639\u0648\u0627\u0626\u062f\u0647.\",\r\nbook:\"\u0645\u0642\u062f\u0645\u0629 \u0627\u0628\u0646 \u062e\u0644\u062f\u0648\u0646\"\r\n},\r\n{\r\nquote:\"\u0645\u0627 \u0635\u0627\u062d\u0628 \u0627\u0644\u0633\u0644\u0637\u0627\u0646 \u0625\u0644\u0627 \u0643\u0635\u0627\u062d\u0628 \u0627\u0644\u062d\u064a\u0629 \u0627\u0644\u062a\u064a \u0641\u064a \u0645\u0628\u064a\u062a\u0647 \u0648\u0645\u0642\u064a\u0644\u0647\u060c \u0641\u0644\u0627 \u064a\u062f\u0631\u064a \u0645\u062a\u0649 \u062a\u0647\u064a\u062c \u0628\u0647.\",\r\nbook:\"\u0643\u0644\u064a\u0644\u0629 \u0648\u062f\u0645\u0646\u0629\"\r\n},\r\n{\r\nquote:\"\u0643\u0644\u0645\u0627 \u0627\u0632\u062f\u0627\u062f \u062d\u0628\u064a \u0644\u0644\u0625\u0646\u0633\u0627\u0646\u064a\u0629 \u062c\u0645\u0644\u0629\u064b \u0648\u0627\u062d\u062f\u0629\u060c \u0646\u0642\u0635 \u062d\u0628\u064a \u0644\u0644\u0628\u0634\u0631 \u0623\u0641\u0631\u0627\u062f\u064b\u0627.\",\r\nbook:\"\u0627\u0644\u0625\u062e\u0648\u0629 \u0643\u0627\u0631\u0627\u0645\u0627\u0632\u0648\u0641\"\r\n}\r\n];\r\n\r\nconst key=\"pages_quote_last\";\r\nlet last=localStorage.getItem(key);\r\nlet pool=QUOTES.filter(q=>q.quote!==last);\r\nif(pool.length===0) pool=QUOTES;\r\nconst item=pool[Math.floor(Math.random()*pool.length)];\r\nlocalStorage.setItem(key,item.quote);\r\n\r\ndocument.getElementById(\"pqQuote\").textContent=\"\u201c\"+item.quote+\"\u201d\";\r\ndocument.getElementById(\"pqBook\").textContent=item.book;\r\n\r\ndocument.getElementById(\"pqShare\").onclick=async()=>{\r\nconst txt=`\"${item.quote}\"\\n\\n\ud83d\udcd6 ${item.book}\\n\\n#\u0645\u0643\u062a\u0628\u0629_\u0635\u0641\u062d\u0627\u062a`;\r\ntry{\r\nif(navigator.share){\r\nawait navigator.share({text:txt});\r\n}else{\r\nawait navigator.clipboard.writeText(txt);\r\n}\r\n}catch(e){\r\ntry{await navigator.clipboard.writeText(txt);}catch{}\r\n}\r\nconst b=document.getElementById(\"pqShare\");\r\nconst t=b.textContent;\r\nb.textContent=\"\u2713 \u062a\u0645 \u0646\u0633\u062e \u0627\u0644\u0627\u0642\u062a\u0628\u0627\u0633\";\r\nsetTimeout(()=>b.textContent=t,2000);\r\n};\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e634837 elementor-widget elementor-widget-html\" data-id=\"e634837\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\n\u0642\u0633\u0645 \"\u0645\u0627\u0630\u0627 \u0642\u0627\u0644 \u0642\u0631\u0651\u0627\u0621 \u0635\u0641\u062d\u0627\u062a\u061f\" \u0645\u0633\u062a\u062e\u0631\u062c \u0643\u0642\u0633\u0645 \u0645\u0633\u062a\u0642\u0644\r\n\u0645\u0623\u062e\u0648\u0630 \u0645\u0646 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0623\u0635\u0644\u064a\u0629 \u0643\u0645\u0627 \u0647\u0648\u060c \u0645\u0639 \u062a\u0636\u0645\u064a\u0646 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0644\u0627\u0632\u0645\u0629 \u0644\u062a\u0634\u063a\u064a\u0644\u0647 \u0645\u0646\u0641\u0631\u062f\u064b\u0627 \u062f\u0627\u062e\u0644 \u0639\u0646\u0635\u0631 HTML \u0648\u0627\u062d\u062f \u0641\u064a Elementor.\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<section id=\"safa7atReadersReviews\" class=\"pages-section pages-reviews-section\" dir=\"rtl\">\r\n  <div class=\"pages-section-head\">\r\n    <span>\u0635\u062f\u0649 \u0635\u0641\u062d\u0627\u062a<\/span>\r\n    <h2>\u0645\u0627\u0630\u0627 \u0642\u0627\u0644 \u0642\u0631\u0651\u0627\u0621 \u0635\u0641\u062d\u0627\u062a\u061f<\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"pages-reviews-grid\">\r\n    <div class=\"pages-review-card\">\r\n      <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n      <p class=\"review-text\">\"\u0623\u0641\u0636\u0644 \u062a\u062c\u0631\u0628\u0629 \u0634\u0631\u0627\u0621 \u0645\u062a\u062c\u0631 \u0643\u062a\u0628 \u0628\u0627\u0644\u062c\u0632\u0627\u0626\u0631! \u0627\u0644\u062a\u063a\u0644\u064a\u0641 \u0645\u0645\u062a\u0627\u0632 \u0648\u0627\u0644\u0643\u062a\u0628 \u0648\u0635\u0644\u062a \u0628\u062d\u0627\u0644\u0629 \u0645\u062b\u0627\u0644\u064a\u0629.\"<\/p>\r\n      <div class=\"review-author\">\r\n        <span class=\"author-name\">\u0623\u062d\u0645\u062f. \u0645<\/span>\r\n        <span class=\"author-loc\">\u0642\u0633\u0646\u0637\u064a\u0646\u0629<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pages-review-card\">\r\n      <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n      <p class=\"review-text\">\"\u0633\u0631\u0639\u0629 \u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u0648\u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0627\u0644\u0631\u0627\u0642\u064a\u060c \u0648\u0627\u0644\u0623\u0647\u0645 \u0623\u0646 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0633\u0647\u0644\u062a \u0639\u0644\u064a\u0651 \u0627\u062e\u062a\u064a\u0627\u0631 \u0631\u0648\u0627\u064a\u062a\u064a \u0627\u0644\u0645\u0641\u0636\u0644\u0629.\"<\/p>\r\n      <div class=\"review-author\">\r\n        <span class=\"author-name\">\u0633\u0627\u0631\u0629. \u0628<\/span>\r\n        <span class=\"author-loc\">\u0627\u0644\u062c\u0632\u0627\u0626\u0631 \u0627\u0644\u0639\u0627\u0635\u0645\u0629<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pages-review-card\">\r\n      <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n      <p class=\"review-text\">\"\u0623\u062d\u0628\u0628\u062a \u0645\u064a\u0632\u0629 \u0645\u0633\u062a\u0634\u0627\u0631 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0641\u0643\u0631\u064a! \u0627\u0642\u062a\u0631\u062d \u0644\u064a \u0643\u062a\u0627\u0628\u0627\u064b \u064a\u0644\u0627\u0645\u0633 \u0648\u0636\u0639\u064a \u0627\u0644\u062d\u0627\u0644\u064a \u062a\u0645\u0627\u0645\u0627\u064b.\"<\/p>\r\n      <div class=\"review-author\">\r\n        <span class=\"author-name\">\u064a\u0627\u0633\u064a\u0646. \u0643<\/span>\r\n        <span class=\"author-loc\">\u0648\u0647\u0631\u0627\u0646<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n#safa7atReadersReviews,\r\n#safa7atReadersReviews * {\r\n  box-sizing: border-box !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n}\r\n\r\n#safa7atReadersReviews {\r\n  --pages-navy: #002659;\r\n  --pages-gold: #B4975A;\r\n  --pages-muted: #697383;\r\n  --pages-border: rgba(0, 38, 89, 0.09);\r\n  --pages-border-strong: rgba(0, 38, 89, 0.15);\r\n  --pages-shadow: 0 5px 18px rgba(0, 38, 89, 0.05);\r\n  --pages-shadow-hover: 0 9px 24px rgba(0, 38, 89, 0.09);\r\n  --pages-radius: 22px;\r\n  --pages-card-radius: 16px;\r\n\r\n  width: calc(100% + 20px) !important;\r\n  max-width: none !important;\r\n  margin: 14px -10px 18px !important;\r\n  padding: 18px !important;\r\n  direction: rtl !important;\r\n  border: 1px solid var(--pages-border) !important;\r\n  border-radius: var(--pages-radius) !important;\r\n  background: #ffffff !important;\r\n  box-shadow: var(--pages-shadow) !important;\r\n}\r\n\r\n#safa7atReadersReviews .pages-section-head {\r\n  display: block !important;\r\n  margin: 0 0 14px !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n}\r\n\r\n#safa7atReadersReviews .pages-section-head span {\r\n  display: block !important;\r\n  margin: 0 0 5px !important;\r\n  color: var(--pages-gold) !important;\r\n  font-size: 12px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.5 !important;\r\n}\r\n\r\n#safa7atReadersReviews .pages-section-head h2 {\r\n  margin: 0 !important;\r\n  color: var(--pages-navy) !important;\r\n  font-size: 23px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.45 !important;\r\n}\r\n\r\n#safa7atReadersReviews .pages-reviews-grid {\r\n  display: grid !important;\r\n  grid-template-columns: 1fr !important;\r\n  gap: 10px !important;\r\n  margin-top: 14px !important;\r\n}\r\n\r\n#safa7atReadersReviews .pages-review-card {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 14px !important;\r\n  padding: 16px !important;\r\n  border: 1px solid var(--pages-border) !important;\r\n  border-radius: var(--pages-card-radius) !important;\r\n  background: #ffffff !important;\r\n  box-shadow: 0 3px 12px rgba(0, 38, 89, 0.04) !important;\r\n  transition:\r\n    transform 180ms ease,\r\n    border-color 180ms ease,\r\n    box-shadow 180ms ease !important;\r\n}\r\n\r\n#safa7atReadersReviews .pages-review-card:hover {\r\n  transform: translateY(-2px) !important;\r\n  border-color: var(--pages-border-strong) !important;\r\n  box-shadow: var(--pages-shadow-hover) !important;\r\n}\r\n\r\n#safa7atReadersReviews .review-stars {\r\n  color: var(--pages-gold) !important;\r\n  font-size: 14px !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1 !important;\r\n  letter-spacing: 2px !important;\r\n}\r\n\r\n#safa7atReadersReviews .review-text {\r\n  margin: 0 !important;\r\n  color: var(--pages-muted) !important;\r\n  font-size: 14px !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.8 !important;\r\n}\r\n\r\n#safa7atReadersReviews .review-author {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: space-between !important;\r\n  padding-top: 12px !important;\r\n  border-top: 1px solid #f1f5f9 !important;\r\n  font-size: 12px !important;\r\n  font-weight: 700 !important;\r\n}\r\n\r\n#safa7atReadersReviews .author-name {\r\n  color: var(--pages-navy) !important;\r\n}\r\n\r\n#safa7atReadersReviews .author-loc {\r\n  padding: 2px 8px !important;\r\n  border-radius: 4px !important;\r\n  background: rgba(180, 151, 90, 0.10) !important;\r\n  color: #8f7137 !important;\r\n}\r\n\r\n@media (min-width: 600px) {\r\n  #safa7atReadersReviews {\r\n    width: calc(100% - 20px) !important;\r\n    margin: 16px auto 18px !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 900px) {\r\n  #safa7atReadersReviews {\r\n    width: min(1380px, calc(100% - 32px)) !important;\r\n  }\r\n\r\n  #safa7atReadersReviews .pages-reviews-grid {\r\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\r\n    gap: 20px !important;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #safa7atReadersReviews .pages-review-card {\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31881cd elementor-widget elementor-widget-html\" data-id=\"31881cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u0642\u0633\u0645 \u0627\u0644\u0648\u0644\u0627\u064a\u0627\u062a \u0627\u0644\u0623\u0643\u062b\u0631 \u0642\u0631\u0627\u0621\u0629 \u0647\u0630\u0627 \u0627\u0644\u0634\u0647\u0631 \u2014 \u0645\u0633\u062a\u0642\u0644 \u0648\u0645\u062a\u063a\u064a\u0631 \u0634\u0647\u0631\u064a\u064b\u0627 -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<section id=\"safa7atMonthlyReadingCities\" dir=\"rtl\" aria-labelledby=\"smrcTitle\">\r\n  <div class=\"smrc-head\">\r\n    <span>\u0645\u062c\u062a\u0645\u0639 \u0635\u0641\u062d\u0627\u062a \u0628\u0627\u0644\u062c\u0632\u0627\u0626\u0631<\/span>\r\n    <h2 id=\"smrcTitle\">\u0627\u0644\u0648\u0644\u0627\u064a\u0627\u062a \u0627\u0644\u0623\u0643\u062b\u0631 \u0642\u0631\u0627\u0621\u0629 \u0647\u0630\u0627 \u0627\u0644\u0634\u0647\u0631<\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"smrc-stats\" aria-live=\"polite\">\r\n    <div class=\"smrc-row\" data-stat-row=\"1\">\r\n      <div class=\"smrc-meta\">\r\n        <span class=\"smrc-rank\">01<\/span>\r\n        <span class=\"smrc-name\">\u0627\u0644\u062c\u0632\u0627\u0626\u0631 \u0627\u0644\u0639\u0627\u0635\u0645\u0629<\/span>\r\n      <\/div>\r\n      <div class=\"smrc-progress\" aria-hidden=\"true\">\r\n        <div class=\"smrc-fill\" style=\"width:95%\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"smrc-row\" data-stat-row=\"2\">\r\n      <div class=\"smrc-meta\">\r\n        <span class=\"smrc-rank\">02<\/span>\r\n        <span class=\"smrc-name\">\u0648\u0647\u0631\u0627\u0646<\/span>\r\n      <\/div>\r\n      <div class=\"smrc-progress\" aria-hidden=\"true\">\r\n        <div class=\"smrc-fill\" style=\"width:82%\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"smrc-row\" data-stat-row=\"3\">\r\n      <div class=\"smrc-meta\">\r\n        <span class=\"smrc-rank\">03<\/span>\r\n        <span class=\"smrc-name\">\u0642\u0633\u0646\u0637\u064a\u0646\u0629<\/span>\r\n      <\/div>\r\n      <div class=\"smrc-progress\" aria-hidden=\"true\">\r\n        <div class=\"smrc-fill\" style=\"width:75%\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n#safa7atMonthlyReadingCities,\r\n#safa7atMonthlyReadingCities *{\r\n  box-sizing:border-box!important;\r\n  font-family:\"Cairo\",Arial,sans-serif!important\r\n}\r\n\r\n#safa7atMonthlyReadingCities{\r\n  width:calc(100% + 20px)!important;\r\n  max-width:none!important;\r\n  margin:14px -10px 18px!important;\r\n  padding:18px!important;\r\n  direction:rtl!important;\r\n  border:1px solid rgba(0,38,89,.08)!important;\r\n  border-radius:22px!important;\r\n  background:#fff!important;\r\n  box-shadow:0 5px 18px rgba(0,38,89,.05)!important\r\n}\r\n\r\n#safa7atMonthlyReadingCities .smrc-head{\r\n  margin:0 0 14px!important;\r\n  text-align:right!important\r\n}\r\n\r\n#safa7atMonthlyReadingCities .smrc-head span{\r\n  display:block!important;\r\n  margin:0 0 4px!important;\r\n  color:#b4975a!important;\r\n  font-size:11px!important;\r\n  font-weight:800!important;\r\n  line-height:1.5!important\r\n}\r\n\r\n#safa7atMonthlyReadingCities .smrc-head h2{\r\n  margin:0!important;\r\n  color:#002659!important;\r\n  font-size:22px!important;\r\n  font-weight:800!important;\r\n  line-height:1.45!important\r\n}\r\n\r\n#safa7atMonthlyReadingCities .smrc-stats{\r\n  display:flex!important;\r\n  flex-direction:column!important;\r\n  gap:20px!important;\r\n  margin-top:14px!important;\r\n  padding:20px!important;\r\n  border:1px solid rgba(0,38,89,.09)!important;\r\n  border-radius:16px!important;\r\n  background:#fff!important;\r\n  box-shadow:0 3px 12px rgba(0,38,89,.04)!important\r\n}\r\n\r\n#safa7atMonthlyReadingCities .smrc-row{\r\n  display:flex!important;\r\n  flex-direction:column!important;\r\n  gap:8px!important\r\n}\r\n\r\n#safa7atMonthlyReadingCities .smrc-meta{\r\n  display:flex!important;\r\n  align-items:center!important;\r\n  gap:10px!important\r\n}\r\n\r\n#safa7atMonthlyReadingCities .smrc-rank{\r\n  color:rgba(180,151,90,.72)!important;\r\n  font-size:14px!important;\r\n  font-weight:900!important\r\n}\r\n\r\n#safa7atMonthlyReadingCities .smrc-name{\r\n  color:#002659!important;\r\n  font-size:14px!important;\r\n  font-weight:800!important\r\n}\r\n\r\n#safa7atMonthlyReadingCities .smrc-progress{\r\n  width:100%!important;\r\n  height:8px!important;\r\n  overflow:hidden!important;\r\n  border-radius:100px!important;\r\n  background:#edf0f4!important\r\n}\r\n\r\n#safa7atMonthlyReadingCities .smrc-fill{\r\n  height:100%!important;\r\n  border-radius:100px!important;\r\n  background:#002659!important;\r\n  transition:width 600ms ease!important\r\n}\r\n\r\n@media(min-width:600px){\r\n  #safa7atMonthlyReadingCities{\r\n    width:calc(100% - 20px)!important;\r\n    margin:18px auto!important;\r\n    padding:22px!important\r\n  }\r\n}\r\n\r\n@media(min-width:768px){\r\n  #safa7atMonthlyReadingCities .smrc-stats{\r\n    padding:40px!important;\r\n    gap:24px!important\r\n  }\r\n\r\n  #safa7atMonthlyReadingCities .smrc-row{\r\n    flex-direction:row!important;\r\n    align-items:center!important;\r\n    gap:24px!important\r\n  }\r\n\r\n  #safa7atMonthlyReadingCities .smrc-meta{\r\n    width:200px!important;\r\n    flex-shrink:0!important\r\n  }\r\n\r\n  #safa7atMonthlyReadingCities .smrc-progress{\r\n    flex:1!important\r\n  }\r\n}\r\n\r\n@media(min-width:1024px){\r\n  #safa7atMonthlyReadingCities{\r\n    width:min(1380px,calc(100% - 32px))!important;\r\n    margin:22px auto!important;\r\n    padding:24px!important\r\n  }\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n  #safa7atMonthlyReadingCities .smrc-fill{\r\n    transition:none!important\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n  const section = document.getElementById(\"safa7atMonthlyReadingCities\");\r\n\r\n  if (!section || section.dataset.smrcReady === \"true\") return;\r\n  section.dataset.smrcReady = \"true\";\r\n\r\n  const cities = [\r\n    \"\u0627\u0644\u062c\u0632\u0627\u0626\u0631 \u0627\u0644\u0639\u0627\u0635\u0645\u0629\",\r\n    \"\u0648\u0647\u0631\u0627\u0646\",\r\n    \"\u0642\u0633\u0646\u0637\u064a\u0646\u0629\",\r\n    \"\u0633\u0637\u064a\u0641\",\r\n    \"\u0633\u0643\u064a\u0643\u062f\u0629\",\r\n    \"\u0628\u062c\u0627\u064a\u0629\",\r\n    \"\u0627\u0644\u0637\u0627\u0631\u0641\",\r\n    \"\u0627\u0644\u0628\u0644\u064a\u062f\u0629\",\r\n    \"\u0628\u0627\u062a\u0646\u0629\",\r\n    \"\u0645\u0633\u062a\u063a\u0627\u0646\u0645\",\r\n    \"\u062a\u0644\u0645\u0633\u0627\u0646\",\r\n    \"\u0627\u0644\u0645\u0633\u064a\u0644\u0629\",\r\n    \"\u0628\u0633\u0643\u0631\u0629\"\r\n  ];\r\n\r\n  const rows = Array.from(section.querySelectorAll(\".smrc-row\"));\r\n\r\n  function seededRandom(seed) {\r\n    let value = seed >>> 0;\r\n\r\n    return function () {\r\n      value += 0x6D2B79F5;\r\n      let t = value;\r\n      t = Math.imul(t ^ (t >>> 15), t | 1);\r\n      t ^= t + Math.imul(t ^ (t >>> 7), t | 61);\r\n      return ((t ^ (t >>> 14)) >>> 0) \/ 4294967296;\r\n    };\r\n  }\r\n\r\n  function getMonthlySelection() {\r\n    const now = new Date();\r\n    const monthKey = now.getFullYear() * 12 + now.getMonth();\r\n    const random = seededRandom(monthKey);\r\n    const pool = [...cities];\r\n\r\n    for (let i = pool.length - 1; i > 0; i--) {\r\n      const j = Math.floor(random() * (i + 1));\r\n      [pool[i], pool[j]] = [pool[j], pool[i]];\r\n    }\r\n\r\n    return pool.slice(0, 3);\r\n  }\r\n\r\n  function renderMonthlyCities() {\r\n    const selected = getMonthlySelection();\r\n    const widths = [95, 82, 75];\r\n\r\n    rows.forEach((row, index) => {\r\n      const name = row.querySelector(\".smrc-name\");\r\n      const fill = row.querySelector(\".smrc-fill\");\r\n\r\n      if (name) name.textContent = selected[index];\r\n      if (fill) fill.style.width = widths[index] + \"%\";\r\n    });\r\n  }\r\n\r\n  renderMonthlyCities();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff525f7 elementor-widget elementor-widget-html\" data-id=\"ff525f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u0642\u0633\u0645 \u062a\u062d\u062f\u064a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u2014 \u0645\u0633\u062a\u062e\u0631\u062c \u0643\u0642\u0633\u0645 \u0645\u0633\u062a\u0642\u0644 \u0643\u0627\u0645\u0644 -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<section id=\"safa7atReadingChallengeExact\" class=\"pages-section pages-challenge-section\" dir=\"rtl\">\r\n  <div class=\"pages-challenge-box\">\r\n    <div class=\"pages-challenge-content\">\r\n      <span>\u062a\u062d\u062f\u064a \u0627\u0644\u0639\u0627\u062f\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629<\/span>\r\n      <h2>\u0643\u0645 \u0643\u062a\u0627\u0628\u0627\u064b \u0633\u062a\u0644\u062a\u0647\u0645 \u0647\u0630\u0627 \u0627\u0644\u0639\u0627\u0645\u061f<\/h2>\r\n      <p>\u0623\u062f\u062e\u0644 \u0639\u062f\u062f \u0627\u0644\u062f\u0642\u0627\u0626\u0642 \u0627\u0644\u062a\u064a \u064a\u0645\u0643\u0646\u0643 \u062a\u062e\u0635\u064a\u0635\u0647\u0627 \u0644\u0644\u0642\u0631\u0627\u0621\u0629 \u064a\u0648\u0645\u064a\u0627\u064b\u060c \u0648\u0634\u0627\u0647\u062f \u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0645\u0630\u0647\u0644 \u0644\u0644\u0627\u0633\u062a\u0645\u0631\u0627\u0631\u064a\u0629:<\/p>\r\n\r\n      <div class=\"pages-challenge-interactive\">\r\n        <div class=\"input-wrap\">\r\n          <input type=\"number\" id=\"readingMinutes\" value=\"20\" min=\"5\" max=\"180\" oninput=\"calculateChallenge()\">\r\n          <label>\u062f\u0642\u064a\u0642\u0629 \u064a\u0648\u0645\u064a\u0627\u064b<\/label>\r\n        <\/div>\r\n\r\n        <div class=\"result-wrap\">\r\n          <span class=\"num\" id=\"calculatedBooks\">24<\/span>\r\n          <span class=\"txt\">\u0643\u062a\u0627\u0628\u0627\u064b \u0633\u0646\u0648\u064a\u0627\u064b \u062a\u0642\u0631\u064a\u0628\u0627\u064b<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <a href=\"https:\/\/www.safa7at.com\/shop\" class=\"pages-challenge-btn\">\u0627\u0628\u062f\u0623 \u062a\u062d\u062f\u064a\u0643 \u0627\u0644\u0622\u0646<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n#safa7atReadingChallengeExact,\r\n#safa7atReadingChallengeExact *{\r\n  box-sizing:border-box!important;\r\n  font-family:\"Cairo\",Arial,sans-serif!important\r\n}\r\n\r\n#safa7atReadingChallengeExact{\r\n  width:calc(100% + 20px)!important;\r\n  max-width:none!important;\r\n  margin:14px -10px 18px!important;\r\n  padding:0!important;\r\n  direction:rtl!important\r\n}\r\n\r\n\/* \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0623\u0635\u0644\u064a \u0644\u0644\u0642\u0633\u0645 *\/\r\n#safa7atReadingChallengeExact .pages-challenge-box{\r\n  padding:40px 24px!important;\r\n  background:linear-gradient(135deg,#0f172a,#1e3a5f)!important;\r\n  border-radius:34px!important;\r\n  color:#fff!important;\r\n  position:relative!important;\r\n  overflow:hidden!important\r\n}\r\n\r\n#safa7atReadingChallengeExact .pages-challenge-content span{\r\n  color:#60a5fa!important;\r\n  font-size:12px!important;\r\n  font-weight:800!important;\r\n  display:block!important;\r\n  margin-bottom:10px!important\r\n}\r\n\r\n#safa7atReadingChallengeExact .pages-challenge-content h2{\r\n  font-size:32px!important;\r\n  font-weight:900!important;\r\n  margin:0 0 10px!important\r\n}\r\n\r\n#safa7atReadingChallengeExact .pages-challenge-content p{\r\n  color:#94a3b8!important;\r\n  font-size:14px!important;\r\n  line-height:1.7!important;\r\n  margin:0 0 28px!important\r\n}\r\n\r\n#safa7atReadingChallengeExact .pages-challenge-interactive{\r\n  display:flex!important;\r\n  flex-direction:column!important;\r\n  gap:20px!important;\r\n  background:rgba(255,255,255,.04)!important;\r\n  padding:20px!important;\r\n  border-radius:24px!important;\r\n  margin-bottom:24px!important;\r\n  border:1px solid rgba(255,255,255,.06)!important\r\n}\r\n\r\n#safa7atReadingChallengeExact .input-wrap{\r\n  display:flex!important;\r\n  align-items:center!important;\r\n  gap:12px!important\r\n}\r\n\r\n#safa7atReadingChallengeExact .input-wrap input{\r\n  width:80px!important;\r\n  height:44px!important;\r\n  border-radius:12px!important;\r\n  border:1px solid rgba(255,255,255,.15)!important;\r\n  background:rgba(0,0,0,.2)!important;\r\n  color:#fff!important;\r\n  text-align:center!important;\r\n  font-size:16px!important;\r\n  font-weight:700!important\r\n}\r\n\r\n#safa7atReadingChallengeExact .input-wrap label{\r\n  font-size:13px!important;\r\n  font-weight:700!important;\r\n  color:#cbd5e1!important\r\n}\r\n\r\n#safa7atReadingChallengeExact .result-wrap{\r\n  display:flex!important;\r\n  align-items:baseline!important;\r\n  gap:8px!important\r\n}\r\n\r\n#safa7atReadingChallengeExact .result-wrap .num{\r\n  font-size:40px!important;\r\n  font-weight:900!important;\r\n  color:#60a5fa!important\r\n}\r\n\r\n#safa7atReadingChallengeExact .result-wrap .txt{\r\n  font-size:14px!important;\r\n  color:#cbd5e1!important;\r\n  font-weight:700!important\r\n}\r\n\r\n#safa7atReadingChallengeExact .pages-challenge-btn{\r\n  display:inline-flex!important;\r\n  align-items:center!important;\r\n  justify-content:center!important;\r\n  height:50px!important;\r\n  padding:0 32px!important;\r\n  background:#fff!important;\r\n  color:#0f172a!important;\r\n  text-decoration:none!important;\r\n  font-size:14px!important;\r\n  font-weight:800!important;\r\n  border-radius:100px!important\r\n}\r\n\r\n\/* \u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0627\u0644\u0645\u0648\u062c\u0648\u062f \u0641\u064a \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0623\u0635\u0644\u064a\u0629 *\/\r\n#safa7atReadingChallengeExact .pages-challenge-box{\r\n  background:#fff!important;\r\n  color:#002659!important;\r\n  border:1px solid rgba(0,38,89,.09)!important;\r\n  box-shadow:0 5px 18px rgba(0,38,89,.05)!important\r\n}\r\n\r\n#safa7atReadingChallengeExact .pages-challenge-content>span{\r\n  color:#b4975a!important\r\n}\r\n\r\n#safa7atReadingChallengeExact .pages-challenge-content h2,\r\n#safa7atReadingChallengeExact .pages-challenge-content p{\r\n  color:#002659!important\r\n}\r\n\r\n#safa7atReadingChallengeExact .pages-challenge-interactive{\r\n  background:#f7f9fc!important;\r\n  border:1px solid rgba(0,38,89,.08)!important\r\n}\r\n\r\n#safa7atReadingChallengeExact .pages-challenge-interactive label,\r\n#safa7atReadingChallengeExact .result-wrap .txt{\r\n  color:#697383!important\r\n}\r\n\r\n#safa7atReadingChallengeExact .pages-challenge-interactive input,\r\n#safa7atReadingChallengeExact .result-wrap .num{\r\n  color:#002659!important\r\n}\r\n\r\n#safa7atReadingChallengeExact .pages-challenge-interactive input{\r\n  background:#fff!important;\r\n  border-color:rgba(0,38,89,.15)!important\r\n}\r\n\r\n#safa7atReadingChallengeExact .pages-challenge-btn{\r\n  background:#002659!important;\r\n  color:#fff!important\r\n}\r\n\r\n@media(min-width:600px){\r\n  #safa7atReadingChallengeExact{\r\n    width:calc(100% - 20px)!important;\r\n    margin:18px auto!important\r\n  }\r\n}\r\n\r\n@media(min-width:768px){\r\n  #safa7atReadingChallengeExact .pages-challenge-box{\r\n    padding:54px 44px!important\r\n  }\r\n\r\n  #safa7atReadingChallengeExact .pages-challenge-interactive{\r\n    flex-direction:row!important;\r\n    align-items:center!important;\r\n    justify-content:space-between!important;\r\n    padding:24px 34px!important\r\n  }\r\n}\r\n\r\n@media(min-width:1024px){\r\n  #safa7atReadingChallengeExact{\r\n    width:min(1380px,calc(100% - 32px))!important;\r\n    margin:22px auto!important\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nfunction calculateChallenge(){\r\n  const input=document.getElementById(\"readingMinutes\");\r\n  const output=document.getElementById(\"calculatedBooks\");\r\n  if(!input||!output)return;\r\n\r\n  const mins=parseInt(input.value,10)||20;\r\n  const totalMins=mins*365;\r\n  const books=Math.round(totalMins\/300);\r\n  output.innerText=books;\r\n}\r\ncalculateChallenge();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90825da elementor-widget elementor-widget-html\" data-id=\"90825da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u0642\u0633\u0645 \u0643\u0627\u062a\u0628 \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u2014 \u0646\u0633\u062e\u0629 \u0645\u0633\u062a\u0642\u0644\u0629 \u0645\u0637\u0627\u0628\u0642\u0629 \u0644\u0644\u0642\u0633\u0645 \u0627\u0644\u0623\u0635\u0644\u064a -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<section id=\"safa7atWeeklyAuthor\" dir=\"rtl\">\r\n  <section class=\"pages-author\" id=\"weeklyAuthorSection\">\r\n    <div class=\"pages-author-image\">\r\n      <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-9-%D9%85%D8%A7%D8%B1%D8%B3-2026%D8%8C-12_27_14-%D8%B5.png?ssl=1\" alt=\"\u0623\u062f\u0647\u0645 \u0634\u0631\u0642\u0627\u0648\u064a\">\r\n    <\/div>\r\n\r\n    <div class=\"pages-author-content\">\r\n      <span>\u0643\u0627\u062a\u0628 \u0627\u0644\u0623\u0633\u0628\u0648\u0639<\/span>\r\n      <h2>\u0623\u062f\u0647\u0645 \u0634\u0631\u0642\u0627\u0648\u064a<\/h2>\r\n      <p>\r\n        \u0643\u0627\u062a\u0628 \u0641\u0644\u0633\u0637\u064a\u0646\u064a \u0645\u0639\u0627\u0635\u0631 \u0627\u0634\u062a\u0647\u0631 \u0628\u0623\u0633\u0644\u0648\u0628\u0647 \u0627\u0644\u0625\u0646\u0633\u0627\u0646\u064a \u0648\u0627\u0644\u0625\u064a\u0645\u0627\u0646\u064a \u0627\u0644\u0647\u0627\u062f\u0626\u060c \u0648\u064a\u064f\u0639\u0631\u0641 \u0628\u0643\u062a\u0627\u0628\u0627\u062a\u0647 \u0627\u0644\u062a\u064a \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062a\u0623\u0645\u0644\u0627\u062a \u0627\u0644\u062d\u064a\u0627\u062a\u064a\u0629 \u0648\u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u0642\u0631\u064a\u0628\u0629 \u0645\u0646 \u0627\u0644\u0642\u0644\u0628.\r\n        \u0645\u0646 \u0623\u0628\u0631\u0632 \u0643\u062a\u0628\u0647:\r\n        <a href=\"https:\/\/www.safa7at.com\/product\/hadith-assabah\/\" class=\"pages-inline-link\">\u062d\u062f\u064a\u062b \u0627\u0644\u0635\u0628\u0627\u062d<\/a>\u060c\r\n        <a href=\"https:\/\/www.safa7at.com\/product\/rsael-min-alquran\/\" class=\"pages-inline-link\">\u0631\u0633\u0627\u0626\u0644 \u0645\u0646 \u0627\u0644\u0642\u0631\u0622\u0646<\/a>\u060c \u0648\r\n        <a href=\"https:\/\/www.safa7at.com\/product\/endama-eltaqayto-omar-bin-khattab\/\" class=\"pages-inline-link\">\u0639\u0646\u062f\u0645\u0627 \u0627\u0644\u062a\u0642\u064a\u062a \u0639\u0645\u0631 \u0628\u0646 \u0627\u0644\u062e\u0637\u0627\u0628<\/a>.\r\n      <\/p>\r\n    <\/div>\r\n  <\/section>\r\n<\/section>\r\n\r\n<style>\r\n#safa7atWeeklyAuthor {\r\n  --pages-navy: #002659;\r\n  --pages-gold: #B4975A;\r\n  --pages-muted: #697383;\r\n  --pages-border: rgba(0, 38, 89, 0.09);\r\n  --pages-card-radius: 16px;\r\n\r\n  width: calc(100% + 20px) !important;\r\n  max-width: none !important;\r\n  margin: 14px -10px 18px !important;\r\n  padding: 0 !important;\r\n  direction: rtl !important;\r\n}\r\n\r\n#safa7atWeeklyAuthor,\r\n#safa7atWeeklyAuthor * {\r\n  box-sizing: border-box !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n}\r\n\r\n#safa7atWeeklyAuthor .pages-author {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 28px !important;\r\n  margin-bottom: 18px !important;\r\n  padding: 20px !important;\r\n  border: 1px solid var(--pages-border) !important;\r\n  border-radius: var(--pages-card-radius) !important;\r\n  background: #ffffff !important;\r\n  box-shadow: 0 3px 12px rgba(0, 38, 89, 0.04) !important;\r\n  backdrop-filter: none !important;\r\n}\r\n\r\n#safa7atWeeklyAuthor .pages-author-image img {\r\n  display: block !important;\r\n  width: 100% !important;\r\n  height: auto !important;\r\n  margin: 0 !important;\r\n  border: 0 !important;\r\n  border-radius: 14px !important;\r\n  object-fit: cover !important;\r\n  box-shadow: 0 8px 20px rgba(0, 38, 89, 0.08) !important;\r\n}\r\n\r\n#safa7atWeeklyAuthor .pages-author-content {\r\n  min-width: 0 !important;\r\n}\r\n\r\n#safa7atWeeklyAuthor .pages-author-content span {\r\n  display: block !important;\r\n  margin-bottom: 5px !important;\r\n  color: var(--pages-gold) !important;\r\n  font-size: 12px !important;\r\n  font-weight: 800 !important;\r\n}\r\n\r\n#safa7atWeeklyAuthor .pages-author-content h2 {\r\n  margin: 0 !important;\r\n  color: var(--pages-navy) !important;\r\n  font-size: 23px !important;\r\n  font-weight: 900 !important;\r\n  line-height: 1.45 !important;\r\n}\r\n\r\n#safa7atWeeklyAuthor .pages-author-content p {\r\n  margin: 14px 0 0 !important;\r\n  color: var(--pages-muted) !important;\r\n  font-size: 14px !important;\r\n  font-weight: 600 !important;\r\n  line-height: 1.9 !important;\r\n}\r\n\r\n#safa7atWeeklyAuthor .pages-inline-link {\r\n  color: var(--pages-navy) !important;\r\n  font-weight: 700 !important;\r\n  text-decoration: none !important;\r\n  border-bottom: 1px solid var(--pages-gold) !important;\r\n  padding-bottom: 1px !important;\r\n}\r\n\r\n@media (min-width: 600px) {\r\n  #safa7atWeeklyAuthor {\r\n    width: calc(100% - 20px) !important;\r\n    margin: 18px auto !important;\r\n  }\r\n\r\n  #safa7atWeeklyAuthor .pages-author-content h2 {\r\n    font-size: 29px !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  #safa7atWeeklyAuthor .pages-author {\r\n    flex-direction: row !important;\r\n    align-items: center !important;\r\n    gap: 50px !important;\r\n    padding: 28px !important;\r\n  }\r\n\r\n  #safa7atWeeklyAuthor .pages-author-image {\r\n    width: 35% !important;\r\n    flex-shrink: 0 !important;\r\n  }\r\n\r\n  #safa7atWeeklyAuthor .pages-author-content {\r\n    flex: 1 !important;\r\n  }\r\n\r\n  #safa7atWeeklyAuthor .pages-author-content h2 {\r\n    margin-bottom: 16px !important;\r\n  }\r\n\r\n  #safa7atWeeklyAuthor .pages-author-content p {\r\n    margin-top: 0 !important;\r\n    font-size: 16px !important;\r\n    line-height: 2 !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  #safa7atWeeklyAuthor {\r\n    width: min(1380px, calc(100% - 32px)) !important;\r\n    margin: 22px auto !important;\r\n  }\r\n\r\n  #safa7atWeeklyAuthor .pages-author {\r\n    margin-bottom: 22px !important;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a168e2e elementor-widget elementor-widget-html\" data-id=\"a168e2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u0625\u0634\u0639\u0627\u0631\u0627\u062a \u0627\u0644\u0634\u0631\u0627\u0621 \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u0629 \u2014 \u0646\u0633\u062e\u0629 \u0645\u062d\u0633\u0651\u0646\u0629 \u0648\u0645\u0633\u062a\u0642\u0644\u0629 -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<div\r\n  id=\"pagesLiveNotification\"\r\n  class=\"pages-live-notification hidden\"\r\n  dir=\"rtl\"\r\n  role=\"status\"\r\n  aria-live=\"polite\"\r\n  aria-atomic=\"true\"\r\n>\r\n  <div class=\"notification-pulse\" aria-hidden=\"true\"><\/div>\r\n\r\n  <p id=\"notificationText\">\r\n    \u0627\u0634\u062a\u0631\u0649 \u0642\u0627\u0631\u0626 \u0645\u0646 \u0627\u0644\u062c\u0632\u0627\u0626\u0631 \u0627\u0644\u0639\u0627\u0635\u0645\u0629 \u0643\u062a\u0627\u0628\u064b\u0627 \u0644\u0644\u062a\u0648!\r\n  <\/p>\r\n\r\n  <button\r\n    id=\"notificationClose\"\r\n    class=\"notification-close\"\r\n    type=\"button\"\r\n    aria-label=\"\u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0625\u0634\u0639\u0627\u0631\"\r\n  >\r\n    \u00d7\r\n  <\/button>\r\n<\/div>\r\n\r\n<style>\r\n.pages-live-notification,\r\n.pages-live-notification * {\r\n  box-sizing: border-box !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n}\r\n\r\n.pages-live-notification {\r\n  position: fixed !important;\r\n  right: 16px !important;\r\n  bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;\r\n  z-index: 99999 !important;\r\n\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  gap: 11px !important;\r\n\r\n  width: min(340px, calc(100vw - 32px)) !important;\r\n  min-height: 58px !important;\r\n  margin: 0 !important;\r\n  padding: 13px 42px 13px 16px !important;\r\n\r\n  border: 1px solid rgba(148, 163, 184, 0.18) !important;\r\n  border-radius: 18px !important;\r\n  background: rgba(255, 255, 255, 0.97) !important;\r\n  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.14) !important;\r\n  backdrop-filter: blur(12px) !important;\r\n  -webkit-backdrop-filter: blur(12px) !important;\r\n\r\n  direction: rtl !important;\r\n  animation: pagesNotificationIn 500ms cubic-bezier(.16, 1, .3, 1) !important;\r\n}\r\n\r\n.pages-live-notification.is-hiding {\r\n  animation: pagesNotificationOut 280ms ease forwards !important;\r\n}\r\n\r\n.pages-live-notification.hidden {\r\n  display: none !important;\r\n}\r\n\r\n.notification-pulse {\r\n  position: relative !important;\r\n  display: block !important;\r\n  flex: 0 0 9px !important;\r\n  width: 9px !important;\r\n  height: 9px !important;\r\n  border-radius: 50% !important;\r\n  background: #10b981 !important;\r\n}\r\n\r\n.notification-pulse::after {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  border-radius: inherit !important;\r\n  background: #10b981 !important;\r\n  animation: pagesPulseRing 1.5s infinite !important;\r\n}\r\n\r\n#notificationText {\r\n  flex: 1 1 auto !important;\r\n  min-width: 0 !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n\r\n  color: #1e293b !important;\r\n  font-size: 12px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.65 !important;\r\n  text-align: right !important;\r\n}\r\n\r\n.notification-close {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  left: 10px !important;\r\n  transform: translateY(-50%) !important;\r\n\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n\r\n  width: 28px !important;\r\n  height: 28px !important;\r\n  margin: 0 !important;\r\n  padding: 0 0 2px !important;\r\n\r\n  border: 0 !important;\r\n  border-radius: 50% !important;\r\n  background: transparent !important;\r\n  color: #7c8797 !important;\r\n\r\n  font-family: Arial, sans-serif !important;\r\n  font-size: 21px !important;\r\n  font-weight: 400 !important;\r\n  line-height: 1 !important;\r\n\r\n  cursor: pointer !important;\r\n  pointer-events: auto !important;\r\n  appearance: none !important;\r\n  -webkit-tap-highlight-color: transparent !important;\r\n}\r\n\r\n.notification-close:hover {\r\n  background: rgba(0, 38, 89, 0.06) !important;\r\n  color: #002659 !important;\r\n}\r\n\r\n.notification-close:focus-visible {\r\n  outline: 2px solid rgba(0, 38, 89, 0.35) !important;\r\n  outline-offset: 2px !important;\r\n}\r\n\r\n@keyframes pagesNotificationIn {\r\n  from {\r\n    transform: translateY(60px) scale(.96);\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    transform: translateY(0) scale(1);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes pagesNotificationOut {\r\n  from {\r\n    transform: translateY(0) scale(1);\r\n    opacity: 1;\r\n  }\r\n  to {\r\n    transform: translateY(24px) scale(.97);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n@keyframes pagesPulseRing {\r\n  0% {\r\n    transform: scale(1);\r\n    opacity: .7;\r\n  }\r\n  100% {\r\n    transform: scale(3);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .pages-live-notification {\r\n    right: 24px !important;\r\n    bottom: 34px !important;\r\n    width: 340px !important;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .pages-live-notification,\r\n  .pages-live-notification.is-hiding,\r\n  .notification-pulse::after {\r\n    animation: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n  const STORAGE_CLOSE_COUNT = \"pagesLiveNotificationCloseCount\";\r\n  const STORAGE_DISABLED = \"pagesLiveNotificationsDisabled\";\r\n\r\n  const cities = [\r\n    \"\u0627\u0644\u062c\u0632\u0627\u0626\u0631 \u0627\u0644\u0639\u0627\u0635\u0645\u0629\",\r\n    \"\u0648\u0647\u0631\u0627\u0646\",\r\n    \"\u0642\u0633\u0646\u0637\u064a\u0646\u0629\",\r\n    \"\u0639\u0646\u0627\u0628\u0629\",\r\n    \"\u0627\u0644\u0628\u0644\u064a\u062f\u0629\",\r\n    \"\u0633\u0637\u064a\u0641\",\r\n    \"\u0628\u0627\u062a\u0646\u0629\",\r\n    \"\u0627\u0644\u0634\u0644\u0641\",\r\n    \"\u062a\u0644\u0645\u0633\u0627\u0646\",\r\n    \"\u0648\u0631\u0642\u0644\u0629\"\r\n  ];\r\n\r\n  const books = [\r\n    \"\u0639\u0642\u062f\u0643 \u0627\u0644\u0646\u0641\u0633\u064a\u0629 \u0633\u062c\u0646\u0643 \u0627\u0644\u0623\u0628\u062f\u064a\",\r\n    \"\u0637\u0627\u0642\u0629 \u0627\u0644\u0623\u0646\u0648\u062b\u0629\",\r\n    \"\u0645\u0642\u062f\u0645\u0629 \u0627\u0628\u0646 \u062e\u0644\u062f\u0648\u0646\",\r\n    \"\u0627\u0644\u0642\u0644\u0642 \u0627\u0644\u0627\u0633\u062a\u0628\u0627\u0642\u064a\",\r\n    \"\u062d\u062f\u064a\u062b \u0627\u0644\u0635\u0628\u0627\u062d\"\r\n  ];\r\n\r\n  const firstNotificationDelay = 6000;\r\n  const visibleDuration = 5000;\r\n  const minimumInterval = 25000;\r\n  const maximumInterval = 40000;\r\n\r\n  let notificationTimer = null;\r\n  let hideTimer = null;\r\n  let initialized = false;\r\n\r\n  function storageGet(key) {\r\n    try {\r\n      return window.localStorage.getItem(key);\r\n    } catch (error) {\r\n      return null;\r\n    }\r\n  }\r\n\r\n  function storageSet(key, value) {\r\n    try {\r\n      window.localStorage.setItem(key, value);\r\n    } catch (error) {\r\n      \/* \u064a\u0633\u062a\u0645\u0631 \u0627\u0644\u0625\u0634\u0639\u0627\u0631 \u062d\u062a\u0649 \u0639\u0646\u062f \u0645\u0646\u0639 \u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0627\u0644\u0645\u062d\u0644\u064a *\/\r\n    }\r\n  }\r\n\r\n  function notificationsAreDisabled() {\r\n    return storageGet(STORAGE_DISABLED) === \"true\";\r\n  }\r\n\r\n  function getCloseCount() {\r\n    const storedValue = Number.parseInt(storageGet(STORAGE_CLOSE_COUNT) || \"0\", 10);\r\n    return Number.isFinite(storedValue) ? storedValue : 0;\r\n  }\r\n\r\n  function clearTimers() {\r\n    if (notificationTimer !== null) {\r\n      window.clearTimeout(notificationTimer);\r\n      notificationTimer = null;\r\n    }\r\n\r\n    if (hideTimer !== null) {\r\n      window.clearTimeout(hideTimer);\r\n      hideTimer = null;\r\n    }\r\n  }\r\n\r\n  function getRandomInterval() {\r\n    return Math.floor(\r\n      Math.random() * (maximumInterval - minimumInterval + 1)\r\n    ) + minimumInterval;\r\n  }\r\n\r\n  function hideNotification(banner, immediate = false) {\r\n    if (!banner || banner.classList.contains(\"hidden\")) return;\r\n\r\n    if (hideTimer !== null) {\r\n      window.clearTimeout(hideTimer);\r\n      hideTimer = null;\r\n    }\r\n\r\n    if (immediate || window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) {\r\n      banner.classList.remove(\"is-hiding\");\r\n      banner.classList.add(\"hidden\");\r\n      return;\r\n    }\r\n\r\n    banner.classList.add(\"is-hiding\");\r\n\r\n    window.setTimeout(() => {\r\n      banner.classList.remove(\"is-hiding\");\r\n      banner.classList.add(\"hidden\");\r\n    }, 280);\r\n  }\r\n\r\n  function scheduleNextNotification(triggerNotification, delay = getRandomInterval()) {\r\n    if (notificationsAreDisabled()) return;\r\n\r\n    if (notificationTimer !== null) {\r\n      window.clearTimeout(notificationTimer);\r\n    }\r\n\r\n    notificationTimer = window.setTimeout(() => {\r\n      triggerNotification();\r\n    }, delay);\r\n  }\r\n\r\n  function initLiveNotifications() {\r\n    if (initialized || notificationsAreDisabled()) return;\r\n\r\n    const banner = document.getElementById(\"pagesLiveNotification\");\r\n    const textElement = document.getElementById(\"notificationText\");\r\n    const closeButton = document.getElementById(\"notificationClose\");\r\n\r\n    if (!banner || !textElement || !closeButton) return;\r\n\r\n    initialized = true;\r\n\r\n    function triggerNotification() {\r\n      if (notificationsAreDisabled() || document.hidden) {\r\n        scheduleNextNotification(triggerNotification);\r\n        return;\r\n      }\r\n\r\n      const city = cities[Math.floor(Math.random() * cities.length)];\r\n      const book = books[Math.floor(Math.random() * books.length)];\r\n\r\n      textElement.textContent = `\u0627\u0634\u062a\u0631\u0649 \u0642\u0627\u0631\u0626 \u0645\u0646 ${city} \u0643\u062a\u0627\u0628 \u00ab${book}\u00bb \u0644\u0644\u062a\u0648.`;\r\n\r\n      banner.classList.remove(\"hidden\", \"is-hiding\");\r\n\r\n      if (hideTimer !== null) {\r\n        window.clearTimeout(hideTimer);\r\n      }\r\n\r\n      hideTimer = window.setTimeout(() => {\r\n        hideNotification(banner);\r\n      }, visibleDuration);\r\n\r\n      scheduleNextNotification(triggerNotification);\r\n    }\r\n\r\n    closeButton.addEventListener(\"click\", () => {\r\n      hideNotification(banner);\r\n\r\n      const updatedCloseCount = getCloseCount() + 1;\r\n      storageSet(STORAGE_CLOSE_COUNT, String(updatedCloseCount));\r\n\r\n      if (updatedCloseCount >= 2) {\r\n        storageSet(STORAGE_DISABLED, \"true\");\r\n        clearTimers();\r\n      }\r\n    });\r\n\r\n    document.addEventListener(\"visibilitychange\", () => {\r\n      if (document.hidden) {\r\n        hideNotification(banner, true);\r\n      }\r\n    });\r\n\r\n    scheduleNextNotification(triggerNotification, firstNotificationDelay);\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", initLiveNotifications, { once: true });\r\n  } else {\r\n    initLiveNotifications();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\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>\u0645\u0643\u062a\u0628\u0629 \u0635\u0641\u062d\u0627\u062a \u062d\u064a\u062b \u062a\u0628\u062f\u0623 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0643\u062a\u0628 \u0627\u062e\u062a\u064a\u0627\u0631\u0627\u062a \u0645\u062a\u0646\u0648\u0639\u0629 \u0645\u0626\u0627\u062a \u0627\u0644\u0643\u062a\u0628 \u0628\u064a\u0646 \u064a\u062f\u064a\u0643 \u0631\u0648\u0627\u064a\u0627\u062a\u060c \u0643\u062a\u0628 \u0641\u0643\u0631\u064a\u0629 \u0648\u062f\u064a\u0646\u064a\u0629\u060c \u0648\u062a\u0646\u0645\u064a\u0629 \u0628\u0634\u0631\u064a\u0629 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f. \u062a\u0635\u0641\u0651\u062d \u0627\u0644\u0645\u062a\u062c\u0631 \u0637\u0644\u0628 \u0633\u0647\u0644 \u0648\u0648\u0627\u0636\u062d \u062a\u0633\u0648\u0651\u0642 \u0628\u0643\u0644 \u0631\u0627\u062d\u0629 \u0634\u062d\u0646 \u0622\u0645\u0646 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u0644\u0637\u0644\u0628\u0643 \u062d\u062a\u0649 \u064a\u0635\u0644\u0643. \u0627\u0628\u062f\u0623 \u0627\u0644\u062a\u0633\u0648\u0651\u0642 \u0641\u0631\u0635 \u0644\u0627 \u062a\u0641\u0648\u0651\u062a \u0639\u0631\u0648\u0636 \u062a\u062a\u062c\u062f\u062f \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u062a\u062e\u0641\u064a\u0636\u0627\u062a \u0645\u062e\u062a\u0627\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u0643\u062a\u0628 \u0648\u0627\u0644\u0645\u0635\u0627\u062d\u0641 \u0644\u0641\u062a\u0631\u0629 \u0645\u062d\u062f\u0648\u062f\u0629. \u0634\u0627\u0647\u062f \u0627\u0644\u0639\u0631\u0648\u0636 \u0627\u0644\u062f\u0641\u0639 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","footnotes":""},"class_list":["post-3669","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.safa7at.com\/en\/wp-json\/wp\/v2\/pages\/3669","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.safa7at.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.safa7at.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.safa7at.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.safa7at.com\/en\/wp-json\/wp\/v2\/comments?post=3669"}],"version-history":[{"count":935,"href":"https:\/\/www.safa7at.com\/en\/wp-json\/wp\/v2\/pages\/3669\/revisions"}],"predecessor-version":[{"id":42813,"href":"https:\/\/www.safa7at.com\/en\/wp-json\/wp\/v2\/pages\/3669\/revisions\/42813"}],"wp:attachment":[{"href":"https:\/\/www.safa7at.com\/en\/wp-json\/wp\/v2\/media?parent=3669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}