{"product_id":"avero™-cleo","title":"Avero™ Cleo (Luxurious Automatic Soap Dispenser)","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  .avero-page {\n    --avero-black: #171717;\n    --avero-muted: #6d6d6d;\n    --avero-light: #f7f7f5;\n    --avero-white: #ffffff;\n    --avero-border: #e7e7e4;\n    font-family: inherit;\n    color: var(--avero-black);\n    background: var(--avero-white);\n    overflow: hidden;\n  }\n\n  .avero-page * {\n    box-sizing: border-box;\n  }\n\n  .avero-container {\n    width: min(1180px, calc(100% - 40px));\n    margin: 0 auto;\n  }\n\n  \/* HERO *\/\n  .avero-hero {\n    background: var(--avero-light);\n    padding: 70px 0;\n  }\n\n  .avero-hero-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    align-items: center;\n    gap: 70px;\n  }\n\n  .avero-eyebrow {\n    display: inline-block;\n    margin-bottom: 18px;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--avero-muted);\n  }\n\n  .avero-hero h1 {\n    margin: 0 0 20px;\n    font-size: clamp(42px, 5vw, 68px);\n    line-height: 1.02;\n    letter-spacing: -2.5px;\n    font-weight: 600;\n  }\n\n  .avero-hero h1 span {\n    display: block;\n    font-weight: 400;\n  }\n\n  .avero-hero-text {\n    max-width: 530px;\n    margin-bottom: 30px;\n    font-size: 18px;\n    line-height: 1.7;\n    color: var(--avero-muted);\n  }\n\n  .avero-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 54px;\n    padding: 0 30px;\n    background: var(--avero-black);\n    color: white !important;\n    text-decoration: none !important;\n    border-radius: 3px;\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: .5px;\n    transition: all .25s ease;\n  }\n\n  .avero-button:hover {\n    transform: translateY(-2px);\n    opacity: .88;\n  }\n\n  .avero-hero-image {\n    position: relative;\n  }\n\n  .avero-hero-image img {\n    width: 100%;\n    display: block;\n    border-radius: 6px;\n    object-fit: cover;\n    aspect-ratio: 1 \/ 1;\n  }\n\n  \/* INTRO *\/\n  .avero-intro {\n    padding: 90px 0 70px;\n    text-align: center;\n  }\n\n  .avero-intro h2 {\n    max-width: 760px;\n    margin: 0 auto 18px;\n    font-size: clamp(30px, 4vw, 48px);\n    line-height: 1.1;\n    letter-spacing: -1.5px;\n  }\n\n  .avero-intro p {\n    max-width: 650px;\n    margin: auto;\n    color: var(--avero-muted);\n    font-size: 17px;\n    line-height: 1.7;\n  }\n\n  \/* BENEFITS *\/\n  .avero-benefits {\n    padding: 30px 0 100px;\n  }\n\n  .avero-benefit-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 18px;\n  }\n\n  .avero-benefit {\n    padding: 35px 30px;\n    background: var(--avero-light);\n    border-radius: 5px;\n  }\n\n  .avero-icon {\n    width: 48px;\n    height: 48px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 22px;\n    border: 1px solid var(--avero-border);\n    border-radius: 50%;\n    font-size: 21px;\n    background: white;\n  }\n\n  .avero-benefit h3 {\n    margin: 0 0 12px;\n    font-size: 21px;\n  }\n\n  .avero-benefit p {\n    margin: 0;\n    color: var(--avero-muted);\n    font-size: 15px;\n    line-height: 1.7;\n  }\n\n  \/* FEATURE SECTIONS *\/\n  .avero-feature {\n    padding: 90px 0;\n  }\n\n  .avero-feature.alt {\n    background: var(--avero-light);\n  }\n\n  .avero-feature-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    align-items: center;\n    gap: 70px;\n  }\n\n  .avero-feature.reverse .avero-feature-grid {\n    direction: rtl;\n  }\n\n  .avero-feature.reverse .avero-feature-content {\n    direction: ltr;\n  }\n\n  .avero-feature-image img {\n    width: 100%;\n    display: block;\n    border-radius: 5px;\n    aspect-ratio: 4 \/ 3;\n    object-fit: cover;\n  }\n\n  .avero-feature-content .avero-eyebrow {\n    margin-bottom: 12px;\n  }\n\n  .avero-feature-content h2 {\n    margin: 0 0 18px;\n    font-size: clamp(30px, 4vw, 46px);\n    line-height: 1.08;\n    letter-spacing: -1.5px;\n  }\n\n  .avero-feature-content p {\n    margin: 0 0 22px;\n    color: var(--avero-muted);\n    font-size: 16px;\n    line-height: 1.75;\n  }\n\n  .avero-checks {\n    padding: 0;\n    margin: 25px 0 0;\n    list-style: none;\n  }\n\n  .avero-checks li {\n    position: relative;\n    padding-left: 28px;\n    margin-bottom: 12px;\n    font-size: 15px;\n  }\n\n  .avero-checks li:before {\n    content: \"✓\";\n    position: absolute;\n    left: 0;\n    font-weight: 700;\n  }\n\n  \/* SPECS *\/\n  .avero-specs {\n    padding: 90px 0;\n    text-align: center;\n  }\n\n  .avero-specs h2 {\n    margin: 0 0 45px;\n    font-size: clamp(30px, 4vw, 44px);\n    letter-spacing: -1px;\n  }\n\n  .avero-spec-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 1px;\n    background: var(--avero-border);\n    border: 1px solid var(--avero-border);\n  }\n\n  .avero-spec {\n    padding: 35px 20px;\n    background: white;\n  }\n\n  .avero-spec strong {\n    display: block;\n    margin-bottom: 7px;\n    font-size: 25px;\n  }\n\n  .avero-spec span {\n    color: var(--avero-muted);\n    font-size: 14px;\n  }\n\n  \/* CTA *\/\n  .avero-cta {\n    padding: 100px 20px;\n    background: var(--avero-black);\n    color: white;\n    text-align: center;\n  }\n\n  .avero-cta h2 {\n    margin: 0 0 18px;\n    font-size: clamp(34px, 5vw, 58px);\n    line-height: 1.05;\n    letter-spacing: -2px;\n  }\n\n  .avero-cta p {\n    max-width: 570px;\n    margin: 0 auto 30px;\n    color: #c8c8c8;\n    font-size: 17px;\n    line-height: 1.7;\n  }\n\n  .avero-cta .avero-button {\n    background: white;\n    color: var(--avero-black) !important;\n  }\n\n  \/* BRAND *\/\n  .avero-brand {\n    padding: 30px 20px;\n    text-align: center;\n    border-top: 1px solid var(--avero-border);\n  }\n\n  .avero-brand p {\n    margin: 0;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 1px;\n    color: var(--avero-muted);\n  }\n\n  \/* MOBILE *\/\n  @media screen and (max-width: 749px) {\n\n    .avero-container {\n      width: min(100% - 30px, 1180px);\n    }\n\n    .avero-hero {\n      padding: 45px 0 55px;\n    }\n\n    .avero-hero-grid,\n    .avero-feature-grid {\n      grid-template-columns: 1fr;\n      gap: 35px;\n    }\n\n    .avero-hero h1 {\n      letter-spacing: -1.5px;\n    }\n\n    .avero-hero-text {\n      font-size: 16px;\n    }\n\n    .avero-benefit-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .avero-intro {\n      padding: 65px 0 45px;\n    }\n\n    .avero-feature {\n      padding: 65px 0;\n    }\n\n    .avero-feature.reverse .avero-feature-grid {\n      direction: ltr;\n    }\n\n    .avero-spec-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .avero-cta {\n      padding: 70px 20px;\n    }\n\n    .avero-button {\n      width: 100%;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"avero-page\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"avero-hero\"\u003e\n\u003cdiv class=\"avero-container\"\u003e\n\u003cdiv class=\"avero-hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cspan class=\"avero-eyebrow\"\u003eAvero™ Cleo\u003c\/span\u003e\n\u003ch1\u003eCleanliness, \u003cspan\u003eElevated.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"avero-hero-text\"\u003eA sleek, touchless soap dispenser designed to make everyday handwashing cleaner, easier and more hygienic.\u003c\/p\u003e\n\u003ca href=\"#avero-product\" class=\"avero-button\"\u003e SHOP CLEO \u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avero-hero-image\"\u003e\n\u003c!-- Replace this URL with your main product image --\u003e \u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INTRO --\u003e\n\u003csection class=\"avero-intro\"\u003e\n\u003cdiv class=\"avero-container\"\u003e\n\u003cspan class=\"avero-eyebrow\"\u003eA Better Way To Wash\u003c\/span\u003e\n\u003ch2\u003eLess touching.\u003cbr\u003eBetter hygiene.\u003c\/h2\u003e\n\u003cp\u003eYour hands come into contact with countless surfaces every day. Avero™ Cleo removes the need to touch your soap dispenser, helping reduce unnecessary contact while keeping your routine effortless.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BENEFITS --\u003e\n\u003csection class=\"avero-benefits\"\u003e\n\u003cdiv class=\"avero-container\"\u003e\n\u003cdiv class=\"avero-benefit-grid\"\u003e\n\u003cdiv class=\"avero-benefit\"\u003e\n\u003cdiv class=\"avero-icon\"\u003e🧼\u003c\/div\u003e\n\u003ch3\u003eTouchless Hygiene\u003c\/h3\u003e\n\u003cp\u003eThe intelligent sensor dispenses soap automatically, helping reduce contact with a frequently handled surface.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avero-benefit\"\u003e\n\u003cdiv class=\"avero-icon\"\u003e🍳\u003c\/div\u003e\n\u003ch3\u003ePerfect For The Kitchen\u003c\/h3\u003e\n\u003cp\u003eKeep food residue, oils and spices off your soap pump while preparing meals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avero-benefit\"\u003e\n\u003cdiv class=\"avero-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eClean, Modern Design\u003c\/h3\u003e\n\u003cp\u003eA minimalist design that looks at home in modern kitchens, bathrooms and living space\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"avero-feature\"\u003e\n\u003cdiv class=\"avero-container\"\u003e\n\u003cdiv class=\"avero-feature-grid\"\u003e\n\u003cdiv class=\"avero-feature-content\"\u003e\n\u003cspan class=\"avero-eyebrow\"\u003eBathroom Hygiene\u003c\/span\u003e\n\u003ch2\u003eWash your hands without touching what everyone else touches.\u003c\/h2\u003e\n\u003cp\u003eAfter using the bathroom, thorough handwashing is an important part of everyday hygiene. Cleo lets you dispense soap without physically pressing a pump.\u003c\/p\u003e\n\u003cul class=\"avero-checks\"\u003e\n\u003cli\u003eTouchless automatic dispensing\u003c\/li\u003e\n\u003cli\u003eHelps reduce unnecessary contact\u003c\/li\u003e\n\u003cli\u003eIdeal for busy household bathrooms\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"avero-feature alt avero-feature reverse\"\u003e\n\u003cdiv class=\"avero-container\"\u003e\n\u003cdiv class=\"avero-feature-grid\"\u003e\n\u003cdiv class=\"avero-feature-content\"\u003e\n\u003cspan class=\"avero-eyebrow\"\u003eKitchen Ready\u003c\/span\u003e\n\u003ch2\u003eLess mess while you cook.\u003c\/h2\u003e\n\u003cp\u003eFrom oils and sauces to spices and food residue, cooking can leave your hands messy. Cleo lets you get soap without transferring that mess onto a traditional pump.\u003c\/p\u003e\n\u003cul class=\"avero-checks\"\u003e\n\u003cli\u003eGreat for food preparation\u003c\/li\u003e\n\u003cli\u003eNo need to press a pump\u003c\/li\u003e\n\u003cli\u003eKeeps your sink area cleaner\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HOW IT WORKS --\u003e\n\u003csection class=\"avero-specs\" id=\"avero-product\"\u003e\n\u003cdiv class=\"avero-container\"\u003e\n\u003cspan class=\"avero-eyebrow\"\u003eSimple By Design\u003c\/span\u003e\n\u003ch2\u003eTouchless. Effortless. Automatic.\u003c\/h2\u003e\n\u003cdiv class=\"avero-spec-grid\"\u003e\n\u003cdiv class=\"avero-spec\"\u003e\n\u003cstrong\u003e01\u003c\/strong\u003e \u003cspan\u003ePlace your hand beneath the sensor.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avero-spec\"\u003e\n\u003cstrong\u003e02\u003c\/strong\u003e \u003cspan\u003eCleo detects your hand automatically.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avero-spec\"\u003e\n\u003cstrong\u003e03\u003c\/strong\u003e \u003cspan\u003eSoap dispenses instantly.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 40px;\"\u003e\u003ca href=\"\/products\/avero-cleo\" class=\"avero-button\"\u003e GET YOUR CLEO \u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRODUCT DETAILS --\u003e\n\u003csection class=\"avero-feature alt\"\u003e\n\u003cdiv class=\"avero-container\"\u003e\n\u003cdiv class=\"avero-feature-grid\"\u003e\n\u003cdiv class=\"avero-feature-content\"\u003e\n\u003cspan class=\"avero-eyebrow\"\u003eDesigned For Your Home\u003c\/span\u003e\n\u003ch2\u003ePractical hygiene meets modern design.\u003c\/h2\u003e\n\u003cp\u003ePlace Cleo neatly on your countertop or mount it to the wall for a sleek, space-saving setup.\u003c\/p\u003e\n\u003cul class=\"avero-checks\"\u003e\n\u003cli\u003e400ml generous capacity\u003c\/li\u003e\n\u003cli\u003eCountertop or wall-mounted\u003c\/li\u003e\n\u003cli\u003eSleek minimalist design\u003c\/li\u003e\n\u003cli\u003ePerfect for kitchens and bathrooms\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FINAL CTA --\u003e\n\u003csection class=\"avero-cta\"\u003e\n\u003ch2\u003eA smarter way\u003cbr\u003eto wash your hands.\u003c\/h2\u003e\n\u003cp\u003eTouchless dispensing. Cleaner surfaces. Effortless hygiene.\u003c\/p\u003e\n\u003ca href=\"\/products\/avero-cleo\" class=\"avero-button\"\u003e SHOP AVERO™ CLEO \u003c\/a\u003e\u003c\/section\u003e\n\u003c!-- BRAND --\u003e\n\u003csection class=\"avero-brand\"\u003e\n\u003cp\u003ePROUDLY SOUTH AFRICAN 🇿🇦   |   SINCE 2026\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"bys-user-store-835479","offers":[{"title":"Default Title","offer_id":53517946749295,"sku":null,"price":450.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0995\/4561\/2655\/files\/WhatsApp_Image_2026-09-21_at_18.19.07.jpg?v=1790007581","url":"https:\/\/averosa.co.za\/products\/avero%e2%84%a2-cleo","provider":"Averosa","version":"1.0","type":"link"}