{"id":72,"date":"2025-10-13T18:28:55","date_gmt":"2025-10-13T18:28:55","guid":{"rendered":"https:\/\/alsafwamart.com\/?page_id=72"},"modified":"2025-11-30T18:21:44","modified_gmt":"2025-11-30T18:21:44","slug":"home","status":"publish","type":"page","link":"https:\/\/alsafwamart.com\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"72\" class=\"elementor elementor-72\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7f60b2 e-flex e-con-boxed e-con e-parent\" data-id=\"f7f60b2\" 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-6cb707b elementor-widget elementor-widget-html\" data-id=\"6cb707b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"scroll-wrapper\">\r\n  <button class=\"scroll-arrow left\" aria-label=\"Scroll left\">\u2039<\/button>\r\n\r\n  <div class=\"scroll-menu\">\r\n    <button onclick=\"window.location.href='https:\/\/alsafwamart.com\/hot-offers\/'\" class=\"hot-offer-btn\"><span>\u0639\u0631\u0648\u0636 \u062d\u0635\u0631\u064a\u0629<\/span>\r\n    <\/button>\r\n    <button onclick=\"window.location.href='https:\/\/alsafwamart.com\/the-mill\/'\">\u0627\u0644\u0645\u0637\u062d\u0646\u0629<\/button>\r\n    <button onclick=\"window.location.href='https:\/\/alsafwamart.com\/consumables\/'\">\u0627\u0644\u0627\u0633\u062a\u0647\u0644\u0627\u0643\u064a\u0627\u062a<\/button>\r\n    <button onclick=\"window.location.href='https:\/\/alsafwamart.com\/cleaning-supplies\/'\">\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u062a\u0646\u0638\u064a\u0641<\/button>\r\n    <button onclick=\"window.location.href='https:\/\/alsafwamart.com\/electrical-tools\/'\">\u0627\u0644\u0627\u062f\u0648\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629<\/button>\r\n    <button onclick=\"window.location.href='https:\/\/alsafwamart.com\/phone-accessories\/'\">\u0627\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a \u0627\u0644\u0647\u0648\u0627\u062a\u0641<\/button>\r\n    <button onclick=\"window.location.href='https:\/\/alsafwamart.com\/stationery\/'\">\u0627\u0644\u0642\u0631\u0637\u0627\u0633\u064a\u0629<\/button>\r\n    <button onclick=\"window.location.href='https:\/\/alsafwamart.com\/games\/'\">\u0627\u0644\u0627\u0644\u0639\u0627\u0628<\/button>\r\n    <button onclick=\"window.location.href='https:\/\/alsafwamart.com\/perfumes\/'\">\u0627\u0644\u0639\u0637\u0648\u0631<\/button>\r\n    <button onclick=\"window.location.href='https:\/\/alsafwamart.com\/seasons\/'\">\u0627\u0644\u0645\u0648\u0627\u0633\u0645<\/button>\r\n  <\/div>\r\n\r\n  <button class=\"scroll-arrow right\" aria-label=\"Scroll right\">\u203a<\/button>\r\n<\/div>\r\n\r\n<style>\r\n.scroll-wrapper {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 100%;\r\n}\r\n\r\n\/* Scrollable Menu *\/\r\n.scroll-menu {\r\n  display: flex;\r\n  overflow-x: auto;\r\n  gap: 10px;\r\n  scroll-behavior: smooth;\r\n  padding: 10px 20px;\r\n  white-space: nowrap;\r\n  scrollbar-width: none;\r\n  -ms-overflow-style: none;\r\n  -webkit-overflow-scrolling: touch;\r\n  flex: 1;\r\n  justify-content: flex-start;\r\n}\r\n.scroll-menu::-webkit-scrollbar { display: none; }\r\n\r\n.scroll-menu button {\r\n  flex: 0 0 auto;\r\n  border: none;\r\n  background: #;\r\n  font:\r\n  color: #333;\r\n  padding: 10px 20px;\r\n  border-radius: 25px;\r\n  cursor: pointer;\r\n  font-weight: 600;\r\n  transition: background 0.3s ease;\r\n  white-space: nowrap;\r\n}\r\n.scroll-menu button:hover,\r\n.scroll-menu button.active {\r\n  background: #0073aa;\r\n  color: #fff;\r\n}\r\n\r\n\/* \ud83d\udd25 Hot Offers button styling *\/\r\n.hot-offer-btn {\r\n  background: #d62828 !important;\r\n  color: #fff !important;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  position: relative;\r\n}\r\n\r\n\/* Fire icon animation *\/\r\n.hot-offer-btn::before {\r\n  content: \"\ud83d\udd25\";\r\n  display: inline-block;\r\n  animation: flicker 1s infinite ease-in-out;\r\n  font-size: 18px;\r\n}\r\n\r\n@keyframes flicker {\r\n  0%, 100% { filter: brightness(1); transform: scale(1); }\r\n  25% { filter: brightness(1.2); transform: scale(1.1) rotate(-3deg); }\r\n  50% { filter: brightness(0.9); transform: scale(0.95) rotate(2deg); }\r\n  75% { filter: brightness(1.1); transform: scale(1.05) rotate(-2deg); }\r\n}\r\n\r\n\/* Clean outer arrows *\/\r\n.scroll-arrow {\r\n  background: none;\r\n  border: none;\r\n  color: #444;\r\n  font-size: 32px;   \/* slightly bigger *\/\r\n  width: 38px;\r\n  height: 38px;\r\n  cursor: pointer;\r\n  line-height: 1;\r\n  z-index: 2;\r\n  flex-shrink: 0;\r\n  user-select: none;\r\n  position: relative;\r\n}\r\n.scroll-arrow.left { margin-right: 5px; }\r\n.scroll-arrow.right { margin-left: 5px; }\r\n\r\n\/* No hover highlight *\/\r\n.scroll-arrow:hover,\r\n.scroll-arrow:focus,\r\n.scroll-arrow:active {\r\n  color: #444;\r\n  background: none;\r\n  outline: none;\r\n}\r\n\r\n\/* Optional: hide arrows on mobile *\/\r\n@media (max-width: 768px) {\r\n  .scroll-arrow { display: none; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const scrollMenu = document.querySelector('.scroll-menu');\r\n  const leftArrow = document.querySelector('.scroll-arrow.left');\r\n  const rightArrow = document.querySelector('.scroll-arrow.right');\r\n  const scrollAmount = 300;\r\n\r\n  leftArrow.addEventListener('click', () => {\r\n    scrollMenu.scrollBy({ left: -scrollAmount, behavior: 'smooth' });\r\n  });\r\n  rightArrow.addEventListener('click', () => {\r\n    scrollMenu.scrollBy({ left: scrollAmount, behavior: 'smooth' });\r\n  });\r\n\r\n  \/\/ Smooth mouse wheel scroll\r\n  scrollMenu.addEventListener('wheel', (evt) => {\r\n    if (evt.deltaY !== 0) {\r\n      evt.preventDefault();\r\n      scrollMenu.scrollBy({\r\n        left: evt.deltaY * 1.5,\r\n        behavior: 'smooth'\r\n      });\r\n    }\r\n  });\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57dc9ff e-flex e-con-boxed e-con e-parent\" data-id=\"57dc9ff\" 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-c58eb73 elementor-widget elementor-widget-shortcode\" data-id=\"c58eb73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14785e9 e-flex e-con-boxed e-con e-parent\" data-id=\"14785e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4abf66c e-con-full e-flex e-con e-child\" data-id=\"4abf66c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c822a05 elementor-widget elementor-widget-heading\" data-id=\"c822a05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0639\u0631\u0648\u0636 \u062d\u0635\u0631\u064a\u0629<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c64240 e-con-full e-flex e-con e-child\" data-id=\"5c64240\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f6c70b elementor-widget elementor-widget-heading\" data-id=\"6f6c70b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/alsafwamart.com\/ar\/hot-offers\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064a\u062f&gt;&gt;<\/a><\/h2>\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<div class=\"elementor-element elementor-element-851e95c e-flex e-con-boxed e-con e-parent\" data-id=\"851e95c\" 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-06c0a5d elementor-widget elementor-widget-shortcode\" data-id=\"06c0a5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"woocommerce columns-4 as-top10-scroll\"><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f2f485 elementor-widget elementor-widget-html\" data-id=\"9f2f485\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* === Horizontal Scroll Base === *\/\r\n.as-top10-scroll ul.products {\r\n  display: flex !important;\r\n  flex-wrap: nowrap !important;\r\n  overflow-x: auto;\r\n  gap: 18px;\r\n  scroll-behavior: smooth;\r\n  padding: 10px 40px; \/* equal top & bottom spacing *\/\r\n  margin: 0;\r\n  scrollbar-width: none;\r\n  direction: ltr; \/* force LTR scrolling even in Arabic *\/\r\n}\r\n.as-top10-scroll ul.products::-webkit-scrollbar { display: none; }\r\n\r\n\/* === Product Cards === *\/\r\n.as-top10-scroll ul.products li.product {\r\n  flex: 0 0 220px;\r\n  scroll-snap-align: start;\r\n  background: #fff;\r\n  border-radius: 12px;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.10);\r\n  text-align: center;\r\n  padding: 10px;\r\n  transition: transform 0.3s ease, box-shadow .3s ease;\r\n}\r\n.as-top10-scroll ul.products li.product:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 4px 14px rgba(0,0,0,0.20);\r\n}\r\n\r\n\/* === Uniform image size (REAL FIX) === *\/\r\n.as-top10-scroll ul.products li.product img,\r\n.as-top10-scroll ul.products li.product .woocommerce-LoopProduct-link img {\r\n  width: 100% !important;\r\n  height: 220px !important;\r\n  object-fit: cover !important;\r\n  object-position: center !important;\r\n  border-radius: 10px;\r\n  background-color: #f8f8f8;\r\n  display: block !important;\r\n}\r\n\r\n\/* === Product Title (max 2 lines, same height) === *\/\r\n.as-top10-scroll ul.products li.product h2,\r\n.as-top10-scroll ul.products li.product .woocommerce-loop-product__title {\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  line-height: 1.3;\r\n  height: 40px; \/* forces equal height *\/\r\n  overflow: hidden;\r\n  margin: 10px 0 6px;\r\n  padding: 0 4px;\r\n}\r\n\r\n\/* === Price Styling === *\/\r\n.as-top10-scroll ul.products li.product .price {\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #0f3764;\r\n}\r\n\r\n\/* === Reset Default Woo Spacing === *\/\r\n.as-top10-scroll ul.products li.product .woocommerce-LoopProduct-link {\r\n  display: block;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n\/* === SALE badge: bigger, bold, and red === *\/\r\n.as-top10-scroll ul.products li.product .onsale {\r\n  background: #e00000 !important;\r\n  color: #fff !important;\r\n  font-size: 18px !important;\r\n  font-weight: 700 !important;\r\n  border-radius: 10px !important;\r\n  padding: 8px 14px !important;\r\n  top: 10px !important;\r\n  left: 10px !important;\r\n  right: auto !important;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 2px 6px rgba(0,0,0,0.15);\r\n  z-index: 20;\r\n}\r\n\r\n\/* === Arrows Wrapper === *\/\r\n.scroll-arrows {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  direction: ltr; \/* keep arrows fixed in LTR order *\/\r\n}\r\n\r\n\/* === Bigger, spaced arrows === *\/\r\n.scroll-btn {\r\n  background: #0f3764;\r\n  color: #fff;\r\n  padding: 20px;\r\n  border: none;\r\n  border-radius: 12px;\r\n  font-size: 26px;\r\n  cursor: pointer;\r\n  position: absolute;\r\n  top: 45%;\r\n  opacity: 0.95;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.25);\r\n  transition: all 0.3s ease;\r\n  z-index: 10;\r\n}\r\n.scroll-btn:hover {\r\n  background: #0077cc;\r\n  opacity: 1;\r\n  transform: scale(1.1);\r\n}\r\n\r\n\/* === Move arrows farther from edges === *\/\r\n.scroll-btn.left { left: -45px; }\r\n.scroll-btn.right { right: -45px; }\r\n\r\n\/* === Responsive Adjustments === *\/\r\n@media (max-width: 768px) {\r\n  .as-top10-scroll ul.products li.product {\r\n    flex: 0 0 180px;\r\n  }\r\n  .as-top10-scroll ul.products li.product img {\r\n    height: 180px !important;\r\n  }\r\n  .scroll-btn {\r\n    display: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', ()=>{\r\n\r\n  const allContainers = document.querySelectorAll('.as-top10-scroll ul.products');\r\n\r\n  allContainers.forEach((container, index) => {\r\n\r\n    if (container.closest('.scroll-arrows')) return;\r\n\r\n    const wrap = document.createElement('div');\r\n    wrap.className = 'scroll-arrows scroll-wrap-' + (index + 1);\r\n    container.parentNode.insertBefore(wrap, container);\r\n    wrap.appendChild(container);\r\n\r\n    const left = document.createElement('button');\r\n    left.className = 'scroll-btn left';\r\n    left.innerHTML = '&#10094;'; \/\/ left arrow\r\n\r\n    const right = document.createElement('button');\r\n    right.className = 'scroll-btn right';\r\n    right.innerHTML = '&#10095;'; \/\/ right arrow\r\n\r\n    wrap.appendChild(left);\r\n    wrap.appendChild(right);\r\n\r\n    left.onclick  = ()=>container.scrollBy({left:-300, behavior:'smooth'});\r\n    right.onclick = ()=>container.scrollBy({left:300, behavior:'smooth'});\r\n  });\r\n\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0561fc8 e-flex e-con-boxed e-con e-parent\" data-id=\"0561fc8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d9dc3ce e-con-full e-flex e-con e-child\" data-id=\"d9dc3ce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-94a09e7 e-con-full e-flex e-con e-child\" data-id=\"94a09e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-272ac8d elementor-widget elementor-widget-heading\" data-id=\"272ac8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0627\u0644\u0623\u0643\u062b\u0631 \u0645\u0628\u064a\u0639\u0627<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e048b3 e-con-full e-flex e-con e-child\" data-id=\"2e048b3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2191425 elementor-widget elementor-widget-heading\" data-id=\"2191425\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/alsafwamart.com\/ar\/top-selling-products\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064a\u062f&gt;&gt;<\/a><\/h2>\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-be17034 e-flex e-con-boxed e-con e-parent\" data-id=\"be17034\" 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-77cbbf7 elementor-widget elementor-widget-shortcode\" data-id=\"77cbbf7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"woocommerce columns-5 as-top10-scroll\"><\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-204e32a elementor-widget elementor-widget-html\" data-id=\"204e32a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* === Horizontal Scroll Base === *\/\r\n.as-top10-scroll ul.products {\r\n  display: flex !important;\r\n  flex-wrap: nowrap !important;\r\n  overflow-x: auto;\r\n  gap: 18px;\r\n  scroll-behavior: smooth;\r\n  padding: 10px 40px; \/* equal top & bottom spacing *\/\r\n  margin: 0;\r\n  scrollbar-width: none;\r\n  direction: ltr; \/* force LTR scrolling even in Arabic *\/\r\n}\r\n.as-top10-scroll ul.products::-webkit-scrollbar { display: none; }\r\n\r\n\/* === Product Cards === *\/\r\n.as-top10-scroll ul.products li.product {\r\n  flex: 0 0 220px;\r\n  scroll-snap-align: start;\r\n  background: #fff;\r\n  border-radius: 12px;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.10);\r\n  text-align: center;\r\n  padding: 10px;\r\n  transition: transform 0.3s ease, box-shadow .3s ease;\r\n}\r\n.as-top10-scroll ul.products li.product:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 4px 14px rgba(0,0,0,0.20);\r\n}\r\n\r\n\/* === Uniform image size (REAL FIX) === *\/\r\n.as-top10-scroll ul.products li.product img,\r\n.as-top10-scroll ul.products li.product .woocommerce-LoopProduct-link img {\r\n  width: 100% !important;\r\n  height: 220px !important;\r\n  object-fit: cover !important;\r\n  object-position: center !important;\r\n  border-radius: 10px;\r\n  background-color: #f8f8f8;\r\n  display: block !important;\r\n}\r\n\r\n\/* === Product Title (max 2 lines, same height) === *\/\r\n.as-top10-scroll ul.products li.product h2,\r\n.as-top10-scroll ul.products li.product .woocommerce-loop-product__title {\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  line-height: 1.3;\r\n  height: 40px; \/* forces equal height *\/\r\n  overflow: hidden;\r\n  margin: 10px 0 6px;\r\n  padding: 0 4px;\r\n}\r\n\r\n\/* === Price Styling === *\/\r\n.as-top10-scroll ul.products li.product .price {\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #0f3764;\r\n}\r\n\r\n\/* === Reset Default Woo Spacing === *\/\r\n.as-top10-scroll ul.products li.product .woocommerce-LoopProduct-link {\r\n  display: block;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n\/* === SALE badge: bigger, bold, and red === *\/\r\n.as-top10-scroll ul.products li.product .onsale {\r\n  background: #e00000 !important;\r\n  color: #fff !important;\r\n  font-size: 18px !important;\r\n  font-weight: 700 !important;\r\n  border-radius: 10px !important;\r\n  padding: 8px 14px !important;\r\n  top: 10px !important;\r\n  left: 10px !important;\r\n  right: auto !important;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 2px 6px rgba(0,0,0,0.15);\r\n  z-index: 20;\r\n}\r\n\r\n\/* === Arrows Wrapper === *\/\r\n.scroll-arrows {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  direction: ltr; \/* keep arrows fixed in LTR order *\/\r\n}\r\n\r\n\/* === Bigger, spaced arrows === *\/\r\n.scroll-btn {\r\n  background: #0f3764;\r\n  color: #fff;\r\n  padding: 20px;\r\n  border: none;\r\n  border-radius: 12px;\r\n  font-size: 26px;\r\n  cursor: pointer;\r\n  position: absolute;\r\n  top: 45%;\r\n  opacity: 0.95;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.25);\r\n  transition: all 0.3s ease;\r\n  z-index: 10;\r\n}\r\n.scroll-btn:hover {\r\n  background: #0077cc;\r\n  opacity: 1;\r\n  transform: scale(1.1);\r\n}\r\n\r\n\/* === Move arrows farther from edges === *\/\r\n.scroll-btn.left { left: -45px; }\r\n.scroll-btn.right { right: -45px; }\r\n\r\n\/* === Responsive Adjustments === *\/\r\n@media (max-width: 768px) {\r\n  .as-top10-scroll ul.products li.product {\r\n    flex: 0 0 180px;\r\n  }\r\n  .as-top10-scroll ul.products li.product img {\r\n    height: 180px !important;\r\n  }\r\n  .scroll-btn {\r\n    display: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', ()=>{\r\n\r\n  const allContainers = document.querySelectorAll('.as-top10-scroll ul.products');\r\n\r\n  allContainers.forEach((container, index) => {\r\n\r\n    if (container.closest('.scroll-arrows')) return;\r\n\r\n    const wrap = document.createElement('div');\r\n    wrap.className = 'scroll-arrows scroll-wrap-' + (index + 1);\r\n    container.parentNode.insertBefore(wrap, container);\r\n    wrap.appendChild(container);\r\n\r\n    const left = document.createElement('button');\r\n    left.className = 'scroll-btn left';\r\n    left.innerHTML = '&#10094;'; \/\/ left arrow\r\n\r\n    const right = document.createElement('button');\r\n    right.className = 'scroll-btn right';\r\n    right.innerHTML = '&#10095;'; \/\/ right arrow\r\n\r\n    wrap.appendChild(left);\r\n    wrap.appendChild(right);\r\n\r\n    left.onclick  = ()=>container.scrollBy({left:-300, behavior:'smooth'});\r\n    right.onclick = ()=>container.scrollBy({left:300, behavior:'smooth'});\r\n  });\r\n\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5174762 e-flex e-con-boxed e-con e-parent\" data-id=\"5174762\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3d08549 e-con-full e-flex e-con e-child\" data-id=\"3d08549\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-20e06a9 e-con-full e-flex e-con e-child\" data-id=\"20e06a9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-916785f elementor-widget elementor-widget-heading\" data-id=\"916785f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0627\u062e\u0631 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9b9b5ab e-con-full e-flex e-con e-child\" data-id=\"9b9b5ab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f08790 elementor-widget elementor-widget-heading\" data-id=\"8f08790\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/alsafwamart.com\/ar\/top-selling-products\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064a\u062f&gt;&gt;<\/a><\/h2>\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-8ce7e87 e-flex e-con-boxed e-con e-parent\" data-id=\"8ce7e87\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5b7d9c0 e-con-full e-flex e-con e-child\" data-id=\"5b7d9c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5034b29 elementor-widget elementor-widget-shortcode\" data-id=\"5034b29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"woocommerce columns-4 as-top10-scroll\"><\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d2a1772 elementor-widget elementor-widget-html\" data-id=\"d2a1772\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* === Horizontal Scroll Base === *\/\r\n.as-top10-scroll ul.products {\r\n  display: flex !important;\r\n  flex-wrap: nowrap !important;\r\n  overflow-x: auto;\r\n  gap: 18px;\r\n  scroll-behavior: smooth;\r\n  padding: 10px 40px; \/* equal top & bottom spacing *\/\r\n  margin: 0;\r\n  scrollbar-width: none;\r\n  direction: ltr; \/* force LTR scrolling even in Arabic *\/\r\n}\r\n.as-top10-scroll ul.products::-webkit-scrollbar { display: none; }\r\n\r\n\/* === Product Cards === *\/\r\n.as-top10-scroll ul.products li.product {\r\n  flex: 0 0 220px;\r\n  scroll-snap-align: start;\r\n  background: #fff;\r\n  border-radius: 12px;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.10);\r\n  text-align: center;\r\n  padding: 10px;\r\n  transition: transform 0.3s ease, box-shadow .3s ease;\r\n}\r\n.as-top10-scroll ul.products li.product:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 4px 14px rgba(0,0,0,0.20);\r\n}\r\n\r\n\/* === Uniform image size (REAL FIX) === *\/\r\n.as-top10-scroll ul.products li.product img,\r\n.as-top10-scroll ul.products li.product .woocommerce-LoopProduct-link img {\r\n  width: 100% !important;\r\n  height: 220px !important;\r\n  object-fit: cover !important;\r\n  object-position: center !important;\r\n  border-radius: 10px;\r\n  background-color: #f8f8f8;\r\n  display: block !important;\r\n}\r\n\r\n\/* === Product Title (max 2 lines, same height) === *\/\r\n.as-top10-scroll ul.products li.product h2,\r\n.as-top10-scroll ul.products li.product .woocommerce-loop-product__title {\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  line-height: 1.3;\r\n  height: 40px; \/* forces equal height *\/\r\n  overflow: hidden;\r\n  margin: 10px 0 6px;\r\n  padding: 0 4px;\r\n}\r\n\r\n\/* === Price Styling === *\/\r\n.as-top10-scroll ul.products li.product .price {\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #0f3764;\r\n}\r\n\r\n\/* === Reset Default Woo Spacing === *\/\r\n.as-top10-scroll ul.products li.product .woocommerce-LoopProduct-link {\r\n  display: block;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n\/* === SALE badge: bigger, bold, and red === *\/\r\n.as-top10-scroll ul.products li.product .onsale {\r\n  background: #e00000 !important;\r\n  color: #fff !important;\r\n  font-size: 18px !important;\r\n  font-weight: 700 !important;\r\n  border-radius: 10px !important;\r\n  padding: 8px 14px !important;\r\n  top: 10px !important;\r\n  left: 10px !important;\r\n  right: auto !important;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 2px 6px rgba(0,0,0,0.15);\r\n  z-index: 20;\r\n}\r\n\r\n\/* === Arrows Wrapper === *\/\r\n.scroll-arrows {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  direction: ltr; \/* keep arrows fixed in LTR order *\/\r\n}\r\n\r\n\/* === Bigger, spaced arrows === *\/\r\n.scroll-btn {\r\n  background: #0f3764;\r\n  color: #fff;\r\n  padding: 20px;\r\n  border: none;\r\n  border-radius: 12px;\r\n  font-size: 26px;\r\n  cursor: pointer;\r\n  position: absolute;\r\n  top: 45%;\r\n  opacity: 0.95;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.25);\r\n  transition: all 0.3s ease;\r\n  z-index: 10;\r\n}\r\n.scroll-btn:hover {\r\n  background: #0077cc;\r\n  opacity: 1;\r\n  transform: scale(1.1);\r\n}\r\n\r\n\/* === Move arrows farther from edges === *\/\r\n.scroll-btn.left { left: -45px; }\r\n.scroll-btn.right { right: -45px; }\r\n\r\n\/* === Responsive Adjustments === *\/\r\n@media (max-width: 768px) {\r\n  .as-top10-scroll ul.products li.product {\r\n    flex: 0 0 180px;\r\n  }\r\n  .as-top10-scroll ul.products li.product img {\r\n    height: 180px !important;\r\n  }\r\n  .scroll-btn {\r\n    display: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', ()=>{\r\n\r\n  const allContainers = document.querySelectorAll('.as-top10-scroll ul.products');\r\n\r\n  allContainers.forEach((container, index) => {\r\n\r\n    if (container.closest('.scroll-arrows')) return;\r\n\r\n    const wrap = document.createElement('div');\r\n    wrap.className = 'scroll-arrows scroll-wrap-' + (index + 1);\r\n    container.parentNode.insertBefore(wrap, container);\r\n    wrap.appendChild(container);\r\n\r\n    const left = document.createElement('button');\r\n    left.className = 'scroll-btn left';\r\n    left.innerHTML = '&#10094;'; \/\/ left arrow\r\n\r\n    const right = document.createElement('button');\r\n    right.className = 'scroll-btn right';\r\n    right.innerHTML = '&#10095;'; \/\/ right arrow\r\n\r\n    wrap.appendChild(left);\r\n    wrap.appendChild(right);\r\n\r\n    left.onclick  = ()=>container.scrollBy({left:-300, behavior:'smooth'});\r\n    right.onclick = ()=>container.scrollBy({left:300, behavior:'smooth'});\r\n  });\r\n\r\n});\r\n<\/script>\r\n\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<div class=\"elementor-element elementor-element-8ac20f2 e-flex e-con-boxed e-con e-parent\" data-id=\"8ac20f2\" 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-61c14a9 elementor-widget elementor-widget-shortcode\" data-id=\"61c14a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b81f4b5 e-flex e-con-boxed e-con e-parent\" data-id=\"b81f4b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-24e34ee e-con-full e-flex e-con e-child\" data-id=\"24e34ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5aa30d8 e-con-full e-flex e-con e-child\" data-id=\"5aa30d8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1d08d0c e-con-full e-flex e-con e-child\" data-id=\"1d08d0c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7905687 elementor-widget elementor-widget-heading\" data-id=\"7905687\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\ud83c\udfed  \u0627\u0644\u0645\u0637\u062d\u0646\u0629 <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e2bfb50 e-con-full e-flex e-con e-child\" data-id=\"e2bfb50\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9facea0 elementor-widget elementor-widget-heading\" data-id=\"9facea0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/alsafwamart.com\/ar\/the-mill\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064a\u062f&gt;&gt;<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-e59af72 e-flex e-con-boxed e-con e-parent\" data-id=\"e59af72\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e2e796a e-con-full e-flex e-con e-child\" data-id=\"e2e796a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b84823 elementor-widget elementor-widget-shortcode\" data-id=\"1b84823\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"woocommerce columns-4 as-top10-scroll\"><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-764ba9c elementor-widget elementor-widget-html\" data-id=\"764ba9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* === Horizontal Scroll Base === *\/\r\n.as-top10-scroll ul.products {\r\n  display: flex !important;\r\n  flex-wrap: nowrap !important;\r\n  overflow-x: auto;\r\n  gap: 18px;\r\n  scroll-behavior: smooth;\r\n  padding: 10px 40px; \/* equal top & bottom spacing *\/\r\n  margin: 0;\r\n  scrollbar-width: none;\r\n  direction: ltr; \/* force LTR scrolling even in Arabic *\/\r\n}\r\n.as-top10-scroll ul.products::-webkit-scrollbar { display: none; }\r\n\r\n\/* === Product Cards === *\/\r\n.as-top10-scroll ul.products li.product {\r\n  flex: 0 0 220px;\r\n  scroll-snap-align: start;\r\n  background: #fff;\r\n  border-radius: 12px;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.10);\r\n  text-align: center;\r\n  padding: 10px;\r\n  transition: transform 0.3s ease, box-shadow .3s ease;\r\n}\r\n.as-top10-scroll ul.products li.product:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 4px 14px rgba(0,0,0,0.20);\r\n}\r\n\r\n\/* === Uniform image size (REAL FIX) === *\/\r\n.as-top10-scroll ul.products li.product img,\r\n.as-top10-scroll ul.products li.product .woocommerce-LoopProduct-link img {\r\n  width: 100% !important;\r\n  height: 220px !important;\r\n  object-fit: cover !important;\r\n  object-position: center !important;\r\n  border-radius: 10px;\r\n  background-color: #f8f8f8;\r\n  display: block !important;\r\n}\r\n\r\n\/* === Product Title (max 2 lines, same height) === *\/\r\n.as-top10-scroll ul.products li.product h2,\r\n.as-top10-scroll ul.products li.product .woocommerce-loop-product__title {\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  line-height: 1.3;\r\n  height: 40px; \/* forces equal height *\/\r\n  overflow: hidden;\r\n  margin: 10px 0 6px;\r\n  padding: 0 4px;\r\n}\r\n\r\n\/* === Price Styling === *\/\r\n.as-top10-scroll ul.products li.product .price {\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #0f3764;\r\n}\r\n\r\n\/* === Reset Default Woo Spacing === *\/\r\n.as-top10-scroll ul.products li.product .woocommerce-LoopProduct-link {\r\n  display: block;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n\/* === SALE badge: bigger, bold, and red === *\/\r\n.as-top10-scroll ul.products li.product .onsale {\r\n  background: #e00000 !important;\r\n  color: #fff !important;\r\n  font-size: 18px !important;\r\n  font-weight: 700 !important;\r\n  border-radius: 10px !important;\r\n  padding: 8px 14px !important;\r\n  top: 10px !important;\r\n  left: 10px !important;\r\n  right: auto !important;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 2px 6px rgba(0,0,0,0.15);\r\n  z-index: 20;\r\n}\r\n\r\n\/* === Arrows Wrapper === *\/\r\n.scroll-arrows {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  direction: ltr; \/* keep arrows fixed in LTR order *\/\r\n}\r\n\r\n\/* === Bigger, spaced arrows === *\/\r\n.scroll-btn {\r\n  background: #0f3764;\r\n  color: #fff;\r\n  padding: 20px;\r\n  border: none;\r\n  border-radius: 12px;\r\n  font-size: 26px;\r\n  cursor: pointer;\r\n  position: absolute;\r\n  top: 45%;\r\n  opacity: 0.95;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.25);\r\n  transition: all 0.3s ease;\r\n  z-index: 10;\r\n}\r\n.scroll-btn:hover {\r\n  background: #0077cc;\r\n  opacity: 1;\r\n  transform: scale(1.1);\r\n}\r\n\r\n\/* === Move arrows farther from edges === *\/\r\n.scroll-btn.left { left: -45px; }\r\n.scroll-btn.right { right: -45px; }\r\n\r\n\/* === Responsive Adjustments === *\/\r\n@media (max-width: 768px) {\r\n  .as-top10-scroll ul.products li.product {\r\n    flex: 0 0 180px;\r\n  }\r\n  .as-top10-scroll ul.products li.product img {\r\n    height: 180px !important;\r\n  }\r\n  .scroll-btn {\r\n    display: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', ()=>{\r\n\r\n  const allContainers = document.querySelectorAll('.as-top10-scroll ul.products');\r\n\r\n  allContainers.forEach((container, index) => {\r\n\r\n    if (container.closest('.scroll-arrows')) return;\r\n\r\n    const wrap = document.createElement('div');\r\n    wrap.className = 'scroll-arrows scroll-wrap-' + (index + 1);\r\n    container.parentNode.insertBefore(wrap, container);\r\n    wrap.appendChild(container);\r\n\r\n    const left = document.createElement('button');\r\n    left.className = 'scroll-btn left';\r\n    left.innerHTML = '&#10094;'; \/\/ left arrow\r\n\r\n    const right = document.createElement('button');\r\n    right.className = 'scroll-btn right';\r\n    right.innerHTML = '&#10095;'; \/\/ right arrow\r\n\r\n    wrap.appendChild(left);\r\n    wrap.appendChild(right);\r\n\r\n    left.onclick  = ()=>container.scrollBy({left:-300, behavior:'smooth'});\r\n    right.onclick = ()=>container.scrollBy({left:300, behavior:'smooth'});\r\n  });\r\n\r\n});\r\n<\/script>\r\n\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<div class=\"elementor-element elementor-element-d606ef9 e-flex e-con-boxed e-con e-parent\" data-id=\"d606ef9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-903310e e-con-full e-flex e-con e-child\" data-id=\"903310e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-34e766e e-con-full e-flex e-con e-child\" data-id=\"34e766e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5d728df e-con-full e-flex e-con e-child\" data-id=\"5d728df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7dd2f9 elementor-widget elementor-widget-heading\" data-id=\"a7dd2f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"> \ud83d\udecd\ufe0f  \u0627\u0644\u0627\u0633\u062a\u0647\u0644\u0627\u0643\u064a\u0627\u062a<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51dae75 e-con-full e-flex e-con e-child\" data-id=\"51dae75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df69d05 elementor-widget elementor-widget-heading\" data-id=\"df69d05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/alsafwamart.com\/ar\/consumables\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064a\u062f&gt;&gt;<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-5970551 e-flex e-con-boxed e-con e-parent\" data-id=\"5970551\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4d7f4c7 e-con-full e-flex e-con e-child\" data-id=\"4d7f4c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7975a0d elementor-widget elementor-widget-shortcode\" data-id=\"7975a0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"woocommerce columns-4 as-top10-scroll\"><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-777c108 elementor-widget elementor-widget-html\" data-id=\"777c108\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* === Horizontal Scroll Base === *\/\r\n.as-top10-scroll ul.products {\r\n  display: flex !important;\r\n  flex-wrap: nowrap !important;\r\n  overflow-x: auto;\r\n  gap: 18px;\r\n  scroll-behavior: smooth;\r\n  padding: 10px 40px; \/* equal top & bottom spacing *\/\r\n  margin: 0;\r\n  scrollbar-width: none;\r\n  direction: ltr; \/* force LTR scrolling even in Arabic *\/\r\n}\r\n.as-top10-scroll ul.products::-webkit-scrollbar { display: none; }\r\n\r\n\/* === Product Cards === *\/\r\n.as-top10-scroll ul.products li.product {\r\n  flex: 0 0 220px;\r\n  scroll-snap-align: start;\r\n  background: #fff;\r\n  border-radius: 12px;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.10);\r\n  text-align: center;\r\n  padding: 10px;\r\n  transition: transform 0.3s ease, box-shadow .3s ease;\r\n}\r\n.as-top10-scroll ul.products li.product:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 4px 14px rgba(0,0,0,0.20);\r\n}\r\n\r\n\/* === Uniform image size (REAL FIX) === *\/\r\n.as-top10-scroll ul.products li.product img,\r\n.as-top10-scroll ul.products li.product .woocommerce-LoopProduct-link img {\r\n  width: 100% !important;\r\n  height: 220px !important;\r\n  object-fit: cover !important;\r\n  object-position: center !important;\r\n  border-radius: 10px;\r\n  background-color: #f8f8f8;\r\n  display: block !important;\r\n}\r\n\r\n\/* === Product Title (max 2 lines, same height) === *\/\r\n.as-top10-scroll ul.products li.product h2,\r\n.as-top10-scroll ul.products li.product .woocommerce-loop-product__title {\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  line-height: 1.3;\r\n  height: 40px; \/* forces equal height *\/\r\n  overflow: hidden;\r\n  margin: 10px 0 6px;\r\n  padding: 0 4px;\r\n}\r\n\r\n\/* === Price Styling === *\/\r\n.as-top10-scroll ul.products li.product .price {\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #0f3764;\r\n}\r\n\r\n\/* === Reset Default Woo Spacing === *\/\r\n.as-top10-scroll ul.products li.product .woocommerce-LoopProduct-link {\r\n  display: block;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n\/* === SALE badge: bigger, bold, and red === *\/\r\n.as-top10-scroll ul.products li.product .onsale {\r\n  background: #e00000 !important;\r\n  color: #fff !important;\r\n  font-size: 18px !important;\r\n  font-weight: 700 !important;\r\n  border-radius: 10px !important;\r\n  padding: 8px 14px !important;\r\n  top: 10px !important;\r\n  left: 10px !important;\r\n  right: auto !important;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 2px 6px rgba(0,0,0,0.15);\r\n  z-index: 20;\r\n}\r\n\r\n\/* === Arrows Wrapper === *\/\r\n.scroll-arrows {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  direction: ltr; \/* keep arrows fixed in LTR order *\/\r\n}\r\n\r\n\/* === Bigger, spaced arrows === *\/\r\n.scroll-btn {\r\n  background: #0f3764;\r\n  color: #fff;\r\n  padding: 20px;\r\n  border: none;\r\n  border-radius: 12px;\r\n  font-size: 26px;\r\n  cursor: pointer;\r\n  position: absolute;\r\n  top: 45%;\r\n  opacity: 0.95;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.25);\r\n  transition: all 0.3s ease;\r\n  z-index: 10;\r\n}\r\n.scroll-btn:hover {\r\n  background: #0077cc;\r\n  opacity: 1;\r\n  transform: scale(1.1);\r\n}\r\n\r\n\/* === Move arrows farther from edges === *\/\r\n.scroll-btn.left { left: -45px; }\r\n.scroll-btn.right { right: -45px; }\r\n\r\n\/* === Responsive Adjustments === *\/\r\n@media (max-width: 768px) {\r\n  .as-top10-scroll ul.products li.product {\r\n    flex: 0 0 180px;\r\n  }\r\n  .as-top10-scroll ul.products li.product img {\r\n    height: 180px !important;\r\n  }\r\n  .scroll-btn {\r\n    display: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', ()=>{\r\n\r\n  const allContainers = document.querySelectorAll('.as-top10-scroll ul.products');\r\n\r\n  allContainers.forEach((container, index) => {\r\n\r\n    if (container.closest('.scroll-arrows')) return;\r\n\r\n    const wrap = document.createElement('div');\r\n    wrap.className = 'scroll-arrows scroll-wrap-' + (index + 1);\r\n    container.parentNode.insertBefore(wrap, container);\r\n    wrap.appendChild(container);\r\n\r\n    const left = document.createElement('button');\r\n    left.className = 'scroll-btn left';\r\n    left.innerHTML = '&#10094;'; \/\/ left arrow\r\n\r\n    const right = document.createElement('button');\r\n    right.className = 'scroll-btn right';\r\n    right.innerHTML = '&#10095;'; \/\/ right arrow\r\n\r\n    wrap.appendChild(left);\r\n    wrap.appendChild(right);\r\n\r\n    left.onclick  = ()=>container.scrollBy({left:-300, behavior:'smooth'});\r\n    right.onclick = ()=>container.scrollBy({left:300, behavior:'smooth'});\r\n  });\r\n\r\n});\r\n<\/script>\r\n\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<div class=\"elementor-element elementor-element-3d1d6bb e-flex e-con-boxed e-con e-parent\" data-id=\"3d1d6bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4070367 e-con-full e-flex e-con e-child\" data-id=\"4070367\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0affcae e-con-full e-flex e-con e-child\" data-id=\"0affcae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4bba7e0 e-con-full e-flex e-con e-child\" data-id=\"4bba7e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d1a029 elementor-widget elementor-widget-heading\" data-id=\"0d1a029\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\ud83e\uddfd \u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u062a\u0646\u0638\u064a\u0641 <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-316ddce e-con-full e-flex e-con e-child\" data-id=\"316ddce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30d7be1 elementor-widget elementor-widget-heading\" data-id=\"30d7be1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/alsafwamart.com\/ar\/cleaning-supplies\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064a\u062f&gt;&gt;<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-3e66606 e-flex e-con-boxed e-con e-parent\" data-id=\"3e66606\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-06fb04b e-con-full e-flex e-con e-child\" data-id=\"06fb04b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0651df elementor-widget elementor-widget-shortcode\" data-id=\"c0651df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"woocommerce columns-4 as-top10-scroll\"><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a29574c elementor-widget elementor-widget-html\" data-id=\"a29574c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* === Horizontal Scroll Base === *\/\r\n.as-top10-scroll ul.products {\r\n  display: flex !important;\r\n  flex-wrap: nowrap !important;\r\n  overflow-x: auto;\r\n  gap: 18px;\r\n  scroll-behavior: smooth;\r\n  padding: 10px 40px; \/* equal top & bottom spacing *\/\r\n  margin: 0;\r\n  scrollbar-width: none;\r\n  direction: ltr; \/* force LTR scrolling even in Arabic *\/\r\n}\r\n.as-top10-scroll ul.products::-webkit-scrollbar { display: none; }\r\n\r\n\/* === Product Cards === *\/\r\n.as-top10-scroll ul.products li.product {\r\n  flex: 0 0 220px;\r\n  scroll-snap-align: start;\r\n  background: #fff;\r\n  border-radius: 12px;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.10);\r\n  text-align: center;\r\n  padding: 10px;\r\n  transition: transform 0.3s ease, box-shadow .3s ease;\r\n}\r\n.as-top10-scroll ul.products li.product:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 4px 14px rgba(0,0,0,0.20);\r\n}\r\n\r\n\/* === Uniform image size (REAL FIX) === *\/\r\n.as-top10-scroll ul.products li.product img,\r\n.as-top10-scroll ul.products li.product .woocommerce-LoopProduct-link img {\r\n  width: 100% !important;\r\n  height: 220px !important;\r\n  object-fit: cover !important;\r\n  object-position: center !important;\r\n  border-radius: 10px;\r\n  background-color: #f8f8f8;\r\n  display: block !important;\r\n}\r\n\r\n\/* === Product Title (max 2 lines, same height) === *\/\r\n.as-top10-scroll ul.products li.product h2,\r\n.as-top10-scroll ul.products li.product .woocommerce-loop-product__title {\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  line-height: 1.3;\r\n  height: 40px; \/* forces equal height *\/\r\n  overflow: hidden;\r\n  margin: 10px 0 6px;\r\n  padding: 0 4px;\r\n}\r\n\r\n\/* === Price Styling === *\/\r\n.as-top10-scroll ul.products li.product .price {\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #0f3764;\r\n}\r\n\r\n\/* === Reset Default Woo Spacing === *\/\r\n.as-top10-scroll ul.products li.product .woocommerce-LoopProduct-link {\r\n  display: block;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n\/* === SALE badge: bigger, bold, and red === *\/\r\n.as-top10-scroll ul.products li.product .onsale {\r\n  background: #e00000 !important;\r\n  color: #fff !important;\r\n  font-size: 18px !important;\r\n  font-weight: 700 !important;\r\n  border-radius: 10px !important;\r\n  padding: 8px 14px !important;\r\n  top: 10px !important;\r\n  left: 10px !important;\r\n  right: auto !important;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 2px 6px rgba(0,0,0,0.15);\r\n  z-index: 20;\r\n}\r\n\r\n\/* === Arrows Wrapper === *\/\r\n.scroll-arrows {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  direction: ltr; \/* keep arrows fixed in LTR order *\/\r\n}\r\n\r\n\/* === Bigger, spaced arrows === *\/\r\n.scroll-btn {\r\n  background: #0f3764;\r\n  color: #fff;\r\n  padding: 20px;\r\n  border: none;\r\n  border-radius: 12px;\r\n  font-size: 26px;\r\n  cursor: pointer;\r\n  position: absolute;\r\n  top: 45%;\r\n  opacity: 0.95;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.25);\r\n  transition: all 0.3s ease;\r\n  z-index: 10;\r\n}\r\n.scroll-btn:hover {\r\n  background: #0077cc;\r\n  opacity: 1;\r\n  transform: scale(1.1);\r\n}\r\n\r\n\/* === Move arrows farther from edges === *\/\r\n.scroll-btn.left { left: -45px; }\r\n.scroll-btn.right { right: -45px; }\r\n\r\n\/* === Responsive Adjustments === *\/\r\n@media (max-width: 768px) {\r\n  .as-top10-scroll ul.products li.product {\r\n    flex: 0 0 180px;\r\n  }\r\n  .as-top10-scroll ul.products li.product img {\r\n    height: 180px !important;\r\n  }\r\n  .scroll-btn {\r\n    display: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', ()=>{\r\n\r\n  const allContainers = document.querySelectorAll('.as-top10-scroll ul.products');\r\n\r\n  allContainers.forEach((container, index) => {\r\n\r\n    if (container.closest('.scroll-arrows')) return;\r\n\r\n    const wrap = document.createElement('div');\r\n    wrap.className = 'scroll-arrows scroll-wrap-' + (index + 1);\r\n    container.parentNode.insertBefore(wrap, container);\r\n    wrap.appendChild(container);\r\n\r\n    const left = document.createElement('button');\r\n    left.className = 'scroll-btn left';\r\n    left.innerHTML = '&#10094;'; \/\/ left arrow\r\n\r\n    const right = document.createElement('button');\r\n    right.className = 'scroll-btn right';\r\n    right.innerHTML = '&#10095;'; \/\/ right arrow\r\n\r\n    wrap.appendChild(left);\r\n    wrap.appendChild(right);\r\n\r\n    left.onclick  = ()=>container.scrollBy({left:-300, behavior:'smooth'});\r\n    right.onclick = ()=>container.scrollBy({left:300, behavior:'smooth'});\r\n  });\r\n\r\n});\r\n<\/script>\r\n\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<div class=\"elementor-element elementor-element-9c4b2d4 e-flex e-con-boxed e-con e-parent\" data-id=\"9c4b2d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-dc95043 e-con-full e-flex e-con e-child\" data-id=\"dc95043\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-bf77d1f e-con-full e-flex e-con e-child\" data-id=\"bf77d1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e83ef51 e-con-full e-flex e-con e-child\" data-id=\"e83ef51\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b5c859 elementor-widget elementor-widget-heading\" data-id=\"9b5c859\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u26a1 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-583a045 e-con-full e-flex e-con e-child\" data-id=\"583a045\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f147db elementor-widget elementor-widget-heading\" data-id=\"1f147db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/alsafwamart.com\/ar\/electrical-tools\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064a\u062f&gt;&gt;<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-b689868 e-flex e-con-boxed e-con e-parent\" data-id=\"b689868\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f80057a e-con-full e-flex e-con e-child\" data-id=\"f80057a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5aa8d02 elementor-widget elementor-widget-shortcode\" data-id=\"5aa8d02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"woocommerce columns-4 as-top10-scroll\"><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-209e3d0 elementor-widget elementor-widget-html\" data-id=\"209e3d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* === Horizontal Scroll Base === *\/\r\n.as-top10-scroll ul.products {\r\n  display: flex !important;\r\n  flex-wrap: nowrap !important;\r\n  overflow-x: auto;\r\n  gap: 18px;\r\n  scroll-behavior: smooth;\r\n  padding: 10px 40px; \/* equal top & bottom spacing *\/\r\n  margin: 0;\r\n  scrollbar-width: none;\r\n  direction: ltr; \/* force LTR scrolling even in Arabic *\/\r\n}\r\n.as-top10-scroll ul.products::-webkit-scrollbar { display: none; }\r\n\r\n\/* === Product Cards === *\/\r\n.as-top10-scroll ul.products li.product {\r\n  flex: 0 0 220px;\r\n  scroll-snap-align: start;\r\n  background: #fff;\r\n  border-radius: 12px;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.10);\r\n  text-align: center;\r\n  padding: 10px;\r\n  transition: transform 0.3s ease, box-shadow .3s ease;\r\n}\r\n.as-top10-scroll ul.products li.product:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 4px 14px rgba(0,0,0,0.20);\r\n}\r\n\r\n\/* === Uniform image size (REAL FIX) === *\/\r\n.as-top10-scroll ul.products li.product img,\r\n.as-top10-scroll ul.products li.product .woocommerce-LoopProduct-link img {\r\n  width: 100% !important;\r\n  height: 220px !important;\r\n  object-fit: cover !important;\r\n  object-position: center !important;\r\n  border-radius: 10px;\r\n  background-color: #f8f8f8;\r\n  display: block !important;\r\n}\r\n\r\n\/* === Product Title (max 2 lines, same height) === *\/\r\n.as-top10-scroll ul.products li.product h2,\r\n.as-top10-scroll ul.products li.product .woocommerce-loop-product__title {\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  line-height: 1.3;\r\n  height: 40px; \/* forces equal height *\/\r\n  overflow: hidden;\r\n  margin: 10px 0 6px;\r\n  padding: 0 4px;\r\n}\r\n\r\n\/* === Price Styling === *\/\r\n.as-top10-scroll ul.products li.product .price {\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #0f3764;\r\n}\r\n\r\n\/* === Reset Default Woo Spacing === *\/\r\n.as-top10-scroll ul.products li.product .woocommerce-LoopProduct-link {\r\n  display: block;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n\/* === SALE badge: bigger, bold, and red === *\/\r\n.as-top10-scroll ul.products li.product .onsale {\r\n  background: #e00000 !important;\r\n  color: #fff !important;\r\n  font-size: 18px !important;\r\n  font-weight: 700 !important;\r\n  border-radius: 10px !important;\r\n  padding: 8px 14px !important;\r\n  top: 10px !important;\r\n  left: 10px !important;\r\n  right: auto !important;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 2px 6px rgba(0,0,0,0.15);\r\n  z-index: 20;\r\n}\r\n\r\n\/* === Arrows Wrapper === *\/\r\n.scroll-arrows {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  direction: ltr; \/* keep arrows fixed in LTR order *\/\r\n}\r\n\r\n\/* === Bigger, spaced arrows === *\/\r\n.scroll-btn {\r\n  background: #0f3764;\r\n  color: #fff;\r\n  padding: 20px;\r\n  border: none;\r\n  border-radius: 12px;\r\n  font-size: 26px;\r\n  cursor: pointer;\r\n  position: absolute;\r\n  top: 45%;\r\n  opacity: 0.95;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.25);\r\n  transition: all 0.3s ease;\r\n  z-index: 10;\r\n}\r\n.scroll-btn:hover {\r\n  background: #0077cc;\r\n  opacity: 1;\r\n  transform: scale(1.1);\r\n}\r\n\r\n\/* === Move arrows farther from edges === *\/\r\n.scroll-btn.left { left: -45px; }\r\n.scroll-btn.right { right: -45px; }\r\n\r\n\/* === Responsive Adjustments === *\/\r\n@media (max-width: 768px) {\r\n  .as-top10-scroll ul.products li.product {\r\n    flex: 0 0 180px;\r\n  }\r\n  .as-top10-scroll ul.products li.product img {\r\n    height: 180px !important;\r\n  }\r\n  .scroll-btn {\r\n    display: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', ()=>{\r\n\r\n  const allContainers = document.querySelectorAll('.as-top10-scroll ul.products');\r\n\r\n  allContainers.forEach((container, index) => {\r\n\r\n    if (container.closest('.scroll-arrows')) return;\r\n\r\n    const wrap = document.createElement('div');\r\n    wrap.className = 'scroll-arrows scroll-wrap-' + (index + 1);\r\n    container.parentNode.insertBefore(wrap, container);\r\n    wrap.appendChild(container);\r\n\r\n    const left = document.createElement('button');\r\n    left.className = 'scroll-btn left';\r\n    left.innerHTML = '&#10094;'; \/\/ left arrow\r\n\r\n    const right = document.createElement('button');\r\n    right.className = 'scroll-btn right';\r\n    right.innerHTML = '&#10095;'; \/\/ right arrow\r\n\r\n    wrap.appendChild(left);\r\n    wrap.appendChild(right);\r\n\r\n    left.onclick  = ()=>container.scrollBy({left:-300, behavior:'smooth'});\r\n    right.onclick = ()=>container.scrollBy({left:300, behavior:'smooth'});\r\n  });\r\n\r\n});\r\n<\/script>\r\n\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<div class=\"elementor-element elementor-element-435db1e e-flex e-con-boxed e-con e-parent\" data-id=\"435db1e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c829718 e-con-full e-flex e-con e-child\" data-id=\"c829718\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-10fac13 e-con-full e-flex e-con e-child\" data-id=\"10fac13\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b83daec e-con-full e-flex e-con e-child\" data-id=\"b83daec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-900f567 elementor-widget elementor-widget-heading\" data-id=\"900f567\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\ud83d\udcf1 \u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a \u0627\u0644\u0647\u0648\u0627\u062a\u0641 <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40a53ad e-con-full e-flex e-con e-child\" data-id=\"40a53ad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7691a14 elementor-widget elementor-widget-heading\" data-id=\"7691a14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/alsafwamart.com\/ar\/phone-accessories\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064a\u062f&gt;&gt;<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-2b9642d e-flex e-con-boxed e-con e-parent\" data-id=\"2b9642d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8ac70ae e-con-full e-flex e-con e-child\" data-id=\"8ac70ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a040f7 elementor-widget elementor-widget-shortcode\" data-id=\"1a040f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"woocommerce columns-4 as-top10-scroll\"><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4b630a elementor-widget elementor-widget-html\" data-id=\"c4b630a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* === Horizontal Scroll Base === *\/\r\n.as-top10-scroll ul.products {\r\n  display: flex !important;\r\n  flex-wrap: nowrap !important;\r\n  overflow-x: auto;\r\n  gap: 18px;\r\n  scroll-behavior: smooth;\r\n  padding: 10px 40px; \/* equal top & bottom spacing *\/\r\n  margin: 0;\r\n  scrollbar-width: none;\r\n  direction: ltr; \/* force LTR scrolling even in Arabic *\/\r\n}\r\n.as-top10-scroll ul.products::-webkit-scrollbar { display: none; }\r\n\r\n\/* === Product Cards === *\/\r\n.as-top10-scroll ul.products li.product {\r\n  flex: 0 0 220px;\r\n  scroll-snap-align: start;\r\n  background: #fff;\r\n  border-radius: 12px;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.10);\r\n  text-align: center;\r\n  padding: 10px;\r\n  transition: transform 0.3s ease, box-shadow .3s ease;\r\n}\r\n.as-top10-scroll ul.products li.product:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 4px 14px rgba(0,0,0,0.20);\r\n}\r\n\r\n\/* === Uniform image size (REAL FIX) === *\/\r\n.as-top10-scroll ul.products li.product img,\r\n.as-top10-scroll ul.products li.product .woocommerce-LoopProduct-link img {\r\n  width: 100% !important;\r\n  height: 220px !important;\r\n  object-fit: cover !important;\r\n  object-position: center !important;\r\n  border-radius: 10px;\r\n  background-color: #f8f8f8;\r\n  display: block !important;\r\n}\r\n\r\n\/* === Product Title (max 2 lines, same height) === *\/\r\n.as-top10-scroll ul.products li.product h2,\r\n.as-top10-scroll ul.products li.product .woocommerce-loop-product__title {\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  line-height: 1.3;\r\n  height: 40px; \/* forces equal height *\/\r\n  overflow: hidden;\r\n  margin: 10px 0 6px;\r\n  padding: 0 4px;\r\n}\r\n\r\n\/* === Price Styling === *\/\r\n.as-top10-scroll ul.products li.product .price {\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #0f3764;\r\n}\r\n\r\n\/* === Reset Default Woo Spacing === *\/\r\n.as-top10-scroll ul.products li.product .woocommerce-LoopProduct-link {\r\n  display: block;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n\/* === SALE badge: bigger, bold, and red === *\/\r\n.as-top10-scroll ul.products li.product .onsale {\r\n  background: #e00000 !important;\r\n  color: #fff !important;\r\n  font-size: 18px !important;\r\n  font-weight: 700 !important;\r\n  border-radius: 10px !important;\r\n  padding: 8px 14px !important;\r\n  top: 10px !important;\r\n  left: 10px !important;\r\n  right: auto !important;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 2px 6px rgba(0,0,0,0.15);\r\n  z-index: 20;\r\n}\r\n\r\n\/* === Arrows Wrapper === *\/\r\n.scroll-arrows {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  direction: ltr; \/* keep arrows fixed in LTR order *\/\r\n}\r\n\r\n\/* === Bigger, spaced arrows === *\/\r\n.scroll-btn {\r\n  background: #0f3764;\r\n  color: #fff;\r\n  padding: 20px;\r\n  border: none;\r\n  border-radius: 12px;\r\n  font-size: 26px;\r\n  cursor: pointer;\r\n  position: absolute;\r\n  top: 45%;\r\n  opacity: 0.95;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.25);\r\n  transition: all 0.3s ease;\r\n  z-index: 10;\r\n}\r\n.scroll-btn:hover {\r\n  background: #0077cc;\r\n  opacity: 1;\r\n  transform: scale(1.1);\r\n}\r\n\r\n\/* === Move arrows farther from edges === *\/\r\n.scroll-btn.left { left: -45px; }\r\n.scroll-btn.right { right: -45px; }\r\n\r\n\/* === Responsive Adjustments === *\/\r\n@media (max-width: 768px) {\r\n  .as-top10-scroll ul.products li.product {\r\n    flex: 0 0 180px;\r\n  }\r\n  .as-top10-scroll ul.products li.product img {\r\n    height: 180px !important;\r\n  }\r\n  .scroll-btn {\r\n    display: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', ()=>{\r\n\r\n  const allContainers = document.querySelectorAll('.as-top10-scroll ul.products');\r\n\r\n  allContainers.forEach((container, index) => {\r\n\r\n    if (container.closest('.scroll-arrows')) return;\r\n\r\n    const wrap = document.createElement('div');\r\n    wrap.className = 'scroll-arrows scroll-wrap-' + (index + 1);\r\n    container.parentNode.insertBefore(wrap, container);\r\n    wrap.appendChild(container);\r\n\r\n    const left = document.createElement('button');\r\n    left.className = 'scroll-btn left';\r\n    left.innerHTML = '&#10094;'; \/\/ left arrow\r\n\r\n    const right = document.createElement('button');\r\n    right.className = 'scroll-btn right';\r\n    right.innerHTML = '&#10095;'; \/\/ right arrow\r\n\r\n    wrap.appendChild(left);\r\n    wrap.appendChild(right);\r\n\r\n    left.onclick  = ()=>container.scrollBy({left:-300, behavior:'smooth'});\r\n    right.onclick = ()=>container.scrollBy({left:300, behavior:'smooth'});\r\n  });\r\n\r\n});\r\n<\/script>\r\n\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<div class=\"elementor-element elementor-element-0b5588f e-flex e-con-boxed e-con e-parent\" data-id=\"0b5588f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-581446e e-con-full e-flex e-con e-child\" data-id=\"581446e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7de3885 e-con-full e-flex e-con e-child\" data-id=\"7de3885\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-906e3b6 e-con-full e-flex e-con e-child\" data-id=\"906e3b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42c6bf5 elementor-widget elementor-widget-heading\" data-id=\"42c6bf5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u270f\ufe0f  \u0627\u0644\u0642\u0631\u0637\u0627\u0633\u064a\u0629 <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6abc7b7 e-con-full e-flex e-con e-child\" data-id=\"6abc7b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f175b1b elementor-widget elementor-widget-heading\" data-id=\"f175b1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/alsafwamart.com\/ar\/stationery\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064a\u062f&gt;&gt;<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-febb119 e-flex e-con-boxed e-con e-parent\" data-id=\"febb119\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-51d60b6 e-con-full e-flex e-con e-child\" data-id=\"51d60b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cdf752c elementor-widget elementor-widget-shortcode\" data-id=\"cdf752c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"woocommerce columns-4 as-top10-scroll\"><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ef1da2 elementor-widget elementor-widget-html\" data-id=\"8ef1da2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* === Horizontal Scroll Base === *\/\r\n.as-top10-scroll ul.products {\r\n  display: flex !important;\r\n  flex-wrap: nowrap !important;\r\n  overflow-x: auto;\r\n  gap: 18px;\r\n  scroll-behavior: smooth;\r\n  padding: 10px 40px; \/* equal top & bottom spacing *\/\r\n  margin: 0;\r\n  scrollbar-width: none;\r\n  direction: ltr; \/* force LTR scrolling even in Arabic *\/\r\n}\r\n.as-top10-scroll ul.products::-webkit-scrollbar { display: none; }\r\n\r\n\/* === Product Cards === *\/\r\n.as-top10-scroll ul.products li.product {\r\n  flex: 0 0 220px;\r\n  scroll-snap-align: start;\r\n  background: #fff;\r\n  border-radius: 12px;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.10);\r\n  text-align: center;\r\n  padding: 10px;\r\n  transition: transform 0.3s ease, box-shadow .3s ease;\r\n}\r\n.as-top10-scroll ul.products li.product:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 4px 14px rgba(0,0,0,0.20);\r\n}\r\n\r\n\/* === Uniform image size (REAL FIX) === *\/\r\n.as-top10-scroll ul.products li.product img,\r\n.as-top10-scroll ul.products li.product .woocommerce-LoopProduct-link img {\r\n  width: 100% !important;\r\n  height: 220px !important;\r\n  object-fit: cover !important;\r\n  object-position: center !important;\r\n  border-radius: 10px;\r\n  background-color: #f8f8f8;\r\n  display: block !important;\r\n}\r\n\r\n\/* === Product Title (max 2 lines, same height) === *\/\r\n.as-top10-scroll ul.products li.product h2,\r\n.as-top10-scroll ul.products li.product .woocommerce-loop-product__title {\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  line-height: 1.3;\r\n  height: 40px; \/* forces equal height *\/\r\n  overflow: hidden;\r\n  margin: 10px 0 6px;\r\n  padding: 0 4px;\r\n}\r\n\r\n\/* === Price Styling === *\/\r\n.as-top10-scroll ul.products li.product .price {\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #0f3764;\r\n}\r\n\r\n\/* === Reset Default Woo Spacing === *\/\r\n.as-top10-scroll ul.products li.product .woocommerce-LoopProduct-link {\r\n  display: block;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n\/* === SALE badge: bigger, bold, and red === *\/\r\n.as-top10-scroll ul.products li.product .onsale {\r\n  background: #e00000 !important;\r\n  color: #fff !important;\r\n  font-size: 18px !important;\r\n  font-weight: 700 !important;\r\n  border-radius: 10px !important;\r\n  padding: 8px 14px !important;\r\n  top: 10px !important;\r\n  left: 10px !important;\r\n  right: auto !important;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 2px 6px rgba(0,0,0,0.15);\r\n  z-index: 20;\r\n}\r\n\r\n\/* === Arrows Wrapper === *\/\r\n.scroll-arrows {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  direction: ltr; \/* keep arrows fixed in LTR order *\/\r\n}\r\n\r\n\/* === Bigger, spaced arrows === *\/\r\n.scroll-btn {\r\n  background: #0f3764;\r\n  color: #fff;\r\n  padding: 20px;\r\n  border: none;\r\n  border-radius: 12px;\r\n  font-size: 26px;\r\n  cursor: pointer;\r\n  position: absolute;\r\n  top: 45%;\r\n  opacity: 0.95;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.25);\r\n  transition: all 0.3s ease;\r\n  z-index: 10;\r\n}\r\n.scroll-btn:hover {\r\n  background: #0077cc;\r\n  opacity: 1;\r\n  transform: scale(1.1);\r\n}\r\n\r\n\/* === Move arrows farther from edges === *\/\r\n.scroll-btn.left { left: -45px; }\r\n.scroll-btn.right { right: -45px; }\r\n\r\n\/* === Responsive Adjustments === *\/\r\n@media (max-width: 768px) {\r\n  .as-top10-scroll ul.products li.product {\r\n    flex: 0 0 180px;\r\n  }\r\n  .as-top10-scroll ul.products li.product img {\r\n    height: 180px !important;\r\n  }\r\n  .scroll-btn {\r\n    display: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', ()=>{\r\n\r\n  const allContainers = document.querySelectorAll('.as-top10-scroll ul.products');\r\n\r\n  allContainers.forEach((container, index) => {\r\n\r\n    if (container.closest('.scroll-arrows')) return;\r\n\r\n    const wrap = document.createElement('div');\r\n    wrap.className = 'scroll-arrows scroll-wrap-' + (index + 1);\r\n    container.parentNode.insertBefore(wrap, container);\r\n    wrap.appendChild(container);\r\n\r\n    const left = document.createElement('button');\r\n    left.className = 'scroll-btn left';\r\n    left.innerHTML = '&#10094;'; \/\/ left arrow\r\n\r\n    const right = document.createElement('button');\r\n    right.className = 'scroll-btn right';\r\n    right.innerHTML = '&#10095;'; \/\/ right arrow\r\n\r\n    wrap.appendChild(left);\r\n    wrap.appendChild(right);\r\n\r\n    left.onclick  = ()=>container.scrollBy({left:-300, behavior:'smooth'});\r\n    right.onclick = ()=>container.scrollBy({left:300, behavior:'smooth'});\r\n  });\r\n\r\n});\r\n<\/script>\r\n\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<div class=\"elementor-element elementor-element-cd16c20 e-flex e-con-boxed e-con e-parent\" data-id=\"cd16c20\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b44b016 e-con-full e-flex e-con e-child\" data-id=\"b44b016\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-857ef71 e-con-full e-flex e-con e-child\" data-id=\"857ef71\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8ddb6b7 e-con-full e-flex e-con e-child\" data-id=\"8ddb6b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a712535 elementor-widget elementor-widget-heading\" data-id=\"a712535\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\ud83c\udfae \u0627\u0644\u0623\u0644\u0639\u0627\u0628 <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a9d5330 e-con-full e-flex e-con e-child\" data-id=\"a9d5330\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-346f507 elementor-widget elementor-widget-heading\" data-id=\"346f507\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/alsafwamart.com\/ar\/games\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064a\u062f&gt;&gt;<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-857594f e-flex e-con-boxed e-con e-parent\" data-id=\"857594f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-20d5cde e-con-full e-flex e-con e-child\" data-id=\"20d5cde\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e26d3a8 elementor-widget elementor-widget-shortcode\" data-id=\"e26d3a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"woocommerce columns-4 as-top10-scroll\"><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0df4f39 elementor-widget elementor-widget-html\" data-id=\"0df4f39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* === Horizontal Scroll Base === *\/\r\n.as-top10-scroll ul.products {\r\n  display: flex !important;\r\n  flex-wrap: nowrap !important;\r\n  overflow-x: auto;\r\n  gap: 18px;\r\n  scroll-behavior: smooth;\r\n  padding: 10px 40px; \/* equal top & bottom spacing *\/\r\n  margin: 0;\r\n  scrollbar-width: none;\r\n  direction: ltr; \/* force LTR scrolling even in Arabic *\/\r\n}\r\n.as-top10-scroll ul.products::-webkit-scrollbar { display: none; }\r\n\r\n\/* === Product Cards === *\/\r\n.as-top10-scroll ul.products li.product {\r\n  flex: 0 0 220px;\r\n  scroll-snap-align: start;\r\n  background: #fff;\r\n  border-radius: 12px;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.10);\r\n  text-align: center;\r\n  padding: 10px;\r\n  transition: transform 0.3s ease, box-shadow .3s ease;\r\n}\r\n.as-top10-scroll ul.products li.product:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 4px 14px rgba(0,0,0,0.20);\r\n}\r\n\r\n\/* === Uniform image size (REAL FIX) === *\/\r\n.as-top10-scroll ul.products li.product img,\r\n.as-top10-scroll ul.products li.product .woocommerce-LoopProduct-link img {\r\n  width: 100% !important;\r\n  height: 220px !important;\r\n  object-fit: cover !important;\r\n  object-position: center !important;\r\n  border-radius: 10px;\r\n  background-color: #f8f8f8;\r\n  display: block !important;\r\n}\r\n\r\n\/* === Product Title (max 2 lines, same height) === *\/\r\n.as-top10-scroll ul.products li.product h2,\r\n.as-top10-scroll ul.products li.product .woocommerce-loop-product__title {\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  line-height: 1.3;\r\n  height: 40px; \/* forces equal height *\/\r\n  overflow: hidden;\r\n  margin: 10px 0 6px;\r\n  padding: 0 4px;\r\n}\r\n\r\n\/* === Price Styling === *\/\r\n.as-top10-scroll ul.products li.product .price {\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #0f3764;\r\n}\r\n\r\n\/* === Reset Default Woo Spacing === *\/\r\n.as-top10-scroll ul.products li.product .woocommerce-LoopProduct-link {\r\n  display: block;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n\/* === SALE badge: bigger, bold, and red === *\/\r\n.as-top10-scroll ul.products li.product .onsale {\r\n  background: #e00000 !important;\r\n  color: #fff !important;\r\n  font-size: 18px !important;\r\n  font-weight: 700 !important;\r\n  border-radius: 10px !important;\r\n  padding: 8px 14px !important;\r\n  top: 10px !important;\r\n  left: 10px !important;\r\n  right: auto !important;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 2px 6px rgba(0,0,0,0.15);\r\n  z-index: 20;\r\n}\r\n\r\n\/* === Arrows Wrapper === *\/\r\n.scroll-arrows {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  direction: ltr; \/* keep arrows fixed in LTR order *\/\r\n}\r\n\r\n\/* === Bigger, spaced arrows === *\/\r\n.scroll-btn {\r\n  background: #0f3764;\r\n  color: #fff;\r\n  padding: 20px;\r\n  border: none;\r\n  border-radius: 12px;\r\n  font-size: 26px;\r\n  cursor: pointer;\r\n  position: absolute;\r\n  top: 45%;\r\n  opacity: 0.95;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.25);\r\n  transition: all 0.3s ease;\r\n  z-index: 10;\r\n}\r\n.scroll-btn:hover {\r\n  background: #0077cc;\r\n  opacity: 1;\r\n  transform: scale(1.1);\r\n}\r\n\r\n\/* === Move arrows farther from edges === *\/\r\n.scroll-btn.left { left: -45px; }\r\n.scroll-btn.right { right: -45px; }\r\n\r\n\/* === Responsive Adjustments === *\/\r\n@media (max-width: 768px) {\r\n  .as-top10-scroll ul.products li.product {\r\n    flex: 0 0 180px;\r\n  }\r\n  .as-top10-scroll ul.products li.product img {\r\n    height: 180px !important;\r\n  }\r\n  .scroll-btn {\r\n    display: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', ()=>{\r\n\r\n  const allContainers = document.querySelectorAll('.as-top10-scroll ul.products');\r\n\r\n  allContainers.forEach((container, index) => {\r\n\r\n    if (container.closest('.scroll-arrows')) return;\r\n\r\n    const wrap = document.createElement('div');\r\n    wrap.className = 'scroll-arrows scroll-wrap-' + (index + 1);\r\n    container.parentNode.insertBefore(wrap, container);\r\n    wrap.appendChild(container);\r\n\r\n    const left = document.createElement('button');\r\n    left.className = 'scroll-btn left';\r\n    left.innerHTML = '&#10094;'; \/\/ left arrow\r\n\r\n    const right = document.createElement('button');\r\n    right.className = 'scroll-btn right';\r\n    right.innerHTML = '&#10095;'; \/\/ right arrow\r\n\r\n    wrap.appendChild(left);\r\n    wrap.appendChild(right);\r\n\r\n    left.onclick  = ()=>container.scrollBy({left:-300, behavior:'smooth'});\r\n    right.onclick = ()=>container.scrollBy({left:300, behavior:'smooth'});\r\n  });\r\n\r\n});\r\n<\/script>\r\n\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<div class=\"elementor-element elementor-element-438c907 e-flex e-con-boxed e-con e-parent\" data-id=\"438c907\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-84a0264 e-con-full e-flex e-con e-child\" data-id=\"84a0264\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b0ea62e e-con-full e-flex e-con e-child\" data-id=\"b0ea62e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-67aa80a e-con-full e-flex e-con e-child\" data-id=\"67aa80a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8274348 elementor-widget elementor-widget-heading\" data-id=\"8274348\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"> \ud83c\udf38 \u0627\u0644\u0639\u0637\u0648\u0631<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7051860 e-con-full e-flex e-con e-child\" data-id=\"7051860\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b68f228 elementor-widget elementor-widget-heading\" data-id=\"b68f228\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/alsafwamart.com\/ar\/perfumes\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064a\u062f&gt;&gt;<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-9f44b86 e-flex e-con-boxed e-con e-parent\" data-id=\"9f44b86\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1aa5902 e-con-full e-flex e-con e-child\" data-id=\"1aa5902\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb89949 elementor-widget elementor-widget-shortcode\" data-id=\"cb89949\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"woocommerce columns-4 as-top10-scroll\"><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e42b726 elementor-widget elementor-widget-html\" data-id=\"e42b726\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* === Horizontal Scroll Base === *\/\r\n.as-top10-scroll ul.products {\r\n  display: flex !important;\r\n  flex-wrap: nowrap !important;\r\n  overflow-x: auto;\r\n  gap: 18px;\r\n  scroll-behavior: smooth;\r\n  padding: 10px 40px; \/* equal top & bottom spacing *\/\r\n  margin: 0;\r\n  scrollbar-width: none;\r\n  direction: ltr; \/* force LTR scrolling even in Arabic *\/\r\n}\r\n.as-top10-scroll ul.products::-webkit-scrollbar { display: none; }\r\n\r\n\/* === Product Cards === *\/\r\n.as-top10-scroll ul.products li.product {\r\n  flex: 0 0 220px;\r\n  scroll-snap-align: start;\r\n  background: #fff;\r\n  border-radius: 12px;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.10);\r\n  text-align: center;\r\n  padding: 10px;\r\n  transition: transform 0.3s ease, box-shadow .3s ease;\r\n}\r\n.as-top10-scroll ul.products li.product:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 4px 14px rgba(0,0,0,0.20);\r\n}\r\n\r\n\/* === Uniform image size (REAL FIX) === *\/\r\n.as-top10-scroll ul.products li.product img,\r\n.as-top10-scroll ul.products li.product .woocommerce-LoopProduct-link img {\r\n  width: 100% !important;\r\n  height: 220px !important;\r\n  object-fit: cover !important;\r\n  object-position: center !important;\r\n  border-radius: 10px;\r\n  background-color: #f8f8f8;\r\n  display: block !important;\r\n}\r\n\r\n\/* === Product Title (max 2 lines, same height) === *\/\r\n.as-top10-scroll ul.products li.product h2,\r\n.as-top10-scroll ul.products li.product .woocommerce-loop-product__title {\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  line-height: 1.3;\r\n  height: 40px; \/* forces equal height *\/\r\n  overflow: hidden;\r\n  margin: 10px 0 6px;\r\n  padding: 0 4px;\r\n}\r\n\r\n\/* === Price Styling === *\/\r\n.as-top10-scroll ul.products li.product .price {\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #0f3764;\r\n}\r\n\r\n\/* === Reset Default Woo Spacing === *\/\r\n.as-top10-scroll ul.products li.product .woocommerce-LoopProduct-link {\r\n  display: block;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n\/* === SALE badge: bigger, bold, and red === *\/\r\n.as-top10-scroll ul.products li.product .onsale {\r\n  background: #e00000 !important;\r\n  color: #fff !important;\r\n  font-size: 18px !important;\r\n  font-weight: 700 !important;\r\n  border-radius: 10px !important;\r\n  padding: 8px 14px !important;\r\n  top: 10px !important;\r\n  left: 10px !important;\r\n  right: auto !important;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 2px 6px rgba(0,0,0,0.15);\r\n  z-index: 20;\r\n}\r\n\r\n\/* === Arrows Wrapper === *\/\r\n.scroll-arrows {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  direction: ltr; \/* keep arrows fixed in LTR order *\/\r\n}\r\n\r\n\/* === Bigger, spaced arrows === *\/\r\n.scroll-btn {\r\n  background: #0f3764;\r\n  color: #fff;\r\n  padding: 20px;\r\n  border: none;\r\n  border-radius: 12px;\r\n  font-size: 26px;\r\n  cursor: pointer;\r\n  position: absolute;\r\n  top: 45%;\r\n  opacity: 0.95;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.25);\r\n  transition: all 0.3s ease;\r\n  z-index: 10;\r\n}\r\n.scroll-btn:hover {\r\n  background: #0077cc;\r\n  opacity: 1;\r\n  transform: scale(1.1);\r\n}\r\n\r\n\/* === Move arrows farther from edges === *\/\r\n.scroll-btn.left { left: -45px; }\r\n.scroll-btn.right { right: -45px; }\r\n\r\n\/* === Responsive Adjustments === *\/\r\n@media (max-width: 768px) {\r\n  .as-top10-scroll ul.products li.product {\r\n    flex: 0 0 180px;\r\n  }\r\n  .as-top10-scroll ul.products li.product img {\r\n    height: 180px !important;\r\n  }\r\n  .scroll-btn {\r\n    display: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', ()=>{\r\n\r\n  const allContainers = document.querySelectorAll('.as-top10-scroll ul.products');\r\n\r\n  allContainers.forEach((container, index) => {\r\n\r\n    if (container.closest('.scroll-arrows')) return;\r\n\r\n    const wrap = document.createElement('div');\r\n    wrap.className = 'scroll-arrows scroll-wrap-' + (index + 1);\r\n    container.parentNode.insertBefore(wrap, container);\r\n    wrap.appendChild(container);\r\n\r\n    const left = document.createElement('button');\r\n    left.className = 'scroll-btn left';\r\n    left.innerHTML = '&#10094;'; \/\/ left arrow\r\n\r\n    const right = document.createElement('button');\r\n    right.className = 'scroll-btn right';\r\n    right.innerHTML = '&#10095;'; \/\/ right arrow\r\n\r\n    wrap.appendChild(left);\r\n    wrap.appendChild(right);\r\n\r\n    left.onclick  = ()=>container.scrollBy({left:-300, behavior:'smooth'});\r\n    right.onclick = ()=>container.scrollBy({left:300, behavior:'smooth'});\r\n  });\r\n\r\n});\r\n<\/script>\r\n\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<div class=\"elementor-element elementor-element-da94188 e-flex e-con-boxed e-con e-parent\" data-id=\"da94188\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3be176d e-con-full e-flex e-con e-child\" data-id=\"3be176d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0de26bd e-con-full e-flex e-con e-child\" data-id=\"0de26bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3f76d21 e-con-full e-flex e-con e-child\" data-id=\"3f76d21\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0cf0f87 elementor-widget elementor-widget-heading\" data-id=\"0cf0f87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\ud83c\udf89 \u0627\u0644\u0645\u0648\u0627\u0633\u0645<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d4cb0bc e-con-full e-flex e-con e-child\" data-id=\"d4cb0bc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b1f3c9 elementor-widget elementor-widget-heading\" data-id=\"4b1f3c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/alsafwamart.com\/ar\/seasons\/\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064a\u062f&gt;&gt;<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-2496001 e-flex e-con-boxed e-con e-parent\" data-id=\"2496001\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-cfeb129 e-con-full e-flex e-con e-child\" data-id=\"cfeb129\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c2815e elementor-widget elementor-widget-shortcode\" data-id=\"1c2815e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"woocommerce columns-4 as-top10-scroll\"><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab5320f elementor-widget elementor-widget-html\" data-id=\"ab5320f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* === Horizontal Scroll Base === *\/\r\n.as-top10-scroll ul.products {\r\n  display: flex !important;\r\n  flex-wrap: nowrap !important;\r\n  overflow-x: auto;\r\n  gap: 18px;\r\n  scroll-behavior: smooth;\r\n  padding: 10px 40px; \/* equal top & bottom spacing *\/\r\n  margin: 0;\r\n  scrollbar-width: none;\r\n  direction: ltr; \/* force LTR scrolling even in Arabic *\/\r\n}\r\n.as-top10-scroll ul.products::-webkit-scrollbar { display: none; }\r\n\r\n\/* === Product Cards === *\/\r\n.as-top10-scroll ul.products li.product {\r\n  flex: 0 0 220px;\r\n  scroll-snap-align: start;\r\n  background: #fff;\r\n  border-radius: 12px;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.10);\r\n  text-align: center;\r\n  padding: 10px;\r\n  transition: transform 0.3s ease, box-shadow .3s ease;\r\n}\r\n.as-top10-scroll ul.products li.product:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 4px 14px rgba(0,0,0,0.20);\r\n}\r\n\r\n\/* === Uniform image size (REAL FIX) === *\/\r\n.as-top10-scroll ul.products li.product img,\r\n.as-top10-scroll ul.products li.product .woocommerce-LoopProduct-link img {\r\n  width: 100% !important;\r\n  height: 220px !important;\r\n  object-fit: cover !important;\r\n  object-position: center !important;\r\n  border-radius: 10px;\r\n  background-color: #f8f8f8;\r\n  display: block !important;\r\n}\r\n\r\n\/* === Product Title (max 2 lines, same height) === *\/\r\n.as-top10-scroll ul.products li.product h2,\r\n.as-top10-scroll ul.products li.product .woocommerce-loop-product__title {\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  line-height: 1.3;\r\n  height: 40px; \/* forces equal height *\/\r\n  overflow: hidden;\r\n  margin: 10px 0 6px;\r\n  padding: 0 4px;\r\n}\r\n\r\n\/* === Price Styling === *\/\r\n.as-top10-scroll ul.products li.product .price {\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #0f3764;\r\n}\r\n\r\n\/* === Reset Default Woo Spacing === *\/\r\n.as-top10-scroll ul.products li.product .woocommerce-LoopProduct-link {\r\n  display: block;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n\/* === SALE badge: bigger, bold, and red === *\/\r\n.as-top10-scroll ul.products li.product .onsale {\r\n  background: #e00000 !important;\r\n  color: #fff !important;\r\n  font-size: 18px !important;\r\n  font-weight: 700 !important;\r\n  border-radius: 10px !important;\r\n  padding: 8px 14px !important;\r\n  top: 10px !important;\r\n  left: 10px !important;\r\n  right: auto !important;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 2px 6px rgba(0,0,0,0.15);\r\n  z-index: 20;\r\n}\r\n\r\n\/* === Arrows Wrapper === *\/\r\n.scroll-arrows {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  direction: ltr; \/* keep arrows fixed in LTR order *\/\r\n}\r\n\r\n\/* === Bigger, spaced arrows === *\/\r\n.scroll-btn {\r\n  background: #0f3764;\r\n  color: #fff;\r\n  padding: 20px;\r\n  border: none;\r\n  border-radius: 12px;\r\n  font-size: 26px;\r\n  cursor: pointer;\r\n  position: absolute;\r\n  top: 45%;\r\n  opacity: 0.95;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.25);\r\n  transition: all 0.3s ease;\r\n  z-index: 10;\r\n}\r\n.scroll-btn:hover {\r\n  background: #0077cc;\r\n  opacity: 1;\r\n  transform: scale(1.1);\r\n}\r\n\r\n\/* === Move arrows farther from edges === *\/\r\n.scroll-btn.left { left: -45px; }\r\n.scroll-btn.right { right: -45px; }\r\n\r\n\/* === Responsive Adjustments === *\/\r\n@media (max-width: 768px) {\r\n  .as-top10-scroll ul.products li.product {\r\n    flex: 0 0 180px;\r\n  }\r\n  .as-top10-scroll ul.products li.product img {\r\n    height: 180px !important;\r\n  }\r\n  .scroll-btn {\r\n    display: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', ()=>{\r\n\r\n  const allContainers = document.querySelectorAll('.as-top10-scroll ul.products');\r\n\r\n  allContainers.forEach((container, index) => {\r\n\r\n    if (container.closest('.scroll-arrows')) return;\r\n\r\n    const wrap = document.createElement('div');\r\n    wrap.className = 'scroll-arrows scroll-wrap-' + (index + 1);\r\n    container.parentNode.insertBefore(wrap, container);\r\n    wrap.appendChild(container);\r\n\r\n    const left = document.createElement('button');\r\n    left.className = 'scroll-btn left';\r\n    left.innerHTML = '&#10094;'; \/\/ left arrow\r\n\r\n    const right = document.createElement('button');\r\n    right.className = 'scroll-btn right';\r\n    right.innerHTML = '&#10095;'; \/\/ right arrow\r\n\r\n    wrap.appendChild(left);\r\n    wrap.appendChild(right);\r\n\r\n    left.onclick  = ()=>container.scrollBy({left:-300, behavior:'smooth'});\r\n    right.onclick = ()=>container.scrollBy({left:300, behavior:'smooth'});\r\n  });\r\n\r\n});\r\n<\/script>\r\n\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<div class=\"elementor-element elementor-element-9bad59a e-flex e-con-boxed e-con e-parent\" data-id=\"9bad59a\" 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-197bfb8 elementor-widget elementor-widget-shortcode\" data-id=\"197bfb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u2039 Hot Offers The Mill Consumables Cleaning Supplies Electrical Tools Phone Accessories Stationery Games Perfumes Seasons \u203a \u0639\u0631\u0648\u0636 \u062d\u0635\u0631\u064a\u0629 \u0639\u0631\u0636 [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-72","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/alsafwamart.com\/ar\/wp-json\/wp\/v2\/pages\/72","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alsafwamart.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alsafwamart.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alsafwamart.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alsafwamart.com\/ar\/wp-json\/wp\/v2\/comments?post=72"}],"version-history":[{"count":918,"href":"https:\/\/alsafwamart.com\/ar\/wp-json\/wp\/v2\/pages\/72\/revisions"}],"predecessor-version":[{"id":2111,"href":"https:\/\/alsafwamart.com\/ar\/wp-json\/wp\/v2\/pages\/72\/revisions\/2111"}],"wp:attachment":[{"href":"https:\/\/alsafwamart.com\/ar\/wp-json\/wp\/v2\/media?parent=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}