{"product_id":"advanced-homes®-auto-soap-dispenser-square","title":"Advanced Homes® Auto soap dispenser (square)","description":"\u003c!-- Advanced Homes® Auto Soap Dispenser – Square --\u003e\n\u003cdiv class=\"ah-soap-card\"\u003e\n\u003cdiv class=\"ah-soap-border\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ah-soap-content\"\u003e\n\u003cdiv class=\"ah-soap-label\"\u003e\n\u003cspan class=\"ah-soap-status\"\u003e\u003c\/span\u003e ADVANCED HOMES® \u003cspan class=\"ah-soap-divider\"\u003e\/\u003c\/span\u003e SMART HYGIENE\u003c\/div\u003e\n\u003cdiv class=\"ah-soap-accent\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch2 class=\"ah-soap-title\"\u003eAuto Soap Dispenser \u003cspan\u003e– Square\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ah-soap-description\"\u003eTouchless hand hygiene at your fingertips. The Advanced Homes® Auto Soap Dispenser delivers soap in just 0.25 seconds, helping you enjoy a cleaner, more convenient handwashing experience with zero contact. Featuring a generous 360ml capacity, three adjustable dispensing speeds, and a 500mAh rechargeable battery designed for extended use, it combines everyday practicality with a sleek, modern square design. Convenient Type-C charging makes recharging simple, while its versatile style makes it ideal for families, offices, and commercial spaces.\u003c\/p\u003e\n\u003cdiv class=\"ah-soap-features\"\u003e\n\u003cspan\u003eTOUCHLESS\u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e360ml CAPACITY\u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003eTYPE-C CHARGING\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  .ah-soap-card {\n    --ah-blue: #008cff;\n    --ah-cyan: #00d9ff;\n\n    position: relative;\n    isolation: isolate;\n    width: 100%;\n    max-width: 680px;\n    margin: 24px auto;\n    padding: 2px;\n    box-sizing: border-box;\n    overflow: hidden;\n    border-radius: 20px;\n    background: #050505;\n    box-shadow:\n      0 0 12px rgba(0, 140, 255, .18),\n      0 0 30px rgba(0, 110, 255, .08);\n    transition: box-shadow .35s ease;\n    font-family: Inter, \"Segoe UI\", Arial, sans-serif;\n  }\n\n  \/* Continuous moving blue light *\/\n  .ah-soap-card .ah-soap-border {\n    position: absolute;\n    z-index: -1;\n    inset: -100%;\n    pointer-events: none;\n    background: conic-gradient(\n      from 0deg,\n      transparent 0deg,\n      transparent 285deg,\n      #0055ff 310deg,\n      #008cff 328deg,\n      #8cf5ff 341deg,\n      #00d9ff 350deg,\n      transparent 360deg\n    );\n    animation: ah-soap-spin 4s linear infinite;\n    filter: drop-shadow(0 0 8px var(--ah-blue));\n    transition: filter .3s ease;\n  }\n\n  .ah-soap-card .ah-soap-content {\n    position: relative;\n    z-index: 1;\n    padding: 30px 28px 24px;\n    overflow: hidden;\n    border-radius: 18px;\n    background:\n      radial-gradient(\n        ellipse at 50% 0%,\n        rgba(0, 125, 255, .12),\n        transparent 68%\n      ),\n      #050505;\n  }\n\n  \/* Subtle blue tech lighting *\/\n  .ah-soap-card .ah-soap-accent {\n    width: 100%;\n    height: 1px;\n    margin: 20px 0;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      #006aff 15%,\n      #00d9ff 50%,\n      #006aff 85%,\n      transparent\n    );\n    box-shadow: 0 0 10px rgba(0, 170, 255, .65);\n  }\n\n  .ah-soap-card .ah-soap-label {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 9px;\n    color: #8ae9ff;\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 1.8px;\n    line-height: 1.8;\n  }\n\n  .ah-soap-card .ah-soap-status {\n    flex: 0 0 7px;\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--ah-cyan);\n    box-shadow:\n      0 0 7px var(--ah-cyan),\n      0 0 16px var(--ah-blue);\n    animation: ah-soap-pulse 1.8s ease-in-out infinite;\n  }\n\n  .ah-soap-card .ah-soap-divider {\n    color: var(--ah-blue);\n  }\n\n  .ah-soap-card .ah-soap-title {\n    margin: 0;\n    color: #fff;\n    font-size: clamp(21px, 4vw, 29px);\n    font-weight: 750;\n    line-height: 1.35;\n    letter-spacing: -.5px;\n  }\n\n  .ah-soap-card .ah-soap-title span {\n    color: #54ceff;\n  }\n\n  .ah-soap-card .ah-soap-description {\n    margin: 0;\n    color: #f2f6fb;\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 1.9;\n    letter-spacing: .12px;\n    overflow-wrap: anywhere;\n  }\n\n  .ah-soap-card .ah-soap-features {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-top: 23px;\n    padding-top: 16px;\n    border-top: 1px solid rgba(0, 170, 255, .24);\n    color: #6bdcff;\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 1.3px;\n    line-height: 1.8;\n    text-align: center;\n  }\n\n  .ah-soap-card .ah-soap-features i {\n    display: block;\n    flex: 0 0 4px;\n    width: 4px;\n    height: 4px;\n    border-radius: 50%;\n    background: var(--ah-cyan);\n    box-shadow: 0 0 8px var(--ah-blue);\n  }\n\n  \/* Faster border animation and stronger blue glow on hover *\/\n  .ah-soap-card:hover {\n    box-shadow:\n      0 0 20px rgba(0, 170, 255, .4),\n      0 0 48px rgba(0, 100, 255, .2);\n  }\n\n  .ah-soap-card:hover .ah-soap-border {\n    animation-duration: 1.3s;\n    filter:\n      drop-shadow(0 0 14px #00aaff)\n      drop-shadow(0 0 24px #005eff);\n  }\n\n  .ah-soap-card:hover .ah-soap-accent {\n    box-shadow: 0 0 18px rgba(0, 190, 255, .9);\n  }\n\n  @keyframes ah-soap-spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes ah-soap-pulse {\n    0%, 100% {\n      opacity: 1;\n    }\n    50% {\n      opacity: .4;\n    }\n  }\n\n  \/* Mobile responsive styling *\/\n  @media (max-width: 480px) {\n    .ah-soap-card {\n      margin: 18px auto;\n      border-radius: 16px;\n    }\n\n    .ah-soap-card .ah-soap-content {\n      padding: 23px 18px 20px;\n      border-radius: 14px;\n    }\n\n    .ah-soap-card .ah-soap-label {\n      font-size: 9px;\n      letter-spacing: 1.2px;\n    }\n\n    .ah-soap-card .ah-soap-description {\n      font-size: 14px;\n      line-height: 1.85;\n    }\n\n    .ah-soap-card .ah-soap-features {\n      gap: 7px;\n      font-size: 8px;\n      letter-spacing: .8px;\n    }\n  }\n\n  \/* Accessibility *\/\n  @media (prefers-reduced-motion: reduce) {\n    .ah-soap-card .ah-soap-border,\n    .ah-soap-card .ah-soap-status {\n      animation: none;\n    }\n\n    .ah-soap-card .ah-soap-border {\n      inset: 0;\n      background: #008cff;\n      opacity: .8;\n    }\n  }\n\u003c\/style\u003e","brand":"Advanced homes","offers":[{"title":"Black","offer_id":50588406972554,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true},{"title":"White","offer_id":50588407005322,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0807\/6119\/2586\/files\/black-dispenser-with-watermark.png?v=1793171727","url":"https:\/\/advancedhomes.co.za\/products\/advanced-homes%c2%ae-auto-soap-dispenser-square","provider":"Advanced homes","version":"1.0","type":"link"}