/*بدور*/
(function(){const inject=()=>{const target=document.querySelector('.Bdour');if(!target)return;target.innerHTML=`<div class="aq-main-wrapper"><div class="aq-scent-wave"></div><div class="aq-container"><div class="aq-row"><div class="aq-col-img"><div class="aq-floating" style="position:relative"><div style="position:absolute;inset:0;background:#5c0701;opacity:0.05;border-radius:60px;filter:blur(40px);z-index:-1"></div><div class="aq-mystery-mask"><img src="https://cdn.salla.sa/form-builder/aw1A8KbRZd6WtvRoOmyWuvaiHCPsOKZf8xLpfv7J.jpg" alt="بدور القرشي"></div><div class="aq-quote-card"><p class="aq-font-title" style="color:var(--aq-red);font-style:italic;font-weight:900;font-size:15px;line-height:1.6;margin:0">"نحن لا نصنع عطوراً، بل نبتكر لغةً تتجاوز الحواس لتصل إلى جوهر الروح."</p></div></div></div><div class="aq-col-text"><header><div class="aq-badge-wrap"><span class="aq-dot"></span><span style="color:var(--aq-red);font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase">Pioneering Fragrance Intellectual</span></div><h2 class="aq-title aq-font-title">بدور القرشي <span style="font-family:'Tajawal';color:var(--aq-red);font-style:italic;display:block">ما وراء النغمات</span></h2></header><p class="aq-desc aq-font-body">بفكرٍ يمزج بين العلم والفلسفة، تقود بدور القرشي ثورة في مفهوم العطر؛ حيث تحول براءة اختراعها العالمية وعضويتها في جامعة هارفارد إلى "لغة حواس" تتجاوز التقليد، لتوثق تفردها الفكري في كتابها الرائد "مروستاني".</p><div class="aq-highlights"><div class="aq-edge-card"><i class="sicon-gold-badge aq-red-icon"></i><h4 style="font-weight:900;font-size:14px;margin-bottom:4px">براءة اختراع</h4><p style="font-size:11px;color:#666;font-weight:700">قوة الابتكار التقني</p></div><div class="aq-edge-card"><i class="sicon-checklist aq-red-icon"></i><h4 style="font-weight:900;font-size:14px;margin-bottom:4px">هارفارد أمريكا</h4><p style="font-size:11px;color:#666;font-weight:700">التميز العالمي</p></div><div class="aq-edge-card"><i class="sicon-book-open aq-red-icon"></i><h4 style="font-weight:900;font-size:14px;margin-bottom:4px">مروستاني</h4><p style="font-size:11px;color:#666;font-weight:700">فلسفة العطر</p></div></div><a href="https://salla.sa/bqperfume.com/p/oqmPY" class="aq-btn-primary aq-font-body">اكتشف فلسفة العطر</a></div></div></div></div>`};if(document.readyState==='complete'){inject()}else{window.addEventListener('load',inject)}})();
/*END*/
/*زر اشتري الان*/
(()=>{const C=".s-fast-checkout-button{background:var(--aq-white)!important;color:var(--aq-black)!important;border:1.5px solid var(--aq-black)!important;font-family:'Tajawal',sans-serif!important;font-weight:900!important;letter-spacing:0!important;box-shadow:none!important;transition:all .25s ease!important}.s-fast-checkout-button:hover{background:var(--aq-black)!important;color:var(--aq-white)!important;transform:translateY(-2px)!important}.s-fast-checkout-button svg{color:currentColor!important}";const A=w=>{if(!w||!w.shadowRoot)return;if(!w.shadowRoot.getElementById("aqs")){let s=document.createElement("style");s.id="aqs";s.textContent=C;w.shadowRoot.appendChild(s)}let b=w.shadowRoot.querySelector(".s-fast-checkout-button");if(b){b.style.background="var(--aq-white)";b.style.color="var(--aq-black)";b.style.border="1.5px solid var(--aq-black)";b.style.boxShadow="none";b.style.fontFamily="'Tajawal',sans-serif";b.style.fontWeight="900";b.style.transition="all .25s ease"}};const S=()=>document.querySelectorAll("salla-mini-checkout-widget").forEach(A);S();new MutationObserver(()=>S()).observe(document.documentElement,{childList:true,subtree:true})})();
/*END*/
/*--الزوار--*/
!function(){let e=document.createElement("div");e.id="visitor-counter",e.innerHTML=`
    <div class="dot"></div>
    <span id="visitor-number">+120 زائر الآن</span>
  `,document.body.appendChild(e);let t=()=>{document.getElementById("visitor-number").textContent=`+${Math.floor(3701*Math.random())+800} زائر الآن`};t(),setInterval(t,5e3)}();
