{"product_id":"bko-balance-ph-control-foam-shampoo","title":"BKO BALANCE: pH Balancing Foam","description":"\u003c!-- ===== BKO BALANCE — Full Product Page Section ===== --\u003e\n\u003c!-- Paste into a Custom Liquid section on the BKO Balance product page (NOT the Description field — --\u003e\n\u003c!-- that field strips \u003cstyle\u003e\/\u003cscript\u003e tags, so this must live in a Custom Liquid block). --\u003e\n\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,400;1,500;1,600\u0026family=Poppins:wght@300;400;500;600;700\u0026display=swap');\n\n  :root{\n    --bal-sage-dark:#454D42;\n    --bal-sage:#666F63;\n    --bal-mint:#C6D6C0;\n    --bal-mint-soft:#DCE6D7;\n    --bal-cream:#FAF8F4;\n    --bal-black:#1A1A1A;\n    --bal-white:#FFFFFF;\n  }\n  .bko-bal-page, .bko-bal-page *{box-sizing:border-box;}\n  .bko-bal-page{\n    font-family:'Poppins',sans-serif; color:var(--bal-black);\n    -webkit-font-smoothing:antialiased;\n  }\n  .bko-bal-page .serif{font-family:'Cormorant Garamond',serif;}\n\n  \/* ============ shared card shell ============ *\/\n  .bko-bal-card{\n    background:var(--bal-white);\n    border:1.5px solid var(--bal-mint);\n    border-radius:22px;\n    padding:44px 16px;\n    margin:28px 16px;\n  }\n  @media(min-width:760px){\n    .bko-bal-card{margin:32px auto; max-width:1000px; padding:56px 48px;}\n  }\n\n  .bko-bal-eyebrow{\n    font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase;\n    color:var(--bal-sage); text-align:center; margin-bottom:10px;\n  }\n  .bko-bal-eyebrow::before{content:'✦ ';}\n  .bko-bal-title{\n    font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600;\n    font-size:clamp(24px,4vw,34px); text-align:center; color:var(--bal-sage-dark);\n    max-width:680px; margin:0 auto 18px; line-height:1.2;\n  }\n  .bko-bal-lede{\n    font-size:14px; line-height:1.8; color:var(--bal-black); text-align:center;\n    max-width:620px; margin:0 auto 36px;\n  }\n\n  \/* ============ PART 1: feature grid ============ *\/\n  .bko-bal-grid{\n    display:grid; grid-template-columns:repeat(4,1fr); gap:14px;\n  }\n  @media(min-width:761px){.bko-bal-grid{gap:24px;}}\n  @media(max-width:760px){.bko-bal-grid{grid-template-columns:repeat(2,1fr);}}\n  .bko-bal-feature{\n    background:var(--bal-mint-soft); border-radius:14px; padding:18px 16px; text-align:center;\n  }\n  @media(min-width:761px){.bko-bal-feature{padding:24px 20px;}}\n  .bko-bal-feature .icon{font-size:18px; color:var(--bal-sage-dark); margin-bottom:8px; display:block;}\n  .bko-bal-feature .label{\n    font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600;\n    font-size:14.5px; color:var(--bal-sage-dark); margin-bottom:4px;\n  }\n  .bko-bal-feature .desc{font-size:11px; color:var(--bal-sage); line-height:1.5;}\n\n  .bko-bal-ingredients{\n    margin-top:24px; background:var(--bal-mint-soft); border-radius:14px; padding:18px 20px; text-align:center;\n  }\n  .bko-bal-ingredients-label{\n    font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600; font-size:15px;\n    color:var(--bal-sage-dark); margin-bottom:8px;\n  }\n  .bko-bal-ingredients-list{font-size:12px; color:var(--bal-black); line-height:1.6; margin-bottom:8px;}\n  .bko-bal-ingredients-note{font-size:11px; color:var(--bal-sage); line-height:1.5; max-width:480px; margin:0 auto;}\n\n  \/* ============ PART 2: how to use ============ *\/\n  .bko-bal-steps{list-style:none; max-width:640px; margin:0 auto;}\n  .bko-bal-step{\n    display:grid; grid-template-columns:40px 1fr; gap:16px; margin-bottom:26px; position:relative;\n  }\n  .bko-bal-step .num{\n    width:40px; height:40px; border-radius:50%; background:var(--bal-sage-dark); color:var(--bal-cream);\n    display:flex; align-items:center; justify-content:center; font-family:'Cormorant Garamond',serif;\n    font-style:italic; font-size:17px; flex-shrink:0;\n  }\n  .bko-bal-step .moment{\n    font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--bal-sage); margin-bottom:3px;\n  }\n  .bko-bal-step h4{font-family:'Cormorant Garamond',serif; font-style:italic; font-size:18px; color:var(--bal-sage-dark); margin-bottom:6px;}\n  .bko-bal-step p{font-size:12.5px; color:var(--bal-black); line-height:1.65;}\n  .bko-bal-step ol{margin:6px 0 0 16px; padding:0; font-size:12.5px; color:var(--bal-black); line-height:1.7;}\n\n  \/* ============ PART 3: video demo ============ *\/\n  .bko-bal-video-row{\n    display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:32px;\n  }\n  .bko-bal-video-toggle{\n    display:flex; align-items:center; justify-content:center; gap:6px;\n    flex:1 1 240px; max-width:280px; padding:12px 18px; border:none; border-radius:999px;\n    background:var(--bal-sage-dark); color:var(--bal-cream); font-family:'Poppins',sans-serif;\n    font-size:12.5px; font-weight:600; cursor:pointer; transition:background .15s ease;\n  }\n  .bko-bal-video-toggle:hover{background:var(--bal-sage);}\n  .bko-bal-video-slot{\n    display:none; max-width:340px; margin:16px auto 0; border-radius:16px; overflow:hidden;\n    border:1px solid var(--bal-mint); background:var(--bal-mint-soft);\n  }\n  .bko-bal-video-slot.open{display:block;}\n  .bko-bal-video-slot video{width:100%; display:block; aspect-ratio:1\/1; background:#000;}\n  .bko-bal-video-placeholder{\n    aspect-ratio:1\/1; display:flex; flex-direction:column; align-items:center; justify-content:center;\n    gap:8px; color:var(--bal-sage-dark); text-align:center; padding:20px;\n  }\n  .bko-bal-video-placeholder span{font-size:22px;}\n  .bko-bal-video-placeholder p{font-family:'Cormorant Garamond',serif; font-style:italic; font-size:15px; margin:0;}\n  .bko-bal-video-placeholder small{font-size:10.5px; color:var(--bal-sage); text-transform:lowercase;}\n\u003c\/style\u003e\n\n\u003cdiv class=\"bko-bal-page\"\u003e\n\n  \u003c!-- ============ PART 1: WHAT IS BKO BALANCE ============ --\u003e\n  \u003cdiv class=\"bko-bal-card\"\u003e\n    \u003cdiv class=\"bko-bal-eyebrow\"\u003emeet bko balance\u003c\/div\u003e\n    \u003ch2 class=\"bko-bal-title\"\u003ethe finishing step every korean lash lift needs\u003c\/h2\u003e\n    \u003cp class=\"bko-bal-lede\"\u003ea korean lash lift is a chemical process, and BKO BALANCE is what brings it back to neutral. use it after step 1 to stop the perm process exactly where you want it, or after step 2 to restore pH balance and lock the curl in place. same bottle, two jobs — and gentle enough to double as a daily lash \u0026amp; brow wash between lifts.\u003c\/p\u003e\n\n    \u003cdiv class=\"bko-bal-grid\"\u003e\n      \u003cdiv class=\"bko-bal-feature\"\u003e\n        \u003cspan class=\"icon\"\u003e✦\u003c\/span\u003e\n        \u003cdiv class=\"label\"\u003estops over-processing\u003c\/div\u003e\n        \u003cdiv class=\"desc\"\u003ehalts step 1 exactly when you want\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bko-bal-feature\"\u003e\n        \u003cspan class=\"icon\"\u003e✧\u003c\/span\u003e\n        \u003cdiv class=\"label\"\u003erestores balance\u003c\/div\u003e\n        \u003cdiv class=\"desc\"\u003eneutralizes \u0026amp; locks in the curl\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bko-bal-feature\"\u003e\n        \u003cspan class=\"icon\"\u003e₊⊹\u003c\/span\u003e\n        \u003cdiv class=\"label\"\u003edoubles as daily wash\u003c\/div\u003e\n        \u003cdiv class=\"desc\"\u003egentle foam for lashes \u0026amp; brows\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bko-bal-feature\"\u003e\n        \u003cspan class=\"icon\"\u003e✦\u003c\/span\u003e\n        \u003cdiv class=\"label\"\u003e100 mL · made in korea\u003c\/div\u003e\n        \u003cdiv class=\"desc\"\u003esame lineup as your solutions\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bko-bal-ingredients\"\u003e\n      \u003cdiv class=\"bko-bal-ingredients-label\"\u003e🌿 what's inside\u003c\/div\u003e\n      \u003cdiv class=\"bko-bal-ingredients-list\"\u003ehydrolyzed wheat protein · hydrolyzed soy protein · d-panthenol · biotin · aloe vera extract · vitamin e acetate\u003c\/div\u003e\n      \u003cp class=\"bko-bal-ingredients-note\"\u003enourishing actives that keep lashes healthy between services — because healthy lashes hold a better curl, longer.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============ PART 2: HOW TO USE ============ --\u003e\n  \u003cdiv class=\"bko-bal-card\"\u003e\n    \u003cdiv class=\"bko-bal-eyebrow\"\u003ehow to use\u003c\/div\u003e\n    \u003ch2 class=\"bko-bal-title\"\u003etwo moments, one bottle\u003c\/h2\u003e\n\n    \u003cul class=\"bko-bal-steps\"\u003e\n      \u003cli class=\"bko-bal-step\"\u003e\n        \u003cdiv class=\"num\"\u003e1\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"moment\"\u003eafter step 1 · recommended for recently permed lashes\u003c\/div\u003e\n          \u003ch4\u003estop the perm process\u003c\/h4\u003e\n          \u003col\u003e\n            \u003cli\u003eremove step 1 from tips\u003c\/li\u003e\n            \u003cli\u003eswipe BKO BALANCE pH foam on the tips of the lashes\u003c\/li\u003e\n            \u003cli\u003ewipe off the lashes with a lip applicator\u003c\/li\u003e\n          \u003c\/ol\u003e\n        \u003c\/div\u003e\n      \u003c\/li\u003e\n      \u003cli class=\"bko-bal-step\"\u003e\n        \u003cdiv class=\"num\"\u003e2\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"moment\"\u003eafter step 2 · recommended for all types of lashes\u003c\/div\u003e\n          \u003ch4\u003efinish \u0026amp; balance\u003c\/h4\u003e\n          \u003col\u003e\n            \u003cli\u003eafter removing step 2 and tint (if tint was applied)\u003c\/li\u003e\n            \u003cli\u003eapply BKO BALANCE pH foam all over the lashes and emulsify for 1–2 min\u003c\/li\u003e\n            \u003cli\u003ewipe off with a wet cotton pad\u003c\/li\u003e\n            \u003cli\u003edry \u0026amp; style lashes\u003c\/li\u003e\n          \u003c\/ol\u003e\n        \u003c\/div\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n\n    \u003cdiv class=\"bko-bal-video-row\"\u003e\n      \u003cbutton class=\"bko-bal-video-toggle\" onclick=\"document.getElementById('bko-bal-video-1').classList.toggle('open')\"\u003e▶ used during step 1 — watch here\u003c\/button\u003e\n      \u003cbutton class=\"bko-bal-video-toggle\" onclick=\"document.getElementById('bko-bal-video-2').classList.toggle('open')\"\u003e▶ used after step 2 — watch here\u003c\/button\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bko-bal-video-slot\" id=\"bko-bal-video-1\"\u003e\n      \u003cvideo controls playsinline\u003e\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/330d3ff06a414589a32eda9c4b25a675.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bko-bal-video-slot\" id=\"bko-bal-video-2\"\u003e\n      \u003cvideo controls playsinline\u003e\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/b6b29d05a6a5412789501511ac4e3e2d.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"bkolashclub","offers":[{"title":"Default Title","offer_id":53144304550204,"sku":"phbalance","price":56.0,"currency_code":"SGD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0669\/8323\/1804\/files\/pHfoam-bkobalanceproductshot.png?v=1785272797","url":"https:\/\/bkolashclub.com\/en-sg\/products\/bko-balance-ph-control-foam-shampoo","provider":"bkolashclub","version":"1.0","type":"link"}