{"product_id":"dishwasher-cleaner","title":"Dishwasher Cleaner","description":"\u003cstyle\u003e\n  #sopami-hero,\n  #sopami-hero * {\n    box-sizing: border-box;\n  }\n\n  #sopami-hero {\n    --sp-blue: #0789d4;\n    --sp-blue-dark: #075aa6;\n    --sp-green: #0ebc8f;\n    --sp-green-dark: #07866f;\n    --sp-title: #102b43;\n    --sp-text: #4c6476;\n    --sp-border: rgba(7, 137, 212, 0.14);\n\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    padding: 66px 20px 58px;\n\n    background:\n      radial-gradient(\n        circle at 8% 92%,\n        rgba(14, 188, 143, 0.12),\n        transparent 32%\n      ),\n      radial-gradient(\n        circle at 92% 82%,\n        rgba(7, 137, 212, 0.13),\n        transparent 34%\n      ),\n      linear-gradient(\n        180deg,\n        #ffffff 0%,\n        #ffffff 16%,\n        #f5fbff 54%,\n        #eafbf6 100%\n      );\n\n    font-family: inherit;\n  }\n\n  #sopami-hero::before {\n    content: \"\";\n    position: absolute;\n    top: -120px;\n    right: -100px;\n    width: 320px;\n    height: 320px;\n    border-radius: 50%;\n    background: rgba(7, 137, 212, 0.06);\n    filter: blur(6px);\n    pointer-events: none;\n  }\n\n  #sopami-hero::after {\n    content: \"\";\n    position: absolute;\n    bottom: -160px;\n    left: -120px;\n    width: 360px;\n    height: 360px;\n    border-radius: 50%;\n    background: rgba(14, 188, 143, 0.07);\n    filter: blur(8px);\n    pointer-events: none;\n  }\n\n  #sopami-hero .sp-container {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    max-width: 1120px;\n    margin: 0 auto;\n  }\n\n  #sopami-hero .sp-top {\n    max-width: 900px;\n    margin: 0 auto 34px;\n    text-align: center;\n  }\n\n  #sopami-hero .sp-badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 34px;\n    margin-bottom: 18px;\n    padding: 8px 18px;\n    border: 1px solid rgba(7, 137, 212, 0.18);\n    border-radius: 999px;\n\n    background: linear-gradient(\n      90deg,\n      rgba(7, 137, 212, 0.1),\n      rgba(14, 188, 143, 0.12)\n    );\n\n    color: var(--sp-blue-dark);\n    font-size: 13px;\n    font-weight: 800;\n    line-height: 1.2;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n  }\n\n  #sopami-hero .sp-title {\n    max-width: 900px;\n    margin: 0 auto;\n    color: var(--sp-title);\n    font-size: clamp(38px, 5.3vw, 68px);\n    font-weight: 850;\n    line-height: 1.03;\n    letter-spacing: -0.045em;\n  }\n\n  #sopami-hero .sp-title span {\n    display: block;\n    margin-top: 6px;\n\n    background: linear-gradient(\n      90deg,\n      var(--sp-blue-dark) 0%,\n      var(--sp-blue) 48%,\n      var(--sp-green) 100%\n    );\n\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n  }\n\n  #sopami-hero .sp-subtitle {\n    max-width: 790px;\n    margin: 20px auto 0;\n    color: var(--sp-text);\n    font-size: 18px;\n    font-weight: 500;\n    line-height: 1.58;\n  }\n\n  #sopami-hero .sp-benefit-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n    max-width: 980px;\n    margin: 0 auto;\n  }\n\n  #sopami-hero .sp-benefit {\n    display: grid;\n    grid-template-columns: 38px minmax(0, 1fr);\n    align-items: start;\n    gap: 12px;\n    min-height: 0;\n    padding: 17px 18px;\n\n    border: 1px solid var(--sp-border);\n    border-radius: 15px;\n\n    background: rgba(255, 255, 255, 0.82);\n    box-shadow:\n      0 7px 22px rgba(19, 78, 111, 0.055),\n      inset 0 1px 0 rgba(255, 255, 255, 0.8);\n\n    backdrop-filter: blur(6px);\n    -webkit-backdrop-filter: blur(6px);\n  }\n\n  #sopami-hero .sp-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 38px;\n    height: 38px;\n    margin-top: 1px;\n    border-radius: 50%;\n\n    background: linear-gradient(\n      135deg,\n      var(--sp-blue) 0%,\n      var(--sp-green) 100%\n    );\n\n    color: #ffffff;\n    font-size: 19px;\n    font-weight: 900;\n    line-height: 1;\n    box-shadow: 0 7px 16px rgba(7, 137, 212, 0.18);\n  }\n\n  #sopami-hero .sp-benefit-content {\n    min-width: 0;\n  }\n\n  #sopami-hero .sp-benefit-title {\n    margin: 0 0 4px;\n    color: var(--sp-title);\n    font-size: 16px;\n    font-weight: 800;\n    line-height: 1.25;\n  }\n\n  #sopami-hero .sp-benefit-text {\n    margin: 0;\n    color: var(--sp-text);\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 1.45;\n  }\n\n  #sopami-hero .sp-trust {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 8px 18px;\n    max-width: 950px;\n    margin: 23px auto 0;\n    padding-top: 20px;\n    border-top: 1px solid rgba(7, 137, 212, 0.12);\n  }\n\n  #sopami-hero .sp-trust-item {\n    position: relative;\n    padding-left: 15px;\n    color: #31586b;\n    font-size: 13px;\n    font-weight: 750;\n    line-height: 1.35;\n    white-space: nowrap;\n  }\n\n  #sopami-hero .sp-trust-item::before {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 0;\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: linear-gradient(\n      135deg,\n      var(--sp-blue),\n      var(--sp-green)\n    );\n    transform: translateY(-50%);\n  }\n\n  #sopami-hero .sp-note {\n    max-width: 760px;\n    margin: 14px auto 0;\n    color: #718895;\n    font-size: 11px;\n    font-weight: 500;\n    line-height: 1.45;\n    text-align: center;\n  }\n\n  @media screen and (max-width: 749px) {\n    #sopami-hero {\n      padding: 42px 14px 38px;\n    }\n\n    #sopami-hero .sp-top {\n      margin-bottom: 25px;\n    }\n\n    #sopami-hero .sp-badge {\n      min-height: 30px;\n      margin-bottom: 14px;\n      padding: 7px 14px;\n      font-size: 11px;\n    }\n\n    #sopami-hero .sp-title {\n      font-size: clamp(34px, 10vw, 46px);\n      line-height: 1.04;\n      letter-spacing: -0.04em;\n    }\n\n    #sopami-hero .sp-title span {\n      margin-top: 5px;\n    }\n\n    #sopami-hero .sp-subtitle {\n      margin-top: 16px;\n      font-size: 15px;\n      line-height: 1.52;\n    }\n\n    #sopami-hero .sp-benefit-grid {\n      grid-template-columns: 1fr;\n      gap: 9px;\n    }\n\n    #sopami-hero .sp-benefit {\n      grid-template-columns: 34px minmax(0, 1fr);\n      gap: 10px;\n      padding: 14px;\n      border-radius: 13px;\n    }\n\n    #sopami-hero .sp-icon {\n      width: 34px;\n      height: 34px;\n      font-size: 17px;\n    }\n\n    #sopami-hero .sp-benefit-title {\n      margin-bottom: 3px;\n      font-size: 15px;\n    }\n\n    #sopami-hero .sp-benefit-text {\n      font-size: 13px;\n      line-height: 1.42;\n    }\n\n    #sopami-hero .sp-trust {\n      justify-content: flex-start;\n      gap: 9px 14px;\n      margin-top: 18px;\n      padding: 17px 4px 0;\n    }\n\n    #sopami-hero .sp-trust-item {\n      width: calc(50% - 7px);\n      padding-left: 13px;\n      font-size: 11px;\n      white-space: normal;\n    }\n\n    #sopami-hero .sp-note {\n      margin-top: 12px;\n      padding: 0 4px;\n      font-size: 10px;\n    }\n  }\n\n  @media screen and (max-width: 390px) {\n    #sopami-hero .sp-title {\n      font-size: 32px;\n    }\n\n    #sopami-hero .sp-trust-item {\n      width: 100%;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection id=\"sopami-hero\"\u003e\n  \u003cdiv class=\"sp-container\"\u003e\n\n    \u003cdiv class=\"sp-top\"\u003e\n      \u003cdiv class=\"sp-badge\"\u003e\n        12 Deep-Cleaning Tablets\n      \u003c\/div\u003e\n\n      \u003ch1 class=\"sp-title\"\u003e\n        Your Dishwasher Cleans the Dishes.\n        \u003cspan\u003eBut Who Cleans the Dishwasher?\u003c\/span\u003e\n      \u003c\/h1\u003e\n\n      \u003cp class=\"sp-subtitle\"\u003e\n        Drop in one tablet to break down hidden grease, food residue,\n        odors and limescale—helping keep your dishwasher cleaner,\n        fresher and performing at its best.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sp-benefit-grid\"\u003e\n\n      \u003cdiv class=\"sp-benefit\"\u003e\n        \u003cdiv class=\"sp-icon\"\u003e✓\u003c\/div\u003e\n        \u003cdiv class=\"sp-benefit-content\"\u003e\n          \u003ch3 class=\"sp-benefit-title\"\u003e\n            Deep Cleans Internal Parts\n          \u003c\/h3\u003e\n          \u003cp class=\"sp-benefit-text\"\u003e\n            Reaches spray arms, filters, pipes and other hard-to-clean areas.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"sp-benefit\"\u003e\n        \u003cdiv class=\"sp-icon\"\u003e✓\u003c\/div\u003e\n        \u003cdiv class=\"sp-benefit-content\"\u003e\n          \u003ch3 class=\"sp-benefit-title\"\u003e\n            Breaks Down Grease \u0026amp; Residue\n          \u003c\/h3\u003e\n          \u003cp class=\"sp-benefit-text\"\u003e\n            Helps dissolve trapped food particles, grime and greasy buildup.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"sp-benefit\"\u003e\n        \u003cdiv class=\"sp-icon\"\u003e✓\u003c\/div\u003e\n        \u003cdiv class=\"sp-benefit-content\"\u003e\n          \u003ch3 class=\"sp-benefit-title\"\u003e\n            Fights Odors\n          \u003c\/h3\u003e\n          \u003cp class=\"sp-benefit-text\"\u003e\n            Refreshes the dishwasher interior and helps eliminate bad smells.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"sp-benefit\"\u003e\n        \u003cdiv class=\"sp-icon\"\u003e✓\u003c\/div\u003e\n        \u003cdiv class=\"sp-benefit-content\"\u003e\n          \u003ch3 class=\"sp-benefit-title\"\u003e\n            Removes Limescale\n          \u003c\/h3\u003e\n          \u003cp class=\"sp-benefit-text\"\u003e\n            Targets mineral deposits, hard-water film and cloudy buildup.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"sp-benefit\"\u003e\n        \u003cdiv class=\"sp-icon\"\u003e✓\u003c\/div\u003e\n        \u003cdiv class=\"sp-benefit-content\"\u003e\n          \u003ch3 class=\"sp-benefit-title\"\u003e\n            Drop In. Run a Cycle. Done.\n          \u003c\/h3\u003e\n          \u003cp class=\"sp-benefit-text\"\u003e\n            No scrubbing, dismantling or complicated maintenance required.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"sp-benefit\"\u003e\n        \u003cdiv class=\"sp-icon\"\u003e✓\u003c\/div\u003e\n        \u003cdiv class=\"sp-benefit-content\"\u003e\n          \u003ch3 class=\"sp-benefit-title\"\u003e\n            Up to 6 Months of Maintenance\n          \u003c\/h3\u003e\n          \u003cp class=\"sp-benefit-text\"\u003e\n            Includes 12 tablets for simple, consistent dishwasher care.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sp-trust\"\u003e\n      \u003cdiv class=\"sp-trust-item\"\u003eNon-Toxic Formula\u003c\/div\u003e\n      \u003cdiv class=\"sp-trust-item\"\u003eNickel-Free\u003c\/div\u003e\n      \u003cdiv class=\"sp-trust-item\"\u003eSeptic-Safe\u003c\/div\u003e\n      \u003cdiv class=\"sp-trust-item\"\u003eEarth-Friendly\u003c\/div\u003e\n      \u003cdiv class=\"sp-trust-item\"\u003eMess-Free Use\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"sp-note\"\u003e\n      *Based on using one tablet every two weeks. Heavy buildup may\n      require a second cleaning cycle.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"veyralumina","offers":[{"title":"BUY 1 BOX","offer_id":48429222559985,"sku":null,"price":240.0,"currency_code":"HKD","in_stock":true},{"title":"BUY 2 BOXES","offer_id":48429222592753,"sku":null,"price":384.0,"currency_code":"HKD","in_stock":true},{"title":"BUY 3 BOXES","offer_id":48429222625521,"sku":null,"price":560.0,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0789\/2739\/7105\/files\/1_d5219ffc-244c-4d14-b940-575d1c72ca16.jpg?v=1784622082","url":"https:\/\/veyralumina.com\/products\/dishwasher-cleaner","provider":"veyralumina","version":"1.0","type":"link"}