/*--تم شراءه*/
function generateFixedNumberFromString(str, min = 7532, max = 9152) {
  let hash = 0;
  for (let i = 0; i < str.length; i++) {
    hash = str.charCodeAt(i) + ((hash << 5) - hash);
  }
  const normalized = Math.abs(hash) % (max - min + 1);
  return normalized + min;
}
document.addEventListener('DOMContentLoaded', function () {
  const parentWrapper = document.querySelector('.flex.flex-col.space-y-5.mb-5');
  if (!parentWrapper) return;

  const existingCount = parentWrapper.querySelector('.product-count-sale')?.parentElement;

  if (existingCount) {
    const numberSpan = existingCount.querySelector('span span');
    if (numberSpan) {
      const current = parseInt(numberSpan.textContent.replace(/,/g, ''), 10);
      const updated = current + 6982;
      numberSpan.textContent = updated.toLocaleString();
    }
  } else {
    const productPath = window.location.pathname;
    const generatedNumber = generateFixedNumberFromString(productPath);
    const newDiv = document.createElement('div');
    newDiv.className = "flex text-[#f11e1e] flex-grow shrink-0";
    newDiv.innerHTML = `
      <span class="product-count-sale rtl:ml-1.5 ltr:mr-1.5">
        <svg xmlns="http://www.w3.org/2000/svg" class="w-5" viewBox="0 0 512.165 512.165">
          <g><g>
            <path d="m437.476 320.656c-.004-.05-.007-.101-.011-.15..." fill="#ff001e"></path>
            <path d="m296.687 260.081c-3.792-5.657-10.918-8.056..." fill="#ffeb00"></path>
          </g></g>
        </svg>
      </span>
      تم شراءه
      <span>&nbsp;<span>${generatedNumber.toLocaleString()}</span> مرة</span>
    `;
    parentWrapper.appendChild(newDiv);
  }
});
/*تم شراءه مره واحدة*/
(function(){"use strict";const t=()=>{const e=document.body;if(document.getElementById("visitor-counter"))return;let n=document.createElement("div");n.id="visitor-counter";n.innerHTML='<div class="dot"></div><span id="visitor-number">+120 زائر الآن</span>';e.appendChild(n);setInterval(()=>{const e=document.getElementById("visitor-number");if(e)e.textContent=`+${Math.floor(3701*Math.random())+800} زائر الآن`},5e3)};const e=()=>{const e=document.querySelector(".flex.flex-col.space-y-5.mb-5");if(!e||e.querySelector(".product-count-sale"))return;const t=window.location.pathname,r=window.location.href,o=((e,t=7532,n=9152)=>{let r=0;for(let t=0;t<e.length;t++)r=e.charCodeAt(t)+((r<<5)-r);return Math.abs(r)%(n-t+1)+t})(t);const c=document.createElement("div");c.className="flex text-[#f11e1e] flex-grow shrink-0";let i=`${o.toLocaleString()} مرة`;if(r.indexOf("azAYoKZ")>-1||r.indexOf("wAdOjBN")>-1)i="مرة واحدة فقط";c.innerHTML=`<span class="product-count-sale rtl:ml-1.5 ltr:mr-1.5"><svg xmlns="http://www.w3.org/2000/svg" class="w-5" viewBox="0 0 512.165 512.165"><path d="m437.476 320.656c-.004-.05-.007-.101-.011-.15" fill="#ff001e"></path></svg></span> تم شراءه ${i}`;e.appendChild(c)};const n=()=>{const e=window.location.href;if(!e.includes("/perfume-filter/")&&!e.includes("/p/zplXx"))return;};const r=()=>{t();e();n()};if(document.readyState==="loading")window.addEventListener("DOMContentLoaded",r);else r()})();
/*END*/
/*باقي 6 قطع*/
(function(){"use strict";const r=()=>{const e=document.body;if(document.getElementById("visitor-counter"))return;let t=document.createElement("div");t.id="visitor-counter";t.innerHTML='<div class="dot"></div><span id="visitor-number">+120 زائر الآن</span>';e.appendChild(t);setInterval(()=>{const e=document.getElementById("visitor-number");if(e)e.textContent=`+${Math.floor(3701*Math.random())+800} زائر الآن`},5e3)};const n=()=>{const e=document.querySelector(".flex.flex-col.space-y-5.mb-5");if(!e||e.querySelector(".product-count-sale"))return;const t=window.location.pathname,r=((e,t=7532,n=9152)=>{let o=0;for(let t=0;t<e.length;t++)o=e.charCodeAt(t)+((o<<5)-o);return Math.abs(o)%(n-t+1)+t})(t);const n=document.createElement("div");n.className="flex text-[#f11e1e] flex-grow shrink-0";n.innerHTML=`<span class="product-count-sale rtl:ml-1.5 ltr:mr-1.5"><svg xmlns="http://www.w3.org/2000/svg" class="w-5" viewBox="0 0 512.165 512.165"><path d="m437.476 320.656c-.004-.05-.007-.101-.011-.15" fill="#ff001e"></path></svg></span> تم شراءه <span>&nbsp;<span>${r.toLocaleString()}</span> مرة</span>`;e.appendChild(n)};const o=()=>{if(window.location.href.indexOf("azAYoKZ")>-1){const e=document.querySelector('.flex.text-\\[\\#f11e1e\\].flex-grow.shrink-0');if(e){const t=e.querySelector(".product-count-sale");if(t){Array.from(e.childNodes).forEach(e=>{if(e.nodeType===3)e.textContent=""});if(!e.contains(t))e.prepend(t)}}}};const c=()=>{const e=window.location.href;if(!e.includes("/perfume-filter/")&&!e.includes("/p/zplXx"))return;const t=document.head,r=[{id:"font-awesome-css",type:"link",rel:"stylesheet",href:"https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/css/all.min.css"},{id:"google-fonts-css",type:"link",rel:"stylesheet",href:"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Tajawal:wght@300;400;500;700&display=swap"}];r.forEach(e=>{if(!document.getElementById(e.id)){const r=document.createElement(e.type);Object.keys(e).forEach(t=>{"type"!==t&&r.setAttribute(t,e[t])});t.appendChild(r)}});document.body.classList.add("perfume-filter-active");const n=document.querySelector(".content-entry");if(n){n.innerHTML='<div id="perfume-filter-app-container">...</div>';/* منطق الفلتر هنا */}if(window.salla&&window.salla.element)window.salla.element.load(".s-button-wrap")};const i=()=>{r();n();o();c()};if(document.readyState==="loading")window.addEventListener("DOMContentLoaded",i);else i()})();
/*END*/
/*----Filtter-Start----*/
(function () {
    "use strict";
  const currentUrl = window.location.href;
  const isTargetPage = currentUrl.includes('/zplXx/') || currentUrl.includes('/p/zplXx');
  if (!isTargetPage) return;
  function addHeadResourcesAndStyles() {
    const head = document.head;
    const resources = [
      {
        id: 'font-awesome-css',
        type: 'link',
        rel: 'stylesheet',
        href: 'https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/css/all.min.css'
      },
      {
        id: 'google-fonts-css',
        type: 'link',
        rel: 'stylesheet',
        href: 'https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Tajawal:wght@300;400;500;700&display=swap'
      }
    ];

    resources.forEach((resource) => {
      if (!document.getElementById(resource.id)) {
        const el = document.createElement(resource.type);
        Object.keys(resource).forEach((key) => {
          if (key !== 'type') el.setAttribute(key, resource[key]);
        });
        head.appendChild(el);
      }
    });
    const customStyles = `
      body.perfume-filter-active { background: #f8f9fa !important; }
      .perfume-filter-container .content--single-page, .perfume-filter-container .content-entry { background-color: transparent !important; padding: 0 !important; border: none !important; box-shadow: none !important; }
      .amiri-font { font-family: 'Amiri', serif !important; font-size: 2rem; }
      #perfume-filter-app-container h1.amiri-font { color: #212529 !important; }
      #perfume-filter-app-container p, #perfume-filter-app-container h2, #perfume-filter-app-container h3 { font-family: 'Tajawal', sans-serif ; color: #212529 !important; }
      #perfume-filter-app-container .text-gray-400 { color: #6c757d !important; }
      .card-luxury { background: #ffffff !important; backdrop-filter: none !important; border: 1px solid #dee2e6 !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07) !important; }
      .btn-main { background-color: #E53E3E !important; color: #FFFFFF !important; transition: all 0.3s ease !important; border-radius: 9999px !important; padding: 0.75rem 2rem !important; font-weight: 600 !important; }
      .btn-main:hover { transform: translateY(-2px) !important; background-color: #c53030 !important; box-shadow: 0 10px 25px rgba(229, 62, 62, 0.4) !important; }
      .option-card { background: #f8f9fa !important; border: 2px solid #e9ecef !important; transition: all 0.3s ease !important; cursor: pointer !important; }
      .option-card:hover { border-color: #E53E3E !important; background: #f1f3f5 !important; }
      .option-card.selected { border-color: #E53E3E !important; background: #feebec !important; }
      .option-card i { color: #495057 !important; }
      .dropdown-custom { appearance: none !important; -webkit-appearance: none !important; background: #ffffff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23343a40%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E') no-repeat right 1rem center / 10px !important; border: 2px solid #ced4da !important; color: #495057 !important; transition: all 0.3s ease !important; padding: 1rem !important; padding-right: 2.5rem !important; border-radius: 0.75rem !important; }
      .step-indicator { width: 40px !important; height: 40px !important; border-radius: 50% !important; background: #e9ecef !important; border: 2px solid #dee2e6 !important; color: #495057 !important; font-weight: bold !important; transition: all 0.3s ease !important; display:flex; align-items:center; justify-content:center; }
      .step-indicator.active { background: #E53E3E !important; border-color: #E53E3E !important; color: #FFFFFF !important; }
      .step-indicator.completed { background: #C53030 !important; border-color: #C53030 !important; color: white !important; }
      h1{display:none !important;}
      .notice-alt { background:#fff5f5; color:#C53030; border:1px solid #feb2b2; border-radius:12px; }
    `;
    const styleElementId = 'perfume-filter-styles';
    if (!document.getElementById(styleElementId)) {
      const styleElement = document.createElement('style');
      styleElement.id = styleElementId;
      styleElement.textContent = customStyles;
      head.appendChild(styleElement);
    }
  }
  function run() {
    addHeadResourcesAndStyles();
    document.body.classList.add('perfume-filter-active');
    const EXCLUDED_TOKENS = [];
    const MIN_RESULTS = 3;
    const FALLBACK_LIMIT = 1; 

    const filterHTML = `
      <div id="perfume-filter-app-container">
        <div class="text-center mb-12 pt-8">
          <h2 class="text-5xl font-bold mb-4 amiri-font">بدور القرشي | للعطور</h2>
          <p class="text-xl mb-2">أول براند سعودي حاصل على براءة اختراع في صناعة العطور</p>
          <p class="text-lg text-gray-400">شَيءٌ ما ينقُصك، رُبما أمل، رُبما نسيان، رُبما عطري</p>
          <div class="w-32 h-1 bg-gradient-to-r from-transparent via-red-500 to-transparent mx-auto mt-6"></div>
        </div>

        <div class="flex justify-center items-center mb-12">
          <div class="flex items-center space-x-4 space-x-reverse">
            <div class="step-indicator" id="step1-indicator"><i class="fas fa-user"></i></div><div class="w-16 h-1 bg-gray-300" id="progress1"></div>
            <div class="step-indicator" id="step2-indicator"><i class="fas fa-clock"></i></div><div class="w-16 h-1 bg-gray-300" id="progress2"></div>
            <div class="step-indicator" id="step3-indicator"><i class="fas fa-star"></i></div><div class="w-16 h-1 bg-gray-300" id="progress3"></div>
            <div class="step-indicator" id="step4-indicator"><i class="fas fa-heart"></i></div>
          </div>
        </div>

        <div class="max-w-5xl mx-auto">
          <div class="card-luxury rounded-3xl p-4 md:p-8 mb-8">
            <div id="step1" class="filter-step">
              <h2 class="text-3xl font-bold text-center mb-8">اختر شخصيتك العطرية</h2>
              <div class="mb-8">
                <h3 class="text-xl font-semibold mb-4">الجنس</h3>
                <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                  <div class="option-card rounded-xl p-6 text-center" data-question="gender" data-value="male"><i class="fas fa-mars text-3xl mb-3"></i><p class="font-semibold">رجالي</p></div>
                  <div class="option-card rounded-xl p-6 text-center" data-question="gender" data-value="female"><i class="fas fa-venus text-3xl mb-3"></i><p class="font-semibold">نسائي</p></div>
                  <div class="option-card rounded-xl p-6 text-center" data-question="gender" data-value="unisex"><i class="fas fa-venus-mars text-3xl mb-3"></i><p class="font-semibold">يونيسكس</p></div>
                </div>
              </div>

              <div class="mb-8">
                <h3 class="text-xl font-semibold mb-4">السن</h3>
                <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
                  <div class="option-card rounded-xl p-4 text-center" data-question="age" data-value="18-24"><p class="font-semibold">18-24</p></div>
                  <div class="option-card rounded-xl p-4 text-center" data-question="age" data-value="25-34"><p class="font-semibold">25-34</p></div>
                  <div class="option-card rounded-xl p-4 text-center" data-question="age" data-value="35-44"><p class="font-semibold">35-44</p></div>
                  <div class="option-card rounded-xl p-4 text-center" data-question="age" data-value="45+"><p class="font-semibold">45+</p></div>
                </div>
              </div>

              <div class="mb-8">
                <h3 class="text-xl font-semibold mb-4">البرج</h3>
                <select id="zodiac-select" class="w-full dropdown-custom">
                  <option value="">اختر برجك...</option>
                  <option value="aries">الحمل</option>
                  <option value="taurus">الثور</option>
                  <option value="gemini">الجوزاء</option>
                  <option value="cancer">السرطان</option>
                  <option value="leo">الأسد</option>
                  <option value="virgo">العذراء</option>
                  <option value="libra">الميزان</option>
                  <option value="scorpio">العقرب</option>
                  <option value="sagittarius">القوس</option>
                  <option value="capricorn">الجدي</option>
                  <option value="aquarius">الدلو</option>
                  <option value="pisces">الحوت</option>
                </select>
              </div>

              <div class="mb-8">
                <h3 class="text-xl font-semibold mb-4">الشخصية</h3>
                <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4">
                  <div class="option-card rounded-xl p-6 text-center" data-question="personality" data-value="classic"><i class="fas fa-crown text-3xl mb-3"></i><p class="font-semibold">كلاسيكي</p></div>
                  <div class="option-card rounded-xl p-6 text-center" data-question="personality" data-value="modern"><i class="fas fa-rocket text-3xl mb-3"></i><p class="font-semibold">عصري</p></div>
                  <div class="option-card rounded-xl p-6 text-center" data-question="personality" data-value="bold"><i class="fas fa-fire text-3xl mb-3"></i><p class="font-semibold">جريء</p></div>
                  <div class="option-card rounded-xl p-6 text-center" data-question="personality" data-value="romantic"><i class="fas fa-heart text-3xl mb-3"></i><p class="font-semibold">رومانسي</p></div>
                  <div class="option-card rounded-xl p-6 text-center" data-question="personality" data-value="serious"><i class="fas fa-user-tie text-3xl mb-3"></i><p class="font-semibold">جاد</p></div>
                </div>
              </div>
            </div>

            <div id="step2" class="filter-step hidden">
              <h2 class="text-3xl font-bold text-center mb-8">متى ستستخدم العطر؟</h2>
              <div class="mb-8">
                <h3 class="text-xl font-semibold mb-4">الوقت المفضل</h3>
                <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                  <div class="option-card rounded-xl p-6 text-center" data-question="time" data-value="morning"><i class="fas fa-sun text-3xl mb-3"></i><p class="font-semibold">صباحي</p></div>
                  <div class="option-card rounded-xl p-6 text-center" data-question="time" data-value="night"><i class="fas fa-moon text-3xl mb-3"></i><p class="font-semibold">ليلي</p></div>
                </div>
              </div>
              <div class="mb-8">
                <h3 class="text-xl font-semibold mb-4">المناسبة</h3>
                <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4">
                  <div class="option-card rounded-xl p-6 text-center" data-question="occasion" data-value="work"><i class="fas fa-briefcase text-3xl mb-3"></i><p class="font-semibold">العمل</p></div>
                  <div class="option-card rounded-xl p-6 text-center" data-question="occasion" data-value="party"><i class="fas fa-glass-cheers text-3xl mb-3"></i><p class="font-semibold">السهرات</p></div>
                  <div class="option-card rounded-xl p-6 text-center" data-question="occasion" data-value="daily"><i class="fas fa-calendar-day text-3xl mb-3"></i><p class="font-semibold">يومي</p></div>
                  <div class="option-card rounded-xl p-6 text-center" data-question="occasion" data-value="special"><i class="fas fa-gift text-3xl mb-3"></i><p class="font-semibold">مناسبات خاصة</p></div>
                  <div class="option-card rounded-xl p-6 text-center" data-question="occasion" data-value="important_meeting"><i class="fas fa-handshake text-3xl mb-3"></i><p class="font-semibold">اجتماع هام</p></div>
                </div>
              </div>
            </div>

            <div id="step3" class="filter-step hidden">
              <h2 class="text-3xl font-bold text-center mb-8">اختر تفضيلاتك العطرية</h2>
              <div class="mb-8">
                <h3 class="text-xl font-semibold mb-4">النوتات المفضلة</h3>
                <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                  <div class="option-card rounded-xl p-6 text-center" data-question="noteType" data-value="oriental"><i class="fas fa-mosque text-3xl mb-3"></i><p class="font-semibold">شرقية</p></div>
                  <div class="option-card rounded-xl p-6 text-center" data-question="noteType" data-value="french"><i class="fas fa-wine-bottle text-3xl mb-3"></i><p class="font-semibold">فرنسية</p></div>
                  <div class="option-card rounded-xl p-6 text-center" data-question="noteType" data-value="mixed"><i class="fas fa-palette text-3xl mb-3"></i><p class="font-semibold">مختلطة</p></div>
                </div>
              </div>
              <div class="mb-8">
                <h3 class="text-xl font-semibold mb-4">قوة العطر</h3>
                <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                  <div class="option-card rounded-xl p-6 text-center" data-question="intensity" data-value="light"><i class="fas fa-feather text-3xl mb-3"></i><p class="font-semibold">خفيف</p></div>
                  <div class="option-card rounded-xl p-6 text-center" data-question="intensity" data-value="medium"><i class="fas fa-adjust text-3xl mb-3"></i><p class="font-semibold">متوسط</p></div>
                  <div class="option-card rounded-xl p-6 text-center" data-question="intensity" data-value="strong"><i class="fas fa-bolt text-3xl mb-3"></i><p class="font-semibold">قوي</p></div>
                </div>
              </div>
            </div>

            <div id="step4" class="filter-step hidden">
              <h2 class="text-3xl font-bold text-center mb-8">اقتراحاتنا لك</h2>
              <div id="results" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6"></div>
            </div>

            <div class="flex justify-between mt-8">
              <button id="prevBtn" class="btn-main"><i class="fas fa-arrow-right ml-2"></i> السابق</button>
              <button id="nextBtn" class="btn-main mr-auto">التالي <i class="fas fa-arrow-left mr-2"></i></button>
              <button id="resetBtn" class="bg-gray-500 hover:bg-gray-600 text-white px-8 py-3 rounded-full font-semibold"><i class="fas fa-redo mr-2"></i> إعادة البدء</button>
            </div>
          </div>
        </div>
      </div>
    `;

    const targetContainer = document.querySelector('.content-entry');
    if (!targetContainer) {
      console.error('Perfume Filter: Target container (.content-entry) not found.');
      return;
    }
    targetContainer.innerHTML = filterHTML;
    targetContainer.closest('.content--single-page')?.classList.add('perfume-filter-container');

    const valueMap = {
      'رجالي': 'male',
      'نسائي': 'female',
      'يونيسكس': 'unisex',
      'كلاسيكي': 'classic',
      'كلاسيك': 'classic',
      'عصري': 'modern',
      'جريء': 'bold',
      'جرئ': 'bold',
      'رومانسي': 'romantic',
      'جاد': 'serious',
      'صباحي': 'morning',
      'ليلي': 'night',
      'العمل': 'work',
      'السهرات': 'party',
      'يومي': 'daily',
      'مناسبات خاصة': 'special',
      'اجتماع هام': 'important_meeting',
      'شرقية': 'oriental',
      'فرنسية': 'french',
      'مختلطة': 'mixed',
      'خفيف': 'light',
      'متوسط': 'medium',
      'قوي': 'strong'
    };

    const parseFilter = (value, allOptions) => {
      if (value.trim() === 'كله') return allOptions;
      return value.split(',').map((item) => {
        const trimmedItem = item.trim().replace('+', '').toLowerCase();
        return valueMap[trimmedItem] || trimmedItem;
      });
    };

    const allGenders = ['male', 'female', 'unisex'];
    const allAges = ['18-24', '25-34', '35-44', '45+'];
    const allPersonalities = ['classic', 'modern', 'bold', 'romantic', 'serious'];
    const allTimes = ['morning', 'night'];
    const allOccasions = ['work', 'party', 'daily', 'special', 'important_meeting'];
    const allNoteTypes = ['oriental', 'french', 'mixed'];
    const allIntensities = ['light', 'medium', 'strong'];
        // --- Perfume Database ---
        const perfumes = [{
            filters: {
                gender: parseFilter('كله', allGenders),
                age: parseFilter('كله', allAges),
                personality: parseFilter('كله', allPersonalities),
                time: parseFilter('ليلي', allTimes),
                occasion: parseFilter('كله', allOccasions),
                noteType: parseFilter('كله', allNoteTypes),
                intensity: parseFilter('قوي', allIntensities)
            },
            html: `<custom-salla-product-card class="product-card has-image hover_style_1 product-card--rounded product-card--primary-buttons product-card--simplified product-card--enhanced-btn product-card--vertical product-card--fit-height product-card--has-second-image" id="product-837343815"><div class="product-card__image"><a href="https://bqperfumes.com/ar/XWxnrn"><img class="h-full w-full main-image transition-opacity hover:opacity-90 lazy object-cover loaded" src="https://cdn.salla.sa/PvWoO/f7f21752-62fb-4a8d-9f16-a44340debc3c-500x500-9T7F6dVjEH8GtpxGOUrzP2SDVImKK0LCJhzInl6M.png" alt="عطر مخدر"><img alt="عطر مخدر" src="https://cdn.salla.sa/PvWoO/0ad74cf3-8d82-4375-b7c5-17c2ba937be0-769.64560862866x1000-jeK0QCex5mn2DhPQuv1KLXmXFpeEIiityqjZPk9O.jpg" class="second-image w-full h-full hover:opacity-90 transition-opacity object-cover"></a><div class="product-card__actions"><div class="wishlist" data-title="إضافة لقائمة الأمنيات"><salla-button shape="icon" fill="outline" color="primary" aria-label="Add or remove to wishlist " class="btn--wishlist heart-next-add-button animated not-added un-favorited s-button-wrap hydrated" onclick="salla.wishlist.toggle(837343815)" data-id="837343815"><button shape="icon" aria-label="Add or remove to wishlist " class="btn--wishlist heart-next-add-button animated not-added un-favorited s-button-element s-button-icon s-button-outline s-button-primary-outline s-button-loader-center" data-id="837343815" type="button"><span class="s-button-text"><i class="sicon-heart"></i></span></button></salla-button></div><div class="quickview-btn" data-title="عرض سريع"><salla-button fill="outline" data-product-id="837343815" aria-label="Quick view" class="s-button-wrap hydrated" shape="btn" color="primary"><button data-product-id="837343815" aria-label="Quick view" type="button" class="undefined s-button-element s-button-btn s-button-outline s-button-primary-outline s-button-loader-after"><span class="s-button-text"><i class="sicon-eye"></i></span></button></salla-button></div></div><div class="product-card__addToCart"><salla-add-product-button class="product-card__addToCart__btn hydrated" aria-label="Add to cart button" product-id="837343815" product-status="sale" product-type="product"><div class="w-full"><salla-button aria-label="Add to cart button" product-id="837343815" product-status="sale" product-type="product" loader-position="center" class="s-button-wrap hydrated" shape="btn" color="primary" fill="solid"><button aria-label="Add to cart button" product-id="837343815" product-status="sale" product-type="product" loader-position="center" type="button" class="undefined s-button-element s-button-btn s-button-solid s-button-primary s-button-loader-center"><span class="s-button-text"><i class="text-[16px] sicon-shopping"></i> إضافة للسلة</span></button></salla-button></div></salla-add-product-button></div></div><div class="product-card__content"><div class="product-card__content-wrapper"><div class="product-card__title"><a href="https://bqperfumes.com/ar/XWxnrn">عطر مخدر</a></div><p class="product-card__subtitle text-sm text-store-text-secondary leading-6 mb-2.5">انت مُخدر في احضاني</p><div class="flex product-card__price whitespace-nowrap price-wrapper gap-4 items-center justify-center"><div class="starting-or-normal-price gap-2 items-center flex"><h2 class="total-price font-bold inline-block text-store-text-secondary"> ٢٨٧ <i class="sicon-sar"></i></h2></div></div></div></div></custom-salla-product-card>`
        }, {
            filters: {
                gender: parseFilter('كله', allGenders),
                age: parseFilter('كله', allAges),
                personality: parseFilter('كله', allPersonalities),
                time: parseFilter('ليلي', allTimes),
                occasion: parseFilter('كله', allOccasions),
                noteType: parseFilter('كله', allNoteTypes),
                intensity: parseFilter('قوي', allIntensities)
            },
            html: `<custom-salla-product-card class="product-card has-image hover_style_1 product-card--rounded product-card--primary-buttons product-card--simplified product-card--enhanced-btn product-card--vertical product-card--fit-height product-card--has-second-image" id="product-1980115900"><div class="product-card__image"><a href="https://bqperfumes.com/ar/qAvdbe"><img class="h-full w-full main-image transition-opacity hover:opacity-90 lazy object-cover loaded" src="https://cdn.salla.sa/PvWoO/72a63a01-52db-448f-bff2-215477284419-500x500-VtYpSnm8MvzNm3AMf7O43QZRwC62A1MdpmsYteq8.png" alt="عطر كونياك"><img alt="عطر كونياك" src="https://cdn.salla.sa/PvWoO/375f529b-69f7-4b7b-92ae-d2445239ab6b-1000x1000-4nxXwOgoIOA4wL7Ym2gpNIEj4F1JS0MRa3eNV2ld.png" class="second-image w-full h-full hover:opacity-90 transition-opacity object-cover"></a><div class="product-card__actions"><div class="wishlist" data-title="إضافة لقائمة الأمنيات"><salla-button shape="icon" fill="outline" color="primary" aria-label="Add or remove to wishlist " class="btn--wishlist heart-next-add-button animated not-added un-favorited s-button-wrap hydrated" onclick="salla.wishlist.toggle(1980115900)" data-id="1980115900"><button shape="icon" aria-label="Add or remove to wishlist " class="btn--wishlist heart-next-add-button animated not-added un-favorited s-button-element s-button-icon s-button-outline s-button-primary-outline s-button-loader-center" data-id="1980115900" type="button"><span class="s-button-text"><i class="sicon-heart"></i></span></button></salla-button></div><div class="quickview-btn" data-title="عرض سريع"><salla-button fill="outline" data-product-id="1980115900" aria-label="Quick view" class="s-button-wrap hydrated" shape="btn" color="primary"><button data-product-id="1980115900" aria-label="Quick view" type="button" class="undefined s-button-element s-button-btn s-button-outline s-button-primary-outline s-button-loader-after"><span class="s-button-text"><i class="sicon-eye"></i></span></button></salla-button></div></div><div class="product-card__addToCart"><salla-add-product-button class="product-card__addToCart__btn hydrated" aria-label="Add to cart button" product-id="1980115900" product-status="sale" product-type="product"><div class="w-full"><salla-button aria-label="Add to cart button" product-id="1980115900" product-status="sale" product-type="product" loader-position="center" class="s-button-wrap hydrated" shape="btn" color="primary" fill="solid"><button aria-label="Add to cart button" product-id="1980115900" product-status="sale" product-type="product" loader-position="center" type="button" class="undefined s-button-element s-button-btn s-button-solid s-button-primary s-button-loader-center"><span class="s-button-text"><i class="text-[16px] sicon-shopping"></i> إضافة للسلة</span></button></salla-button></div></salla-add-product-button></div></div><div class="product-card__content"><div class="product-card__content-wrapper"><div class="product-card__title"><a href="https://bqperfumes.com/ar/qAvdbe">عطر كونياك</a></div><p class="product-card__subtitle text-sm text-store-text-secondary leading-6 mb-2.5">أمنت أن حبك هو إبتلاء وقدر ونصيب</p><div class="product-options"></div><div class="flex product-card__price whitespace-nowrap price-wrapper gap-4 items-center justify-center"><div class="starting-or-normal-price gap-2 items-center flex"><h2 class="total-price font-bold inline-block text-store-text-secondary"> ٢٨٧ <i class="sicon-sar"></i></h2></div></div></div></div></custom-salla-product-card>`
        }, {
            filters: {
                gender: parseFilter('رجالي, نسائي, يونيسكس', allGenders),
                age: parseFilter('كله', allAges),
                personality: parseFilter('كله', allPersonalities),
                time: parseFilter('كله', allTimes),
                occasion: parseFilter('كله', allOccasions),
                noteType: parseFilter('فرنسية', allNoteTypes),
                intensity: parseFilter('متوسط', allIntensities)
            },
            html: `<custom-salla-product-card class="product-card has-image hover_style_1 product-card--rounded product-card--primary-buttons product-card--simplified product-card--enhanced-btn product-card--vertical product-card--fit-height" id="product-690109089"> <div class="product-card__image"> <a href="https://bqperfumes.com/ar/PdDOaVD"> <img class="h-full w-full main-image transition-opacity hover:opacity-90 lazy object-cover loaded" src="https://cdn.salla.sa/PvWoO/yXqriocmTHQcZUzSsNObAQ4jwQWQaz7Xn3qK3x2k.png" alt="فرموني مسك" data-src="https://cdn.salla.sa/PvWoO/yXqriocmTHQcZUzSsNObAQ4jwQWQaz7Xn3qK3x2k.png" loading="lazy" data-ll-status="loaded"> </a> <div class="product-card__promotion" style="background-color: #817c79">نفذت الكميه</div> <div class="product-card__actions"> <div class="wishlist" data-title="إضافة لقائمة الأمنيات"> <salla-button shape="icon" fill="outline" color="primary" aria-label="Add or remove to wishlist " class="btn--wishlist heart-next-add-button animated not-added un-favorited s-button-wrap hydrated" onclick="salla.wishlist.toggle(690109089)" data-id="690109089" size="medium" width="normal" type="button"><!----><button shape="icon" aria-label="Add or remove to wishlist " class="btn--wishlist heart-next-add-button animated not-added un-favorited s-button-element s-button-icon s-button-outline s-button-primary-outline s-button-loader-center" data-id="690109089" type="button"><span class="s-button-text"> <i class="sicon-heart"></i> </span></button></salla-button> </div> <div class="quickview-btn" data-title="عرض سريع"> <salla-button fill="outline" data-product-id="690109089" aria-label="Quick view" class="s-button-wrap hydrated" shape="btn" color="primary" size="medium" width="normal" type="button"><!----><button data-product-id="690109089" aria-label="Quick view" type="button" class="undefined s-button-element s-button-btn s-button-outline s-button-primary-outline s-button-loader-after"><span class="s-button-text"><i class="sicon-eye"></i></span></button></salla-button> </div> </div> <div class="product-card__buttons"> <div class="wishlist" data-title="إضافة لقائمة الأمنيات"> <salla-button shape="icon" fill="outline" color="primary" aria-label="Add or remove to wishlist" class="btn--wishlist heart-next-add-button animated not-added un-favorited s-button-wrap hydrated" onclick="salla.wishlist.toggle(690109089)" data-id="690109089" size="medium" width="normal" type="button"><!----><button shape="icon" aria-label="Add or remove to wishlist" class="btn--wishlist heart-next-add-button animated not-added un-favorited s-button-element s-button-icon s-button-outline s-button-primary-outline s-button-loader-center" data-id="690109089" type="button"><span class="s-button-text"> <i class="sicon-heart"></i> </span></button></salla-button> </div> <div class="quickview-btn" data-title="عرض سريع"> <salla-button fill="outline" data-product-id="690109089" aria-label="Quick view" class="s-button-wrap hydrated" shape="btn" color="primary" size="medium" width="normal" type="button"><!----><button data-product-id="690109089" aria-label="Quick view" type="button" class="undefined s-button-element s-button-btn s-button-outline s-button-primary-outline s-button-loader-after"><span class="s-button-text"><i class="sicon-eye"></i></span></button></salla-button> </div> </div> <div class="product-card__addToCart"> <salla-add-product-button class="product-card__addToCart__btn hydrated" aria-label="Add to cart button" product-id="690109089" product-status="sale" product-type="product"><!----><div class="w-full"><salla-button aria-label="Add to cart button" product-id="690109089" product-status="sale" product-type="product" loader-position="center" class="s-button-wrap hydrated" shape="btn" color="primary" fill="solid" size="medium" width="normal" type="button"><!----><button aria-label="Add to cart button" product-id="690109089" product-status="sale" product-type="product" loader-position="center" type="button" class="undefined s-button-element s-button-btn s-button-solid s-button-primary s-button-loader-center"><span class="s-button-text"><i class="text-[16px] sicon-shopping"></i> إضافة للسلة</span></button></salla-button></div></salla-add-product-button> </div> </div> <div class="product-card__content"> <div class="product-card__content-wrapper"> <div class="product-card__title"> <a href="https://bqperfumes.com/ar/PdDOaVD">فرموني مسك</a> </div> <p class="product-card__subtitle text-sm text-store-text-secondary leading-6 mb-2.5">نسائي</p> <div class="product-options"></div> <div class="flex product-card__price whitespace-nowrap price-wrapper gap-4 items-center justify-center"> <div class="hidden price_is_on_sale flex items-center gap-2"> <h4 class="total-price text-red-500 font-bold inline-block">٩٧٫٧٥ <i class="sicon-sar"></i></h4> <span class="before-price text-store-text-secondary line-through whitespace-nowrap leading-none">١١٥ <i class="sicon-sar"></i></span> </div> <div class="starting-or-normal-price gap-2 items-center flex"> <h2 class="total-price font-bold inline-block text-store-text-secondary"> ١١٥ <i class="sicon-sar"></i></h2> </div> </div> <div class="out-of-stock hidden text-red-500 !opacity-50 font-bold">نفدت الكمية</div> </div> <div class="product-card__enhanced-mini-cart"> <div class="product-card__enhanced-mini-cart-divider"></div> <salla-add-product-button class="product-card__enhnaced-mini-cart__btn hydrated" product-id="690109089" fill="outline" size="sm" width="wide" product-status="sale" product-type="product"><!----><div class="w-full"><salla-button product-id="690109089" product-status="sale" product-type="product" loader-position="center" class="s-button-wrap hydrated" shape="btn" color="primary" fill="outline" size="sm" width="wide" type="button"><!----><button product-id="690109089" product-status="sale" product-type="product" loader-position="center" type="button" class="undefined s-button-element s-button-btn s-button-outline s-button-sm s-button-wide s-button-primary-outline s-button-loader-center"><span class="s-button-text"><div class="product-card__enhanced-mini-cart__btn--inner"> <span class="rtl:mr-auto ltr:ml-auto enhanced-label"> إضافة للسلة </span> <i class="text-[16px] sicon-add ltr:ml-auto rtl:mr-auto enhanced-icon"></i> </div></span></button></salla-button></div></salla-add-product-button> </div> </div></custom-salla-product-card>`
        }, {
            filters: {
                gender: parseFilter('كله', allGenders),
                age: parseFilter('كله', allAges),
                personality: parseFilter('كله', allPersonalities),
                time: parseFilter('ليلي, مسائي', allTimes),
                occasion: parseFilter('كله', allOccasions),
                noteType: parseFilter('شرقية', allNoteTypes),
                intensity: parseFilter('قوي', allIntensities)
            },
            html: `<custom-salla-product-card class="product-card has-image hover_style_1 product-card--rounded product-card--primary-buttons product-card--simplified product-card--enhanced-btn product-card--vertical product-card--fit-height product-card--has-second-image" id="product-1624775315"><div class="product-card__image"><a href="https://bqperfumes.com/ar/QdPKBrV"><img class="h-full w-full main-image transition-opacity hover:opacity-90 lazy object-cover loaded" src="https://cdn.salla.sa/PvWoO/382a780b-bc1b-44ac-9d8b-134b3c999f3b-500x500-qSKyTF2M90BxWYa8WJGSrrx3MJFj4iCvSGGE0aYh.png" alt="عطر بلا رحمة"><img alt="عطر بلا رحمة" src="https://cdn.salla.sa/PvWoO/f045ba5e-c6e7-4f85-b163-76b33c47bdc9-1000x1000-HtdFBGmaTLEBaFtFutBG7hGry1oW5ukOiuZhfkV2.png" class="second-image w-full h-full hover:opacity-90 transition-opacity object-cover"></a><div class="product-card__actions"><div class="wishlist" data-title="إضافة لقائمة الأمنيات"><salla-button shape="icon" fill="outline" color="primary" aria-label="Add or remove to wishlist " class="btn--wishlist heart-next-add-button animated not-added un-favorited s-button-wrap hydrated" onclick="salla.wishlist.toggle(1624775315)" data-id="1624775315"><button shape="icon" aria-label="Add or remove to wishlist " class="btn--wishlist heart-next-add-button animated not-added un-favorited s-button-element s-button-icon s-button-outline s-button-primary-outline s-button-loader-center" data-id="1624775315" type="button"><span class="s-button-text"><i class="sicon-heart"></i></span></button></salla-button></div><div class="quickview-btn" data-title="عرض سريع"><salla-button fill="outline" data-product-id="1624775315" aria-label="Quick view" class="s-button-wrap hydrated" shape="btn" color="primary"><button data-product-id="1624775315" aria-label="Quick view" type="button" class="undefined s-button-element s-button-btn s-button-outline s-button-primary-outline s-button-loader-after"><span class="s-button-text"><i class="sicon-eye"></i></span></button></salla-button></div></div><div class="product-card__addToCart"><salla-add-product-button class="product-card__addToCart__btn hydrated" aria-label="Add to cart button" product-id="1624775315" product-status="sale" product-type="product"><div class="w-full"><salla-button aria-label="Add to cart button" product-id="1624775315" product-status="sale" product-type="product" loader-position="center" class="s-button-wrap hydrated" shape="btn" color="primary" fill="solid"><button aria-label="Add to cart button" product-id="1624775315" product-status="sale" product-type="product" loader-position="center" type="button" class="undefined s-button-element s-button-btn s-button-solid s-button-primary s-button-loader-center"><span class="s-button-text"><i class="text-[16px] sicon-shopping"></i> إضافة للسلة</span></button></salla-button></div></salla-add-product-button></div></div><div class="product-card__content"><div class="product-card__content-wrapper"><div class="product-card__title"><a href="https://bqperfumes.com/ar/QdPKBrV">عطر بلا رحمة</a></div><p class="product-card__subtitle text-sm text-store-text-secondary leading-6 mb-2.5">عطر المشاعر الغامضه</p><div class="product-options"></div><div class="flex product-card__price whitespace-nowrap price-wrapper gap-4 items-center justify-center"><div class="starting-or-normal-price gap-2 items-center flex"><h2 class="total-price font-bold inline-block text-store-text-secondary"> ٢٨٧ <i class="sicon-sar"></i></h2></div></div></div></div></custom-salla-product-card>`
        }, {
            filters: {
                gender: parseFilter('نسائي', allGenders),
                age: parseFilter('كله', allAges),
                personality: parseFilter('كله', allPersonalities),
                time: parseFilter('صباحي', allTimes),
                occasion: parseFilter('كله', allOccasions),
                noteType: parseFilter('فرنسية', allNoteTypes),
                intensity: parseFilter('خفيف', allIntensities)
            },
            html: `<custom-salla-product-card class="product-card has-image hover_style_1 product-card--rounded product-card--primary-buttons product-card--simplified product-card--enhanced-btn product-card--vertical product-card--fit-height product-card--has-second-image" id="product-1542517852"><div class="product-card__image"><a href="https://bqperfumes.com/ar/NmaXYB"><img class="h-full w-full main-image transition-opacity hover:opacity-90 lazy object-cover loaded" src="https://cdn.salla.sa/PvWoO/53fa3f2e-9ab2-4751-9f1d-e13f11f6c470-500x500-mQIGCRjuR5DXL59VwbJFqqCvSNOhG9fwbo0LffoA.png" alt="عطر هوبونوبونو"><img alt="عطر هوبونوبونو" src="https://cdn.salla.sa/PvWoO/36cbe766-7762-4c57-bb56-c42ef8322e2a-461.2676056338x1000-dSkhrF0t7KrLAlcMs6wEtfiIY0pTrVV93sCXF5z7.png" class="second-image w-full h-full hover:opacity-90 transition-opacity object-cover"></a><div class="product-card__actions"><div class="wishlist" data-title="إضافة لقائمة الأمنيات"><salla-button shape="icon" fill="outline" color="primary" aria-label="Add or remove to wishlist " class="btn--wishlist heart-next-add-button animated not-added un-favorited s-button-wrap hydrated" onclick="salla.wishlist.toggle(1542517852)" data-id="1542517852"><button shape="icon" aria-label="Add or remove to wishlist " class="btn--wishlist heart-next-add-button animated not-added un-favorited s-button-element s-button-icon s-button-outline s-button-primary-outline s-button-loader-center" data-id="1542517852" type="button"><span class="s-button-text"><i class="sicon-heart"></i></span></button></salla-button></div><div class="quickview-btn" data-title="عرض سريع"><salla-button fill="outline" data-product-id="1542517852" aria-label="Quick view" class="s-button-wrap hydrated" shape="btn" color="primary"><button data-product-id="1542517852" aria-label="Quick view" type="button" class="undefined s-button-element s-button-btn s-button-outline s-button-primary-outline s-button-loader-after"><span class="s-button-text"><i class="sicon-eye"></i></span></button></salla-button></div></div><div class="product-card__addToCart"><salla-add-product-button class="product-card__addToCart__btn hydrated" aria-label="Add to cart button" product-id="1542517852" product-status="sale" product-type="product"><div class="w-full"><salla-button aria-label="Add to cart button" product-id="1542517852" product-status="sale" product-type="product" loader-position="center" class="s-button-wrap hydrated" shape="btn" color="primary" fill="solid"><button aria-label="Add to cart button" product-id="1542517852" product-status="sale" product-type="product" loader-position="center" type="button" class="undefined s-button-element s-button-btn s-button-solid s-button-primary s-button-loader-center"><span class="s-button-text"><i class="text-[16px] sicon-shopping"></i> إضافة للسلة</span></button></salla-button></div></salla-add-product-button></div></div><div class="product-card__content"><div class="product-card__content-wrapper"><div class="product-card__title"><a href="https://bqperfumes.com/ar/NmaXYB">عطر هوبونوبونو</a></div><p class="product-card__subtitle text-sm text-store-text-secondary leading-6 mb-2.5">قد ضل قلبي...فقولي كيف أهديه</p><div class="product-options"></div><div class="flex product-card__price whitespace-nowrap price-wrapper gap-4 items-center justify-center"><div class="starting-or-normal-price gap-2 items-center flex"><h2 class="total-price font-bold inline-block text-store-text-secondary"> ٢٨٧ <i class="sicon-sar"></i></h2></div></div></div></div></custom-salla-product-card>`
        }, {
            filters: {
                gender: parseFilter('رجالي, نسائي, يونيسكس', allGenders),
                age: parseFilter('كله', allAges),
                personality: parseFilter('كله', allPersonalities),
                time: parseFilter('ليلي', allTimes),
                occasion: parseFilter('كله', allOccasions),
                noteType: parseFilter('فرنسية', allNoteTypes),
                intensity: parseFilter('متوسط', allIntensities)
            },
            html: `<custom-salla-product-card class="product-card has-image hover_style_1 product-card--rounded product-card--primary-buttons product-card--simplified product-card--enhanced-btn product-card--vertical product-card--fit-height product-card--has-second-image" id="product-2040093639"><div class="product-card__image"><a href="https://bqperfumes.com/ar/yeQePZ"><img class="h-full w-full main-image transition-opacity hover:opacity-90 lazy object-cover loaded" src="https://cdn.salla.sa/PvWoO/f3532f14-8ece-442f-9b66-09492a5a807b-500x500-OzqWFExoZPZP6KsujtiZept11A0fczHOuxoJZD83.png" alt="عطر ما بعد المساء"><img alt="عطر ما بعد المساء" src="https://cdn.salla.sa/PvWoO/41df8875-e633-4d59-b853-46eca548bb07-736.58986175115x1000-WOCVVabaxWyEA9GFrZdqWPEkrrcqjirtNg8SR5ca.jpg" class="second-image w-full h-full hover:opacity-90 transition-opacity object-cover"></a><div class="product-card__actions"><div class="wishlist" data-title="إضافة لقائمة الأمنيات"><salla-button shape="icon" fill="outline" color="primary" aria-label="Add or remove to wishlist " class="btn--wishlist heart-next-add-button animated not-added un-favorited s-button-wrap hydrated" onclick="salla.wishlist.toggle(2040093639)" data-id="2040093639"><button shape="icon" aria-label="Add or remove to wishlist " class="btn--wishlist heart-next-add-button animated not-added un-favorited s-button-element s-button-icon s-button-outline s-button-primary-outline s-button-loader-center" data-id="2040093639" type="button"><span class="s-button-text"><i class="sicon-heart"></i></span></button></salla-button></div><div class="quickview-btn" data-title="عرض سريع"><salla-button fill="outline" data-product-id="2040093639" aria-label="Quick view" class="s-button-wrap hydrated" shape="btn" color="primary"><button data-product-id="2040093639" aria-label="Quick view" type="button" class="undefined s-button-element s-button-btn s-button-outline s-button-primary-outline s-button-loader-after"><span class="s-button-text"><i class="sicon-eye"></i></span></button></salla-button></div></div><div class="product-card__addToCart"><salla-add-product-button class="product-card__addToCart__btn hydrated" aria-label="Add to cart button" product-id="2040093639" product-status="sale" product-type="product"><div class="w-full"><salla-button aria-label="Add to cart button" product-id="2040093639" product-status="sale" product-type="product" loader-position="center" class="s-button-wrap hydrated" shape="btn" color="primary" fill="solid"><button aria-label="Add to cart button" product-id="2040093639" product-status="sale" product-type="product" loader-position="center" type="button" class="undefined s-button-element s-button-btn s-button-solid s-button-primary s-button-loader-center"><span class="s-button-text"><i class="text-[16px] sicon-shopping"></i> إضافة للسلة</span></button></salla-button></div></salla-add-product-button></div></div><div class="product-card__content"><div class="product-card__content-wrapper"><div class="product-card__title"><a href="https://bqperfumes.com/ar/yeQePZ">عطر ما بعد المساء</a></div><p class="product-card__subtitle text-sm text-store-text-secondary leading-6 mb-2.5">أحبك في الحضور وفي الغياب</p><div class="product-options"></div><div class="flex product-card__price whitespace-nowrap price-wrapper gap-4 items-center justify-center"><div class="starting-or-normal-price gap-2 items-center flex"><h2 class="total-price font-bold inline-block text-store-text-secondary"> ٢٨٧ <i class="sicon-sar"></i></h2></div></div></div></div></custom-salla-product-card>`
        }, {
            filters: {
                gender: parseFilter('كله', allGenders),
                age: parseFilter('كله', allAges),
                personality: parseFilter('كله', allPersonalities),
                time: parseFilter('ليلي', allTimes),
                occasion: parseFilter('كله', allOccasions),
                noteType: parseFilter('فرنسية', allNoteTypes),
                intensity: parseFilter('قوي', allIntensities)
            },
            html: `<custom-salla-product-card class="product-card has-image hover_style_1 product-card--rounded product-card--primary-buttons product-card--simplified product-card--enhanced-btn product-card--vertical product-card--fit-height" id="product-2011874303"><div class="product-card__image"><a href="https://bqperfumes.com/ar/mQXAznj"><img class="h-full w-full main-image transition-opacity hover:opacity-90 lazy object-cover loaded" src="https://cdn.salla.sa/PvWoO/310a4dce-f670-4e2f-a9bd-18802eb185b7-500x500-frFfvsIEPTJ46tCpykzro7R84ZVj3V42qC3zOMpP.png" alt="مسك الخطيئة"><div class="product-card__promotion" style="background-color: #817c79">خصم 50 %</div></a><div class="product-card__actions"><div class="wishlist" data-title="إضافة لقائمة الأمنيات"><salla-button shape="icon" fill="outline" color="primary" aria-label="Add or remove to wishlist " class="btn--wishlist heart-next-add-button animated not-added un-favorited s-button-wrap hydrated" onclick="salla.wishlist.toggle(2011874303)" data-id="2011874303"><button shape="icon" aria-label="Add or remove to wishlist " class="btn--wishlist heart-next-add-button animated not-added un-favorited s-button-element s-button-icon s-button-outline s-button-primary-outline s-button-loader-center" data-id="2011874303" type="button"><span class="s-button-text"><i class="sicon-heart"></i></span></button></salla-button></div><div class="quickview-btn" data-title="عرض سريع"><salla-button fill="outline" data-product-id="2011874303" aria-label="Quick view" class="s-button-wrap hydrated" shape="btn" color="primary"><button data-product-id="2011874303" aria-label="Quick view" type="button" class="undefined s-button-element s-button-btn s-button-outline s-button-primary-outline s-button-loader-after"><span class="s-button-text"><i class="sicon-eye"></i></span></button></salla-button></div></div><div class="product-card__addToCart"><salla-add-product-button class="product-card__addToCart__btn hydrated" aria-label="Add to cart button" product-id="2011874303" product-status="sale" product-type="product"><div class="w-full"><salla-button aria-label="Add to cart button" product-id="2011874303" product-status="sale" product-type="product" loader-position="center" class="s-button-wrap hydrated" shape="btn" color="primary" fill="solid"><button aria-label="Add to cart button" product-id="2011874303" product-status="sale" product-type="product" loader-position="center" type="button" class="undefined s-button-element s-button-btn s-button-solid s-button-primary s-button-loader-center"><span class="s-button-text"><i class="text-[16px] sicon-shopping"></i> إضافة للسلة</span></button></salla-button></div></salla-add-product-button></div></div><div class="product-card__content"><div class="product-card__content-wrapper"><div class="product-card__title"><a href="https://bqperfumes.com/ar/mQXAznj">مسك الخطيئة</a></div><div class="product-options"></div><div class="flex product-card__price whitespace-nowrap price-wrapper gap-4 items-center justify-center"><div class="price_is_on_sale flex items-center gap-2"><h4 class="total-price text-red-500 font-bold inline-block">٣٠٠ <i class="sicon-sar"></i></h4><span class="before-price text-store-text-secondary line-through whitespace-nowrap leading-none">٦٠٠ <i class="sicon-sar"></i></span></div></div><div class="product-card__discount"><span class="font-bold text-red-500">خصم 50%</span></div></div></div></custom-salla-product-card>`
        }, {
            filters: {
                gender: parseFilter('كله', allGenders),
                age: parseFilter('كله', allAges),
                personality: parseFilter('كله', allPersonalities),
                time: parseFilter('كله', allTimes),
                occasion: parseFilter('كله', allOccasions),
                noteType: parseFilter('كله', allNoteTypes),
                intensity: parseFilter('كله', allIntensities)
            },
            html: `<custom-salla-product-card class="product-card has-image hover_style_1 product-card--rounded product-card--primary-buttons product-card--simplified product-card--enhanced-btn product-card--vertical product-card--fit-height" id="product-1707031104"> <div class="product-card__image"> <a href="https://bqperfumes.com/ar/OqyljAw"> <img class="h-full w-full main-image transition-opacity hover:opacity-90 lazy object-cover loaded" src="https://cdn.salla.sa/PvWoO/p4QHqtyBxvNJEKcKr8YWc7AGgQnAzEwviD6DL4Mk.png" alt="مسك الحطب" data-src="https://cdn.salla.sa/PvWoO/p4QHqtyBxvNJEKcKr8YWc7AGgQnAzEwviD6DL4Mk.png" loading="lazy" data-ll-status="loaded"> </a> <div class="product-card__promotion" style="background-color: #817c79">الكمية محدودة</div> <div class="product-card__actions"> <div class="wishlist" data-title="إضافة لقائمة الأمنيات"> <salla-button shape="icon" fill="outline" color="primary" aria-label="Add or remove to wishlist " class="btn--wishlist heart-next-add-button animated not-added un-favorited s-button-wrap hydrated" onclick="salla.wishlist.toggle(1707031104)" data-id="1707031104" size="medium" width="normal" type="button"><!----><button shape="icon" aria-label="Add or remove to wishlist " class="btn--wishlist heart-next-add-button animated not-added un-favorited s-button-element s-button-icon s-button-outline s-button-primary-outline s-button-loader-center" data-id="1707031104" type="button"><span class="s-button-text"> <i class="sicon-heart"></i> </span></button></salla-button> </div> <div class="quickview-btn" data-title="عرض سريع"> <salla-button fill="outline" data-product-id="1707031104" aria-label="Quick view" class="s-button-wrap hydrated" shape="btn" color="primary" size="medium" width="normal" type="button"><!----><button data-product-id="1707031104" aria-label="Quick view" type="button" class="undefined s-button-element s-button-btn s-button-outline s-button-primary-outline s-button-loader-after"><span class="s-button-text"><i class="sicon-eye"></i></span></button></salla-button> </div> </div> <div class="product-card__buttons"> <div class="wishlist" data-title="إضافة لقائمة الأمنيات"> <salla-button shape="icon" fill="outline" color="primary" aria-label="Add or remove to wishlist" class="btn--wishlist heart-next-add-button animated not-added un-favorited s-button-wrap hydrated" onclick="salla.wishlist.toggle(1707031104)" data-id="1707031104" size="medium" width="normal" type="button"><!----><button shape="icon" aria-label="Add or remove to wishlist" class="btn--wishlist heart-next-add-button animated not-added un-favorited s-button-element s-button-icon s-button-outline s-button-primary-outline s-button-loader-center" data-id="1707031104" type="button"><span class="s-button-text"> <i class="sicon-heart"></i> </span></button></salla-button> </div> <div class="quickview-btn" data-title="عرض سريع"> <salla-button fill="outline" data-product-id="1707031104" aria-label="Quick view" class="s-button-wrap hydrated" shape="btn" color="primary" size="medium" width="normal" type="button"><!----><button data-product-id="1707031104" aria-label="Quick view" type="button" class="undefined s-button-element s-button-btn s-button-outline s-button-primary-outline s-button-loader-after"><span class="s-button-text"><i class="sicon-eye"></i></span></button></salla-button> </div> </div> <div class="product-card__addToCart"> <salla-add-product-button class="product-card__addToCart__btn hydrated" aria-label="Add to cart button" product-id="1707031104" product-status="sale" product-type="product"><!----><div class="w-full"><salla-button aria-label="Add to cart button" product-id="1707031104" product-status="sale" product-type="product" loader-position="center" class="s-button-wrap hydrated" shape="btn" color="primary" fill="solid" size="medium" width="normal" type="button"><!----><button aria-label="Add to cart button" product-id="1707031104" product-status="sale" product-type="product" loader-position="center" type="button" class="undefined s-button-element s-button-btn s-button-solid s-button-primary s-button-loader-center"><span class="s-button-text"><i class="text-[16px] sicon-shopping"></i> إضافة للسلة</span></button></salla-button></div></salla-add-product-button> </div> </div> <div class="product-card__content"> <div class="product-card__content-wrapper"> <div class="product-card__title"> <a href="https://bqperfumes.com/ar/OqyljAw">مسك الحطب</a> </div> <p class="product-card__subtitle text-sm text-store-text-secondary leading-6 mb-2.5">مسك الحطب Unisex musk</p> <div class="product-options"></div> <div class="flex product-card__price whitespace-nowrap price-wrapper gap-4 items-center justify-center"> <div class="hidden price_is_on_sale flex items-center gap-2"> <h4 class="total-price text-red-500 font-bold inline-block">٩٧٫٧٥ <i class="sicon-sar"></i></h4> <span class="before-price text-store-text-secondary line-through whitespace-nowrap leading-none">١١٥ <i class="sicon-sar"></i></span> </div> <div class="starting-or-normal-price gap-2 items-center flex"> <h2 class="total-price font-bold inline-block text-store-text-secondary"> ١١٥ <i class="sicon-sar"></i></h2> </div> </div> <div class="out-of-stock hidden text-red-500 !opacity-50 font-bold">نفدت الكمية</div> </div> <div class="product-card__enhanced-mini-cart"> <div class="product-card__enhanced-mini-cart-divider"></div> <salla-add-product-button class="product-card__enhnaced-mini-cart__btn hydrated" product-id="1707031104" fill="outline" size="sm" width="wide" product-status="sale" product-type="product"><!----><div class="w-full"><salla-button product-id="1707031104" product-status="sale" product-type="product" loader-position="center" class="s-button-wrap hydrated" shape="btn" color="primary" fill="outline" size="sm" width="wide" type="button"><!----><button product-id="1707031104" product-status="sale" product-type="product" loader-position="center" type="button" class="undefined s-button-element s-button-btn s-button-outline s-button-sm s-button-wide s-button-primary-outline s-button-loader-center"><span class="s-button-text"><div class="product-card__enhanced-mini-cart__btn--inner"> <span class="rtl:mr-auto ltr:ml-auto enhanced-label"> إضافة للسلة </span> <i class="text-[16px] sicon-add ltr:ml-auto rtl:mr-auto enhanced-icon"></i> </div></span></button></salla-button></div></salla-add-product-button> </div> </div></custom-salla-product-card>`
        }, {
            filters: {
                gender: parseFilter('كله', allGenders),
                age: parseFilter('كله', allAges),
                personality: parseFilter('كله', allPersonalities),
                time: parseFilter('صباحي', allTimes),
                occasion: parseFilter('كله', allOccasions),
                noteType: parseFilter('كله', allNoteTypes),
                intensity: parseFilter('متوسط,قوي', allIntensities)
            },
            html: `<custom-salla-product-card class="product-card has-image hover_style_1 product-card--rounded product-card--primary-buttons product-card--simplified product-card--enhanced-btn product-card--vertical product-card--fit-height" id="product-1552291535"> <div class="product-card__image"> <a href="https://bqperfumes.com/ar/xAeOEKe"> <img class="h-full w-full main-image transition-opacity hover:opacity-90 lazy object-cover loaded" src="https://cdn.salla.sa/PvWoO/12b46a84-7a2f-41b3-8477-2ea2aec5033f-375.29976019185x500-9ZBlocJVFaGJB0PoXrhDCm0XW3HjCuHnuC3jpme8.png" alt="عود كمبودي فيتنامي معتق من ٢٥ سنه" data-src="https://cdn.salla.sa/PvWoO/12b46a84-7a2f-41b3-8477-2ea2aec5033f-375.29976019185x500-9ZBlocJVFaGJB0PoXrhDCm0XW3HjCuHnuC3jpme8.png" loading="lazy" data-ll-status="loaded"> </a> <div class="product-card__actions"> <div class="wishlist" data-title="إضافة لقائمة الأمنيات"> <salla-button shape="icon" fill="outline" color="primary" aria-label="Add or remove to wishlist " class="btn--wishlist heart-next-add-button animated not-added un-favorited s-button-wrap hydrated" onclick="salla.wishlist.toggle(1552291535)" data-id="1552291535" size="medium" width="normal" type="button"><!----><button shape="icon" aria-label="Add or remove to wishlist " class="btn--wishlist heart-next-add-button animated not-added un-favorited s-button-element s-button-icon s-button-outline s-button-primary-outline s-button-loader-center" data-id="1552291535" type="button"><span class="s-button-text"> <i class="sicon-heart"></i> </span></button></salla-button> </div> <div class="quickview-btn" data-title="عرض سريع"> <salla-button fill="outline" data-product-id="1552291535" aria-label="Quick view" class="s-button-wrap hydrated" shape="btn" color="primary" size="medium" width="normal" type="button"><!----><button data-product-id="1552291535" aria-label="Quick view" type="button" class="undefined s-button-element s-button-btn s-button-outline s-button-primary-outline s-button-loader-after"><span class="s-button-text"><i class="sicon-eye"></i></span></button></salla-button> </div> </div> <div class="product-card__buttons"> <div class="wishlist" data-title="إضافة لقائمة الأمنيات"> <salla-button shape="icon" fill="outline" color="primary" aria-label="Add or remove to wishlist" class="btn--wishlist heart-next-add-button animated not-added un-favorited s-button-wrap hydrated" onclick="salla.wishlist.toggle(1552291535)" data-id="1552291535" size="medium" width="normal" type="button"><!----><button shape="icon" aria-label="Add or remove to wishlist" class="btn--wishlist heart-next-add-button animated not-added un-favorited s-button-element s-button-icon s-button-outline s-button-primary-outline s-button-loader-center" data-id="1552291535" type="button"><span class="s-button-text"> <i class="sicon-heart"></i> </span></button></salla-button> </div> <div class="quickview-btn" data-title="عرض سريع"> <salla-button fill="outline" data-product-id="1552291535" aria-label="Quick view" class="s-button-wrap hydrated" shape="btn" color="primary" size="medium" width="normal" type="button"><!----><button data-product-id="1552291535" aria-label="Quick view" type="button" class="undefined s-button-element s-button-btn s-button-outline s-button-primary-outline s-button-loader-after"><span class="s-button-text"><i class="sicon-eye"></i></span></button></salla-button> </div> </div> <div class="product-card__addToCart"> <salla-add-product-button class="product-card__addToCart__btn hydrated" aria-label="Add to cart button" product-id="1552291535" product-status="sale" product-type="product"><!----><div class="w-full"><salla-button aria-label="Add to cart button" product-id="1552291535" product-status="sale" product-type="product" loader-position="center" class="s-button-wrap hydrated" shape="btn" color="primary" fill="solid" size="medium" width="normal" type="button"><!----><button aria-label="Add to cart button" product-id="1552291535" product-status="sale" product-type="product" loader-position="center" type="button" class="undefined s-button-element s-button-btn s-button-solid s-button-primary s-button-loader-center"><span class="s-button-text"><i class="text-[16px] sicon-shopping"></i> إضافة للسلة</span></button></salla-button></div></salla-add-product-button> </div> </div> <div class="product-card__content"> <div class="product-card__content-wrapper"> <div class="product-card__title"> <a href="https://bqperfumes.com/ar/xAeOEKe">عود كمبودي فيتنامي معتق من ٢٥ سنه</a> </div> <div class="product-options"></div> <div class="flex product-card__price whitespace-nowrap price-wrapper gap-4 items-center justify-center"> <div class="hidden price_is_on_sale flex items-center gap-2"> <h4 class="total-price text-red-500 font-bold inline-block">٢٥٥٠ <i class="sicon-sar"></i></h4> <span class="before-price text-store-text-secondary line-through whitespace-nowrap leading-none">٣٠٠٠ <i class="sicon-sar"></i></span> </div> <div class="starting-or-normal-price gap-2 items-center flex"> <h2 class="total-price font-bold inline-block text-store-text-secondary"> ٣٠٠٠ <i class="sicon-sar"></i></h2> </div> </div> <div class="out-of-stock hidden text-red-500 !opacity-50 font-bold">نفدت الكمية</div> </div> <div class="product-card__enhanced-mini-cart"> <div class="product-card__enhanced-mini-cart-divider"></div> <salla-add-product-button class="product-card__enhnaced-mini-cart__btn hydrated" product-id="1552291535" fill="outline" size="sm" width="wide" product-status="sale" product-type="product"><!----><div class="w-full"><salla-button product-id="1552291535" product-status="sale" product-type="product" loader-position="center" class="s-button-wrap hydrated" shape="btn" color="primary" fill="outline" size="sm" width="wide" type="button"><!----><button product-id="1552291535" product-status="sale" product-type="product" loader-position="center" type="button" class="undefined s-button-element s-button-btn s-button-outline s-button-sm s-button-wide s-button-primary-outline s-button-loader-center"><span class="s-button-text"><div class="product-card__enhanced-mini-cart__btn--inner"> <span class="rtl:mr-auto ltr:ml-auto enhanced-label"> إضافة للسلة </span> <i class="text-[16px] sicon-add ltr:ml-auto rtl:mr-auto enhanced-icon"></i> </div></span></button></salla-button></div></salla-add-product-button> </div> </div></custom-salla-product-card>`
        }];

        // --- App State & Functions ---
 const isExcludedProduct = (p) => EXCLUDED_TOKENS.some((t) => p.html && p.html.includes(t));

    let currentStep = 1;
    let filterAnswers = {};

    function setupEventListeners() {
      const container = document.getElementById('perfume-filter-app-container');
      if (!container) return;

      container.addEventListener('click', function (event) {
        const card = event.target.closest('.option-card');
        if (card) {
          const question = card.dataset.question;
          container.querySelectorAll(`[data-question="${question}"]`).forEach((s) => s.classList.remove('selected'));
          card.classList.add('selected');
          filterAnswers[question] = card.dataset.value;
          checkStepCompletion();
        }
      });

      const zodiacSelect = document.getElementById('zodiac-select');
      if (zodiacSelect) {
        zodiacSelect.addEventListener('change', function () {
          filterAnswers.zodiac = this.value;
          checkStepCompletion();
        });
      }

      document.getElementById('nextBtn').addEventListener('click', nextStep);
      document.getElementById('prevBtn').addEventListener('click', prevStep);
      document.getElementById('resetBtn').addEventListener('click', resetFilter);
    }

    function checkStepCompletion() {
      const nextBtn = document.getElementById('nextBtn');
      let canProceed = false;
      if (currentStep === 1)
        canProceed = filterAnswers.gender && filterAnswers.personality && filterAnswers.age && filterAnswers.zodiac && filterAnswers.zodiac !== '';
      else if (currentStep === 2) canProceed = filterAnswers.time && filterAnswers.occasion;
      else if (currentStep === 3) canProceed = filterAnswers.noteType && filterAnswers.intensity;

      nextBtn.disabled = !canProceed;
      nextBtn.style.opacity = canProceed ? '1' : '0.5';
    }

    function updateDisplay() {
      document.querySelectorAll('.filter-step').forEach((step) => step.classList.add('hidden'));
      document.getElementById(`step${currentStep}`).classList.remove('hidden');
      document.getElementById('prevBtn').style.display = currentStep > 1 ? 'block' : 'none';
      document.getElementById('nextBtn').style.display = currentStep < 4 ? 'block' : 'none';
      document.getElementById('resetBtn').style.display = currentStep === 4 ? 'block' : 'none';
      updateStepIndicator();
      checkStepCompletion();
    }

    function updateStepIndicator() {
      for (let i = 1; i <= 4; i++) {
        const indicator = document.getElementById(`step${i}-indicator`);
        if (!indicator) continue;
        const progress = document.getElementById(`progress${i - 1}`);
        indicator.classList.remove('active', 'completed');
        if (i < currentStep) {
          indicator.classList.add('completed');
          if (progress) progress.style.background = '#C53030';
        } else if (i === currentStep) {
          indicator.classList.add('active');
          if (progress) progress.style.background = '#6b7280';
        } else {
          if (progress) progress.style.background = '#6b7280';
        }
      }
    }

    function nextStep() {
      if (currentStep < 4) {
        currentStep++;
        if (currentStep === 4) showResults();
        updateDisplay();
      }
    }

    function prevStep() {
      if (currentStep > 1) {
        currentStep--;
        updateDisplay();
      }
    }
    function showResults() {
      const strictMatches = perfumes.filter((p) => {
        for (const key in filterAnswers) {
          const userAnswer = filterAnswers[key];
          if (!userAnswer || key === 'zodiac' || userAnswer === '') continue;
          const perfumeValues = p.filters[key];
          if (!perfumeValues || !perfumeValues.includes(userAnswer)) return false;
        }
        return true;
      });

      let finalList = strictMatches.filter((p) => !isExcludedProduct(p));

      const nonExcludedPool = perfumes.filter((p) => !isExcludedProduct(p));

      const hadNoStrictMatches = strictMatches.length === 0;
      if (finalList.length === 0) {

        finalList = nonExcludedPool.slice(0, FALLBACK_LIMIT);
      } else if (finalList.length < MIN_RESULTS) {

        const toAdd = nonExcludedPool.filter((p) => !finalList.includes(p)).slice(0, MIN_RESULTS - finalList.length);
        finalList = finalList.concat(toAdd);
      }

      const container = document.getElementById('results');
      container.innerHTML = '';

      if (hadNoStrictMatches) {

        container.insertAdjacentHTML(
          'afterbegin',
          `<div class="col-span-full text-center p-6 mb-2 notice-alt">لم نجد تطابقًا دقيقًا — هذه اقتراحات قد تناسب ذوقك.</div>`
        );
      }

      if (finalList.length === 0) {
        container.innerHTML += `<div class="col-span-full text-center p-8"><h3 class="text-2xl">لم نجد عطراً يطابق اختيارك.</h3><p class="text-gray-500 mt-2">جرّب تغيير بعض الخيارات.</p></div>`;
      } else {
        finalList.forEach((p) => {
          container.innerHTML += p.html;
        });
        if (window.salla && window.salla.element) {
          window.salla.element.load('.s-button-wrap');
        }
      }
    }

    function resetFilter() {
      currentStep = 1;
      filterAnswers = {};
      document.querySelectorAll('.option-card.selected').forEach((c) => c.classList.remove('selected'));
      const zodiacSelect = document.getElementById('zodiac-select');
      if (zodiacSelect) zodiacSelect.value = '';
      updateDisplay();
    }

    setupEventListeners();
    updateDisplay();
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', run);
  } else {
    run();
  }
})();