{"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-19T10:38:17","modified_gmt":"2026-07-19T09:38:17","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=\"wd-negative-gap elementor-element elementor-element-93c7786 e-flex e-con-boxed e-con e-parent\" data-id=\"93c7786\" 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-032ade9 elementor-widget elementor-widget-html\" data-id=\"032ade9\" 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<!-- \u0633\u0644\u0627\u064a\u062f\u0631 \u0645\u0643\u062a\u0628\u0629 \u0635\u0641\u062d\u0627\u062a: \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=\"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          <span class=\"sfs-button-arrow\" aria-hidden=\"true\">\u2190<\/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_20_11-\u0635.png')\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <div class=\"sfs-content\">\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          \u0645\u0646 \u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u062f\u064a\u0646\u064a\u0629 \u0648\u0627\u0644\u0641\u0643\u0631\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u0631\u0648\u0627\u064a\u0627\u062a \u0648\u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0628\u0634\u0631\u064a\u0629\u060c \u0643\u0644 \u0645\u0627 \u062a\u0628\u062d\u062b \u0639\u0646\u0647 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f\r\n        <\/p>\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        <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 \u0633\u0631\u064a\u0639 \u0648\u0622\u0645\u0646 \u0625\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0644\u0648\u0644\u0627\u064a\u0627\u062a \u0645\u0639 \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u0644\u0637\u0644\u0628\u0643\r\n        <\/p>\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        <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          \u0627\u0643\u062a\u0634\u0641 \u0623\u062d\u062f\u062b \u0627\u0644\u062a\u062e\u0641\u064a\u0636\u0627\u062a \u0639\u0644\u0649 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062e\u062a\u0627\u0631\u0629 \u0645\u0646 \u0627\u0644\u0643\u062a\u0628 \u0648\u0627\u0644\u0645\u0635\u0627\u062d\u0641\r\n        <\/p>\r\n\r\n        <a class=\"sfs-button\" href=\"https:\/\/www.safa7at.com\/readers-deal\/\">\r\n          <span>\u062a\u0635\u0641\u062d \u0627\u0644\u062a\u062e\u0641\u064a\u0636\u0627\u062a<\/span>\r\n          <span class=\"sfs-button-arrow\" aria-hidden=\"true\">\u2190<\/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\r\n  \/* \u062a\u0639\u0648\u064a\u0636 \u062d\u0648\u0627\u0641 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u062d\u062a\u0649 \u064a\u0642\u062a\u0631\u0628 \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 \u0645\u0646 \u0637\u0631\u0641\u064a \u0627\u0644\u0634\u0627\u0634\u0629 *\/\r\n  width: calc(100% + 20px) !important;\r\n  max-width: none !important;\r\n  height: 178px !important;\r\n  margin-top: -22px !important;\r\n  margin-right: -10px !important;\r\n  margin-bottom: 8px !important;\r\n  margin-left: -10px !important;\r\n\r\n  padding: 0 !important;\r\n  overflow: hidden !important;\r\n  border: 0 !important;\r\n  border-radius: 12px !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.96) 0%,\r\n      rgba(0, 38, 89, 0.86) 28%,\r\n      rgba(0, 38, 89, 0.52) 54%,\r\n      rgba(0, 38, 89, 0.14) 78%,\r\n      rgba(0, 38, 89, 0.01) 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: 16px !important;\r\n  width: 72% !important;\r\n  max-width: 440px !important;\r\n  margin: 0 !important;\r\n  padding: 0 0 12px !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 3px !important;\r\n  padding: 0 !important;\r\n  color: #ffffff !important;\r\n  background: transparent !important;\r\n  border: 0 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 20px !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 12px rgba(0, 0, 0, 0.24) !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  color: rgba(255, 255, 255, 0.94) !important;\r\n  background: transparent !important;\r\n  border: 0 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 11.5px !important;\r\n  font-style: normal !important;\r\n  font-weight: 400 !important;\r\n  line-height: 1.65 !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 10px rgba(0, 0, 0, 0.18) !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: 9px !important;\r\n  width: auto !important;\r\n  min-width: 132px !important;\r\n  min-height: 36px !important;\r\n  margin: 9px 0 0 !important;\r\n  padding: 7px 14px !important;\r\n  border: 0 !important;\r\n  border-radius: 14px !important;\r\n  background: #ffffff !important;\r\n  color: #002659 !important;\r\n  font-family: \"Cairo\", Arial, sans-serif !important;\r\n  font-size: 12.5px !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 7px 20px rgba(0, 0, 0, 0.17) !important;\r\n}\r\n\r\n#safa7atHeroSlider .sfs-button-arrow {\r\n  color: #002659 !important;\r\n  font-family: Arial, sans-serif !important;\r\n  font-size: 17px !important;\r\n  font-weight: 400 !important;\r\n  line-height: 1 !important;\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: 7px !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: 6px !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: 6px !important;\r\n  min-width: 6px !important;\r\n  height: 6px !important;\r\n  min-height: 6px !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: 23px !important;\r\n  min-width: 23px !important;\r\n  background: #ffffff !important;\r\n}\r\n\r\n@media (min-width: 600px) {\r\n  #safa7atHeroSlider {\r\n    width: calc(100% - 20px) !important;\r\n    height: 250px !important;\r\n    margin: 8px auto 12px !important;\r\n    border-radius: 20px !important;\r\n  }\r\n\r\n  #safa7atHeroSlider .sfs-content {\r\n    right: 34px !important;\r\n    width: 54% !important;\r\n  }\r\n\r\n  #safa7atHeroSlider .sfs-title {\r\n    font-size: 31px !important;\r\n  }\r\n\r\n  #safa7atHeroSlider .sfs-description {\r\n    font-size: 14px !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  #safa7atHeroSlider {\r\n    width: min(1380px, calc(100% - 32px)) !important;\r\n    height: 330px !important;\r\n    margin: 10px auto 16px !important;\r\n    border-radius: 24px !important;\r\n  }\r\n\r\n  #safa7atHeroSlider .sfs-content {\r\n    right: max(50px, 5vw) !important;\r\n    width: 46% !important;\r\n  }\r\n\r\n  #safa7atHeroSlider .sfs-title {\r\n    font-size: 42px !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 (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<\/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      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      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    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  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-08f68ab elementor-widget elementor-widget-html\" data-id=\"08f68ab\" 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 \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 class=\"stc-hint\">\u0627\u0636\u063a\u0637 \u0644\u0644\u0645\u0632\u064a\u062f<\/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 class=\"stc-return\">\u0627\u0636\u063a\u0637 \u0644\u0644\u0639\u0648\u062f\u0629<\/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 class=\"stc-hint\">\u0627\u0636\u063a\u0637 \u0644\u0644\u0645\u0632\u064a\u062f<\/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 \u0628\u0633\u0631\u0639\u0629 \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 class=\"stc-return\">\u0627\u0636\u063a\u0637 \u0644\u0644\u0639\u0648\u062f\u0629<\/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\">\u0645\u0646\u062a\u062c\u0627\u062a \u0645\u0637\u0627\u0628\u0642\u0629 \u0644\u0644\u0648\u0635\u0641<\/span>\r\n          <span class=\"stc-hint\">\u0627\u0636\u063a\u0637 \u0644\u0644\u0645\u0632\u064a\u062f<\/span>\r\n        <\/span>\r\n\r\n        <span class=\"stc-face stc-back\">\r\n          <span class=\"stc-back-title\">\u0645\u0646\u062a\u062c\u0627\u062a \u0645\u0637\u0627\u0628\u0642\u0629 \u0644\u0644\u0648\u0635\u0641<\/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\u0646\u062d\u0631\u0635 \u0639\u0644\u0649 \u0623\u0646 \u064a\u0635\u0644\u0643 \u0637\u0644\u0628\u0643 \u0645\u0637\u0627\u0628\u0642\u064b\u0627 \u0644\u0645\u0627 \u0627\u062e\u062a\u0631\u062a\u0647.\r\n          <\/span>\r\n          <span class=\"stc-return\">\u0627\u0636\u063a\u0637 \u0644\u0644\u0639\u0648\u062f\u0629<\/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 class=\"stc-hint\">\u0627\u0636\u063a\u0637 \u0644\u0644\u0645\u0632\u064a\u062f<\/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 class=\"stc-return\">\u0627\u0636\u063a\u0637 \u0644\u0644\u0639\u0648\u062f\u0629<\/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% + 20px) !important;\r\n  max-width: none !important;\r\n  margin: 8px -10px 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<\/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-94613b2 elementor-widget elementor-widget-html\" data-id=\"94613b2\" 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\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-52195d9 elementor-widget elementor-widget-html\" data-id=\"52195d9\" 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<section id=\"safa7atNewProducts\" dir=\"rtl\"><div class=\"sn-shell\"><div class=\"sn-head\"><h2>\u062c\u062f\u064a\u062f\u0646\u0627<\/h2><a href=\"https:\/\/www.safa7at.com\/shop\/\">\u0639\u0631\u0636 \u0627\u0644\u0643\u0644 \u2039<\/a><\/div><div class=\"sn-track\"><article class=\"sn-card\"><a class=\"sn-img\" href=\"https:\/\/www.safa7at.com\/product\/al-ikhwah-karamazov\/\"><span><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2026\/07\/%D8%A7%D9%84%D8%A5%D8%AE%D9%88%D8%A9-%D9%83%D8%A7%D8%B1%D8%A7%D9%85%D8%A7%D8%B2%D9%88%D9%81.jpg?fit=700%2C700&ssl=1\" alt=\"\u0627\u0644\u0625\u062e\u0648\u0629 \u0643\u0627\u0631\u0627\u0645\u0627\u0632\u0648\u0641\" loading=\"lazy\"><span class=\"sn-badge\">\u0637\u0628\u0639\u0629 \u0623\u0635\u0644\u064a\u0629<\/span><\/span><\/a><div class=\"sn-body\"><a class=\"sn-name\" href=\"https:\/\/www.safa7at.com\/product\/al-ikhwah-karamazov\/\">\u0627\u0644\u0625\u062e\u0648\u0629 \u0643\u0627\u0631\u0627\u0645\u0627\u0632\u0648\u0641<\/a><strong>4,690 \u062f.\u062c<\/strong><a class=\"sn-btn\" href=\"https:\/\/www.safa7at.com\/product\/al-ikhwah-karamazov\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c<\/a><\/div><\/article><article class=\"sn-card\"><a class=\"sn-img\" href=\"https:\/\/www.safa7at.com\/product\/asrar-katherine-james-lilsaytara-ala-qalb-wa-aql-alrajul\/\"><span><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2026\/07\/%D8%A7%D9%84%D8%B7%D8%B1%D9%8A%D9%82-%D8%A5%D9%84%D9%89-%D9%82%D9%84%D8%A8-%D8%A7%D9%84%D8%B1%D8%AC%D9%84.jpg?fit=700%2C700&ssl=1\" alt=\"\u0623\u0633\u0631\u0627\u0631 \u0643\u0627\u062b\u0631\u064a\u0646 \u062c\u064a\u0645\u0633 \u0644\u0644\u0633\u064a\u0637\u0631\u0629 \u0639\u0644\u0649 \u0642\u0644\u0628 \u0648\u0639\u0642\u0644 \u0627\u0644\u0631\u062c\u0644 \u0628\u062f\u0648\u0646 \u0648\u0639\u064a\u0647\" loading=\"lazy\"><span class=\"sn-badge\">\u0637\u0628\u0639\u0629 \u0623\u0635\u0644\u064a\u0629<\/span><\/span><\/a><div class=\"sn-body\"><a class=\"sn-name\" href=\"https:\/\/www.safa7at.com\/product\/asrar-katherine-james-lilsaytara-ala-qalb-wa-aql-alrajul\/\">\u0623\u0633\u0631\u0627\u0631 \u0643\u0627\u062b\u0631\u064a\u0646 \u062c\u064a\u0645\u0633 \u0644\u0644\u0633\u064a\u0637\u0631\u0629 \u0639\u0644\u0649 \u0642\u0644\u0628 \u0648\u0639\u0642\u0644 \u0627\u0644\u0631\u062c\u0644 \u0628\u062f\u0648\u0646 \u0648\u0639\u064a\u0647<\/a><strong>890 \u062f.\u062c<\/strong><a class=\"sn-btn\" href=\"https:\/\/www.safa7at.com\/product\/asrar-katherine-james-lilsaytara-ala-qalb-wa-aql-alrajul\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c<\/a><\/div><\/article><article class=\"sn-card\"><a class=\"sn-img\" href=\"https:\/\/www.safa7at.com\/product\/alashbah-taghzu-almadina\/\"><span><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2026\/07\/%D8%A7%D9%84%D8%A3%D8%B4%D8%A8%D8%A7%D8%AD-%D8%AA%D8%BA%D8%B2%D9%88-%D8%A7%D9%84%D9%85%D8%AF%D9%8A%D9%86%D8%A9.jpg?fit=700%2C700&ssl=1\" alt=\"\u0627\u0644\u0623\u0634\u0628\u0627\u062d \u062a\u063a\u0632\u0648 \u0627\u0644\u0645\u062f\u064a\u0646\u0629\" loading=\"lazy\"><span class=\"sn-badge\">\u0637\u0628\u0639\u0629 \u0623\u0635\u0644\u064a\u0629<\/span><\/span><\/a><div class=\"sn-body\"><a class=\"sn-name\" href=\"https:\/\/www.safa7at.com\/product\/alashbah-taghzu-almadina\/\">\u0627\u0644\u0623\u0634\u0628\u0627\u062d \u062a\u063a\u0632\u0648 \u0627\u0644\u0645\u062f\u064a\u0646\u0629<\/a><strong>1,250 \u062f.\u062c<\/strong><a class=\"sn-btn\" href=\"https:\/\/www.safa7at.com\/product\/alashbah-taghzu-almadina\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c<\/a><\/div><\/article><article class=\"sn-card\"><a class=\"sn-img\" href=\"https:\/\/www.safa7at.com\/product\/surat-aljasad\/\"><span><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2026\/07\/%D8%B5%D9%88%D8%B1%D8%A9-%D8%A7%D9%84%D8%AC%D8%B3%D8%AF.jpg?fit=700%2C700&ssl=1\" alt=\"\u0635\u0648\u0631\u0629 \u0627\u0644\u062c\u0633\u062f\" loading=\"lazy\"><span class=\"sn-badge\">\u0637\u0628\u0639\u0629 \u0623\u0635\u0644\u064a\u0629<\/span><\/span><\/a><div class=\"sn-body\"><a class=\"sn-name\" href=\"https:\/\/www.safa7at.com\/product\/surat-aljasad\/\">\u0635\u0648\u0631\u0629 \u0627\u0644\u062c\u0633\u062f<\/a><strong>1,290 \u062f.\u062c<\/strong><a class=\"sn-btn\" href=\"https:\/\/www.safa7at.com\/product\/surat-aljasad\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c<\/a><\/div><\/article><article class=\"sn-card\"><a class=\"sn-img\" href=\"https:\/\/www.safa7at.com\/product\/azaat-alfalsafa\/\"><span><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2026\/07\/%D8%B9%D8%B2%D8%A7%D8%A1%D8%A7%D8%AA-%D8%A7%D9%84%D9%81%D9%84%D8%B3%D9%81%D8%A9.jpg?fit=700%2C700&ssl=1\" alt=\"\u0639\u0632\u0627\u0621\u0627\u062a \u0627\u0644\u0641\u0644\u0633\u0641\u0629\" loading=\"lazy\"><\/span><\/a><div class=\"sn-body\"><a class=\"sn-name\" href=\"https:\/\/www.safa7at.com\/product\/azaat-alfalsafa\/\">\u0639\u0632\u0627\u0621\u0627\u062a \u0627\u0644\u0641\u0644\u0633\u0641\u0629<\/a><strong>1,350 \u062f.\u062c<\/strong><a class=\"sn-btn\" href=\"https:\/\/www.safa7at.com\/product\/azaat-alfalsafa\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c<\/a><\/div><\/article><article class=\"sn-card\"><a class=\"sn-img\" href=\"https:\/\/www.safa7at.com\/product\/taysir-alkarim-alrahman-fi-tafsir-kalam-almannan\/\"><span><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2026\/07\/%D8%AA%D9%8A%D8%B3%D9%8A%D8%B1-%D8%A7%D9%84%D9%83%D8%B1%D9%8A%D9%85-%D8%A7%D9%84%D8%B1%D8%AD%D9%85%D8%A7%D9%86-%D9%81%D9%8A-%D8%AA%D9%81%D8%B3%D9%8A%D8%B1-%D9%83%D9%84%D8%A7%D9%85-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D9%86-%D8%B7-%D8%A5%D8%A8%D8%AF%D8%A7%D8%B9.jpg?fit=700%2C700&ssl=1\" alt=\"\u062a\u064a\u0633\u064a\u0631 \u0627\u0644\u0643\u0631\u064a\u0645 \u0627\u0644\u0631\u062d\u0645\u0646 \u0641\u064a \u062a\u0641\u0633\u064a\u0631 \u0643\u0644\u0627\u0645 \u0627\u0644\u0645\u0646\u0627\u0646\" loading=\"lazy\"><span class=\"sn-badge\">\u0637\u0628\u0639\u0629 \u0623\u0635\u0644\u064a\u0629<\/span><\/span><\/a><div class=\"sn-body\"><a class=\"sn-name\" href=\"https:\/\/www.safa7at.com\/product\/taysir-alkarim-alrahman-fi-tafsir-kalam-almannan\/\">\u062a\u064a\u0633\u064a\u0631 \u0627\u0644\u0643\u0631\u064a\u0645 \u0627\u0644\u0631\u062d\u0645\u0646 \u0641\u064a \u062a\u0641\u0633\u064a\u0631 \u0643\u0644\u0627\u0645 \u0627\u0644\u0645\u0646\u0627\u0646<\/a><strong>2,490 \u062f.\u062c<\/strong><a class=\"sn-btn\" href=\"https:\/\/www.safa7at.com\/product\/taysir-alkarim-alrahman-fi-tafsir-kalam-almannan\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c<\/a><\/div><\/article><article class=\"sn-card\"><a class=\"sn-img\" href=\"https:\/\/www.safa7at.com\/product\/yasmin-alawda-2\/\"><span><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2026\/07\/%D9%8A%D8%A7%D8%B3%D9%85%D9%8A%D9%86-%D8%A7%D9%84%D8%B9%D9%88%D8%AF%D8%A9.jpg?fit=700%2C700&ssl=1\" alt=\"\u064a\u0627\u0633\u0645\u064a\u0646 \u0627\u0644\u0639\u0648\u062f\u0629\" loading=\"lazy\"><span class=\"sn-badge\">\u0637\u0628\u0639\u0629 \u0623\u0635\u0644\u064a\u0629<\/span><\/span><\/a><div class=\"sn-body\"><a class=\"sn-name\" href=\"https:\/\/www.safa7at.com\/product\/yasmin-alawda-2\/\">\u064a\u0627\u0633\u0645\u064a\u0646 \u0627\u0644\u0639\u0648\u062f\u0629<\/a><strong>2,090 \u062f.\u062c<\/strong><a class=\"sn-btn\" href=\"https:\/\/www.safa7at.com\/product\/yasmin-alawda-2\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c<\/a><\/div><\/article><article class=\"sn-card\"><a class=\"sn-img\" href=\"https:\/\/www.safa7at.com\/product\/fan-alhusul-ala-almal\/\"><span><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2026\/07\/%D9%81%D9%86-%D8%A7%D9%84%D8%AD%D8%B5%D9%88%D9%84-%D8%B9%D9%84%D9%89-%D8%A7%D9%84%D9%85%D8%A7%D9%84.jpg?fit=700%2C700&ssl=1\" alt=\"\u0641\u0646 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0627\u0644\" loading=\"lazy\"><\/span><\/a><div class=\"sn-body\"><a class=\"sn-name\" href=\"https:\/\/www.safa7at.com\/product\/fan-alhusul-ala-almal\/\">\u0641\u0646 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0627\u0644<\/a><strong>1,290 \u062f.\u062c<\/strong><a class=\"sn-btn\" href=\"https:\/\/www.safa7at.com\/product\/fan-alhusul-ala-almal\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c<\/a><\/div><\/article><\/div><\/div><\/section>\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&display=swap');\r\n#safa7atNewProducts,#safa7atNewProducts *{box-sizing:border-box!important}\r\n#safa7atNewProducts{width:calc(100% + 20px)!important;margin:14px -10px!important;font-family:Cairo,Arial,sans-serif!important;direction:rtl!important}\r\n#safa7atNewProducts .sn-shell{padding:18px 0!important;overflow:hidden!important;border:1px solid rgba(0,38,89,.08)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 5px 18px rgba(0,38,89,.05)!important}\r\n#safa7atNewProducts .sn-head{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:0 18px!important;margin-bottom:14px!important}\r\n#safa7atNewProducts .sn-head h2{margin:0!important;color:#002659!important;font-size:24px!important;font-weight:800!important}\r\n#safa7atNewProducts .sn-head a{color:#697383!important;text-decoration:none!important;font-size:13px!important;font-weight:700!important}\r\n#safa7atNewProducts .sn-track{display:flex!important;gap:10px!important;overflow-x:auto!important;padding:0 18px 4px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}\r\n#safa7atNewProducts .sn-track::-webkit-scrollbar{display:none!important}\r\n#safa7atNewProducts .sn-card{flex:0 0 calc((100% - 10px)\/2)!important;min-width:0!important;overflow:hidden!important;border:1px solid rgba(0,38,89,.10)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 3px 12px rgba(0,38,89,.06)!important;scroll-snap-align:start!important}\r\n#safa7atNewProducts .sn-img{display:block!important;text-decoration:none!important}\r\n#safa7atNewProducts .sn-img>span{position:relative!important;display:block!important;aspect-ratio:1\/1!important;overflow:hidden!important;background:#f4f6f9!important}\r\n#safa7atNewProducts .sn-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}\r\n#safa7atNewProducts .sn-badge{position:absolute!important;top:8px!important;right:8px!important;background:#002659!important;color:#fff!important;border-radius:8px!important;padding:4px 7px!important;font-size:9px!important;font-weight:700!important}\r\n#safa7atNewProducts .sn-body{padding:10px!important}\r\n#safa7atNewProducts .sn-name{display:-webkit-box!important;min-height:42px!important;overflow:hidden!important;color:#002659!important;text-decoration:none!important;font-size:12px!important;font-weight:700!important;line-height:1.7!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}\r\n#safa7atNewProducts strong{display:block!important;margin:7px 0 10px!important;color:#002659!important;font-size:18px!important;font-weight:800!important}\r\n#safa7atNewProducts .sn-btn{display:flex!important;justify-content:center!important;align-items:center!important;min-height:38px!important;border:1px solid rgba(0,38,89,.16)!important;border-radius:11px!important;color:#002659!important;text-decoration:none!important;font-size:12px!important;font-weight:700!important}\r\n#safa7atNewProducts .sn-card:active{transform:scale(.985)!important}\r\n@media(min-width:600px){#safa7atNewProducts{width:calc(100% - 20px)!important;margin:16px auto!important}#safa7atNewProducts .sn-card{flex-basis:calc((100% - 24px)\/3)!important}}\r\n@media(min-width:1024px){#safa7atNewProducts{width:min(1380px,calc(100% - 32px))!important}#safa7atNewProducts .sn-card{flex-basis:calc((100% - 42px)\/4)!important}}\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-361962d elementor-widget elementor-widget-html\" data-id=\"361962d\" 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\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        <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      <\/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#safa7atQuranHero .sqh-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#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-75a1589 elementor-widget elementor-widget-html\" data-id=\"75a1589\" 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\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\r\n    <article class=\"sdp-card\">\r\n      <a class=\"sdp-image-link\" href=\"https:\/\/www.safa7at.com\/product\/30-yawman\/\" aria-label=\"30 \u064a\u0648\u0645\u0627 \u063a\u064a\u0631 \u0639\u0627\u062f\u0627\u062a\u0643 \u062a\u062a\u063a\u064a\u0631 \u062d\u064a\u0627\u062a\u0643\">\r\n        <span class=\"sdp-image-box\">\r\n          <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2025\/06\/30-%D9%8A%D9%88%D9%85%D8%A7.jpg?fit=700%2C700&ssl=1\" alt=\"30 \u064a\u0648\u0645\u0627 \u063a\u064a\u0631 \u0639\u0627\u062f\u0627\u062a\u0643 \u062a\u062a\u063a\u064a\u0631 \u062d\u064a\u0627\u062a\u0643\" loading=\"lazy\">\r\n          <span class=\"sdp-discount\">-17%<\/span>\r\n        <\/span>\r\n      <\/a>\r\n\r\n      <div class=\"sdp-body\">\r\n        <a class=\"sdp-name\" href=\"https:\/\/www.safa7at.com\/product\/30-yawman\/\">30 \u064a\u0648\u0645\u0627 \u063a\u064a\u0631 \u0639\u0627\u062f\u0627\u062a\u0643 \u062a\u062a\u063a\u064a\u0631 \u062d\u064a\u0627\u062a\u0643<\/a>\r\n\r\n        <div class=\"sdp-prices\">\r\n          <span class=\"sdp-old\">1,750 \u062f.\u062c<\/span>\r\n          <strong class=\"sdp-new\">1,450 \u062f.\u062c<\/strong>\r\n        <\/div>\r\n\r\n        <a class=\"sdp-button\" href=\"https:\/\/www.safa7at.com\/product\/30-yawman\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c<\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"sdp-card\">\r\n      <a class=\"sdp-image-link\" href=\"https:\/\/www.safa7at.com\/product\/%d8%a7%d9%84%d8%a3%d8%a8%d9%84%d9%87\/\" aria-label=\"\u0627\u0644\u0623\u0628\u0644\u0647\">\r\n        <span class=\"sdp-image-box\">\r\n          <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2026\/06\/%D8%A7%D9%84%D8%A3%D8%A8%D9%84%D9%87.jpg?fit=700%2C700&ssl=1\" alt=\"\u0627\u0644\u0623\u0628\u0644\u0647\" loading=\"lazy\">\r\n          <span class=\"sdp-discount\">-10%<\/span>\r\n        <\/span>\r\n      <\/a>\r\n\r\n      <div class=\"sdp-body\">\r\n        <a class=\"sdp-name\" href=\"https:\/\/www.safa7at.com\/product\/%d8%a7%d9%84%d8%a3%d8%a8%d9%84%d9%87\/\">\u0627\u0644\u0623\u0628\u0644\u0647<\/a>\r\n\r\n        <div class=\"sdp-prices\">\r\n          <span class=\"sdp-old\">3,550 \u062f.\u062c<\/span>\r\n          <strong class=\"sdp-new\">3,190 \u062f.\u062c<\/strong>\r\n        <\/div>\r\n\r\n        <a class=\"sdp-button\" href=\"https:\/\/www.safa7at.com\/product\/%d8%a7%d9%84%d8%a3%d8%a8%d9%84%d9%87\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c<\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"sdp-card\">\r\n      <a class=\"sdp-image-link\" href=\"https:\/\/www.safa7at.com\/product\/tanbih-alghafilin-bi-ahadith-sayyid-alanbiya-wa-almursalin\/\" aria-label=\"\u062a\u0646\u0628\u064a\u0647 \u0627\u0644\u063a\u0627\u0641\u0644\u064a\u0646 \u0628\u0623\u062d\u0627\u062f\u064a\u062b \u0633\u064a\u062f \u0627\u0644\u0623\u0646\u0628\u064a\u0627\u0621 \u0648\u0627\u0644\u0645\u0631\u0633\u0644\u064a\u0646\">\r\n        <span class=\"sdp-image-box\">\r\n          <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2026\/06\/%D8%AA%D9%86%D8%A8%D9%8A%D9%87-%D8%A7%D9%84%D8%BA%D8%A7%D9%81%D9%84%D9%8A%D9%86-%D8%A8%D8%A3%D8%AD%D8%A7%D8%AF%D9%8A%D8%AB-%D8%B3%D9%8A%D8%AF-%D8%A7%D9%84%D8%A3%D9%86%D8%A8%D9%8A%D8%A7%D8%A1-%D9%88%D8%A7%D9%84%D9%85%D8%B1%D8%B3%D9%84%D9%8A%D9%86.jpg?fit=700%2C700&ssl=1\" alt=\"\u062a\u0646\u0628\u064a\u0647 \u0627\u0644\u063a\u0627\u0641\u0644\u064a\u0646 \u0628\u0623\u062d\u0627\u062f\u064a\u062b \u0633\u064a\u062f \u0627\u0644\u0623\u0646\u0628\u064a\u0627\u0621 \u0648\u0627\u0644\u0645\u0631\u0633\u0644\u064a\u0646\" loading=\"lazy\">\r\n          <span class=\"sdp-discount\">-9%<\/span>\r\n        <\/span>\r\n      <\/a>\r\n\r\n      <div class=\"sdp-body\">\r\n        <a class=\"sdp-name\" href=\"https:\/\/www.safa7at.com\/product\/tanbih-alghafilin-bi-ahadith-sayyid-alanbiya-wa-almursalin\/\">\u062a\u0646\u0628\u064a\u0647 \u0627\u0644\u063a\u0627\u0641\u0644\u064a\u0646 \u0628\u0623\u062d\u0627\u062f\u064a\u062b \u0633\u064a\u062f \u0627\u0644\u0623\u0646\u0628\u064a\u0627\u0621 \u0648\u0627\u0644\u0645\u0631\u0633\u0644\u064a\u0646<\/a>\r\n\r\n        <div class=\"sdp-prices\">\r\n          <span class=\"sdp-old\">1,750 \u062f.\u062c<\/span>\r\n          <strong class=\"sdp-new\">1,590 \u062f.\u062c<\/strong>\r\n        <\/div>\r\n\r\n        <a class=\"sdp-button\" href=\"https:\/\/www.safa7at.com\/product\/tanbih-alghafilin-bi-ahadith-sayyid-alanbiya-wa-almursalin\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c<\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"sdp-card\">\r\n      <a class=\"sdp-image-link\" href=\"https:\/\/www.safa7at.com\/product\/abadol\/\" aria-label=\"\u0623\u0628\u0627\u062f\u0648\u0644\">\r\n        <span class=\"sdp-image-box\">\r\n          <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2025\/04\/%D8%A3%D8%A8%D8%A7%D8%AF%D9%88%D9%84.jpg?fit=700%2C700&ssl=1\" alt=\"\u0623\u0628\u0627\u062f\u0648\u0644\" loading=\"lazy\">\r\n          <span class=\"sdp-discount\">-11%<\/span>\r\n        <\/span>\r\n      <\/a>\r\n\r\n      <div class=\"sdp-body\">\r\n        <a class=\"sdp-name\" href=\"https:\/\/www.safa7at.com\/product\/abadol\/\">\u0623\u0628\u0627\u062f\u0648\u0644<\/a>\r\n\r\n        <div class=\"sdp-prices\">\r\n          <span class=\"sdp-old\">2,145 \u062f.\u062c<\/span>\r\n          <strong class=\"sdp-new\">1,900 \u062f.\u062c<\/strong>\r\n        <\/div>\r\n\r\n        <a class=\"sdp-button\" href=\"https:\/\/www.safa7at.com\/product\/abadol\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c<\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"sdp-card\">\r\n      <a class=\"sdp-image-link\" href=\"https:\/\/www.safa7at.com\/product\/hadha-alhabib-ya-muhibu\/\" aria-label=\"\u0647\u0630\u0627 \u0627\u0644\u062d\u0628\u064a\u0628 \u064a\u0627 \u0645\u062d\u0628\">\r\n        <span class=\"sdp-image-box\">\r\n          <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2024\/11\/%D9%87%D8%B0%D8%A7-%D8%A7%D9%84%D8%AD%D8%A8%D9%8A%D8%A8.jpg?fit=700%2C700&ssl=1\" alt=\"\u0647\u0630\u0627 \u0627\u0644\u062d\u0628\u064a\u0628 \u064a\u0627 \u0645\u062d\u0628\" loading=\"lazy\">\r\n          <span class=\"sdp-discount\">-15%<\/span>\r\n        <\/span>\r\n      <\/a>\r\n\r\n      <div class=\"sdp-body\">\r\n        <a class=\"sdp-name\" href=\"https:\/\/www.safa7at.com\/product\/hadha-alhabib-ya-muhibu\/\">\u0647\u0630\u0627 \u0627\u0644\u062d\u0628\u064a\u0628 \u064a\u0627 \u0645\u062d\u0628<\/a>\r\n\r\n        <div class=\"sdp-prices\">\r\n          <span class=\"sdp-old\">1,300 \u062f.\u062c<\/span>\r\n          <strong class=\"sdp-new\">1,100 \u062f.\u062c<\/strong>\r\n        <\/div>\r\n\r\n        <a class=\"sdp-button\" href=\"https:\/\/www.safa7at.com\/product\/hadha-alhabib-ya-muhibu\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c<\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"sdp-card\">\r\n      <a class=\"sdp-image-link\" href=\"https:\/\/www.safa7at.com\/product\/altaafi-min-alrafd\/\" aria-label=\"\u0627\u0644\u062a\u0639\u0627\u0641\u064a \u0645\u0646 \u0627\u0644\u0631\u0641\u0636\">\r\n        <span class=\"sdp-image-box\">\r\n          <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2026\/06\/%D8%A7%D9%84%D8%AA%D8%B9%D8%A7%D9%81%D9%8A-%D9%85%D9%86-%D8%A7%D9%84%D8%B1%D9%81%D8%B6.jpg?fit=700%2C700&ssl=1\" alt=\"\u0627\u0644\u062a\u0639\u0627\u0641\u064a \u0645\u0646 \u0627\u0644\u0631\u0641\u0636\" loading=\"lazy\">\r\n          <span class=\"sdp-discount\">-11%<\/span>\r\n        <\/span>\r\n      <\/a>\r\n\r\n      <div class=\"sdp-body\">\r\n        <a class=\"sdp-name\" href=\"https:\/\/www.safa7at.com\/product\/altaafi-min-alrafd\/\">\u0627\u0644\u062a\u0639\u0627\u0641\u064a \u0645\u0646 \u0627\u0644\u0631\u0641\u0636<\/a>\r\n\r\n        <div class=\"sdp-prices\">\r\n          <span class=\"sdp-old\">1,850 \u062f.\u062c<\/span>\r\n          <strong class=\"sdp-new\">1,650 \u062f.\u062c<\/strong>\r\n        <\/div>\r\n\r\n        <a class=\"sdp-button\" href=\"https:\/\/www.safa7at.com\/product\/altaafi-min-alrafd\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c<\/a>\r\n      <\/div>\r\n    <\/article>\r\n\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-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-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-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#safa7atDailyDeals .sdp-name {\r\n  display: -webkit-box !important;\r\n  min-height: 42px !important;\r\n  margin: 0 !important;\r\n  overflow: hidden !important;\r\n  color: #002659 !important;\r\n  text-decoration: none !important;\r\n  font-size: 12px !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.75 !important;\r\n  -webkit-box-orient: vertical !important;\r\n  -webkit-line-clamp: 2 !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: 5px 7px !important;\r\n  min-height: 49px !important;\r\n  margin: 7px 0 10px !important;\r\n}\r\n\r\n#safa7atDailyDeals .sdp-old {\r\n  color: #8b93a0 !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-size: 18px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.3 !important;\r\n}\r\n\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: 39px !important;\r\n  width: 100% !important;\r\n  padding: 7px 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-size: 12px !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.4 !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@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>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1d6562 elementor-widget elementor-widget-html\" data-id=\"f1d6562\" 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\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        <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      <\/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>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f433cbd elementor-widget elementor-widget-html\" data-id=\"f433cbd\" 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\u0639\u0631\u0648\u0636 \u0627\u0644\u0645\u0645\u064a\u0632\u0629 \u2014 \u0645\u0646\u062a\u062c\u0627\u0646 \u062c\u0646\u0628\u064b\u0627 \u0625\u0644\u0649 \u062c\u0646\u0628 -->\r\n<section id=\"safa7atPremiumDeals\" dir=\"rtl\" aria-label=\"\u0639\u0631\u0648\u0636 \u0645\u0645\u064a\u0632\u0629\">\r\n  <div class=\"spd-shell\">\r\n\r\n    <div class=\"spd-heading\">\r\n      <div class=\"spd-title-group\">\r\n        <span class=\"spd-kicker\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n            <path d=\"M12 3l2.1 4.3 4.7.7-3.4 3.3.8 4.7-4.2-2.2L7.8 16l.8-4.7L5.2 8l4.7-.7L12 3z\"><\/path>\r\n          <\/svg>\r\n          \u0645\u062e\u062a\u0627\u0631\u0629 \u0628\u0639\u0646\u0627\u064a\u0629\r\n        <\/span>\r\n        <h2>\u0639\u0631\u0648\u0636 \u0645\u0645\u064a\u0632\u0629<\/h2>\r\n      <\/div>\r\n\r\n      <a class=\"spd-all\" href=\"https:\/\/www.safa7at.com\/readers-deal\/\">\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=\"spd-grid\">\r\n\r\n      <article class=\"spd-card\">\r\n        <a class=\"spd-image-link\"\r\n           href=\"https:\/\/www.safa7at.com\/product\/rawdhat-aluqalaa-wa-nuzhat-alfudalaa\/\"\r\n           aria-label=\"\u0631\u0648\u0636\u0629 \u0627\u0644\u0639\u0642\u0644\u0627\u0621 \u0648\u0646\u0632\u0647\u0629 \u0627\u0644\u0641\u0636\u0644\u0627\u0621\">\r\n          <span class=\"spd-image-wrap\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2026\/06\/\u0631\u0648\u0636\u0629-\u0627\u0644\u0639\u0642\u0644\u0627\u0621-\u0648\u0646\u0632\u0647\u0629-\u0627\u0644\u0641\u0636\u0644\u0627\u0621.jpg?fit=1334%2C1334&ssl=1\"\r\n              alt=\"\u0631\u0648\u0636\u0629 \u0627\u0644\u0639\u0642\u0644\u0627\u0621 \u0648\u0646\u0632\u0647\u0629 \u0627\u0644\u0641\u0636\u0644\u0627\u0621\"\r\n              loading=\"lazy\">\r\n            <span class=\"spd-ribbon\">\u0635\u0641\u0642\u0629 \u0645\u0645\u064a\u0632\u0629<\/span>\r\n            <span class=\"spd-save\">\u0648\u0641\u0631 200 \u062f.\u062c<\/span>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <div class=\"spd-content\">\r\n          <a class=\"spd-name\"\r\n             href=\"https:\/\/www.safa7at.com\/product\/rawdhat-aluqalaa-wa-nuzhat-alfudalaa\/\">\r\n            \u0631\u0648\u0636\u0629 \u0627\u0644\u0639\u0642\u0644\u0627\u0621 \u0648\u0646\u0632\u0647\u0629 \u0627\u0644\u0641\u0636\u0644\u0627\u0621\r\n          <\/a>\r\n\r\n          <div class=\"spd-price-row\">\r\n            <strong>1,250 \u062f.\u062c<\/strong>\r\n            <del>1,450 \u062f.\u062c<\/del>\r\n          <\/div>\r\n\r\n          <a class=\"spd-cta\"\r\n             href=\"https:\/\/www.safa7at.com\/product\/rawdhat-aluqalaa-wa-nuzhat-alfudalaa\/\">\r\n            \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0639\u0631\u0636\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"spd-card\">\r\n        <a class=\"spd-image-link\"\r\n           href=\"https:\/\/www.safa7at.com\/product\/haql-al-tuffah\/\"\r\n           aria-label=\"\u062d\u0642\u0644 \u0627\u0644\u062a\u0641\u0627\u062d\">\r\n          <span class=\"spd-image-wrap\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/i0.wp.com\/www.safa7at.com\/wp-content\/uploads\/2026\/06\/%D8%AD%D9%82%D9%84-%D8%A7%D9%84%D8%AA%D9%81%D8%A7%D8%AD.jpg?fit=1334%2C1334&ssl=1\"\r\n              alt=\"\u062d\u0642\u0644 \u0627\u0644\u062a\u0641\u0627\u062d\"\r\n              loading=\"lazy\">\r\n            <span class=\"spd-ribbon\">\u0635\u0641\u0642\u0629 \u0645\u0645\u064a\u0632\u0629<\/span>\r\n            <span class=\"spd-save\">\u0648\u0641\u0631 200 \u062f.\u062c<\/span>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <div class=\"spd-content\">\r\n          <a class=\"spd-name\"\r\n             href=\"https:\/\/www.safa7at.com\/product\/haql-al-tuffah\/\">\r\n            \u062d\u0642\u0644 \u0627\u0644\u062a\u0641\u0627\u062d\r\n          <\/a>\r\n\r\n          <div class=\"spd-price-row\">\r\n            <strong>1,500 \u062f.\u062c<\/strong>\r\n            <del>1,700 \u062f.\u062c<\/del>\r\n          <\/div>\r\n\r\n          <a class=\"spd-cta\"\r\n             href=\"https:\/\/www.safa7at.com\/product\/haql-al-tuffah\/\">\r\n            \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0639\u0631\u0636\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\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#safa7atPremiumDeals,\r\n#safa7atPremiumDeals * {\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n#safa7atPremiumDeals {\r\n  width: calc(100% + 20px) !important;\r\n  max-width: none !important;\r\n  margin: 16px -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#safa7atPremiumDeals .spd-shell {\r\n  position: relative !important;\r\n  width: 100% !important;\r\n  overflow: hidden !important;\r\n  padding: 18px 16px 20px !important;\r\n  border: 1px solid rgba(180, 151, 90, 0.22) !important;\r\n  border-radius: 22px !important;\r\n  background:\r\n    radial-gradient(circle at 100% 0%, rgba(180,151,90,.10), transparent 35%),\r\n    linear-gradient(180deg, #fbfcfe 0%, #f5f7fa 100%) !important;\r\n  box-shadow: 0 5px 18px rgba(0, 38, 89, 0.06) !important;\r\n}\r\n\r\n#safa7atPremiumDeals .spd-shell::before {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  top: 0 !important;\r\n  right: 0 !important;\r\n  left: 0 !important;\r\n  height: 4px !important;\r\n  background: linear-gradient(90deg, #002659, #b4975a, #002659) !important;\r\n}\r\n\r\n#safa7atPremiumDeals .spd-heading {\r\n  position: relative !important;\r\n  z-index: 1 !important;\r\n  display: flex !important;\r\n  align-items: flex-end !important;\r\n  justify-content: space-between !important;\r\n  gap: 12px !important;\r\n  margin-bottom: 15px !important;\r\n}\r\n\r\n#safa7atPremiumDeals .spd-title-group {\r\n  min-width: 0 !important;\r\n}\r\n\r\n#safa7atPremiumDeals .spd-kicker {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 5px !important;\r\n  margin-bottom: 2px !important;\r\n  color: #9a7d43 !important;\r\n  font-size: 10px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.4 !important;\r\n}\r\n\r\n#safa7atPremiumDeals .spd-kicker svg {\r\n  width: 13px !important;\r\n  height: 13px !important;\r\n  stroke: currentColor !important;\r\n  stroke-width: 1.7 !important;\r\n  stroke-linejoin: round !important;\r\n}\r\n\r\n#safa7atPremiumDeals h2 {\r\n  margin: 0 !important;\r\n  color: #002659 !important;\r\n  font-size: 23px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.35 !important;\r\n}\r\n\r\n#safa7atPremiumDeals .spd-all {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 3px !important;\r\n  color: #6d7580 !important;\r\n  text-decoration: none !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#safa7atPremiumDeals .spd-all span {\r\n  font-size: 19px !important;\r\n}\r\n\r\n#safa7atPremiumDeals .spd-grid {\r\n  display: grid !important;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n  gap: 11px !important;\r\n}\r\n\r\n#safa7atPremiumDeals .spd-card {\r\n  min-width: 0 !important;\r\n  overflow: hidden !important;\r\n  border: 1px solid rgba(0, 38, 89, 0.09) !important;\r\n  border-radius: 18px !important;\r\n  background: #ffffff !important;\r\n  box-shadow: 0 5px 14px rgba(0, 38, 89, 0.07) !important;\r\n  transition: transform 180ms ease, box-shadow 180ms ease !important;\r\n}\r\n\r\n#safa7atPremiumDeals .spd-image-link {\r\n  display: block !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n#safa7atPremiumDeals .spd-image-wrap {\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: #eef1f5 !important;\r\n}\r\n\r\n#safa7atPremiumDeals .spd-image-wrap::after {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  inset: auto 0 0 !important;\r\n  height: 38% !important;\r\n  background: linear-gradient(to top, rgba(0,38,89,.28), transparent) !important;\r\n  pointer-events: none !important;\r\n}\r\n\r\n#safa7atPremiumDeals .spd-image-wrap 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 380ms ease !important;\r\n}\r\n\r\n#safa7atPremiumDeals .spd-ribbon {\r\n  position: absolute !important;\r\n  z-index: 2 !important;\r\n  top: 9px !important;\r\n  right: 9px !important;\r\n  padding: 5px 8px !important;\r\n  border: 1px solid rgba(255,255,255,.55) !important;\r\n  border-radius: 9px !important;\r\n  background: rgba(0, 38, 89, 0.91) !important;\r\n  color: #ffffff !important;\r\n  font-size: 9px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.2 !important;\r\n  backdrop-filter: blur(5px) !important;\r\n}\r\n\r\n#safa7atPremiumDeals .spd-save {\r\n  position: absolute !important;\r\n  z-index: 2 !important;\r\n  right: 9px !important;\r\n  bottom: 9px !important;\r\n  padding: 5px 8px !important;\r\n  border-radius: 8px !important;\r\n  background: #b4975a !important;\r\n  color: #ffffff !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 3px 9px rgba(0,0,0,.14) !important;\r\n}\r\n\r\n#safa7atPremiumDeals .spd-content {\r\n  padding: 11px !important;\r\n}\r\n\r\n#safa7atPremiumDeals .spd-name {\r\n  display: -webkit-box !important;\r\n  min-height: 46px !important;\r\n  overflow: hidden !important;\r\n  color: #002659 !important;\r\n  text-decoration: none !important;\r\n  font-size: 12.5px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.8 !important;\r\n  -webkit-box-orient: vertical !important;\r\n  -webkit-line-clamp: 2 !important;\r\n}\r\n\r\n#safa7atPremiumDeals .spd-price-row {\r\n  display: flex !important;\r\n  flex-wrap: wrap !important;\r\n  align-items: baseline !important;\r\n  gap: 4px 7px !important;\r\n  min-height: 48px !important;\r\n  margin: 8px 0 10px !important;\r\n}\r\n\r\n#safa7atPremiumDeals .spd-price-row strong {\r\n  color: #002659 !important;\r\n  font-size: 18px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.3 !important;\r\n  white-space: nowrap !important;\r\n}\r\n\r\n#safa7atPremiumDeals .spd-price-row del {\r\n  color: #9198a2 !important;\r\n  font-size: 10px !important;\r\n  font-weight: 600 !important;\r\n  white-space: nowrap !important;\r\n}\r\n\r\n#safa7atPremiumDeals .spd-cta {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  width: 100% !important;\r\n  min-height: 40px !important;\r\n  padding: 8px 7px !important;\r\n  border: 1px solid rgba(180, 151, 90, 0.55) !important;\r\n  border-radius: 11px !important;\r\n  background: linear-gradient(180deg, #fffefb, #f8f3e8) !important;\r\n  color: #002659 !important;\r\n  text-align: center !important;\r\n  text-decoration: none !important;\r\n  font-size: 11px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.3 !important;\r\n}\r\n\r\n#safa7atPremiumDeals .spd-card:hover {\r\n  transform: translateY(-2px) !important;\r\n  box-shadow: 0 9px 22px rgba(0, 38, 89, 0.11) !important;\r\n}\r\n\r\n#safa7atPremiumDeals .spd-card:hover img {\r\n  transform: scale(1.025) !important;\r\n}\r\n\r\n#safa7atPremiumDeals .spd-card:active {\r\n  transform: scale(.99) !important;\r\n}\r\n\r\n#safa7atPremiumDeals 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  #safa7atPremiumDeals .spd-shell {\r\n    padding-right: 13px !important;\r\n    padding-left: 13px !important;\r\n  }\r\n\r\n  #safa7atPremiumDeals .spd-grid {\r\n    gap: 8px !important;\r\n  }\r\n\r\n  #safa7atPremiumDeals h2 {\r\n    font-size: 21px !important;\r\n  }\r\n\r\n  #safa7atPremiumDeals .spd-name {\r\n    font-size: 11.5px !important;\r\n  }\r\n\r\n  #safa7atPremiumDeals .spd-price-row strong {\r\n    font-size: 16px !important;\r\n  }\r\n\r\n  #safa7atPremiumDeals .spd-cta {\r\n    font-size: 10px !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 600px) {\r\n  #safa7atPremiumDeals {\r\n    width: calc(100% - 20px) !important;\r\n    margin: 20px auto !important;\r\n  }\r\n\r\n  #safa7atPremiumDeals .spd-shell {\r\n    padding: 22px !important;\r\n  }\r\n\r\n  #safa7atPremiumDeals .spd-grid {\r\n    gap: 18px !important;\r\n  }\r\n\r\n  #safa7atPremiumDeals .spd-name {\r\n    font-size: 16px !important;\r\n  }\r\n\r\n  #safa7atPremiumDeals .spd-price-row strong {\r\n    font-size: 22px !important;\r\n  }\r\n\r\n  #safa7atPremiumDeals .spd-cta {\r\n    min-height: 46px !important;\r\n    font-size: 13px !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  #safa7atPremiumDeals {\r\n    width: min(920px, calc(100% - 32px)) !important;\r\n    margin: 24px auto !important;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #safa7atPremiumDeals .spd-card,\r\n  #safa7atPremiumDeals .spd-image-wrap img {\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-62536c1 elementor-widget elementor-widget-html\" data-id=\"62536c1\" 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\u062e\u062a\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0631\u0627\u0621 \u2014 \u0645\u0643\u062a\u0628\u0629 \u0635\u0641\u062d\u0627\u062a -->\r\n<section id=\"safa7atReadersHall\" dir=\"rtl\" aria-label=\"\u0627\u062e\u062a\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0631\u0627\u0621\">\r\n  <div class=\"srh-shell\">\r\n\r\n    <header class=\"srh-header\">\r\n      <div class=\"srh-title-wrap\">\r\n        <span class=\"srh-overline\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M12 3.5l2.2 4.45 4.9.71-3.55 3.46.84 4.88L12 14.7 7.61 17l.84-4.88L4.9 8.66l4.9-.71L12 3.5z\"\/>\r\n          <\/svg>\r\n          \u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u064b\u0627 \u0628\u064a\u0646 \u0642\u0631\u0627\u0621 \u0645\u0643\u062a\u0628\u0629 \u0635\u0641\u062d\u0627\u062a\r\n        <\/span>\r\n\r\n        <div class=\"srh-title-row\">\r\n          <h2>\u0627\u062e\u062a\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0631\u0627\u0621<\/h2>\r\n          <span class=\"srh-title-line\" aria-hidden=\"true\"><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <a class=\"srh-view-all\" href=\"https:\/\/www.safa7at.com\/shop\/\">\r\n        \u0639\u0631\u0636 \u0627\u0644\u0643\u0644\r\n        <span aria-hidden=\"true\">\u2039<\/span>\r\n      <\/a>\r\n    <\/header>\r\n\r\n    <div class=\"srh-slider\">\r\n      <div class=\"srh-track\" id=\"srhTrack\" tabindex=\"0\" aria-live=\"polite\"><\/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#safa7atReadersHall,\r\n#safa7atReadersHall * {\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n#safa7atReadersHall {\r\n  width: 100% !important;\r\n  margin: 18px 0 !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#safa7atReadersHall .srh-shell {\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  padding: 0 0 16px !important;\r\n  border: 1px solid rgba(180,151,90,.30) !important;\r\n  border-radius: 22px !important;\r\n  background:\r\n    radial-gradient(circle at 100% 0%, rgba(180,151,90,.11), transparent 32%),\r\n    linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) !important;\r\n  box-shadow: 0 8px 24px rgba(0,38,89,.075) !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-header {\r\n  display: flex !important;\r\n  align-items: flex-end !important;\r\n  justify-content: space-between !important;\r\n  gap: 12px !important;\r\n  padding: 15px 14px 13px !important;\r\n  background:\r\n    linear-gradient(135deg, rgba(0,38,89,.98), rgba(8,58,116,.98)) !important;\r\n  border-bottom: 1px solid rgba(180,151,90,.42) !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-title-wrap {\r\n  min-width: 0 !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-overline {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 5px !important;\r\n  margin-bottom: 3px !important;\r\n  color: #d7bf8c !important;\r\n  font-size: 9.5px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.4 !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-overline svg {\r\n  width: 13px !important;\r\n  height: 13px !important;\r\n  fill: rgba(215,191,140,.14) !important;\r\n  stroke: #d7bf8c !important;\r\n  stroke-width: 1.7 !important;\r\n  stroke-linejoin: round !important;\r\n  flex: 0 0 auto !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-title-row {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  gap: 9px !important;\r\n}\r\n\r\n#safa7atReadersHall h2 {\r\n  margin: 0 !important;\r\n  color: #ffffff !important;\r\n  font-size: 22px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.3 !important;\r\n  white-space: nowrap !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-title-line {\r\n  display: block !important;\r\n  width: 44px !important;\r\n  height: 2px !important;\r\n  border-radius: 99px !important;\r\n  background: linear-gradient(90deg,#b4975a,transparent) !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-view-all {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 3px !important;\r\n  color: #ffffff !important;\r\n  text-decoration: none !important;\r\n  font-size: 12px !important;\r\n  font-weight: 700 !important;\r\n  white-space: nowrap !important;\r\n  opacity: .95 !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-view-all span {\r\n  color: #d7bf8c !important;\r\n  font-size: 18px !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-slider {\r\n  width: 100% !important;\r\n  overflow: hidden !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-track {\r\n  display: flex !important;\r\n  direction: rtl !important;\r\n  gap: 10px !important;\r\n  width: 100% !important;\r\n  overflow-x: auto !important;\r\n  scroll-snap-type: x mandatory !important;\r\n  overscroll-behavior-inline: contain !important;\r\n  scrollbar-width: none !important;\r\n  padding: 13px 14px 5px !important;\r\n  scroll-behavior: smooth !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-track::-webkit-scrollbar {\r\n  display: none !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-card {\r\n  position: relative !important;\r\n  flex: 0 0 44% !important;\r\n  min-width: 0 !important;\r\n  overflow: hidden !important;\r\n  scroll-snap-align: start !important;\r\n  border: 1px solid rgba(180,151,90,.38) !important;\r\n  border-radius: 16px !important;\r\n  background: #ffffff !important;\r\n  box-shadow: 0 6px 16px rgba(0,38,89,.075) !important;\r\n  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-card::after {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  right: 0 !important;\r\n  bottom: 0 !important;\r\n  left: 0 !important;\r\n  height: 3px !important;\r\n  background: linear-gradient(90deg,#b4975a,#002659) !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-card-top {\r\n  position: relative !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: space-between !important;\r\n  gap: 6px !important;\r\n  min-height: 29px !important;\r\n  padding: 6px 8px !important;\r\n  background: linear-gradient(180deg,#fffdf8,#faf5e9) !important;\r\n  border-bottom: 1px solid rgba(180,151,90,.20) !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-choice-label {\r\n  color: #8f7137 !important;\r\n  font-size: 8px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.2 !important;\r\n  white-space: nowrap !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-rank {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  min-width: 29px !important;\r\n  height: 20px !important;\r\n  padding: 0 7px !important;\r\n  border-radius: 999px !important;\r\n  background: #002659 !important;\r\n  color: #ffffff !important;\r\n  font-size: 9px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1 !important;\r\n  box-shadow: 0 3px 8px rgba(0,38,89,.18) !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-card[data-rank=\"1\"] .srh-rank {\r\n  background: linear-gradient(135deg,#9d782c,#d7b86f) !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-card[data-rank=\"2\"] .srh-rank {\r\n  background: linear-gradient(135deg,#68717d,#aeb5bd) !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-card[data-rank=\"3\"] .srh-rank {\r\n  background: linear-gradient(135deg,#8c542f,#bf8157) !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-image-link {\r\n  display: block !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-image {\r\n  position: relative !important;\r\n  display: block !important;\r\n  width: 100% !important;\r\n  aspect-ratio: 1 \/ .86 !important;\r\n  overflow: hidden !important;\r\n  background: #eef1f4 !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-image 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#safa7atReadersHall .srh-image::after {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  inset: auto 0 0 !important;\r\n  height: 26% !important;\r\n  pointer-events: none !important;\r\n  background: linear-gradient(to top,rgba(0,38,89,.22),transparent) !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-trend {\r\n  position: absolute !important;\r\n  z-index: 3 !important;\r\n  right: 7px !important;\r\n  bottom: 7px !important;\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 4px !important;\r\n  padding: 4px 7px !important;\r\n  border-radius: 7px !important;\r\n  background: rgba(0,38,89,.90) !important;\r\n  color: #ffffff !important;\r\n  font-size: 7.5px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.2 !important;\r\n  backdrop-filter: blur(4px) !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-trend::before {\r\n  content: \"\" !important;\r\n  display: block !important;\r\n  width: 5px !important;\r\n  height: 5px !important;\r\n  border-radius: 50% !important;\r\n  background: #d7b86f !important;\r\n  box-shadow: 0 0 0 3px rgba(215,184,111,.20) !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-body {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  min-height: 139px !important;\r\n  padding: 8px 9px 11px !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-name {\r\n  display: -webkit-box !important;\r\n  min-height: 40px !important;\r\n  overflow: hidden !important;\r\n  color: #002659 !important;\r\n  text-decoration: none !important;\r\n  font-size: 11px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.75 !important;\r\n  -webkit-box-orient: vertical !important;\r\n  -webkit-line-clamp: 2 !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-price {\r\n  display: flex !important;\r\n  align-items: baseline !important;\r\n  flex-wrap: wrap !important;\r\n  gap: 3px 5px !important;\r\n  min-height: 31px !important;\r\n  margin: 5px 0 7px !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-price strong {\r\n  color: #002659 !important;\r\n  font-size: 15px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.3 !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-price del {\r\n  color: #959ca5 !important;\r\n  font-size: 8.5px !important;\r\n  font-weight: 600 !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-btn {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  width: 100% !important;\r\n  min-height: 34px !important;\r\n  margin-top: auto !important;\r\n  padding: 6px 7px !important;\r\n  border-radius: 9px !important;\r\n  background: linear-gradient(135deg,#002659,#0b4b8f) !important;\r\n  color: #ffffff !important;\r\n  text-align: center !important;\r\n  text-decoration: none !important;\r\n  font-size: 9.5px !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,.15) !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-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: 12px !important;\r\n  background: linear-gradient(180deg,#f2f4f6,#e8ecef) !important;\r\n  color: #002659 !important;\r\n  text-align: center !important;\r\n  font-size: 10px !important;\r\n  font-weight: 800 !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-skeleton {\r\n  flex: 0 0 44% !important;\r\n  min-height: 275px !important;\r\n  border-radius: 16px !important;\r\n  background: linear-gradient(90deg,#edf0f3 25%,#f8f9fa 37%,#edf0f3 63%) !important;\r\n  background-size: 400% 100% !important;\r\n  animation: srhShimmer 1.2s infinite !important;\r\n}\r\n\r\n@keyframes srhShimmer {\r\n  from { background-position: 100% 0; }\r\n  to { background-position: 0 0; }\r\n}\r\n\r\n#safa7atReadersHall .srh-card:hover {\r\n  transform: translateY(-3px) !important;\r\n  border-color: rgba(180,151,90,.60) !important;\r\n  box-shadow: 0 12px 26px rgba(0,38,89,.13), 0 0 0 1px rgba(180,151,90,.10) !important;\r\n}\r\n\r\n#safa7atReadersHall .srh-card:hover img {\r\n  transform: scale(1.025) !important;\r\n}\r\n\r\n#safa7atReadersHall a:focus-visible,\r\n#safa7atReadersHall .srh-track:focus-visible {\r\n  outline: 3px solid rgba(180,151,90,.44) !important;\r\n  outline-offset: 2px !important;\r\n}\r\n\r\n@media (max-width: 370px) {\r\n  #safa7atReadersHall .srh-card,\r\n  #safa7atReadersHall .srh-skeleton {\r\n    flex-basis: 45.5% !important;\r\n  }\r\n\r\n  #safa7atReadersHall h2 {\r\n    font-size: 20px !important;\r\n  }\r\n\r\n  #safa7atReadersHall .srh-overline {\r\n    font-size: 8.5px !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 600px) {\r\n  #safa7atReadersHall .srh-track {\r\n    gap: 14px !important;\r\n    padding-right: 18px !important;\r\n    padding-left: 18px !important;\r\n  }\r\n\r\n  #safa7atReadersHall .srh-card,\r\n  #safa7atReadersHall .srh-skeleton {\r\n    flex-basis: calc((100% - 28px) \/ 3) !important;\r\n  }\r\n\r\n  #safa7atReadersHall .srh-header {\r\n    padding-right: 18px !important;\r\n    padding-left: 18px !important;\r\n  }\r\n\r\n  #safa7atReadersHall .srh-name {\r\n    font-size: 13px !important;\r\n  }\r\n\r\n  #safa7atReadersHall .srh-price strong {\r\n    font-size: 18px !important;\r\n  }\r\n\r\n  #safa7atReadersHall .srh-btn {\r\n    font-size: 11px !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 900px) {\r\n  #safa7atReadersHall .srh-track {\r\n    gap: 16px !important;\r\n    padding-right: 22px !important;\r\n    padding-left: 22px !important;\r\n  }\r\n\r\n  #safa7atReadersHall .srh-card,\r\n  #safa7atReadersHall .srh-skeleton {\r\n    flex-basis: calc((100% - 48px) \/ 4) !important;\r\n  }\r\n\r\n  #safa7atReadersHall .srh-header {\r\n    padding-right: 22px !important;\r\n    padding-left: 22px !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1200px) {\r\n  #safa7atReadersHall .srh-card,\r\n  #safa7atReadersHall .srh-skeleton {\r\n    flex-basis: calc((100% - 64px) \/ 5) !important;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #safa7atReadersHall .srh-card,\r\n  #safa7atReadersHall .srh-image img,\r\n  #safa7atReadersHall .srh-track {\r\n    transition: none !important;\r\n    scroll-behavior: auto !important;\r\n  }\r\n\r\n  #safa7atReadersHall .srh-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(\"safa7atReadersHall\");\r\n  if (!root || root.dataset.ready === \"1\") return;\r\n  root.dataset.ready = \"1\";\r\n\r\n  const products = [\r\n    {\r\n      slug: \"mushaf-al-tajwid-tabaat-syria-warsh\",\r\n      url: \"https:\/\/www.safa7at.com\/product\/mushaf-al-tajwid-tabaat-syria-warsh\/\",\r\n      name: \"\u0645\u0635\u062d\u0641 \u0627\u0644\u062a\u062c\u0648\u064a\u062f \u0637\u0628\u0639\u0629 \u0633\u0648\u0631\u064a\u0627 \u2013 \u0648\u0631\u0634\"\r\n    },\r\n    {\r\n      slug: \"moalem-tartil-mofasar\",\r\n      url: \"https:\/\/www.safa7at.com\/product\/moalem-tartil-mofasar\/\",\r\n      name: \"\u0645\u0635\u062d\u0641 \u0645\u0639\u0644\u0645 \u0627\u0644\u062a\u0631\u062a\u064a\u0644 \u0627\u0644\u0645\u0641\u0633\u0631\"\r\n    },\r\n    {\r\n      slug: \"onoutha-taghia\",\r\n      url: \"https:\/\/www.safa7at.com\/product\/onoutha-taghia\/\",\r\n      name: \"\u0623\u0646\u0648\u062b\u0629 \u0637\u0627\u063a\u064a\u0629\"\r\n    },\r\n    {\r\n      slug: \"mushaf-ahkam-al-tajwid-mughallaf-warsh\",\r\n      url: \"https:\/\/www.safa7at.com\/product\/mushaf-ahkam-al-tajwid-mughallaf-warsh\/\",\r\n      name: \"\u0645\u0635\u062d\u0641 \u0623\u062d\u0643\u0627\u0645 \u0627\u0644\u062a\u062c\u0648\u064a\u062f \u0645\u063a\u0644\u0641 \u2013 \u0648\u0631\u0634\"\r\n    },\r\n    {\r\n      slug: \"mushaf-surat-alkahf-warsh-horizontal\",\r\n      url: \"https:\/\/www.safa7at.com\/product\/mushaf-surat-alkahf-warsh-horizontal\/\",\r\n      name: \"\u0645\u0635\u062d\u0641 \u0633\u0648\u0631\u0629 \u0627\u0644\u0643\u0647\u0641 \u2013 \u0648\u0631\u0634\"\r\n    },\r\n    {\r\n      slug: \"alab-alghani-alab-alfaqir\",\r\n      url: \"https:\/\/www.safa7at.com\/product\/alab-alghani-alab-alfaqir\/\",\r\n      name: \"\u0627\u0644\u0623\u0628 \u0627\u0644\u063a\u0646\u064a \u0627\u0644\u0623\u0628 \u0627\u0644\u0641\u0642\u064a\u0631\"\r\n    },\r\n    {\r\n      slug: \"alqalaq-aliistibaqiu\",\r\n      url: \"https:\/\/www.safa7at.com\/product\/alqalaq-aliistibaqiu\/\",\r\n      name: \"\u0627\u0644\u0642\u0644\u0642 \u0627\u0644\u0627\u0633\u062a\u0628\u0627\u0642\u064a\"\r\n    },\r\n    {\r\n      slug: \"taqat-alunutha\",\r\n      url: \"https:\/\/www.safa7at.com\/product\/taqat-alunutha\/\",\r\n      name: \"\u0637\u0627\u0642\u0629 \u0627\u0644\u0623\u0646\u0648\u062b\u0629\"\r\n    }\r\n  ];\r\n\r\n  const track = root.querySelector(\"#srhTrack\");\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    return `${new Intl.NumberFormat(\"fr-DZ\", {\r\n      maximumFractionDigits: 0\r\n    }).format(value)} ${suffix || \"\u062f.\u062c\"}`;\r\n  };\r\n\r\n  track.innerHTML = products\r\n    .map(() => '<div class=\"srh-skeleton\" aria-hidden=\"true\"><\/div>')\r\n    .join(\"\");\r\n\r\n  function makeCard(product, data, index) {\r\n    const image = data?.images?.[0]?.src || \"\";\r\n    const name = data?.name || product.name;\r\n    const prices = data?.prices || {};\r\n\r\n    const currentPrice = prices.price\r\n      ? formatPrice(prices.price, prices.currency_minor_unit, prices.currency_suffix)\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(prices.regular_price, prices.currency_minor_unit, prices.currency_suffix)\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=\"srh-card\" data-rank=\"${index + 1}\">\r\n        <div class=\"srh-card-top\">\r\n          <span class=\"srh-choice-label\">\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0642\u0631\u0627\u0621<\/span>\r\n          <span class=\"srh-rank\">#${index + 1}<\/span>\r\n        <\/div>\r\n\r\n        <a class=\"srh-image-link\" href=\"${escapeHTML(product.url)}\" aria-label=\"${escapeHTML(name)}\">\r\n          <span class=\"srh-image\">\r\n            ${\r\n              image\r\n                ? `<img decoding=\"async\" src=\"${escapeHTML(image)}\" alt=\"${escapeHTML(name)}\" loading=\"lazy\">`\r\n                : `<span class=\"srh-empty\">${escapeHTML(name)}<\/span>`\r\n            }\r\n            <span class=\"srh-trend\">\u0631\u0627\u0626\u062c \u062c\u062f\u064b\u0627<\/span>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <div class=\"srh-body\">\r\n          <a class=\"srh-name\" href=\"${escapeHTML(product.url)}\">\r\n            ${escapeHTML(name)}\r\n          <\/a>\r\n\r\n          <div class=\"srh-price\">\r\n            <strong>${escapeHTML(currentPrice)}<\/strong>\r\n            ${hasDiscount ? `<del>${escapeHTML(regularPrice)}<\/del>` : \"\"}\r\n          <\/div>\r\n\r\n          <a class=\"srh-btn\" href=\"${escapeHTML(product.url)}\">\r\n            \u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646 \u2190\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\r\n    `;\r\n  }\r\n\r\n  async function loadProduct(product, index) {\r\n    try {\r\n      const endpoint =\r\n        `https:\/\/www.safa7at.com\/wp-json\/wc\/store\/v1\/products?slug=${encodeURIComponent(product.slug)}`;\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) throw new Error(\"WooCommerce Store API request failed\");\r\n\r\n      const result = await response.json();\r\n      const data = Array.isArray(result) ? result[0] : null;\r\n\r\n      return makeCard(product, data, index);\r\n    } catch (error) {\r\n      return makeCard(product, null, index);\r\n    }\r\n  }\r\n\r\n  Promise.all(products.map(loadProduct)).then(cards => {\r\n    track.innerHTML = cards.join(\"\");\r\n    track.scrollLeft = 0;\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-19671af elementor-widget elementor-widget-html\" data-id=\"19671af\" 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\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        <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      <\/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>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aed79f7 elementor-widget elementor-widget-html\" data-id=\"aed79f7\" 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\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\u062a\u0648\u0627\u0635\u0644\u064b\u0627<\/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\u0643\u062a\u0627\u0644\u0648\u062c \u0643\u0627\u0645\u0644\u064b\u0627\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-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-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#safa7atRelationsParenting .srp-name {\r\n  display: -webkit-box !important;\r\n  min-height: 47px !important;\r\n  overflow: hidden !important;\r\n  color: #002659 !important;\r\n  text-decoration: none !important;\r\n  font-size: 12px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.75 !important;\r\n  text-align: right !important;\r\n  -webkit-box-orient: vertical !important;\r\n  -webkit-line-clamp: 2 !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: 34px !important;\r\n  margin: 7px 0 9px !important;\r\n}\r\n\r\n#safa7atRelationsParenting .srp-price strong {\r\n  color: #002659 !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-size: 10px !important;\r\n  font-weight: 600 !important;\r\n}\r\n\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: 42px !important;\r\n  margin-top: auto !important;\r\n  padding: 8px 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-size: 11px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.3 !important;\r\n  transition: background .2s ease, color .2s ease !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}\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: 64px !important;\r\n  margin-top: 18px !important;\r\n  padding: 12px 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-size: 16px !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}\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-add:hover {\r\n  background: #002659 !important;\r\n  color: #ffffff !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-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: 360px !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)}\">\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      \/*\r\n       * \u0646\u0631\u0633\u0644 Slug \u0627\u0644\u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u0641\u0631\u0639\u064a \u0645\u0628\u0627\u0634\u0631\u0629 \u0625\u0644\u0649 Store API\u060c\r\n       * \u062b\u0645 \u0646\u062a\u062d\u0642\u0642 \u0645\u0631\u0629 \u062b\u0627\u0646\u064a\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0645\u0646 \u0623\u0646 \u0643\u0644 \u0645\u0646\u062a\u062c\r\n       * \u064a\u062d\u0645\u0644 \u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0648\u0627\u0644\u062a\u0631\u0628\u064a\u0629 \u0646\u0641\u0633\u0647\u060c \u0644\u0645\u0646\u0639 \u0638\u0647\u0648\u0631\r\n       * \u0623\u064a \u0645\u0646\u062a\u062c \u0645\u0646 \u062a\u0635\u0646\u064a\u0641 \u0634\u0642\u064a\u0642 \u062f\u0627\u062e\u0644 \u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0628\u0634\u0631\u064a\u0629.\r\n       *\/\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-fe73ee7 elementor-widget elementor-widget-html\" data-id=\"fe73ee7\" 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\u0642\u062a\u0628\u0627\u0633 \u0627\u0644\u064a\u0648\u0645 \u2014 \u0645\u0643\u062a\u0628\u0629 \u0635\u0641\u062d\u0627\u062a -->\r\n<section id=\"safa7atDailyQuote\" dir=\"rtl\" aria-label=\"\u0627\u0642\u062a\u0628\u0627\u0633 \u0627\u0644\u064a\u0648\u0645\">\r\n  <div class=\"sdq-card\">\r\n    <div class=\"sdq-topline\">\r\n      <span class=\"sdq-kicker\">\u0627\u0642\u062a\u0628\u0627\u0633 \u0627\u0644\u064a\u0648\u0645<\/span>\r\n      <span class=\"sdq-date\" id=\"sdqDate\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"sdq-mark\" aria-hidden=\"true\">\u201d<\/div>\r\n\r\n    <blockquote class=\"sdq-quote\" id=\"sdqQuote\"><\/blockquote>\r\n\r\n    <div class=\"sdq-footer\">\r\n      <a class=\"sdq-book\" id=\"sdqBook\" href=\"#\" aria-label=\"\u0639\u0631\u0636 \u0627\u0644\u0643\u062a\u0627\u0628\"><\/a>\r\n\r\n      <button class=\"sdq-share\" id=\"sdqShare\" type=\"button\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n          <rect x=\"8\" y=\"8\" width=\"10\" height=\"10\" rx=\"2\"><\/rect>\r\n          <path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"><\/path>\r\n        <\/svg>\r\n        <span>\u0646\u0633\u062e \u0627\u0644\u0627\u0642\u062a\u0628\u0627\u0633<\/span>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <div class=\"sdq-toast\" id=\"sdqToast\" role=\"status\" aria-live=\"polite\">\r\n      \u062a\u0645 \u0646\u0633\u062e \u0627\u0644\u0627\u0642\u062a\u0628\u0627\u0633 \u2713\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#safa7atDailyQuote,\r\n#safa7atDailyQuote * {\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n#safa7atDailyQuote {\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#safa7atDailyQuote .sdq-card {\r\n  position: relative !important;\r\n  width: 100% !important;\r\n  min-height: 330px !important;\r\n  overflow: hidden !important;\r\n  padding: 24px 20px 20px !important;\r\n  border: 1px solid rgba(0,38,89,.10) !important;\r\n  border-radius: 24px !important;\r\n  background:\r\n    radial-gradient(circle at 8% 12%, rgba(180,151,90,.11), transparent 28%),\r\n    linear-gradient(145deg, #ffffff 0%, #f7f9fc 100%) !important;\r\n  box-shadow: 0 9px 28px rgba(0,38,89,.09) !important;\r\n}\r\n\r\n#safa7atDailyQuote .sdq-card::after {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  inset: auto -35px -55px auto !important;\r\n  width: 160px !important;\r\n  height: 160px !important;\r\n  border: 1px solid rgba(180,151,90,.12) !important;\r\n  border-radius: 50% !important;\r\n  pointer-events: none !important;\r\n}\r\n\r\n#safa7atDailyQuote .sdq-topline {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: space-between !important;\r\n  gap: 12px !important;\r\n}\r\n\r\n#safa7atDailyQuote .sdq-kicker {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  min-height: 30px !important;\r\n  padding: 5px 12px !important;\r\n  border: 1px solid rgba(180,151,90,.35) !important;\r\n  border-radius: 999px !important;\r\n  background: rgba(180,151,90,.08) !important;\r\n  color: #8f7137 !important;\r\n  font-size: 11px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.2 !important;\r\n}\r\n\r\n#safa7atDailyQuote .sdq-date {\r\n  color: #7d8794 !important;\r\n  font-size: 10px !important;\r\n  font-weight: 600 !important;\r\n}\r\n\r\n#safa7atDailyQuote .sdq-mark {\r\n  position: relative !important;\r\n  z-index: 1 !important;\r\n  height: 60px !important;\r\n  margin-top: 8px !important;\r\n  color: #b4975a !important;\r\n  font-family: Georgia, serif !important;\r\n  font-size: 82px !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1 !important;\r\n  text-align: right !important;\r\n  opacity: .9 !important;\r\n}\r\n\r\n#safa7atDailyQuote .sdq-quote {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  min-height: 124px !important;\r\n  margin: 0 !important;\r\n  padding: 0 2px !important;\r\n  color: #002659 !important;\r\n  font-size: clamp(19px, 5.2vw, 28px) !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.9 !important;\r\n  text-align: right !important;\r\n  text-wrap: balance !important;\r\n}\r\n\r\n#safa7atDailyQuote .sdq-footer {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: space-between !important;\r\n  gap: 12px !important;\r\n  margin-top: 20px !important;\r\n  padding-top: 16px !important;\r\n  border-top: 1px solid rgba(0,38,89,.09) !important;\r\n}\r\n\r\n#safa7atDailyQuote .sdq-book {\r\n  position: relative !important;\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  min-width: 0 !important;\r\n  color: #002659 !important;\r\n  text-decoration: none !important;\r\n  font-size: 12px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.6 !important;\r\n}\r\n\r\n#safa7atDailyQuote .sdq-book::before {\r\n  content: \"\u2014\" !important;\r\n  margin-left: 7px !important;\r\n  color: #b4975a !important;\r\n}\r\n\r\n#safa7atDailyQuote .sdq-book[href=\"#\"] {\r\n  pointer-events: none !important;\r\n}\r\n\r\n#safa7atDailyQuote .sdq-share {\r\n  display: inline-flex !important;\r\n  flex: 0 0 auto !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  gap: 7px !important;\r\n  min-height: 42px !important;\r\n  padding: 8px 13px !important;\r\n  border: 1px solid rgba(0,38,89,.15) !important;\r\n  border-radius: 12px !important;\r\n  background: #002659 !important;\r\n  color: #ffffff !important;\r\n  font-family: inherit !important;\r\n  font-size: 11px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.2 !important;\r\n  cursor: pointer !important;\r\n  box-shadow: 0 5px 13px rgba(0,38,89,.17) !important;\r\n  transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;\r\n}\r\n\r\n#safa7atDailyQuote .sdq-share svg {\r\n  width: 18px !important;\r\n  height: 18px !important;\r\n  stroke: currentColor !important;\r\n  stroke-width: 1.9 !important;\r\n  stroke-linecap: round !important;\r\n  stroke-linejoin: round !important;\r\n}\r\n\r\n#safa7atDailyQuote .sdq-share:hover {\r\n  transform: translateY(-2px) !important;\r\n  background: #06366f !important;\r\n  box-shadow: 0 8px 18px rgba(0,38,89,.22) !important;\r\n}\r\n\r\n#safa7atDailyQuote .sdq-share.is-copied {\r\n  background: #1f6a4e !important;\r\n}\r\n\r\n#safa7atDailyQuote .sdq-toast {\r\n  position: absolute !important;\r\n  z-index: 5 !important;\r\n  right: 50% !important;\r\n  bottom: 18px !important;\r\n  transform: translate(50%, 16px) !important;\r\n  padding: 9px 14px !important;\r\n  border-radius: 10px !important;\r\n  background: #002659 !important;\r\n  color: #ffffff !important;\r\n  font-size: 11px !important;\r\n  font-weight: 800 !important;\r\n  opacity: 0 !important;\r\n  pointer-events: none !important;\r\n  transition: opacity .2s ease, transform .2s ease !important;\r\n  box-shadow: 0 7px 18px rgba(0,38,89,.22) !important;\r\n}\r\n\r\n#safa7atDailyQuote .sdq-toast.is-visible {\r\n  opacity: 1 !important;\r\n  transform: translate(50%, 0) !important;\r\n}\r\n\r\n#safa7atDailyQuote a:focus-visible,\r\n#safa7atDailyQuote button:focus-visible {\r\n  outline: 3px solid rgba(180,151,90,.45) !important;\r\n  outline-offset: 3px !important;\r\n}\r\n\r\n@media (max-width: 390px) {\r\n  #safa7atDailyQuote .sdq-card {\r\n    min-height: 345px !important;\r\n    padding: 22px 16px 17px !important;\r\n  }\r\n\r\n  #safa7atDailyQuote .sdq-footer {\r\n    align-items: stretch !important;\r\n    flex-direction: column !important;\r\n  }\r\n\r\n  #safa7atDailyQuote .sdq-share {\r\n    width: 100% !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 600px) {\r\n  #safa7atDailyQuote {\r\n    width: calc(100% - 20px) !important;\r\n    margin: 22px auto !important;\r\n  }\r\n\r\n  #safa7atDailyQuote .sdq-card {\r\n    min-height: 350px !important;\r\n    padding: 30px 30px 24px !important;\r\n  }\r\n\r\n  #safa7atDailyQuote .sdq-quote {\r\n    max-width: 900px !important;\r\n    min-height: 145px !important;\r\n  }\r\n\r\n  #safa7atDailyQuote .sdq-book {\r\n    font-size: 13px !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  #safa7atDailyQuote {\r\n    width: min(1380px, calc(100% - 32px)) !important;\r\n    margin: 26px auto !important;\r\n  }\r\n\r\n  #safa7atDailyQuote .sdq-card {\r\n    padding: 36px 42px 28px !important;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #safa7atDailyQuote .sdq-share,\r\n  #safa7atDailyQuote .sdq-toast {\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n  const root = document.getElementById(\"safa7atDailyQuote\");\r\n  if (!root || root.dataset.ready === \"1\") return;\r\n  root.dataset.ready = \"1\";\r\n\r\n  \/*\r\n   * \u0645\u0643\u062a\u0628\u0629 \u0627\u0642\u062a\u0628\u0627\u0633\u0627\u062a \u0645\u0646 \u0623\u0639\u0645\u0627\u0644 \u062a\u0631\u0627\u062b\u064a\u0629 \u0623\u0648 \u0646\u0635\u0648\u0635 \u0641\u064a \u0627\u0644\u0645\u0644\u0643\u064a\u0629 \u0627\u0644\u0639\u0627\u0645\u0629.\r\n   * \u062a\u0645 \u0631\u0628\u0637 \u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u0645\u062a\u0648\u0641\u0631\u0629 \u0641\u064a \u0645\u062a\u062c\u0631 \u0635\u0641\u062d\u0627\u062a \u0628\u0635\u0641\u062d\u0627\u062a\u0647\u0627 \u0623\u0648 \u0628\u062a\u0635\u0646\u064a\u0641\u0647\u0627.\r\n   * \u064a\u0645\u0643\u0646 \u0625\u0636\u0627\u0641\u0629 \u0627\u0642\u062a\u0628\u0627\u0633\u0627\u062a \u062c\u062f\u064a\u062f\u0629 \u0625\u0644\u0649 \u0647\u0630\u0647 \u0627\u0644\u0645\u0635\u0641\u0648\u0641\u0629 \u062f\u0648\u0646 \u062a\u0639\u062f\u064a\u0644 \u0628\u0642\u064a\u0629 \u0627\u0644\u0643\u0648\u062f.\r\n   *\/\r\n  const quotes = [\r\n    {\r\n      text: \"\u0627\u0644\u0645\u063a\u0644\u0648\u0628 \u0645\u0648\u0644\u0639 \u0623\u0628\u062f\u064b\u0627 \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\u0651\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\n      book: \"\u0645\u0642\u062f\u0645\u0629 \u0627\u0628\u0646 \u062e\u0644\u062f\u0648\u0646\",\r\n      url: \"https:\/\/www.safa7at.com\/product\/muqaddimat-ibn-khaldun\/\"\r\n    },\r\n    {\r\n      text: \"\u0627\u0644\u0625\u0646\u0633\u0627\u0646 \u0645\u062f\u0646\u064a \u0628\u0627\u0644\u0637\u0628\u0639\u060c \u0623\u064a \u0644\u0627 \u0628\u062f \u0644\u0647 \u0645\u0646 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639 \u0627\u0644\u0630\u064a \u0647\u0648 \u0627\u0644\u0645\u062f\u0646\u064a\u0629.\",\r\n      book: \"\u0645\u0642\u062f\u0645\u0629 \u0627\u0628\u0646 \u062e\u0644\u062f\u0648\u0646\",\r\n      url: \"https:\/\/www.safa7at.com\/product\/muqaddimat-ibn-khaldun\/\"\r\n    },\r\n    {\r\n      text: \"\u0627\u0644\u0638\u0644\u0645 \u0645\u0624\u0630\u0646 \u0628\u062e\u0631\u0627\u0628 \u0627\u0644\u0639\u0645\u0631\u0627\u0646.\",\r\n      book: \"\u0645\u0642\u062f\u0645\u0629 \u0627\u0628\u0646 \u062e\u0644\u062f\u0648\u0646\",\r\n      url: \"https:\/\/www.safa7at.com\/product\/muqaddimat-ibn-khaldun\/\"\r\n    },\r\n    {\r\n      text: \"\u0627\u0644\u0645\u0627\u0636\u064a \u0623\u0634\u0628\u0647 \u0628\u0627\u0644\u0622\u062a\u064a \u0645\u0646 \u0627\u0644\u0645\u0627\u0621 \u0628\u0627\u0644\u0645\u0627\u0621.\",\r\n      book: \"\u0645\u0642\u062f\u0645\u0629 \u0627\u0628\u0646 \u062e\u0644\u062f\u0648\u0646\",\r\n      url: \"https:\/\/www.safa7at.com\/product\/muqaddimat-ibn-khaldun\/\"\r\n    },\r\n    {\r\n      text: \"\u0627\u0639\u0644\u0645 \u0623\u0646 \u0627\u062e\u062a\u0644\u0627\u0641 \u0627\u0644\u0623\u062c\u064a\u0627\u0644 \u0641\u064a \u0623\u062d\u0648\u0627\u0644\u0647\u0645 \u0625\u0646\u0645\u0627 \u0647\u0648 \u0628\u0627\u062e\u062a\u0644\u0627\u0641 \u0646\u062d\u0644\u062a\u0647\u0645 \u0645\u0646 \u0627\u0644\u0645\u0639\u0627\u0634.\",\r\n      book: \"\u0645\u0642\u062f\u0645\u0629 \u0627\u0628\u0646 \u062e\u0644\u062f\u0648\u0646\",\r\n      url: \"https:\/\/www.safa7at.com\/product\/muqaddimat-ibn-khaldun\/\"\r\n    },\r\n    {\r\n      text: \"\u0627\u0644\u0639\u0631\u0628 \u0644\u0627 \u064a\u062d\u0635\u0644 \u0644\u0647\u0645 \u0627\u0644\u0645\u0644\u0643 \u0625\u0644\u0627 \u0628\u0635\u0628\u063a\u0629 \u062f\u064a\u0646\u064a\u0629 \u0645\u0646 \u0646\u0628\u0648\u0629 \u0623\u0648 \u0648\u0644\u0627\u064a\u0629 \u0623\u0648 \u0623\u062b\u0631 \u0639\u0638\u064a\u0645 \u0645\u0646 \u0627\u0644\u062f\u064a\u0646.\",\r\n      book: \"\u0645\u0642\u062f\u0645\u0629 \u0627\u0628\u0646 \u062e\u0644\u062f\u0648\u0646\",\r\n      url: \"https:\/\/www.safa7at.com\/product\/muqaddimat-ibn-khaldun\/\"\r\n    },\r\n    {\r\n      text: \"\u063a\u0627\u064a\u0629 \u0627\u0644\u0646\u0627\u0633 \u0648\u062d\u0627\u062c\u0627\u062a\u0647\u0645 \u0635\u0644\u0627\u062d \u0627\u0644\u0645\u0639\u0627\u0634 \u0648\u0627\u0644\u0645\u0639\u0627\u062f\u060c \u0648\u0627\u0644\u0633\u0628\u064a\u0644 \u0625\u0644\u0649 \u062f\u0631\u0643\u0647\u0627 \u0627\u0644\u0639\u0642\u0644 \u0627\u0644\u0635\u062d\u064a\u062d.\",\r\n      book: \"\u0627\u0644\u0623\u062f\u0628 \u0627\u0644\u0635\u063a\u064a\u0631\",\r\n      url: \"#\"\r\n    },\r\n    {\r\n      text: \"\u0623\u0645\u0627\u0631\u0629 \u0635\u062d\u0629 \u0627\u0644\u0639\u0642\u0644 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0623\u0645\u0648\u0631 \u0628\u0627\u0644\u0628\u0635\u0631\u060c \u0648\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0628\u0635\u0631 \u0628\u0627\u0644\u0639\u0632\u0645.\",\r\n      book: \"\u0627\u0644\u0623\u062f\u0628 \u0627\u0644\u0635\u063a\u064a\u0631\",\r\n      url: \"#\"\r\n    },\r\n    {\r\n      text: \"\u0628\u0627\u0644\u0623\u062f\u0628 \u062a\u0646\u0645\u0648 \u0627\u0644\u0639\u0642\u0648\u0644 \u0648\u062a\u0632\u0643\u0648.\",\r\n      book: \"\u0627\u0644\u0623\u062f\u0628 \u0627\u0644\u0635\u063a\u064a\u0631\",\r\n      url: \"#\"\r\n    },\r\n    {\r\n      text: \"\u0648\u0645\u0646 \u0627\u0644\u0639\u0644\u0645 \u0623\u0646 \u062a\u0639\u0644\u0645 \u0623\u0646\u0643 \u0644\u0627 \u062a\u0639\u0644\u0645 \u0645\u0627 \u0644\u0627 \u062a\u0639\u0644\u0645.\",\r\n      book: \"\u0627\u0644\u0623\u062f\u0628 \u0627\u0644\u0635\u063a\u064a\u0631\",\r\n      url: \"#\"\r\n    },\r\n    {\r\n      text: \"\u0623\u0646\u0641\u0639 \u0627\u0644\u0639\u0642\u0644 \u0623\u0646 \u062a\u062d\u0633\u0646 \u0627\u0644\u0645\u0639\u064a\u0634\u0629 \u0641\u064a\u0645\u0627 \u0623\u0648\u062a\u064a\u062a \u0645\u0646 \u062e\u064a\u0631.\",\r\n      book: \"\u0627\u0644\u0623\u062f\u0628 \u0627\u0644\u0635\u063a\u064a\u0631\",\r\n      url: \"#\"\r\n    },\r\n    {\r\n      text: \"\u0645\u0646 \u0623\u0641\u0636\u0644 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0628\u0631: \u0627\u0644\u0635\u062f\u0642 \u0641\u064a \u0627\u0644\u063a\u0636\u0628\u060c \u0648\u0627\u0644\u062c\u0648\u062f \u0641\u064a \u0627\u0644\u0639\u0633\u0631\u0629\u060c \u0648\u0627\u0644\u0639\u0641\u0648 \u0639\u0646\u062f \u0627\u0644\u0642\u062f\u0631\u0629.\",\r\n      book: \"\u0627\u0644\u0623\u062f\u0628 \u0627\u0644\u0635\u063a\u064a\u0631\",\r\n      url: \"#\"\r\n    },\r\n    {\r\n      text: \"\u0644\u0627 \u0645\u0627\u0644 \u0623\u0641\u0636\u0644 \u0645\u0646 \u0627\u0644\u0639\u0642\u0644\u060c \u0648\u0644\u0627 \u0623\u0646\u0633 \u0622\u0646\u0633 \u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629.\",\r\n      book: \"\u0627\u0644\u0623\u062f\u0628 \u0627\u0644\u0635\u063a\u064a\u0631\",\r\n      url: \"#\"\r\n    },\r\n    {\r\n      text: \"\u0627\u0644\u0639\u0642\u0644 \u062d\u0627\u0631\u0633\u060c \u0648\u0627\u0644\u0645\u0627\u0644 \u0645\u062d\u0631\u0648\u0633.\",\r\n      book: \"\u0627\u0644\u0623\u062f\u0628 \u0627\u0644\u0635\u063a\u064a\u0631\",\r\n      url: \"#\"\r\n    },\r\n    {\r\n      text: \"\u0625\u0642\u062f\u0627\u0645 \u0627\u0644\u0645\u0631\u0621 \u0639\u0644\u0649 \u0645\u0627 \u0644\u0627 \u064a\u062f\u0631\u064a \u0623\u0635\u0648\u0627\u0628 \u0647\u0648 \u0623\u0645 \u062e\u0637\u0623 \u062c\u0645\u0627\u062d\u060c \u0648\u0627\u0644\u062c\u0645\u0627\u062d \u0622\u0641\u0629 \u0627\u0644\u0639\u0642\u0644.\",\r\n      book: \"\u0627\u0644\u0623\u062f\u0628 \u0627\u0644\u0635\u063a\u064a\u0631\",\r\n      url: \"#\"\r\n    },\r\n    {\r\n      text: \"\u062e\u0645\u0648\u0644 \u0627\u0644\u0630\u0643\u0631 \u0623\u062c\u0645\u0644 \u0645\u0646 \u0627\u0644\u0630\u0643\u0631 \u0627\u0644\u0630\u0645\u064a\u0645.\",\r\n      book: \"\u0627\u0644\u0623\u062f\u0628 \u0627\u0644\u0635\u063a\u064a\u0631\",\r\n      url: \"#\"\r\n    },\r\n    {\r\n      text: \"\u062a\u062d\u0631\u0651\u0632 \u0645\u0646 \u0633\u0643\u0631 \u0627\u0644\u0633\u0644\u0637\u0627\u0646\u060c \u0648\u0633\u0643\u0631 \u0627\u0644\u0645\u0627\u0644\u060c \u0648\u0633\u0643\u0631 \u0627\u0644\u0639\u0644\u0645\u060c \u0648\u0633\u0643\u0631 \u0627\u0644\u0645\u0646\u0632\u0644\u0629\u060c \u0648\u0633\u0643\u0631 \u0627\u0644\u0634\u0628\u0627\u0628.\",\r\n      book: \"\u0627\u0644\u0623\u062f\u0628 \u0627\u0644\u0643\u0628\u064a\u0631\",\r\n      url: \"#\"\r\n    },\r\n    {\r\n      text: \"\u0639\u0644\u064a\u0643 \u0628\u0627\u0644\u062a\u0645\u0627\u0633 \u0631\u0636\u0627 \u0627\u0644\u0623\u062e\u064a\u0627\u0631 \u0648\u0630\u0648\u064a \u0627\u0644\u0639\u0642\u0644.\",\r\n      book: \"\u0627\u0644\u0623\u062f\u0628 \u0627\u0644\u0643\u0628\u064a\u0631\",\r\n      url: \"#\"\r\n    },\r\n    {\r\n      text: \"\u0644\u0627 \u062a\u0644\u062a\u0645\u0633 \u063a\u0644\u0628\u0629 \u0635\u062f\u064a\u0642\u0643 \u0648\u0627\u0644\u0638\u0641\u0631 \u0639\u0644\u064a\u0647 \u0641\u064a \u0643\u0644 \u0631\u0623\u064a.\",\r\n      book: \"\u0627\u0644\u0623\u062f\u0628 \u0627\u0644\u0643\u0628\u064a\u0631\",\r\n      url: \"#\"\r\n    },\r\n    {\r\n      text: \"\u0644\u064a\u0633 \u0645\u0646 \u062e\u0644\u0629 \u0647\u064a \u0644\u0644\u063a\u0646\u064a \u0645\u062f\u062d \u0625\u0644\u0627 \u0648\u0647\u064a \u0644\u0644\u0641\u0642\u064a\u0631 \u0639\u064a\u0628.\",\r\n      book: \"\u0627\u0644\u0623\u062f\u0628 \u0627\u0644\u0643\u0628\u064a\u0631\",\r\n      url: \"#\"\r\n    },\r\n    {\r\n      text: \"\u0627\u062c\u0639\u0644 \u063a\u0627\u064a\u0629 \u062a\u0634\u0628\u062b\u0643 \u0641\u064a \u0645\u0624\u0627\u062e\u0627\u0629 \u0645\u0646 \u062a\u0624\u0627\u062e\u064a \u0645\u0624\u0627\u0632\u0631\u062a\u0647 \u0648\u0645\u0648\u0627\u0633\u0627\u062a\u0647.\",\r\n      book: \"\u0627\u0644\u0623\u062f\u0628 \u0627\u0644\u0643\u0628\u064a\u0631\",\r\n      url: \"#\"\r\n    },\r\n    {\r\n      text: \"\u0648\u0644\u0627 \u062a\u0633\u062a\u0648\u064a \u0627\u0644\u062d\u0633\u0646\u0629 \u0648\u0644\u0627 \u0627\u0644\u0633\u064a\u0626\u0629 \u0627\u062f\u0641\u0639 \u0628\u0627\u0644\u062a\u064a \u0647\u064a \u0623\u062d\u0633\u0646.\",\r\n      book: \"\u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645 \u2014 \u0633\u0648\u0631\u0629 \u0641\u0635\u0644\u062a\",\r\n      url: \"https:\/\/www.safa7at.com\/product-category\/quran\/\"\r\n    },\r\n    {\r\n      text: \"\u0648\u0642\u0644 \u0631\u0628 \u0632\u062f\u0646\u064a \u0639\u0644\u0645\u064b\u0627.\",\r\n      book: \"\u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645 \u2014 \u0633\u0648\u0631\u0629 \u0637\u0647\",\r\n      url: \"https:\/\/www.safa7at.com\/product-category\/quran\/\"\r\n    },\r\n    {\r\n      text: \"\u0625\u0646 \u0645\u0639 \u0627\u0644\u0639\u0633\u0631 \u064a\u0633\u0631\u064b\u0627.\",\r\n      book: \"\u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645 \u2014 \u0633\u0648\u0631\u0629 \u0627\u0644\u0634\u0631\u062d\",\r\n      url: \"https:\/\/www.safa7at.com\/product-category\/quran\/\"\r\n    },\r\n    {\r\n      text: \"\u0648\u0639\u0633\u0649 \u0623\u0646 \u062a\u0643\u0631\u0647\u0648\u0627 \u0634\u064a\u0626\u064b\u0627 \u0648\u0647\u0648 \u062e\u064a\u0631 \u0644\u0643\u0645.\",\r\n      book: \"\u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645 \u2014 \u0633\u0648\u0631\u0629 \u0627\u0644\u0628\u0642\u0631\u0629\",\r\n      url: \"https:\/\/www.safa7at.com\/product-category\/quran\/\"\r\n    },\r\n    {\r\n      text: \"\u0625\u0646 \u0627\u0644\u0644\u0647 \u0644\u0627 \u064a\u063a\u064a\u0631 \u0645\u0627 \u0628\u0642\u0648\u0645 \u062d\u062a\u0649 \u064a\u063a\u064a\u0631\u0648\u0627 \u0645\u0627 \u0628\u0623\u0646\u0641\u0633\u0647\u0645.\",\r\n      book: \"\u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645 \u2014 \u0633\u0648\u0631\u0629 \u0627\u0644\u0631\u0639\u062f\",\r\n      url: \"https:\/\/www.safa7at.com\/product-category\/quran\/\"\r\n    },\r\n    {\r\n      text: \"\u0641\u0627\u0630\u0643\u0631\u0648\u0646\u064a \u0623\u0630\u0643\u0631\u0643\u0645 \u0648\u0627\u0634\u0643\u0631\u0648\u0627 \u0644\u064a \u0648\u0644\u0627 \u062a\u0643\u0641\u0631\u0648\u0646.\",\r\n      book: \"\u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645 \u2014 \u0633\u0648\u0631\u0629 \u0627\u0644\u0628\u0642\u0631\u0629\",\r\n      url: \"https:\/\/www.safa7at.com\/product-category\/quran\/\"\r\n    },\r\n    {\r\n      text: \"\u0648\u0645\u0646 \u064a\u062a\u0648\u0643\u0644 \u0639\u0644\u0649 \u0627\u0644\u0644\u0647 \u0641\u0647\u0648 \u062d\u0633\u0628\u0647.\",\r\n      book: \"\u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645 \u2014 \u0633\u0648\u0631\u0629 \u0627\u0644\u0637\u0644\u0627\u0642\",\r\n      url: \"https:\/\/www.safa7at.com\/product-category\/quran\/\"\r\n    },\r\n    {\r\n      text: \"\u0644\u0627 \u064a\u0643\u0644\u0641 \u0627\u0644\u0644\u0647 \u0646\u0641\u0633\u064b\u0627 \u0625\u0644\u0627 \u0648\u0633\u0639\u0647\u0627.\",\r\n      book: \"\u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645 \u2014 \u0633\u0648\u0631\u0629 \u0627\u0644\u0628\u0642\u0631\u0629\",\r\n      url: \"https:\/\/www.safa7at.com\/product-category\/quran\/\"\r\n    },\r\n    {\r\n      text: \"\u0625\u0646 \u0623\u0643\u0631\u0645\u0643\u0645 \u0639\u0646\u062f \u0627\u0644\u0644\u0647 \u0623\u062a\u0642\u0627\u0643\u0645.\",\r\n      book: \"\u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645 \u2014 \u0633\u0648\u0631\u0629 \u0627\u0644\u062d\u062c\u0631\u0627\u062a\",\r\n      url: \"https:\/\/www.safa7at.com\/product-category\/quran\/\"\r\n    },\r\n    {\r\n      text: \"\u0641\u0625\u0646 \u0627\u0644\u0630\u0643\u0631\u0649 \u062a\u0646\u0641\u0639 \u0627\u0644\u0645\u0624\u0645\u0646\u064a\u0646.\",\r\n      book: \"\u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645 \u2014 \u0633\u0648\u0631\u0629 \u0627\u0644\u0630\u0627\u0631\u064a\u0627\u062a\",\r\n      url: \"https:\/\/www.safa7at.com\/product-category\/quran\/\"\r\n    }\r\n  ];\r\n\r\n  const quoteElement = root.querySelector(\"#sdqQuote\");\r\n  const bookElement = root.querySelector(\"#sdqBook\");\r\n  const dateElement = root.querySelector(\"#sdqDate\");\r\n  const shareButton = root.querySelector(\"#sdqShare\");\r\n  const shareText = shareButton.querySelector(\"span\");\r\n  const toast = root.querySelector(\"#sdqToast\");\r\n\r\n  function getAlgiersDateParts() {\r\n    const formatter = new Intl.DateTimeFormat(\"en-CA\", {\r\n      timeZone: \"Africa\/Algiers\",\r\n      year: \"numeric\",\r\n      month: \"2-digit\",\r\n      day: \"2-digit\"\r\n    });\r\n\r\n    const parts = formatter.formatToParts(new Date());\r\n    const values = Object.fromEntries(\r\n      parts.filter(part => part.type !== \"literal\")\r\n           .map(part => [part.type, part.value])\r\n    );\r\n\r\n    return {\r\n      year: Number(values.year),\r\n      month: Number(values.month),\r\n      day: Number(values.day)\r\n    };\r\n  }\r\n\r\n  function getStableDayNumber() {\r\n    const { year, month, day } = getAlgiersDateParts();\r\n    return Math.floor(Date.UTC(year, month - 1, day) \/ 86400000);\r\n  }\r\n\r\n  function getArabicDate() {\r\n    return new Intl.DateTimeFormat(\"ar-DZ\", {\r\n      timeZone: \"Africa\/Algiers\",\r\n      day: \"numeric\",\r\n      month: \"long\",\r\n      year: \"numeric\"\r\n    }).format(new Date());\r\n  }\r\n\r\n  const quote = quotes[getStableDayNumber() % quotes.length];\r\n\r\n  quoteElement.textContent = `\u00ab${quote.text}\u00bb`;\r\n  bookElement.textContent = quote.book;\r\n  bookElement.href = quote.url || \"#\";\r\n  dateElement.textContent = getArabicDate();\r\n\r\n  const shareContent =\r\n    `\u00ab${quote.text}\u00bb\\n\\n` +\r\n    `\u2014 ${quote.book}\\n\\n` +\r\n    `#\u0645\u0643\u062a\u0628\u0629_\u0635\u0641\u062d\u0627\u062a`;\r\n\r\n  async function copyQuote() {\r\n    try {\r\n      if (navigator.clipboard && window.isSecureContext) {\r\n        await navigator.clipboard.writeText(shareContent);\r\n      } else {\r\n        const textarea = document.createElement(\"textarea\");\r\n        textarea.value = shareContent;\r\n        textarea.setAttribute(\"readonly\", \"\");\r\n        textarea.style.position = \"fixed\";\r\n        textarea.style.opacity = \"0\";\r\n        document.body.appendChild(textarea);\r\n        textarea.select();\r\n\r\n        const copied = document.execCommand(\"copy\");\r\n        textarea.remove();\r\n\r\n        if (!copied) throw new Error(\"Copy failed\");\r\n      }\r\n\r\n      shareButton.classList.add(\"is-copied\");\r\n      shareText.textContent = \"\u062a\u0645 \u0627\u0644\u0646\u0633\u062e\";\r\n      toast.classList.add(\"is-visible\");\r\n\r\n      window.setTimeout(() => {\r\n        shareButton.classList.remove(\"is-copied\");\r\n        shareText.textContent = \"\u0646\u0633\u062e \u0627\u0644\u0627\u0642\u062a\u0628\u0627\u0633\";\r\n        toast.classList.remove(\"is-visible\");\r\n      }, 2200);\r\n    } catch (error) {\r\n      shareText.textContent = \"\u062a\u0639\u0630\u0631 \u0627\u0644\u0646\u0633\u062e\";\r\n      window.setTimeout(() => {\r\n        shareText.textContent = \"\u0646\u0633\u062e \u0627\u0644\u0627\u0642\u062a\u0628\u0627\u0633\";\r\n      }, 2200);\r\n    }\r\n  }\r\n\r\n  shareButton.addEventListener(\"click\", copyQuote);\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 \u2190 \u0645\u0626\u0627\u062a \u0627\u0644\u0643\u062a\u0628 \u0628\u064a\u0646 \u064a\u062f\u064a\u0643 \u0645\u0646 \u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u062f\u064a\u0646\u064a\u0629 \u0648\u0627\u0644\u0641\u0643\u0631\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u0631\u0648\u0627\u064a\u0627\u062a \u0648\u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0628\u0634\u0631\u064a\u0629\u060c<\/p>","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":773,"href":"https:\/\/www.safa7at.com\/en\/wp-json\/wp\/v2\/pages\/3669\/revisions"}],"predecessor-version":[{"id":42594,"href":"https:\/\/www.safa7at.com\/en\/wp-json\/wp\/v2\/pages\/3669\/revisions\/42594"}],"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}]}}