{"product_id":"dualora™-sneakershield","title":"Dualora™ Sneaker Refresh","description":"\u003cbody\u003e\n\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n  \u003ctitle\u003eDualora™ Sneaker Refresh\u003c\/title\u003e\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=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,400\u0026amp;family=Plus+Jakarta+Sans:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n  \n  \u003cstyle\u003e\n    \/* ==========================================================================\n       DUALORA™ BRAND DESIGN SYSTEM - SCOPED TO PREVENT SHOPIFY THEME CONFLICTS\n       ========================================================================== *\/\n    .dualora-pdp-container {\n      --d-emerald: #0F5233;\n      --d-emerald-light: #059669;\n      --d-emerald-tint: #ECFDF5;\n      --d-emerald-border: #A7F3D0;\n      --d-dark: #111827;\n      --d-body: #374151;\n      --d-muted: #6B7280;\n      --d-light: #F9FAFB;\n      --d-border: #E5E7EB;\n      --d-white: #FFFFFF;\n      --font-serif: 'Cormorant Garamond', Georgia, serif;\n      --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n\n      font-family: var(--font-sans);\n      color: var(--d-dark);\n      background-color: var(--d-white);\n      max-width: 600px;\n      margin: 0 auto;\n      padding: 16px 12px;\n      line-height: 1.5;\n      -webkit-font-smoothing: antialiased;\n      box-sizing: border-box;\n    }\n\n    .dualora-pdp-container * {\n      box-sizing: border-box;\n    }\n\n    \/* ==========================================================================\n       1. HEADER \u0026 BRAND BADGES (Exact Match to Screenshot Format)\n       ========================================================================== *\/\n    .dualora-header {\n      text-align: center;\n      margin-bottom: 28px;\n    }\n\n    .dualora-badge-pill {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 5px 14px;\n      background-color: var(--d-emerald-tint);\n      border: 1px solid var(--d-emerald-border);\n      border-radius: 9999px;\n      color: var(--d-emerald);\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      margin-bottom: 12px;\n    }\n\n    .dualora-title {\n      font-family: var(--font-serif);\n      font-size: 28px;\n      font-weight: 600;\n      color: var(--d-dark);\n      margin: 0 0 14px 0;\n      line-height: 1.25;\n      letter-spacing: -0.01em;\n    }\n\n    .dualora-intro-text {\n      font-size: 13.5px;\n      color: var(--d-body);\n      line-height: 1.6;\n      margin: 0 0 12px 0;\n      text-align: center;\n    }\n\n    .dualora-section-subtitle {\n      color: var(--d-emerald);\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      margin-bottom: 4px;\n      display: block;\n      text-align: center;\n    }\n\n    .dualora-section-heading {\n      font-family: var(--font-serif);\n      font-size: 24px;\n      font-weight: 600;\n      color: var(--d-dark);\n      margin: 0 0 20px 0;\n      text-align: center;\n    }\n\n    \/* ==========================================================================\n       2. INTERACTIVE SNEAKER TRANSFORMATION SLIDER (FULLY MOBILE \u0026 TOUCH READY)\n       ========================================================================== *\/\n    .dualora-interactive-card {\n      background: var(--d-white);\n      border: 1px solid var(--d-border);\n      border-radius: 18px;\n      padding: 16px;\n      margin-bottom: 32px;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);\n    }\n\n    .dualora-slider-wrapper {\n      position: relative;\n      width: 100%;\n      height: 250px;\n      border-radius: 12px;\n      overflow: hidden;\n      touch-action: none; \/* Prevents page scroll while dragging on mobile *\/\n      user-select: none;\n      -webkit-user-select: none;\n      box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08);\n      background-color: #111;\n    }\n\n    \/* Canvas visual layers *\/\n    .dualora-view-layer {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      padding: 16px;\n    }\n\n    .dualora-layer-dirty {\n      background: linear-gradient(135deg, #2D2722 0%, #171412 100%);\n      color: #E5D5C5;\n    }\n\n    .dualora-layer-clean {\n      background: linear-gradient(135deg, #0F5233 0%, #062B1A 100%);\n      color: #FFFFFF;\n    }\n\n    .dualora-clip-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 50%; \/* JS dynamically alters this width *\/\n      overflow: hidden;\n      border-right: 2px solid #FFFFFF;\n      box-shadow: 4px 0 15px rgba(0,0,0,0.3);\n      z-index: 2;\n    }\n\n    \/* Handle Button *\/\n    .dualora-drag-handle {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 38px;\n      height: 38px;\n      background-color: #FFFFFF;\n      border: 2px solid var(--d-emerald);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.25);\n      z-index: 10;\n      cursor: ew-resize;\n    }\n\n    .dualora-handle-icon {\n      display: flex;\n      gap: 3px;\n      color: var(--d-emerald);\n      font-size: 11px;\n      font-weight: 800;\n    }\n\n    \/* Visual Sneaker Illustration SVGs *\/\n    .dualora-sneaker-svg {\n      width: 110px;\n      height: 60px;\n      margin-bottom: 8px;\n    }\n\n    .dualora-status-tag {\n      position: absolute;\n      bottom: 10px;\n      padding: 4px 10px;\n      border-radius: 20px;\n      font-size: 10px;\n      font-weight: 700;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      z-index: 4;\n      pointer-events: none;\n    }\n\n    .dualora-tag-before {\n      left: 10px;\n      background: rgba(0, 0, 0, 0.7);\n      color: #F3F4F6;\n    }\n\n    .dualora-tag-after {\n      right: 10px;\n      background: rgba(15, 82, 51, 0.9);\n      color: #FFFFFF;\n      box-shadow: 0 0 10px rgba(5, 150, 105, 0.5);\n    }\n\n    \/* Mobile Quick Tap Preset Buttons *\/\n    .dualora-preset-controls {\n      display: flex;\n      justify-content: center;\n      gap: 8px;\n      margin-top: 14px;\n    }\n\n    .dualora-btn-preset {\n      background-color: var(--d-light);\n      border: 1px solid var(--d-border);\n      border-radius: 20px;\n      padding: 6px 14px;\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--d-body);\n      cursor: pointer;\n      transition: all 0.2s ease;\n    }\n\n    .dualora-btn-preset.active,\n    .dualora-btn-preset:active {\n      background-color: var(--d-emerald-tint);\n      border-color: var(--d-emerald-border);\n      color: var(--d-emerald);\n    }\n\n    \/* ==========================================================================\n       3. CORE BENEFITS LIST (Exact Card Style from Reference)\n       ========================================================================== *\/\n    .dualora-benefits-group {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n      margin-bottom: 32px;\n    }\n\n    .dualora-card-item {\n      background: var(--d-white);\n      border: 1px solid var(--d-border);\n      border-radius: 14px;\n      padding: 16px;\n      display: flex;\n      align-items: flex-start;\n      gap: 14px;\n      box-shadow: 0 2px 6px rgba(0,0,0,0.02);\n    }\n\n    .dualora-card-icon {\n      width: 38px;\n      height: 38px;\n      min-width: 38px;\n      border-radius: 10px;\n      background-color: var(--d-emerald-tint);\n      border: 1px solid var(--d-emerald-border);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--d-emerald);\n    }\n\n    .dualora-card-text {\n      flex: 1;\n    }\n\n    .dualora-card-title {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--d-dark);\n      margin: 0 0 3px 0;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .dualora-card-desc {\n      font-size: 12.5px;\n      color: var(--d-muted);\n      margin: 0;\n      line-height: 1.5;\n    }\n\n    \/* ==========================================================================\n       4. ACCORDION \/ STEP-BY-STEP PROCESS\n       ========================================================================== *\/\n    .dualora-accordion-box {\n      background-color: var(--d-light);\n      border: 1px solid var(--d-border);\n      border-radius: 16px;\n      padding: 18px 14px;\n      margin-bottom: 32px;\n    }\n\n    .dualora-step-card {\n      background: var(--d-white);\n      border: 1px solid var(--d-border);\n      border-radius: 12px;\n      padding: 12px 14px;\n      margin-bottom: 8px;\n      cursor: pointer;\n      transition: border-color 0.2s ease;\n    }\n\n    .dualora-step-card:last-child {\n      margin-bottom: 0;\n    }\n\n    .dualora-step-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .dualora-step-left {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .dualora-step-badge {\n      width: 22px;\n      height: 22px;\n      border-radius: 50%;\n      background-color: var(--d-dark);\n      color: var(--d-white);\n      font-size: 11px;\n      font-weight: 700;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .dualora-step-name {\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--d-dark);\n    }\n\n    .dualora-step-chevron {\n      color: var(--d-muted);\n      transition: transform 0.3s ease;\n    }\n\n    .dualora-step-body {\n      font-size: 12px;\n      color: var(--d-muted);\n      margin-top: 8px;\n      padding-top: 8px;\n      border-top: 1px dashed var(--d-border);\n      line-height: 1.5;\n      display: none;\n    }\n\n    .dualora-step-card.active .dualora-step-chevron {\n      transform: rotate(180deg);\n      color: var(--d-emerald);\n    }\n\n    .dualora-step-card.active .dualora-step-body {\n      display: block;\n    }\n\n    \/* ==========================================================================\n       5. SPECS \u0026 FIT NOTICE\n       ========================================================================== *\/\n    .dualora-spec-callout {\n      border: 1px dashed var(--d-emerald-light);\n      background-color: var(--d-emerald-tint);\n      border-radius: 14px;\n      padding: 16px;\n      margin-bottom: 24px;\n      font-size: 12.5px;\n      color: var(--d-body);\n    }\n\n    .dualora-spec-title {\n      font-weight: 700;\n      color: var(--d-emerald);\n      margin-bottom: 6px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    \/* ==========================================================================\n       6. TRUST FOOTER BADGES\n       ========================================================================== *\/\n    .dualora-trust-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 8px;\n      padding-top: 16px;\n      border-top: 1px solid var(--d-border);\n      text-align: center;\n    }\n\n    .dualora-trust-cell {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .dualora-trust-cell svg {\n      color: var(--d-emerald);\n    }\n\n    .dualora-trust-label {\n      font-size: 10.5px;\n      font-weight: 600;\n      color: var(--d-dark);\n      line-height: 1.2;\n    }\n  \u003c\/style\u003e\n\n\n\n  \u003cdiv class=\"dualora-pdp-container\"\u003e\n\n    \u003c!-- 1. HEADER SECTION --\u003e\n    \u003cdiv class=\"dualora-header\"\u003e\n      \u003cdiv class=\"dualora-badge-pill\"\u003e\n        \u003csvg width=\"12\" height=\"12\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003cpath d=\"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        SELF-CARE RITUAL\n      \u003c\/div\u003e\n\n      \u003ch1 class=\"dualora-title\"\u003eDualora™ Sneaker Refresh\u003c\/h1\u003e\n\n      \u003cp class=\"dualora-intro-text\"\u003e\n        \u003cstrong\u003eCleaner sneakers. Less effort. More time for you.\u003c\/strong\u003e\u003cbr\u003e\n        Your favourite sneakers deserve a refresh, not another chore. Dualora™ Sneaker Refresh makes caring for machine-washable shoes efficient and convenient, combining cleaning fibres with cushioned protection in one reusable wash bag.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 2. INTERACTIVE SNEAKER TRANSFORMATION SLIDER --\u003e\n    \u003cdiv class=\"dualora-interactive-card\"\u003e\n      \u003cspan class=\"dualora-section-subtitle\"\u003eTHE DUALORA TRANSFORMATION\u003c\/span\u003e\n      \u003ch2 class=\"dualora-section-heading\"\u003eSlide To Refresh\u003c\/h2\u003e\n\n      \u003cdiv class=\"dualora-slider-wrapper\" id=\"dualoraSlider\"\u003e\n        \n        \u003c!-- CLEAN LAYER (Underneath) --\u003e\n        \u003cdiv class=\"dualora-view-layer dualora-layer-clean\"\u003e\n          \u003csvg class=\"dualora-sneaker-svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"1.5\"\u003e\n            \u003cpath d=\"M2 18h20s-1-4-6-5c-2 0-3 1-5 1s-3-1-5-1c-5 1-4 5-4 5Z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M6 13V8a3 3 0 0 1 3-3h3a4 4 0 0 1 4 4v4\"\u003e\u003c\/path\u003e\n            \u003ccircle cx=\"18\" cy=\"7\" r=\"1.5\" fill=\"#FFFFFF\"\u003e\u003c\/circle\u003e\n          \u003c\/svg\u003e\n          \u003cdiv style=\"font-family: var(--font-serif); font-size: 20px; font-weight: 600;\"\u003ePristine Clean\u003c\/div\u003e\n          \u003cdiv style=\"font-size: 10px; opacity: 0.9; letter-spacing: 0.05em;\"\u003eHands-Free Washing • Protected Drum\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- DIRTY LAYER (Overlay clipped by handle) --\u003e\n        \u003cdiv class=\"dualora-clip-overlay\" id=\"dualoraOverlay\"\u003e\n          \u003cdiv class=\"dualora-view-layer dualora-layer-dirty\" style=\"width: 100%; min-width: 280px;\"\u003e\n            \u003csvg class=\"dualora-sneaker-svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#CBBBAA\" stroke-width=\"1.5\" style=\"opacity: 0.7;\"\u003e\n              \u003cpath d=\"M2 18h20s-1-4-6-5c-2 0-3 1-5 1s-3-1-5-1c-5 1-4 5-4 5Z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M6 13V8a3 3 0 0 1 3-3h3a4 4 0 0 1 4 4v4\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M4 11s1.5-2 3-1\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M10 15s2 1.5 1 3\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n            \u003cdiv style=\"font-family: var(--font-serif); font-size: 20px; font-weight: 600; opacity: 0.85;\"\u003eEveryday Dirt\u003c\/div\u003e\n            \u003cdiv style=\"font-size: 10px; opacity: 0.7; letter-spacing: 0.05em;\"\u003eScuffs • Mud • Hand Scrubbing\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- DRAGGABLE HANDLE --\u003e\n        \u003cdiv class=\"dualora-drag-handle\" id=\"dualoraHandle\"\u003e\n          \u003cdiv class=\"dualora-handle-icon\"\u003e\n            \u003cspan\u003e◀\u003c\/span\u003e\n            \u003cspan\u003e▶\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- STATUS LABELS --\u003e\n        \u003cspan class=\"dualora-status-tag dualora-tag-before\"\u003eBefore\u003c\/span\u003e\n        \u003cspan class=\"dualora-status-tag dualora-tag-after\"\u003eAfter\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- ONE-TAP CONTROL BUTTONS FOR MOBILE --\u003e\n      \u003cdiv class=\"dualora-preset-controls\"\u003e\n        \u003cbutton type=\"button\" class=\"dualora-btn-preset\" onclick=\"setDualoraSlider(15)\"\u003eShow Dirty\u003c\/button\u003e\n        \u003cbutton type=\"button\" class=\"dualora-btn-preset active\" onclick=\"setDualoraSlider(50)\"\u003eSplit View\u003c\/button\u003e\n        \u003cbutton type=\"button\" class=\"dualora-btn-preset\" onclick=\"setDualoraSlider(85)\"\u003eShow Clean\u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 3. CORE BENEFITS SECTION --\u003e\n    \u003cspan class=\"dualora-section-subtitle\"\u003eTHE DUALORA EXPERIENCE\u003c\/span\u003e\n    \u003ch2 class=\"dualora-section-heading\"\u003eWhat You'll Feel\u003c\/h2\u003e\n\n    \u003cdiv class=\"dualora-benefits-group\"\u003e\n      \n      \u003cdiv class=\"dualora-card-item\"\u003e\n        \u003cdiv class=\"dualora-card-icon\"\u003e\n          \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"dualora-card-text\"\u003e\n          \u003ch3 class=\"dualora-card-title\"\u003eA Fresher Look, Without The Hassle 🌿\u003c\/h3\u003e\n          \u003cp class=\"dualora-card-desc\"\u003eOver 1,200 soft internal fibres help loosen everyday dirt as your shoes move through the wash. The permeable design lets water and detergent flow through seamlessly.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dualora-card-item\"\u003e\n        \u003cdiv class=\"dualora-card-icon\"\u003e\n          \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"dualora-card-text\"\u003e\n          \u003ch3 class=\"dualora-card-title\"\u003eProtection Where It Matters 🛡️\u003c\/h3\u003e\n          \u003cp class=\"dualora-card-desc\"\u003eSoft fibres surround your shoes to help cushion contact with the washing machine drum. A durable metal zip with an anti-opening cover keeps the bag securely closed.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dualora-card-item\"\u003e\n        \u003cdiv class=\"dualora-card-icon\"\u003e\n          \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 3v5h5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"dualora-card-text\"\u003e\n          \u003ch3 class=\"dualora-card-title\"\u003eReusable Convenience ♻️\u003c\/h3\u003e\n          \u003cp class=\"dualora-card-desc\"\u003eRefresh your everyday favourites, then let the bag dry ready for next time. Makes regular sneaker care a simple part of your routine rather than a time-consuming task.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- 4. STEP-BY-STEP ACCORDION --\u003e\n    \u003cdiv class=\"dualora-accordion-box\"\u003e\n      \u003cspan class=\"dualora-section-subtitle\"\u003eHOW IT WORKS\u003c\/span\u003e\n      \u003ch2 class=\"dualora-section-heading\" style=\"margin-bottom: 14px;\"\u003e4 Easy Steps\u003c\/h2\u003e\n\n      \u003cdiv class=\"dualora-step-card active\" onclick=\"toggleDualoraStep(this)\"\u003e\n        \u003cdiv class=\"dualora-step-header\"\u003e\n          \u003cdiv class=\"dualora-step-left\"\u003e\n            \u003cspan class=\"dualora-step-badge\"\u003e1\u003c\/span\u003e\n            \u003cspan class=\"dualora-step-name\"\u003eCheck \u0026amp; Remove Loose Dirt\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cspan class=\"dualora-step-chevron\"\u003e▼\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"dualora-step-body\"\u003e\n          Check that your shoes are suitable for machine washing and knock off any heavy, loose surface dirt.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dualora-step-card\" onclick=\"toggleDualoraStep(this)\"\u003e\n        \u003cdiv class=\"dualora-step-header\"\u003e\n          \u003cdiv class=\"dualora-step-left\"\u003e\n            \u003cspan class=\"dualora-step-badge\"\u003e2\u003c\/span\u003e\n            \u003cspan class=\"dualora-step-name\"\u003ePlace \u0026amp; Secure Zip\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cspan class=\"dualora-step-chevron\"\u003e▼\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"dualora-step-body\"\u003e\n          Place your shoes inside without overfilling, close the zip fully, and slide it beneath the protective elastic cover.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dualora-step-card\" onclick=\"toggleDualoraStep(this)\"\u003e\n        \u003cdiv class=\"dualora-step-header\"\u003e\n          \u003cdiv class=\"dualora-step-left\"\u003e\n            \u003cspan class=\"dualora-step-badge\"\u003e3\u003c\/span\u003e\n            \u003cspan class=\"dualora-step-name\"\u003eMachine Wash\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cspan class=\"dualora-step-chevron\"\u003e▼\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"dualora-step-body\"\u003e\n          Wash according to your shoe manufacturer's care instructions (gentle\/cold cycle recommended).\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dualora-step-card\" onclick=\"toggleDualoraStep(this)\"\u003e\n        \u003cdiv class=\"dualora-step-header\"\u003e\n          \u003cdiv class=\"dualora-step-left\"\u003e\n            \u003cspan class=\"dualora-step-badge\"\u003e4\u003c\/span\u003e\n            \u003cspan class=\"dualora-step-name\"\u003eAir Dry \u0026amp; Reuse\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cspan class=\"dualora-step-chevron\"\u003e▼\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"dualora-step-body\"\u003e\n          Remove your shoes and allow both the shoes and the Dualora™ bag to dry before reusing.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- 5. FIT SPECIFICATIONS --\u003e\n    \u003cdiv class=\"dualora-spec-callout\"\u003e\n      \u003cdiv class=\"dualora-spec-title\"\u003e\n        \u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n        Sizing \u0026amp; Compatibility\n      \u003c\/div\u003e\n      \u003cstrong\u003eDesigned for a range of shoes:\u003c\/strong\u003e The approx. 39 × 19 cm bag accommodates many sneaker, mesh, casual, and canvas styles for both men and women. Check your shoe dimensions for fit.\u003cbr\u003e\u003cbr\u003e\n      \u003cem\u003eNote: Only use with machine-washable shoes; the bag does not make delicate or non-washable footwear machine safe.\u003c\/em\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 6. TRUST BADGES --\u003e\n    \u003cdiv class=\"dualora-trust-grid\"\u003e\n      \u003cdiv class=\"dualora-trust-cell\"\u003e\n        \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003cspan class=\"dualora-trust-label\"\u003eProtected Wash\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dualora-trust-cell\"\u003e\n        \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 3v5h5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003cspan class=\"dualora-trust-label\"\u003e100% Reusable\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dualora-trust-cell\"\u003e\n        \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"m9 12 2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003cspan class=\"dualora-trust-label\"\u003eQuality Guard Zip\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- SCRIPT ENCAPSULATED FOR SHOPIFY COMPATIBILITY --\u003e\n  \u003cscript\u003e\n    (function() {\n      function initDualoraInteractive() {\n        const slider = document.getElementById('dualoraSlider');\n        const overlay = document.getElementById('dualoraOverlay');\n        const handle = document.getElementById('dualoraHandle');\n        if (!slider || !overlay || !handle) return;\n\n        let active = false;\n\n        function updateSlider(clientX) {\n          const rect = slider.getBoundingClientRect();\n          let x = clientX - rect.left;\n          if (x \u003c 0) x = 0;\n          if (x \u003e rect.width) x = rect.width;\n          const percentage = (x \/ rect.width) * 100;\n          overlay.style.width = percentage + '%';\n          handle.style.left = percentage + '%';\n        }\n\n        \/\/ Global function for mobile preset buttons\n        window.setDualoraSlider = function(percent) {\n          overlay.style.width = percent + '%';\n          handle.style.left = percent + '%';\n          \n          \/\/ Toggle button styles\n          const btns = document.querySelectorAll('.dualora-btn-preset');\n          btns.forEach(b =\u003e b.classList.remove('active'));\n          if(event \u0026\u0026 event.target) {\n            event.target.classList.add('active');\n          }\n        };\n\n        \/\/ Pointer \/ Touch Handlers\n        function onStart(e) {\n          active = true;\n          const clientX = e.touches ? e.touches[0].clientX : e.clientX;\n          updateSlider(clientX);\n        }\n\n        function onMove(e) {\n          if (!active) return;\n          const clientX = e.touches ? e.touches[0].clientX : e.clientX;\n          updateSlider(clientX);\n        }\n\n        function onEnd() {\n          active = false;\n        }\n\n        \/\/ Event Listeners\n        slider.addEventListener('mousedown', onStart);\n        window.addEventListener('mousemove', onMove);\n        window.addEventListener('mouseup', onEnd);\n\n        slider.addEventListener('touchstart', onStart, { passive: true });\n        window.addEventListener('touchmove', onMove, { passive: true });\n        window.addEventListener('touchend', onEnd);\n      }\n\n      \/\/ Accordion function\n      window.toggleDualoraStep = function(element) {\n        const isActive = element.classList.contains('active');\n        const allSteps = document.querySelectorAll('.dualora-step-card');\n        allSteps.forEach(s =\u003e s.classList.remove('active'));\n        if (!isActive) {\n          element.classList.add('active');\n        }\n      };\n\n      if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initDualoraInteractive);\n      } else {\n        initDualoraInteractive();\n      }\n    })();\n  \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Dualora","offers":[{"title":"Default Title","offer_id":67978652713281,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1011\/4862\/3169\/files\/sneakershield-open-with-dirty-sneakers-and-dualora-packaging.png?v=1792600667","url":"https:\/\/www.dualora.co.za\/products\/dualora%e2%84%a2-sneakershield","provider":"Dualora","version":"1.0","type":"link"}