{"title":"Touch-Free Home Utility","description":null,"products":[{"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"},{"product_id":"qevonox™-digital-measuring-cup-with-integrated-weight-display-and-detachable-container","title":"qevonox™ Digital Measuring Cup with Integrated Weight Display and Detachable Container","description":"\u003cstyle\u003e\n \/* =========================================================\n qevonox™ DIGITAL MEASURING CUP\n SMART KITCHEN INSTRUMENT SERIES\n NEW INDEPENDENT LANDING PAGE\n ========================================================= *\/\n\n .qmc-page {\n --qmc-deep: #123f49;\n --qmc-deep-dark: #0c323a;\n --qmc-aqua: #176d79;\n --qmc-aqua-mid: #3c8d97;\n --qmc-cyan: #7dd9e1;\n --qmc-cyan-soft: #dff6f8;\n --qmc-cyan-pale: #f2fbfc;\n\n --qmc-ink: #263a3f;\n --qmc-text: #5d6d71;\n --qmc-muted: #879599;\n\n --qmc-white: #ffffff;\n --qmc-soft-white: #fafcfc;\n --qmc-panel: #f3f7f7;\n --qmc-panel-2: #eaf3f4;\n\n --qmc-line: #d9e5e7;\n --qmc-line-soft: #e8eff0;\n\n --qmc-shadow: rgba(25, 71, 80, 0.07);\n\n width: 100%;\n max-width: 760px;\n margin: 0 auto;\n padding: 18px 14px 40px;\n\n box-sizing: border-box;\n overflow: hidden;\n\n background: var(--qmc-white);\n color: var(--qmc-text);\n\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n \"Helvetica Neue\",\n Arial,\n sans-serif;\n }\n\n .qmc-page *,\n .qmc-page *::before,\n .qmc-page *::after {\n box-sizing: border-box;\n }\n\n .qmc-page h1,\n .qmc-page h2,\n .qmc-page h3,\n .qmc-page p {\n margin: 0;\n }\n\n .qmc-shell {\n width: 100%;\n max-width: 700px;\n margin: 0 auto;\n }\n\n\n \/* =========================================================\n TOP IDENTITY BAR\n ========================================================= *\/\n\n .qmc-topbar {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 10px;\n padding: 10px 14px;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 14px;\n\n border-radius: 10px;\n\n background: var(--qmc-deep);\n }\n\n .qmc-brand {\n color: #ffffff;\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 .qmc-series {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n\n color: #bcecf0;\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 .qmc-series-dot {\n width: 6px;\n height: 6px;\n\n flex: 0 0 auto;\n\n border-radius: 50%;\n\n background: var(--qmc-cyan);\n\n box-shadow:\n 0 0 0 4px rgba(125, 217, 225, 0.11);\n }\n\n\n \/* =========================================================\n HERO — DIGITAL KITCHEN INSTRUMENT\n ========================================================= *\/\n\n .qmc-hero {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 21px;\n\n overflow: hidden;\n\n border: 1px solid var(--qmc-line);\n border-radius: 16px;\n\n background:\n linear-gradient(\n 180deg,\n #ffffff 0%,\n #fbfdfd 62%,\n #f1f7f7 100%\n );\n\n box-shadow: 0 10px 28px var(--qmc-shadow);\n }\n\n .qmc-hero-main {\n padding: 25px 22px 22px;\n }\n\n .qmc-hero-kicker {\n display: flex;\n align-items: center;\n gap: 9px;\n\n margin-bottom: 10px;\n }\n\n .qmc-hero-kicker-line {\n width: 27px;\n height: 2px;\n\n flex: 0 0 auto;\n\n border-radius: 2px;\n\n background: var(--qmc-cyan);\n }\n\n .qmc-hero-kicker-text {\n color: var(--qmc-aqua);\n\n font-size: 8px;\n line-height: 1.2;\n font-weight: 800;\n\n letter-spacing: 0.15em;\n text-transform: uppercase;\n }\n\n .qmc-title {\n max-width: 585px;\n\n color: var(--qmc-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 .qmc-hero-copy {\n max-width: 570px;\n\n margin-top: 13px;\n\n color: var(--qmc-text);\n\n font-size: 13px;\n line-height: 1.68;\n }\n\n\n \/* =========================================================\n HERO DIGITAL DISPLAY\n ========================================================= *\/\n\n .qmc-display-strip {\n padding: 13px 16px;\n\n display: grid;\n grid-template-columns: auto minmax(0, 1fr) auto;\n gap: 12px;\n align-items: center;\n\n border-top: 1px solid var(--qmc-line);\n\n background: var(--qmc-panel);\n }\n\n .qmc-display-icon {\n position: relative;\n\n width: 42px;\n height: 29px;\n\n flex: 0 0 auto;\n\n border-radius: 7px;\n\n background: var(--qmc-deep);\n }\n\n .qmc-display-icon::before {\n content: \"\";\n\n position: absolute;\n left: 7px;\n right: 7px;\n top: 7px;\n\n height: 8px;\n\n border-radius: 3px;\n\n background: var(--qmc-cyan);\n }\n\n .qmc-display-icon::after {\n content: \"\";\n\n position: absolute;\n left: 8px;\n bottom: 6px;\n\n width: 17px;\n height: 2px;\n\n border-radius: 2px;\n\n background: rgba(255,255,255,0.5);\n }\n\n .qmc-display-copy {\n min-width: 0;\n }\n\n .qmc-display-label {\n display: block;\n\n margin-bottom: 2px;\n\n color: var(--qmc-muted);\n\n font-size: 6px;\n line-height: 1.2;\n font-weight: 800;\n\n letter-spacing: 0.13em;\n text-transform: uppercase;\n }\n\n .qmc-display-name {\n display: block;\n\n color: var(--qmc-deep);\n\n font-size: 10px;\n line-height: 1.4;\n font-weight: 750;\n }\n\n .qmc-display-status {\n flex: 0 0 auto;\n\n padding: 5px 8px;\n\n border: 1px solid #b9e6ea;\n border-radius: 20px;\n\n background: var(--qmc-cyan-pale);\n\n color: var(--qmc-aqua);\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\n \/* =========================================================\n PRODUCT SNAPSHOT\n ========================================================= *\/\n\n .qmc-snapshot {\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 overflow: hidden;\n\n border: 1px solid var(--qmc-line);\n border-radius: 12px;\n\n background: var(--qmc-white);\n }\n\n .qmc-snapshot-item {\n min-width: 0;\n\n padding: 11px 9px;\n\n text-align: center;\n\n border-right: 1px solid var(--qmc-line-soft);\n }\n\n .qmc-snapshot-item:last-child {\n border-right: 0;\n }\n\n .qmc-snapshot-label {\n display: block;\n\n margin-bottom: 4px;\n\n color: var(--qmc-muted);\n\n font-size: 6px;\n line-height: 1.2;\n font-weight: 800;\n\n letter-spacing: 0.13em;\n text-transform: uppercase;\n }\n\n .qmc-snapshot-value {\n display: block;\n\n color: var(--qmc-ink);\n\n font-size: 9px;\n line-height: 1.4;\n font-weight: 700;\n }\n\n\n \/* =========================================================\n IMAGE SYSTEM — 1:1\n ========================================================= *\/\n\n .qmc-image-section {\n width: 100%;\n\n margin: 0 0 24px;\n }\n\n .qmc-image-head {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 8px;\n\n display: grid;\n grid-template-columns: auto minmax(0, 1fr) auto;\n gap: 9px;\n align-items: center;\n }\n\n .qmc-image-no {\n color: var(--qmc-aqua);\n\n font-size: 9px;\n line-height: 1;\n font-weight: 800;\n }\n\n .qmc-image-line {\n height: 1px;\n\n background: var(--qmc-line);\n }\n\n .qmc-image-label {\n color: var(--qmc-muted);\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 .qmc-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(--qmc-line);\n border-radius: 15px;\n\n background:\n radial-gradient(\n circle at 50% 42%,\n #ffffff 0%,\n #f8fbfb 56%,\n #edf5f6 100%\n );\n\n box-shadow: 0 9px 24px var(--qmc-shadow);\n }\n\n .qmc-image-frame img {\n display: block;\n\n width: 100%;\n height: 100%;\n\n object-fit: contain;\n }\n\n .qmc-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 .qmc-placeholder-inner {\n width: 100%;\n max-width: 270px;\n\n text-align: center;\n }\n\n\n \/* =========================================================\n PLACEHOLDER CUP DRAWING\n ========================================================= *\/\n\n .qmc-placeholder-cup {\n position: relative;\n\n width: 104px;\n height: 92px;\n\n margin: 0 auto 18px;\n }\n\n .qmc-placeholder-body {\n position: absolute;\n left: 11px;\n top: 5px;\n\n width: 67px;\n height: 76px;\n\n border: 2px solid #afc6ca;\n border-radius: 7px 7px 17px 17px;\n\n background: #ffffff;\n }\n\n .qmc-placeholder-body::before {\n content: \"\";\n\n position: absolute;\n left: 50%;\n bottom: -1px;\n\n width: 54px;\n height: 23px;\n\n transform: translateX(-50%);\n\n border-radius: 5px 5px 14px 14px;\n\n background: var(--qmc-deep);\n }\n\n .qmc-placeholder-body::after {\n content: \"\";\n\n position: absolute;\n left: 50%;\n bottom: 8px;\n\n width: 28px;\n height: 7px;\n\n transform: translateX(-50%);\n\n border-radius: 3px;\n\n background: var(--qmc-cyan);\n }\n\n .qmc-placeholder-handle {\n position: absolute;\n right: 3px;\n top: 20px;\n\n width: 35px;\n height: 44px;\n\n border: 5px solid #afc6ca;\n border-left: 0;\n\n border-radius: 0 21px 21px 0;\n }\n\n .qmc-placeholder-number {\n display: block;\n\n margin-bottom: 5px;\n\n color: var(--qmc-aqua);\n\n font-size: 23px;\n line-height: 1;\n font-weight: 700;\n }\n\n .qmc-placeholder-name {\n display: block;\n\n color: var(--qmc-muted);\n\n font-size: 8px;\n line-height: 1.5;\n font-weight: 800;\n\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n .qmc-image-caption {\n width: 100%;\n max-width: 620px;\n\n margin: 8px auto 0;\n padding: 0 3px;\n\n display: grid;\n grid-template-columns: 4px minmax(0, 1fr);\n gap: 9px;\n\n color: var(--qmc-muted);\n\n font-size: 10px;\n line-height: 1.55;\n }\n\n .qmc-image-caption::before {\n content: \"\";\n\n width: 4px;\n height: 100%;\n\n min-height: 28px;\n\n border-radius: 3px;\n\n background: var(--qmc-cyan);\n }\n\n\n \/* =========================================================\n SECTION TITLE SYSTEM\n ========================================================= *\/\n\n .qmc-section {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 24px;\n }\n\n .qmc-section-tag {\n display: flex;\n align-items: center;\n gap: 9px;\n\n margin-bottom: 8px;\n }\n\n .qmc-section-number {\n width: 29px;\n height: 21px;\n\n flex: 0 0 auto;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 5px;\n\n background: var(--qmc-deep);\n\n color: var(--qmc-cyan);\n\n font-size: 7px;\n line-height: 1;\n font-weight: 800;\n }\n\n .qmc-section-name {\n flex: 0 0 auto;\n\n color: var(--qmc-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 .qmc-section-rule {\n flex: 1;\n\n height: 1px;\n\n background: var(--qmc-line);\n }\n\n .qmc-heading {\n max-width: 575px;\n\n color: var(--qmc-ink);\n\n font-size: clamp(22px, 4vw, 28px);\n line-height: 1.17;\n font-weight: 670;\n\n letter-spacing: -0.022em;\n }\n\n .qmc-text {\n max-width: 590px;\n\n margin-top: 8px;\n\n color: var(--qmc-text);\n\n font-size: 13px;\n line-height: 1.68;\n }\n\n\n \/* =========================================================\n MEASUREMENT DISPLAY PANEL\n ========================================================= *\/\n\n .qmc-measure-panel {\n width: 100%;\n\n margin-top: 15px;\n\n overflow: hidden;\n\n border: 1px solid var(--qmc-line);\n border-radius: 13px;\n\n background: var(--qmc-white);\n }\n\n .qmc-measure-screen {\n padding: 14px 15px;\n\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto;\n gap: 14px;\n align-items: center;\n\n background:\n linear-gradient(\n 135deg,\n var(--qmc-deep-dark) 0%,\n var(--qmc-deep) 100%\n );\n }\n\n .qmc-screen-label {\n display: block;\n\n margin-bottom: 4px;\n\n color: #a8dce1;\n\n font-size: 6px;\n line-height: 1.2;\n font-weight: 800;\n\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n .qmc-screen-title {\n display: block;\n\n color: #ffffff;\n\n font-size: 12px;\n line-height: 1.4;\n font-weight: 700;\n }\n\n .qmc-screen-visual {\n width: 78px;\n height: 33px;\n\n padding: 7px 9px;\n\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n border-radius: 6px;\n\n background: #dff8fa;\n }\n\n .qmc-screen-digits {\n display: flex;\n gap: 4px;\n }\n\n .qmc-screen-digit {\n width: 8px;\n height: 14px;\n\n border-radius: 2px;\n\n background: var(--qmc-aqua);\n }\n\n .qmc-measure-note {\n padding: 11px 14px;\n\n color: var(--qmc-muted);\n\n font-size: 9px;\n line-height: 1.55;\n }\n\n\n \/* =========================================================\n DETACHABLE STRUCTURE\n ========================================================= *\/\n\n .qmc-detach {\n width: 100%;\n\n margin-top: 15px;\n\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n\n overflow: hidden;\n\n border: 1px solid var(--qmc-line);\n border-radius: 13px;\n\n background: var(--qmc-soft-white);\n }\n\n .qmc-detach-step {\n min-width: 0;\n\n padding: 13px 9px;\n\n text-align: center;\n\n border-right: 1px solid var(--qmc-line-soft);\n }\n\n .qmc-detach-step:last-child {\n border-right: 0;\n }\n\n .qmc-detach-no {\n width: 25px;\n height: 25px;\n\n margin: 0 auto 7px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 7px;\n\n background: var(--qmc-cyan-soft);\n\n color: var(--qmc-aqua);\n\n font-size: 8px;\n line-height: 1;\n font-weight: 800;\n }\n\n .qmc-detach-title {\n display: block;\n\n color: var(--qmc-ink);\n\n font-size: 9px;\n line-height: 1.4;\n font-weight: 700;\n }\n\n .qmc-detach-copy {\n display: block;\n\n margin-top: 3px;\n\n color: var(--qmc-muted);\n\n font-size: 8px;\n line-height: 1.4;\n }\n\n\n \/* =========================================================\n DETACHABLE CALLOUT\n ========================================================= *\/\n\n .qmc-detach-callout {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 24px;\n\n display: grid;\n grid-template-columns: 5px minmax(0, 1fr);\n\n overflow: hidden;\n\n border-radius: 12px;\n\n background: var(--qmc-panel);\n }\n\n .qmc-detach-accent {\n background: var(--qmc-aqua);\n }\n\n .qmc-detach-callout-body {\n padding: 15px 16px;\n }\n\n .qmc-detach-callout-label {\n display: block;\n\n margin-bottom: 4px;\n\n color: var(--qmc-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 .qmc-detach-callout-title {\n color: var(--qmc-ink);\n\n font-size: 17px;\n line-height: 1.3;\n font-weight: 650;\n }\n\n .qmc-detach-callout-copy {\n margin-top: 6px;\n\n color: var(--qmc-text);\n\n font-size: 10px;\n line-height: 1.6;\n }\n\n\n \/* =========================================================\n HANDLE \/ CONTROL DUAL MODULE\n ========================================================= *\/\n\n .qmc-use-system {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 24px;\n }\n\n .qmc-use-head {\n margin-bottom: 9px;\n\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .qmc-use-title {\n flex: 0 0 auto;\n\n color: var(--qmc-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 .qmc-use-line {\n flex: 1;\n\n height: 1px;\n\n background: var(--qmc-line);\n }\n\n .qmc-use-stack {\n display: grid;\n grid-template-columns: 1fr;\n gap: 8px;\n }\n\n .qmc-use-card {\n min-width: 0;\n\n padding: 14px;\n\n display: grid;\n grid-template-columns: 46px minmax(0, 1fr);\n gap: 12px;\n align-items: center;\n\n border: 1px solid var(--qmc-line);\n border-radius: 12px;\n\n background: var(--qmc-white);\n }\n\n .qmc-use-icon {\n position: relative;\n\n width: 42px;\n height: 42px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 10px;\n\n background: var(--qmc-cyan-pale);\n }\n\n .qmc-use-icon.handle::before {\n content: \"\";\n\n width: 21px;\n height: 27px;\n\n border: 3px solid var(--qmc-aqua);\n border-left: 0;\n\n border-radius: 0 15px 15px 0;\n }\n\n .qmc-use-icon.control::before {\n content: \"\";\n\n width: 27px;\n height: 18px;\n\n border-radius: 5px;\n\n background: var(--qmc-deep);\n }\n\n .qmc-use-icon.control::after {\n content: \"\";\n\n position: absolute;\n left: 50%;\n top: 50%;\n\n width: 12px;\n height: 4px;\n\n transform: translate(-50%, -50%);\n\n border-radius: 2px;\n\n background: var(--qmc-cyan);\n }\n\n .qmc-use-card-title {\n display: block;\n\n margin-bottom: 3px;\n\n color: var(--qmc-ink);\n\n font-size: 10px;\n line-height: 1.4;\n font-weight: 750;\n }\n\n .qmc-use-card-copy {\n display: block;\n\n color: var(--qmc-muted);\n\n font-size: 9px;\n line-height: 1.5;\n }\n\n\n \/* =========================================================\n STORAGE STRIP\n ========================================================= *\/\n\n .qmc-storage {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 24px;\n padding: 15px 16px;\n\n display: grid;\n grid-template-columns: auto minmax(0, 1fr);\n gap: 13px;\n align-items: center;\n\n border-top: 1px solid var(--qmc-line);\n border-bottom: 1px solid var(--qmc-line);\n }\n\n .qmc-storage-mark {\n width: 39px;\n height: 39px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: var(--qmc-deep);\n\n color: var(--qmc-cyan);\n\n font-size: 10px;\n line-height: 1;\n font-weight: 800;\n }\n\n .qmc-storage-label {\n display: block;\n\n margin-bottom: 3px;\n\n color: var(--qmc-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 .qmc-storage-copy {\n display: block;\n\n color: var(--qmc-text);\n\n font-size: 10px;\n line-height: 1.55;\n }\n\n\n \/* =========================================================\n FEATURE INDEX\n ========================================================= *\/\n\n .qmc-features {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 24px;\n\n overflow: hidden;\n\n border: 1px solid var(--qmc-line);\n border-radius: 14px;\n }\n\n .qmc-features-head {\n padding: 13px 15px;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 14px;\n\n background: var(--qmc-deep);\n }\n\n .qmc-features-head-left {\n min-width: 0;\n }\n\n .qmc-features-kicker {\n display: block;\n\n margin-bottom: 3px;\n\n color: #a8dfe4;\n\n font-size: 6px;\n line-height: 1.2;\n font-weight: 800;\n\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n .qmc-features-title {\n color: #ffffff;\n\n font-size: 17px;\n line-height: 1.25;\n font-weight: 650;\n }\n\n .qmc-features-count {\n flex: 0 0 auto;\n\n color: var(--qmc-cyan);\n\n font-size: 22px;\n line-height: 1;\n font-weight: 700;\n }\n\n .qmc-feature-list {\n background: var(--qmc-white);\n }\n\n .qmc-feature {\n min-height: 42px;\n\n padding: 9px 13px;\n\n display: grid;\n grid-template-columns: 28px minmax(0, 1fr) auto;\n gap: 9px;\n align-items: center;\n\n border-bottom: 1px solid var(--qmc-line-soft);\n }\n\n .qmc-feature:last-child {\n border-bottom: 0;\n }\n\n .qmc-feature-no {\n color: var(--qmc-aqua);\n\n font-size: 8px;\n line-height: 1;\n font-weight: 800;\n }\n\n .qmc-feature-name {\n color: var(--qmc-text);\n\n font-size: 10px;\n line-height: 1.45;\n font-weight: 600;\n }\n\n .qmc-feature-dot {\n width: 6px;\n height: 6px;\n\n border-radius: 50%;\n\n background: var(--qmc-cyan);\n }\n\n\n \/* =========================================================\n COLOR ARCHITECTURE\n ========================================================= *\/\n\n .qmc-colors {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 24px;\n }\n\n .qmc-colors-head {\n margin-bottom: 9px;\n\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .qmc-colors-title {\n flex: 0 0 auto;\n\n color: var(--qmc-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 .qmc-colors-rule {\n flex: 1;\n\n height: 1px;\n\n background: var(--qmc-line);\n }\n\n .qmc-color-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n\n overflow: hidden;\n\n border: 1px solid var(--qmc-line);\n border-radius: 13px;\n }\n\n .qmc-color {\n min-width: 0;\n\n min-height: 105px;\n\n padding: 12px;\n\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n }\n\n .qmc-color.soft-white {\n background: #f7f8f7;\n }\n\n .qmc-color.deep-aqua {\n background: var(--qmc-aqua);\n }\n\n .qmc-color.light-cyan {\n background: var(--qmc-cyan-soft);\n }\n\n .qmc-color-name {\n display: block;\n\n font-size: 9px;\n line-height: 1.35;\n font-weight: 750;\n }\n\n .qmc-color-role {\n display: block;\n\n margin-top: 3px;\n\n font-size: 7px;\n line-height: 1.4;\n }\n\n .qmc-color.soft-white .qmc-color-name {\n color: var(--qmc-ink);\n }\n\n .qmc-color.soft-white .qmc-color-role {\n color: var(--qmc-muted);\n }\n\n .qmc-color.deep-aqua .qmc-color-name {\n color: #ffffff;\n }\n\n .qmc-color.deep-aqua .qmc-color-role {\n color: #c8edf0;\n }\n\n .qmc-color.light-cyan .qmc-color-name {\n color: var(--qmc-deep);\n }\n\n .qmc-color.light-cyan .qmc-color-role {\n color: #63898e;\n }\n\n\n \/* =========================================================\n FINAL PRODUCT SUMMARY\n ========================================================= *\/\n\n .qmc-final {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto;\n\n overflow: hidden;\n\n border-radius: 15px;\n\n background:\n linear-gradient(\n 135deg,\n var(--qmc-deep-dark) 0%,\n var(--qmc-deep) 100%\n );\n }\n\n .qmc-final-body {\n padding: 20px 19px;\n }\n\n .qmc-final-meta {\n margin-bottom: 8px;\n\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .qmc-final-dot {\n width: 7px;\n height: 7px;\n\n flex: 0 0 auto;\n\n border-radius: 50%;\n\n background: var(--qmc-cyan);\n\n box-shadow:\n 0 0 0 4px rgba(125,217,225,0.1);\n }\n\n .qmc-final-label {\n color: #afe6ea;\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 .qmc-final-title {\n max-width: 550px;\n\n color: #ffffff;\n\n font-size: 21px;\n line-height: 1.22;\n font-weight: 650;\n\n letter-spacing: -0.014em;\n }\n\n .qmc-final-copy {\n max-width: 565px;\n\n margin-top: 8px;\n\n color: #ccdee1;\n\n font-size: 11px;\n line-height: 1.65;\n }\n\n .qmc-final-bar {\n padding: 11px 14px;\n\n text-align: center;\n\n background: var(--qmc-cyan);\n\n color: var(--qmc-deep-dark);\n\n font-size: 7px;\n line-height: 1.4;\n font-weight: 850;\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 .qmc-page {\n padding: 16px 12px 34px;\n }\n\n .qmc-hero-main {\n padding: 23px 19px 21px;\n }\n\n .qmc-title {\n font-size: 31px;\n }\n\n .qmc-heading {\n font-size: 24px;\n }\n }\n\n\n \/* =========================================================\n MOBILE\n ========================================================= *\/\n\n @media screen and (max-width: 480px) {\n\n .qmc-page {\n padding: 12px 10px 30px;\n }\n\n .qmc-topbar {\n padding: 9px 11px;\n margin-bottom: 8px;\n }\n\n .qmc-brand {\n font-size: 7px;\n }\n\n .qmc-series {\n font-size: 6px;\n }\n\n .qmc-hero {\n margin-bottom: 19px;\n border-radius: 13px;\n }\n\n .qmc-hero-main {\n padding: 20px 14px 18px;\n }\n\n .qmc-title {\n font-size: 27px;\n }\n\n .qmc-hero-copy {\n font-size: 12px;\n line-height: 1.64;\n }\n\n .qmc-display-strip {\n padding: 11px 12px;\n gap: 9px;\n }\n\n .qmc-display-status {\n padding: 5px 6px;\n font-size: 5px;\n }\n\n .qmc-snapshot {\n margin-bottom: 20px;\n }\n\n .qmc-snapshot-item {\n padding: 9px 5px;\n }\n\n .qmc-snapshot-label {\n font-size: 5px;\n }\n\n .qmc-snapshot-value {\n font-size: 8px;\n }\n\n .qmc-image-section {\n margin-bottom: 21px;\n }\n\n .qmc-image-frame {\n border-radius: 12px;\n }\n\n .qmc-section {\n margin-bottom: 21px;\n }\n\n .qmc-heading {\n font-size: 21px;\n }\n\n .qmc-text {\n font-size: 12px;\n line-height: 1.64;\n }\n\n .qmc-measure-panel {\n margin-top: 13px;\n }\n\n .qmc-measure-screen {\n padding: 12px;\n gap: 10px;\n }\n\n .qmc-screen-visual {\n width: 66px;\n height: 30px;\n }\n\n .qmc-detach {\n margin-top: 13px;\n }\n\n .qmc-detach-step {\n padding: 11px 5px;\n }\n\n .qmc-detach-title {\n font-size: 8px;\n }\n\n .qmc-detach-copy {\n font-size: 7px;\n }\n\n .qmc-detach-callout {\n margin-bottom: 21px;\n }\n\n .qmc-detach-callout-body {\n padding: 13px;\n }\n\n .qmc-detach-callout-title {\n font-size: 15px;\n }\n\n .qmc-use-system {\n margin-bottom: 21px;\n }\n\n .qmc-use-card {\n padding: 12px;\n grid-template-columns: 42px minmax(0, 1fr);\n gap: 9px;\n }\n\n .qmc-use-icon {\n width: 38px;\n height: 38px;\n }\n\n .qmc-storage {\n margin-bottom: 21px;\n padding: 13px 10px;\n gap: 10px;\n }\n\n .qmc-features {\n margin-bottom: 21px;\n }\n\n .qmc-features-head {\n padding: 12px;\n }\n\n .qmc-features-title {\n font-size: 15px;\n }\n\n .qmc-feature {\n padding: 9px 10px;\n }\n\n .qmc-colors {\n margin-bottom: 21px;\n }\n\n .qmc-color {\n min-height: 88px;\n padding: 9px 7px;\n }\n\n .qmc-color-name {\n font-size: 8px;\n }\n\n .qmc-color-role {\n font-size: 6px;\n }\n\n .qmc-final-body {\n padding: 18px 15px;\n }\n\n .qmc-final-title {\n font-size: 19px;\n }\n\n .qmc-final-copy {\n font-size: 10px;\n }\n }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"qmc-page\"\u003e\n \u003cdiv class=\"qmc-shell\"\u003e\n\n\n \u003c!-- =====================================================\n TOP IDENTITY\n ===================================================== --\u003e\n\n \u003cdiv class=\"qmc-topbar\"\u003e\n\n \u003cspan class=\"qmc-brand\"\u003e\n qevonox™\n \u003c\/span\u003e\n\n \u003cspan class=\"qmc-series\"\u003e\n \u003cspan class=\"qmc-series-dot\"\u003e\u003c\/span\u003e\n Smart Kitchen Instrument\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- =====================================================\n HERO\n ===================================================== --\u003e\n\n \u003csection class=\"qmc-hero\"\u003e\n\n \u003cdiv class=\"qmc-hero-main\"\u003e\n\n \u003cdiv class=\"qmc-hero-kicker\"\u003e\n \u003cspan class=\"qmc-hero-kicker-line\"\u003e\u003c\/span\u003e\n \u003cspan class=\"qmc-hero-kicker-text\"\u003e\n Digital Measuring Cup\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch1 class=\"qmc-title\"\u003e\n Digital Measuring Cup with Integrated Weight Display and Detachable Container\n \u003c\/h1\u003e\n\n \u003cp class=\"qmc-hero-copy\"\u003e\n A familiar measuring-cup format combined with a compact digital\n display, detachable upper container, wide everyday-use handle,\n and clean control layout for everyday kitchen preparation.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qmc-display-strip\"\u003e\n\n \u003cdiv class=\"qmc-display-icon\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"qmc-display-copy\"\u003e\n \u003cspan class=\"qmc-display-label\"\u003e\n Integrated Interface\n \u003c\/span\u003e\n \u003cspan class=\"qmc-display-name\"\u003e\n Front Digital Weight Display\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cspan class=\"qmc-display-status\"\u003e\n Digital\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n PRODUCT SNAPSHOT\n ===================================================== --\u003e\n\n \u003csection class=\"qmc-snapshot\"\u003e\n\n \u003cdiv class=\"qmc-snapshot-item\"\u003e\n \u003cspan class=\"qmc-snapshot-label\"\u003e\n Display\n \u003c\/span\u003e\n \u003cspan class=\"qmc-snapshot-value\"\u003e\n Integrated Digital\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"qmc-snapshot-item\"\u003e\n \u003cspan class=\"qmc-snapshot-label\"\u003e\n Container\n \u003c\/span\u003e\n \u003cspan class=\"qmc-snapshot-value\"\u003e\n Detachable\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"qmc-snapshot-item\"\u003e\n \u003cspan class=\"qmc-snapshot-label\"\u003e\n Design\n \u003c\/span\u003e\n \u003cspan class=\"qmc-snapshot-value\"\u003e\n Compact Kitchen\n \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=\"qmc-image-section\"\u003e\n\n \u003cdiv class=\"qmc-image-head\"\u003e\n \u003cspan class=\"qmc-image-no\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"qmc-image-line\"\u003e\u003c\/span\u003e\n \u003cspan class=\"qmc-image-label\"\u003e\n Product Overview\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qmc-image-frame\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1022\/6660\/1789\/files\/1_8f68a806-d227-42b0-a8b2-6414df699bb9.png?v=1790763697\" alt=\"qevonox Digital Measuring Cup full product view\" width=\"1200\" height=\"1200\" decoding=\"async\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qmc-image-caption\"\u003e\n \u003cspan\u003e\n The complete design combines a measuring container,\n wide handle, lower digital section, and compact front display.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n SECTION 01 — DIGITAL DISPLAY\n ===================================================== --\u003e\n\n \u003csection class=\"qmc-section\"\u003e\n\n \u003cdiv class=\"qmc-section-tag\"\u003e\n\n \u003cspan class=\"qmc-section-number\"\u003e\n 01\n \u003c\/span\u003e\n\n \u003cspan class=\"qmc-section-name\"\u003e\n Integrated Display\n \u003c\/span\u003e\n\n \u003cspan class=\"qmc-section-rule\"\u003e\u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"qmc-heading\"\u003e\n Measurement information positioned directly on the cup\n \u003c\/h2\u003e\n\n \u003cp class=\"qmc-text\"\u003e\n A small digital screen is integrated into the lower front section,\n keeping available weight information visible in a clear and compact\n format during everyday kitchen preparation.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"qmc-measure-panel\"\u003e\n\n \u003cdiv class=\"qmc-measure-screen\"\u003e\n\n \u003cdiv\u003e\n\n \u003cspan class=\"qmc-screen-label\"\u003e\n Digital Interface\n \u003c\/span\u003e\n\n \u003cspan class=\"qmc-screen-title\"\u003e\n Compact front-facing weight display\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qmc-screen-visual\"\u003e\n\n \u003cdiv class=\"qmc-screen-digits\"\u003e\n \u003cspan class=\"qmc-screen-digit\"\u003e\u003c\/span\u003e\n \u003cspan class=\"qmc-screen-digit\"\u003e\u003c\/span\u003e\n \u003cspan class=\"qmc-screen-digit\"\u003e\u003c\/span\u003e\n \u003cspan class=\"qmc-screen-digit\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qmc-measure-note\"\u003e\n The display is positioned within the lower digital section,\n keeping the interface visually separate from the removable\n measuring container above.\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n IMAGE 02\n ===================================================== --\u003e\n\n \u003csection class=\"qmc-image-section\"\u003e\n\n \u003cdiv class=\"qmc-image-head\"\u003e\n \u003cspan class=\"qmc-image-no\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"qmc-image-line\"\u003e\u003c\/span\u003e\n \u003cspan class=\"qmc-image-label\"\u003e\n Digital Display\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qmc-image-frame\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1022\/6660\/1789\/files\/2_8a362d94-2cd3-49b3-afc8-d47496833432.png?v=1790763697\" alt=\"qevonox Digital Measuring Cup digital display and control detail\" width=\"1200\" height=\"1200\" loading=\"lazy\" decoding=\"async\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qmc-image-caption\"\u003e\n \u003cspan\u003e\n A compact front screen and Deep Aqua Blue control area create\n a simple digital interface within the lower section.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n SECTION 02 — DETACHABLE CONTAINER\n ===================================================== --\u003e\n\n \u003csection class=\"qmc-section\"\u003e\n\n \u003cdiv class=\"qmc-section-tag\"\u003e\n\n \u003cspan class=\"qmc-section-number\"\u003e\n 02\n \u003c\/span\u003e\n\n \u003cspan class=\"qmc-section-name\"\u003e\n Detachable Structure\n \u003c\/span\u003e\n\n \u003cspan class=\"qmc-section-rule\"\u003e\u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"qmc-heading\"\u003e\n The measuring container separates from the digital base\n \u003c\/h2\u003e\n\n \u003cp class=\"qmc-text\"\u003e\n The upper container can be detached from the lower digital section,\n allowing ingredients to be added, poured, and the removable cup\n cleaned separately from the base.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"qmc-detach\"\u003e\n\n \u003cdiv class=\"qmc-detach-step\"\u003e\n\n \u003cspan class=\"qmc-detach-no\"\u003e\n 01\n \u003c\/span\u003e\n\n \u003cspan class=\"qmc-detach-title\"\u003e\n Add\n \u003c\/span\u003e\n\n \u003cspan class=\"qmc-detach-copy\"\u003e\n Place ingredients in the cup\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qmc-detach-step\"\u003e\n\n \u003cspan class=\"qmc-detach-no\"\u003e\n 02\n \u003c\/span\u003e\n\n \u003cspan class=\"qmc-detach-title\"\u003e\n Pour\n \u003c\/span\u003e\n\n \u003cspan class=\"qmc-detach-copy\"\u003e\n Use the handled container\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qmc-detach-step\"\u003e\n\n \u003cspan class=\"qmc-detach-no\"\u003e\n 03\n \u003c\/span\u003e\n\n \u003cspan class=\"qmc-detach-title\"\u003e\n Separate\n \u003c\/span\u003e\n\n \u003cspan class=\"qmc-detach-copy\"\u003e\n Remove the cup from the base\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n DETACHABLE CALLOUT\n ===================================================== --\u003e\n\n \u003csection class=\"qmc-detach-callout\"\u003e\n\n \u003cdiv class=\"qmc-detach-accent\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"qmc-detach-callout-body\"\u003e\n\n \u003cspan class=\"qmc-detach-callout-label\"\u003e\n Removable Cup Structure\n \u003c\/span\u003e\n\n \u003ch2 class=\"qmc-detach-callout-title\"\u003e\n Kitchen preparation above. Digital section below.\n \u003c\/h2\u003e\n\n \u003cp class=\"qmc-detach-callout-copy\"\u003e\n Separating the upper measuring container from the lower digital\n section creates a clear distinction between the part used for\n ingredients and the part containing the display and controls.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n IMAGE 03\n ===================================================== --\u003e\n\n \u003csection class=\"qmc-image-section\"\u003e\n\n \u003cdiv class=\"qmc-image-head\"\u003e\n \u003cspan class=\"qmc-image-no\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"qmc-image-line\"\u003e\u003c\/span\u003e\n \u003cspan class=\"qmc-image-label\"\u003e\n Detachable Container\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qmc-image-frame\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1022\/6660\/1789\/files\/3_cb7b9e7d-10a0-4314-9a5e-ae624e9d961f.png?v=1790763697\" alt=\"qevonox Digital Measuring Cup detachable container detail\" width=\"1200\" height=\"1200\" loading=\"lazy\" decoding=\"async\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qmc-image-caption\"\u003e\n \u003cspan\u003e\n The upper measuring container detaches from the lower digital\n section for pouring, separate cleaning, and compact storage.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n SECTION 03 — EVERYDAY HANDLING\n ===================================================== --\u003e\n\n \u003csection class=\"qmc-section\"\u003e\n\n \u003cdiv class=\"qmc-section-tag\"\u003e\n\n \u003cspan class=\"qmc-section-number\"\u003e\n 03\n \u003c\/span\u003e\n\n \u003cspan class=\"qmc-section-name\"\u003e\n Everyday Handling\n \u003c\/span\u003e\n\n \u003cspan class=\"qmc-section-rule\"\u003e\u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"qmc-heading\"\u003e\n Familiar kitchen handling with a simple digital layout\n \u003c\/h2\u003e\n\n \u003cp class=\"qmc-text\"\u003e\n A wide handle supports everyday gripping during pouring and\n repositioning, while the controls and display remain grouped\n together within the lower section.\n \u003c\/p\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n HANDLE + CONTROL SYSTEM\n ===================================================== --\u003e\n\n \u003csection class=\"qmc-use-system\"\u003e\n\n \u003cdiv class=\"qmc-use-head\"\u003e\n \u003cspan class=\"qmc-use-title\"\u003e\n Use-Focused Design\n \u003c\/span\u003e\n \u003cspan class=\"qmc-use-line\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qmc-use-stack\"\u003e\n\n \u003cdiv class=\"qmc-use-card\"\u003e\n\n \u003cdiv class=\"qmc-use-icon handle\"\u003e\u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cspan class=\"qmc-use-card-title\"\u003e\n Wide Everyday-Use Handle\n \u003c\/span\u003e\n\n \u003cspan class=\"qmc-use-card-copy\"\u003e\n A broad handle provides a familiar grip point for pouring\n and repositioning the measuring container.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qmc-use-card\"\u003e\n\n \u003cdiv class=\"qmc-use-icon control\"\u003e\u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cspan class=\"qmc-use-card-title\"\u003e\n Simple Control Layout\n \u003c\/span\u003e\n\n \u003cspan class=\"qmc-use-card-copy\"\u003e\n The digital display and control area are grouped within the\n lower section for a clean, organized interface.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n STORAGE\n ===================================================== --\u003e\n\n \u003csection class=\"qmc-storage\"\u003e\n\n \u003cdiv class=\"qmc-storage-mark\"\u003e\n 04\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cspan class=\"qmc-storage-label\"\u003e\n Compact Kitchen Design\n \u003c\/span\u003e\n\n \u003cspan class=\"qmc-storage-copy\"\u003e\n The removable cup structure helps the product fit more naturally\n alongside other common kitchen preparation tools when stored.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n KEY FEATURES\n ===================================================== --\u003e\n\n \u003csection class=\"qmc-features\"\u003e\n\n \u003cdiv class=\"qmc-features-head\"\u003e\n\n \u003cdiv class=\"qmc-features-head-left\"\u003e\n\n \u003cspan class=\"qmc-features-kicker\"\u003e\n Product Function Index\n \u003c\/span\u003e\n\n \u003ch2 class=\"qmc-features-title\"\u003e\n Key Features\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003cspan class=\"qmc-features-count\"\u003e\n 06\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qmc-feature-list\"\u003e\n\n \u003cdiv class=\"qmc-feature\"\u003e\n \u003cspan class=\"qmc-feature-no\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"qmc-feature-name\"\u003e\n Integrated digital display\n \u003c\/span\u003e\n \u003cspan class=\"qmc-feature-dot\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"qmc-feature\"\u003e\n \u003cspan class=\"qmc-feature-no\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"qmc-feature-name\"\u003e\n Detachable measuring container\n \u003c\/span\u003e\n \u003cspan class=\"qmc-feature-dot\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"qmc-feature\"\u003e\n \u003cspan class=\"qmc-feature-no\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"qmc-feature-name\"\u003e\n Wide everyday-use handle\n \u003c\/span\u003e\n \u003cspan class=\"qmc-feature-dot\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"qmc-feature\"\u003e\n \u003cspan class=\"qmc-feature-no\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"qmc-feature-name\"\u003e\n Simple control layout\n \u003c\/span\u003e\n \u003cspan class=\"qmc-feature-dot\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"qmc-feature\"\u003e\n \u003cspan class=\"qmc-feature-no\"\u003e05\u003c\/span\u003e\n \u003cspan class=\"qmc-feature-name\"\u003e\n Compact kitchen design\n \u003c\/span\u003e\n \u003cspan class=\"qmc-feature-dot\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"qmc-feature\"\u003e\n \u003cspan class=\"qmc-feature-no\"\u003e06\u003c\/span\u003e\n \u003cspan class=\"qmc-feature-name\"\u003e\n Soft White and Deep Aqua Blue finish\n \u003c\/span\u003e\n \u003cspan class=\"qmc-feature-dot\"\u003e\u003c\/span\u003e\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=\"qmc-image-section\"\u003e\n\n \u003cdiv class=\"qmc-image-head\"\u003e\n \u003cspan class=\"qmc-image-no\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"qmc-image-line\"\u003e\u003c\/span\u003e\n \u003cspan class=\"qmc-image-label\"\u003e\n Kitchen Placement\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qmc-image-frame\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1022\/6660\/1789\/files\/4_609e1cee-e760-4459-bfdc-57bcbf73cfcd.png?v=1790763697\" alt=\"qevonox Digital Measuring Cup everyday kitchen view\" width=\"1200\" height=\"1200\" loading=\"lazy\" decoding=\"async\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qmc-image-caption\"\u003e\n \u003cspan\u003e\n Compact proportions and a removable cup structure help the\n measuring cup sit naturally alongside everyday kitchen tools.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n COLOR ARCHITECTURE\n ===================================================== --\u003e\n\n \u003csection class=\"qmc-colors\"\u003e\n\n \u003cdiv class=\"qmc-colors-head\"\u003e\n\n \u003cspan class=\"qmc-colors-title\"\u003e\n Product Color Architecture\n \u003c\/span\u003e\n\n \u003cspan class=\"qmc-colors-rule\"\u003e\u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qmc-color-grid\"\u003e\n\n \u003cdiv class=\"qmc-color soft-white\"\u003e\n\n \u003cspan class=\"qmc-color-name\"\u003e\n Soft White\n \u003c\/span\u003e\n\n \u003cspan class=\"qmc-color-role\"\u003e\n Main product finish\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qmc-color deep-aqua\"\u003e\n\n \u003cspan class=\"qmc-color-name\"\u003e\n Deep Aqua Blue\n \u003c\/span\u003e\n\n \u003cspan class=\"qmc-color-role\"\u003e\n Control section\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qmc-color light-cyan\"\u003e\n\n \u003cspan class=\"qmc-color-name\"\u003e\n Light Cyan\n \u003c\/span\u003e\n\n \u003cspan class=\"qmc-color-role\"\u003e\n Display accents\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n FINAL\n ===================================================== --\u003e\n\n \u003csection class=\"qmc-final\"\u003e\n\n \u003cdiv class=\"qmc-final-body\"\u003e\n\n \u003cdiv class=\"qmc-final-meta\"\u003e\n\n \u003cspan class=\"qmc-final-dot\"\u003e\u003c\/span\u003e\n\n \u003cspan class=\"qmc-final-label\"\u003e\n qevonox™ · Smart Kitchen Instrument\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"qmc-final-title\"\u003e\n Measure, pour, and prepare in one compact kitchen format.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"qmc-final-copy\"\u003e\n The qevonox™ Digital Measuring Cup combines an integrated\n weight display, detachable measuring container, wide handle,\n simple control layout, and compact form for everyday kitchen\n preparation.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qmc-final-bar\"\u003e\n Digital Display · Detachable Container · Wide Handle · Compact 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":67606415114557,"sku":null,"price":36.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1022\/6660\/1789\/files\/5_bce851fe-9579-452f-84aa-9df5d8513552.png?v=1790763691"},{"product_id":"qevonox™-automatic-toothpaste-dispenser-with-wall-mounted-storage-design","title":"qevonox™ Automatic Toothpaste Dispenser with Wall-Mounted Storage Design","description":"\u003cstyle\u003e\n \/* =========================================================\n qevonox™ AUTOMATIC TOOTHPASTE DISPENSER\n SMART BATHROOM UTILITY SYSTEM\n NEW INDEPENDENT SHOPIFY LANDING PAGE\n ========================================================= *\/\n\n .qtd-page {\n --qtd-deep: #103d47;\n --qtd-deep-2: #0b3038;\n --qtd-aqua: #176b78;\n --qtd-aqua-mid: #4d939c;\n\n --qtd-cyan: #7bd8df;\n --qtd-cyan-soft: #dff5f7;\n --qtd-cyan-pale: #f1fafb;\n\n --qtd-ink: #263b40;\n --qtd-text: #5e7074;\n --qtd-muted: #89979a;\n\n --qtd-white: #ffffff;\n --qtd-soft: #f8fbfb;\n --qtd-panel: #f1f7f7;\n --qtd-panel-2: #e8f3f4;\n\n --qtd-line: #d8e6e8;\n --qtd-line-soft: #e8f0f1;\n\n --qtd-shadow: rgba(17, 61, 70, 0.07);\n\n width: 100%;\n max-width: 760px;\n margin: 0 auto;\n padding: 18px 14px 40px;\n\n box-sizing: border-box;\n overflow: hidden;\n\n background: var(--qtd-white);\n color: var(--qtd-text);\n\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n \"Helvetica Neue\",\n Arial,\n sans-serif;\n }\n\n .qtd-page *,\n .qtd-page *::before,\n .qtd-page *::after {\n box-sizing: border-box;\n }\n\n .qtd-page h1,\n .qtd-page h2,\n .qtd-page h3,\n .qtd-page p {\n margin: 0;\n }\n\n .qtd-shell {\n width: 100%;\n max-width: 700px;\n margin: 0 auto;\n }\n\n\n \/* =========================================================\n SERIES HEADER\n ========================================================= *\/\n\n .qtd-series {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 10px;\n padding: 10px 13px;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 14px;\n\n border-bottom: 1px solid var(--qtd-line);\n\n background: var(--qtd-white);\n }\n\n .qtd-series-brand {\n color: var(--qtd-deep);\n\n font-size: 8px;\n line-height: 1.2;\n font-weight: 850;\n\n letter-spacing: 0.18em;\n text-transform: uppercase;\n }\n\n .qtd-series-system {\n display: flex;\n align-items: center;\n gap: 8px;\n\n color: var(--qtd-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 .qtd-series-icon {\n position: relative;\n\n width: 19px;\n height: 19px;\n\n flex: 0 0 auto;\n\n border: 1px solid #afd6da;\n border-radius: 6px;\n\n background: var(--qtd-cyan-pale);\n }\n\n .qtd-series-icon::before {\n content: \"\";\n\n position: absolute;\n left: 5px;\n right: 5px;\n top: 4px;\n\n height: 5px;\n\n border: 1.5px solid var(--qtd-aqua);\n border-bottom: 0;\n border-radius: 4px 4px 0 0;\n }\n\n .qtd-series-icon::after {\n content: \"\";\n\n position: absolute;\n left: 7px;\n right: 7px;\n bottom: 4px;\n\n height: 4px;\n\n border-radius: 0 0 3px 3px;\n\n background: var(--qtd-cyan);\n }\n\n\n \/* =========================================================\n HERO — SMART BATH UTILITY\n ========================================================= *\/\n\n .qtd-hero {\n position: relative;\n\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 20px;\n\n overflow: hidden;\n\n border: 1px solid var(--qtd-line);\n border-radius: 16px;\n\n background:\n linear-gradient(\n 145deg,\n #ffffff 0%,\n #f5fafb 58%,\n #eaf5f6 100%\n );\n }\n\n .qtd-hero::before {\n content: \"\";\n\n position: absolute;\n right: -55px;\n top: -65px;\n\n width: 180px;\n height: 180px;\n\n border: 1px solid rgba(23,107,120,0.08);\n border-radius: 50%;\n }\n\n .qtd-hero::after {\n content: \"\";\n\n position: absolute;\n right: -18px;\n top: -28px;\n\n width: 110px;\n height: 110px;\n\n border: 1px solid rgba(23,107,120,0.09);\n border-radius: 50%;\n }\n\n .qtd-hero-main {\n position: relative;\n z-index: 2;\n\n padding: 25px 22px 23px;\n }\n\n .qtd-hero-kicker {\n margin-bottom: 11px;\n\n display: flex;\n align-items: center;\n gap: 9px;\n }\n\n .qtd-hero-kicker-mark {\n width: 28px;\n height: 4px;\n\n flex: 0 0 auto;\n\n border-radius: 5px;\n\n background: var(--qtd-cyan);\n }\n\n .qtd-hero-kicker-text {\n color: var(--qtd-aqua);\n\n font-size: 7px;\n line-height: 1.2;\n font-weight: 850;\n\n letter-spacing: 0.16em;\n text-transform: uppercase;\n }\n\n .qtd-title {\n max-width: 575px;\n\n color: var(--qtd-ink);\n\n font-size: clamp(28px, 5vw, 39px);\n line-height: 1.08;\n font-weight: 680;\n\n letter-spacing: -0.032em;\n }\n\n .qtd-hero-copy {\n max-width: 565px;\n\n margin-top: 13px;\n\n color: var(--qtd-text);\n\n font-size: 13px;\n line-height: 1.68;\n }\n\n\n \/* =========================================================\n HERO UTILITY STRIP\n ========================================================= *\/\n\n .qtd-hero-strip {\n position: relative;\n z-index: 2;\n\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n\n border-top: 1px solid var(--qtd-line);\n\n background: rgba(255,255,255,0.78);\n }\n\n .qtd-hero-strip-item {\n min-width: 0;\n\n padding: 11px 8px;\n\n text-align: center;\n\n border-right: 1px solid var(--qtd-line-soft);\n }\n\n .qtd-hero-strip-item:last-child {\n border-right: 0;\n }\n\n .qtd-hero-strip-label {\n display: block;\n\n margin-bottom: 3px;\n\n color: var(--qtd-muted);\n\n font-size: 6px;\n line-height: 1.2;\n font-weight: 800;\n\n letter-spacing: 0.12em;\n text-transform: uppercase;\n }\n\n .qtd-hero-strip-value {\n display: block;\n\n color: var(--qtd-deep);\n\n font-size: 9px;\n line-height: 1.4;\n font-weight: 750;\n }\n\n\n \/* =========================================================\n IMAGE SYSTEM — 1:1\n ========================================================= *\/\n\n .qtd-image-section {\n width: 100%;\n\n margin: 0 0 24px;\n }\n\n .qtd-image-head {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 8px;\n\n display: grid;\n grid-template-columns: auto minmax(0, 1fr) auto;\n gap: 10px;\n align-items: center;\n }\n\n .qtd-image-no {\n width: 27px;\n height: 27px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: var(--qtd-deep);\n\n color: var(--qtd-cyan);\n\n font-size: 7px;\n line-height: 1;\n font-weight: 850;\n }\n\n .qtd-image-line {\n height: 1px;\n\n background: var(--qtd-line);\n }\n\n .qtd-image-name {\n color: var(--qtd-aqua);\n\n font-size: 7px;\n line-height: 1.2;\n font-weight: 850;\n\n letter-spacing: 0.13em;\n text-transform: uppercase;\n }\n\n .qtd-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(--qtd-line);\n border-radius: 14px;\n\n background:\n radial-gradient(\n circle at 50% 44%,\n #ffffff 0%,\n #f8fbfb 56%,\n #edf5f6 100%\n );\n\n box-shadow: 0 9px 24px var(--qtd-shadow);\n }\n\n .qtd-image-frame img {\n display: block;\n\n width: 100%;\n height: 100%;\n\n object-fit: contain;\n }\n\n\n \/* =========================================================\n IMAGE PLACEHOLDER\n ========================================================= *\/\n\n .qtd-placeholder {\n width: 100%;\n height: 100%;\n\n padding: 25px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .qtd-placeholder-inner {\n width: 100%;\n max-width: 270px;\n\n text-align: center;\n }\n\n .qtd-placeholder-product {\n position: relative;\n\n width: 94px;\n height: 120px;\n\n margin: 0 auto 18px;\n }\n\n .qtd-placeholder-body {\n position: absolute;\n left: 50%;\n top: 12px;\n\n width: 67px;\n height: 96px;\n\n transform: translateX(-50%);\n\n border: 2px solid #b4cdd1;\n border-radius: 18px;\n\n background: #ffffff;\n }\n\n .qtd-placeholder-body::before {\n content: \"\";\n\n position: absolute;\n left: 12px;\n right: 12px;\n bottom: 10px;\n\n height: 24px;\n\n border-radius: 7px;\n\n background: var(--qtd-aqua);\n }\n\n .qtd-placeholder-body::after {\n content: \"\";\n\n position: absolute;\n left: 50%;\n bottom: 17px;\n\n width: 15px;\n height: 7px;\n\n transform: translateX(-50%);\n\n border-radius: 0 0 8px 8px;\n\n background: var(--qtd-cyan);\n }\n\n .qtd-placeholder-tube {\n position: absolute;\n left: 50%;\n top: 0;\n\n width: 19px;\n height: 28px;\n\n transform: translateX(-50%);\n\n border: 1.5px solid #a8c4c8;\n border-radius: 5px 5px 2px 2px;\n\n background: var(--qtd-cyan-pale);\n }\n\n .qtd-placeholder-wall {\n position: absolute;\n left: 4px;\n top: 25px;\n\n width: 1px;\n height: 77px;\n\n background: #d7e5e7;\n }\n\n .qtd-placeholder-wall::before,\n .qtd-placeholder-wall::after {\n content: \"\";\n\n position: absolute;\n left: 0;\n\n width: 16px;\n height: 1px;\n\n background: #d7e5e7;\n }\n\n .qtd-placeholder-wall::before {\n top: 0;\n }\n\n .qtd-placeholder-wall::after {\n bottom: 0;\n }\n\n .qtd-placeholder-number {\n display: block;\n\n margin-bottom: 5px;\n\n color: var(--qtd-aqua);\n\n font-size: 22px;\n line-height: 1;\n font-weight: 750;\n }\n\n .qtd-placeholder-name {\n display: block;\n\n color: var(--qtd-muted);\n\n font-size: 8px;\n line-height: 1.5;\n font-weight: 800;\n\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n .qtd-image-caption {\n width: 100%;\n max-width: 620px;\n\n margin: 8px auto 0;\n\n padding: 0 2px;\n\n display: flex;\n align-items: flex-start;\n gap: 8px;\n\n color: var(--qtd-muted);\n\n font-size: 10px;\n line-height: 1.55;\n }\n\n .qtd-caption-dot {\n width: 6px;\n height: 6px;\n\n margin-top: 5px;\n\n flex: 0 0 auto;\n\n border-radius: 50%;\n\n background: var(--qtd-cyan);\n }\n\n\n \/* =========================================================\n SECTION INTRO\n ========================================================= *\/\n\n .qtd-section {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 24px;\n }\n\n .qtd-section-top {\n margin-bottom: 9px;\n\n display: flex;\n align-items: center;\n gap: 9px;\n }\n\n .qtd-section-no {\n width: 31px;\n height: 21px;\n\n flex: 0 0 auto;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 5px;\n\n background: var(--qtd-cyan-soft);\n\n color: var(--qtd-aqua);\n\n font-size: 7px;\n line-height: 1;\n font-weight: 850;\n }\n\n .qtd-section-label {\n flex: 0 0 auto;\n\n color: var(--qtd-aqua);\n\n font-size: 7px;\n line-height: 1.2;\n font-weight: 850;\n\n letter-spacing: 0.15em;\n text-transform: uppercase;\n }\n\n .qtd-section-rule {\n flex: 1;\n\n height: 1px;\n\n background: var(--qtd-line);\n }\n\n .qtd-heading {\n max-width: 580px;\n\n color: var(--qtd-ink);\n\n font-size: clamp(22px, 4vw, 28px);\n line-height: 1.17;\n font-weight: 680;\n\n letter-spacing: -0.022em;\n }\n\n .qtd-text {\n max-width: 590px;\n\n margin-top: 8px;\n\n color: var(--qtd-text);\n\n font-size: 13px;\n line-height: 1.68;\n }\n\n\n \/* =========================================================\n WALL-MOUNT SYSTEM\n ========================================================= *\/\n\n .qtd-wall-panel {\n width: 100%;\n max-width: 620px;\n\n margin: 14px auto 0;\n\n overflow: hidden;\n\n border: 1px solid var(--qtd-line);\n border-radius: 13px;\n\n background: var(--qtd-soft);\n }\n\n .qtd-wall-panel-head {\n padding: 12px 14px;\n\n display: flex;\n align-items: center;\n gap: 11px;\n\n background: var(--qtd-panel);\n }\n\n .qtd-wall-symbol {\n position: relative;\n\n width: 37px;\n height: 37px;\n\n flex: 0 0 auto;\n\n border-radius: 10px;\n\n background: var(--qtd-deep);\n }\n\n .qtd-wall-symbol::before {\n content: \"\";\n\n position: absolute;\n left: 9px;\n top: 7px;\n\n width: 15px;\n height: 23px;\n\n border: 1.5px solid var(--qtd-cyan);\n border-radius: 5px;\n }\n\n .qtd-wall-symbol::after {\n content: \"\";\n\n position: absolute;\n left: 26px;\n top: 5px;\n\n width: 1px;\n height: 27px;\n\n background: rgba(255,255,255,0.35);\n }\n\n .qtd-wall-meta {\n min-width: 0;\n }\n\n .qtd-wall-label {\n display: block;\n\n margin-bottom: 3px;\n\n color: var(--qtd-aqua);\n\n font-size: 6px;\n line-height: 1.2;\n font-weight: 850;\n\n letter-spacing: 0.13em;\n text-transform: uppercase;\n }\n\n .qtd-wall-title {\n display: block;\n\n color: var(--qtd-ink);\n\n font-size: 11px;\n line-height: 1.4;\n font-weight: 750;\n }\n\n .qtd-wall-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n\n background: var(--qtd-white);\n }\n\n .qtd-wall-item {\n min-width: 0;\n\n padding: 11px 8px;\n\n text-align: center;\n\n border-right: 1px solid var(--qtd-line-soft);\n }\n\n .qtd-wall-item:last-child {\n border-right: 0;\n }\n\n .qtd-wall-item-code {\n display: block;\n\n margin-bottom: 3px;\n\n color: var(--qtd-cyan);\n\n font-size: 7px;\n line-height: 1;\n font-weight: 850;\n }\n\n .qtd-wall-item-name {\n display: block;\n\n color: var(--qtd-text);\n\n font-size: 9px;\n line-height: 1.45;\n font-weight: 650;\n }\n\n\n \/* =========================================================\n DISPENSING SYSTEM\n ========================================================= *\/\n\n .qtd-dispense {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 24px;\n\n overflow: hidden;\n\n border-radius: 14px;\n\n background: var(--qtd-deep);\n }\n\n .qtd-dispense-head {\n padding: 16px 16px 14px;\n\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto;\n gap: 14px;\n align-items: center;\n }\n\n .qtd-dispense-kicker {\n display: block;\n\n margin-bottom: 4px;\n\n color: #9edbe0;\n\n font-size: 6px;\n line-height: 1.2;\n font-weight: 850;\n\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n .qtd-dispense-title {\n color: #ffffff;\n\n font-size: 18px;\n line-height: 1.28;\n font-weight: 650;\n }\n\n .qtd-dispense-icon {\n position: relative;\n\n width: 45px;\n height: 45px;\n\n flex: 0 0 auto;\n\n border: 1px solid rgba(123,216,223,0.28);\n border-radius: 12px;\n }\n\n .qtd-dispense-icon::before {\n content: \"\";\n\n position: absolute;\n left: 10px;\n right: 10px;\n top: 9px;\n\n height: 13px;\n\n border: 1.5px solid var(--qtd-cyan);\n border-radius: 5px 5px 2px 2px;\n }\n\n .qtd-dispense-icon::after {\n content: \"\";\n\n position: absolute;\n left: 50%;\n bottom: 9px;\n\n width: 15px;\n height: 8px;\n\n transform: translateX(-50%);\n\n border-bottom: 2px solid var(--qtd-cyan);\n border-radius: 0 0 10px 10px;\n }\n\n .qtd-dispense-body {\n padding: 13px 15px;\n\n border-top: 1px solid rgba(255,255,255,0.09);\n\n background: rgba(0,0,0,0.08);\n }\n\n .qtd-dispense-copy {\n color: #cddfe1;\n\n font-size: 10px;\n line-height: 1.62;\n }\n\n\n \/* =========================================================\n USE FLOW\n ========================================================= *\/\n\n .qtd-flow {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 24px;\n }\n\n .qtd-flow-label {\n margin-bottom: 8px;\n\n color: var(--qtd-aqua);\n\n font-size: 7px;\n line-height: 1.2;\n font-weight: 850;\n\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n .qtd-flow-track {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n\n overflow: hidden;\n\n border: 1px solid var(--qtd-line);\n border-radius: 12px;\n\n background: var(--qtd-white);\n }\n\n .qtd-flow-step {\n min-width: 0;\n\n padding: 13px 8px;\n\n text-align: center;\n\n border-right: 1px solid var(--qtd-line-soft);\n }\n\n .qtd-flow-step:last-child {\n border-right: 0;\n }\n\n .qtd-flow-no {\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: 7px;\n\n background: var(--qtd-deep);\n\n color: var(--qtd-cyan);\n\n font-size: 7px;\n line-height: 1;\n font-weight: 850;\n }\n\n .qtd-flow-name {\n display: block;\n\n margin-bottom: 3px;\n\n color: var(--qtd-ink);\n\n font-size: 9px;\n line-height: 1.4;\n font-weight: 750;\n }\n\n .qtd-flow-copy {\n display: block;\n\n color: var(--qtd-muted);\n\n font-size: 8px;\n line-height: 1.45;\n }\n\n\n \/* =========================================================\n TUBE STRUCTURE\n ========================================================= *\/\n\n .qtd-tube-panel {\n width: 100%;\n max-width: 620px;\n\n margin: 14px auto 0;\n\n padding: 14px;\n\n display: grid;\n grid-template-columns: 46px minmax(0, 1fr);\n gap: 12px;\n align-items: center;\n\n border-left: 3px solid var(--qtd-cyan);\n border-top: 1px solid var(--qtd-line);\n border-right: 1px solid var(--qtd-line);\n border-bottom: 1px solid var(--qtd-line);\n\n background: var(--qtd-cyan-pale);\n }\n\n .qtd-tube-icon {\n position: relative;\n\n width: 43px;\n height: 49px;\n\n border-radius: 9px;\n\n background: var(--qtd-white);\n border: 1px solid var(--qtd-line);\n }\n\n .qtd-tube-icon::before {\n content: \"\";\n\n position: absolute;\n left: 13px;\n top: 7px;\n\n width: 17px;\n height: 28px;\n\n border: 1.5px solid var(--qtd-aqua);\n border-radius: 5px 5px 3px 3px;\n }\n\n .qtd-tube-icon::after {\n content: \"\";\n\n position: absolute;\n left: 17px;\n bottom: 7px;\n\n width: 9px;\n height: 5px;\n\n border-radius: 2px;\n\n background: var(--qtd-cyan);\n }\n\n .qtd-tube-copy {\n min-width: 0;\n }\n\n .qtd-tube-label {\n display: block;\n\n margin-bottom: 3px;\n\n color: var(--qtd-aqua);\n\n font-size: 6px;\n line-height: 1.2;\n font-weight: 850;\n\n letter-spacing: 0.13em;\n text-transform: uppercase;\n }\n\n .qtd-tube-title {\n display: block;\n\n color: var(--qtd-ink);\n\n font-size: 11px;\n line-height: 1.45;\n font-weight: 750;\n }\n\n .qtd-tube-text {\n display: block;\n\n margin-top: 3px;\n\n color: var(--qtd-text);\n\n font-size: 9px;\n line-height: 1.5;\n }\n\n\n \/* =========================================================\n ORGANIZATION MODULE\n ========================================================= *\/\n\n .qtd-organize {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 24px;\n\n border-top: 1px solid var(--qtd-line);\n border-bottom: 1px solid var(--qtd-line);\n }\n\n .qtd-organize-head {\n padding: 12px 0 10px;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 14px;\n }\n\n .qtd-organize-title {\n color: var(--qtd-ink);\n\n font-size: 16px;\n line-height: 1.3;\n font-weight: 680;\n }\n\n .qtd-organize-code {\n flex: 0 0 auto;\n\n color: var(--qtd-aqua);\n\n font-size: 7px;\n line-height: 1.2;\n font-weight: 850;\n\n letter-spacing: 0.13em;\n text-transform: uppercase;\n }\n\n .qtd-organize-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n\n border-top: 1px solid var(--qtd-line-soft);\n }\n\n .qtd-organize-item {\n min-width: 0;\n\n padding: 11px 10px 11px 0;\n\n display: grid;\n grid-template-columns: 27px minmax(0, 1fr);\n gap: 8px;\n align-items: center;\n\n border-bottom: 1px solid var(--qtd-line-soft);\n }\n\n .qtd-organize-item:nth-child(even) {\n padding-left: 11px;\n border-left: 1px solid var(--qtd-line-soft);\n }\n\n .qtd-organize-item:nth-last-child(-n+2) {\n border-bottom: 0;\n }\n\n .qtd-organize-mark {\n width: 25px;\n height: 25px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 50%;\n\n background: var(--qtd-cyan-soft);\n\n color: var(--qtd-aqua);\n\n font-size: 7px;\n line-height: 1;\n font-weight: 850;\n }\n\n .qtd-organize-name {\n color: var(--qtd-text);\n\n font-size: 9px;\n line-height: 1.45;\n font-weight: 650;\n }\n\n\n \/* =========================================================\n FEATURE SYSTEM\n ========================================================= *\/\n\n .qtd-features {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 24px;\n\n overflow: hidden;\n\n border: 1px solid var(--qtd-line);\n border-radius: 14px;\n\n background: var(--qtd-white);\n }\n\n .qtd-features-head {\n padding: 13px 14px;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 13px;\n\n background:\n linear-gradient(\n 90deg,\n var(--qtd-panel) 0%,\n var(--qtd-cyan-pale) 100%\n );\n }\n\n .qtd-features-kicker {\n display: block;\n\n margin-bottom: 3px;\n\n color: var(--qtd-aqua);\n\n font-size: 6px;\n line-height: 1.2;\n font-weight: 850;\n\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n .qtd-features-title {\n color: var(--qtd-ink);\n\n font-size: 17px;\n line-height: 1.3;\n font-weight: 680;\n }\n\n .qtd-features-count {\n flex: 0 0 auto;\n\n color: var(--qtd-aqua);\n\n font-size: 22px;\n line-height: 1;\n font-weight: 750;\n }\n\n .qtd-feature-list {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .qtd-feature {\n min-width: 0;\n min-height: 53px;\n\n padding: 10px 12px;\n\n display: grid;\n grid-template-columns: 23px minmax(0, 1fr);\n gap: 8px;\n align-items: center;\n\n border-top: 1px solid var(--qtd-line-soft);\n }\n\n .qtd-feature:nth-child(even) {\n border-left: 1px solid var(--qtd-line-soft);\n }\n\n .qtd-feature-no {\n color: var(--qtd-cyan);\n\n font-size: 8px;\n line-height: 1;\n font-weight: 850;\n }\n\n .qtd-feature-name {\n color: var(--qtd-text);\n\n font-size: 9px;\n line-height: 1.45;\n font-weight: 650;\n }\n\n\n \/* =========================================================\n COLOR \/ FORM STRIP\n ========================================================= *\/\n\n .qtd-finish {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 24px;\n }\n\n .qtd-finish-label {\n margin-bottom: 8px;\n\n color: var(--qtd-aqua);\n\n font-size: 7px;\n line-height: 1.2;\n font-weight: 850;\n\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n .qtd-finish-track {\n display: grid;\n grid-template-columns: 1.5fr 1fr;\n\n min-height: 72px;\n\n overflow: hidden;\n\n border: 1px solid var(--qtd-line);\n border-radius: 12px;\n }\n\n .qtd-finish-white,\n .qtd-finish-blue {\n padding: 11px;\n\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n }\n\n .qtd-finish-white {\n background: #f8f9f8;\n }\n\n .qtd-finish-blue {\n background: var(--qtd-aqua);\n }\n\n .qtd-finish-name {\n display: block;\n\n font-size: 9px;\n line-height: 1.3;\n font-weight: 750;\n }\n\n .qtd-finish-role {\n display: block;\n\n margin-top: 2px;\n\n font-size: 7px;\n line-height: 1.4;\n }\n\n .qtd-finish-white .qtd-finish-name {\n color: var(--qtd-ink);\n }\n\n .qtd-finish-white .qtd-finish-role {\n color: var(--qtd-muted);\n }\n\n .qtd-finish-blue .qtd-finish-name {\n color: #ffffff;\n }\n\n .qtd-finish-blue .qtd-finish-role {\n color: #c9ebee;\n }\n\n\n \/* =========================================================\n FINAL PANEL\n ========================================================= *\/\n\n .qtd-final {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto;\n\n overflow: hidden;\n\n border-radius: 15px;\n\n background: var(--qtd-deep);\n }\n\n .qtd-final-top {\n padding: 19px 18px 17px;\n }\n\n .qtd-final-kicker {\n margin-bottom: 7px;\n\n display: flex;\n align-items: center;\n gap: 8px;\n\n color: #9fdce1;\n\n font-size: 7px;\n line-height: 1.2;\n font-weight: 850;\n\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n .qtd-final-kicker::before {\n content: \"\";\n\n width: 7px;\n height: 7px;\n\n flex: 0 0 auto;\n\n border-radius: 50%;\n\n background: var(--qtd-cyan);\n }\n\n .qtd-final-title {\n max-width: 550px;\n\n color: #ffffff;\n\n font-size: 21px;\n line-height: 1.23;\n font-weight: 660;\n\n letter-spacing: -0.014em;\n }\n\n .qtd-final-copy {\n max-width: 560px;\n\n margin-top: 8px;\n\n color: #ccdde0;\n\n font-size: 11px;\n line-height: 1.65;\n }\n\n .qtd-final-bottom {\n padding: 10px 13px;\n\n text-align: center;\n\n background: var(--qtd-cyan);\n\n color: var(--qtd-deep-2);\n\n font-size: 7px;\n line-height: 1.4;\n font-weight: 850;\n\n letter-spacing: 0.09em;\n text-transform: uppercase;\n }\n\n\n \/* =========================================================\n TABLET\n ========================================================= *\/\n\n @media screen and (max-width: 680px) {\n\n .qtd-page {\n padding: 16px 12px 34px;\n }\n\n .qtd-hero-main {\n padding: 23px 18px 21px;\n }\n\n .qtd-title {\n font-size: 31px;\n }\n\n .qtd-heading {\n font-size: 24px;\n }\n }\n\n\n \/* =========================================================\n MOBILE\n ========================================================= *\/\n\n @media screen and (max-width: 480px) {\n\n .qtd-page {\n padding: 12px 10px 30px;\n }\n\n .qtd-series {\n padding: 9px 8px;\n margin-bottom: 8px;\n }\n\n .qtd-series-brand {\n font-size: 7px;\n }\n\n .qtd-series-system {\n gap: 5px;\n font-size: 6px;\n }\n\n .qtd-series-icon {\n width: 17px;\n height: 17px;\n }\n\n .qtd-hero {\n margin-bottom: 19px;\n border-radius: 13px;\n }\n\n .qtd-hero-main {\n padding: 20px 14px 18px;\n }\n\n .qtd-title {\n font-size: 27px;\n }\n\n .qtd-hero-copy {\n font-size: 12px;\n line-height: 1.64;\n }\n\n .qtd-hero-strip-item {\n padding: 9px 4px;\n }\n\n .qtd-hero-strip-label {\n font-size: 5px;\n }\n\n .qtd-hero-strip-value {\n font-size: 8px;\n }\n\n .qtd-image-section {\n margin-bottom: 21px;\n }\n\n .qtd-image-frame {\n border-radius: 11px;\n }\n\n .qtd-image-name {\n font-size: 6px;\n }\n\n .qtd-section {\n margin-bottom: 21px;\n }\n\n .qtd-section-label {\n font-size: 6px;\n }\n\n .qtd-heading {\n font-size: 21px;\n }\n\n .qtd-text {\n font-size: 12px;\n line-height: 1.64;\n }\n\n .qtd-wall-panel {\n margin-top: 12px;\n }\n\n .qtd-wall-panel-head {\n padding: 10px;\n }\n\n .qtd-wall-item {\n padding: 9px 4px;\n }\n\n .qtd-wall-item-name {\n font-size: 8px;\n }\n\n .qtd-dispense {\n margin-bottom: 21px;\n }\n\n .qtd-dispense-head {\n padding: 13px;\n }\n\n .qtd-dispense-title {\n font-size: 16px;\n }\n\n .qtd-dispense-icon {\n width: 39px;\n height: 39px;\n }\n\n .qtd-dispense-body {\n padding: 11px 13px;\n }\n\n .qtd-flow {\n margin-bottom: 21px;\n }\n\n .qtd-flow-step {\n padding: 11px 5px;\n }\n\n .qtd-flow-name {\n font-size: 8px;\n }\n\n .qtd-flow-copy {\n font-size: 7px;\n }\n\n .qtd-tube-panel {\n padding: 11px;\n grid-template-columns: 41px minmax(0, 1fr);\n gap: 9px;\n }\n\n .qtd-tube-icon {\n width: 39px;\n height: 45px;\n }\n\n .qtd-organize {\n margin-bottom: 21px;\n }\n\n .qtd-organize-title {\n font-size: 15px;\n }\n\n .qtd-organize-item {\n padding: 9px 6px 9px 0;\n grid-template-columns: 24px minmax(0, 1fr);\n gap: 6px;\n }\n\n .qtd-organize-item:nth-child(even) {\n padding-left: 7px;\n }\n\n .qtd-organize-name {\n font-size: 8px;\n }\n\n .qtd-features {\n margin-bottom: 21px;\n }\n\n .qtd-features-head {\n padding: 11px 12px;\n }\n\n .qtd-features-title {\n font-size: 15px;\n }\n\n .qtd-feature {\n padding: 9px 8px;\n }\n\n .qtd-feature-name {\n font-size: 8px;\n }\n\n .qtd-finish {\n margin-bottom: 21px;\n }\n\n .qtd-finish-track {\n min-height: 65px;\n }\n\n .qtd-final-top {\n padding: 17px 14px 15px;\n }\n\n .qtd-final-title {\n font-size: 19px;\n }\n\n .qtd-final-copy {\n font-size: 10px;\n }\n\n .qtd-final-bottom {\n padding: 9px 7px;\n font-size: 6px;\n }\n }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"qtd-page\"\u003e\n \u003cdiv class=\"qtd-shell\"\u003e\n\n\n \u003c!-- =====================================================\n SERIES HEADER\n ===================================================== --\u003e\n\n \u003cdiv class=\"qtd-series\"\u003e\n\n \u003cspan class=\"qtd-series-brand\"\u003e\n qevonox™\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-series-system\"\u003e\n\n \u003cspan class=\"qtd-series-icon\"\u003e\u003c\/span\u003e\n\n Smart Bathroom Utility\n\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- =====================================================\n HERO\n ===================================================== --\u003e\n\n \u003csection class=\"qtd-hero\"\u003e\n\n \u003cdiv class=\"qtd-hero-main\"\u003e\n\n \u003cdiv class=\"qtd-hero-kicker\"\u003e\n\n \u003cspan class=\"qtd-hero-kicker-mark\"\u003e\u003c\/span\u003e\n\n \u003cspan class=\"qtd-hero-kicker-text\"\u003e\n Wall-Mounted Bathroom Organization\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003ch1 class=\"qtd-title\"\u003e\n Automatic Toothpaste Dispenser with Wall-Mounted Storage Design\n \u003c\/h1\u003e\n\n\n \u003cp class=\"qtd-hero-copy\"\u003e\n A compact wall-mounted toothpaste dispenser designed for bathrooms,\n vanity areas, and smaller wash spaces where keeping everyday items\n off the countertop can create a cleaner, more organized setup.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-hero-strip\"\u003e\n\n \u003cdiv class=\"qtd-hero-strip-item\"\u003e\n\n \u003cspan class=\"qtd-hero-strip-label\"\u003e\n Mounting\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-hero-strip-value\"\u003e\n Wall-Mounted\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-hero-strip-item\"\u003e\n\n \u003cspan class=\"qtd-hero-strip-label\"\u003e\n Operation\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-hero-strip-value\"\u003e\n Auto Dispensing\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-hero-strip-item\"\u003e\n\n \u003cspan class=\"qtd-hero-strip-label\"\u003e\n Profile\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-hero-strip-value\"\u003e\n Compact Vertical\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 01\n ===================================================== --\u003e\n\n \u003csection class=\"qtd-image-section\"\u003e\n\n \u003cdiv class=\"qtd-image-head\"\u003e\n\n \u003cspan class=\"qtd-image-no\"\u003e\n 01\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-image-line\"\u003e\u003c\/span\u003e\n\n \u003cspan class=\"qtd-image-name\"\u003e\n Product Overview\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-image-frame\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1022\/6660\/1789\/files\/1_036305ad-3b40-4b12-99a8-dd3c5c4dc521.png?v=1790764917\" alt=\"qevonox Automatic Toothpaste Dispenser full product view\" width=\"1200\" height=\"1200\" decoding=\"async\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-image-caption\"\u003e\n\n \u003cspan class=\"qtd-caption-dot\"\u003e\u003c\/span\u003e\n\n \u003cspan\u003e\n The complete design combines a Soft White vertical housing,\n Deep Aqua Blue dispensing details, and a wall-mounted profile.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n SECTION 01 — WALL-MOUNTED ORGANIZATION\n ===================================================== --\u003e\n\n \u003csection class=\"qtd-section\"\u003e\n\n \u003cdiv class=\"qtd-section-top\"\u003e\n\n \u003cspan class=\"qtd-section-no\"\u003e\n 01\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-section-label\"\u003e\n Wall-Mounted Organization\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-section-rule\"\u003e\u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"qtd-heading\"\u003e\n Move an everyday bathroom essential off the countertop\n \u003c\/h2\u003e\n\n\n \u003cp class=\"qtd-text\"\u003e\n The wall-mounted structure positions the main dispenser above the\n countertop, helping reduce the number of everyday items occupying\n the vanity surface while keeping toothpaste dispensing in a familiar\n bathroom location.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"qtd-wall-panel\"\u003e\n\n \u003cdiv class=\"qtd-wall-panel-head\"\u003e\n\n \u003cspan class=\"qtd-wall-symbol\"\u003e\u003c\/span\u003e\n\n \u003cdiv class=\"qtd-wall-meta\"\u003e\n\n \u003cspan class=\"qtd-wall-label\"\u003e\n Vertical Utility Layout\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-wall-title\"\u003e\n Designed around compact bathroom and vanity spaces\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-wall-grid\"\u003e\n\n \u003cdiv class=\"qtd-wall-item\"\u003e\n\n \u003cspan class=\"qtd-wall-item-code\"\u003e\n 01\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-wall-item-name\"\u003e\n Wall Position\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-wall-item\"\u003e\n\n \u003cspan class=\"qtd-wall-item-code\"\u003e\n 02\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-wall-item-name\"\u003e\n Vertical Housing\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-wall-item\"\u003e\n\n \u003cspan class=\"qtd-wall-item-code\"\u003e\n 03\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-wall-item-name\"\u003e\n Clearer Countertop\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 02\n ===================================================== --\u003e\n\n \u003csection class=\"qtd-image-section\"\u003e\n\n \u003cdiv class=\"qtd-image-head\"\u003e\n\n \u003cspan class=\"qtd-image-no\"\u003e\n 02\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-image-line\"\u003e\u003c\/span\u003e\n\n \u003cspan class=\"qtd-image-name\"\u003e\n Dispensing Structure\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-image-frame\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1022\/6660\/1789\/files\/2_a12f1c70-974b-456c-8291-06db25120bc7.png?v=1790764917\" alt=\"qevonox Automatic Toothpaste Dispenser dispensing area detail\" width=\"1200\" height=\"1200\" loading=\"lazy\" decoding=\"async\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-image-caption\"\u003e\n\n \u003cspan class=\"qtd-caption-dot\"\u003e\u003c\/span\u003e\n\n \u003cspan\u003e\n The lower section contains the toothpaste dispensing area,\n highlighted by the Deep Aqua Blue exterior detail.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n DISPENSING SYSTEM\n ===================================================== --\u003e\n\n \u003csection class=\"qtd-dispense\"\u003e\n\n \u003cdiv class=\"qtd-dispense-head\"\u003e\n\n \u003cdiv\u003e\n\n \u003cspan class=\"qtd-dispense-kicker\"\u003e\n Everyday Dispensing\n \u003c\/span\u003e\n\n \u003ch2 class=\"qtd-dispense-title\"\u003e\n A simple lower dispensing point for everyday brushing\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003cspan class=\"qtd-dispense-icon\"\u003e\u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-dispense-body\"\u003e\n\n \u003cp class=\"qtd-dispense-copy\"\u003e\n The dispensing mechanism is designed to release toothpaste when\n a compatible toothbrush is positioned against the lower dispensing\n area, keeping the interaction concentrated in one compact section\n of the wall-mounted unit.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n USE FLOW\n ===================================================== --\u003e\n\n \u003csection class=\"qtd-flow\"\u003e\n\n \u003cdiv class=\"qtd-flow-label\"\u003e\n Everyday Use Flow\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-flow-track\"\u003e\n\n \u003cdiv class=\"qtd-flow-step\"\u003e\n\n \u003cspan class=\"qtd-flow-no\"\u003e\n 01\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-flow-name\"\u003e\n Install\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-flow-copy\"\u003e\n Position a compatible toothpaste tube\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-flow-step\"\u003e\n\n \u003cspan class=\"qtd-flow-no\"\u003e\n 02\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-flow-name\"\u003e\n Position\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-flow-copy\"\u003e\n Place the toothbrush at the lower area\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-flow-step\"\u003e\n\n \u003cspan class=\"qtd-flow-no\"\u003e\n 03\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-flow-name\"\u003e\n Dispense\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-flow-copy\"\u003e\n Release toothpaste for brushing\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n SECTION 02 — TOOTHPASTE TUBE\n ===================================================== --\u003e\n\n \u003csection class=\"qtd-section\"\u003e\n\n \u003cdiv class=\"qtd-section-top\"\u003e\n\n \u003cspan class=\"qtd-section-no\"\u003e\n 02\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-section-label\"\u003e\n Toothpaste Tube Placement\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-section-rule\"\u003e\u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"qtd-heading\"\u003e\n A dedicated upper area keeps the toothpaste tube integrated with the unit\n \u003c\/h2\u003e\n\n\n \u003cp class=\"qtd-text\"\u003e\n The upper section is designed to accommodate a compatible toothpaste\n tube inside or above the main housing, creating a more unified setup\n between the toothpaste supply and the lower dispensing area.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"qtd-tube-panel\"\u003e\n\n \u003cspan class=\"qtd-tube-icon\"\u003e\u003c\/span\u003e\n\n \u003cdiv class=\"qtd-tube-copy\"\u003e\n\n \u003cspan class=\"qtd-tube-label\"\u003e\n Upper Installation Area\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-tube-title\"\u003e\n Compatible Toothpaste Tube Holder\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-tube-text\"\u003e\n The toothpaste tube connects with the main dispensing structure\n from the upper section of the unit.\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 03\n ===================================================== --\u003e\n\n \u003csection class=\"qtd-image-section\"\u003e\n\n \u003cdiv class=\"qtd-image-head\"\u003e\n\n \u003cspan class=\"qtd-image-no\"\u003e\n 03\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-image-line\"\u003e\u003c\/span\u003e\n\n \u003cspan class=\"qtd-image-name\"\u003e\n Vertical Organization\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-image-frame\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1022\/6660\/1789\/files\/3_deb6d312-efb9-42ee-a95f-c2ef0e1dc830.png?v=1790764917\" alt=\"qevonox Automatic Toothpaste Dispenser wall-mounted detail\" width=\"1200\" height=\"1200\" loading=\"lazy\" decoding=\"async\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-image-caption\"\u003e\n\n \u003cspan class=\"qtd-caption-dot\"\u003e\u003c\/span\u003e\n\n \u003cspan\u003e\n The compact vertical layout keeps the dispenser positioned\n above the vanity surface rather than occupying countertop space.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n SECTION 03 — COMPACT BATHROOM FORM\n ===================================================== --\u003e\n\n \u003csection class=\"qtd-section\"\u003e\n\n \u003cdiv class=\"qtd-section-top\"\u003e\n\n \u003cspan class=\"qtd-section-no\"\u003e\n 03\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-section-label\"\u003e\n Compact Bathroom Form\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-section-rule\"\u003e\u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"qtd-heading\"\u003e\n A vertical profile designed for smaller everyday wash spaces\n \u003c\/h2\u003e\n\n\n \u003cp class=\"qtd-text\"\u003e\n Its compact shape makes the dispenser suitable for bathrooms,\n vanity areas, and other wash spaces where countertop room is limited.\n Rounded edges and smooth exterior surfaces help the unit coordinate\n with clean, modern bathroom interiors.\n \u003c\/p\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n ORGANIZATION MODULE\n ===================================================== --\u003e\n\n \u003csection class=\"qtd-organize\"\u003e\n\n \u003cdiv class=\"qtd-organize-head\"\u003e\n\n \u003ch3 class=\"qtd-organize-title\"\u003e\n Designed Around Daily Organization\n \u003c\/h3\u003e\n\n \u003cspan class=\"qtd-organize-code\"\u003e\n Bath Utility\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-organize-grid\"\u003e\n\n \u003cdiv class=\"qtd-organize-item\"\u003e\n\n \u003cspan class=\"qtd-organize-mark\"\u003e\n 01\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-organize-name\"\u003e\n Keeps the main unit off the countertop\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-organize-item\"\u003e\n\n \u003cspan class=\"qtd-organize-mark\"\u003e\n 02\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-organize-name\"\u003e\n Uses a compact vertical wall position\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-organize-item\"\u003e\n\n \u003cspan class=\"qtd-organize-mark\"\u003e\n 03\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-organize-name\"\u003e\n Integrates toothpaste and dispensing areas\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-organize-item\"\u003e\n\n \u003cspan class=\"qtd-organize-mark\"\u003e\n 04\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-organize-name\"\u003e\n Coordinates with modern bathroom spaces\n \u003c\/span\u003e\n\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=\"qtd-features\"\u003e\n\n \u003cdiv class=\"qtd-features-head\"\u003e\n\n \u003cdiv\u003e\n\n \u003cspan class=\"qtd-features-kicker\"\u003e\n Product System\n \u003c\/span\u003e\n\n \u003ch2 class=\"qtd-features-title\"\u003e\n Key Features\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003cspan class=\"qtd-features-count\"\u003e\n 06\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-feature-list\"\u003e\n\n \u003cdiv class=\"qtd-feature\"\u003e\n\n \u003cspan class=\"qtd-feature-no\"\u003e\n 01\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-feature-name\"\u003e\n Wall-mounted design\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-feature\"\u003e\n\n \u003cspan class=\"qtd-feature-no\"\u003e\n 02\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-feature-name\"\u003e\n Automatic dispensing structure\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-feature\"\u003e\n\n \u003cspan class=\"qtd-feature-no\"\u003e\n 03\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-feature-name\"\u003e\n Compact vertical profile\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-feature\"\u003e\n\n \u003cspan class=\"qtd-feature-no\"\u003e\n 04\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-feature-name\"\u003e\n Compatible toothpaste tube holder\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-feature\"\u003e\n\n \u003cspan class=\"qtd-feature-no\"\u003e\n 05\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-feature-name\"\u003e\n Simple everyday operation\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-feature\"\u003e\n\n \u003cspan class=\"qtd-feature-no\"\u003e\n 06\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-feature-name\"\u003e\n Soft White and Deep Aqua Blue exterior\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=\"qtd-image-section\"\u003e\n\n \u003cdiv class=\"qtd-image-head\"\u003e\n\n \u003cspan class=\"qtd-image-no\"\u003e\n 04\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-image-line\"\u003e\u003c\/span\u003e\n\n \u003cspan class=\"qtd-image-name\"\u003e\n Bathroom Placement\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-image-frame\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1022\/6660\/1789\/files\/4_910c5a53-378c-42c9-abe2-47524fc88f9c.png?v=1790764917\" alt=\"qevonox Automatic Toothpaste Dispenser bathroom placement view\" width=\"1200\" height=\"1200\" loading=\"lazy\" decoding=\"async\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-image-caption\"\u003e\n\n \u003cspan class=\"qtd-caption-dot\"\u003e\u003c\/span\u003e\n\n \u003cspan\u003e\n Soft White surfaces and Deep Aqua Blue accents create a clean,\n modern appearance suited to bathrooms and vanity areas.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n COLOR SYSTEM\n ===================================================== --\u003e\n\n \u003csection class=\"qtd-finish\"\u003e\n\n \u003cdiv class=\"qtd-finish-label\"\u003e\n Bathroom Color System\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-finish-track\"\u003e\n\n \u003cdiv class=\"qtd-finish-white\"\u003e\n\n \u003cspan class=\"qtd-finish-name\"\u003e\n Soft White\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-finish-role\"\u003e\n Main vertical housing\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-finish-blue\"\u003e\n\n \u003cspan class=\"qtd-finish-name\"\u003e\n Deep Aqua Blue\n \u003c\/span\u003e\n\n \u003cspan class=\"qtd-finish-role\"\u003e\n Dispensing and lower accents\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n FINAL\n ===================================================== --\u003e\n\n \u003csection class=\"qtd-final\"\u003e\n\n \u003cdiv class=\"qtd-final-top\"\u003e\n\n \u003cdiv class=\"qtd-final-kicker\"\u003e\n qevonox™ · Smart Bathroom Utility\n \u003c\/div\u003e\n\n \u003ch2 class=\"qtd-final-title\"\u003e\n Everyday dispensing with a more organized wall-mounted layout.\n \u003c\/h2\u003e\n\n \u003cp class=\"qtd-final-copy\"\u003e\n The qevonox™ Automatic Toothpaste Dispenser combines a\n wall-mounted structure, compact vertical housing, compatible\n toothpaste tube placement, and a simple lower dispensing area\n in a clean Soft White and Deep Aqua Blue bathroom design.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtd-final-bottom\"\u003e\n Wall-Mounted · Automatic Dispensing · Compact Vertical 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":67606425207101,"sku":null,"price":36.56,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1022\/6660\/1789\/files\/5_4f7117c2-91df-49e5-ad08-ea8054a66497.png?v=1790764905"},{"product_id":"qevonox™-automatic-trash-can-with-motion-sensor-lid-and-square-indoor-body","title":"qevonox™ Automatic Trash Can with Motion Sensor Lid and Square Indoor Body","description":"\u003cstyle\u003e\n \/* =========================================================\n qevonox™ AUTOMATIC TRASH CAN\n SMART HOME MOTION SYSTEM\n Shopify Custom Liquid Landing Page\n ========================================================= *\/\n\n .qtc-trash {\n --qtc-deep: #123f48;\n --qtc-deep-2: #0b3038;\n --qtc-aqua: #176b78;\n --qtc-aqua-2: #287f8b;\n\n --qtc-cyan: #79d9df;\n --qtc-cyan-2: #a9e8ec;\n --qtc-cyan-soft: #dff6f7;\n --qtc-cyan-pale: #f1fbfb;\n\n --qtc-white: #ffffff;\n --qtc-soft-white: #f8faf9;\n --qtc-panel: #f3f7f7;\n --qtc-panel-2: #eaf3f4;\n\n --qtc-ink: #243a3f;\n --qtc-text: #5d7074;\n --qtc-muted: #89999c;\n\n --qtc-line: #d7e5e7;\n --qtc-line-soft: #e8eff0;\n\n --qtc-shadow: rgba(15, 59, 68, 0.07);\n\n width: 100%;\n max-width: 760px;\n margin: 0 auto;\n padding: 18px 14px 40px;\n\n box-sizing: border-box;\n overflow: hidden;\n\n background: var(--qtc-white);\n color: var(--qtc-text);\n\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n \"Helvetica Neue\",\n Arial,\n sans-serif;\n }\n\n .qtc-trash *,\n .qtc-trash *::before,\n .qtc-trash *::after {\n box-sizing: border-box;\n }\n\n .qtc-trash h1,\n .qtc-trash h2,\n .qtc-trash h3,\n .qtc-trash p {\n margin: 0;\n }\n\n .qtc-shell {\n width: 100%;\n max-width: 700px;\n margin: 0 auto;\n }\n\n\n \/* =========================================================\n SMART SYSTEM HEADER\n ========================================================= *\/\n\n .qtc-system-head {\n width: 100%;\n max-width: 620px;\n margin: 0 auto 12px;\n\n display: grid;\n grid-template-columns: auto 1fr auto;\n align-items: center;\n gap: 11px;\n\n padding: 9px 0;\n\n border-top: 1px solid var(--qtc-line);\n border-bottom: 1px solid var(--qtc-line);\n }\n\n .qtc-system-brand {\n color: var(--qtc-deep);\n\n font-size: 8px;\n line-height: 1.2;\n font-weight: 850;\n\n letter-spacing: 0.18em;\n text-transform: uppercase;\n }\n\n .qtc-system-line {\n width: 100%;\n height: 1px;\n\n background:\n linear-gradient(\n 90deg,\n var(--qtc-line) 0%,\n var(--qtc-cyan) 50%,\n var(--qtc-line) 100%\n );\n }\n\n .qtc-system-name {\n display: flex;\n align-items: center;\n gap: 6px;\n\n color: var(--qtc-aqua);\n\n font-size: 7px;\n line-height: 1.2;\n font-weight: 800;\n\n letter-spacing: 0.12em;\n text-transform: uppercase;\n }\n\n .qtc-status-dot {\n position: relative;\n\n width: 8px;\n height: 8px;\n\n flex: 0 0 auto;\n\n border-radius: 50%;\n background: var(--qtc-cyan);\n\n box-shadow: 0 0 0 3px rgba(121, 217, 223, 0.17);\n }\n\n\n \/* =========================================================\n HERO — SMART HOME CONTROL STYLE\n ========================================================= *\/\n\n .qtc-hero {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 22px;\n\n overflow: hidden;\n\n border: 1px solid var(--qtc-line);\n border-radius: 4px;\n\n background: var(--qtc-soft-white);\n }\n\n .qtc-hero-top {\n position: relative;\n\n padding: 24px 22px 23px;\n\n overflow: hidden;\n\n background:\n linear-gradient(\n 135deg,\n var(--qtc-deep-2) 0%,\n var(--qtc-deep) 62%,\n #175662 100%\n );\n }\n\n .qtc-hero-top::before {\n content: \"\";\n\n position: absolute;\n right: 28px;\n top: 0;\n\n width: 1px;\n height: 100%;\n\n background: rgba(121, 217, 223, 0.13);\n }\n\n .qtc-hero-top::after {\n content: \"\";\n\n position: absolute;\n right: 0;\n top: 28px;\n\n width: 100%;\n height: 1px;\n\n background: rgba(121, 217, 223, 0.07);\n }\n\n .qtc-hero-code {\n position: relative;\n z-index: 2;\n\n margin-bottom: 10px;\n\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .qtc-hero-code-dot {\n width: 7px;\n height: 7px;\n\n flex: 0 0 auto;\n\n border-radius: 50%;\n\n background: var(--qtc-cyan);\n }\n\n .qtc-hero-code-text {\n color: #a9e8ec;\n\n font-size: 7px;\n line-height: 1.2;\n font-weight: 850;\n\n letter-spacing: 0.16em;\n text-transform: uppercase;\n }\n\n .qtc-title {\n position: relative;\n z-index: 2;\n\n max-width: 570px;\n\n color: #ffffff;\n\n font-size: clamp(28px, 5vw, 39px);\n line-height: 1.08;\n font-weight: 680;\n\n letter-spacing: -0.032em;\n }\n\n .qtc-hero-copy {\n position: relative;\n z-index: 2;\n\n max-width: 560px;\n\n margin-top: 13px;\n\n color: #d5e4e6;\n\n font-size: 13px;\n line-height: 1.68;\n }\n\n\n \/* =========================================================\n HERO CONTROL DATA\n ========================================================= *\/\n\n .qtc-control-bar {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n\n background: #ffffff;\n }\n\n .qtc-control-item {\n min-width: 0;\n\n padding: 11px 7px;\n\n text-align: center;\n\n border-right: 1px solid var(--qtc-line-soft);\n }\n\n .qtc-control-item:last-child {\n border-right: 0;\n }\n\n .qtc-control-code {\n display: block;\n\n margin-bottom: 4px;\n\n color: var(--qtc-cyan);\n\n font-size: 6px;\n line-height: 1;\n font-weight: 900;\n }\n\n .qtc-control-value {\n display: block;\n\n color: var(--qtc-ink);\n\n font-size: 8px;\n line-height: 1.35;\n font-weight: 750;\n }\n\n\n \/* =========================================================\n IMAGE SYSTEM — STRICT 1:1\n ========================================================= *\/\n\n .qtc-media-section {\n width: 100%;\n\n margin: 0 0 24px;\n }\n\n .qtc-media-meta {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 8px;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n }\n\n .qtc-media-index {\n display: flex;\n align-items: center;\n gap: 8px;\n\n color: var(--qtc-deep);\n\n font-size: 8px;\n line-height: 1.2;\n font-weight: 850;\n\n letter-spacing: 0.12em;\n text-transform: uppercase;\n }\n\n .qtc-media-index::before {\n content: \"\";\n\n width: 20px;\n height: 3px;\n\n flex: 0 0 auto;\n\n background: var(--qtc-cyan);\n }\n\n .qtc-media-type {\n color: var(--qtc-muted);\n\n font-size: 7px;\n line-height: 1.2;\n font-weight: 750;\n\n letter-spacing: 0.12em;\n text-transform: uppercase;\n }\n\n .qtc-media {\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(--qtc-line);\n\n background:\n radial-gradient(\n circle at 50% 43%,\n #ffffff 0%,\n #f8fbfb 58%,\n #edf5f5 100%\n );\n\n box-shadow: 0 8px 22px var(--qtc-shadow);\n }\n\n .qtc-media img {\n display: block;\n\n width: 100%;\n height: 100%;\n\n object-fit: contain;\n }\n\n\n \/* =========================================================\n PLACEHOLDER\n ========================================================= *\/\n\n .qtc-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 .qtc-placeholder-inner {\n width: 100%;\n max-width: 270px;\n\n text-align: center;\n }\n\n .qtc-placeholder-can {\n position: relative;\n\n width: 92px;\n height: 112px;\n\n margin: 0 auto 18px;\n }\n\n .qtc-placeholder-body {\n position: absolute;\n left: 50%;\n bottom: 0;\n\n width: 72px;\n height: 88px;\n\n transform: translateX(-50%);\n\n border: 2px solid #bed0d2;\n border-radius: 9px 9px 13px 13px;\n\n background: #ffffff;\n }\n\n .qtc-placeholder-lid {\n position: absolute;\n left: 50%;\n top: 7px;\n\n width: 80px;\n height: 27px;\n\n transform: translateX(-50%);\n\n border-radius: 9px 9px 5px 5px;\n\n background: var(--qtc-deep);\n }\n\n .qtc-placeholder-lid::before {\n content: \"\";\n\n position: absolute;\n left: 50%;\n top: 7px;\n\n width: 28px;\n height: 3px;\n\n transform: translateX(-50%);\n\n border-radius: 5px;\n\n background: var(--qtc-cyan);\n }\n\n .qtc-placeholder-lid::after {\n content: \"\";\n\n position: absolute;\n left: 50%;\n bottom: 5px;\n\n width: 6px;\n height: 6px;\n\n transform: translateX(-50%);\n\n border-radius: 50%;\n\n background: var(--qtc-cyan-2);\n }\n\n .qtc-placeholder-number {\n display: block;\n\n margin-bottom: 5px;\n\n color: var(--qtc-aqua);\n\n font-size: 22px;\n line-height: 1;\n font-weight: 750;\n }\n\n .qtc-placeholder-name {\n display: block;\n\n color: var(--qtc-muted);\n\n font-size: 8px;\n line-height: 1.5;\n font-weight: 800;\n\n letter-spacing: 0.15em;\n text-transform: uppercase;\n }\n\n .qtc-media-caption {\n width: 100%;\n max-width: 620px;\n\n margin: 8px auto 0;\n\n padding: 0 2px;\n\n display: grid;\n grid-template-columns: 24px minmax(0, 1fr);\n gap: 8px;\n\n color: var(--qtc-muted);\n\n font-size: 10px;\n line-height: 1.55;\n }\n\n .qtc-caption-code {\n color: var(--qtc-aqua);\n\n font-size: 8px;\n line-height: 1.55;\n font-weight: 850;\n }\n\n\n \/* =========================================================\n SECTION TITLE SYSTEM\n ========================================================= *\/\n\n .qtc-section {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 24px;\n }\n\n .qtc-section-head {\n margin-bottom: 9px;\n\n display: grid;\n grid-template-columns: auto minmax(0, 1fr);\n gap: 10px;\n align-items: center;\n }\n\n .qtc-section-id {\n min-width: 39px;\n\n padding: 5px 7px;\n\n text-align: center;\n\n background: var(--qtc-deep);\n\n color: var(--qtc-cyan);\n\n font-size: 7px;\n line-height: 1;\n font-weight: 850;\n\n letter-spacing: 0.08em;\n }\n\n .qtc-section-name {\n padding-bottom: 5px;\n\n border-bottom: 1px solid var(--qtc-line);\n\n color: var(--qtc-aqua);\n\n font-size: 7px;\n line-height: 1.2;\n font-weight: 850;\n\n letter-spacing: 0.15em;\n text-transform: uppercase;\n }\n\n .qtc-heading {\n max-width: 575px;\n\n color: var(--qtc-ink);\n\n font-size: clamp(22px, 4vw, 28px);\n line-height: 1.17;\n font-weight: 680;\n\n letter-spacing: -0.022em;\n }\n\n .qtc-text {\n max-width: 590px;\n\n margin-top: 8px;\n\n color: var(--qtc-text);\n\n font-size: 13px;\n line-height: 1.68;\n }\n\n\n \/* =========================================================\n SENSOR MODULE\n ========================================================= *\/\n\n .qtc-sensor {\n width: 100%;\n max-width: 620px;\n\n margin: 14px auto 0;\n\n display: grid;\n grid-template-columns: 92px minmax(0, 1fr);\n\n overflow: hidden;\n\n border: 1px solid var(--qtc-line);\n\n background: var(--qtc-white);\n }\n\n .qtc-sensor-visual {\n position: relative;\n\n min-height: 104px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n background: var(--qtc-deep);\n }\n\n .qtc-sensor-core {\n position: relative;\n\n width: 18px;\n height: 18px;\n\n border: 2px solid var(--qtc-cyan);\n border-radius: 50%;\n }\n\n .qtc-sensor-core::before,\n .qtc-sensor-core::after {\n content: \"\";\n\n position: absolute;\n left: 50%;\n top: 50%;\n\n transform: translate(-50%, -50%);\n\n border: 1px solid rgba(121, 217, 223, 0.38);\n border-radius: 50%;\n }\n\n .qtc-sensor-core::before {\n width: 38px;\n height: 38px;\n }\n\n .qtc-sensor-core::after {\n width: 58px;\n height: 58px;\n }\n\n .qtc-sensor-info {\n padding: 14px 15px;\n }\n\n .qtc-sensor-label {\n display: block;\n\n margin-bottom: 4px;\n\n color: var(--qtc-aqua);\n\n font-size: 6px;\n line-height: 1.2;\n font-weight: 850;\n\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n .qtc-sensor-title {\n display: block;\n\n color: var(--qtc-ink);\n\n font-size: 12px;\n line-height: 1.4;\n font-weight: 750;\n }\n\n .qtc-sensor-copy {\n display: block;\n\n margin-top: 5px;\n\n color: var(--qtc-text);\n\n font-size: 10px;\n line-height: 1.55;\n }\n\n\n \/* =========================================================\n SENSOR SEQUENCE\n ========================================================= *\/\n\n .qtc-sequence {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 24px;\n }\n\n .qtc-sequence-title {\n margin-bottom: 8px;\n\n display: flex;\n align-items: center;\n gap: 9px;\n\n color: var(--qtc-aqua);\n\n font-size: 7px;\n line-height: 1.2;\n font-weight: 850;\n\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n .qtc-sequence-title::after {\n content: \"\";\n\n flex: 1;\n height: 1px;\n\n background: var(--qtc-line);\n }\n\n .qtc-sequence-track {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n\n border: 1px solid var(--qtc-line);\n\n background: var(--qtc-white);\n }\n\n .qtc-sequence-step {\n position: relative;\n\n min-width: 0;\n\n padding: 13px 9px;\n\n text-align: center;\n\n border-right: 1px solid var(--qtc-line-soft);\n }\n\n .qtc-sequence-step:last-child {\n border-right: 0;\n }\n\n .qtc-sequence-no {\n width: 25px;\n height: 25px;\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(--qtc-cyan-soft);\n\n color: var(--qtc-aqua);\n\n font-size: 7px;\n line-height: 1;\n font-weight: 850;\n }\n\n .qtc-sequence-name {\n display: block;\n\n margin-bottom: 3px;\n\n color: var(--qtc-ink);\n\n font-size: 9px;\n line-height: 1.4;\n font-weight: 750;\n }\n\n .qtc-sequence-copy {\n display: block;\n\n color: var(--qtc-muted);\n\n font-size: 8px;\n line-height: 1.45;\n }\n\n\n \/* =========================================================\n SQUARE BODY ARCHITECTURE\n ========================================================= *\/\n\n .qtc-body-map {\n width: 100%;\n max-width: 620px;\n\n margin: 14px auto 0;\n\n border: 1px solid var(--qtc-line);\n\n background: var(--qtc-panel);\n }\n\n .qtc-body-map-head {\n padding: 10px 12px;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n\n border-bottom: 1px solid var(--qtc-line);\n\n background: var(--qtc-white);\n }\n\n .qtc-body-map-title {\n color: var(--qtc-ink);\n\n font-size: 10px;\n line-height: 1.4;\n font-weight: 750;\n }\n\n .qtc-body-map-code {\n color: var(--qtc-aqua);\n\n font-size: 6px;\n line-height: 1.2;\n font-weight: 850;\n\n letter-spacing: 0.12em;\n text-transform: uppercase;\n }\n\n .qtc-body-map-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .qtc-body-map-item {\n min-width: 0;\n\n padding: 11px 8px;\n\n text-align: center;\n\n border-right: 1px solid var(--qtc-line);\n }\n\n .qtc-body-map-item:last-child {\n border-right: 0;\n }\n\n .qtc-body-map-mark {\n position: relative;\n\n display: block;\n\n width: 31px;\n height: 31px;\n\n margin: 0 auto 7px;\n }\n\n .qtc-body-map-mark.square {\n border: 1.5px solid var(--qtc-aqua);\n border-radius: 6px;\n }\n\n .qtc-body-map-mark.opening {\n border: 1.5px solid var(--qtc-aqua);\n border-radius: 50%;\n transform: scaleY(0.55);\n }\n\n .qtc-body-map-mark.corner {\n border-right: 2px solid var(--qtc-aqua);\n border-bottom: 2px solid var(--qtc-aqua);\n border-radius: 0 0 8px 0;\n }\n\n .qtc-body-map-name {\n display: block;\n\n color: var(--qtc-text);\n\n font-size: 8px;\n line-height: 1.45;\n font-weight: 700;\n }\n\n\n \/* =========================================================\n LID ACCESS MODULE\n ========================================================= *\/\n\n .qtc-lid-access {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 24px;\n\n display: grid;\n grid-template-columns: minmax(0, 1fr) 58px;\n\n border-top: 1px solid var(--qtc-line);\n border-bottom: 1px solid var(--qtc-line);\n }\n\n .qtc-lid-copy {\n padding: 13px 13px 13px 0;\n }\n\n .qtc-lid-label {\n display: block;\n\n margin-bottom: 4px;\n\n color: var(--qtc-aqua);\n\n font-size: 6px;\n line-height: 1.2;\n font-weight: 850;\n\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n .qtc-lid-title {\n display: block;\n\n color: var(--qtc-ink);\n\n font-size: 13px;\n line-height: 1.4;\n font-weight: 750;\n }\n\n .qtc-lid-text {\n display: block;\n\n margin-top: 4px;\n\n color: var(--qtc-text);\n\n font-size: 10px;\n line-height: 1.55;\n }\n\n .qtc-lid-icon {\n position: relative;\n\n border-left: 1px solid var(--qtc-line);\n\n background: var(--qtc-cyan-pale);\n }\n\n .qtc-lid-icon::before {\n content: \"\";\n\n position: absolute;\n left: 50%;\n top: 31%;\n\n width: 30px;\n height: 8px;\n\n transform: translateX(-50%);\n\n border-radius: 5px;\n\n background: var(--qtc-deep);\n }\n\n .qtc-lid-icon::after {\n content: \"\";\n\n position: absolute;\n left: 50%;\n top: 49%;\n\n width: 22px;\n height: 22px;\n\n transform: translateX(-50%);\n\n border: 1px solid var(--qtc-aqua);\n border-top: 0;\n border-radius: 0 0 6px 6px;\n }\n\n\n \/* =========================================================\n STATUS INDICATOR\n ========================================================= *\/\n\n .qtc-indicator {\n width: 100%;\n max-width: 620px;\n\n margin: 14px auto 0;\n\n padding: 13px 14px;\n\n display: grid;\n grid-template-columns: auto minmax(0, 1fr);\n gap: 11px;\n align-items: center;\n\n background: var(--qtc-deep);\n }\n\n .qtc-indicator-light {\n position: relative;\n\n width: 38px;\n height: 38px;\n\n flex: 0 0 auto;\n\n border: 1px solid rgba(121,217,223,0.26);\n border-radius: 50%;\n }\n\n .qtc-indicator-light::before {\n content: \"\";\n\n position: absolute;\n left: 50%;\n top: 50%;\n\n width: 9px;\n height: 9px;\n\n transform: translate(-50%, -50%);\n\n border-radius: 50%;\n\n background: var(--qtc-cyan);\n\n box-shadow: 0 0 0 5px rgba(121,217,223,0.10);\n }\n\n .qtc-indicator-copy {\n min-width: 0;\n }\n\n .qtc-indicator-label {\n display: block;\n\n margin-bottom: 3px;\n\n color: #98dce1;\n\n font-size: 6px;\n line-height: 1.2;\n font-weight: 850;\n\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n .qtc-indicator-title {\n display: block;\n\n color: #ffffff;\n\n font-size: 11px;\n line-height: 1.4;\n font-weight: 700;\n }\n\n .qtc-indicator-text {\n display: block;\n\n margin-top: 3px;\n\n color: #c6dadd;\n\n font-size: 9px;\n line-height: 1.5;\n }\n\n\n \/* =========================================================\n ROOM PLACEMENT\n ========================================================= *\/\n\n .qtc-placement {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 24px;\n }\n\n .qtc-placement-head {\n margin-bottom: 8px;\n\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n gap: 12px;\n }\n\n .qtc-placement-kicker {\n display: block;\n\n margin-bottom: 3px;\n\n color: var(--qtc-aqua);\n\n font-size: 6px;\n line-height: 1.2;\n font-weight: 850;\n\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n .qtc-placement-title {\n color: var(--qtc-ink);\n\n font-size: 17px;\n line-height: 1.3;\n font-weight: 680;\n }\n\n .qtc-placement-count {\n color: var(--qtc-cyan);\n\n font-size: 22px;\n line-height: 1;\n font-weight: 800;\n }\n\n .qtc-placement-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n\n border-top: 1px solid var(--qtc-line);\n border-bottom: 1px solid var(--qtc-line);\n }\n\n .qtc-placement-item {\n min-width: 0;\n\n padding: 12px 6px;\n\n text-align: center;\n\n border-right: 1px solid var(--qtc-line-soft);\n }\n\n .qtc-placement-item:last-child {\n border-right: 0;\n }\n\n .qtc-placement-no {\n display: block;\n\n margin-bottom: 4px;\n\n color: var(--qtc-aqua);\n\n font-size: 7px;\n line-height: 1;\n font-weight: 850;\n }\n\n .qtc-placement-name {\n display: block;\n\n color: var(--qtc-text);\n\n font-size: 8px;\n line-height: 1.45;\n font-weight: 700;\n }\n\n\n \/* =========================================================\n FEATURE MATRIX\n ========================================================= *\/\n\n .qtc-features {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 24px;\n\n border: 1px solid var(--qtc-line);\n\n background: var(--qtc-white);\n }\n\n .qtc-features-head {\n padding: 12px 13px;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n\n background: var(--qtc-panel);\n }\n\n .qtc-features-left {\n min-width: 0;\n }\n\n .qtc-features-kicker {\n display: block;\n\n margin-bottom: 3px;\n\n color: var(--qtc-aqua);\n\n font-size: 6px;\n line-height: 1.2;\n font-weight: 850;\n\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n .qtc-features-title {\n color: var(--qtc-ink);\n\n font-size: 17px;\n line-height: 1.3;\n font-weight: 680;\n }\n\n .qtc-features-number {\n flex: 0 0 auto;\n\n color: var(--qtc-aqua);\n\n font-size: 24px;\n line-height: 1;\n font-weight: 750;\n }\n\n .qtc-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .qtc-feature {\n min-width: 0;\n\n padding: 10px 11px;\n\n display: grid;\n grid-template-columns: 24px minmax(0, 1fr);\n gap: 8px;\n align-items: center;\n\n border-top: 1px solid var(--qtc-line-soft);\n }\n\n .qtc-feature:nth-child(even) {\n border-left: 1px solid var(--qtc-line-soft);\n }\n\n .qtc-feature-no {\n color: var(--qtc-cyan);\n\n font-size: 7px;\n line-height: 1;\n font-weight: 900;\n }\n\n .qtc-feature-name {\n color: var(--qtc-text);\n\n font-size: 9px;\n line-height: 1.45;\n font-weight: 650;\n }\n\n\n \/* =========================================================\n COLOR ARCHITECTURE\n ========================================================= *\/\n\n .qtc-color-system {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto 24px;\n }\n\n .qtc-color-label {\n margin-bottom: 8px;\n\n color: var(--qtc-aqua);\n\n font-size: 7px;\n line-height: 1.2;\n font-weight: 850;\n\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n .qtc-color-track {\n display: grid;\n grid-template-columns: 1.7fr 1fr 0.55fr;\n\n min-height: 76px;\n\n overflow: hidden;\n\n border: 1px solid var(--qtc-line);\n }\n\n .qtc-color-block {\n padding: 10px;\n\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n }\n\n .qtc-color-white {\n background: #f8f9f8;\n }\n\n .qtc-color-aqua {\n background: var(--qtc-deep);\n }\n\n .qtc-color-cyan {\n background: var(--qtc-cyan);\n }\n\n .qtc-color-name {\n display: block;\n\n font-size: 8px;\n line-height: 1.35;\n font-weight: 800;\n }\n\n .qtc-color-role {\n display: block;\n\n margin-top: 2px;\n\n font-size: 6px;\n line-height: 1.4;\n }\n\n .qtc-color-white .qtc-color-name {\n color: var(--qtc-ink);\n }\n\n .qtc-color-white .qtc-color-role {\n color: var(--qtc-muted);\n }\n\n .qtc-color-aqua .qtc-color-name {\n color: #ffffff;\n }\n\n .qtc-color-aqua .qtc-color-role {\n color: #a9d5da;\n }\n\n .qtc-color-cyan .qtc-color-name {\n color: var(--qtc-deep-2);\n }\n\n .qtc-color-cyan .qtc-color-role {\n color: #245d64;\n }\n\n\n \/* =========================================================\n FINAL SMART HOME SIGNATURE\n ========================================================= *\/\n\n .qtc-final {\n width: 100%;\n max-width: 620px;\n\n margin: 0 auto;\n\n overflow: hidden;\n\n border: 1px solid var(--qtc-deep);\n\n background: var(--qtc-white);\n }\n\n .qtc-final-bar {\n height: 6px;\n\n display: grid;\n grid-template-columns: 1fr 0.22fr;\n\n background: var(--qtc-deep);\n }\n\n .qtc-final-bar::after {\n content: \"\";\n\n background: var(--qtc-cyan);\n }\n\n .qtc-final-body {\n padding: 19px 18px;\n\n text-align: center;\n }\n\n .qtc-final-status {\n margin-bottom: 7px;\n\n display: inline-flex;\n align-items: center;\n gap: 7px;\n\n color: var(--qtc-aqua);\n\n font-size: 7px;\n line-height: 1.2;\n font-weight: 850;\n\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n\n .qtc-final-status::before {\n content: \"\";\n\n width: 7px;\n height: 7px;\n\n border-radius: 50%;\n\n background: var(--qtc-cyan);\n }\n\n .qtc-final-title {\n max-width: 550px;\n\n margin: 0 auto;\n\n color: var(--qtc-ink);\n\n font-size: 21px;\n line-height: 1.24;\n font-weight: 680;\n\n letter-spacing: -0.016em;\n }\n\n .qtc-final-copy {\n max-width: 555px;\n\n margin: 8px auto 0;\n\n color: var(--qtc-text);\n\n font-size: 11px;\n line-height: 1.65;\n }\n\n .qtc-final-foot {\n padding: 10px 12px;\n\n text-align: center;\n\n border-top: 1px solid var(--qtc-line);\n\n background: var(--qtc-panel);\n\n color: var(--qtc-aqua);\n\n font-size: 7px;\n line-height: 1.4;\n font-weight: 850;\n\n letter-spacing: 0.09em;\n text-transform: uppercase;\n }\n\n\n \/* =========================================================\n TABLET\n ========================================================= *\/\n\n @media screen and (max-width: 680px) {\n\n .qtc-trash {\n padding: 16px 12px 34px;\n }\n\n .qtc-hero-top {\n padding: 22px 18px 21px;\n }\n\n .qtc-title {\n font-size: 31px;\n }\n\n .qtc-heading {\n font-size: 24px;\n }\n }\n\n\n \/* =========================================================\n MOBILE\n ========================================================= *\/\n\n @media screen and (max-width: 480px) {\n\n .qtc-trash {\n padding: 12px 10px 30px;\n }\n\n .qtc-system-head {\n gap: 7px;\n margin-bottom: 9px;\n }\n\n .qtc-system-brand {\n font-size: 7px;\n }\n\n .qtc-system-name {\n font-size: 6px;\n }\n\n .qtc-hero {\n margin-bottom: 20px;\n }\n\n .qtc-hero-top {\n padding: 19px 14px 18px;\n }\n\n .qtc-title {\n font-size: 27px;\n }\n\n .qtc-hero-copy {\n font-size: 12px;\n line-height: 1.64;\n }\n\n .qtc-control-item {\n padding: 9px 3px;\n }\n\n .qtc-control-code {\n font-size: 5px;\n }\n\n .qtc-control-value {\n font-size: 7px;\n }\n\n .qtc-media-section {\n margin-bottom: 21px;\n }\n\n .qtc-media-index {\n font-size: 7px;\n }\n\n .qtc-media-type {\n font-size: 6px;\n }\n\n .qtc-section {\n margin-bottom: 21px;\n }\n\n .qtc-section-name {\n font-size: 6px;\n }\n\n .qtc-heading {\n font-size: 21px;\n }\n\n .qtc-text {\n font-size: 12px;\n line-height: 1.64;\n }\n\n .qtc-sensor {\n grid-template-columns: 78px minmax(0, 1fr);\n }\n\n .qtc-sensor-visual {\n min-height: 100px;\n }\n\n .qtc-sensor-info {\n padding: 12px;\n }\n\n .qtc-sensor-copy {\n font-size: 9px;\n }\n\n .qtc-sequence {\n margin-bottom: 21px;\n }\n\n .qtc-sequence-step {\n padding: 11px 5px;\n }\n\n .qtc-sequence-name {\n font-size: 8px;\n }\n\n .qtc-sequence-copy {\n font-size: 7px;\n }\n\n .qtc-body-map-item {\n padding: 10px 5px;\n }\n\n .qtc-body-map-name {\n font-size: 7px;\n }\n\n .qtc-lid-access {\n margin-bottom: 21px;\n grid-template-columns: minmax(0, 1fr) 51px;\n }\n\n .qtc-lid-copy {\n padding: 11px 10px 11px 0;\n }\n\n .qtc-lid-title {\n font-size: 11px;\n }\n\n .qtc-lid-text {\n font-size: 9px;\n }\n\n .qtc-placement {\n margin-bottom: 21px;\n }\n\n .qtc-placement-title {\n font-size: 15px;\n }\n\n .qtc-placement-item {\n padding: 10px 3px;\n }\n\n .qtc-placement-name {\n font-size: 7px;\n }\n\n .qtc-features {\n margin-bottom: 21px;\n }\n\n .qtc-features-head {\n padding: 10px 11px;\n }\n\n .qtc-features-title {\n font-size: 15px;\n }\n\n .qtc-feature {\n padding: 9px 7px;\n grid-template-columns: 20px minmax(0, 1fr);\n gap: 5px;\n }\n\n .qtc-feature-name {\n font-size: 8px;\n }\n\n .qtc-color-system {\n margin-bottom: 21px;\n }\n\n .qtc-color-track {\n min-height: 68px;\n }\n\n .qtc-color-block {\n padding: 7px;\n }\n\n .qtc-color-name {\n font-size: 7px;\n }\n\n .qtc-color-role {\n font-size: 5px;\n }\n\n .qtc-final-body {\n padding: 17px 13px;\n }\n\n .qtc-final-title {\n font-size: 19px;\n }\n\n .qtc-final-copy {\n font-size: 10px;\n }\n\n .qtc-final-foot {\n padding: 9px 6px;\n font-size: 6px;\n }\n }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"qtc-trash\"\u003e\n \u003cdiv class=\"qtc-shell\"\u003e\n\n\n \u003c!-- =====================================================\n SMART SYSTEM HEADER\n ===================================================== --\u003e\n\n \u003cdiv class=\"qtc-system-head\"\u003e\n\n \u003cspan class=\"qtc-system-brand\"\u003e\n qevonox™\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-system-line\"\u003e\u003c\/span\u003e\n\n \u003cspan class=\"qtc-system-name\"\u003e\n \u003cspan class=\"qtc-status-dot\"\u003e\u003c\/span\u003e\n Smart Home System\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- =====================================================\n HERO\n ===================================================== --\u003e\n\n \u003csection class=\"qtc-hero\"\u003e\n\n \u003cdiv class=\"qtc-hero-top\"\u003e\n\n \u003cdiv class=\"qtc-hero-code\"\u003e\n\n \u003cspan class=\"qtc-hero-code-dot\"\u003e\u003c\/span\u003e\n\n \u003cspan class=\"qtc-hero-code-text\"\u003e\n Automatic Indoor Waste System\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003ch1 class=\"qtc-title\"\u003e\n Automatic Trash Can with Motion Sensor Lid and Square Indoor Body\n \u003c\/h1\u003e\n\n\n \u003cp class=\"qtc-hero-copy\"\u003e\n A clean square-profile trash can designed for kitchens,\n bathrooms, bedrooms, home offices, and other everyday indoor\n spaces, combining motion-sensing lid operation with balanced\n household proportions.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-control-bar\"\u003e\n\n \u003cdiv class=\"qtc-control-item\"\u003e\n\n \u003cspan class=\"qtc-control-code\"\u003e\n 01\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-control-value\"\u003e\n Motion Sensor\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-control-item\"\u003e\n\n \u003cspan class=\"qtc-control-code\"\u003e\n 02\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-control-value\"\u003e\n Square Body\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-control-item\"\u003e\n\n \u003cspan class=\"qtc-control-code\"\u003e\n 03\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-control-value\"\u003e\n Broad Opening\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-control-item\"\u003e\n\n \u003cspan class=\"qtc-control-code\"\u003e\n 04\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-control-value\"\u003e\n Cyan 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 01\n ===================================================== --\u003e\n\n \u003csection class=\"qtc-media-section\"\u003e\n\n \u003cdiv class=\"qtc-media-meta\"\u003e\n\n \u003cspan class=\"qtc-media-index\"\u003e\n Image 01\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-media-type\"\u003e\n Product Overview\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-media\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1022\/6660\/1789\/files\/1_e0604057-677b-4c72-837d-1929fbfdc18b.png?v=1790765594\" alt=\"qevonox Automatic Trash Can full product view\" width=\"1200\" height=\"1200\" decoding=\"async\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-media-caption\"\u003e\n\n \u003cspan class=\"qtc-caption-code\"\u003e\n 01\n \u003c\/span\u003e\n\n \u003cspan\u003e\n The complete design combines a Soft White square body,\n Deep Aqua Blue upper lid, and a small Light Cyan status indicator.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n SECTION 01 — MOTION SENSOR\n ===================================================== --\u003e\n\n \u003csection class=\"qtc-section\"\u003e\n\n \u003cdiv class=\"qtc-section-head\"\u003e\n\n \u003cspan class=\"qtc-section-id\"\u003e\n 01\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-section-name\"\u003e\n Motion-Sensing Lid\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"qtc-heading\"\u003e\n Automatic lid movement designed around everyday disposal\n \u003c\/h2\u003e\n\n\n \u003cp class=\"qtc-text\"\u003e\n The upper lid responds when nearby movement is detected within\n the intended sensing area, allowing the lid to open automatically\n for routine indoor waste disposal.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"qtc-sensor\"\u003e\n\n \u003cdiv class=\"qtc-sensor-visual\"\u003e\n\n \u003cspan class=\"qtc-sensor-core\"\u003e\u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-sensor-info\"\u003e\n\n \u003cspan class=\"qtc-sensor-label\"\u003e\n Motion Detection\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-sensor-title\"\u003e\n Movement activates the automatic lid\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-sensor-copy\"\u003e\n The sensing system is integrated into the upper section,\n keeping the main body visually simple and familiar.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n SENSOR SEQUENCE\n ===================================================== --\u003e\n\n \u003csection class=\"qtc-sequence\"\u003e\n\n \u003cdiv class=\"qtc-sequence-title\"\u003e\n Automatic Use Sequence\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-sequence-track\"\u003e\n\n \u003cdiv class=\"qtc-sequence-step\"\u003e\n\n \u003cspan class=\"qtc-sequence-no\"\u003e\n 01\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-sequence-name\"\u003e\n Approach\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-sequence-copy\"\u003e\n Movement enters the intended sensing area\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-sequence-step\"\u003e\n\n \u003cspan class=\"qtc-sequence-no\"\u003e\n 02\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-sequence-name\"\u003e\n Detect\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-sequence-copy\"\u003e\n The motion system detects nearby movement\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-sequence-step\"\u003e\n\n \u003cspan class=\"qtc-sequence-no\"\u003e\n 03\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-sequence-name\"\u003e\n Open\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-sequence-copy\"\u003e\n The upper lid opens for waste disposal\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 02\n ===================================================== --\u003e\n\n \u003csection class=\"qtc-media-section\"\u003e\n\n \u003cdiv class=\"qtc-media-meta\"\u003e\n\n \u003cspan class=\"qtc-media-index\"\u003e\n Image 02\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-media-type\"\u003e\n Sensor Lid Detail\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-media\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1022\/6660\/1789\/files\/2_36998cea-78a5-4987-864f-c92d52f305b5.png?v=1790765595\" alt=\"qevonox Automatic Trash Can motion sensor lid detail\" width=\"1200\" height=\"1200\" loading=\"lazy\" decoding=\"async\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-media-caption\"\u003e\n\n \u003cspan class=\"qtc-caption-code\"\u003e\n 02\n \u003c\/span\u003e\n\n \u003cspan\u003e\n The Deep Aqua Blue upper section contains the lid and\n motion-sensing area while visually separating the automatic\n components from the Soft White body.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n SECTION 02 — SQUARE BODY\n ===================================================== --\u003e\n\n \u003csection class=\"qtc-section\"\u003e\n\n \u003cdiv class=\"qtc-section-head\"\u003e\n\n \u003cspan class=\"qtc-section-id\"\u003e\n 02\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-section-name\"\u003e\n Square Indoor Body\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"qtc-heading\"\u003e\n Balanced square proportions for familiar indoor placement\n \u003c\/h2\u003e\n\n\n \u003cp class=\"qtc-text\"\u003e\n The regular square body provides a broader interior profile than\n narrow or slim-format designs. Softly rounded corners reduce the\n visual sharpness of the structure while preserving its practical\n household shape.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"qtc-body-map\"\u003e\n\n \u003cdiv class=\"qtc-body-map-head\"\u003e\n\n \u003cspan class=\"qtc-body-map-title\"\u003e\n Body Architecture\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-body-map-code\"\u003e\n Indoor Form\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-body-map-grid\"\u003e\n\n \u003cdiv class=\"qtc-body-map-item\"\u003e\n\n \u003cspan class=\"qtc-body-map-mark square\"\u003e\u003c\/span\u003e\n\n \u003cspan class=\"qtc-body-map-name\"\u003e\n Regular Square Body\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-body-map-item\"\u003e\n\n \u003cspan class=\"qtc-body-map-mark opening\"\u003e\u003c\/span\u003e\n\n \u003cspan class=\"qtc-body-map-name\"\u003e\n Broad Top Opening\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-body-map-item\"\u003e\n\n \u003cspan class=\"qtc-body-map-mark corner\"\u003e\u003c\/span\u003e\n\n \u003cspan class=\"qtc-body-map-name\"\u003e\n Rounded Corners\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=\"qtc-media-section\"\u003e\n\n \u003cdiv class=\"qtc-media-meta\"\u003e\n\n \u003cspan class=\"qtc-media-index\"\u003e\n Image 03\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-media-type\"\u003e\n Opening \u0026amp; Body\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-media\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1022\/6660\/1789\/files\/3_e5dd285d-a1a4-49a7-afec-ec52ca607481.png?v=1790765594\" alt=\"qevonox Automatic Trash Can broad opening and square body\" width=\"1200\" height=\"1200\" loading=\"lazy\" decoding=\"async\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-media-caption\"\u003e\n\n \u003cspan class=\"qtc-caption-code\"\u003e\n 03\n \u003c\/span\u003e\n\n \u003cspan\u003e\n A broad upper opening works together with the regular square\n body to create a practical indoor waste-disposal profile.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n SECTION 03 — LID ACCESS\n ===================================================== --\u003e\n\n \u003csection class=\"qtc-section\"\u003e\n\n \u003cdiv class=\"qtc-section-head\"\u003e\n\n \u003cspan class=\"qtc-section-id\"\u003e\n 03\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-section-name\"\u003e\n Everyday Access\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"qtc-heading\"\u003e\n A practical upper section for routine liner access and cleaning\n \u003c\/h2\u003e\n\n\n \u003cp class=\"qtc-text\"\u003e\n The upper lid section can be removed or opened when access to\n the interior is needed, supporting routine liner replacement\n and general cleaning.\n \u003c\/p\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n LID ACCESS\n ===================================================== --\u003e\n\n \u003csection class=\"qtc-lid-access\"\u003e\n\n \u003cdiv class=\"qtc-lid-copy\"\u003e\n\n \u003cspan class=\"qtc-lid-label\"\u003e\n Upper Lid Section\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-lid-title\"\u003e\n Easy access to the interior\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-lid-text\"\u003e\n The upper section provides access for regular liner changes\n and general interior care.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-lid-icon\"\u003e\u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n STATUS INDICATOR\n ===================================================== --\u003e\n\n \u003csection class=\"qtc-indicator\"\u003e\n\n \u003cspan class=\"qtc-indicator-light\"\u003e\u003c\/span\u003e\n\n\n \u003cdiv class=\"qtc-indicator-copy\"\u003e\n\n \u003cspan class=\"qtc-indicator-label\"\u003e\n Light Cyan Indicator\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-indicator-title\"\u003e\n Simple operating feedback without an overly technical appearance\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-indicator-text\"\u003e\n A small Light Cyan indicator adds a restrained smart-device\n detail to the Deep Aqua Blue upper section.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n SECTION 04 — INDOOR PLACEMENT\n ===================================================== --\u003e\n\n \u003csection class=\"qtc-section\"\u003e\n\n \u003cdiv class=\"qtc-section-head\"\u003e\n\n \u003cspan class=\"qtc-section-id\"\u003e\n 04\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-section-name\"\u003e\n Indoor Placement\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"qtc-heading\"\u003e\n Designed to sit naturally beside everyday household furniture\n \u003c\/h2\u003e\n\n\n \u003cp class=\"qtc-text\"\u003e\n The balanced square proportions allow the trash can to fit\n naturally beside kitchen cabinets, bathroom counters, desks,\n or room corners without relying on an unusually narrow profile.\n \u003c\/p\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n PLACEMENT GRID\n ===================================================== --\u003e\n\n \u003csection class=\"qtc-placement\"\u003e\n\n \u003cdiv class=\"qtc-placement-head\"\u003e\n\n \u003cdiv\u003e\n\n \u003cspan class=\"qtc-placement-kicker\"\u003e\n Suggested Indoor Spaces\n \u003c\/span\u003e\n\n \u003ch3 class=\"qtc-placement-title\"\u003e\n Everyday Home Placement\n \u003c\/h3\u003e\n\n \u003c\/div\u003e\n\n\n \u003cspan class=\"qtc-placement-count\"\u003e\n 04\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-placement-grid\"\u003e\n\n \u003cdiv class=\"qtc-placement-item\"\u003e\n\n \u003cspan class=\"qtc-placement-no\"\u003e\n 01\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-placement-name\"\u003e\n Kitchen\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-placement-item\"\u003e\n\n \u003cspan class=\"qtc-placement-no\"\u003e\n 02\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-placement-name\"\u003e\n Bathroom\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-placement-item\"\u003e\n\n \u003cspan class=\"qtc-placement-no\"\u003e\n 03\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-placement-name\"\u003e\n Bedroom\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-placement-item\"\u003e\n\n \u003cspan class=\"qtc-placement-no\"\u003e\n 04\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-placement-name\"\u003e\n Home Office\n \u003c\/span\u003e\n\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=\"qtc-features\"\u003e\n\n \u003cdiv class=\"qtc-features-head\"\u003e\n\n \u003cdiv class=\"qtc-features-left\"\u003e\n\n \u003cspan class=\"qtc-features-kicker\"\u003e\n Smart Home Product System\n \u003c\/span\u003e\n\n \u003ch2 class=\"qtc-features-title\"\u003e\n Key Features\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cspan class=\"qtc-features-number\"\u003e\n 08\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-feature-grid\"\u003e\n\n \u003cdiv class=\"qtc-feature\"\u003e\n\n \u003cspan class=\"qtc-feature-no\"\u003e\n 01\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-feature-name\"\u003e\n Motion-sensing lid\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-feature\"\u003e\n\n \u003cspan class=\"qtc-feature-no\"\u003e\n 02\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-feature-name\"\u003e\n Regular square body design\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-feature\"\u003e\n\n \u003cspan class=\"qtc-feature-no\"\u003e\n 03\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-feature-name\"\u003e\n Broad top opening\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-feature\"\u003e\n\n \u003cspan class=\"qtc-feature-no\"\u003e\n 04\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-feature-name\"\u003e\n Softly rounded corners\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-feature\"\u003e\n\n \u003cspan class=\"qtc-feature-no\"\u003e\n 05\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-feature-name\"\u003e\n Easy-access lid section\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-feature\"\u003e\n\n \u003cspan class=\"qtc-feature-no\"\u003e\n 06\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-feature-name\"\u003e\n Soft White main body\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-feature\"\u003e\n\n \u003cspan class=\"qtc-feature-no\"\u003e\n 07\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-feature-name\"\u003e\n Deep Aqua Blue lid accents\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-feature\"\u003e\n\n \u003cspan class=\"qtc-feature-no\"\u003e\n 08\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-feature-name\"\u003e\n Light Cyan status 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=\"qtc-media-section\"\u003e\n\n \u003cdiv class=\"qtc-media-meta\"\u003e\n\n \u003cspan class=\"qtc-media-index\"\u003e\n Image 04\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-media-type\"\u003e\n Indoor Placement\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-media\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1022\/6660\/1789\/files\/4_ec15c33d-39bf-497e-8e4b-d47793ad24f6.png?v=1790765595\" alt=\"qevonox Automatic Trash Can indoor placement view\" width=\"1200\" height=\"1200\" loading=\"lazy\" decoding=\"async\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-media-caption\"\u003e\n\n \u003cspan class=\"qtc-caption-code\"\u003e\n 04\n \u003c\/span\u003e\n\n \u003cspan\u003e\n The clean square silhouette and restrained two-tone exterior\n are designed to coordinate naturally with everyday indoor spaces.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n COLOR SYSTEM\n ===================================================== --\u003e\n\n \u003csection class=\"qtc-color-system\"\u003e\n\n \u003cdiv class=\"qtc-color-label\"\u003e\n Smart Home Color Architecture\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-color-track\"\u003e\n\n \u003cdiv class=\"qtc-color-block qtc-color-white\"\u003e\n\n \u003cspan class=\"qtc-color-name\"\u003e\n Soft White\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-color-role\"\u003e\n Main square body\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-color-block qtc-color-aqua\"\u003e\n\n \u003cspan class=\"qtc-color-name\"\u003e\n Deep Aqua Blue\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-color-role\"\u003e\n Upper lid section\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-color-block qtc-color-cyan\"\u003e\n\n \u003cspan class=\"qtc-color-name\"\u003e\n Light Cyan\n \u003c\/span\u003e\n\n \u003cspan class=\"qtc-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 FINAL\n ===================================================== --\u003e\n\n \u003csection class=\"qtc-final\"\u003e\n\n \u003cdiv class=\"qtc-final-bar\"\u003e\u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-final-body\"\u003e\n\n \u003cdiv class=\"qtc-final-status\"\u003e\n qevonox™ Smart Home System\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"qtc-final-title\"\u003e\n Automatic lid operation in a familiar square household form.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"qtc-final-copy\"\u003e\n The qevonox™ Automatic Trash Can combines a motion-sensing\n upper lid, broad opening, regular square body, softly rounded\n corners, and a restrained Soft White, Deep Aqua Blue, and\n Light Cyan color system for everyday indoor use.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"qtc-final-foot\"\u003e\n Motion Sensor · Square Body · Broad Opening · Indoor Utility\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":67606438576445,"sku":null,"price":38.96,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1022\/6660\/1789\/files\/5.jpg?v=1790765585"}],"url":"https:\/\/qevonox.com\/collections\/touch-free-home-utility.oembed","provider":"qevonox","version":"1.0","type":"link"}