{"path":"/public_html/landing/Quiz.html","name":"Quiz.html","size":29405,"extension":".html","modified":"2026-07-05T11:54:40.242991377Z","mode":420,"isDir":false,"isSymlink":false,"type":"text","content":"\u003c!doctype html\u003e\n\u003chtml lang=\"en\"\u003e\n\u003chead\u003e\n  \u003cmeta charset=\"utf-8\" /\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\" /\u003e\n  \u003ctitle\u003eFind my routine · مرشد الروتين — LOWE'S profesyonel\u003c/title\u003e\n  \u003cmeta name=\"description\" content=\"اعرفي روتينك المثالي مع LOWE'S profesyonel — كويز سريع يقترح المنتجات المناسبة لنوع بشرتكِ وأهدافكِ.\" /\u003e\n  \u003cmeta name=\"robots\" content=\"index, follow\" /\u003e\n  \u003clink rel=\"canonical\" href=\"https://landing.lowesprofesyonel.com/Quiz.html\" /\u003e\n  \u003clink rel=\"icon\" type=\"image/jpeg\" href=\"/assets/logo-official.jpg\" /\u003e\n  \u003clink rel=\"apple-touch-icon\" href=\"/assets/logo-official.jpg\" /\u003e\n  \u003cmeta name=\"theme-color\" content=\"#161310\" /\u003e\n  \u003cmeta property=\"og:type\" content=\"website\" /\u003e\n  \u003cmeta property=\"og:site_name\" content=\"LOWE'S profesyonel\" /\u003e\n  \u003cmeta property=\"og:title\" content=\"Find my routine · مرشد الروتين — LOWE'S profesyonel\" /\u003e\n  \u003cmeta property=\"og:description\" content=\"اعرفي روتينك المثالي مع LOWE'S profesyonel — كويز سريع يقترح المنتجات المناسبة لنوع بشرتكِ وأهدافكِ.\" /\u003e\n  \u003cmeta property=\"og:url\" content=\"https://landing.lowesprofesyonel.com/Quiz.html\" /\u003e\n  \u003cmeta property=\"og:image\" content=\"https://landing.lowesprofesyonel.com/assets/logo-official.jpg\" /\u003e\n  \u003cmeta property=\"og:locale\" content=\"ar_AR\" /\u003e\n  \u003cmeta property=\"og:locale:alternate\" content=\"en_US\" /\u003e\n  \u003cmeta name=\"twitter:card\" content=\"summary_large_image\" /\u003e\n  \u003cmeta name=\"twitter:title\" content=\"Find my routine · مرشد الروتين — LOWE'S profesyonel\" /\u003e\n  \u003cmeta name=\"twitter:description\" content=\"اعرفي روتينك المثالي مع LOWE'S profesyonel — كويز سريع يقترح المنتجات المناسبة لنوع بشرتكِ وأهدافكِ.\" /\u003e\n  \u003cmeta name=\"twitter:image\" content=\"https://landing.lowesprofesyonel.com/assets/logo-official.jpg\" /\u003e\n\n  \u003clink rel=\"preconnect\" href=\"https://fonts.googleapis.com\"\u003e\n  \u003clink rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin\u003e\n  \u003clink href=\"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500\u0026family=Jost:wght@300;400;500\u0026family=JetBrains+Mono:wght@400;500\u0026family=Italianno\u0026family=El+Messiri:wght@400;500;600;700\u0026family=Tajawal:wght@300;400;500;700\u0026family=Noto+Naskh+Arabic:wght@400;500;600\u0026display=swap\" rel=\"stylesheet\"\u003e\n\n  \u003clink rel=\"stylesheet\" href=\"styles.css?v=21\"\u003e\n\n  \u003c!-- Analytics \u0026 conversion tracking (plug-in-ready: no-op until IDs set in analytics.js) --\u003e\n  \u003cscript src=\"analytics.js?v=21\"\u003e\u003c/script\u003e\n\n  \u003cstyle\u003e\n    .quiz-wrap { padding: clamp(36px,5vw,72px) 0 clamp(64px,8vw,120px); }\n    .quiz-head { max-width: 720px; margin: 0 auto clamp(32px,4vw,52px); text-align: center; }\n    .quiz-head .hero-tag { justify-content: center; margin: 0 auto 22px; }\n    .quiz-head h1 {\n      font-family: var(--f-display); font-weight: 400;\n      font-size: clamp(38px,5vw,68px); line-height: 1.0; letter-spacing: -0.02em; margin: 0;\n    }\n    .quiz-head h1 em { font-style: italic; color: var(--accent-deep); }\n    .quiz-head .ar-line { font-family: \"El Messiri\", serif; direction: rtl; color: var(--ink-soft); font-size: clamp(18px,2vw,24px); margin: 12px 0 0; }\n    .quiz-head p { color: var(--ink-soft); font-size: 16px; line-height: 1.7; margin: 18px auto 0; max-width: 52ch; }\n\n    .quiz-card {\n      max-width: 860px; margin: 0 auto;\n      background: var(--bg);\n      border: 1px solid var(--line);\n      border-radius: 8px;\n      padding: clamp(28px,4vw,56px);\n      box-shadow: 0 40px 80px -60px rgba(40,28,14,0.4);\n    }\n    .quiz-progress { display: flex; gap: 6px; margin-bottom: clamp(28px,3.5vw,40px); }\n    .quiz-progress span { flex: 1; height: 3px; border-radius: 2px; background: var(--line); transition: background .3s ease; }\n    .quiz-progress span.done { background: var(--accent); }\n\n    .step { display: none; }\n    .step.active { display: block; animation: stepIn .4s ease; }\n    @keyframes stepIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }\n\n    .q-num { font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent-deep); }\n    .q-title { font-family: var(--f-display); font-weight: 400; font-size: clamp(26px,3vw,38px); line-height: 1.1; letter-spacing: -0.015em; margin: 10px 0 4px; }\n    .q-ar { font-family: \"El Messiri\", serif; direction: rtl; color: var(--ink-soft); font-size: 18px; margin: 0 0 26px; }\n\n    .opts { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }\n    .opt {\n      display: flex; flex-direction: column; gap: 4px;\n      text-align: left;\n      border: 1px solid var(--line); border-radius: 6px;\n      background: var(--paper);\n      padding: 18px 20px;\n      cursor: pointer;\n      transition: border-color .2s ease, background .2s ease, transform .2s ease;\n    }\n    .opt:hover { border-color: var(--accent); transform: translateY(-2px); }\n    .opt.sel { border-color: var(--accent-deep); background: color-mix(in srgb, var(--accent) 10%, var(--paper)); }\n    .opt .o-en { font-family: var(--f-display); font-size: 19px; color: var(--ink); }\n    .opt .o-ar { font-family: \"Tajawal\", sans-serif; direction: rtl; text-align: left; font-size: 14px; color: var(--muted); }\n\n    .quiz-nav { display: flex; align-items: center; justify-content: space-between; margin-top: clamp(28px,3.5vw,40px); gap: 16px; }\n    .qbtn {\n      font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase;\n      padding: 14px 26px; border-radius: 2px; cursor: pointer; border: 1px solid var(--ink);\n      background: var(--ink); color: var(--paper); transition: background .25s ease, color .25s ease;\n    }\n    .qbtn:hover { background: var(--accent); color: var(--ink); border-color: var(--accent); }\n    .qbtn.ghost { background: transparent; color: var(--ink); border-color: var(--line); }\n    .qbtn.ghost:hover { border-color: var(--accent); color: var(--accent-deep); background: transparent; }\n    .qbtn:disabled { opacity: .4; cursor: not-allowed; }\n\n    /* Results */\n    .results { display: none; max-width: 1080px; margin: 0 auto; }\n    .results.show { display: block; animation: stepIn .5s ease; }\n    .results-head { text-align: center; margin-bottom: clamp(32px,4vw,52px); }\n    .results-head .q-num { display: block; margin-bottom: 12px; }\n    .results-head h2 { font-family: var(--f-display); font-weight: 400; font-size: clamp(30px,3.6vw,52px); letter-spacing: -0.02em; margin: 0; }\n    .results-head h2 em { font-style: italic; color: var(--accent-deep); }\n    .results-head .summary { font-family: \"Tajawal\", sans-serif; direction: rtl; color: var(--ink-soft); font-size: 16px; margin: 14px auto 0; max-width: 56ch; line-height: 1.8; }\n\n    .routine-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: clamp(16px,2vw,24px); }\n    .rstep { display: flex; flex-direction: column; background: var(--bg); border: 1px solid var(--line); border-radius: 6px; overflow: hidden; }\n    .rstep-stage { position: relative; aspect-ratio: 1/1; background: var(--paper); display: grid; place-items: center; padding: 22px; border-bottom: 1px solid var(--line-soft); }\n    .rstep-stage::before { content: \"\"; position: absolute; inset: 0; background: radial-gradient(80% 60% at 50% 15%, color-mix(in srgb, var(--p-accent,#c9a646) 16%, transparent), transparent 70%); }\n    .rstep-stage img { position: relative; max-width: 72%; max-height: 80%; object-fit: contain; filter: drop-shadow(0 16px 22px rgba(60,45,20,0.22)); }\n    .rstep-step { position: absolute; top: 12px; left: 14px; font-family: var(--f-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent-deep); z-index: 1; }\n    .rstep-body { padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 6px; flex: 1; }\n    .rstep-name { font-family: var(--f-display); font-size: 19px; line-height: 1.1; color: var(--ink); }\n    .rstep-ar { font-family: \"Tajawal\", sans-serif; direction: rtl; text-align: left; font-size: 13px; color: var(--muted); }\n    .rstep-foot { margin-top: auto; padding-top: 14px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }\n    .rstep-price { font-family: var(--f-display); font-size: 19px; color: var(--ink); }\n    .rstep-price sup { font-size: 0.56em; color: var(--accent-deep); }\n    .rstep-link { font-family: var(--f-mono); font-size: 9.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent-deep); text-decoration: none; }\n    .rstep-link:hover { color: var(--ink); }\n\n    .results-cta { margin-top: clamp(32px,4vw,52px); display: flex; flex-direction: column; align-items: center; gap: 14px; }\n    .results-total { font-family: var(--f-mono); font-size: 12px; letter-spacing: 0.1em; color: var(--muted); }\n    .results-total strong { font-family: var(--f-display); font-size: 22px; color: var(--ink); letter-spacing: 0; margin-left: 6px; }\n    .order-all {\n      display: inline-flex; align-items: center; gap: 12px;\n      font-family: \"Tajawal\", sans-serif; font-size: 16.5px; font-weight: 500;\n      color: var(--paper); background: #1fa15c; padding: 17px 34px; border-radius: 2px; text-decoration: none;\n      transition: transform .2s ease, box-shadow .2s ease;\n    }\n    .order-all:hover { transform: translateY(-2px); box-shadow: 0 18px 40px -16px rgba(20,90,55,0.5); }\n    .order-all svg { width: 20px; height: 20px; fill: #fff; }\n    .restart { font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); background: none; border: none; cursor: pointer; }\n    .restart:hover { color: var(--accent-deep); }\n\n    @media (max-width: 560px) { .opts { grid-template-columns: 1fr; } }\n  \u003c/style\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n\n  \u003c!-- Utility bar --\u003e\n  \u003cdiv class=\"utility\"\u003e\n    \u003cspan class=\"ticker\"\u003e\n      \u003cspan\u003eTrusted Care For The Beauty You Deserve\u003c/span\u003e\n      \u003cspan class=\"dot\"\u003e\u003c/span\u003e\n      \u003cspan\u003eعنايةٌ تثقين بها، جمالٌ تستحقّينه\u003c/span\u003e\n      \u003cspan class=\"dot\"\u003e\u003c/span\u003e\n      \u003cspan\u003eFind your routine in a minute · اعرفي روتينكِ في دقيقة\u003c/span\u003e\n    \u003c/span\u003e\n  \u003c/div\u003e\n\n  \u003c!-- Navigation --\u003e\n  \u003cheader class=\"nav\"\u003e\n    \u003cdiv class=\"rail nav-inner\"\u003e\n      \u003cdiv class=\"nav-left\"\u003e\n        \u003ca href=\"Shop.html\" data-i18n=\"nav.shop\"\u003eShop\u003c/a\u003e\n        \u003ca href=\"Journal.html\" class=\"item-hide\" data-i18n=\"nav.journal\"\u003eJournal\u003c/a\u003e\n        \u003ca href=\"Quiz.html\" class=\"is-active item-hide\" data-i18n=\"nav.quiz\"\u003eFind my routine\u003c/a\u003e\n        \u003ca href=\"index.html#ritual\" class=\"item-hide\" data-i18n=\"nav.ritual\"\u003eRitual\u003c/a\u003e\n        \u003ca href=\"Our Story.html\" class=\"item-hide\" data-i18n=\"nav.story\"\u003eOur Story\u003c/a\u003e\n      \u003c/div\u003e\n      \u003ca href=\"index.html\" class=\"wordmark\" aria-label=\"LOWE'S profesyonel\"\u003e\n        \u003cspan class=\"wm-word\"\u003eLOWE'S\u003c/span\u003e\n        \u003cspan class=\"wm-script\"\u003eprofesyonel\u003c/span\u003e\n      \u003c/a\u003e\n      \u003cdiv class=\"nav-right\"\u003e\n        \u003ca href=\"Our Story.html\" class=\"item-hide\" data-i18n=\"nav.story\"\u003eOur Story\u003c/a\u003e\n        \u003ca href=\"https://wa.me/908507627034\" target=\"_blank\" rel=\"noopener\" data-i18n=\"nav.whatsapp\"\u003eWhatsApp\u003c/a\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/header\u003e\n\n  \u003csection class=\"quiz-wrap\"\u003e\n    \u003cdiv class=\"rail\"\u003e\n      \u003cdiv class=\"quiz-head\"\u003e\n        \u003cdiv class=\"hero-tag\"\u003e\u003cspan class=\"pip\"\u003e\u003c/span\u003e\u003cspan\u003eRoutine Builder · مرشد الروتين\u003c/span\u003e\u003c/div\u003e\n        \u003ch1\u003e\u003cspan class=\"only-en\"\u003eFind your \u003cem\u003eroutine.\u003c/em\u003e\u003c/span\u003e\u003cspan class=\"only-ar\"\u003eاكتشفي \u003cem\u003eروتينكِ.\u003c/em\u003e\u003c/span\u003e\u003c/h1\u003e\n        \u003cp class=\"ar-line only-en\"\u003eأربع أسئلة، وروتين مصمّم لبشرتكِ من منتجات LOWE'S\u003c/p\u003e\n        \u003cp class=\"only-en\"\u003eFour quick questions. We'll build a complete routine from the LOWE'S catalogue, tailored to your skin — then you order the whole set on WhatsApp.\u003c/p\u003e\n        \u003cp class=\"only-ar\" style=\"font-family:'Tajawal',sans-serif;direction:rtl;\"\u003eأربعة أسئلة سريعة، ونبني لكِ روتيناً كاملاً من كتالوج LOWE'S مصمّماً لبشرتكِ — ثم تطلبين الطقم كاملاً عبر واتساب.\u003c/p\u003e\n      \u003c/div\u003e\n\n      \u003c!-- Quiz --\u003e\n      \u003cdiv class=\"quiz-card\" id=\"quizCard\"\u003e\n        \u003cdiv class=\"quiz-progress\" id=\"progress\"\u003e\u003c/div\u003e\n        \u003cdiv id=\"steps\"\u003e\u003c/div\u003e\n        \u003cdiv class=\"quiz-nav\"\u003e\n          \u003cbutton class=\"qbtn ghost\" id=\"backBtn\" type=\"button\"\u003e← \u003cspan data-i18n=\"quiz.back\"\u003eBack\u003c/span\u003e\u003c/button\u003e\n          \u003cbutton class=\"qbtn\" id=\"nextBtn\" type=\"button\" disabled\u003e\u003cspan data-i18n=\"quiz.next\"\u003eNext\u003c/span\u003e →\u003c/button\u003e\n        \u003c/div\u003e\n      \u003c/div\u003e\n\n      \u003c!-- Results --\u003e\n      \u003cdiv class=\"results\" id=\"results\"\u003e\n        \u003cdiv class=\"results-head\"\u003e\n          \u003cspan class=\"q-num\" data-i18n=\"quiz.resultKicker\"\u003eYour routine\u003c/span\u003e\n          \u003ch2\u003e\u003cspan class=\"only-en\"\u003eBuilt for \u003cem\u003eyour skin.\u003c/em\u003e\u003c/span\u003e\u003cspan class=\"only-ar\"\u003eمصمّم \u003cem\u003eلبشرتكِ.\u003c/em\u003e\u003c/span\u003e\u003c/h2\u003e\n          \u003cp class=\"summary\" id=\"resultSummary\"\u003e\u003c/p\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"routine-grid\" id=\"routineGrid\"\u003e\u003c/div\u003e\n        \u003cdiv class=\"results-cta\"\u003e\n          \u003cdiv class=\"results-total\" id=\"resultTotal\"\u003e\u003c/div\u003e\n          \u003ca class=\"order-all\" id=\"orderAll\" href=\"#\" target=\"_blank\" rel=\"noopener\"\u003e\n            \u003csvg viewBox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003cuse href=\"#wa-glyph\"/\u003e\u003c/svg\u003e\n            \u003cspan data-i18n=\"quiz.orderAll\"\u003eOrder this routine on WhatsApp\u003c/span\u003e\n          \u003c/a\u003e\n          \u003cbutton class=\"restart\" id=\"restartBtn\" type=\"button\" data-i18n=\"quiz.restart\"\u003eStart over\u003c/button\u003e\n        \u003c/div\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/section\u003e\n\n  \u003csvg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\"\u003e\n    \u003cdefs\u003e\n      \u003cpath id=\"wa-glyph\" d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\u003e\u003c/path\u003e\n    \u003c/defs\u003e\n  \u003c/svg\u003e\n\n  \u003c!-- Footer --\u003e\n  \u003cfooter class=\"foot\"\u003e\n    \u003cdiv class=\"rail\"\u003e\n      \u003cdiv class=\"foot-base\"\u003e\n        \u003cspan\u003e© 2026 LOWE'S profesyonel · info@lowesprofesyonel.com\u003c/span\u003e\n        \u003cdiv class=\"links\"\u003e\n          \u003ca href=\"index.html\"\u003eHome\u003c/a\u003e\n          \u003ca href=\"Journal.html\" data-i18n=\"nav.journal\"\u003eJournal\u003c/a\u003e\n          \u003ca href=\"Shop.html\" data-i18n=\"nav.shop\"\u003eShop\u003c/a\u003e\n          \u003ca href=\"Our Story.html\" data-i18n=\"nav.story\"\u003eOur Story\u003c/a\u003e\n        \u003c/div\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/footer\u003e\n\n  \u003ca class=\"wa-fab\" href=\"https://wa.me/908507627034\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\"\u003e\u003csvg viewBox=\"0 0 24 24\"\u003e\u003cuse href=\"#wa-glyph\"/\u003e\u003c/svg\u003e\u003c/a\u003e\n\n  \u003cscript src=\"i18n.js?v=32\"\u003e\u003c/script\u003e\n  \u003cscript src=\"products-data.js?v=21\"\u003e\u003c/script\u003e\n  \u003cscript\u003e\n    (function () {\n      function L() { return window.LOWES_getLang ? window.LOWES_getLang() : 'en'; }\n      var P = window.LOWES_PRODUCTS || [];\n      var byId = {};\n      P.forEach(function (p) { byId[p.id] = p; });\n\n      // ── Questions ──\n      var QUESTIONS = [\n        { key: 'skin', en: 'What is your skin type?', ar: 'ما نوع بشرتكِ؟',\n          opts: [\n            { v:'oily',      en:'Oily / Combination', ar:'دهنية / مختلطة' },\n            { v:'normal',    en:'Normal',             ar:'عادية' },\n            { v:'dry',       en:'Dry',                ar:'جافة' },\n            { v:'sensitive', en:'Sensitive',          ar:'حسّاسة' }\n          ] },\n        { key: 'concern', en: 'Your main concern?', ar: 'ما همّكِ الأساسي؟',\n          opts: [\n            { v:'acne',       en:'Acne \u0026 breakouts',     ar:'حب الشباب والبثور' },\n            { v:'darkspots',  en:'Dark spots \u0026 pigmentation', ar:'البقع الداكنة والتصبّغات' },\n            { v:'aging',      en:'Fine lines \u0026 firmness', ar:'الخطوط والمرونة' },\n            { v:'dullness',   en:'Dullness \u0026 uneven tone', ar:'البهتان وتفاوت اللون' },\n            { v:'dryness',    en:'Dryness \u0026 dehydration', ar:'الجفاف ونقص الترطيب' },\n            { v:'sensitivity',en:'Redness \u0026 sensitivity', ar:'الاحمرار والحساسية' }\n          ] },\n        { key: 'extra', en: 'Anything else to include?', ar: 'تريدين إضافة شيء آخر؟',\n          opts: [\n            { v:'none', en:'Just my face routine', ar:'روتين الوجه فقط' },\n            { v:'hair', en:'Add hair care',         ar:'أضيفي عناية الشعر' },\n            { v:'body', en:'Add body care',         ar:'أضيفي عناية الجسم' },\n            { v:'eye',  en:'Add under-eye care',    ar:'أضيفي عناية محيط العين' }\n          ] },\n        { key: 'depth', en: 'How complete should it be?', ar: 'كم تريدين الروتين شاملاً؟',\n          opts: [\n            { v:'essential', en:'Essential — 3 steps', ar:'أساسي — ٣ خطوات' },\n            { v:'complete',  en:'Complete — full ritual', ar:'كامل — الطقس كله' }\n          ] }\n      ];\n\n      var STEP_LABELS = {\n        cleanse: { en:'01 · Cleanse', ar:'٠١ · تنظيف' },\n        tone:    { en:'02 · Tone',    ar:'٠٢ · تونر' },\n        treat:   { en:'03 · Treat',   ar:'٠٣ · علاج' },\n        eye:     { en:'04 · Eye',     ar:'٠٤ · العين' },\n        moist:   { en:'05 · Moisturize', ar:'٠٥ · ترطيب' },\n        protect: { en:'06 · Protect', ar:'٠٦ · حماية' },\n        hair:    { en:'+ · Hair',     ar:'+ · الشعر' },\n        body:    { en:'+ · Body',     ar:'+ · الجسم' }\n      };\n\n      var answers = {};\n      var current = 0;\n\n      var stepsEl = document.getElementById('steps');\n      var progressEl = document.getElementById('progress');\n      var backBtn = document.getElementById('backBtn');\n      var nextBtn = document.getElementById('nextBtn');\n      var quizCard = document.getElementById('quizCard');\n      var resultsEl = document.getElementById('results');\n\n      function t(k){ return window.LOWES_t ? window.LOWES_t(k) : k; }\n\n      function buildSteps() {\n        var ar = L() === 'ar';\n        stepsEl.innerHTML = '';\n        progressEl.innerHTML = '';\n        QUESTIONS.forEach(function (q, qi) {\n          var seg = document.createElement('span');\n          if (qi \u003c= current) seg.className = 'done';\n          progressEl.appendChild(seg);\n\n          var step = document.createElement('div');\n          step.className = 'step' + (qi === current ? ' active' : '');\n          step.setAttribute('data-step', qi);\n          var optsHtml = q.opts.map(function (o) {\n            var seld = answers[q.key] === o.v ? ' sel' : '';\n            return '\u003cbutton type=\"button\" class=\"opt' + seld + '\" role=\"radio\" aria-checked=\"' + (seld ? 'true' : 'false') + '\" data-q=\"' + q.key + '\" data-v=\"' + o.v + '\"\u003e' +\n                     '\u003cspan class=\"o-en\"\u003e' + (ar ? o.ar : o.en) + '\u003c/span\u003e' +\n                     '\u003cspan class=\"o-ar\"\u003e' + (ar ? o.en : o.ar) + '\u003c/span\u003e' +\n                   '\u003c/button\u003e';\n          }).join('');\n          step.innerHTML =\n            '\u003cspan class=\"q-num\"\u003e' + (ar ? 'سؤال ' : 'Question ') + (qi + 1) + ' / ' + QUESTIONS.length + '\u003c/span\u003e' +\n            '\u003ch2 class=\"q-title\"\u003e' + (ar ? q.ar : q.en) + '\u003c/h2\u003e' +\n            '\u003cp class=\"q-ar\"\u003e' + (ar ? q.en : q.ar) + '\u003c/p\u003e' +\n            '\u003cdiv class=\"opts\" role=\"radiogroup\"\u003e' + optsHtml + '\u003c/div\u003e';\n          stepsEl.appendChild(step);\n        });\n\n        stepsEl.querySelectorAll('.opt').forEach(function (b) {\n          b.addEventListener('click', function () {\n            var qk = b.getAttribute('data-q');\n            answers[qk] = b.getAttribute('data-v');\n            var parent = b.closest('.opts');\n            parent.querySelectorAll('.opt').forEach(function (x) { x.classList.remove('sel'); x.setAttribute('aria-checked', 'false'); });\n            b.classList.add('sel');\n            b.setAttribute('aria-checked', 'true');\n            nextBtn.disabled = false;\n          });\n        });\n        syncNav();\n      }\n\n      function syncNav() {\n        var ar = L() === 'ar';\n        backBtn.style.visibility = current === 0 ? 'hidden' : 'visible';\n        var last = current === QUESTIONS.length - 1;\n        nextBtn.querySelector('span').textContent = last ? (ar ? 'اعرضي روتيني' : 'See my routine') : (ar ? 'التالي' : 'Next');\n        nextBtn.disabled = !answers[QUESTIONS[current].key];\n        progressEl.querySelectorAll('span').forEach(function (s, i) { s.classList.toggle('done', i \u003c= current); });\n      }\n\n      function showStep(i) {\n        current = i;\n        stepsEl.querySelectorAll('.step').forEach(function (s) {\n          s.classList.toggle('active', +s.getAttribute('data-step') === i);\n        });\n        syncNav();\n      }\n\n      nextBtn.addEventListener('click', function () {\n        if (!answers[QUESTIONS[current].key]) return;\n        if (current \u003c QUESTIONS.length - 1) { showStep(current + 1); }\n        else { showResults(); }\n      });\n      backBtn.addEventListener('click', function () { if (current \u003e 0) showStep(current - 1); });\n\n      // ── Recommendation engine ──\n      function recommend() {\n        var skin = answers.skin, concern = answers.concern, extra = answers.extra, depth = answers.depth;\n        var routine = [];\n\n        // Cleanse\n        routine.push({ step:'cleanse', id: (skin === 'oily' || skin === 'sensitive' || concern === 'acne') ? 'cleanser-oily' : 'cleanser-dry' });\n\n        // Tone (complete only)\n        var toneId = (skin === 'oily' || concern === 'acne' || concern === 'darkspots') ? 'toner-pore' : 'rice-toner';\n\n        // Treat (by concern)\n        var treatMap = { acne:'anti-acne', darkspots:'dark-spot', aging:'retinal-shot', dullness:'vitc', dryness:'hydration', sensitivity:'hydration' };\n        routine.push({ step:'treat', id: treatMap[concern] || 'vitc' });\n\n        // Moisturize\n        var moistId = (concern === 'darkspots' || concern === 'dullness') ? 'whitening' : 'moist-cream';\n\n        // Protect\n        var protectId = (skin === 'sensitive' || concern === 'sensitivity') ? 'pink-sun' : (concern === 'darkspots' ? 'orange-sun' : 'pink-sun');\n\n        if (depth === 'complete') {\n          routine.splice(1, 0, { step:'tone', id: toneId });\n          if (extra === 'eye') routine.push({ step:'eye', id:'eye' });\n          routine.push({ step:'moist', id: moistId });\n          routine.push({ step:'protect', id: protectId });\n        } else {\n          routine.push({ step:'moist', id: moistId });\n        }\n\n        if (extra === 'hair') routine.push({ step:'hair', id:'hair-oil' });\n        if (extra === 'body') routine.push({ step:'body', id:'firming' });\n\n        // de-dupe by id, keep first\n        var seen = {}, out = [];\n        routine.forEach(function (r) { if (!seen[r.id] \u0026\u0026 byId[r.id]) { seen[r.id] = 1; out.push(r); } });\n        return out;\n      }\n\n      function showResults() {\n        var ar = L() === 'ar';\n        var routine = recommend();\n        quizCard.style.display = 'none';\n        document.querySelector('.quiz-head').style.display = 'none';\n        resultsEl.classList.add('show');\n\n        // Summary\n        var skinLabel = (QUESTIONS[0].opts.find(function(o){return o.v===answers.skin;})||{});\n        var concernLabel = (QUESTIONS[1].opts.find(function(o){return o.v===answers.concern;})||{});\n        document.getElementById('resultSummary').textContent = ar\n          ? ('لبشرة ' + (skinLabel.ar||'') + ' مع التركيز على ' + (concernLabel.ar||'') + ' — إليكِ الروتين المقترح بالترتيب.')\n          : ('For ' + (skinLabel.en||'').toLowerCase() + ' skin focused on ' + (concernLabel.en||'').toLowerCase() + ' — here is your routine, in order.');\n\n        // Cards\n        var grid = document.getElementById('routineGrid');\n        grid.innerHTML = '';\n        var total = 0, lines = [];\n        routine.forEach(function (r) {\n          var p = byId[r.id];\n          if (!p) return;\n          if (p.price) total += p.price;\n          var sl = STEP_LABELS[r.step] || { en:'', ar:'' };\n          var priceHtml = p.price ? '\u003cspan class=\"rstep-price\"\u003e\u003csup\u003e$\u003c/sup\u003e' + p.price + '\u003c/span\u003e' : '\u003cspan class=\"rstep-price\" style=\"font-family:\\'El Messiri\\',serif;font-size:15px;color:var(--accent-deep)\"\u003e' + t('label.ask') + '\u003c/span\u003e';\n          var card = document.createElement('div');\n          card.className = 'rstep';\n          card.style.setProperty('--p-accent', p.accent);\n          card.innerHTML =\n            '\u003ca href=\"' + window.lowesProductUrl(p) + '\" style=\"text-decoration:none;color:inherit;\"\u003e' +\n              '\u003cdiv class=\"rstep-stage\"\u003e' +\n                '\u003cspan class=\"rstep-step\"\u003e' + (ar ? sl.ar : sl.en) + '\u003c/span\u003e' +\n                '\u003cimg src=\"' + p.img + '\" alt=\"' + p.en + '\"/\u003e' +\n              '\u003c/div\u003e' +\n            '\u003c/a\u003e' +\n            '\u003cdiv class=\"rstep-body\"\u003e' +\n              '\u003ca href=\"' + window.lowesProductUrl(p) + '\" style=\"text-decoration:none;color:inherit;\"\u003e' +\n                '\u003cspan class=\"rstep-name\"\u003e' + (ar ? p.ar : p.en) + '\u003c/span\u003e' +\n              '\u003c/a\u003e' +\n              '\u003cspan class=\"rstep-ar\"\u003e' + (ar ? p.en : p.ar) + '\u003c/span\u003e' +\n              '\u003cdiv class=\"rstep-foot\"\u003e' + priceHtml +\n                '\u003ca class=\"rstep-link\" href=\"' + window.lowesProductUrl(p) + '\"\u003e' + t('cta.fullDetails') + ' →\u003c/a\u003e' +\n              '\u003c/div\u003e' +\n            '\u003c/div\u003e';\n          grid.appendChild(card);\n          lines.push((ar ? p.ar : p.en) + (p.price ? ' — $' + p.price : ''));\n        });\n\n        // Total + combined WA order\n        document.getElementById('resultTotal').innerHTML = (ar ? 'إجمالي الطقم' : 'Routine total') +\n          ' \u003cstrong\u003e$' + total + '\u003c/strong\u003e';\n        var msg = (ar ? 'مرحباً LOWE\\u2019S 🌿\\nأرغب بطلب هذا الروتين:\\n' : 'Hello LOWE\\u2019S 🌿\\nI\\u2019d like to order this routine:\\n') +\n          lines.map(function (l, i) { return (i + 1) + '. ' + l; }).join('\\n') +\n          (total ? ('\\n\\n' + (ar ? 'الإجمالي التقريبي: $' : 'Approx. total: $') + total) : '');\n        document.getElementById('orderAll').href = 'https://wa.me/' + window.LOWES_WA + '?text=' + encodeURIComponent(msg);\n\n        // v19: \"Add all to bag\" — one tap moves the whole routine into the cart drawer\n        (function () {\n          var old = document.getElementById('quizAddAll');\n          if (old) old.remove();\n          var b = document.createElement('button');\n          b.id = 'quizAddAll';\n          b.type = 'button';\n          b.className = 'lowes-add';\n          b.style.cssText = 'padding:13px 24px;font-size:11px;';\n          b.innerHTML = '\u003cspan class=\"only-en\"\u003eAdd the routine to my bag\u003c/span\u003e\u003cspan class=\"only-ar\"\u003eأضيفي الروتين إلى سلّتي\u003c/span\u003e';\n          b.addEventListener('click', function () {\n            if (!window.LOWES_bag) return;\n            routine.forEach(function (r) { if (byId[r.id]) window.LOWES_bag.add(r.id, 1); });\n            window.LOWES_bag.open();\n          });\n          var cta = document.querySelector('.results-cta');\n          var orderAll = document.getElementById('orderAll');\n          if (cta \u0026\u0026 orderAll) cta.insertBefore(b, orderAll.nextSibling);\n        })();\n\n        // Conversion event: routine completed → Meta CompleteRegistration (mapped in analytics.js)\n        try {\n          if (window.LOWES_track) window.LOWES_track('quiz_complete', {\n            skin: answers.skin, concern: answers.concern, extra: answers.extra, depth: answers.depth,\n            items: routine.length, value: total, currency: 'USD'\n          });\n        } catch (e) {}\n\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      }\n\n      document.getElementById('restartBtn').addEventListener('click', function () {\n        answers = {}; current = 0;\n        resultsEl.classList.remove('show');\n        quizCard.style.display = '';\n        document.querySelector('.quiz-head').style.display = '';\n        buildSteps(); showStep(0);\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n\n      buildSteps();\n      showStep(0);\n\n      // Rebuild on language change (preserve answers \u0026 position)\n      document.addEventListener('lowes-lang', function () {\n        var wasResults = resultsEl.classList.contains('show');\n        buildSteps();\n        showStep(current);\n        if (wasResults) showResults();\n      });\n    })();\n  \u003c/script\u003e\n\n  \u003cscript src=\"cart.js?v=21\"\u003e\u003c/script\u003e\n\u003c/body\u003e\n\u003c/html\u003e\n","link":""}