{"product_id":"novea™-4-tip-brow-tint-pen","title":"NOVÉA™ 4-Tip Brow Tint Pen","description":"\u003c!-- NOVÉA™ 4-Tip Brow Tint Pen — Mobile-first, premium animated product description (light theme, with Shades, no add-to-cart) --\u003e\n\u003cdiv class=\"novea-brow\" id=\"novea-brow\" role=\"region\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"nb-hero\"\u003e\n\u003cdiv class=\"nb-hero-inner\"\u003e\n\u003cspan class=\"nb-badge\"\u003eNOVÉA™\u003c\/span\u003e\n\u003ch1 class=\"nb-title\"\u003e4‑Tip Brow Tint Pen\u003c\/h1\u003e\n\u003cp class=\"nb-sub\"\u003eBrows That Look Done — Without the Salon Price Tag.\u003c\/p\u003e\n\u003cp class=\"nb-tagline\"\u003eFour ultra‑fine precision tips mimic real hair strokes for naturally full, defined brows in seconds — no stencils, no mess, no expertise.\u003c\/p\u003e\n\u003cdiv class=\"nb-hero-media\"\u003e\n\u003cbr\u003e\u003ci class=\"nb-orb nb-orb-1\"\u003e\u003c\/i\u003e \u003ci class=\"nb-orb nb-orb-2\"\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003cul class=\"nb-usp\" role=\"list\"\u003e\n\u003cli class=\"nb-chip\"\u003e4‑fork micro‑tip\u003c\/li\u003e\n\u003cli class=\"nb-chip\"\u003eSmudge \u0026amp; sweat‑resistant\u003c\/li\u003e\n\u003cli class=\"nb-chip\"\u003eBuildable coverage\u003c\/li\u003e\n\u003cli class=\"nb-chip\"\u003eFeatherlight hair‑strokes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!-- Shades --\u003e\n\u003cdiv class=\"nb-shades\"\u003e\n\u003cspan class=\"nb-chip nb-chip--shade\"\u003eDeep Brown\u003c\/span\u003e \u003cspan class=\"nb-chip nb-chip--shade\"\u003eLight Brown\u003c\/span\u003e \u003cspan class=\"nb-chip nb-chip--shade\"\u003eNatural Black\u003c\/span\u003e \u003cspan class=\"nb-chip nb-chip--shade\"\u003eReddish Brown\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BENEFITS (tap-to-expand) --\u003e\n\u003csection class=\"nb-section\" id=\"nb-benefits\"\u003e\n\u003ch2 class=\"nb-center\"\u003eWhat your brows gain\u003c\/h2\u003e\n\u003cdiv class=\"nb-grid nb-1\"\u003e\n\u003carticle class=\"nb-feature\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"nb-ico\"\u003e🌿\u003c\/span\u003e\n\u003ch3\u003eNatural hair‑stroke effect\u003c\/h3\u003e\n\u003cp\u003eFour micro‑tips draw realistic, individual strokes that blend seamlessly with your natural brow hair.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"nb-feature\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"nb-ico\"\u003e🎯\u003c\/span\u003e\n\u003ch3\u003ePerfectly defined arches\u003c\/h3\u003e\n\u003cp\u003eFill gaps, refine shape, and add depth for a polished, sculpted look — fast.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"nb-feature\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"nb-ico\"\u003e💧\u003c\/span\u003e\n\u003ch3\u003eLong‑lasting colour\u003c\/h3\u003e\n\u003cp\u003eSmudge‑proof, sweat‑resistant tint that stays put all day without flaking.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"nb-feature\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"nb-ico\"\u003e✨\u003c\/span\u003e\n\u003ch3\u003eEffortless application\u003c\/h3\u003e\n\u003cp\u003eNo brow skills needed — the 4‑tip design does the work for you with featherlight passes.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"nb-feature\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"nb-ico\"\u003e🏠\u003c\/span\u003e\n\u003ch3\u003eSalon‑quality at home\u003c\/h3\u003e\n\u003cp\u003eMicroblading‑inspired finish without the cost or commitment.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"nb-feature\" role=\"button\" tabindex=\"0\"\u003e\u003cspan class=\"nb-ico\"\u003e⬆️\u003c\/span\u003e\n\u003ch3\u003eBuildable coverage\u003c\/h3\u003e\n\u003cp\u003eLight strokes for natural daytime definition; layer for bold, editorial arches.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HOW IT WORKS (no scroll; all steps visible) --\u003e\n\u003csection class=\"nb-section nb-dark\" id=\"nb-how\"\u003e\n\u003ch2 class=\"nb-center\"\u003eHow it works\u003c\/h2\u003e\n\u003cdiv class=\"nb-steps\"\u003e\n\u003cdiv class=\"nb-step\"\u003e\n\u003cspan class=\"nb-step-num\"\u003e1\u003c\/span\u003e\n\u003ch4\u003eShake \u0026amp; prep\u003c\/h4\u003e\n\u003cp\u003eStart with clean, dry brows and gently shake the pen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-step\"\u003e\n\u003cspan class=\"nb-step-num\"\u003e2\u003c\/span\u003e\n\u003ch4\u003eFeather upward\u003c\/h4\u003e\n\u003cp\u003ePress lightly and draw short, upward strokes following hair direction.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-step\"\u003e\n\u003cspan class=\"nb-step-num\"\u003e3\u003c\/span\u003e\n\u003ch4\u003eDefine the arch\u003c\/h4\u003e\n\u003cp\u003eUse the 4‑tip edge to fill sparse areas and refine the tail.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-step\"\u003e\n\u003cspan class=\"nb-step-num\"\u003e4\u003c\/span\u003e\n\u003ch4\u003eBuild \u0026amp; set\u003c\/h4\u003e\n\u003cp\u003eLayer for intensity, allow 30s to dry, then set with clear gel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-inline-media\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- KEY SPECIFICATIONS --\u003e\n\u003csection class=\"nb-section\" id=\"nb-specs\"\u003e\n\u003ch2 class=\"nb-center\"\u003eKey specifications\u003c\/h2\u003e\n\u003cdiv class=\"nb-specs\"\u003e\n\u003cdiv class=\"nb-spec\"\u003e\n\u003cstrong\u003eTip design\u003c\/strong\u003e\u003cspan\u003e4‑fork micro‑tip applicator\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-spec\"\u003e\n\u003cstrong\u003eFormula\u003c\/strong\u003e\u003cspan\u003eLong‑wearing liquid tint — smudge \u0026amp; sweat‑resistant\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-spec\"\u003e\n\u003cstrong\u003eFinish\u003c\/strong\u003e\u003cspan\u003eNatural, feathered hair‑stroke effect\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-spec\"\u003e\n\u003cstrong\u003eCoverage\u003c\/strong\u003e\u003cspan\u003eBuildable — subtle to bold\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-spec\"\u003e\n\u003cstrong\u003eShade\u003c\/strong\u003e\u003cspan\u003eDeep Brown, Light Brown, Natural Black, Reddish Brown\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-spec\"\u003e\n\u003cstrong\u003ePackaging\u003c\/strong\u003e\u003cspan\u003eMatte black with rose‑gold foil, South African flag\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nb-spec\"\u003e\n\u003cstrong\u003eOrigin\u003c\/strong\u003e\u003cspan\u003eProudly South African\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HOW TO USE --\u003e\n\u003csection class=\"nb-section nb-soft\" id=\"nb-use\"\u003e\n\u003ch2 class=\"nb-center\"\u003eHow to use\u003c\/h2\u003e\n\u003col class=\"nb-steps-list\"\u003e\n\u003cli\u003eStart with clean, dry brows\u003c\/li\u003e\n\u003cli\u003eShake the pen gently before use\u003c\/li\u003e\n\u003cli\u003eUsing light, upward strokes, draw hair‑like lines with the 4‑tip\u003c\/li\u003e\n\u003cli\u003eLayer strokes to build desired fullness and definition\u003c\/li\u003e\n\u003cli\u003eAllow to dry for 30 seconds for a smudge‑proof finish\u003c\/li\u003e\n\u003cli\u003eSet with a clear brow gel for all‑day hold\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/section\u003e\n\u003c!-- WHAT'S INCLUDED --\u003e\n\u003csection class=\"nb-section nb-dark\"\u003e\n\u003ch2 class=\"nb-center\"\u003eWhat's included\u003c\/h2\u003e\n\u003cdiv class=\"nb-included\"\u003e\n\u003cspan class=\"nb-chip\"\u003eNOVÉA™ 4‑Tip Brow Tint Pen\u003c\/span\u003e \u003cspan class=\"nb-chip\"\u003ePremium matte black NOVÉA™ gift box\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA (text only) --\u003e\n\u003csection class=\"nb-section nb-cta\" id=\"nb-cta\"\u003e\n\u003cdiv class=\"nb-cta-inner\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eBecause your brows frame everything — make them count.\u003c\/h3\u003e\n\u003cp\u003eFeatherlight strokes. Microbladed look. Zero learning curve.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  \/* MOBILE-FIRST, LIGHT THEME + ROSE-GOLD ACCENTS *\/\n  :root{\n    --bg:#fbfafc; --panel:#ffffff; --soft:#f6f4f8;\n    --text:#17191f; --mute:#5f6470;\n    --border:rgba(23,25,31,.10); --shadow:0 8px 22px rgba(17,19,24,.08);\n    --radius:14px; --rg:#b76e79; --rg-soft:#e9c5cd; --rg-wash:#fdeff2;\n  }\n\n  .novea-brow{\n    background:\n      radial-gradient(1100px 520px at 12% -10%, rgba(183,110,121,.18), transparent 55%),\n      radial-gradient(900px 520px at 110% -8%, rgba(233,197,205,.16), transparent 55%),\n      linear-gradient(180deg,#ffffff,#fbfafc);\n    color:var(--text);\n    font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, \"Helvetica Neue\", Arial;\n    line-height:1.6; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;\n    overflow:hidden;\n  }\n\n  \/* Sections \u0026 Layout *\/\n  .nb-section{padding:56px 16px;}\n  .nb-soft{background:var(--soft);}\n  .nb-dark{background:var(--panel);}\n  .nb-center{text-align:center;}\n  .nb-grid{display:grid; gap:14px; max-width:1100px; margin:0 auto;}\n  .nb-grid.nb-1{grid-template-columns:1fr;}\n  @media(min-width:960px){ .nb-grid.nb-1{grid-template-columns:repeat(3,1fr);} }\n\n  \/* HERO *\/\n  .nb-hero{\n    padding:86px 16px 32px;\n    background:\n      radial-gradient(900px 480px at 15% -10%, rgba(233,197,205,.22), transparent 55%),\n      linear-gradient(180deg,#ffffff,#fbfafc);\n  }\n  .nb-hero-inner{max-width:1100px; margin:0 auto; text-align:center;}\n  .nb-badge{display:inline-block; padding:6px 12px; border-radius:999px; background:#fff; border:1px solid var(--border); letter-spacing:.12em; font-weight:800; font-size:12px; color:#2a2e35;}\n  .nb-title{font-size:clamp(28px,6.5vw,48px); margin:.55rem 0 .25rem; line-height:1.08; color:#16181d;}\n  .nb-sub{color:#8f5560; font-weight:700; font-size:clamp(16px,4.2vw,18px); margin:0 0 8px;}\n  .nb-tagline{color:var(--mute); max-width:720px; margin:0 auto 16px; font-size:clamp(14px,3.7vw,16px);}\n\n  .nb-hero-media{position:relative; max-width:860px; margin:22px auto 6px; display:grid; place-items:center;}\n  .nb-hero-img{width:100%; height:auto; border-radius:16px; background:#fff; box-shadow:0 14px 36px rgba(17,19,24,.10); border:1px solid rgba(23,25,31,.06); transform:translateZ(0); transition:transform .6s ease;}\n  .nb-orb{position:absolute; border-radius:50%; filter:blur(14px); opacity:.22; mix-blend-mode:multiply;}\n  .nb-orb-1{width:180px; height:180px; background:rgba(183,110,121,.35); left:4%; top:24%;}\n  .nb-orb-2{width:200px; height:200px; background:rgba(233,197,205,.28); right:3%; top:8%;}\n\n  .nb-usp{display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:12px; padding:0; list-style:none;}\n  .nb-chip{border-radius:999px; padding:8px 14px; background:#fff; border:1px solid var(--border); color:#373c45; font-size:13px; box-shadow:0 4px 12px rgba(17,19,24,.06);}\n\n  \/* Shades row *\/\n  .nb-shades{display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin:12px 0 0;}\n  .nb-chip--shade{border-color:rgba(183,110,121,.30); box-shadow:0 4px 12px rgba(183,110,121,.10); background:#fff;}\n\n  \/* Feature cards (interactive) *\/\n  .nb-feature{\n    position:relative; background:#fff; border:1px solid rgba(23,25,31,.12); border-radius:16px; padding:18px; box-shadow:var(--shadow); cursor:pointer; user-select:none;\n    transition:transform .2s ease, box-shadow .2s ease;\n  }\n  .nb-feature:hover{transform:translateY(-2px); box-shadow:0 12px 28px rgba(17,19,24,.12);}\n  .nb-feature h3{margin:6px 26px 6px 0; font-size:18px; color:#1b1e25;}\n  .nb-feature p{margin:0; color:#3c4350; font-size:15px; max-height:0; overflow:hidden; opacity:0; transition:max-height .3s ease, opacity .25s ease;}\n  .nb-feature::after{content:\"▾\"; position:absolute; right:12px; top:16px; font-size:14px; color:#6a7180; transition:transform .2s ease;}\n  .nb-feature.is-open p{max-height:240px; opacity:1; margin-top:4px;}\n  .nb-feature.is-open::after{transform:rotate(180deg);}\n  .nb-ico{font-size:20px; display:inline-block; margin-bottom:4px;}\n\n  \/* Steps (no horizontal scroll) *\/\n  .nb-steps{display:grid; grid-template-columns:1fr; gap:12px; max-width:1100px; margin:0 auto 12px;}\n  @media(min-width:720px){ .nb-steps{grid-template-columns:1fr 1fr;} }\n  @media(min-width:1100px){ .nb-steps{grid-template-columns:repeat(4,1fr);} }\n  .nb-step{background:#fff; border:1px solid rgba(23,25,31,.12); border-radius:16px; padding:18px; box-shadow:var(--shadow);}\n  .nb-step h4{margin:6px 0 6px; font-size:16px; color:#1b1e25;}\n  .nb-step p{margin:0; color:#3b424c; font-size:14px;}\n  .nb-step-num{display:inline-grid; place-items:center; width:34px; height:34px; border-radius:50%; background:linear-gradient(180deg, var(--rg-wash), var(--rg)); color:#1a1c22; font-weight:800; margin-bottom:8px; box-shadow:0 6px 16px rgba(183,110,121,.18); font-size:14px;}\n\n  \/* Media strip *\/\n  .nb-inline-media{display:grid; grid-template-columns:1fr; gap:12px; max-width:1100px; margin:0 auto;}\n  @media(min-width:960px){ .nb-inline-media{grid-template-columns:repeat(3,1fr);} }\n  .nb-inline-media img{width:100%; height:auto; border-radius:16px; background:#fff; border:1px solid rgba(23,25,31,.12); box-shadow:0 10px 26px rgba(17,19,24,.08); transition:transform .35s ease;}\n  .nb-inline-media img:hover{transform:translateY(-4px);}\n\n  \/* Specs *\/\n  .nb-specs{display:grid; grid-template-columns:1fr; gap:12px; max-width:1100px; margin:0 auto;}\n  @media(min-width:960px){ .nb-specs{grid-template-columns:repeat(3,1fr);} }\n  .nb-spec{background:#fff; border:1px solid rgba(23,25,31,.12); border-radius:16px; padding:16px; box-shadow:var(--shadow);}\n  .nb-spec strong{display:block; margin-bottom:6px; color:#16181d;}\n  .nb-spec span{color:#475062; font-size:14px;}\n\n  \/* Steps list *\/\n  .nb-steps-list{max-width:900px; margin:0 auto; background:#fff; border:1px solid rgba(23,25,31,.12); border-radius:16px; padding:16px; box-shadow:var(--shadow); color:#2a2e35;}\n  .nb-steps-list li{margin:6px 0;}\n\n  \/* Included *\/\n  .nb-included{display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin:8px 0 0;}\n  .nb-included .nb-chip{transition:transform .2s ease;}\n  .nb-included .nb-chip:hover{transform:translateY(-2px);}\n\n  \/* CTA *\/\n  .nb-cta{background:linear-gradient(180deg, rgba(248,230,234,.25), rgba(233,197,205,.18)); border-top:1px solid rgba(183,110,121,.30);}\n  .nb-cta-inner{max-width:1100px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;}\n  .nb-cta-inner h3{margin:0 0 6px; color:#15171d;}\n  .nb-cta-inner p{margin:0; color:#535a66;}\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"NOVÉA","offers":[{"title":"Reddish Brown","offer_id":52227479011544,"sku":null,"price":199.0,"currency_code":"ZAR","in_stock":true},{"title":"Deep Brown","offer_id":52227479044312,"sku":null,"price":199.0,"currency_code":"ZAR","in_stock":true},{"title":"Light brown","offer_id":52227479077080,"sku":null,"price":199.0,"currency_code":"ZAR","in_stock":true},{"title":"Natural Black","offer_id":52227479109848,"sku":null,"price":199.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0829\/3063\/0872\/files\/WhatsAppImage2026-07-22at00.09.55_7_9bc49862-08be-4ba3-9880-dc2e4b3cc177.jpg?v=1786556286","url":"https:\/\/noveaza.co.za\/products\/novea%e2%84%a2-4-tip-brow-tint-pen","provider":"NOVÉA","version":"1.0","type":"link"}