{"product_id":"test-qpay-파일럿-tecateca-삭제예정","title":"[TEST] QPay 파일럿 - Tecateca (삭제예정)","description":"\u003c!-- QPAY-PILOT-WIDGET-START --\u003e\n\u003cstyle\u003e\n#qpp-cta{--ink:#072835;--mut:#8A959A;--line:#ECEAE4;--soft:#FAF8F4;max-width:820px;margin:20px auto;padding:0 4px;font-family:Montserrat,Figtree,sans-serif}\n#qpp-btn{width:100%;height:56px;border:1px solid #072835;background:#072835;color:#fff;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;border-radius:12px;transition:.25s ease}\n#qpp-btn:hover{background:#0d4b63;border-color:#0d4b63}\n#qpp-cta .qpp-tag{text-align:center;color:#8A959A;font-size:11px;letter-spacing:1px;margin-top:10px}\n\/* hide the theme's mobile sticky buy bar (ЗАХИАЛАХ \/ САЛБАР ХАЙХ) on this pilot page — it overlapped the modal *\/\nmobile-sticky-bar,.mobile-sticky-bar{display:none!important}\n#qpp-ov{--ink:#072835;--mut:#8A959A;--line:#ECEAE4;--soft:#FAF8F4;position:fixed;inset:0;background:rgba(7,40,53,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:none;align-items:flex-end;justify-content:center;z-index:2147483000;font-family:Montserrat,Figtree,sans-serif}\n#qpp-ov.on{display:flex}\n#qpp-sheet{background:#fff;width:100%;max-width:470px;max-height:94vh;overflow:auto;border-radius:24px 24px 0 0;box-shadow:0 -16px 55px rgba(7,40,53,.2);animation:qppUp .34s cubic-bezier(.2,.8,.2,1)}\n@keyframes qppUp{from{transform:translateY(34px);opacity:.5}to{transform:translateY(0);opacity:1}}\n@media(min-width:620px){#qpp-ov{align-items:center}#qpp-sheet{border-radius:22px}}\n#qpp-head{position:relative;padding:24px 26px 0;text-align:center}\n#qpp-head .brand{font-family:Montserrat,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:4.5px;color:#072835;text-transform:uppercase}\n#qpp-head .kick{color:#B3AFA6;font-size:9px;letter-spacing:2.6px;text-transform:uppercase;margin-top:7px}\n#qpp-head .rule{height:1px;background:#ECEAE4;margin:18px 0 0}\n.qpp-x{position:absolute;top:18px;right:20px;font-size:23px;color:#C4BEB4;text-decoration:none;line-height:1}\n#qpp-steps{display:flex;gap:5px;padding:0 26px;margin:20px 0 22px}\n#qpp-steps span{flex:1;height:2px;background:#ECEAE4;border-radius:2px}\n#qpp-steps span.act{background:#072835}\n#qpp-body{padding:0 26px 32px}\n.qpp-title{font-family:'Playfair Display',Fraunces,serif;font-weight:600;font-size:25px;color:#072835;margin:2px 0 4px;line-height:1.15}\n.qpp-sub{color:#8A959A;font-size:12px;margin:0 0 20px;letter-spacing:.2px}\n.qpp-f{margin-bottom:14px}\n.qpp-f label{display:block;font-size:10px;font-weight:700;letter-spacing:1.4px;color:#9AA3A7;margin:0 0 7px;text-transform:uppercase}\n.qpp-f input,.qpp-f select{width:100%;box-sizing:border-box;height:51px;padding:0 15px;border:1.5px solid #E9E6E0;border-radius:11px;font-family:Montserrat,sans-serif;font-size:15px;color:#072835;background:#fff;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}\n.qpp-f select{background-image:url(\"data:image\/svg+xml;utf8,\u003csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'\u003e\u003cpath d='M1 1l5 5 5-5' stroke='%23072835' stroke-width='1.6' fill='none' stroke-linecap='round'\/\u003e\u003c\/svg\u003e\");background-repeat:no-repeat;background-position:right 16px center;padding-right:38px}\n.qpp-f input:focus,.qpp-f select:focus{outline:0;border-color:#072835;box-shadow:0 0 0 3px rgba(7,40,53,.07)}\n.qpp-f input::placeholder{color:#BBC2C5}\n.qpp-row{display:flex;gap:11px}.qpp-row .qpp-f{flex:1}\n#qpp-pay{width:100%;height:54px;border:0;background:#072835;color:#fff;font-family:Montserrat,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;border-radius:12px;margin-top:12px;cursor:pointer;transition:.25s;box-shadow:0 10px 26px rgba(7,40,53,.16)}\n#qpp-pay:hover{background:#0d4b63}\n#qpp-pay:disabled{opacity:.5;box-shadow:none}\n.qpp-err{color:#C4301C;font-size:12px;margin-top:12px;text-align:center;display:none;letter-spacing:.2px}\n.qpp-hide{display:none!important}\n#qpp-amt{font-family:'Playfair Display',Fraunces,serif;font-weight:600;font-size:40px;text-align:center;color:#072835;margin:8px 0 2px}\n.qpp-c{text-align:center;color:#9AA3A7;font-size:11.5px;letter-spacing:.3px}\n#qpp-qrwrap{width:238px;margin:18px auto 6px;padding:16px;background:#fff;border:1.5px solid #ECEAE4;border-radius:16px;box-shadow:0 12px 34px rgba(7,40,53,.07)}\n#qpp-qrimg{width:204px;height:204px;display:block;border-radius:6px}\n#qpp-banks{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}\n#qpp-banks a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 4px;border:1px solid #ECEAE4;border-radius:11px;text-decoration:none;color:#072835;background:#FAF8F4;font-size:9px;font-weight:600;letter-spacing:.2px;text-align:center;line-height:1.15}\n#qpp-banks a img{width:26px;height:26px;border-radius:6px;object-fit:contain}\n#qpp-poll{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:8px;color:#9AA3A7;font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase}\n.qpp-dot{width:6px;height:6px;border-radius:50%;background:#072835;animation:qppPulse 1s infinite}\n@keyframes qppPulse{0%,100%{opacity:.25}50%{opacity:1}}\n#qpp-done{text-align:center;padding:24px 0 8px}\n.qpp-check{width:64px;height:64px;border-radius:50%;background:#F2F5F3;border:1.5px solid #DDE7E1;color:#1e824c;font-size:32px;line-height:62px;margin:0 auto 16px}\n.qpp-done-t{font-family:'Playfair Display',Fraunces,serif;font-weight:600;font-size:23px;color:#072835}\n\u003c\/style\u003e\n\n\u003cdiv id=\"qpp-cta\"\u003e\n  \u003cbutton id=\"qpp-btn\"\u003eQPay-ээр төлөх · QPay 결제\u003c\/button\u003e\n  \u003cdiv class=\"qpp-tag\"\u003eБанкны апп QR · 은행앱 QR 결제\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv id=\"qpp-ov\"\u003e\n  \u003cdiv id=\"qpp-sheet\"\u003e\n    \u003cdiv id=\"qpp-head\"\u003e\n      \u003ca href=\"#\" class=\"qpp-x\" id=\"qpp-close\"\u003e×\u003c\/a\u003e\n      \u003cdiv class=\"brand\"\u003eWELLNESSANAR\u003c\/div\u003e\n      \u003cdiv class=\"kick\"\u003eQPay Checkout\u003c\/div\u003e\n      \u003cdiv class=\"rule\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv id=\"qpp-steps\"\u003e\n\u003cspan class=\"act\" id=\"qpp-s1\"\u003e\u003c\/span\u003e\u003cspan id=\"qpp-s2\"\u003e\u003c\/span\u003e\u003cspan id=\"qpp-s3\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv id=\"qpp-body\"\u003e\n\n      \u003cdiv id=\"qpp-step-form\"\u003e\n        \u003cdiv class=\"qpp-title\"\u003eХүргэлтийн мэдээлэл\u003c\/div\u003e\n        \u003cdiv class=\"qpp-sub\"\u003e배송 정보를 입력해 주세요\u003c\/div\u003e\n        \u003cdiv class=\"qpp-row\"\u003e\n          \u003cdiv class=\"qpp-f\"\u003e\n\u003clabel\u003eНэр · 이름\u003c\/label\u003e\u003cinput id=\"qpp-name\" placeholder=\"Таны нэр\"\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"qpp-f\"\u003e\n\u003clabel\u003eУтас · 전화\u003c\/label\u003e\u003cinput id=\"qpp-phone\" inputmode=\"numeric\" maxlength=\"8\" placeholder=\"99xxxxxx\"\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"qpp-f\"\u003e\n\u003clabel\u003eХот \/ Аймаг · 시\/도\u003c\/label\u003e\u003cselect id=\"qpp-city\"\u003e\u003c\/select\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"qpp-row\"\u003e\n          \u003cdiv class=\"qpp-f\" style=\"flex:1.4\"\u003e\n\u003clabel\u003eДүүрэг \/ Сум · 구\/군\u003c\/label\u003e\u003cselect id=\"qpp-dist-sel\"\u003e\u003c\/select\u003e\u003cinput id=\"qpp-dist-txt\" class=\"qpp-hide\" placeholder=\"Сум \/ дүүрэг\"\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"qpp-f\" id=\"qpp-khoroo-f\"\u003e\n\u003clabel\u003eХороо · 동\u003c\/label\u003e\u003cinput id=\"qpp-khoroo\" inputmode=\"numeric\" maxlength=\"3\" placeholder=\"№\"\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"qpp-f\"\u003e\n\u003clabel\u003eДэлгэрэнгүй хаяг · 상세주소\u003c\/label\u003e\u003cinput id=\"qpp-addr\" placeholder=\"Байр, орц, давхар, тоот\"\u003e\n\u003c\/div\u003e\n        \u003cbutton id=\"qpp-pay\"\u003eQPay QR үүсгэх · 결제 진행\u003c\/button\u003e\n        \u003cdiv class=\"qpp-err\" id=\"qpp-err\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv id=\"qpp-step-qr\" class=\"qpp-hide\"\u003e\n        \u003cdiv class=\"qpp-title\" style=\"text-align:center\"\u003eТөлбөр\u003c\/div\u003e\n        \u003cdiv id=\"qpp-amt\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"qpp-c\"\u003eQR-г банкны аппаар уншуулна уу · 은행앱으로 스캔\u003c\/div\u003e\n        \u003cdiv id=\"qpp-qrwrap\"\u003e\u003cimg id=\"qpp-qrimg\" alt=\"QPay QR\"\u003e\u003c\/div\u003e\n        \u003cdiv id=\"qpp-banks\"\u003e\u003c\/div\u003e\n        \u003cdiv id=\"qpp-poll\"\u003e\n\u003cspan class=\"qpp-dot\"\u003e\u003c\/span\u003e Хүлээж байна · 결제 대기중\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv id=\"qpp-step-done\" class=\"qpp-hide\"\u003e\n        \u003cdiv id=\"qpp-done\"\u003e\n          \u003cdiv class=\"qpp-check\"\u003e✓\u003c\/div\u003e\n          \u003cdiv class=\"qpp-done-t\"\u003eТөлбөр амжилттай\u003c\/div\u003e\n          \u003cdiv class=\"qpp-c\" style=\"margin-top:6px\"\u003e결제가 완료되었습니다\u003c\/div\u003e\n          \u003cdiv class=\"qpp-c\" id=\"qpp-ord\" style=\"margin-top:14px;font-weight:700;color:#072835;letter-spacing:.5px\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function(){\n  if(window.__qppInit)return; window.__qppInit=true;\n  var API='https:\/\/wellnessanar-product-scanner-staging.wheeys.workers.dev\/api\/qpay';\n  var VARIANT=46095360786502;\n  var AIMAGS=[\"Улаанбаатар\",\"Архангай\",\"Баян-Өлгий\",\"Баянхонгор\",\"Булган\",\"Говь-Алтай\",\"Говьсүмбэр\",\"Дархан-Уул\",\"Дорноговь\",\"Дорнод\",\"Дундговь\",\"Завхан\",\"Орхон\",\"Өвөрхангай\",\"Өмнөговь\",\"Сүхбаатар аймаг\",\"Сэлэнгэ\",\"Төв\",\"Увс\",\"Ховд\",\"Хөвсгөл\",\"Хэнтий\"];\n  var UB_DIST=[\"Багануур\",\"Багахангай\",\"Баянгол\",\"Баянзүрх\",\"Налайх\",\"Сонгинохайрхан\",\"Сүхбаатар\",\"Хан-Уул\",\"Чингэлтэй\"];\n  var invoiceId=null, timer=null;\n  function $(id){return document.getElementById(id)}\n  function opt(sel,arr,ph){sel.innerHTML='';if(ph){var o=document.createElement('option');o.value='';o.textContent=ph;o.disabled=true;o.selected=true;sel.appendChild(o);}arr.forEach(function(v){var o=document.createElement('option');o.value=v;o.textContent=v;sel.appendChild(o);});}\n  function step(n){$('qpp-s1').classList.toggle('act',n\u003e=1);$('qpp-s2').classList.toggle('act',n\u003e=2);$('qpp-s3').classList.toggle('act',n\u003e=3);['form','qr','done'].forEach(function(s,i){$('qpp-step-'+s).classList.toggle('qpp-hide',(i+1)!==n)});}\n  function boot(){\n    if(!$('qpp-btn')||$('qpp-btn').__b)return; $('qpp-btn').__b=1;\n    try{document.body.appendChild($('qpp-ov'));}catch(e){} \/\/ escape description stacking context -\u003e overlay on top of everything\n    opt($('qpp-city'),AIMAGS); $('qpp-city').value='Улаанбаатар';\n    function syncCity(){var ub=$('qpp-city').value==='Улаанбаатар';\n      $('qpp-dist-sel').classList.toggle('qpp-hide',!ub);$('qpp-dist-txt').classList.toggle('qpp-hide',ub);$('qpp-khoroo-f').classList.toggle('qpp-hide',!ub);\n      if(ub)opt($('qpp-dist-sel'),UB_DIST,'Сонгох');}\n    $('qpp-city').onchange=syncCity; syncCity();\n    $('qpp-btn').onclick=function(){$('qpp-ov').classList.add('on');step(1);};\n    $('qpp-close').onclick=function(e){e.preventDefault();$('qpp-ov').classList.remove('on');if(timer)clearInterval(timer);};\n    $('qpp-ov').onclick=function(e){if(e.target===$('qpp-ov')){$('qpp-ov').classList.remove('on');if(timer)clearInterval(timer);}};\n    $('qpp-phone').oninput=function(){this.value=this.value.replace(\/\\D\/g,'').slice(0,8);};\n    $('qpp-khoroo').oninput=function(){this.value=this.value.replace(\/\\D\/g,'').slice(0,3);};\n    $('qpp-pay').onclick=doPay;\n  }\n  function err(m){var e=$('qpp-err');e.textContent=m;e.style.display='block';}\n  async function doPay(){\n    $('qpp-err').style.display='none';\n    var name=$('qpp-name').value.trim(), phone=$('qpp-phone').value.trim(), city=$('qpp-city').value, ub=city==='Улаанбаатар';\n    var dist=ub?$('qpp-dist-sel').value:$('qpp-dist-txt').value.trim(), khoroo=$('qpp-khoroo').value.trim(), detail=$('qpp-addr').value.trim();\n    if(!name)return err('Нэрээ оруулна уу · 이름을 입력하세요');\n    if(!\/^\\d{8}$\/.test(phone))return err('Утасны дугаар 8 оронтой байх ёстой · 전화번호 8자리');\n    if(!dist)return err('Дүүрэг\/сум сонгоно уу · 구\/군을 선택하세요');\n    if(ub\u0026\u0026!khoroo)return err('Хороогоо оруулна уу · 동(호로)을 입력하세요');\n    if(!detail)return err('Дэлгэрэнгүй хаягаа оруулна уу · 상세주소를 입력하세요');\n    var addr1=ub?(dist+' дүүрэг, '+khoroo+'-р хороо, '+detail):(dist+', '+detail);\n    var btn=$('qpp-pay');btn.disabled=true;var old=btn.textContent;btn.textContent='...';\n    try{\n      var body={variant_id:VARIANT,qty:1,customer:{name:name,phone:phone},shipping:{address1:addr1,city:city,province:dist}};\n      var r=await fetch(API+'\/create',{method:'POST',headers:{'Content-Type':'application\/json'},body:JSON.stringify(body)});\n      var j=await r.json();\n      if(!r.ok||!j.invoice_id)throw new Error(j.error||'алдаа гарлаа');\n      invoiceId=j.invoice_id;\n      $('qpp-amt').textContent='₮'+Number(j.amount).toLocaleString();\n      if(j.qr_image){var s=j.qr_image.indexOf('data:')===0?j.qr_image:('data:image\/png;base64,'+j.qr_image);$('qpp-qrimg').src=s;}\n      var bk=$('qpp-banks');bk.innerHTML='';\n      (j.urls||[]).slice(0,12).forEach(function(u){var a=document.createElement('a');a.href=u.link;if(u.logo){var im=document.createElement('img');im.src=u.logo;im.alt='';a.appendChild(im);}var sp=document.createElement('span');sp.textContent=(u.name||u.description||'').replace(\/ bank| банк\/i,'');a.appendChild(sp);bk.appendChild(a);});\n      step(2);timer=setInterval(poll,3000);poll();\n    }catch(e){err(String(e.message||e));}\n    btn.disabled=false;btn.textContent=old;\n  }\n  async function poll(){\n    if(!invoiceId)return;\n    try{var r=await fetch(API+'\/status?invoice='+encodeURIComponent(invoiceId));var j=await r.json();\n      if(j.status==='paid'){clearInterval(timer);step(3);if(j.order_name)$('qpp-ord').textContent='Захиалга · 주문번호 '+j.order_name;}\n    }catch(e){}\n  }\n  if(document.readyState!=='loading')boot();else document.addEventListener('DOMContentLoaded',boot);\n})();\n\u003c\/script\u003e\n\u003c!-- QPAY-PILOT-WIDGET-END --\u003e\n\n\u003cp class=\"MsoNormal\" style=\"margin: 2.0pt 0cm 4.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"color: black;\"\u003eМикро капсулын шинэлэг технологитой 50мл эмчилгээний крем. TECA болон бусад идэвхт бодисуудыг сая сая микро капсулд хадгалж, бүтээгдэхүүний тогтвортой байдлыг нэмэгдүүлэхийн зэрэгцээ хэрэглэх бүрт шинэхэн идэвхт бодисуудыг арьсанд хүргэдэг.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\" style=\"margin: 2.0pt 0cm 4.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"color: black;\"\u003eИхэнх кремийн бүтээгдэхүүний идэвхт бодисууд нь үйлдвэрлэсэн цагаасаа эхлэн исэлдэж доройтдог. Ялангуяа TECA зэрэг мэдрэмтгий ургамлын бүрэлдэхүүн нь агаар, гэрэл, дулаанд өртөхөд үйлчилгээний хүч буурдаг. Харин капсулын технологи ашигласнаар идэвхт бодисууд нь микро капсулын дотор хамгаалагдаж, удаан хадгалсан ч төгс шинэхэн байдлаа хадгалдаг.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\" style=\"margin: 2.0pt 0cm 4.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"color: black;\"\u003eКрем арьсны гадаргуу дээр түрхэгдэх үед микро капсулууд арьсны дулаан болон даралтаар задарч, шинэхэн TECA болон гүрвэлийн ургамлын хандмал шууд арьсанд нэвтэрдэг. Энэ нь шинэхэн гүрвэлийн ургамлыг арьсандаа шууд дарж түрхсэнтэй адил мэдрэмж өгдөг.\u003c\/span\u003e\u003c\/p\u003e\n\n\n\u003cstyle data-wn-pills=\"universal\"\u003e\nbody.wn-pills-active {\n  --wn-pills-bottom: calc(18px + env(safe-area-inset-bottom, 0px));\n  --wn-pills-padding-bottom: 92px;\n  padding-bottom: calc(var(--wn-pills-padding-bottom, 92px) + env(safe-area-inset-bottom, 0px)) !important;\n}\n@media (min-width:768px) {\n  body.wn-pills-active { --wn-pills-padding-bottom: 100px; }\n}\n\n.wn-pills {\n  position: fixed;\n  left: 0; right: 0;\n  bottom: var(--wn-pills-bottom);\n  z-index: 998;\n  display: none;\n  pointer-events: none;\n  font-family: inherit;\n  padding: 0 16px;\n  transform: translate3d(0, var(--wn-pills-lag-y, 0px), 0);\n  transition: transform 820ms cubic-bezier(.22, 1, .36, 1), bottom 200ms ease-out;\n  will-change: transform, bottom;\n}\nbody.wn-pills-active .wn-pills { display: block; }\n\n.wn-pills__inner {\n  max-width: 720px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 10px;\n}\n\n.wn-pills__btn {\n  pointer-events: auto;\n  width: 100%;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  padding: 14px 22px;\n  border-radius: 999px;\n  font-size: 14.5px;\n  font-weight: 540;\n  letter-spacing: 0.005em;\n  text-decoration: none;\n  line-height: 1.25;\n  white-space: nowrap;\n  background: #FAF6EE;\n  color: #1A1410 !important;\n  border: 1px solid rgba(26, 20, 16, .15);\n  box-shadow:\n    0 1px 0 rgba(255, 255, 255, .8) inset,\n    0 4px 12px -4px rgba(0, 0, 0, .07),\n    0 1px 3px -1px rgba(0, 0, 0, .05);\n  transform: translateY(22px);\n  opacity: 0;\n  transition:\n    transform 360ms cubic-bezier(.2,.8,.2,1),\n    opacity 280ms ease-out,\n    background .25s ease,\n    color .25s ease,\n    box-shadow .3s ease,\n    border-color .25s ease;\n  -webkit-tap-highlight-color: rgba(26, 20, 16, .12);\n  position: relative;\n  isolation: isolate;\n  will-change: transform, opacity;\n}\n.wn-pills__btn svg { flex-shrink: 0; opacity: .65; }\n.wn-pills__btn:hover {\n  background: #FFFDFA;\n  border-color: rgba(26, 20, 16, .28);\n  color: #14100C !important;\n  box-shadow:\n    0 1px 0 rgba(255, 255, 255, .9) inset,\n    0 6px 16px -4px rgba(0, 0, 0, .1),\n    0 2px 4px -1px rgba(0, 0, 0, .06);\n}\n.wn-pills__btn:hover svg { opacity: .85; }\n.wn-pills__btn:active { transform: translateY(0) scale(.985); }\n\nbody.wn-pills-active.wn-pills-ready .wn-pills__btn { transform: translateY(0); opacity: 1; }\nbody.wn-pills-active.wn-pills-ready .wn-pills__btn:nth-child(2) { transition-delay: 80ms; }\n\nbody.wn-pills-active.wn-pills-near-footer .wn-pills__btn {\n  transform: translateY(28px);\n  opacity: 0;\n  pointer-events: none;\n  transition-delay: 0ms;\n}\n\n.wn-pills__btn--primary::after {\n  content: '';\n  position: absolute;\n  inset: -3px;\n  border-radius: 999px;\n  background: rgba(200, 150, 62, .35);\n  filter: blur(12px);\n  opacity: 0;\n  z-index: -1;\n  pointer-events: none;\n}\nbody.wn-pills-active.wn-pills-ready .wn-pills__btn--primary {\n  animation: wn-pills-pulse 3.4s ease-in-out 2s infinite;\n}\nbody.wn-pills-active.wn-pills-ready .wn-pills__btn--primary::after {\n  animation: wn-pills-glow 3.4s ease-in-out 2s infinite;\n}\n.wn-pills__btn--primary:hover,\n.wn-pills__btn--primary:active,\n.wn-pills__btn--primary:focus-visible,\n.wn-pills__btn--primary:hover::after,\n.wn-pills__btn--primary:active::after,\n.wn-pills__btn--primary:focus-visible::after {\n  animation: none !important;\n}\n@keyframes wn-pills-pulse {\n  0%, 100% { transform: translateY(0) scale(1); }\n  50%      { transform: translateY(0) scale(1.018); }\n}\n@keyframes wn-pills-glow {\n  0%, 100% { opacity: 0; }\n  50%      { opacity: 0.5; }\n}\n\n@media (min-width: 480px) {\n  .wn-pills__btn { font-size: 15px; padding: 14px 28px; gap: 10px; }\n}\n@media (max-width: 360px) {\n  .wn-pills__btn { font-size: 13.5px; padding: 12px 16px; gap: 7px; }\n  .wn-pills__inner { gap: 8px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .wn-pills, .wn-pills__btn,\n  .wn-pills__btn--primary, .wn-pills__btn--primary::after {\n    animation: none !important;\n    transition: opacity 200ms ease-out !important;\n  }\n}\n@media print { .wn-pills { display: none !important; } }\n\u003c\/style\u003e\n\n\u003cscript data-wn-pills=\"universal\"\u003e\n(function() {\n  if (typeof window === 'undefined') return;\n  var path = window.location.pathname || '';\n  \/\/ Gate to product pages only (any \/products\/...)\n  if (path.indexOf('\/products\/') !== 0) return;\n  \/\/ Skip if already initialized (defensive — avoids duplicates if snippet loaded twice)\n  if (document.body.classList.contains('wn-pills-active')) return;\n\n  var BAR =\n    '\u003cdiv class=\"wn-pills\" role=\"region\" aria-label=\"Худалдан авах\"\u003e' +\n      '\u003cdiv class=\"wn-pills__inner\"\u003e' +\n        '\u003ca class=\"wn-pills__btn wn-pills__btn--primary\" href=\"https:\/\/shippo.mn\/80054434\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Захиалах\"\u003e' +\n          '\u003csvg width=\"16\" height=\"16\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"\u003e' +\n            '\u003cpath d=\"M3.5 6.5h13l-1.1 8.7a1.5 1.5 0 0 1-1.5 1.3H6.1a1.5 1.5 0 0 1-1.5-1.3L3.5 6.5Z\"\/\u003e' +\n            '\u003cpath d=\"M7 6.5V5a3 3 0 1 1 6 0v1.5\"\/\u003e' +\n          '\u003c\/svg\u003e' +\n          '\u003cspan\u003eЗахиалах\u003c\/span\u003e' +\n        '\u003c\/a\u003e' +\n        '\u003ca class=\"wn-pills__btn wn-pills__btn--secondary\" href=\"\/pages\/store-locator-1\" aria-label=\"Салбар хайх\"\u003e' +\n          '\u003csvg width=\"16\" height=\"16\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"\u003e' +\n            '\u003cpath d=\"M10 17.5s6.5-5.2 6.5-10.2a6.5 6.5 0 1 0-13 0c0 5 6.5 10.2 6.5 10.2Z\"\/\u003e' +\n            '\u003ccircle cx=\"10\" cy=\"7.3\" r=\"2.3\"\/\u003e' +\n          '\u003c\/svg\u003e' +\n          '\u003cspan\u003eСалбар хайх\u003c\/span\u003e' +\n        '\u003c\/a\u003e' +\n      '\u003c\/div\u003e' +\n    '\u003c\/div\u003e';\n\n  var GAP = 18;\n  var DESKTOP_FALLBACK = 'calc(18px + env(safe-area-inset-bottom, 0px))';\n  var lastBottomValue = '';\n\n  function isVisible(el) {\n    if (!el) return false;\n    var cs = window.getComputedStyle(el);\n    return !(cs.display === 'none' || cs.visibility === 'hidden' || parseFloat(cs.opacity) === 0);\n  }\n  function updatePillsBottom() {\n    var msb = document.querySelector('mobile-sticky-bar, .mobile-sticky-bar');\n    if (!isVisible(msb)) {\n      if (lastBottomValue !== DESKTOP_FALLBACK) {\n        document.body.style.setProperty('--wn-pills-bottom', DESKTOP_FALLBACK);\n        lastBottomValue = DESKTOP_FALLBACK;\n      }\n      return;\n    }\n    var rect = msb.getBoundingClientRect();\n    var distFromBottom = Math.max(0, window.innerHeight - rect.top);\n    var bottomVal = (distFromBottom + GAP) + 'px';\n    if (bottomVal !== lastBottomValue) {\n      document.body.style.setProperty('--wn-pills-bottom', bottomVal);\n      lastBottomValue = bottomVal;\n    }\n  }\n  function observeFooter() {\n    var footer = document.querySelector('footer.footer, footer[class*=\"footer\"]');\n    if (!footer) return;\n    if (!('IntersectionObserver' in window)) {\n      var fb = function() {\n        var rect = footer.getBoundingClientRect();\n        var near = rect.top \u003c (window.innerHeight + 60);\n        document.body.classList.toggle('wn-pills-near-footer', near);\n      };\n      window.addEventListener('scroll', fb, {passive:true});\n      fb();\n      return;\n    }\n    var io = new IntersectionObserver(function(entries) {\n      entries.forEach(function(e) {\n        document.body.classList.toggle('wn-pills-near-footer', e.isIntersecting);\n      });\n    }, {rootMargin: '60px 0px 0px 0px', threshold: 0.01});\n    io.observe(footer);\n  }\n  function attachSmoothFollow(pillsEl) {\n    var lastY = window.scrollY || window.pageYOffset || 0;\n    var settleTimer = null;\n    var lagMaxPx = 24;\n    var velocityScale = 0.55;\n    function onScroll() {\n      var y = window.scrollY || window.pageYOffset || 0;\n      var dy = y - lastY;\n      var lag = Math.max(Math.min(-dy * velocityScale, lagMaxPx), -lagMaxPx);\n      pillsEl.style.setProperty('--wn-pills-lag-y', lag + 'px');\n      lastY = y;\n      clearTimeout(settleTimer);\n      settleTimer = setTimeout(function() {\n        pillsEl.style.setProperty('--wn-pills-lag-y', '0px');\n      }, 220);\n      updatePillsBottom();\n    }\n    window.addEventListener('scroll', onScroll, { passive: true });\n  }\n  function init() {\n    if (document.body.classList.contains('wn-pills-active')) return;\n    document.body.classList.add('wn-pills-active');\n    var holder = document.createElement('div');\n    holder.innerHTML = BAR;\n    var pillsEl = holder.firstChild;\n    document.body.appendChild(pillsEl);\n    requestAnimationFrame(function() {\n      requestAnimationFrame(function() {\n        document.body.classList.add('wn-pills-ready');\n        observeFooter();\n        updatePillsBottom();\n        attachSmoothFollow(pillsEl);\n      });\n    });\n    var msb = document.querySelector('mobile-sticky-bar, .mobile-sticky-bar');\n    if (msb) {\n      if ('ResizeObserver' in window) {\n        new ResizeObserver(updatePillsBottom).observe(msb);\n      }\n      if ('MutationObserver' in window) {\n        new MutationObserver(updatePillsBottom).observe(msb, { attributes: true, attributeFilter: ['class','style'] });\n      }\n    }\n    var resizeT;\n    window.addEventListener('resize', function() {\n      clearTimeout(resizeT);\n      resizeT = setTimeout(updatePillsBottom, 60);\n    });\n    if (window.visualViewport) {\n      window.visualViewport.addEventListener('resize', updatePillsBottom);\n      window.visualViewport.addEventListener('scroll', updatePillsBottom);\n    }\n    var lastTick = 0;\n    function rafTick(now) {\n      if (now - lastTick \u003e 200) {\n        updatePillsBottom();\n        lastTick = now;\n      }\n      requestAnimationFrame(rafTick);\n    }\n    requestAnimationFrame(rafTick);\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"Wellness Anar","offers":[{"title":"Default Title","offer_id":46095360786502,"sku":null,"price":10.0,"currency_code":"MNT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/9711\/3158\/files\/1_638e2d53-47c5-4560-a4da-0ddf1f8089c8.jpg?v=1771064486","url":"https:\/\/wellnessanar.com\/products\/test-qpay-%ed%8c%8c%ec%9d%bc%eb%9f%bf-tecateca-%ec%82%ad%ec%a0%9c%ec%98%88%ec%a0%95","provider":"Wellness Anar","version":"1.0","type":"link"}