{"product_id":"liz-za-co-4-mode-facial-skincare-device","title":"LIZ ZA®  4-Mode Facial Skincare Device","description":"\u003cstyle\u003e\n\n    \/* =========================================\n       LIZ ZA CO. — LUXURY SKINCARE\n       ========================================= *\/\n\n    :root {\n      --charcoal: #2c2c3e;\n      --ivory: #f5f0e8;\n      --gold: #c9a96e;\n      --olive: #898975;\n      --sage: #c2c2b1;\n      --taupe: #a39f90;\n      --white: #fffdf9;\n    }\n\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    html {\n      scroll-behavior: smooth;\n    }\n\n    body {\n      background: var(--ivory);\n      color: var(--charcoal);\n      font-family: Arial, Helvetica, sans-serif;\n      line-height: 1.6;\n      font-weight: 400;\n      -webkit-font-smoothing: antialiased;\n    }\n\n\n    \/* =========================================\n       NAVIGATION\n       ========================================= *\/\n\n    nav {\n      width: 100%;\n      padding: 18px 6%;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      border-bottom: 1px solid rgba(137, 137, 117, 0.22);\n      background: var(--ivory);\n    }\n\n    .logo {\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: 21px;\n      letter-spacing: 2.5px;\n      color: var(--charcoal);\n    }\n\n    .nav-label {\n      font-size: 9px;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      color: var(--olive);\n    }\n\n\n    \/* =========================================\n       HERO\n       ========================================= *\/\n\n    .hero {\n      padding: 72px 7% 65px;\n      text-align: center;\n      max-width: 900px;\n      margin: auto;\n    }\n\n    .eyebrow,\n    .section-label {\n      font-size: 9px;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      color: var(--gold);\n    }\n\n    .eyebrow {\n      margin-bottom: 18px;\n    }\n\n    .hero h1 {\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-weight: 400;\n      font-size: clamp(40px, 6vw, 66px);\n      line-height: 1.02;\n      color: var(--charcoal);\n      margin-bottom: 20px;\n    }\n\n    .hero h1 span {\n      color: var(--olive);\n      font-style: italic;\n    }\n\n    .hero p {\n      max-width: 620px;\n      margin: auto;\n      font-size: 13px;\n      color: #66665e;\n      line-height: 1.8;\n    }\n\n\n    \/* =========================================\n       INTRO — ROUNDED\n       ========================================= *\/\n\n    .intro {\n      background: var(--sage);\n      padding: 58px 7%;\n      text-align: center;\n      border-radius: 28px;\n      margin: 0 3%;\n    }\n\n    .intro-inner {\n      max-width: 720px;\n      margin: auto;\n    }\n\n    .intro h2 {\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: clamp(29px, 4vw, 44px);\n      font-weight: 400;\n      line-height: 1.12;\n      margin: 12px 0 16px;\n      color: var(--charcoal);\n    }\n\n    .intro p {\n      max-width: 600px;\n      margin: auto;\n      color: #55554e;\n      font-size: 13px;\n      line-height: 1.8;\n    }\n\n\n    \/* =========================================\n       MODES\n       ========================================= *\/\n\n    .modes-section {\n      padding: 65px 6%;\n      max-width: 1180px;\n      margin: auto;\n    }\n\n    .modes-heading {\n      text-align: center;\n      margin-bottom: 38px;\n    }\n\n    .modes-heading h2 {\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-weight: 400;\n      font-size: clamp(29px, 4vw, 43px);\n      line-height: 1.15;\n      margin: 10px 0 8px;\n    }\n\n    .modes-heading p {\n      color: #77766e;\n      font-size: 12px;\n    }\n\n    .modes-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 14px;\n    }\n\n\n    \/* =========================================\n       MODE CARDS — ROUNDED\n       ========================================= *\/\n\n    .mode-card {\n      padding: 30px;\n      min-height: 235px;\n      border: 1px solid rgba(137, 137, 117, 0.24);\n      border-radius: 22px;\n      overflow: hidden;\n    }\n\n    .mode-card:nth-child(1) {\n      background: #eee7d9;\n    }\n\n    .mode-card:nth-child(2) {\n      background: #dcdccf;\n    }\n\n    .mode-card:nth-child(3) {\n      background: #e7e0d4;\n    }\n\n    .mode-card:nth-child(4) {\n      background: #d7d8ca;\n    }\n\n    .mode-number {\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: 13px;\n      color: var(--gold);\n      letter-spacing: 2px;\n      margin-bottom: 13px;\n    }\n\n    .mode-light {\n      font-size: 8px;\n      letter-spacing: 2.5px;\n      text-transform: uppercase;\n      color: var(--olive);\n      margin-bottom: 9px;\n    }\n\n    .mode-card h3 {\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-weight: 400;\n      font-size: 24px;\n      line-height: 1.2;\n      margin-bottom: 10px;\n      color: var(--charcoal);\n    }\n\n    .mode-card p {\n      font-size: 12px;\n      line-height: 1.7;\n      color: #5f5f58;\n    }\n\n\n    \/* =========================================\n       TECHNOLOGY — ROUNDED\n       ========================================= *\/\n\n    .technology {\n      background: var(--white);\n      padding: 65px 7%;\n      border-radius: 28px;\n      margin: 0 3%;\n    }\n\n    .technology-inner {\n      max-width: 900px;\n      margin: auto;\n      display: grid;\n      grid-template-columns: 0.8fr 1.2fr;\n      gap: 65px;\n      align-items: center;\n    }\n\n    .technology h2 {\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: clamp(31px, 4vw, 47px);\n      line-height: 1.08;\n      font-weight: 400;\n      margin-top: 10px;\n    }\n\n    .technology h2 span {\n      color: var(--gold);\n    }\n\n    .technology-content p {\n      font-size: 13px;\n      line-height: 1.8;\n      color: #66655d;\n      margin-bottom: 15px;\n    }\n\n    .feature-list {\n      list-style: none;\n      margin-top: 20px;\n    }\n\n    .feature-list li {\n      padding: 9px 0;\n      border-bottom: 1px solid rgba(137, 137, 117, 0.22);\n      font-size: 11px;\n      color: var(--charcoal);\n    }\n\n    .feature-list li::before {\n      content: \"—\";\n      color: var(--gold);\n      margin-right: 10px;\n    }\n\n\n    \/* =========================================\n       CTA — ROUNDED\n       ========================================= *\/\n\n    .cta {\n      padding: 65px 7%;\n      text-align: center;\n      background: var(--olive);\n      color: var(--ivory);\n      border-radius: 28px;\n      margin: 0 3%;\n    }\n\n    .cta .section-label {\n      color: var(--gold);\n    }\n\n    .cta h2 {\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-weight: 400;\n      font-size: clamp(32px, 5vw, 52px);\n      line-height: 1.1;\n      margin: 10px 0 14px;\n    }\n\n    .cta p {\n      max-width: 500px;\n      margin: auto auto 24px;\n      font-size: 13px;\n      line-height: 1.7;\n      color: #eeeadf;\n    }\n\n    .cta-button {\n      display: inline-block;\n      padding: 13px 27px;\n      background: var(--ivory);\n      color: var(--charcoal);\n      text-decoration: none;\n      font-size: 9px;\n      letter-spacing: 2.5px;\n      text-transform: uppercase;\n      border-radius: 30px;\n    }\n\n\n    \/* =========================================\n       FOOTER\n       ========================================= *\/\n\n    footer {\n      padding: 22px 6%;\n      background: var(--ivory);\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      border-top: 1px solid rgba(137, 137, 117, 0.22);\n    }\n\n    footer .logo {\n      font-size: 15px;\n    }\n\n    footer p {\n      font-size: 9px;\n      letter-spacing: 0.7px;\n      color: var(--taupe);\n    }\n\n\n    \/* =========================================\n       MOBILE\n       ========================================= *\/\n\n    @media (max-width: 600px) {\n\n      \/* Navigation *\/\n\n      nav {\n        padding: 15px 5%;\n      }\n\n      .logo {\n        font-size: 18px;\n        letter-spacing: 2px;\n      }\n\n      .nav-label {\n        font-size: 7px;\n        letter-spacing: 1.5px;\n      }\n\n\n      \/* Hero *\/\n\n      .hero {\n        padding: 52px 7% 48px;\n      }\n\n      .eyebrow {\n        font-size: 8px;\n        letter-spacing: 2.5px;\n        margin-bottom: 14px;\n      }\n\n      .hero h1 {\n        font-size: 43px;\n        line-height: 1;\n        margin-bottom: 16px;\n      }\n\n      .hero p {\n        font-size: 12px;\n        line-height: 1.75;\n      }\n\n\n      \/* Intro *\/\n\n      .intro {\n        margin: 0 3%;\n        padding: 45px 7%;\n        border-radius: 20px;\n      }\n\n      .intro h2 {\n        font-size: 29px;\n        margin: 10px 0 13px;\n      }\n\n      .intro p {\n        font-size: 12px;\n        line-height: 1.75;\n      }\n\n\n      \/* Modes *\/\n\n      .modes-section {\n        padding: 48px 5%;\n      }\n\n      .modes-heading {\n        margin-bottom: 27px;\n      }\n\n      .modes-heading h2 {\n        font-size: 29px;\n      }\n\n      .modes-heading p {\n        font-size: 11px;\n      }\n\n      .modes-grid {\n        grid-template-columns: 1fr;\n        gap: 10px;\n      }\n\n      .mode-card {\n        min-height: auto;\n        padding: 24px 22px;\n        border-radius: 18px;\n      }\n\n      .mode-number {\n        margin-bottom: 10px;\n      }\n\n      .mode-card h3 {\n        font-size: 23px;\n        margin-bottom: 8px;\n      }\n\n      .mode-card p {\n        font-size: 11.5px;\n        line-height: 1.65;\n      }\n\n\n      \/* Technology *\/\n\n      .technology {\n        margin: 0 3%;\n        padding: 48px 7%;\n        border-radius: 20px;\n      }\n\n      .technology-inner {\n        grid-template-columns: 1fr;\n        gap: 25px;\n      }\n\n      .technology h2 {\n        font-size: 34px;\n      }\n\n      .technology-content p {\n        font-size: 12px;\n        line-height: 1.75;\n        margin-bottom: 12px;\n      }\n\n      .feature-list {\n        margin-top: 16px;\n      }\n\n      .feature-list li {\n        padding: 8px 0;\n        font-size: 10.5px;\n      }\n\n\n      \/* CTA *\/\n\n      .cta {\n        margin: 0 3%;\n        padding: 50px 7%;\n        border-radius: 20px;\n      }\n\n      .cta h2 {\n        font-size: 35px;\n        margin: 9px 0 12px;\n      }\n\n      .cta p {\n        font-size: 12px;\n        margin-bottom: 20px;\n      }\n\n      .cta-button {\n        padding: 12px 23px;\n        font-size: 8px;\n        border-radius: 25px;\n      }\n\n\n      \/* Footer *\/\n\n      footer {\n        padding: 18px 5%;\n        flex-direction: column;\n        gap: 5px;\n        text-align: center;\n      }\n\n      footer .logo {\n        font-size: 14px;\n      }\n\n      footer p {\n        font-size: 8px;\n      }\n    }\n\n\n    \/* =========================================\n       VERY SMALL PHONES\n       ========================================= *\/\n\n    @media (max-width: 380px) {\n\n      .hero {\n        padding-top: 45px;\n        padding-bottom: 40px;\n      }\n\n      .hero h1 {\n        font-size: 38px;\n      }\n\n      .intro h2,\n      .modes-heading h2 {\n        font-size: 27px;\n      }\n\n      .mode-card {\n        padding: 21px 19px;\n      }\n\n      .mode-card h3 {\n        font-size: 21px;\n      }\n\n      .technology h2 {\n        font-size: 31px;\n      }\n\n      .cta h2 {\n        font-size: 32px;\n      }\n    }\n\n  \u003c\/style\u003e\n\u003c!-- =========================================\n       NAVIGATION\n       ========================================= --\u003e\u003cnav\u003e\n\u003cdiv class=\"logo\"\u003eLIZ ZA Co.\u003c\/div\u003e\n\u003cdiv class=\"nav-label\"\u003eSkin · Science · Ritual\u003c\/div\u003e\n\u003c\/nav\u003e\u003c!-- =========================================\n       HERO\n       ========================================= --\u003e\n\u003csection class=\"hero\"\u003e\n\u003cdiv class=\"eyebrow\"\u003e4-Mode Facial Skincare Device\u003c\/div\u003e\n\u003ch1\u003eYour skin.\u003cbr\u003e\u003cspan\u003eElevated.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp\u003eMeet the LIZ ZA Co. 4-Mode Facial Skincare Device — an at-home skincare tool designed to complement your daily ritual with four targeted light therapy modes.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n       INTRO\n       ========================================= --\u003e\n\u003csection class=\"intro\"\u003e\n\u003cdiv class=\"intro-inner\"\u003e\n\u003cdiv class=\"section-label\"\u003eOne device. Four modes.\u003c\/div\u003e\n\u003ch2\u003eA considered approach\u003cbr\u003eto your skincare ritual.\u003c\/h2\u003e\n\u003cp\u003eDesigned to target different skincare needs, each mode offers a dedicated approach to help create a more refined, radiant-looking complexion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n       FOUR MODES\n       ========================================= --\u003e\n\u003csection class=\"modes-section\"\u003e\n\u003cdiv class=\"modes-heading\"\u003e\n\u003cdiv class=\"section-label\"\u003eThe Four Modes\u003c\/div\u003e\n\u003ch2\u003eTargeted care, your way.\u003c\/h2\u003e\n\u003cp\u003eChoose the mode that complements your skin's needs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"modes-grid\"\u003e\n\u003c!-- MODE 01 --\u003e\n\u003cdiv class=\"mode-card\"\u003e\n\u003cdiv class=\"mode-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"mode-light\"\u003eYellow Light · Absorption\u003c\/div\u003e\n\u003ch3\u003eSupercharge skincare.\u003c\/h3\u003e\n\u003cp\u003eDesigned to support circulation and enhance the absorption of your favourite serums, oils and moisturisers.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- MODE 02 --\u003e\n\u003cdiv class=\"mode-card\"\u003e\n\u003cdiv class=\"mode-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"mode-light\"\u003eGreen Light · Skin Elasticity\u003c\/div\u003e\n\u003ch3\u003eRestore your bounce.\u003c\/h3\u003e\n\u003cp\u003eA targeted mode designed to support the appearance of firmer, plumper and more elastic-looking skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- MODE 03 --\u003e\n\u003cdiv class=\"mode-card\"\u003e\n\u003cdiv class=\"mode-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"mode-light\"\u003eRed Light · V-Face\u003c\/div\u003e\n\u003ch3\u003eDefine \u0026amp; refine.\u003c\/h3\u003e\n\u003cp\u003eDesigned to support collagen-focused skincare routines and improve the appearance of fine lines, texture and facial definition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- MODE 04 --\u003e\n\u003cdiv class=\"mode-card\"\u003e\n\u003cdiv class=\"mode-number\"\u003e04\u003c\/div\u003e\n\u003cdiv class=\"mode-light\"\u003eBlue Light · Pore\u003c\/div\u003e\n\u003ch3\u003eRefine \u0026amp; purify.\u003c\/h3\u003e\n\u003cp\u003eDesigned for skin that looks oily or congested, helping create a cleaner-looking complexion and smoother, more refined appearance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n       TECHNOLOGY\n       ========================================= --\u003e\n\u003csection class=\"technology\"\u003e\n\u003cdiv class=\"technology-inner\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"section-label\"\u003eThe LIZ ZA Co. Difference\u003c\/div\u003e\n\u003ch2\u003eBeauty meets \u003cspan\u003etechnology.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"technology-content\"\u003e\n\u003cp\u003eCreated for the modern skincare ritual, the LIZ ZA Co. device combines four targeted modes in one sleek, rechargeable design.\u003c\/p\u003e\n\u003cp\u003eSimple enough for everyday use, sophisticated enough to become a considered part of your beauty routine.\u003c\/p\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003eFour targeted light therapy modes\u003c\/li\u003e\n\u003cli\u003eDesigned for all skin types and tones\u003c\/li\u003e\n\u003cli\u003eLightweight ergonomic design\u003c\/li\u003e\n\u003cli\u003eRechargeable with long battery life\u003c\/li\u003e\n\u003cli\u003eProudly South African\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================\n       CTA\n       ========================================= --\u003e\n\u003csection class=\"cta\"\u003e\n\u003cdiv class=\"section-label\"\u003eYour ritual starts here\u003c\/div\u003e\n\u003ch2\u003eInvest in your skin.\u003c\/h2\u003e\n\u003cp\u003eBecause great skin isn't luck — it's a ritual.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"cta-button\"\u003e Discover LIZ ZA Co. \u003c\/a\u003e\u003c\/section\u003e\n\u003c!-- =========================================\n       FOOTER\n       ========================================= --\u003e\u003cfooter\u003e\n\u003cdiv class=\"logo\"\u003eLIZ ZA Co.\u003c\/div\u003e\n\u003cp\u003e© 2026 LIZ ZA Co. · Proudly South African\u003c\/p\u003e\n\u003c\/footer\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"bys-user-store-653959","offers":[{"title":"Default Title","offer_id":48332268994747,"sku":null,"price":1999.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0740\/9929\/4395\/files\/pvd-campaign-device-closer-to-face-with-serum-dots.png?v=1788706476","url":"https:\/\/lizzawellness.co.za\/products\/liz-za-co-4-mode-facial-skincare-device","provider":"LIZ ZA Co. ","version":"1.0","type":"link"}