{"product_id":"qevonox™-automatic-soap-dispenser-with-touch-free-sensor-and-refillable-tank","title":"qevonox™ Automatic Soap Dispenser with Touch-Free Sensor and Refillable Tank","description":"\u003cstyle\u003e\n  \/* =========================================================\n     qevonox™ AUTOMATIC SOAP DISPENSER\n     SMART UTILITY SERIES\n     Shopify Custom Liquid\n     ========================================================= *\/\n\n  .qsd-page {\n    --qsd-deep: #103f49;\n    --qsd-deep-2: #0c333c;\n    --qsd-aqua: #176f7c;\n    --qsd-aqua-soft: #4f9ba5;\n    --qsd-cyan: #83dce4;\n    --qsd-cyan-light: #dff6f8;\n    --qsd-cyan-pale: #f1fbfc;\n\n    --qsd-ink: #263b40;\n    --qsd-text: #5c6e72;\n    --qsd-muted: #87969a;\n\n    --qsd-white: #ffffff;\n    --qsd-off-white: #fbfcfc;\n    --qsd-soft: #f5f8f8;\n    --qsd-panel: #edf4f5;\n\n    --qsd-line: #dbe6e8;\n    --qsd-line-soft: #e9eff0;\n\n    --qsd-shadow: rgba(22, 74, 84, 0.08);\n\n    width: 100%;\n    max-width: 760px;\n    margin: 0 auto;\n    padding: 18px 14px 38px;\n    box-sizing: border-box;\n    overflow: hidden;\n\n    background: var(--qsd-white);\n    color: var(--qsd-text);\n\n    font-family:\n      -apple-system,\n      BlinkMacSystemFont,\n      \"Helvetica Neue\",\n      Arial,\n      sans-serif;\n  }\n\n  .qsd-page *,\n  .qsd-page *::before,\n  .qsd-page *::after {\n    box-sizing: border-box;\n  }\n\n  .qsd-page h1,\n  .qsd-page h2,\n  .qsd-page h3,\n  .qsd-page p {\n    margin: 0;\n  }\n\n  .qsd-shell {\n    width: 100%;\n    max-width: 700px;\n    margin: 0 auto;\n  }\n\n  .qsd-content-width {\n    width: 100%;\n    max-width: 620px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n\n  \/* =========================================================\n     HERO — SMART UTILITY IDENTITY\n     ========================================================= *\/\n\n  .qsd-hero {\n    width: 100%;\n    max-width: 620px;\n    margin: 0 auto 22px;\n\n    border: 1px solid var(--qsd-line);\n    border-radius: 18px;\n    overflow: hidden;\n\n    background:\n      linear-gradient(\n        145deg,\n        #ffffff 0%,\n        #f7fbfb 55%,\n        #edf7f8 100%\n      );\n\n    box-shadow: 0 10px 28px var(--qsd-shadow);\n  }\n\n  .qsd-hero-nav {\n    min-height: 43px;\n    padding: 10px 16px;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 14px;\n\n    border-bottom: 1px solid var(--qsd-line);\n  }\n\n  .qsd-brand {\n    color: var(--qsd-deep);\n\n    font-size: 8px;\n    line-height: 1.2;\n    font-weight: 800;\n\n    letter-spacing: 0.17em;\n    text-transform: uppercase;\n  }\n\n  .qsd-series {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n\n    color: var(--qsd-aqua);\n\n    font-size: 7px;\n    line-height: 1.2;\n    font-weight: 700;\n\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n  }\n\n  .qsd-series-light {\n    width: 7px;\n    height: 7px;\n\n    flex: 0 0 auto;\n\n    border-radius: 50%;\n\n    background: var(--qsd-cyan);\n\n    box-shadow:\n      0 0 0 4px rgba(131, 220, 228, 0.15);\n  }\n\n  .qsd-hero-body {\n    padding: 27px 24px 24px;\n  }\n\n  .qsd-eyebrow {\n    display: block;\n\n    margin-bottom: 9px;\n\n    color: var(--qsd-aqua);\n\n    font-size: 8px;\n    line-height: 1.2;\n    font-weight: 800;\n\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .qsd-title {\n    max-width: 585px;\n\n    color: var(--qsd-ink);\n\n    font-size: clamp(29px, 5vw, 40px);\n    line-height: 1.08;\n    font-weight: 680;\n\n    letter-spacing: -0.032em;\n  }\n\n  .qsd-title-line {\n    width: 64px;\n    height: 4px;\n\n    margin: 16px 0 13px;\n\n    border-radius: 4px;\n\n    background:\n      linear-gradient(\n        90deg,\n        var(--qsd-aqua) 0%,\n        var(--qsd-cyan) 100%\n      );\n  }\n\n  .qsd-hero-copy {\n    max-width: 570px;\n\n    color: var(--qsd-text);\n\n    font-size: 13px;\n    line-height: 1.68;\n  }\n\n  .qsd-hero-footer {\n    display: grid;\n    grid-template-columns: auto minmax(0, 1fr);\n    gap: 14px;\n    align-items: center;\n\n    padding: 13px 17px;\n\n    background: var(--qsd-deep);\n  }\n\n  .qsd-hero-device {\n    position: relative;\n\n    width: 28px;\n    height: 36px;\n\n    border: 1.5px solid #ffffff;\n    border-radius: 8px;\n  }\n\n  .qsd-hero-device::before {\n    content: \"\";\n\n    position: absolute;\n    left: 50%;\n    bottom: 5px;\n\n    width: 16px;\n    height: 6px;\n\n    transform: translateX(-50%);\n\n    border-radius: 3px;\n\n    background: var(--qsd-cyan);\n  }\n\n  .qsd-hero-device::after {\n    content: \"\";\n\n    position: absolute;\n    left: 50%;\n    top: 8px;\n\n    width: 5px;\n    height: 5px;\n\n    transform: translateX(-50%);\n\n    border-radius: 50%;\n\n    background: var(--qsd-cyan);\n  }\n\n  .qsd-hero-footer-text {\n    color: #d9eaec;\n\n    font-size: 9px;\n    line-height: 1.45;\n    font-weight: 600;\n\n    letter-spacing: 0.03em;\n  }\n\n\n  \/* =========================================================\n     DEVICE SPECIFICATION RAIL\n     ========================================================= *\/\n\n  .qsd-spec-rail {\n    width: 100%;\n    max-width: 620px;\n\n    margin: 0 auto 23px;\n\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n\n    border-top: 1px solid var(--qsd-line);\n    border-bottom: 1px solid var(--qsd-line);\n  }\n\n  .qsd-spec {\n    min-width: 0;\n\n    padding: 12px 10px;\n\n    border-right: 1px solid var(--qsd-line-soft);\n  }\n\n  .qsd-spec:last-child {\n    border-right: 0;\n  }\n\n  .qsd-spec-label {\n    display: block;\n\n    margin-bottom: 4px;\n\n    color: var(--qsd-muted);\n\n    font-size: 7px;\n    line-height: 1.2;\n    font-weight: 700;\n\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n  }\n\n  .qsd-spec-value {\n    display: block;\n\n    color: var(--qsd-deep);\n\n    font-size: 10px;\n    line-height: 1.4;\n    font-weight: 700;\n  }\n\n\n  \/* =========================================================\n     IMAGE SYSTEM — TRUE 1:1\n     ========================================================= *\/\n\n  .qsd-image-section {\n    width: 100%;\n    margin: 0 0 24px;\n  }\n\n  .qsd-image-heading {\n    width: 100%;\n    max-width: 620px;\n\n    margin: 0 auto 8px;\n\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .qsd-image-number {\n    flex: 0 0 auto;\n\n    color: var(--qsd-aqua);\n\n    font-size: 9px;\n    line-height: 1;\n    font-weight: 800;\n  }\n\n  .qsd-image-rule {\n    flex: 1;\n    height: 1px;\n    background: var(--qsd-line);\n  }\n\n  .qsd-image-name {\n    flex: 0 0 auto;\n\n    color: var(--qsd-muted);\n\n    font-size: 7px;\n    line-height: 1.2;\n    font-weight: 700;\n\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n  }\n\n  .qsd-image-frame {\n    position: relative;\n\n    width: 100%;\n    max-width: 620px;\n\n    margin: 0 auto;\n\n    aspect-ratio: 1 \/ 1;\n\n    overflow: hidden;\n\n    border: 1px solid var(--qsd-line);\n    border-radius: 16px;\n\n    background:\n      radial-gradient(\n        circle at 50% 42%,\n        #ffffff 0%,\n        #f7fbfb 58%,\n        #eaf4f5 100%\n      );\n\n    box-shadow: 0 9px 25px var(--qsd-shadow);\n  }\n\n  .qsd-image-frame img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: contain;\n  }\n\n  .qsd-placeholder {\n    width: 100%;\n    height: 100%;\n\n    padding: 24px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .qsd-placeholder-inner {\n    width: 100%;\n    max-width: 260px;\n    text-align: center;\n  }\n\n  .qsd-placeholder-device {\n    position: relative;\n\n    width: 70px;\n    height: 91px;\n\n    margin: 0 auto 16px;\n\n    border: 2px solid #bdd0d3;\n    border-radius: 18px 18px 22px 22px;\n\n    background: #ffffff;\n  }\n\n  .qsd-placeholder-device::before {\n    content: \"\";\n\n    position: absolute;\n    left: 50%;\n    bottom: 10px;\n\n    width: 42px;\n    height: 18px;\n\n    transform: translateX(-50%);\n\n    border-radius: 5px;\n\n    background: var(--qsd-aqua);\n  }\n\n  .qsd-placeholder-device::after {\n    content: \"\";\n\n    position: absolute;\n    left: 50%;\n    top: 18px;\n\n    width: 8px;\n    height: 8px;\n\n    transform: translateX(-50%);\n\n    border-radius: 50%;\n\n    background: var(--qsd-cyan);\n\n    box-shadow:\n      0 0 0 5px rgba(131, 220, 228, 0.13);\n  }\n\n  .qsd-placeholder-no {\n    display: block;\n\n    margin-bottom: 5px;\n\n    color: var(--qsd-aqua);\n\n    font-size: 22px;\n    line-height: 1;\n    font-weight: 700;\n  }\n\n  .qsd-placeholder-label {\n    display: block;\n\n    color: var(--qsd-muted);\n\n    font-size: 8px;\n    line-height: 1.45;\n    font-weight: 700;\n\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n  }\n\n  .qsd-image-caption {\n    width: 100%;\n    max-width: 620px;\n\n    margin: 8px auto 0;\n\n    padding-left: 11px;\n\n    border-left: 2px solid var(--qsd-cyan);\n\n    color: var(--qsd-muted);\n\n    font-size: 10px;\n    line-height: 1.55;\n  }\n\n\n  \/* =========================================================\n     CONTENT HEADER SYSTEM\n     ========================================================= *\/\n\n  .qsd-section {\n    width: 100%;\n    max-width: 620px;\n\n    margin: 0 auto 24px;\n  }\n\n  .qsd-section-id {\n    display: flex;\n    align-items: center;\n    gap: 9px;\n\n    margin-bottom: 8px;\n  }\n\n  .qsd-section-code {\n    flex: 0 0 auto;\n\n    min-width: 31px;\n    height: 22px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 11px;\n\n    background: var(--qsd-cyan-light);\n\n    color: var(--qsd-aqua);\n\n    font-size: 7px;\n    line-height: 1;\n    font-weight: 800;\n  }\n\n  .qsd-section-category {\n    flex: 0 0 auto;\n\n    color: var(--qsd-aqua);\n\n    font-size: 7px;\n    line-height: 1.2;\n    font-weight: 800;\n\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n\n  .qsd-section-line {\n    flex: 1;\n    height: 1px;\n    background: var(--qsd-line);\n  }\n\n  .qsd-heading {\n    max-width: 580px;\n\n    color: var(--qsd-ink);\n\n    font-size: clamp(22px, 4vw, 28px);\n    line-height: 1.16;\n    font-weight: 670;\n\n    letter-spacing: -0.022em;\n  }\n\n  .qsd-text {\n    max-width: 590px;\n\n    margin-top: 9px;\n\n    color: var(--qsd-text);\n\n    font-size: 13px;\n    line-height: 1.68;\n  }\n\n\n  \/* =========================================================\n     SENSOR SEQUENCE\n     ========================================================= *\/\n\n  .qsd-sensor {\n    width: 100%;\n\n    margin-top: 15px;\n\n    overflow: hidden;\n\n    border: 1px solid var(--qsd-line);\n    border-radius: 14px;\n\n    background: var(--qsd-off-white);\n  }\n\n  .qsd-sensor-head {\n    padding: 11px 14px;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n\n    background: var(--qsd-deep);\n  }\n\n  .qsd-sensor-head-title {\n    color: #ffffff;\n\n    font-size: 8px;\n    line-height: 1.2;\n    font-weight: 800;\n\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n  }\n\n  .qsd-sensor-head-state {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n\n    color: #b9eef2;\n\n    font-size: 7px;\n    line-height: 1.2;\n    font-weight: 700;\n  }\n\n  .qsd-sensor-head-state::before {\n    content: \"\";\n\n    width: 6px;\n    height: 6px;\n\n    border-radius: 50%;\n\n    background: var(--qsd-cyan);\n  }\n\n  .qsd-sensor-flow {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .qsd-sensor-step {\n    position: relative;\n\n    min-width: 0;\n\n    padding: 14px 9px 13px;\n\n    text-align: center;\n\n    border-right: 1px solid var(--qsd-line-soft);\n  }\n\n  .qsd-sensor-step:last-child {\n    border-right: 0;\n  }\n\n  .qsd-sensor-number {\n    width: 24px;\n    height: 24px;\n\n    margin: 0 auto 7px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 50%;\n\n    background: var(--qsd-cyan-pale);\n\n    color: var(--qsd-aqua);\n\n    font-size: 8px;\n    line-height: 1;\n    font-weight: 800;\n  }\n\n  .qsd-sensor-name {\n    display: block;\n\n    color: var(--qsd-ink);\n\n    font-size: 9px;\n    line-height: 1.4;\n    font-weight: 700;\n  }\n\n  .qsd-sensor-copy {\n    display: block;\n\n    margin-top: 3px;\n\n    color: var(--qsd-muted);\n\n    font-size: 8px;\n    line-height: 1.4;\n  }\n\n\n  \/* =========================================================\n     SENSOR SIGNAL VISUAL\n     ========================================================= *\/\n\n  .qsd-signal-card {\n    width: 100%;\n    max-width: 620px;\n\n    margin: 0 auto 24px;\n    padding: 17px;\n\n    border-radius: 15px;\n\n    background:\n      linear-gradient(\n        135deg,\n        #103f49 0%,\n        #155d69 100%\n      );\n  }\n\n  .qsd-signal-top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 14px;\n\n    margin-bottom: 14px;\n  }\n\n  .qsd-signal-label {\n    color: #a9e8ed;\n\n    font-size: 7px;\n    line-height: 1.2;\n    font-weight: 800;\n\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n  }\n\n  .qsd-signal-indicator {\n    width: 8px;\n    height: 8px;\n\n    border-radius: 50%;\n\n    background: var(--qsd-cyan);\n\n    box-shadow:\n      0 0 0 5px rgba(131, 220, 228, 0.12),\n      0 0 16px rgba(131, 220, 228, 0.34);\n  }\n\n  .qsd-signal-title {\n    max-width: 520px;\n\n    color: #ffffff;\n\n    font-size: 19px;\n    line-height: 1.22;\n    font-weight: 650;\n  }\n\n  .qsd-signal-copy {\n    max-width: 565px;\n\n    margin-top: 7px;\n\n    color: #cee0e3;\n\n    font-size: 11px;\n    line-height: 1.62;\n  }\n\n  .qsd-signal-graphic {\n    position: relative;\n\n    height: 40px;\n\n    margin-top: 14px;\n\n    overflow: hidden;\n\n    border-top: 1px solid rgba(255,255,255,0.12);\n  }\n\n  .qsd-signal-dot {\n    position: absolute;\n    left: 12px;\n    top: 19px;\n\n    width: 7px;\n    height: 7px;\n\n    border-radius: 50%;\n\n    background: var(--qsd-cyan);\n  }\n\n  .qsd-signal-wave-1,\n  .qsd-signal-wave-2,\n  .qsd-signal-wave-3 {\n    position: absolute;\n\n    top: 11px;\n\n    height: 23px;\n\n    border: 1px solid rgba(131,220,228,0.55);\n    border-left: 0;\n\n    border-radius: 0 30px 30px 0;\n  }\n\n  .qsd-signal-wave-1 {\n    left: 17px;\n    width: 25px;\n  }\n\n  .qsd-signal-wave-2 {\n    left: 17px;\n    width: 48px;\n    opacity: 0.65;\n  }\n\n  .qsd-signal-wave-3 {\n    left: 17px;\n    width: 72px;\n    opacity: 0.35;\n  }\n\n\n  \/* =========================================================\n     REFILL SYSTEM\n     ========================================================= *\/\n\n  .qsd-refill-card {\n    width: 100%;\n\n    margin-top: 15px;\n\n    padding: 15px;\n\n    border-radius: 14px;\n\n    background: var(--qsd-panel);\n  }\n\n  .qsd-refill-top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 14px;\n\n    margin-bottom: 11px;\n  }\n\n  .qsd-refill-title {\n    color: var(--qsd-deep);\n\n    font-size: 10px;\n    line-height: 1.4;\n    font-weight: 750;\n  }\n\n  .qsd-refill-badge {\n    flex: 0 0 auto;\n\n    padding: 5px 8px;\n\n    border-radius: 15px;\n\n    background: var(--qsd-aqua);\n\n    color: #ffffff;\n\n    font-size: 6px;\n    line-height: 1;\n    font-weight: 800;\n\n    letter-spacing: 0.09em;\n    text-transform: uppercase;\n  }\n\n  .qsd-refill-body {\n    display: grid;\n    grid-template-columns: 52px minmax(0, 1fr);\n    gap: 12px;\n    align-items: center;\n\n    padding: 12px;\n\n    border: 1px solid var(--qsd-line);\n    border-radius: 11px;\n\n    background: #ffffff;\n  }\n\n  .qsd-refill-icon {\n    position: relative;\n\n    width: 42px;\n    height: 51px;\n\n    margin: 0 auto;\n\n    border: 2px solid #aac5c9;\n    border-radius: 10px;\n  }\n\n  .qsd-refill-icon::before {\n    content: \"\";\n\n    position: absolute;\n    left: 50%;\n    top: -6px;\n\n    width: 22px;\n    height: 8px;\n\n    transform: translateX(-50%);\n\n    border: 2px solid var(--qsd-aqua);\n    border-radius: 4px;\n\n    background: var(--qsd-panel);\n  }\n\n  .qsd-refill-icon::after {\n    content: \"\";\n\n    position: absolute;\n    left: 50%;\n    bottom: 8px;\n\n    width: 22px;\n    height: 8px;\n\n    transform: translateX(-50%);\n\n    border-radius: 4px;\n\n    background: var(--qsd-aqua);\n  }\n\n  .qsd-refill-name {\n    display: block;\n\n    margin-bottom: 3px;\n\n    color: var(--qsd-ink);\n\n    font-size: 10px;\n    line-height: 1.4;\n    font-weight: 700;\n  }\n\n  .qsd-refill-copy {\n    display: block;\n\n    color: var(--qsd-muted);\n\n    font-size: 9px;\n    line-height: 1.5;\n  }\n\n\n  \/* =========================================================\n     FORM PROFILE\n     ========================================================= *\/\n\n  .qsd-profile {\n    width: 100%;\n    max-width: 620px;\n\n    margin: 0 auto 24px;\n\n    display: grid;\n    grid-template-columns: 90px minmax(0, 1fr);\n\n    overflow: hidden;\n\n    border: 1px solid var(--qsd-line);\n    border-radius: 14px;\n  }\n\n  .qsd-profile-side {\n    padding: 15px 10px;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n\n    background: var(--qsd-aqua);\n  }\n\n  .qsd-profile-device {\n    position: relative;\n\n    width: 38px;\n    height: 51px;\n\n    margin-bottom: 9px;\n\n    border: 1.5px solid #ffffff;\n    border-radius: 10px 10px 12px 12px;\n  }\n\n  .qsd-profile-device::after {\n    content: \"\";\n\n    position: absolute;\n    left: 50%;\n    bottom: 7px;\n\n    width: 22px;\n    height: 8px;\n\n    transform: translateX(-50%);\n\n    border-radius: 3px;\n\n    background: var(--qsd-cyan);\n  }\n\n  .qsd-profile-side-label {\n    color: #dff8fa;\n\n    font-size: 6px;\n    line-height: 1.35;\n    font-weight: 700;\n\n    letter-spacing: 0.11em;\n    text-transform: uppercase;\n    text-align: center;\n  }\n\n  .qsd-profile-content {\n    padding: 15px 16px;\n    background: var(--qsd-white);\n  }\n\n  .qsd-profile-kicker {\n    display: block;\n\n    margin-bottom: 4px;\n\n    color: var(--qsd-aqua);\n\n    font-size: 7px;\n    line-height: 1.2;\n    font-weight: 800;\n\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n  }\n\n  .qsd-profile-title {\n    color: var(--qsd-ink);\n\n    font-size: 17px;\n    line-height: 1.25;\n    font-weight: 650;\n  }\n\n  .qsd-profile-copy {\n    margin-top: 6px;\n\n    color: var(--qsd-text);\n\n    font-size: 10px;\n    line-height: 1.58;\n  }\n\n\n  \/* =========================================================\n     ROOM \/ PLACEMENT GRID\n     ========================================================= *\/\n\n  .qsd-placement {\n    width: 100%;\n    max-width: 620px;\n\n    margin: 0 auto 24px;\n  }\n\n  .qsd-placement-head {\n    margin-bottom: 10px;\n  }\n\n  .qsd-placement-kicker {\n    display: block;\n\n    margin-bottom: 4px;\n\n    color: var(--qsd-aqua);\n\n    font-size: 7px;\n    line-height: 1.2;\n    font-weight: 800;\n\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n\n  .qsd-placement-title {\n    color: var(--qsd-ink);\n\n    font-size: 19px;\n    line-height: 1.25;\n    font-weight: 650;\n  }\n\n  .qsd-placement-grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n\n    border-top: 1px solid var(--qsd-line);\n    border-bottom: 1px solid var(--qsd-line);\n  }\n\n  .qsd-place {\n    min-width: 0;\n\n    padding: 12px 7px;\n\n    text-align: center;\n\n    border-right: 1px solid var(--qsd-line-soft);\n  }\n\n  .qsd-place:last-child {\n    border-right: 0;\n  }\n\n  .qsd-place-mark {\n    width: 7px;\n    height: 7px;\n\n    margin: 0 auto 7px;\n\n    border-radius: 50%;\n\n    background: var(--qsd-cyan);\n  }\n\n  .qsd-place-name {\n    display: block;\n\n    color: var(--qsd-text);\n\n    font-size: 8px;\n    line-height: 1.4;\n    font-weight: 700;\n  }\n\n\n  \/* =========================================================\n     FEATURE DIRECTORY\n     ========================================================= *\/\n\n  .qsd-directory {\n    width: 100%;\n    max-width: 620px;\n\n    margin: 0 auto 24px;\n\n    border: 1px solid var(--qsd-line);\n    border-radius: 15px;\n\n    overflow: hidden;\n  }\n\n  .qsd-directory-head {\n    padding: 14px 16px;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 15px;\n\n    background: var(--qsd-soft);\n\n    border-bottom: 1px solid var(--qsd-line);\n  }\n\n  .qsd-directory-kicker {\n    display: block;\n\n    margin-bottom: 3px;\n\n    color: var(--qsd-aqua);\n\n    font-size: 7px;\n    line-height: 1.2;\n    font-weight: 800;\n\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n\n  .qsd-directory-title {\n    color: var(--qsd-ink);\n\n    font-size: 18px;\n    line-height: 1.25;\n    font-weight: 650;\n  }\n\n  .qsd-directory-count {\n    color: var(--qsd-aqua);\n\n    font-size: 22px;\n    line-height: 1;\n    font-weight: 700;\n  }\n\n  .qsd-directory-list {\n    background: var(--qsd-white);\n  }\n\n  .qsd-directory-row {\n    display: grid;\n    grid-template-columns: 36px minmax(0, 1fr);\n    gap: 10px;\n    align-items: center;\n\n    padding: 10px 14px;\n\n    border-bottom: 1px solid var(--qsd-line-soft);\n  }\n\n  .qsd-directory-row:last-child {\n    border-bottom: 0;\n  }\n\n  .qsd-directory-no {\n    color: var(--qsd-aqua);\n\n    font-size: 8px;\n    line-height: 1;\n    font-weight: 800;\n  }\n\n  .qsd-directory-name {\n    color: var(--qsd-text);\n\n    font-size: 10px;\n    line-height: 1.45;\n    font-weight: 600;\n  }\n\n\n  \/* =========================================================\n     COLOR IDENTITY\n     ========================================================= *\/\n\n  .qsd-color-system {\n    width: 100%;\n    max-width: 620px;\n\n    margin: 0 auto 24px;\n  }\n\n  .qsd-color-head {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n\n    margin-bottom: 9px;\n  }\n\n  .qsd-color-title {\n    flex: 0 0 auto;\n\n    color: var(--qsd-deep);\n\n    font-size: 8px;\n    line-height: 1.2;\n    font-weight: 800;\n\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n\n  .qsd-color-line {\n    flex: 1;\n\n    height: 1px;\n\n    background: var(--qsd-line);\n  }\n\n  .qsd-color-stack {\n    overflow: hidden;\n\n    display: grid;\n    grid-template-columns: 1.15fr 1fr 0.85fr;\n\n    min-height: 105px;\n\n    border-radius: 14px;\n\n    border: 1px solid var(--qsd-line);\n  }\n\n  .qsd-color-block {\n    min-width: 0;\n\n    padding: 13px 11px;\n\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n  }\n\n  .qsd-color-block.white {\n    background: #f8f9f8;\n  }\n\n  .qsd-color-block.aqua {\n    background: var(--qsd-aqua);\n  }\n\n  .qsd-color-block.cyan {\n    background: var(--qsd-cyan-light);\n  }\n\n  .qsd-color-name {\n    display: block;\n\n    font-size: 9px;\n    line-height: 1.35;\n    font-weight: 750;\n  }\n\n  .qsd-color-role {\n    display: block;\n\n    margin-top: 3px;\n\n    font-size: 7px;\n    line-height: 1.4;\n  }\n\n  .qsd-color-block.white .qsd-color-name {\n    color: var(--qsd-ink);\n  }\n\n  .qsd-color-block.white .qsd-color-role {\n    color: var(--qsd-muted);\n  }\n\n  .qsd-color-block.aqua .qsd-color-name {\n    color: #ffffff;\n  }\n\n  .qsd-color-block.aqua .qsd-color-role {\n    color: #c7edf1;\n  }\n\n  .qsd-color-block.cyan .qsd-color-name {\n    color: var(--qsd-deep);\n  }\n\n  .qsd-color-block.cyan .qsd-color-role {\n    color: #5f8b91;\n  }\n\n\n  \/* =========================================================\n     FINAL DEVICE CARD\n     ========================================================= *\/\n\n  .qsd-final {\n    width: 100%;\n    max-width: 620px;\n\n    margin: 0 auto;\n\n    overflow: hidden;\n\n    border-radius: 17px;\n\n    background: var(--qsd-deep);\n  }\n\n  .qsd-final-top {\n    padding: 21px 20px 19px;\n  }\n\n  .qsd-final-status {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n\n    margin-bottom: 10px;\n  }\n\n  .qsd-final-light {\n    width: 8px;\n    height: 8px;\n\n    border-radius: 50%;\n\n    background: var(--qsd-cyan);\n\n    box-shadow:\n      0 0 0 4px rgba(131,220,228,0.12);\n  }\n\n  .qsd-final-label {\n    color: #a9e8ed;\n\n    font-size: 7px;\n    line-height: 1.2;\n    font-weight: 800;\n\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n  }\n\n  .qsd-final-title {\n    max-width: 545px;\n\n    color: #ffffff;\n\n    font-size: 22px;\n    line-height: 1.2;\n    font-weight: 650;\n\n    letter-spacing: -0.015em;\n  }\n\n  .qsd-final-copy {\n    max-width: 565px;\n\n    margin-top: 8px;\n\n    color: #cbdde0;\n\n    font-size: 11px;\n    line-height: 1.65;\n  }\n\n  .qsd-final-strip {\n    padding: 11px 15px;\n\n    text-align: center;\n\n    background: var(--qsd-aqua);\n\n    color: #ffffff;\n\n    font-size: 8px;\n    line-height: 1.4;\n    font-weight: 800;\n\n    letter-spacing: 0.11em;\n    text-transform: uppercase;\n  }\n\n\n  \/* =========================================================\n     TABLET\n     ========================================================= *\/\n\n  @media screen and (max-width: 680px) {\n\n    .qsd-page {\n      padding: 16px 12px 34px;\n    }\n\n    .qsd-hero-body {\n      padding: 24px 20px 22px;\n    }\n\n    .qsd-title {\n      font-size: 31px;\n    }\n\n    .qsd-heading {\n      font-size: 24px;\n    }\n\n    .qsd-placement-grid {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n\n\n  \/* =========================================================\n     MOBILE\n     ========================================================= *\/\n\n  @media screen and (max-width: 480px) {\n\n    .qsd-page {\n      padding: 12px 10px 30px;\n    }\n\n    .qsd-hero {\n      margin-bottom: 20px;\n      border-radius: 14px;\n    }\n\n    .qsd-hero-nav {\n      min-height: 39px;\n      padding: 9px 12px;\n    }\n\n    .qsd-brand {\n      font-size: 7px;\n    }\n\n    .qsd-series {\n      font-size: 6px;\n    }\n\n    .qsd-hero-body {\n      padding: 21px 15px 19px;\n    }\n\n    .qsd-title {\n      font-size: 27px;\n    }\n\n    .qsd-hero-copy {\n      font-size: 12px;\n      line-height: 1.64;\n    }\n\n    .qsd-hero-footer {\n      padding: 11px 13px;\n      gap: 11px;\n    }\n\n    .qsd-spec-rail {\n      margin-bottom: 21px;\n    }\n\n    .qsd-spec {\n      padding: 10px 6px;\n    }\n\n    .qsd-spec-label {\n      font-size: 6px;\n    }\n\n    .qsd-spec-value {\n      font-size: 8px;\n    }\n\n    .qsd-image-section {\n      margin-bottom: 21px;\n    }\n\n    .qsd-image-frame {\n      border-radius: 12px;\n    }\n\n    .qsd-section {\n      margin-bottom: 21px;\n    }\n\n    .qsd-heading {\n      font-size: 21px;\n    }\n\n    .qsd-text {\n      font-size: 12px;\n      line-height: 1.64;\n    }\n\n    .qsd-sensor {\n      margin-top: 13px;\n    }\n\n    .qsd-sensor-head {\n      padding: 10px 11px;\n    }\n\n    .qsd-sensor-step {\n      padding: 12px 5px 11px;\n    }\n\n    .qsd-sensor-name {\n      font-size: 8px;\n    }\n\n    .qsd-sensor-copy {\n      font-size: 7px;\n    }\n\n    .qsd-signal-card {\n      margin-bottom: 21px;\n      padding: 15px 13px;\n    }\n\n    .qsd-signal-title {\n      font-size: 17px;\n    }\n\n    .qsd-signal-copy {\n      font-size: 10px;\n    }\n\n    .qsd-refill-card {\n      padding: 13px 11px;\n    }\n\n    .qsd-refill-body {\n      grid-template-columns: 45px minmax(0, 1fr);\n      gap: 9px;\n      padding: 10px;\n    }\n\n    .qsd-profile {\n      grid-template-columns: 72px minmax(0, 1fr);\n      margin-bottom: 21px;\n    }\n\n    .qsd-profile-content {\n      padding: 13px 12px;\n    }\n\n    .qsd-profile-title {\n      font-size: 15px;\n    }\n\n    .qsd-profile-copy {\n      font-size: 9px;\n    }\n\n    .qsd-placement {\n      margin-bottom: 21px;\n    }\n\n    .qsd-placement-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .qsd-place:nth-child(2) {\n      border-right: 0;\n    }\n\n    .qsd-place:nth-child(1),\n    .qsd-place:nth-child(2) {\n      border-bottom: 1px solid var(--qsd-line-soft);\n    }\n\n    .qsd-directory {\n      margin-bottom: 21px;\n    }\n\n    .qsd-directory-head {\n      padding: 12px 13px;\n    }\n\n    .qsd-directory-title {\n      font-size: 16px;\n    }\n\n    .qsd-directory-row {\n      padding: 9px 11px;\n    }\n\n    .qsd-color-system {\n      margin-bottom: 21px;\n    }\n\n    .qsd-color-stack {\n      min-height: 88px;\n    }\n\n    .qsd-color-block {\n      padding: 10px 7px;\n    }\n\n    .qsd-color-name {\n      font-size: 8px;\n    }\n\n    .qsd-color-role {\n      font-size: 6px;\n    }\n\n    .qsd-final-top {\n      padding: 18px 15px 17px;\n    }\n\n    .qsd-final-title {\n      font-size: 19px;\n    }\n\n    .qsd-final-copy {\n      font-size: 10px;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"qsd-page\"\u003e\n  \u003cdiv class=\"qsd-shell\"\u003e\n\n\n    \u003c!-- =====================================================\n         HERO\n         ===================================================== --\u003e\n\n    \u003csection class=\"qsd-hero\"\u003e\n\n      \u003cdiv class=\"qsd-hero-nav\"\u003e\n\n        \u003cspan class=\"qsd-brand\"\u003e\n          qevonox™ · Smart Utility\n        \u003c\/span\u003e\n\n        \u003cspan class=\"qsd-series\"\u003e\n          \u003cspan class=\"qsd-series-light\"\u003e\u003c\/span\u003e\n          Touch-Free Series\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"qsd-hero-body\"\u003e\n\n        \u003cspan class=\"qsd-eyebrow\"\u003e\n          Automatic Soap Dispenser\n        \u003c\/span\u003e\n\n        \u003ch1 class=\"qsd-title\"\u003e\n          Automatic Soap Dispenser with Touch-Free Sensor and Refillable Tank\n        \u003c\/h1\u003e\n\n        \u003cdiv class=\"qsd-title-line\"\u003e\u003c\/div\u003e\n\n        \u003cp class=\"qsd-hero-copy\"\u003e\n          A compact automatic soap dispenser designed around touch-free\n          operation, a refillable internal tank, and a clean upright form\n          for bathrooms, kitchens, wash areas, and countertops.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"qsd-hero-footer\"\u003e\n\n        \u003cdiv class=\"qsd-hero-device\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"qsd-hero-footer-text\"\u003e\n          Touch-Free Sensor · Refillable Tank · Compact Upright Design\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- =====================================================\n         PRODUCT SPECIFICATION RAIL\n         ===================================================== --\u003e\n\n    \u003csection class=\"qsd-spec-rail\"\u003e\n\n      \u003cdiv class=\"qsd-spec\"\u003e\n        \u003cspan class=\"qsd-spec-label\"\u003eOperation\u003c\/span\u003e\n        \u003cspan class=\"qsd-spec-value\"\u003eTouch-Free\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"qsd-spec\"\u003e\n        \u003cspan class=\"qsd-spec-label\"\u003eTank\u003c\/span\u003e\n        \u003cspan class=\"qsd-spec-value\"\u003eRefillable\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"qsd-spec\"\u003e\n        \u003cspan class=\"qsd-spec-label\"\u003eStructure\u003c\/span\u003e\n        \u003cspan class=\"qsd-spec-value\"\u003eCompact Upright\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- =====================================================\n         IMAGE 01\n         ===================================================== --\u003e\n\n    \u003csection class=\"qsd-image-section\"\u003e\n\n      \u003cdiv class=\"qsd-image-heading\"\u003e\n        \u003cspan class=\"qsd-image-number\"\u003e01\u003c\/span\u003e\n        \u003cspan class=\"qsd-image-rule\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"qsd-image-name\"\u003eProduct Overview\u003c\/span\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"qsd-image-frame\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1022\/6660\/1789\/files\/1_5a94a3b1-9943-4854-8d69-a3eb85662e5c.png?v=1790761668\" alt=\"qevonox Automatic Soap Dispenser full product view\" width=\"1200\" height=\"1200\" decoding=\"async\"\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cp class=\"qsd-image-caption\"\u003e\n        Compact upright proportions combine a Soft White main housing\n        with a Deep Aqua Blue lower section.\n      \u003c\/p\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- =====================================================\n         TOUCH-FREE SENSOR\n         ===================================================== --\u003e\n\n    \u003csection class=\"qsd-section\"\u003e\n\n      \u003cdiv class=\"qsd-section-id\"\u003e\n        \u003cspan class=\"qsd-section-code\"\u003e01\u003c\/span\u003e\n        \u003cspan class=\"qsd-section-category\"\u003eTouch-Free Operation\u003c\/span\u003e\n        \u003cspan class=\"qsd-section-line\"\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"qsd-heading\"\u003e\n        Soap dispensing without direct contact\n      \u003c\/h2\u003e\n\n      \u003cp class=\"qsd-text\"\u003e\n        The touch-free sensor allows soap to be dispensed when a hand is\n        positioned near the sensing area, creating a simple automatic\n        operating arrangement for everyday wash spaces.\n      \u003c\/p\u003e\n\n\n      \u003cdiv class=\"qsd-sensor\"\u003e\n\n        \u003cdiv class=\"qsd-sensor-head\"\u003e\n\n          \u003cspan class=\"qsd-sensor-head-title\"\u003e\n            Sensor Sequence\n          \u003c\/span\u003e\n\n          \u003cspan class=\"qsd-sensor-head-state\"\u003e\n            Touch-Free\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"qsd-sensor-flow\"\u003e\n\n          \u003cdiv class=\"qsd-sensor-step\"\u003e\n\n            \u003cspan class=\"qsd-sensor-number\"\u003e\n              01\n            \u003c\/span\u003e\n\n            \u003cspan class=\"qsd-sensor-name\"\u003e\n              Position Hand\n            \u003c\/span\u003e\n\n            \u003cspan class=\"qsd-sensor-copy\"\u003e\n              Near sensing area\n            \u003c\/span\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"qsd-sensor-step\"\u003e\n\n            \u003cspan class=\"qsd-sensor-number\"\u003e\n              02\n            \u003c\/span\u003e\n\n            \u003cspan class=\"qsd-sensor-name\"\u003e\n              Sensor Detects\n            \u003c\/span\u003e\n\n            \u003cspan class=\"qsd-sensor-copy\"\u003e\n              Touch-free input\n            \u003c\/span\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"qsd-sensor-step\"\u003e\n\n            \u003cspan class=\"qsd-sensor-number\"\u003e\n              03\n            \u003c\/span\u003e\n\n            \u003cspan class=\"qsd-sensor-name\"\u003e\n              Soap Dispenses\n            \u003c\/span\u003e\n\n            \u003cspan class=\"qsd-sensor-copy\"\u003e\n              Automatic operation\n            \u003c\/span\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- =====================================================\n         SENSOR SIGNAL CARD\n         ===================================================== --\u003e\n\n    \u003csection class=\"qsd-signal-card\"\u003e\n\n      \u003cdiv class=\"qsd-signal-top\"\u003e\n\n        \u003cspan class=\"qsd-signal-label\"\u003e\n          Touch-Free Sensor\n        \u003c\/span\u003e\n\n        \u003cspan class=\"qsd-signal-indicator\"\u003e\u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"qsd-signal-title\"\u003e\n        A sensing area designed for simple everyday interaction\n      \u003c\/h2\u003e\n\n      \u003cp class=\"qsd-signal-copy\"\u003e\n        Automatic sensor operation keeps the primary interaction focused\n        on positioning the hand near the sensing area rather than pressing\n        the dispenser directly.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"qsd-signal-graphic\"\u003e\n\n        \u003cspan class=\"qsd-signal-dot\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"qsd-signal-wave-1\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"qsd-signal-wave-2\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"qsd-signal-wave-3\"\u003e\u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- =====================================================\n         IMAGE 02\n         ===================================================== --\u003e\n\n    \u003csection class=\"qsd-image-section\"\u003e\n\n      \u003cdiv class=\"qsd-image-heading\"\u003e\n        \u003cspan class=\"qsd-image-number\"\u003e02\u003c\/span\u003e\n        \u003cspan class=\"qsd-image-rule\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"qsd-image-name\"\u003eSensor Detail\u003c\/span\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"qsd-image-frame\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1022\/6660\/1789\/files\/2_7b6fb150-2272-46ec-aef6-4662d421ba16.png?v=1790761668\" alt=\"qevonox Automatic Soap Dispenser touch-free sensor detail\" width=\"1200\" height=\"1200\" loading=\"lazy\" decoding=\"async\"\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cp class=\"qsd-image-caption\"\u003e\n        The sensing area supports touch-free operation while the Light Cyan\n        indicator provides simple operating feedback.\n      \u003c\/p\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- =====================================================\n         REFILLABLE TANK\n         ===================================================== --\u003e\n\n    \u003csection class=\"qsd-section\"\u003e\n\n      \u003cdiv class=\"qsd-section-id\"\u003e\n        \u003cspan class=\"qsd-section-code\"\u003e02\u003c\/span\u003e\n        \u003cspan class=\"qsd-section-category\"\u003eRefillable Tank\u003c\/span\u003e\n        \u003cspan class=\"qsd-section-line\"\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"qsd-heading\"\u003e\n        Designed for routine refilling\n      \u003c\/h2\u003e\n\n      \u003cp class=\"qsd-text\"\u003e\n        A refillable internal soap tank can be accessed from the upper\n        or rear section for routine filling, keeping the dispenser's\n        exterior form clean and compact.\n      \u003c\/p\u003e\n\n\n      \u003cdiv class=\"qsd-refill-card\"\u003e\n\n        \u003cdiv class=\"qsd-refill-top\"\u003e\n\n          \u003cspan class=\"qsd-refill-title\"\u003e\n            Internal Tank Arrangement\n          \u003c\/span\u003e\n\n          \u003cspan class=\"qsd-refill-badge\"\u003e\n            Refillable\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"qsd-refill-body\"\u003e\n\n          \u003cdiv class=\"qsd-refill-icon\"\u003e\u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003cspan class=\"qsd-refill-name\"\u003e\n              Refillable Soap Tank\n            \u003c\/span\u003e\n\n            \u003cspan class=\"qsd-refill-copy\"\u003e\n              Internal storage with access from the upper or rear section\n              for routine filling.\n            \u003c\/span\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- =====================================================\n         IMAGE 03\n         ===================================================== --\u003e\n\n    \u003csection class=\"qsd-image-section\"\u003e\n\n      \u003cdiv class=\"qsd-image-heading\"\u003e\n        \u003cspan class=\"qsd-image-number\"\u003e03\u003c\/span\u003e\n        \u003cspan class=\"qsd-image-rule\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"qsd-image-name\"\u003eRefill Structure\u003c\/span\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"qsd-image-frame\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1022\/6660\/1789\/files\/3_d6ad2593-9834-49fe-975d-b19ce9e6f72d.png?v=1790761668\" alt=\"qevonox Automatic Soap Dispenser refillable tank detail\" width=\"1200\" height=\"1200\" loading=\"lazy\" decoding=\"async\"\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cp class=\"qsd-image-caption\"\u003e\n        The refillable internal tank is integrated into the compact upright\n        housing for routine soap filling.\n      \u003c\/p\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- =====================================================\n         PRODUCT FORM\n         ===================================================== --\u003e\n\n    \u003csection class=\"qsd-section\"\u003e\n\n      \u003cdiv class=\"qsd-section-id\"\u003e\n        \u003cspan class=\"qsd-section-code\"\u003e03\u003c\/span\u003e\n        \u003cspan class=\"qsd-section-category\"\u003eCompact Form\u003c\/span\u003e\n        \u003cspan class=\"qsd-section-line\"\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"qsd-heading\"\u003e\n        A rounded profile for modern wash spaces\n      \u003c\/h2\u003e\n\n      \u003cp class=\"qsd-text\"\u003e\n        The rounded outer housing and compact upright structure help the\n        dispenser coordinate with modern bathroom and kitchen surfaces\n        without introducing an overly industrial appearance.\n      \u003c\/p\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- =====================================================\n         FORM PROFILE\n         ===================================================== --\u003e\n\n    \u003csection class=\"qsd-profile\"\u003e\n\n      \u003cdiv class=\"qsd-profile-side\"\u003e\n\n        \u003cdiv class=\"qsd-profile-device\"\u003e\u003c\/div\u003e\n\n        \u003cspan class=\"qsd-profile-side-label\"\u003e\n          Upright Form\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"qsd-profile-content\"\u003e\n\n        \u003cspan class=\"qsd-profile-kicker\"\u003e\n          Housing Profile\n        \u003c\/span\u003e\n\n        \u003ch2 class=\"qsd-profile-title\"\u003e\n          Compact, rounded, and visually clean\n        \u003c\/h2\u003e\n\n        \u003cp class=\"qsd-profile-copy\"\u003e\n          Soft White defines the main body while Deep Aqua Blue anchors\n          the lower base and control section. A Light Cyan indicator adds\n          a small point of visual feedback.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- =====================================================\n         PLACEMENT\n         ===================================================== --\u003e\n\n    \u003csection class=\"qsd-placement\"\u003e\n\n      \u003cdiv class=\"qsd-placement-head\"\u003e\n\n        \u003cspan class=\"qsd-placement-kicker\"\u003e\n          Everyday Placement\n        \u003c\/span\u003e\n\n        \u003ch2 class=\"qsd-placement-title\"\u003e\n          Designed for common wash areas\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"qsd-placement-grid\"\u003e\n\n        \u003cdiv class=\"qsd-place\"\u003e\n          \u003cdiv class=\"qsd-place-mark\"\u003e\u003c\/div\u003e\n          \u003cspan class=\"qsd-place-name\"\u003e\n            Bathroom\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"qsd-place\"\u003e\n          \u003cdiv class=\"qsd-place-mark\"\u003e\u003c\/div\u003e\n          \u003cspan class=\"qsd-place-name\"\u003e\n            Kitchen\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"qsd-place\"\u003e\n          \u003cdiv class=\"qsd-place-mark\"\u003e\u003c\/div\u003e\n          \u003cspan class=\"qsd-place-name\"\u003e\n            Wash Area\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"qsd-place\"\u003e\n          \u003cdiv class=\"qsd-place-mark\"\u003e\u003c\/div\u003e\n          \u003cspan class=\"qsd-place-name\"\u003e\n            Countertop\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- =====================================================\n         KEY FEATURES\n         ===================================================== --\u003e\n\n    \u003csection class=\"qsd-directory\"\u003e\n\n      \u003cdiv class=\"qsd-directory-head\"\u003e\n\n        \u003cdiv\u003e\n\n          \u003cspan class=\"qsd-directory-kicker\"\u003e\n            Product Directory\n          \u003c\/span\u003e\n\n          \u003ch2 class=\"qsd-directory-title\"\u003e\n            Key Features\n          \u003c\/h2\u003e\n\n        \u003c\/div\u003e\n\n        \u003cspan class=\"qsd-directory-count\"\u003e\n          06\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"qsd-directory-list\"\u003e\n\n        \u003cdiv class=\"qsd-directory-row\"\u003e\n          \u003cspan class=\"qsd-directory-no\"\u003e01\u003c\/span\u003e\n          \u003cspan class=\"qsd-directory-name\"\u003e\n            Touch-free sensor operation\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"qsd-directory-row\"\u003e\n          \u003cspan class=\"qsd-directory-no\"\u003e02\u003c\/span\u003e\n          \u003cspan class=\"qsd-directory-name\"\u003e\n            Refillable soap tank\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"qsd-directory-row\"\u003e\n          \u003cspan class=\"qsd-directory-no\"\u003e03\u003c\/span\u003e\n          \u003cspan class=\"qsd-directory-name\"\u003e\n            Compact upright structure\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"qsd-directory-row\"\u003e\n          \u003cspan class=\"qsd-directory-no\"\u003e04\u003c\/span\u003e\n          \u003cspan class=\"qsd-directory-name\"\u003e\n            Rounded outer housing\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"qsd-directory-row\"\u003e\n          \u003cspan class=\"qsd-directory-no\"\u003e05\u003c\/span\u003e\n          \u003cspan class=\"qsd-directory-name\"\u003e\n            Soft White main body\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"qsd-directory-row\"\u003e\n          \u003cspan class=\"qsd-directory-no\"\u003e06\u003c\/span\u003e\n          \u003cspan class=\"qsd-directory-name\"\u003e\n            Deep Aqua Blue base\n          \u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- =====================================================\n         COLOR SYSTEM\n         ===================================================== --\u003e\n\n    \u003csection class=\"qsd-color-system\"\u003e\n\n      \u003cdiv class=\"qsd-color-head\"\u003e\n\n        \u003cspan class=\"qsd-color-title\"\u003e\n          Product Color System\n        \u003c\/span\u003e\n\n        \u003cspan class=\"qsd-color-line\"\u003e\u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"qsd-color-stack\"\u003e\n\n        \u003cdiv class=\"qsd-color-block white\"\u003e\n\n          \u003cspan class=\"qsd-color-name\"\u003e\n            Soft White\n          \u003c\/span\u003e\n\n          \u003cspan class=\"qsd-color-role\"\u003e\n            Main housing\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"qsd-color-block aqua\"\u003e\n\n          \u003cspan class=\"qsd-color-name\"\u003e\n            Deep Aqua Blue\n          \u003c\/span\u003e\n\n          \u003cspan class=\"qsd-color-role\"\u003e\n            Base \u0026amp; control section\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"qsd-color-block cyan\"\u003e\n\n          \u003cspan class=\"qsd-color-name\"\u003e\n            Light Cyan\n          \u003c\/span\u003e\n\n          \u003cspan class=\"qsd-color-role\"\u003e\n            Indicator\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- =====================================================\n         IMAGE 04\n         ===================================================== --\u003e\n\n    \u003csection class=\"qsd-image-section\"\u003e\n\n      \u003cdiv class=\"qsd-image-heading\"\u003e\n        \u003cspan class=\"qsd-image-number\"\u003e04\u003c\/span\u003e\n        \u003cspan class=\"qsd-image-rule\"\u003e\u003c\/span\u003e\n        \u003cspan class=\"qsd-image-name\"\u003eEveryday Placement\u003c\/span\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"qsd-image-frame\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1022\/6660\/1789\/files\/4_c6ac065d-bef8-4ab9-ac89-b8af7171ebf8.png?v=1790761668\" alt=\"qevonox Automatic Soap Dispenser lifestyle product view\" width=\"1200\" height=\"1200\" loading=\"lazy\" decoding=\"async\"\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cp class=\"qsd-image-caption\"\u003e\n        The compact upright structure is suitable for bathrooms, kitchens,\n        wash areas, and countertop placement.\n      \u003c\/p\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- =====================================================\n         FINAL\n         ===================================================== --\u003e\n\n    \u003csection class=\"qsd-final\"\u003e\n\n      \u003cdiv class=\"qsd-final-top\"\u003e\n\n        \u003cdiv class=\"qsd-final-status\"\u003e\n\n          \u003cspan class=\"qsd-final-light\"\u003e\u003c\/span\u003e\n\n          \u003cspan class=\"qsd-final-label\"\u003e\n            qevonox™ · Smart Utility\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003ch2 class=\"qsd-final-title\"\u003e\n          Touch-free operation in a clean, compact form.\n        \u003c\/h2\u003e\n\n\n        \u003cp class=\"qsd-final-copy\"\u003e\n          The qevonox™ Automatic Soap Dispenser combines touch-free sensor\n          operation, a refillable internal tank, rounded housing, and a\n          Soft White, Deep Aqua Blue, and Light Cyan visual system designed\n          for modern everyday wash spaces.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"qsd-final-strip\"\u003e\n        Touch-Free Sensor · Refillable Tank · Compact Upright Design\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"qevonox","offers":[{"title":"Default Title","offer_id":67606344499517,"sku":null,"price":35.96,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1022\/6660\/1789\/files\/5_efdbfa1b-a4f2-44d5-9c9d-7f618c4c957a.png?v=1790761658","url":"https:\/\/qevonox.com\/products\/qevonox%e2%84%a2-automatic-soap-dispenser-with-touch-free-sensor-and-refillable-tank","provider":"qevonox","version":"1.0","type":"link"}