{"product_id":"liquid-brow-pen","title":"Waterproof Hair-Like Brow Pen – Smudge-Proof, Long-Lasting Natural Eyebrow Pencil","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/7341\/1322\/files\/68414c969dd7a7914ad89a0063d8144b_b31a8a02-b918-4a92-a06d-dfa1ece7d8da.jpg?v=1793008827\" alt=\"\"\u003e\u003c\/p\u003e\n\u003csection id=\"storvokio-image-banner\" class=\"storvokio-banner\"\u003e\n  \u003cstyle\u003e\n    \/* ===== Banner 基础样式 ===== *\/\n    #storvokio-image-banner {\n      width: 100%;\n      max-width: 100%;\n      margin: 0;\n      padding: 0;\n      overflow: hidden;\n      background: #ffffff;\n      box-sizing: border-box;\n    }\n\n    #storvokio-image-banner *,\n    #storvokio-image-banner *::before,\n    #storvokio-image-banner *::after {\n      box-sizing: border-box;\n    }\n\n    \/* ===== 图片自适应 ===== *\/\n    #storvokio-image-banner .banner-image {\n      display: block;\n      width: 100%;\n      max-width: 100%;\n      height: auto;\n      aspect-ratio: 1716 \/ 917;\n      object-fit: contain;\n      object-position: center;\n      border: 0;\n      margin: 0;\n    }\n\n    \/* ===== 手机端优化 ===== *\/\n    @media screen and (max-width: 749px) {\n      #storvokio-image-banner {\n        width: 100%;\n        padding: 0;\n        margin: 0;\n      }\n\n      #storvokio-image-banner .banner-image {\n        width: 100%;\n        height: auto;\n        aspect-ratio: 1716 \/ 917;\n        object-fit: contain;\n        object-position: center;\n      }\n    }\n\n    \/* ===== 平板及电脑端 ===== *\/\n    @media screen and (min-width: 750px) {\n      #storvokio-image-banner .banner-image {\n        width: 100%;\n        height: auto;\n        object-fit: contain;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"banner-image-wrapper\"\u003e\n    \u003cimg class=\"banner-image\" src=\"https:\/\/www.storvokio.com\/cdn\/shop\/files\/db0509dd-c9f2-44f9-9c35-6d1be793ccbe_ae3260e1-eeb4-4a30-bb57-317c161dd6c4.png?v=1782289968\" srcset=\"\n        https:\/\/www.storvokio.com\/cdn\/shop\/files\/db0509dd-c9f2-44f9-9c35-6d1be793ccbe_ae3260e1-eeb4-4a30-bb57-317c161dd6c4.png?v=1782289968\u0026amp;width=375 375w,\n        https:\/\/www.storvokio.com\/cdn\/shop\/files\/db0509dd-c9f2-44f9-9c35-6d1be793ccbe_ae3260e1-eeb4-4a30-bb57-317c161dd6c4.png?v=1782289968\u0026amp;width=750 750w,\n        https:\/\/www.storvokio.com\/cdn\/shop\/files\/db0509dd-c9f2-44f9-9c35-6d1be793ccbe_ae3260e1-eeb4-4a30-bb57-317c161dd6c4.png?v=1782289968\u0026amp;width=1100 1100w,\n        https:\/\/www.storvokio.com\/cdn\/shop\/files\/db0509dd-c9f2-44f9-9c35-6d1be793ccbe_ae3260e1-eeb4-4a30-bb57-317c161dd6c4.png?v=1782289968\u0026amp;width=1500 1500w,\n        https:\/\/www.storvokio.com\/cdn\/shop\/files\/db0509dd-c9f2-44f9-9c35-6d1be793ccbe_ae3260e1-eeb4-4a30-bb57-317c161dd6c4.png?v=1782289968\u0026amp;width=2000 2000w\n      \" sizes=\"100vw\" width=\"1716\" height=\"917\" alt=\"Storvokio Hair-Like Brush Tip Brow Pen\" loading=\"lazy\" decoding=\"async\"\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection id=\"brow-troubles-section\"\u003e\n\n  \u003cstyle\u003e\n    \/* ===== 全局基础 ===== *\/\n    #brow-troubles-section {\n      width: 100%;\n      background: #ffffff;\n      color: #2e2a39;\n      overflow: hidden;\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    #brow-troubles-section *,\n    #brow-troubles-section *::before,\n    #brow-troubles-section *::after {\n      box-sizing: border-box;\n    }\n\n    \/* ===== 顶部标题 ===== *\/\n    #brow-troubles-section .troubles-title {\n      width: 100%;\n      padding: 48px 20px 30px;\n      text-align: center;\n      background: #ffffff;\n    }\n\n    #brow-troubles-section .troubles-title h2 {\n      margin: 0;\n      color: #111111;\n      font-family: Arial, Helvetica, sans-serif;\n      font-size: clamp(32px, 5vw, 64px);\n      line-height: 1.12;\n      font-weight: 800;\n      letter-spacing: -1.5px;\n      text-transform: uppercase;\n    }\n\n    \/* ===== 内容容器 ===== *\/\n    #brow-troubles-section .troubles-inner {\n      width: 100%;\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 24px 40px;\n    }\n\n    \/* ===== 单个内容行 ===== *\/\n    #brow-troubles-section .troubles-row {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n      align-items: center;\n      gap: 48px;\n      margin-bottom: 48px;\n      width: 100%;\n    }\n\n    #brow-troubles-section .troubles-row:last-child {\n      margin-bottom: 0;\n    }\n\n    \/* 交替布局 *\/\n    #brow-troubles-section .troubles-row.reverse .troubles-media {\n      order: 2;\n    }\n\n    #brow-troubles-section .troubles-row.reverse .troubles-text {\n      order: 1;\n    }\n\n    \/* ===== 图片 ===== *\/\n    #brow-troubles-section .troubles-media {\n      width: 100%;\n      min-width: 0;\n      overflow: hidden;\n      border-radius: 14px;\n      background: #f8f5f4;\n      font-size: 0;\n    }\n\n    #brow-troubles-section .troubles-media img {\n      display: block;\n      width: 100%;\n      max-width: 100%;\n      height: auto;\n      object-fit: contain;\n      margin: 0;\n    }\n\n    \/* ===== 文字 ===== *\/\n    #brow-troubles-section .troubles-text {\n      width: 100%;\n      min-width: 0;\n      padding: 24px 10px;\n      text-align: left;\n    }\n\n    #brow-troubles-section .troubles-heading {\n      margin: 0 0 16px;\n      color: #2e2a39;\n      font-family: Arial, Helvetica, sans-serif;\n      font-size: clamp(25px, 2.6vw, 36px);\n      line-height: 1.22;\n      font-weight: 700;\n      letter-spacing: -0.5px;\n    }\n\n    #brow-troubles-section .troubles-body {\n      margin: 0;\n      color: #68636c;\n      font-family: Arial, Helvetica, sans-serif;\n      font-size: 16px;\n      line-height: 1.75;\n      font-weight: 400;\n    }\n\n    \/* ===== 手机端优化 ===== *\/\n    @media screen and (max-width: 749px) {\n\n      #brow-troubles-section {\n        padding: 0;\n      }\n\n      #brow-troubles-section .troubles-title {\n        padding: 30px 18px 22px;\n      }\n\n      #brow-troubles-section .troubles-title h2 {\n        font-size: clamp(27px, 8vw, 36px);\n        line-height: 1.13;\n        letter-spacing: -0.7px;\n      }\n\n      #brow-troubles-section .troubles-inner {\n        padding: 0 15px 24px;\n      }\n\n      \/* 手机端全部变成单列 *\/\n      #brow-troubles-section .troubles-row {\n        display: flex;\n        flex-direction: column;\n        gap: 0;\n        margin-bottom: 28px;\n        width: 100%;\n      }\n\n      \/* 取消电脑端左右交替 *\/\n      #brow-troubles-section .troubles-row.reverse .troubles-media,\n      #brow-troubles-section .troubles-row.reverse .troubles-text {\n        order: initial;\n      }\n\n      \/* 图片 *\/\n      #brow-troubles-section .troubles-media {\n        width: 100%;\n        border-radius: 12px;\n      }\n\n      #brow-troubles-section .troubles-media img {\n        width: 100%;\n        height: auto;\n        object-fit: contain;\n      }\n\n      \/* 文字区域 *\/\n      #brow-troubles-section .troubles-text {\n        padding: 16px 5px 8px;\n        text-align: left;\n      }\n\n      #brow-troubles-section .troubles-heading {\n        font-size: 23px;\n        line-height: 1.28;\n        margin-bottom: 9px;\n        letter-spacing: -0.3px;\n      }\n\n      #brow-troubles-section .troubles-body {\n        font-size: 14px;\n        line-height: 1.65;\n        color: #68636c;\n      }\n    }\n\n    \/* ===== 小屏手机 ===== *\/\n    @media screen and (max-width: 380px) {\n\n      #brow-troubles-section .troubles-title {\n        padding: 25px 14px 18px;\n      }\n\n      #brow-troubles-section .troubles-title h2 {\n        font-size: 26px;\n      }\n\n      #brow-troubles-section .troubles-inner {\n        padding-left: 12px;\n        padding-right: 12px;\n      }\n\n      #brow-troubles-section .troubles-heading {\n        font-size: 21px;\n      }\n\n      #brow-troubles-section .troubles-body {\n        font-size: 13px;\n      }\n    }\n\n    \/* ===== 电脑端 ===== *\/\n    @media screen and (min-width: 750px) {\n\n      #brow-troubles-section .troubles-row {\n        min-height: 300px;\n      }\n\n      #brow-troubles-section .troubles-text {\n        padding: 30px 20px;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003c!-- 顶部标题 --\u003e\n  \u003cdiv class=\"troubles-title\"\u003e\n    \u003ch2\u003eYOU HAVE THESE TROUBLES?\u003c\/h2\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 内容区域 --\u003e\n  \u003cdiv class=\"troubles-inner\"\u003e\n\n    \u003c!-- 01 Sparse Brows --\u003e\n    \u003cdiv class=\"troubles-row\"\u003e\n\n      \u003cdiv class=\"troubles-media\"\u003e\n        \u003cimg src=\"https:\/\/7cw3fkdlf8tsslc5-65394245698.shopifypreview.com\/cdn\/shop\/files\/a5a487ef-8118-4b82-935f-21a5f0838f46.png?v=1782113396\u0026amp;width=1200\" alt=\"Sparse and uneven eyebrows\" loading=\"lazy\" decoding=\"async\"\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"troubles-text\"\u003e\n        \u003ch3 class=\"troubles-heading\"\u003e\n          Sparse and Uneven Eyebrows\n        \u003c\/h3\u003e\n        \u003cp class=\"troubles-body\"\u003e\n          Naturally sparse eyebrows and noticeable gaps can make brows look less defined and uneven.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- 02 Heavy Brow Pencils --\u003e\n    \u003cdiv class=\"troubles-row reverse\"\u003e\n\n      \u003cdiv class=\"troubles-media\"\u003e\n        \u003cimg src=\"https:\/\/7cw3fkdlf8tsslc5-65394245698.shopifypreview.com\/cdn\/shop\/files\/501b7e89-4987-42c9-8d16-7327c400036a.png?v=1782113396\u0026amp;width=1200\" alt=\"Traditional eyebrow pencil results\" loading=\"lazy\" decoding=\"async\"\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"troubles-text\"\u003e\n        \u003ch3 class=\"troubles-heading\"\u003e\n          Brow Pencils Can Look Too Heavy\n        \u003c\/h3\u003e\n        \u003cp class=\"troubles-body\"\u003e\n          Traditional pencils can create thick, blocky lines that look less natural than real brow hairs.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- 03 Uneven Shape --\u003e\n    \u003cdiv class=\"troubles-row\"\u003e\n\n      \u003cdiv class=\"troubles-media\"\u003e\n        \u003cimg src=\"https:\/\/7cw3fkdlf8tsslc5-65394245698.shopifypreview.com\/cdn\/shop\/files\/3b3e9dfe-ff1c-466a-95a0-8630e47880c3.png?v=1782113396\u0026amp;width=1200\" alt=\"Difficulty creating symmetrical eyebrows\" loading=\"lazy\" decoding=\"async\"\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"troubles-text\"\u003e\n        \u003ch3 class=\"troubles-heading\"\u003e\n          Hard-to-Control Brow Shapes\n        \u003c\/h3\u003e\n        \u003cp class=\"troubles-body\"\u003e\n          Drawing matching brows by hand takes practice and can be frustrating, especially for beginners.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- 04 Smudging --\u003e\n    \u003cdiv class=\"troubles-row reverse\"\u003e\n\n      \u003cdiv class=\"troubles-media\"\u003e\n        \u003cimg src=\"https:\/\/7cw3fkdlf8tsslc5-65394245698.shopifypreview.com\/cdn\/shop\/files\/c1eb0e7d-a08b-40c5-9435-ede4003542ea.png?v=1782113424\u0026amp;width=1200\" alt=\"Smudged and faded eyebrow makeup\" loading=\"lazy\" decoding=\"async\"\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"troubles-text\"\u003e\n        \u003ch3 class=\"troubles-heading\"\u003e\n          Makeup That Smudges Easily\n        \u003c\/h3\u003e\n        \u003cp class=\"troubles-body\"\u003e\n          Sweat and excess oil can cause brow makeup to fade or smudge throughout the day.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003csection id=\"cf-brow-use\"\u003e\n  \u003cstyle\u003e\n    \/* ===== Section Base ===== *\/\n    #cf-brow-use {\n      width: 100%;\n      background: #ffffff;\n      color: #2e2a39;\n      margin: 0;\n      padding: 0;\n      overflow: hidden;\n      box-sizing: border-box;\n    }\n\n    #cf-brow-use *,\n    #cf-brow-use *::before,\n    #cf-brow-use *::after {\n      box-sizing: border-box;\n    }\n\n    \/* ===== Main Container ===== *\/\n    #cf-brow-use .cf-use-inner {\n      width: 100%;\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 38px 24px;\n    }\n\n    #cf-brow-use .cf-use-grid {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n      align-items: center;\n      gap: 48px;\n    }\n\n    \/* ===== Image ===== *\/\n    #cf-brow-use .cf-use-media {\n      width: 100%;\n      min-width: 0;\n      overflow: hidden;\n      border-radius: 14px;\n      background: #faf7f6;\n      font-size: 0;\n    }\n\n    #cf-brow-use .cf-use-media img {\n      display: block;\n      width: 100%;\n      max-width: 100%;\n      height: auto;\n      object-fit: contain;\n      margin: 0;\n    }\n\n    \/* ===== Text Content ===== *\/\n    #cf-brow-use .cf-use-text {\n      width: 100%;\n      min-width: 0;\n      padding: 10px 12px;\n      text-align: left;\n    }\n\n    #cf-brow-use .cf-use-heading {\n      margin: 0 0 24px;\n      color: #2e2a39;\n      font-family: Arial, Helvetica, sans-serif;\n      font-size: clamp(26px, 2.7vw, 38px);\n      line-height: 1.2;\n      font-weight: 750;\n      letter-spacing: -0.7px;\n    }\n\n    \/* ===== Benefits List ===== *\/\n    #cf-brow-use .cf-use-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 19px;\n    }\n\n    #cf-brow-use .cf-use-list li {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      margin: 0;\n      color: #504b53;\n      font-family: Arial, Helvetica, sans-serif;\n      font-size: 16px;\n      line-height: 1.6;\n    }\n\n    #cf-brow-use .cf-use-check {\n      flex: 0 0 22px;\n      width: 22px;\n      height: 22px;\n      margin-top: 2px;\n      border-radius: 50%;\n      background: #bd947e;\n      color: #ffffff;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 13px;\n      font-weight: 700;\n    }\n\n    #cf-brow-use .cf-use-list strong {\n      color: #2e2a39;\n      font-weight: 700;\n    }\n\n    \/* ===== Small Description ===== *\/\n    #cf-brow-use .cf-use-note {\n      margin-top: 26px;\n      padding: 17px 18px;\n      background: #f8f1ed;\n      border-left: 3px solid #bd947e;\n      border-radius: 5px;\n      color: #6b554a;\n      font-family: Arial, Helvetica, sans-serif;\n      font-size: 14px;\n      line-height: 1.6;\n    }\n\n    \/* ===== Mobile Optimization ===== *\/\n    @media screen and (max-width: 749px) {\n      #cf-brow-use .cf-use-inner {\n        padding: 22px 15px 28px;\n      }\n\n      #cf-brow-use .cf-use-grid {\n        grid-template-columns: 1fr;\n        gap: 0;\n      }\n\n      #cf-brow-use .cf-use-media {\n        width: 100%;\n        border-radius: 10px;\n      }\n\n      #cf-brow-use .cf-use-media img {\n        width: 100%;\n        height: auto;\n        object-fit: contain;\n      }\n\n      #cf-brow-use .cf-use-text {\n        padding: 23px 3px 0;\n      }\n\n      #cf-brow-use .cf-use-heading {\n        font-size: 25px;\n        line-height: 1.25;\n        margin-bottom: 19px;\n        letter-spacing: -0.4px;\n      }\n\n      #cf-brow-use .cf-use-list {\n        gap: 15px;\n      }\n\n      #cf-brow-use .cf-use-list li {\n        font-size: 14px;\n        line-height: 1.55;\n        gap: 10px;\n      }\n\n      #cf-brow-use .cf-use-check {\n        flex-basis: 20px;\n        width: 20px;\n        height: 20px;\n        font-size: 12px;\n      }\n\n      #cf-brow-use .cf-use-note {\n        margin-top: 20px;\n        padding: 13px 14px;\n        font-size: 13px;\n      }\n    }\n\n    \/* ===== Small Phones ===== *\/\n    @media screen and (max-width: 380px) {\n      #cf-brow-use .cf-use-inner {\n        padding-left: 12px;\n        padding-right: 12px;\n      }\n\n      #cf-brow-use .cf-use-heading {\n        font-size: 23px;\n      }\n\n      #cf-brow-use .cf-use-list li {\n        font-size: 13px;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"cf-use-inner\"\u003e\n    \u003cdiv class=\"cf-use-grid\"\u003e\n\n      \u003c!-- Product Image --\u003e\n      \u003cdiv class=\"cf-use-media\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0972\/3346\/9739\/files\/6_823197e2-5f78-43cf-b9f2-7a0e9a918515.png?v=1782289956\" alt=\"Eyebrow Styling and Definition\" loading=\"lazy\" decoding=\"async\"\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Product Benefits --\u003e\n      \u003cdiv class=\"cf-use-text\"\u003e\n\n        \u003ch2 class=\"cf-use-heading\"\u003e\n          What Can It Do for Your Brows?\n        \u003c\/h2\u003e\n\n        \u003cul class=\"cf-use-list\"\u003e\n\n          \u003cli\u003e\n            \u003cspan class=\"cf-use-check\"\u003e✓\u003c\/span\u003e\n            \u003cspan\u003e\n              \u003cstrong\u003eFill Sparse Areas\u003c\/strong\u003e – Add natural-looking fullness to gaps and thin brows.\n            \u003c\/span\u003e\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            \u003cspan class=\"cf-use-check\"\u003e✓\u003c\/span\u003e\n            \u003cspan\u003e\n              \u003cstrong\u003eCreate Hair-Like Strokes\u003c\/strong\u003e – Define brows with fine, realistic-looking details.\n            \u003c\/span\u003e\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            \u003cspan class=\"cf-use-check\"\u003e✓\u003c\/span\u003e\n            \u003cspan\u003e\n              \u003cstrong\u003eShape and Define\u003c\/strong\u003e – Create cleaner edges and a more polished brow look.\n            \u003c\/span\u003e\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            \u003cspan class=\"cf-use-check\"\u003e✓\u003c\/span\u003e\n            \u003cspan\u003e\n              \u003cstrong\u003eBuild Natural Definition\u003c\/strong\u003e – Add soft dimension without an overly drawn-on look.\n            \u003c\/span\u003e\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            \u003cspan class=\"cf-use-check\"\u003e✓\u003c\/span\u003e\n            \u003cspan\u003e\n              \u003cstrong\u003eVersatile Brow Styles\u003c\/strong\u003e – Create soft, natural, or feathered-looking brows.\n            \u003c\/span\u003e\n          \u003c\/li\u003e\n\n        \u003c\/ul\u003e\n\n        \u003cdiv class=\"cf-use-note\"\u003e\n          Designed for easy everyday brow styling, whether you're a beginner or a makeup enthusiast.\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection id=\"cf-brow-why\"\u003e\n  \u003cstyle\u003e\n    \/* ===== Main Section ===== *\/\n    #cf-brow-why {\n      width: 100%;\n      background: #ffffff;\n      color: #2e2a39;\n      padding: 0;\n      margin: 0;\n      overflow: hidden;\n      box-sizing: border-box;\n    }\n\n    #cf-brow-why *,\n    #cf-brow-why *::before,\n    #cf-brow-why *::after {\n      box-sizing: border-box;\n    }\n\n    \/* ===== Inner Container ===== *\/\n    #cf-brow-why .why-inner {\n      width: 100%;\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 42px 24px;\n    }\n\n    \/* ===== Section Title ===== *\/\n    #cf-brow-why .why-title {\n      margin: 0 0 32px;\n      text-align: center;\n      font-family: Arial, Helvetica, sans-serif;\n      font-size: clamp(27px, 3vw, 40px);\n      line-height: 1.2;\n      font-weight: 750;\n      letter-spacing: -0.7px;\n      color: #302a32;\n    }\n\n    \/* ===== Card Grid ===== *\/\n    #cf-brow-why .why-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 24px;\n      align-items: stretch;\n    }\n\n    \/* ===== Individual Card ===== *\/\n    #cf-brow-why .why-card {\n      min-width: 0;\n      background: #f7f4f2;\n      border-radius: 16px;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n\n    \/* ===== Image ===== *\/\n    #cf-brow-why .why-media {\n      width: 100%;\n      aspect-ratio: 1 \/ 1;\n      overflow: hidden;\n      background: #f1eeec;\n      font-size: 0;\n    }\n\n    #cf-brow-why .why-media img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center;\n      margin: 0;\n    }\n\n    \/* ===== Card Content ===== *\/\n    #cf-brow-why .why-info {\n      padding: 22px 20px 24px;\n      text-align: left;\n      flex: 1;\n    }\n\n    #cf-brow-why .why-info h3 {\n      margin: 0;\n      color: #302a32;\n      font-family: Arial, Helvetica, sans-serif;\n      font-size: 21px;\n      line-height: 1.3;\n      font-weight: 700;\n      letter-spacing: -0.3px;\n    }\n\n    #cf-brow-why .why-info p {\n      margin: 11px 0 0;\n      color: #625b60;\n      font-family: Arial, Helvetica, sans-serif;\n      font-size: 14px;\n      line-height: 1.65;\n    }\n\n    \/* ===== Tablet ===== *\/\n    @media screen and (min-width: 550px) and (max-width: 900px) {\n      #cf-brow-why .why-inner {\n        padding: 34px 20px;\n      }\n\n      #cf-brow-why .why-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 18px;\n      }\n\n      #cf-brow-why .why-info {\n        padding: 18px;\n      }\n\n      #cf-brow-why .why-info h3 {\n        font-size: 19px;\n      }\n    }\n\n    \/* ===== Mobile ===== *\/\n    @media screen and (max-width: 749px) {\n      #cf-brow-why .why-inner {\n        padding: 27px 15px 30px;\n      }\n\n      #cf-brow-why .why-title {\n        font-size: 26px;\n        line-height: 1.25;\n        margin-bottom: 21px;\n        letter-spacing: -0.4px;\n      }\n\n      #cf-brow-why .why-grid {\n        grid-template-columns: 1fr;\n        gap: 13px;\n      }\n\n      #cf-brow-why .why-card {\n        display: grid;\n        grid-template-columns: 112px minmax(0, 1fr);\n        flex-direction: row;\n        align-items: stretch;\n        border-radius: 12px;\n        min-height: 112px;\n      }\n\n      #cf-brow-why .why-media {\n        width: 112px;\n        height: 100%;\n        min-height: 112px;\n        aspect-ratio: auto;\n        align-self: stretch;\n      }\n\n      #cf-brow-why .why-media img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n\n      #cf-brow-why .why-info {\n        padding: 14px 12px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        min-width: 0;\n      }\n\n      #cf-brow-why .why-info h3 {\n        font-size: 16px;\n        line-height: 1.3;\n        letter-spacing: -0.2px;\n      }\n\n      #cf-brow-why .why-info p {\n        margin-top: 7px;\n        font-size: 12.5px;\n        line-height: 1.5;\n      }\n    }\n\n    \/* ===== Small Mobile ===== *\/\n    @media screen and (max-width: 380px) {\n      #cf-brow-why .why-inner {\n        padding-left: 12px;\n        padding-right: 12px;\n      }\n\n      #cf-brow-why .why-card {\n        grid-template-columns: 98px minmax(0, 1fr);\n        min-height: 98px;\n      }\n\n      #cf-brow-why .why-media {\n        width: 98px;\n        min-height: 98px;\n      }\n\n      #cf-brow-why .why-info {\n        padding: 10px;\n      }\n\n      #cf-brow-why .why-info h3 {\n        font-size: 14px;\n      }\n\n      #cf-brow-why .why-info p {\n        font-size: 11.5px;\n        line-height: 1.45;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"why-inner\"\u003e\n\n    \u003ch2 class=\"why-title\"\u003eWhy Does It Work?\u003c\/h2\u003e\n\n    \u003cdiv class=\"why-grid\"\u003e\n\n      \u003c!-- Card 1 --\u003e\n      \u003cdiv class=\"why-card\"\u003e\n        \u003cdiv class=\"why-media\"\u003e\n          \u003cimg src=\"https:\/\/www.sparsevia.com\/cdn\/shop\/files\/5fd0703965094af2bc9e1d4f554bf96e_tplv-fhlh96nyum-resize_e4246c64-cc2b-4741-8b32-a20faf4e6906.png?v=1782127313\u0026amp;width=1420\" alt=\"Ultra Fine Eyebrow Brush Tip\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"why-info\"\u003e\n          \u003ch3\u003eUltra-Fine Precision Tip\u003c\/h3\u003e\n          \u003cp\u003e\n            Create fine, hair-like strokes for naturally defined and fuller-looking brows.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Card 2 --\u003e\n      \u003cdiv class=\"why-card\"\u003e\n        \u003cdiv class=\"why-media\"\u003e\n          \u003cimg src=\"https:\/\/www.sparsevia.com\/cdn\/shop\/files\/5fd0703965094af2bc9e1d4f554bf96e_tplv-fhlh96nyum-resize-webp_750_750.png?v=1782126793\u0026amp;width=1420\" alt=\"Controlled Eyebrow Ink Flow\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"why-info\"\u003e\n          \u003ch3\u003eControlled Ink Flow\u003c\/h3\u003e\n          \u003cp\u003e\n            Designed for smooth, consistent application and more controlled brow definition.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Card 3 --\u003e\n      \u003cdiv class=\"why-card\"\u003e\n        \u003cdiv class=\"why-media\"\u003e\n          \u003cimg src=\"https:\/\/www.sparsevia.com\/cdn\/shop\/files\/5fd0703965094af2bc9e1d4f554bf96e_tplv-fhlh96nyum-resize-webp.png?v=1782126793\u0026amp;width=1420\" alt=\"Dual Function Eyebrow Brush\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"why-info\"\u003e\n          \u003ch3\u003eDual-Function Brush\u003c\/h3\u003e\n          \u003cp\u003e\n            Define your brow shape and brush through the hairs for a softer, polished finish.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection id=\"ryn-brow-steps\"\u003e\n  \u003cstyle\u003e\n    \/* ===== Main Section ===== *\/\n    #ryn-brow-steps {\n      width: 100%;\n      margin: 0;\n      padding: 0;\n      background: #ffffff;\n      color: #2b1d16;\n      overflow: hidden;\n      font-family: -apple-system, BlinkMacSystemFont,\n        \"Segoe UI\", Roboto, Arial, sans-serif;\n      box-sizing: border-box;\n    }\n\n    #ryn-brow-steps *,\n    #ryn-brow-steps *::before,\n    #ryn-brow-steps *::after {\n      box-sizing: border-box;\n    }\n\n    \/* ===== Container ===== *\/\n    #ryn-brow-steps .ryn-container {\n      width: 100%;\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 48px 24px;\n    }\n\n    \/* ===== Title ===== *\/\n    #ryn-brow-steps .ryn-title {\n      margin: 0 0 34px;\n      text-align: center;\n      color: #2b1d16;\n      font-size: clamp(26px, 3vw, 38px);\n      line-height: 1.2;\n      font-weight: 800;\n      letter-spacing: -0.7px;\n    }\n\n    \/* ===== Grid ===== *\/\n    #ryn-brow-steps .ryn-grid {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 20px;\n      align-items: stretch;\n    }\n\n    \/* ===== Card ===== *\/\n    #ryn-brow-steps .ryn-card {\n      position: relative;\n      min-width: 0;\n      background: #ffffff;\n      border: 1px solid #eee7e2;\n      border-radius: 15px;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n      transition: box-shadow .25s ease,\n                  transform .25s ease;\n    }\n\n    @media (hover: hover) and (min-width: 750px) {\n      #ryn-brow-steps .ryn-card:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 10px 26px rgba(43, 29, 22, .09);\n      }\n    }\n\n    \/* ===== Image ===== *\/\n    #ryn-brow-steps .ryn-image {\n      width: 100%;\n      aspect-ratio: 4 \/ 3;\n      overflow: hidden;\n      background: #f8f5f2;\n      font-size: 0;\n    }\n\n    #ryn-brow-steps .ryn-image img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      object-position: center;\n      margin: 0;\n    }\n\n    \/* ===== Step Number ===== *\/\n    #ryn-brow-steps .ryn-step {\n      position: absolute;\n      top: 12px;\n      left: 12px;\n      z-index: 2;\n      width: 32px;\n      height: 32px;\n      border-radius: 50%;\n      background: #49352c;\n      color: #ffffff;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 14px;\n      font-weight: 700;\n      box-shadow: 0 2px 8px rgba(0,0,0,.12);\n    }\n\n    \/* ===== Text ===== *\/\n    #ryn-brow-steps .ryn-content {\n      padding: 17px 15px 19px;\n      flex: 1;\n      text-align: left;\n    }\n\n    #ryn-brow-steps .ryn-content h3 {\n      margin: 0 0 8px;\n      color: #2b1d16;\n      font-size: 15px;\n      font-weight: 800;\n      line-height: 1.35;\n      letter-spacing: -.2px;\n    }\n\n    #ryn-brow-steps .ryn-content p {\n      margin: 0;\n      color: #74645b;\n      font-size: 13px;\n      line-height: 1.6;\n    }\n\n    \/* ===== Tip ===== *\/\n    #ryn-brow-steps .ryn-tip {\n      margin-top: 26px;\n      padding: 15px 18px;\n      border-radius: 10px;\n      background: #f7f2ee;\n      color: #594638;\n      text-align: center;\n      font-size: 14px;\n      line-height: 1.6;\n    }\n\n    \/* ===== Tablet ===== *\/\n    @media screen and (min-width: 550px) and (max-width: 999px) {\n      #ryn-brow-steps .ryn-container {\n        padding: 38px 20px;\n      }\n\n      #ryn-brow-steps .ryn-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 18px;\n      }\n\n      #ryn-brow-steps .ryn-content {\n        padding: 17px;\n      }\n\n      #ryn-brow-steps .ryn-content h3 {\n        font-size: 17px;\n      }\n\n      #ryn-brow-steps .ryn-content p {\n        font-size: 14px;\n      }\n    }\n\n    \/* ===== Mobile ===== *\/\n    @media screen and (max-width: 749px) {\n      #ryn-brow-steps .ryn-container {\n        padding: 30px 14px 28px;\n      }\n\n      #ryn-brow-steps .ryn-title {\n        font-size: 25px;\n        line-height: 1.22;\n        margin-bottom: 22px;\n        letter-spacing: -.4px;\n      }\n\n      #ryn-brow-steps .ryn-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 12px;\n      }\n\n      #ryn-brow-steps .ryn-card {\n        border-radius: 12px;\n      }\n\n      #ryn-brow-steps .ryn-image {\n        aspect-ratio: 1 \/ 1;\n      }\n\n      #ryn-brow-steps .ryn-step {\n        top: 9px;\n        left: 9px;\n        width: 27px;\n        height: 27px;\n        font-size: 12px;\n      }\n\n      #ryn-brow-steps .ryn-content {\n        padding: 12px 11px 14px;\n      }\n\n      #ryn-brow-steps .ryn-content h3 {\n        font-size: 13px;\n        line-height: 1.35;\n        margin-bottom: 6px;\n      }\n\n      #ryn-brow-steps .ryn-content p {\n        font-size: 12px;\n        line-height: 1.5;\n      }\n\n      #ryn-brow-steps .ryn-tip {\n        margin-top: 18px;\n        padding: 12px 13px;\n        font-size: 12px;\n        line-height: 1.55;\n        border-radius: 9px;\n      }\n    }\n\n    \/* ===== Small Phones ===== *\/\n    @media screen and (max-width: 360px) {\n      #ryn-brow-steps .ryn-container {\n        padding-left: 11px;\n        padding-right: 11px;\n      }\n\n      #ryn-brow-steps .ryn-grid {\n        gap: 9px;\n      }\n\n      #ryn-brow-steps .ryn-content {\n        padding: 10px 9px 12px;\n      }\n\n      #ryn-brow-steps .ryn-content h3 {\n        font-size: 12px;\n      }\n\n      #ryn-brow-steps .ryn-content p {\n        font-size: 11px;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"ryn-container\"\u003e\n\n    \u003ch2 class=\"ryn-title\"\u003e\n      EASY STEPS TO PERFECT BROWS\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"ryn-grid\"\u003e\n\n      \u003c!-- STEP 1 --\u003e\n      \u003cdiv class=\"ryn-card\"\u003e\n        \u003cdiv class=\"ryn-step\"\u003e1\u003c\/div\u003e\n\n        \u003cdiv class=\"ryn-image\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0653\/9424\/5698\/files\/7b2ab8df-c880-4f78-b2b0-c41bd773d682.png?v=1782134173\" alt=\"Draw hair-like eyebrow strokes\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ryn-content\"\u003e\n          \u003ch3\u003eDRAW HAIR-LIKE STROKES\u003c\/h3\u003e\n          \u003cp\u003e\n            Use the fine tip to draw light, upward strokes.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- STEP 2 --\u003e\n      \u003cdiv class=\"ryn-card\"\u003e\n        \u003cdiv class=\"ryn-step\"\u003e2\u003c\/div\u003e\n\n        \u003cdiv class=\"ryn-image\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0653\/9424\/5698\/files\/7fd26bff-ddf2-4165-b19b-d8ca2ab18ed3.png?v=1782134306\" alt=\"Define and build eyebrow shape\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ryn-content\"\u003e\n          \u003ch3\u003eDEFINE \u0026amp; BUILD\u003c\/h3\u003e\n          \u003cp\u003e\n            Fill in sparse areas and define your desired shape.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- STEP 3 --\u003e\n      \u003cdiv class=\"ryn-card\"\u003e\n        \u003cdiv class=\"ryn-step\"\u003e3\u003c\/div\u003e\n\n        \u003cdiv class=\"ryn-image\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0653\/9424\/5698\/files\/c19a7316-215f-4915-a969-95e09f2ae45f.png?v=1782134703\" alt=\"Blend and soften eyebrow makeup\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ryn-content\"\u003e\n          \u003ch3\u003eBLEND \u0026amp; SOFTEN\u003c\/h3\u003e\n          \u003cp\u003e\n            Use the spoolie brush to blend for a natural look.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- STEP 4 --\u003e\n      \u003cdiv class=\"ryn-card\"\u003e\n        \u003cdiv class=\"ryn-step\"\u003e4\u003c\/div\u003e\n\n        \u003cdiv class=\"ryn-image\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0653\/9424\/5698\/files\/d9d22d9e-369e-4412-b907-8c548290d6dd.png?v=1782134822\" alt=\"Finished natural-looking eyebrows\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ryn-content\"\u003e\n          \u003ch3\u003eNATURAL \u0026amp; POLISHED\u003c\/h3\u003e\n          \u003cp\u003e\n            Finish with beautifully defined, natural-looking brows.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- TIP --\u003e\n    \u003cdiv class=\"ryn-tip\"\u003e\n      💡 TIP: Build in light layers for the most natural result.\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n","brand":"Smivex","offers":[{"title":"BLACK BROWN","offer_id":68048206758138,"sku":"DZ1179-BB","price":29.98,"currency_code":"USD","in_stock":true},{"title":"BLACK","offer_id":68048206790906,"sku":"DZ1179-BK","price":29.98,"currency_code":"USD","in_stock":true},{"title":"BROWN","offer_id":68048206823674,"sku":"DZ1179-BN","price":29.98,"currency_code":"USD","in_stock":true},{"title":"DARK BROWN","offer_id":68048206856442,"sku":"DZ1179-DB","price":29.98,"currency_code":"USD","in_stock":true},{"title":"LIGHT BROWN","offer_id":68048206889210,"sku":"DZ1179-LB","price":29.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/7341\/1322\/files\/1_143bc068-2c6b-41d8-9d31-e15718c7b28f.png?v=1793604819","url":"https:\/\/www.smivex.com\/products\/liquid-brow-pen","provider":"Smivex","version":"1.0","type":"link"}