{"product_id":"mini-handheld-steam-iron-powerful-wet-dry-steam-for-home-travel-copy","title":"Travel Steamer Iron for Clothes,1200w Iron Steamer,Portable Handheld Travel Size Steamer iron,8S Fast Heat-Up，Large Ceramic Heat Panel","description":"\u003cbody\u003e\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes\"\u003e\n  \u003c!-- one font, clean --\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=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800;14..32,900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n  \u003cstyle\u003e\n    \/* RESET — NO GAPS, NO MARGINS *\/\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    :root {\n      --blue: #0055ff;\n      --blue-light: #3d7aff;\n      --blue-dark: #0033aa;\n      --black: #000000;\n      --white: #ffffff;\n      --white-off: #f5f5f5;\n      --gray-light: #e5e5e5;\n      --gray: #888888;\n    }\n\n    body {\n      font-family: 'Inter', system-ui, -apple-system, sans-serif;\n      background: var(--white);\n      color: var(--black);\n      line-height: 1.4;\n      width: 100%;\n    }\n\n    .container {\n      width: 100%;\n      max-width: 100%;\n      margin: 0;\n      background: var(--white);\n    }\n\n    \/* VIDEO SECTION *\/\n    .video-section {\n      width: 100%;\n      background: var(--black);\n      padding: 0;\n      line-height: 0;\n      overflow: hidden;\n      position: relative;\n      height: 0;\n      padding-bottom: 56.25%;\n    }\n\n    .video-section video {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n\n    \/* BANNER - BLACK, WHITE, BLUE THEME *\/\n    .sale-banner {\n      width: 100%;\n      background: var(--black);\n      border-bottom: 3px solid var(--blue);\n      padding: 16px 20px;\n    }\n\n    .banner-row {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      flex-wrap: wrap;\n      gap: 15px;\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    .sale-left {\n      display: flex;\n      align-items: center;\n    }\n\n    .sale-title {\n      font-size: 22px;\n      font-weight: 700;\n      color: white;\n      line-height: 1.3;\n    }\n\n    .sale-title span {\n      color: var(--blue);\n      font-weight: 800;\n      background: rgba(0, 85, 255, 0.1);\n      padding: 2px 6px;\n      margin-left: 4px;\n    }\n\n    \/* TIMER DESIGN - BLACK, WHITE, BLUE *\/\n    .timer-wrapper {\n      display: flex;\n      align-items: center;\n      gap: 2px;\n      background: #111;\n      padding: 6px 12px;\n      border: 1px solid var(--blue);\n    }\n\n    .timer-block {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      min-width: 48px;\n      padding: 4px 2px;\n    }\n\n    .timer-number {\n      font-size: 24px;\n      font-weight: 800;\n      color: var(--blue);\n      line-height: 1;\n      font-feature-settings: \"tnum\";\n    }\n\n    .timer-label {\n      font-size: 9px;\n      font-weight: 600;\n      color: #aaa;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-top: 2px;\n    }\n\n    .timer-separator {\n      font-size: 24px;\n      font-weight: 800;\n      color: var(--blue);\n      line-height: 1;\n      opacity: 0.5;\n    }\n\n    .flash-badge {\n      background: var(--blue);\n      color: white;\n      font-weight: 700;\n      font-size: 12px;\n      padding: 6px 12px;\n      margin-left: 8px;\n      border: none;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .sale-banner.hidden {\n      display: none;\n    }\n\n    .hero-image {\n      width: 100%;\n      background: var(--black);\n      line-height: 0;\n      overflow: hidden;\n    }\n\n    .hero-image img {\n      width: 100%;\n      height: auto;\n      display: block;\n      object-fit: cover;\n      min-height: 250px;\n    }\n\n    .title-section {\n      padding: 30px 16px 20px;\n      background: var(--white);\n      text-align: center;\n    }\n\n    .title-section h1 {\n      font-weight: 800;\n      font-size: 32px;\n      line-height: 1.2;\n      color: var(--black);\n      margin-bottom: 10px;\n    }\n\n    .title-section h1 span {\n      color: var(--blue);\n    }\n\n    .title-section .sub {\n      font-size: 16px;\n      font-weight: 400;\n      color: #444;\n      max-width: 500px;\n      margin: 0 auto;\n      line-height: 1.5;\n    }\n\n    .features {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 8px;\n      padding: 8px 16px 24px;\n      background: var(--white);\n    }\n\n    .feature-item {\n      background: var(--white-off);\n      border: 1px solid var(--black);\n      padding: 14px 4px;\n      font-weight: 600;\n      font-size: 14px;\n      text-align: center;\n      color: var(--black);\n    }\n\n    .vertical-images {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      padding: 0 16px 24px;\n      background: var(--white);\n    }\n\n    .vertical-images img {\n      width: 100%;\n      border: 1px solid var(--black);\n      display: block;\n    }\n\n    .steps-dark {\n      background: var(--black);\n      padding: 30px 16px;\n    }\n\n    .steps-dark h2 {\n      color: white;\n      font-weight: 700;\n      font-size: 28px;\n      text-align: center;\n      margin-bottom: 20px;\n    }\n\n    .steps-dark h2 span {\n      color: var(--blue);\n    }\n\n    .steps-row {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 8px;\n    }\n\n    .step-block {\n      background: rgba(255,255,255,0.05);\n      padding: 14px 3px;\n      text-align: center;\n      border: 1px solid rgba(0,85,255,0.2);\n    }\n\n    .step-num {\n      font-size: 28px;\n      font-weight: 800;\n      color: var(--blue);\n      line-height: 1;\n      margin-bottom: 4px;\n    }\n\n    .step-text {\n      font-size: 10px;\n      font-weight: 600;\n      text-transform: uppercase;\n      color: white;\n      letter-spacing: 0.5px;\n    }\n\n    .faq-section {\n      padding: 30px 16px 40px;\n      background: var(--white);\n    }\n\n    .faq-title {\n      font-weight: 700;\n      font-size: 26px;\n      text-align: center;\n      margin-bottom: 24px;\n      color: var(--black);\n    }\n\n    .faq-item {\n      border-bottom: 1px solid var(--gray-light);\n    }\n\n    .faq-q {\n      padding: 16px 0;\n      font-weight: 600;\n      font-size: 16px;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      color: var(--black);\n    }\n\n    .faq-q:after {\n      content: \"+\";\n      color: var(--blue);\n      font-size: 18px;\n      font-weight: 600;\n    }\n\n    .faq-item.open .faq-q:after {\n      content: \"−\";\n    }\n\n    .faq-a {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.3s ease;\n      font-size: 14px;\n      color: #555;\n      line-height: 1.5;\n    }\n\n    .faq-item.open .faq-a {\n      max-height: 100px;\n      padding-bottom: 16px;\n    }\n\n    @media (max-width: 700px) {\n      .sale-title {\n        font-size: 20px;\n      }\n      \n      .timer-number {\n        font-size: 22px;\n      }\n      \n      .timer-block {\n        min-width: 42px;\n      }\n    }\n\n    @media (max-width: 600px) {\n      .sale-title {\n        font-size: 18px;\n      }\n      \n      .timer-number {\n        font-size: 20px;\n      }\n      \n      .timer-block {\n        min-width: 38px;\n      }\n      \n      .timer-label {\n        font-size: 8px;\n      }\n      \n      .flash-badge {\n        font-size: 11px;\n        padding: 5px 10px;\n      }\n      \n      .title-section h1 {\n        font-size: 28px;\n      }\n      \n      .video-section {\n        padding-bottom: 75%;\n      }\n    }\n\n    @media (max-width: 480px) {\n      .sale-title {\n        font-size: 16px;\n      }\n      \n      .timer-number {\n        font-size: 18px;\n      }\n      \n      .timer-block {\n        min-width: 32px;\n      }\n      \n      .timer-label {\n        font-size: 7px;\n      }\n      \n      .timer-separator {\n        font-size: 18px;\n      }\n      \n      .flash-badge {\n        font-size: 10px;\n        padding: 4px 8px;\n      }\n    }\n\n    @media (max-width: 400px) {\n      .timer-number {\n        font-size: 16px;\n      }\n      \n      .timer-block {\n        min-width: 28px;\n      }\n      \n      .timer-label {\n        font-size: 6px;\n      }\n    }\n\n    .container, body { \n      overflow-x: hidden; \n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"container\"\u003e\n    \u003c!-- VIDEO SECTION --\u003e\n    \u003cdiv class=\"video-section\"\u003e\n      \u003cvideo autoplay loop muted playsinline disableremoteplayback\u003e\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/05cefc3754fc411fa24084f647eaa4c9.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- BANNER - NEW TEXT WITH BLACK, WHITE, BLUE THEME --\u003e\n    \u003cdiv class=\"sale-banner\" id=\"saleBanner\"\u003e\n      \u003cdiv class=\"banner-row\"\u003e\n        \u003cdiv class=\"sale-left\"\u003e\n          \u003cdiv class=\"sale-title\"\u003e\n            Ramadan Sale – Up to 50% Off, \u003cspan\u003eEnding Soon\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003c!-- TIMER - BLUE ACCENTS --\u003e\n        \u003cdiv class=\"timer-wrapper\" id=\"timerContainer\"\u003e\n          \u003cdiv class=\"timer-block\"\u003e\n            \u003cspan class=\"timer-number\" id=\"days\"\u003e00\u003c\/span\u003e\n            \u003cspan class=\"timer-label\"\u003eDAYS\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cspan class=\"timer-separator\"\u003e:\u003c\/span\u003e\n          \u003cdiv class=\"timer-block\"\u003e\n            \u003cspan class=\"timer-number\" id=\"hours\"\u003e00\u003c\/span\u003e\n            \u003cspan class=\"timer-label\"\u003eHOURS\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cspan class=\"timer-separator\"\u003e:\u003c\/span\u003e\n          \u003cdiv class=\"timer-block\"\u003e\n            \u003cspan class=\"timer-number\" id=\"minutes\"\u003e00\u003c\/span\u003e\n            \u003cspan class=\"timer-label\"\u003eMINS\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cspan class=\"timer-separator\"\u003e:\u003c\/span\u003e\n          \u003cdiv class=\"timer-block\"\u003e\n            \u003cspan class=\"timer-number\" id=\"seconds\"\u003e00\u003c\/span\u003e\n            \u003cspan class=\"timer-label\"\u003eSECS\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cspan class=\"flash-badge\"\u003eSALE\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- HERO IMAGE --\u003e\n    \u003cdiv class=\"hero-image\"\u003e\n      \u003cimg alt=\"Mini Pro Steamer\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0778\/0319\/2572\/files\/Cotton_5.png?v=1770191612\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"title-section\"\u003e\n      \u003ch1\u003e\n        \u003cspan\u003e30s\u003c\/span\u003e wrinkles gone · no board\n      \u003c\/h1\u003e\n      \u003cdiv class=\"sub\"\u003eInstant ceramic + pressurized steam. Folds to pocket size. Silk, cotton, suits — dry mode included.\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"features\"\u003e\n      \u003cdiv class=\"feature-item\"\u003e30‑sec heat\u003c\/div\u003e\n      \u003cdiv class=\"feature-item\"\u003e50ml \/ 12min steam\u003c\/div\u003e\n      \u003cdiv class=\"feature-item\"\u003efolds to ⅓\u003c\/div\u003e\n      \u003cdiv class=\"feature-item\"\u003eprecision tip\u003c\/div\u003e\n      \u003cdiv class=\"feature-item\"\u003esafe delicates\u003c\/div\u003e\n      \u003cdiv class=\"feature-item\"\u003edual voltage\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"vertical-images\"\u003e\n      \u003cimg alt=\"detail\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0778\/0319\/2572\/files\/Cotton_6.png?v=1770191612\"\u003e\n      \u003cimg alt=\"steam action\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0778\/0319\/2572\/files\/Cotton_5.png?v=1770191612\"\u003e\n      \u003cimg alt=\"folded\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0778\/0319\/2572\/files\/Cotton_2.png?v=1770191612\"\u003e\n      \u003cimg alt=\"steam burst\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0778\/0319\/2572\/files\/Cotton_1.png?v=1770191612\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"steps-dark\"\u003e\n      \u003ch2\u003e\n        \u003cspan\u003e4 steps\u003c\/span\u003e · perfect\n      \u003c\/h2\u003e\n      \u003cdiv class=\"steps-row\"\u003e\n        \u003cdiv class=\"step-block\"\u003e\n          \u003cdiv class=\"step-num\"\u003e1\u003c\/div\u003e\n          \u003cdiv class=\"step-text\"\u003eFILL\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"step-block\"\u003e\n          \u003cdiv class=\"step-num\"\u003e2\u003c\/div\u003e\n          \u003cdiv class=\"step-text\"\u003ePLUG\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"step-block\"\u003e\n          \u003cdiv class=\"step-num\"\u003e3\u003c\/div\u003e\n          \u003cdiv class=\"step-text\"\u003e30s HEAT\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"step-block\"\u003e\n          \u003cdiv class=\"step-num\"\u003e4\u003c\/div\u003e\n          \u003cdiv class=\"step-text\"\u003eGLIDE\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-section\"\u003e\n      \u003cdiv class=\"faq-title\"\u003equick answers\u003c\/div\u003e\n      \u003cdiv class=\"faq-item\"\u003e\n        \u003cdiv class=\"faq-q\"\u003eSafe for silk \/ delicate?\u003c\/div\u003e\n        \u003cdiv class=\"faq-a\"\u003eYes — ceramic soleplate + fine mist. Zero scorch.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"faq-item\"\u003e\n        \u003cdiv class=\"faq-q\"\u003eWorks without water? (dry iron)\u003c\/div\u003e\n        \u003cdiv class=\"faq-a\"\u003eAbsolutely — switch to dry mode for crisp lines.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"faq-item\"\u003e\n        \u003cdiv class=\"faq-q\"\u003eDelivery to GCC?\u003c\/div\u003e\n        \u003cdiv class=\"faq-a\"\u003eExpress 2‑4 days, tracked. Shipped locally.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- CLEAN TIMER SCRIPT --\u003e\n  \u003cscript\u003e\n    (function() {\n      \/\/ FAQ toggle\n      document.querySelectorAll('.faq-q').forEach(question =\u003e {\n        question.addEventListener('click', function() {\n          this.parentNode.classList.toggle('open');\n        });\n      });\n\n      const banner = document.getElementById('saleBanner');\n      \n      \/\/ Timer settings - 48 hours (2 days)\n      const SALE_HOURS = 48;\n      \n      \/\/ Get timer end time from localStorage\n      function getTimerEndTime() {\n        const stored = localStorage.getItem('saleTimer');\n        const now = new Date().getTime();\n        \n        if (!stored) {\n          const endTime = now + (SALE_HOURS * 60 * 60 * 1000);\n          localStorage.setItem('saleTimer', endTime.toString());\n          return endTime;\n        }\n        \n        return parseInt(stored);\n      }\n\n      let endTime = getTimerEndTime();\n      const now = new Date().getTime();\n\n      if (now \u003e= endTime) {\n        banner.classList.add('hidden');\n        localStorage.removeItem('saleTimer');\n      } else {\n        banner.classList.remove('hidden');\n        \n        function updateTimer() {\n          const now = new Date().getTime();\n          const distance = endTime - now;\n\n          if (distance \u003c= 0) {\n            banner.classList.add('hidden');\n            localStorage.removeItem('saleTimer');\n            clearInterval(timerInterval);\n            return;\n          }\n\n          const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\n          const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n          const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\n          const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\n\n          document.getElementById('days').textContent = days.toString().padStart(2, '0');\n          document.getElementById('hours').textContent = hours.toString().padStart(2, '0');\n          document.getElementById('minutes').textContent = minutes.toString().padStart(2, '0');\n          document.getElementById('seconds').textContent = seconds.toString().padStart(2, '0');\n        }\n\n        updateTimer();\n        const timerInterval = setInterval(updateTimer, 1000);\n\n        window.addEventListener('beforeunload', function() {\n          clearInterval(timerInterval);\n        });\n      }\n    })();\n  \u003c\/script\u003e\n\u003c\/body\u003e","brand":"halkhafay-","offers":[{"title":"Default Title","offer_id":48175921660158,"sku":"FDEN-N-HAE-ZAM","price":100.0,"currency_code":"AED","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/6945\/8174\/files\/Untitled_design_100.png?v=1778537404","url":"https:\/\/wildora.store\/products\/mini-handheld-steam-iron-powerful-wet-dry-steam-for-home-travel-copy","provider":"Qavion","version":"1.0","type":"link"}