(() => {
  const mountAgeFinder = () => {
    if (window.location.pathname !== '/' || document.getElementById('hm-age-finder')) return;
    const hero = document.querySelector('main .s-block--hero-slider');
    if (!hero) return;
    const template = document.createElement('template');
    template.innerHTML = "<section class=\"hm-age-finder\" id=\"hm-age-finder\" dir=\"rtl\" aria-labelledby=\"hm-age-finder-title\">\n  <style>\n    .hm-age-finder {\n      --hm-blue: #164b85;\n      --hm-blue-deep: #0d355f;\n      --hm-yellow: #f2bd2e;\n      --hm-ink: #13233a;\n      --hm-muted: #667085;\n      --hm-line: #dce4ec;\n      --hm-surface: #f5f8fb;\n      box-sizing: border-box;\n      width: min(1180px, calc(100% - 32px));\n      margin: clamp(36px, 6vw, 72px) auto;\n      padding: clamp(24px, 5vw, 56px);\n      overflow: hidden;\n      color: var(--hm-ink);\n      background: var(--hm-surface);\n      border: 1px solid #e7edf3;\n      border-radius: 28px;\n      font-family: inherit;\n    }\n    .hm-age-finder *, .hm-age-finder *::before, .hm-age-finder *::after { box-sizing: border-box; }\n    .hm-age-finder__eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      margin: 0 0 12px;\n      color: var(--hm-blue);\n      font-size: 13px;\n      font-weight: 800;\n      letter-spacing: .02em;\n    }\n    .hm-age-finder__eyebrow::before {\n      width: 28px;\n      height: 3px;\n      content: '';\n      background: var(--hm-yellow);\n      border-radius: 99px;\n    }\n    .hm-age-finder__title {\n      margin: 0;\n      color: var(--hm-blue-deep);\n      font-size: clamp(28px, 4vw, 48px);\n      font-weight: 850;\n      line-height: 1.2;\n    }\n    .hm-age-finder__intro {\n      margin: 10px 0 0;\n      color: var(--hm-muted);\n      font-size: clamp(15px, 1.8vw, 18px);\n      line-height: 1.7;\n    }\n    .hm-age-finder__ages {\n      display: grid;\n      grid-template-columns: repeat(5, minmax(0, 1fr));\n      gap: 10px;\n      margin-top: 30px;\n    }\n    .hm-age-finder__age, .hm-age-finder__need {\n      appearance: none;\n      min-height: 76px;\n      color: var(--hm-ink);\n      background: #fff;\n      border: 1px solid var(--hm-line);\n      border-radius: 16px;\n      cursor: pointer;\n      font: inherit;\n      text-align: right;\n      transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease;\n    }\n    .hm-age-finder__age {\n      display: flex;\n      align-items: center;\n      gap: 11px;\n      padding: 14px;\n    }\n    .hm-age-finder__age:hover, .hm-age-finder__need:hover:not(:disabled) {\n      border-color: #94afd0;\n      transform: translateY(-2px);\n    }\n    .hm-age-finder__age[aria-pressed=\"true\"], .hm-age-finder__need[aria-pressed=\"true\"] {\n      color: #fff;\n      background: var(--hm-blue);\n      border-color: var(--hm-blue);\n    }\n    .hm-age-finder__age-number {\n      flex: 0 0 auto;\n      color: #8aa0ba;\n      font-size: 11px;\n      font-weight: 800;\n      font-variant-numeric: tabular-nums;\n    }\n    .hm-age-finder__age[aria-pressed=\"true\"] .hm-age-finder__age-number { color: #ffdc78; }\n    .hm-age-finder__age-copy { display: grid; gap: 4px; }\n    .hm-age-finder__age-copy strong { font-size: 15px; white-space: nowrap; }\n    .hm-age-finder__age-copy small { color: var(--hm-muted); font-size: 11px; white-space: nowrap; }\n    .hm-age-finder__age[aria-pressed=\"true\"] small { color: #dbe9f7; }\n    .hm-age-finder__step-two {\n      margin-top: 34px;\n      padding-top: 30px;\n      border-top: 1px solid var(--hm-line);\n    }\n    .hm-age-finder__step-two[hidden] { display: none; }\n    .hm-age-finder__step-heading {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 20px;\n      margin-bottom: 18px;\n    }\n    .hm-age-finder__step-heading h3 { margin: 0; color: var(--hm-blue-deep); font-size: clamp(20px, 2.8vw, 28px); }\n    .hm-age-finder__change {\n      min-width: 64px;\n      min-height: 44px;\n      padding: 8px 14px;\n      color: var(--hm-blue);\n      background: transparent;\n      border: 0;\n      border-radius: 10px;\n      cursor: pointer;\n      font: inherit;\n      font-weight: 800;\n      text-decoration: underline;\n      text-underline-offset: 4px;\n    }\n    .hm-age-finder__needs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }\n    .hm-age-finder__need {\n      display: grid;\n      grid-template-columns: 46px 1fr auto;\n      align-items: center;\n      gap: 12px;\n      min-height: 72px;\n      padding: 12px 16px;\n    }\n    .hm-age-finder__need-icon {\n      display: grid;\n      width: 42px;\n      height: 42px;\n      place-items: center;\n      color: var(--hm-blue);\n      background: #edf4fb;\n      border-radius: 12px;\n      font-size: 21px;\n    }\n    .hm-age-finder__need[aria-pressed=\"true\"] .hm-age-finder__need-icon { color: var(--hm-blue-deep); background: var(--hm-yellow); }\n    .hm-age-finder__need-label { font-weight: 800; }\n    .hm-age-finder__availability { color: #8a5260; font-size: 11px; white-space: nowrap; }\n    .hm-age-finder__need:disabled { cursor: not-allowed; opacity: .58; background: #f3f5f7; }\n    .hm-age-finder__action {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      min-height: 54px;\n      margin-top: 18px;\n      padding: 12px 20px;\n      color: #fff;\n      background: var(--hm-blue);\n      border: 1px solid var(--hm-blue);\n      border-radius: 14px;\n      cursor: pointer;\n      font: inherit;\n      font-size: 16px;\n      font-weight: 850;\n      transition: background-color .18s ease, transform .18s ease;\n    }\n    .hm-age-finder__action:hover:not(:disabled) { background: var(--hm-blue-deep); transform: translateY(-1px); }\n    .hm-age-finder__action:disabled { color: #8794a3; background: #e1e7ed; border-color: #e1e7ed; cursor: not-allowed; }\n    .hm-age-finder button:focus-visible { outline: 3px solid var(--hm-yellow); outline-offset: 3px; }\n    .hm-age-finder__status { min-height: 24px; margin: 10px 2px 0; color: var(--hm-muted); font-size: 13px; }\n    @media (max-width: 860px) {\n      .hm-age-finder__ages {\n        display: flex;\n        width: calc(100% + 12px);\n        padding: 2px 0 10px 12px;\n        overflow-x: auto;\n        scroll-snap-type: x proximity;\n        scrollbar-width: thin;\n      }\n      .hm-age-finder__age { flex: 0 0 min(180px, 72vw); scroll-snap-align: start; }\n    }\n    @media (max-width: 560px) {\n      .hm-age-finder { width: calc(100% - 20px); padding: 24px 16px; border-radius: 20px; }\n      .hm-age-finder__needs { grid-template-columns: 1fr; }\n      .hm-age-finder__step-heading { align-items: flex-start; }\n    }\n    @media (prefers-reduced-motion: reduce) {\n      .hm-age-finder *, .hm-age-finder *::before, .hm-age-finder *::after {\n        scroll-behavior: auto !important;\n        transition-duration: .01ms !important;\n        animation-duration: .01ms !important;\n      }\n    }\n  </style>\n  <div class=\"hm-age-finder__header\">\n    <p class=\"hm-age-finder__eyebrow\">دليل الاختيار السريع</p>\n    <h2 class=\"hm-age-finder__title\" id=\"hm-age-finder-title\">تسوّق حسب عمر طفلك</h2>\n    <p class=\"hm-age-finder__intro\">اختيارات آمنة وممتعة لكل مرحلة</p>\n  </div>\n  <div class=\"hm-age-finder__ages\" role=\"group\" aria-label=\"اختر عمر طفلك\">\n          <button class=\"hm-age-finder__age\" type=\"button\" data-age=\"0-6m\" aria-pressed=\"false\">\n            <span class=\"hm-age-finder__age-number\" aria-hidden=\"true\">01</span>\n            <span class=\"hm-age-finder__age-copy\">\n              <strong>0–6 أشهر</strong>\n              <small>البدايات الأولى</small>\n            </span>\n          </button>\n          <button class=\"hm-age-finder__age\" type=\"button\" data-age=\"6-12m\" aria-pressed=\"false\">\n            <span class=\"hm-age-finder__age-number\" aria-hidden=\"true\">02</span>\n            <span class=\"hm-age-finder__age-copy\">\n              <strong>6–12 شهر</strong>\n              <small>وقت الاكتشاف</small>\n            </span>\n          </button>\n          <button class=\"hm-age-finder__age\" type=\"button\" data-age=\"1-2y\" aria-pressed=\"false\">\n            <span class=\"hm-age-finder__age-number\" aria-hidden=\"true\">03</span>\n            <span class=\"hm-age-finder__age-copy\">\n              <strong>1–2 سنة</strong>\n              <small>خطوات واثقة</small>\n            </span>\n          </button>\n          <button class=\"hm-age-finder__age\" type=\"button\" data-age=\"3-5y\" aria-pressed=\"false\">\n            <span class=\"hm-age-finder__age-number\" aria-hidden=\"true\">04</span>\n            <span class=\"hm-age-finder__age-copy\">\n              <strong>3–5 سنوات</strong>\n              <small>خيال بلا حدود</small>\n            </span>\n          </button>\n          <button class=\"hm-age-finder__age\" type=\"button\" data-age=\"6plus\" aria-pressed=\"false\">\n            <span class=\"hm-age-finder__age-number\" aria-hidden=\"true\">05</span>\n            <span class=\"hm-age-finder__age-copy\">\n              <strong>6+ سنوات</strong>\n              <small>مهارات أكبر</small>\n            </span>\n          </button>\n  </div>\n  <div class=\"hm-age-finder__step-two\" hidden>\n    <div class=\"hm-age-finder__step-heading\">\n      <h3>ماذا يحتاج طفلك الآن؟</h3>\n      <button class=\"hm-age-finder__change\" type=\"button\">تغيير العمر</button>\n    </div>\n    <div class=\"hm-age-finder__needs\" role=\"group\" aria-label=\"اختر احتياج طفلك\">\n          <button class=\"hm-age-finder__need\" type=\"button\" data-need=\"sleep-rest\" aria-pressed=\"false\">\n            <span class=\"hm-age-finder__need-icon\" aria-hidden=\"true\">☾</span>\n            <span class=\"hm-age-finder__need-label\">النوم والراحة</span>\n            <small class=\"hm-age-finder__availability\"></small>\n          </button>\n          <button class=\"hm-age-finder__need\" type=\"button\" data-need=\"mobility\" aria-pressed=\"false\">\n            <span class=\"hm-age-finder__need-icon\" aria-hidden=\"true\">↗</span>\n            <span class=\"hm-age-finder__need-label\">الحركة والتنقل</span>\n            <small class=\"hm-age-finder__availability\"></small>\n          </button>\n          <button class=\"hm-age-finder__need\" type=\"button\" data-need=\"learn-play\" aria-pressed=\"false\">\n            <span class=\"hm-age-finder__need-icon\" aria-hidden=\"true\">✦</span>\n            <span class=\"hm-age-finder__need-label\">التعلم واللعب</span>\n            <small class=\"hm-age-finder__availability\"></small>\n          </button>\n          <button class=\"hm-age-finder__need\" type=\"button\" data-need=\"feeding-care\" aria-pressed=\"false\">\n            <span class=\"hm-age-finder__need-icon\" aria-hidden=\"true\">♡</span>\n            <span class=\"hm-age-finder__need-label\">الطعام والعناية</span>\n            <small class=\"hm-age-finder__availability\"></small>\n          </button>\n    </div>\n    <button class=\"hm-age-finder__action\" type=\"button\" disabled>اعرض المنتجات المناسبة</button>\n    <p class=\"hm-age-finder__status\" aria-live=\"polite\"></p>\n  </div>\n  \n</section>";
    const root = template.content.firstElementChild;
    if (!root) return;
    hero.insertAdjacentElement('afterend', root);
    (() => {
      const root = document.getElementById('hm-age-finder');
      if (!root || root.dataset.ready === 'true') return;
      root.dataset.ready = 'true';
      const routes = {"0-6m|sleep-rest":{"url":"https://hallmark2030.com/0-6-أشهر-النوم-والراحة/c1796102734","count":6},"0-6m|mobility":{"url":"https://hallmark2030.com/0-6-أشهر-الحركة-والتنقل/c846972490","count":2},"0-6m|learn-play":{"url":"https://hallmark2030.com/0-6-أشهر-التعلم-واللعب/c380737608","count":2},"0-6m|feeding-care":{"url":"https://hallmark2030.com/0-6-أشهر-الطعام-والعناية/c205579595","count":1},"6-12m|sleep-rest":{"url":"https://hallmark2030.com/6-12-شهر-النوم-والراحة/c1580008532","count":6},"6-12m|mobility":{"url":"https://hallmark2030.com/6-12-شهر-الحركة-والتنقل/c671753045","count":7},"6-12m|learn-play":{"url":"https://hallmark2030.com/6-12-شهر-التعلم-واللعب/c563773520","count":4},"6-12m|feeding-care":{"url":"https://hallmark2030.com/6-12-شهر-الطعام-والعناية/c1936174929","count":5},"1-2y|sleep-rest":{"url":"https://hallmark2030.com/1-2-سنة-النوم-والراحة/c1296879186","count":1},"1-2y|mobility":{"url":"https://hallmark2030.com/1-2-سنة-الحركة-والتنقل/c986917725","count":8},"1-2y|learn-play":{"url":"https://hallmark2030.com/1-2-سنة-التعلم-واللعب/c1544926810","count":3},"1-2y|feeding-care":{"url":"https://hallmark2030.com/1-2-سنة-الطعام-والعناية/c703780187","count":4},"3-5y|mobility":{"url":"https://hallmark2030.com/3-5-سنوات-الحركة-والتنقل/c1436816037","count":2},"3-5y|learn-play":{"url":"https://hallmark2030.com/3-5-سنوات-التعلم-واللعب/c662778278","count":1},"3-5y|feeding-care":{"url":"https://hallmark2030.com/3-5-سنوات-الطعام-والعناية/c1903055015","count":2}};
      const ageButtons = [...root.querySelectorAll('[data-age]')];
      const needButtons = [...root.querySelectorAll('[data-need]')];
      const stepTwo = root.querySelector('.hm-age-finder__step-two');
      const changeButton = root.querySelector('.hm-age-finder__change');
      const action = root.querySelector('.hm-age-finder__action');
      const status = root.querySelector('.hm-age-finder__status');
      let selectedAge = null;
      let selectedNeed = null;

      const announce = message => { status.textContent = message; };
      const event = (name, detail) => {
        window.dataLayer = window.dataLayer || [];
        window.dataLayer.push({event: name, ...detail});
      };
      const selectedAgeLabel = () => ageButtons.find(button => button.dataset.age === selectedAge)?.querySelector('strong')?.textContent || '';
      const routeFor = needKey => routes[selectedAge + '|' + needKey] || null;

      const updateNeeds = () => {
        needButtons.forEach(button => {
          const available = Boolean(routeFor(button.dataset.need));
          button.disabled = !available;
          button.setAttribute('aria-pressed', String(button.dataset.need === selectedNeed));
          button.querySelector('.hm-age-finder__availability').textContent = available ? '' : 'قريباً';
        });
        const destination = selectedNeed ? routeFor(selectedNeed) : null;
        action.disabled = !destination;
      };

      ageButtons.forEach(button => button.addEventListener('click', () => {
        selectedAge = button.dataset.age;
        selectedNeed = null;
        ageButtons.forEach(item => item.setAttribute('aria-pressed', String(item === button)));
        stepTwo.hidden = false;
        updateNeeds();
        announce('تم اختيار عمر ' + selectedAgeLabel() + '. اختر احتياج طفلك.');
        event('age_finder_age_selected', {age_key: selectedAge});
        stepTwo.scrollIntoView({behavior: matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth', block: 'nearest'});
      }));

      needButtons.forEach(button => button.addEventListener('click', () => {
        if (button.disabled) return;
        selectedNeed = button.dataset.need;
        updateNeeds();
        announce('تم اختيار ' + button.querySelector('.hm-age-finder__need-label').textContent + '. يمكنك الآن عرض المنتجات المناسبة.');
        event('age_finder_need_selected', {age_key: selectedAge, need_key: selectedNeed});
      }));

      changeButton.addEventListener('click', () => {
        selectedAge = null;
        selectedNeed = null;
        ageButtons.forEach(button => button.setAttribute('aria-pressed', 'false'));
        stepTwo.hidden = true;
        announce('اختر عمر طفلك.');
        ageButtons[0]?.focus();
      });

      action.addEventListener('click', () => {
        const destination = selectedNeed ? routeFor(selectedNeed) : null;
        if (!destination) {
          announce('هذه المجموعة غير متاحة حالياً');
          return;
        }
        event('age_finder_results_clicked', {age_key: selectedAge, need_key: selectedNeed, product_count: destination.count});
        window.location.assign(destination.url);
      });
    })();
  };

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', mountAgeFinder, {once: true});
  } else {
    mountAgeFinder();
  }
})();

;(() => {
  const id = 'hm-premium-home-style';
  const mount = () => {
    if (window.location.pathname !== '/') return;
    if (!document.getElementById(id)) {
      const style = document.createElement('style');
      style.id = id;
      style.textContent = ":root {\n  --hm-blue: #12366f;\n  --hm-blue-strong: #0b2857;\n  --hm-yellow: #f6c945;\n  --hm-yellow-soft: #fff4bf;\n  --hm-canvas: #f7f4ec;\n  --hm-surface: #ffffff;\n  --hm-text: #17253d;\n  --hm-muted: #647084;\n  --hm-border: rgba(18, 54, 111, 0.12);\n  --hm-radius-control: 14px;\n  --hm-radius-card: 24px;\n  --hm-shadow-card: 0 16px 48px rgba(18, 54, 111, 0.08);\n  --hm-shadow-hover: 0 22px 56px rgba(18, 54, 111, 0.14);\n}\n\nbody.index.theme-raed.hm-home-enhanced {\n  background: var(--hm-canvas);\n  color: var(--hm-text);\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n\nbody.index.theme-raed.hm-home-enhanced .top-navbar {\n  min-height: 36px;\n  max-height: 40px;\n  overflow: hidden;\n  color: var(--hm-muted);\n  background: #f4f6f9;\n  border-bottom: 1px solid rgba(18, 54, 111, 0.06);\n}\n\nbody.index.theme-raed.hm-home-enhanced .store-header {\n  background: rgba(255, 255, 255, 0.96);\n  border-bottom: 1px solid var(--hm-border);\n  box-shadow: 0 8px 30px rgba(18, 54, 111, 0.05);\n  backdrop-filter: blur(14px);\n}\n\nbody.index.theme-raed.hm-home-enhanced .store-header input[type=\"search\"],\nbody.index.theme-raed.hm-home-enhanced .store-header input[placeholder*=\"البحث\"],\nbody.index.theme-raed.hm-home-enhanced .store-header .s-search-input {\n  min-height: 44px;\n  color: var(--hm-text);\n  background: #f7f9fc;\n  border: 1px solid transparent;\n  border-radius: var(--hm-radius-control);\n  transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;\n}\n\nbody.index.theme-raed.hm-home-enhanced .store-header input[type=\"search\"]:focus-visible,\nbody.index.theme-raed.hm-home-enhanced .store-header input[placeholder*=\"البحث\"]:focus-visible,\nbody.index.theme-raed.hm-home-enhanced .store-header .s-search-input:focus-visible {\n  outline: 3px solid rgba(246, 201, 69, 0.55);\n  outline-offset: 2px;\n  background: var(--hm-surface);\n  border-color: var(--hm-blue);\n}\n\nbody.index.theme-raed.hm-home-enhanced main > .s-block--hero-slider {\n  position: relative;\n  height: clamp(440px, 40vw, 540px);\n  overflow: hidden;\n  isolation: isolate;\n}\n\nbody.index.theme-raed.hm-home-enhanced main > .s-block--hero-slider salla-slider,\nbody.index.theme-raed.hm-home-enhanced main > .s-block--hero-slider salla-slider > div,\nbody.index.theme-raed.hm-home-enhanced main > .s-block--hero-slider .swiper-slide,\nbody.index.theme-raed.hm-home-enhanced main > .s-block--hero-slider .home-slider__content {\n  height: 100%;\n  min-height: 100%;\n}\n\nbody.index.theme-raed.hm-home-enhanced main > .s-block--hero-slider::after {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  content: \"\";\n  pointer-events: none;\n  background: linear-gradient(90deg, rgba(4, 28, 70, 0.08), rgba(4, 28, 70, 0.5));\n}\n\nbody.index.theme-raed.hm-home-enhanced main > .s-block--hero-slider h2,\nbody.index.theme-raed.hm-home-enhanced main > .s-block--hero-slider p,\nbody.index.theme-raed.hm-home-enhanced main > .s-block--hero-slider .hm-hero-actions {\n  position: relative;\n  z-index: 2;\n  width: min(620px, 100%);\n  text-shadow: 0 2px 18px rgba(3, 24, 61, 0.42);\n}\n\nbody.index.theme-raed.hm-home-enhanced main > .s-block--hero-slider h2 {\n  margin-bottom: 14px;\n  color: #fff;\n  font-size: clamp(34px, 4vw, 58px);\n  font-weight: 850;\n  line-height: 1.18;\n  letter-spacing: -0.025em;\n}\n\nbody.index.theme-raed.hm-home-enhanced main > .s-block--hero-slider p {\n  color: rgba(255, 255, 255, 0.94);\n  font-size: clamp(16px, 1.6vw, 20px);\n  line-height: 1.75;\n}\n\nbody.index.theme-raed.hm-home-enhanced .hm-hero-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-top: 26px;\n}\n\nbody.index.theme-raed.hm-home-enhanced .hm-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 48px;\n  padding: 0 24px;\n  border: 1px solid transparent;\n  border-radius: var(--hm-radius-control);\n  font-size: 15px;\n  font-weight: 800;\n  line-height: 1;\n  text-decoration: none;\n  text-shadow: none;\n  transition: transform 180ms ease, background 180ms ease, color 180ms ease, box-shadow 180ms ease;\n}\n\nbody.index.theme-raed.hm-home-enhanced .hm-button--primary {\n  color: var(--hm-blue-strong);\n  background: var(--hm-yellow);\n  box-shadow: 0 12px 28px rgba(246, 201, 69, 0.28);\n}\n\nbody.index.theme-raed.hm-home-enhanced .hm-button--secondary {\n  color: #fff;\n  background: rgba(255, 255, 255, 0.13);\n  border-color: rgba(255, 255, 255, 0.68);\n  backdrop-filter: blur(8px);\n}\n\nbody.index.theme-raed.hm-home-enhanced .hm-button:hover {\n  transform: translateY(-2px);\n}\n\nbody.index.theme-raed.hm-home-enhanced .hm-button--primary:hover {\n  background: #ffda5d;\n}\n\nbody.index.theme-raed.hm-home-enhanced .hm-button--secondary:hover {\n  color: var(--hm-blue-strong);\n  background: #fff;\n}\n\nbody.index.theme-raed.hm-home-enhanced .hm-button:focus-visible,\nbody.index.theme-raed.hm-home-enhanced .s-block__display-all:focus-visible,\nbody.index.theme-raed.hm-home-enhanced custom-salla-product-card a:focus-visible,\nbody.index.theme-raed.hm-home-enhanced custom-salla-product-card button:focus-visible {\n  outline: 3px solid var(--hm-yellow);\n  outline-offset: 3px;\n}\n\nbody.index.theme-raed.hm-home-enhanced #hm-age-finder,\nbody.index.theme-raed.hm-home-enhanced main > .s-block--banners,\nbody.index.theme-raed.hm-home-enhanced main > .s-block.container,\nbody.index.theme-raed.hm-home-enhanced main > .s-block--features,\nbody.index.theme-raed.hm-home-enhanced main > .s-block--bundle-faq-with-images,\nbody.index.theme-raed.hm-home-enhanced main > .s-block--testimonials {\n  margin-top: clamp(48px, 7vw, 88px);\n  margin-bottom: clamp(48px, 7vw, 88px);\n}\n\nbody.index.theme-raed.hm-home-enhanced #hm-age-finder {\n  background: #f3f7fc;\n  border-color: rgba(18, 54, 111, 0.1);\n  box-shadow: 0 20px 60px rgba(18, 54, 111, 0.06);\n}\n\nbody.index.theme-raed.hm-home-enhanced #hm-age-finder button {\n  min-height: 44px;\n}\n\nbody.index.theme-raed.hm-home-enhanced #hm-age-finder button:focus-visible {\n  outline: 3px solid rgba(246, 201, 69, 0.72);\n  outline-offset: 3px;\n}\n\nbody.index.theme-raed.hm-home-enhanced .hm-section-hidden {\n  display: none !important;\n}\n\nbody.index.theme-raed.hm-home-enhanced .hm-trust-strip {\n  display: grid;\n  width: min(1180px, calc(100% - 32px));\n  margin: -28px auto clamp(52px, 7vw, 88px);\n  overflow: hidden;\n  background: var(--hm-surface);\n  border: 1px solid var(--hm-border);\n  border-radius: var(--hm-radius-card);\n  box-shadow: var(--hm-shadow-card);\n}\n\nbody.index.theme-raed.hm-home-enhanced .hm-trust-item {\n  display: grid;\n  grid-template-columns: 44px 1fr;\n  column-gap: 14px;\n  align-items: center;\n  min-height: 112px;\n  padding: 22px 26px;\n}\n\nbody.index.theme-raed.hm-home-enhanced .hm-trust-item + .hm-trust-item {\n  border-inline-start: 1px solid var(--hm-border);\n}\n\nbody.index.theme-raed.hm-home-enhanced .hm-trust-item > span {\n  display: grid;\n  grid-row: 1 / span 2;\n  place-items: center;\n  width: 44px;\n  height: 44px;\n  color: var(--hm-blue-strong);\n  background: var(--hm-yellow-soft);\n  border-radius: 15px;\n  font-size: 20px;\n  font-weight: 900;\n}\n\nbody.index.theme-raed.hm-home-enhanced .hm-trust-item strong {\n  color: var(--hm-blue-strong);\n  font-size: 16px;\n  font-weight: 850;\n}\n\nbody.index.theme-raed.hm-home-enhanced .hm-trust-item small {\n  color: var(--hm-muted);\n  font-size: 13px;\n  line-height: 1.5;\n}\n\nbody.index.theme-raed.hm-home-enhanced .s-block__title {\n  align-items: end;\n  margin-bottom: 26px;\n}\n\nbody.index.theme-raed.hm-home-enhanced .s-block__title h2 {\n  color: var(--hm-blue-strong);\n  font-size: clamp(26px, 3vw, 40px);\n  font-weight: 850;\n  line-height: 1.22;\n  letter-spacing: -0.02em;\n}\n\nbody.index.theme-raed.hm-home-enhanced .s-block__display-all {\n  min-height: 44px;\n  padding: 10px 16px;\n  color: var(--hm-blue);\n  border-radius: 12px;\n  font-weight: 800;\n  transition: color 180ms ease, background 180ms ease;\n}\n\nbody.index.theme-raed.hm-home-enhanced .s-block__display-all:hover {\n  color: var(--hm-blue-strong);\n  background: var(--hm-yellow-soft);\n}\n\nbody.index.theme-raed.hm-home-enhanced main > .s-block--banners article {\n  position: relative;\n  overflow: hidden;\n  min-height: 250px;\n  border-radius: var(--hm-radius-card);\n  box-shadow: var(--hm-shadow-card);\n  transition: transform 220ms ease, box-shadow 220ms ease;\n}\n\nbody.index.theme-raed.hm-home-enhanced main > .s-block--banners a:hover article {\n  transform: translateY(-4px);\n  box-shadow: var(--hm-shadow-hover);\n}\n\nbody.index.theme-raed.hm-home-enhanced main > .s-block--banners article::after {\n  position: absolute;\n  inset: 0;\n  content: \"\";\n  pointer-events: none;\n  background: linear-gradient(0deg, rgba(7, 32, 73, 0.82), rgba(7, 32, 73, 0.04) 68%);\n}\n\nbody.index.theme-raed.hm-home-enhanced main > .s-block--banners article h3,\nbody.index.theme-raed.hm-home-enhanced main > .s-block--banners article p {\n  position: relative;\n  z-index: 1;\n  color: #fff;\n  text-shadow: 0 2px 16px rgba(4, 23, 54, 0.5);\n}\n\nbody.index.theme-raed.hm-home-enhanced custom-salla-product-card.s-product-card-entry {\n  overflow: hidden;\n  height: 100%;\n  background: var(--hm-surface);\n  border: 1px solid var(--hm-border);\n  border-radius: var(--hm-radius-card);\n  box-shadow: 0 10px 32px rgba(18, 54, 111, 0.06);\n  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;\n}\n\nbody.index.theme-raed.hm-home-enhanced custom-salla-product-card.s-product-card-entry:hover {\n  transform: translateY(-5px);\n  border-color: rgba(18, 54, 111, 0.22);\n  box-shadow: var(--hm-shadow-hover);\n}\n\nbody.index.theme-raed.hm-home-enhanced custom-salla-product-card .s-product-card-image {\n  aspect-ratio: 1 / 1;\n  overflow: hidden;\n  background: #f2f5f8;\n}\n\nbody.index.theme-raed.hm-home-enhanced custom-salla-product-card .s-product-card-image img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 360ms ease;\n}\n\nbody.index.theme-raed.hm-home-enhanced custom-salla-product-card:hover .s-product-card-image img {\n  transform: scale(1.035);\n}\n\nbody.index.theme-raed.hm-home-enhanced custom-salla-product-card .s-product-card-content {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  padding: 18px;\n}\n\nbody.index.theme-raed.hm-home-enhanced custom-salla-product-card .s-product-card-content-title {\n  display: -webkit-box;\n  min-height: 3em;\n  overflow: hidden;\n  color: var(--hm-text);\n  font-size: 16px;\n  font-weight: 800;\n  line-height: 1.5;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n}\n\nbody.index.theme-raed.hm-home-enhanced custom-salla-product-card .s-product-card-content-subtitle {\n  margin-top: 5px;\n  color: var(--hm-muted);\n  font-size: 12px;\n}\n\nbody.index.theme-raed.hm-home-enhanced custom-salla-product-card .s-product-card-price {\n  color: var(--hm-blue-strong);\n  font-size: 19px;\n  font-weight: 900;\n}\n\nbody.index.theme-raed.hm-home-enhanced custom-salla-product-card .s-product-card-content-footer {\n  margin-top: auto;\n  padding-top: 14px;\n}\n\nbody.index.theme-raed.hm-home-enhanced custom-salla-product-card salla-add-product-button button {\n  min-height: 44px;\n  color: #fff;\n  background: var(--hm-blue);\n  border-color: var(--hm-blue);\n  border-radius: var(--hm-radius-control);\n  font-weight: 850;\n  transition: transform 180ms ease, color 180ms ease, background 180ms ease, border-color 180ms ease;\n}\n\nbody.index.theme-raed.hm-home-enhanced custom-salla-product-card salla-add-product-button button:hover:not(:disabled) {\n  color: var(--hm-blue-strong);\n  background: var(--hm-yellow);\n  border-color: var(--hm-yellow);\n  transform: translateY(-1px);\n}\n\nbody.index.theme-raed.hm-home-enhanced custom-salla-product-card salla-add-product-button button:disabled {\n  color: #7c8797;\n  background: #edf0f4;\n  border-color: #d9dee6;\n  cursor: not-allowed;\n  opacity: 1;\n}\n\nbody.index.theme-raed.hm-home-enhanced main > .s-block--features {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background: var(--hm-surface);\n  border: 1px solid var(--hm-border);\n  border-radius: var(--hm-radius-card);\n  box-shadow: var(--hm-shadow-card);\n}\n\nbody.index.theme-raed.hm-home-enhanced main > .s-block--bundle-faq-with-images,\nbody.index.theme-raed.hm-home-enhanced main > .s-block--testimonials {\n  overflow: hidden;\n  border-radius: var(--hm-radius-card);\n}\n\n@media (min-width: 768px) {\n  body.index.theme-raed.hm-home-enhanced .hm-trust-strip {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  body.index.theme-raed.hm-home-enhanced main > .s-block--hero-slider .hm-hero-actions {\n    justify-content: flex-start;\n  }\n}\n\n@media (max-width: 767px) {\n  body.index.theme-raed.hm-home-enhanced .top-navbar {\n    display: none;\n  }\n\n  body.index.theme-raed.hm-home-enhanced .store-header {\n    min-height: 72px;\n  }\n\n  body.index.theme-raed.hm-home-enhanced main > .s-block--hero-slider {\n    height: 420px;\n  }\n\n  body.index.theme-raed.hm-home-enhanced main > .s-block--hero-slider::after {\n    background: linear-gradient(0deg, rgba(4, 28, 70, 0.68), rgba(4, 28, 70, 0.08) 78%);\n  }\n\n  body.index.theme-raed.hm-home-enhanced main > .s-block--hero-slider h2 {\n    font-size: clamp(30px, 9vw, 42px);\n  }\n\n  body.index.theme-raed.hm-home-enhanced .hm-hero-actions {\n    flex-direction: column;\n    width: 100%;\n  }\n\n  body.index.theme-raed.hm-home-enhanced .hm-button {\n    width: 100%;\n    min-height: 48px;\n  }\n\n  body.index.theme-raed.hm-home-enhanced #hm-age-finder,\n  body.index.theme-raed.hm-home-enhanced main > .s-block--banners,\n  body.index.theme-raed.hm-home-enhanced main > .s-block.container,\n  body.index.theme-raed.hm-home-enhanced main > .s-block--features,\n  body.index.theme-raed.hm-home-enhanced main > .s-block--bundle-faq-with-images,\n  body.index.theme-raed.hm-home-enhanced main > .s-block--testimonials {\n    margin-top: 44px;\n    margin-bottom: 44px;\n  }\n\n  body.index.theme-raed.hm-home-enhanced .hm-trust-strip {\n    grid-template-columns: 1fr;\n    margin-top: -16px;\n  }\n\n  body.index.theme-raed.hm-home-enhanced .hm-trust-item {\n    min-height: 96px;\n    padding: 18px 20px;\n  }\n\n  body.index.theme-raed.hm-home-enhanced .hm-trust-item + .hm-trust-item {\n    border-top: 1px solid var(--hm-border);\n    border-inline-start: 0;\n  }\n\n  body.index.theme-raed.hm-home-enhanced .s-block__title {\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 20px;\n  }\n\n  body.index.theme-raed.hm-home-enhanced .s-block__title h2 {\n    font-size: 26px;\n  }\n\n  body.index.theme-raed.hm-home-enhanced main > .s-block--banners article {\n    min-height: 210px;\n    border-radius: 20px;\n  }\n\n  body.index.theme-raed.hm-home-enhanced custom-salla-product-card.s-product-card-entry {\n    border-radius: 20px;\n  }\n\n  body.index.theme-raed.hm-home-enhanced custom-salla-product-card .s-product-card-content {\n    padding: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  body.index.theme-raed.hm-home-enhanced *,\n  body.index.theme-raed.hm-home-enhanced *::before,\n  body.index.theme-raed.hm-home-enhanced *::after {\n    scroll-behavior: auto !important;\n    transition-duration: 0.01ms !important;\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n  }\n}\n";
      document.head.appendChild(style);
    }
    function renderHeroActions() {
  return `<nav class="hm-hero-actions" aria-label="روابط التسوق السريعة">
    <a class="hm-button hm-button--primary" href="#hm-age-finder">تسوق حسب العمر</a>
    <a class="hm-button hm-button--secondary" href="/latest-products">الأكثر مبيعاً</a>
  </nav>`;
}

function renderTrustStrip() {
  return `<section class="hm-trust-strip" aria-label="مزايا التسوق">
    <div class="hm-trust-item"><span aria-hidden="true">✓</span><strong>منتجات أصلية</strong><small>اختيارات موثوقة لطفلك</small></div>
    <div class="hm-trust-item"><span aria-hidden="true">⌁</span><strong>دفع آمن</strong><small>خيارات دفع موثوقة</small></div>
    <div class="hm-trust-item"><span aria-hidden="true">↗</span><strong>توصيل سريع</strong><small>إلى جميع مناطق المملكة</small></div>
  </section>`;
}

function organizeHomepage(document) {
  const fixedBanner = document.querySelector('main > .s-block--fixed-banner');
  const showcase = document.querySelector('main > .s-block--bundle-categories-showcase');
  const faq = document.querySelector('main > .s-block--bundle-faq-with-images');
  const testimonials = document.querySelector('main > .s-block--testimonials');
  const productSections = [...document.querySelectorAll('main > .s-block.container')]
    .filter(section => section.querySelector('salla-products-list'));
  const secondary = productSections.find(section =>
    section.querySelector('h2')?.textContent.trim() === 'كرسي سيارة الأطفال'
  );

  let hiddenSecondary = false;
  let movedBanner = false;
  let movedTestimonials = false;

  if (secondary) {
    secondary.classList.add('hm-section-hidden');
    secondary.setAttribute('aria-hidden', 'true');
    hiddenSecondary = true;
  }
  if (fixedBanner && showcase && showcase.nextElementSibling !== fixedBanner) {
    showcase.insertAdjacentElement('afterend', fixedBanner);
    movedBanner = true;
  }
  if (faq && testimonials && testimonials.nextElementSibling !== faq) {
    faq.insertAdjacentElement('beforebegin', testimonials);
    movedTestimonials = true;
  }

  return {hiddenSecondary, movedBanner, movedTestimonials};
}

function enhanceHomepage(document) {
  const body = document.body;
  if (!body?.classList.contains('index')) return {enhanced: false, reason: 'not-homepage'};
  if (body.classList.contains('hm-home-enhanced')) return {enhanced: false, reason: 'already-enhanced'};

  const hero = document.querySelector('main > .s-block--hero-slider');
  const finder = document.querySelector('#hm-age-finder');
  if (!hero || !finder) return {enhanced: false, reason: 'missing-anchor'};

  if (!hero.querySelector('.hm-hero-actions')) {
    const copy = hero.querySelector('p');
    (copy ?? hero).insertAdjacentHTML('afterend', renderHeroActions());
  }
  if (!document.querySelector('.hm-trust-strip')) {
    finder.insertAdjacentHTML('afterend', renderTrustStrip());
  }

  organizeHomepage(document);

  body.classList.add('hm-home-enhanced');
  return {enhanced: true, reason: 'enhanced'};
}

enhanceHomepage(document);
  };
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', mount, {once: true});
  } else {
    mount();
  }
})();