{"product_id":"apieu-deep-clean-cleansing-oil","title":"A'pieu Deep Clean Cleansing Oil","description":"\u003cdiv class=\"dc-youtube\"\u003e\n\u003cdiv class=\"dc-home-youtube\"\u003e\n\u003cdiv\u003eMeet your all-in-one makeup meltdown hero! This refreshing cleansing oil melts away everything—from stubborn waterproof mascara to deep-down pore gunk—in just one gentle roll.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eNo greasy residue, no tightness, just skin that feels fresh, smooth, and oh-so-clean. Perfect for makeup lovers, blackhead fighters, and anyone who wants a fuss-free cleanse with a splash of pore-purifying sparkle.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eRecommended for: all skin types\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cem\u003eSize: 160 ml \/ 5.41 fl.oz.\u003c\/em\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cem\u003e\u003c\/em\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- A'PIEU Cleansing Oil Accessible Video --\u003e\n\u003cdiv style=\"max-width: 100%; margin: 0 auto 40px; text-align: center;\" class=\"accessible-video-block\"\u003e\n\u003c!-- No audio message --\u003e\n\u003cp id=\"no-audio-warning-apieu\" role=\"alert\" aria-hidden=\"false\" style=\"font-size: 14px; font-weight: 600; color: #444; margin-bottom: 8px; text-align: center; transition: opacity 0.3s ease;\"\u003e⚠️ This video has no audio.\u003c\/p\u003e\n\u003cdiv style=\"position: relative; border-radius: 16px; overflow: hidden; background: linear-gradient(180deg,#fff 0%,#faf8ff 100%); box-shadow: 0 8px 24px rgba(0,0,0,0.08); padding: 8px;\"\u003e\n\u003c!-- Floating AD toggle --\u003e \u003cbutton id=\"ad-toggle-btn-apieu\" aria-label=\"Toggle Audio Description\" aria-pressed=\"false\" style=\"position: absolute; top: 18px; left: 18px; width: 36px; height: 36px; background-color: #000; background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/1052\/9460\/files\/audio_description_disable.svg?v=1703697476'); background-repeat: no-repeat; background-position: center; background-size: 20px; border: none; border-radius: 6px; cursor: pointer; z-index: 7;\" tabindex=\"0\"\u003e\u003c\/button\u003e \u003c!-- Default (no AD) video --\u003e \u003cvideo id=\"apieu-no-ad\" playsinline=\"\" controls=\"controls\" crossorigin=\"anonymous\" controlslist=\"nodownload noremoteplayback\" disablepictureinpicture=\"\" style=\"width: 100%; border-radius: 12px; display: block; object-fit: cover; background: #000; transition: opacity 0.4s ease; opacity: 1; z-index: 1;\"\u003e\n      \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/86fe75d343014cc28e9508763def0b9e.mp4\" type=\"video\/mp4\"\u003e\n      \u003ctrack kind=\"captions\" label=\"English\" srclang=\"en\" default=\"\"\u003e\n      Sorry, your browser doesn’t support embedded videos.\n      \u003c\/track\u003e\u003c\/video\u003e \u003c!-- Audio Described video (hidden initially) --\u003e \u003cvideo id=\"apieu-with-ad\" playsinline=\"\" controls=\"controls\" crossorigin=\"anonymous\" controlslist=\"nodownload noremoteplayback\" disablepictureinpicture=\"\" style=\"width: 100%; border-radius: 12px; display: block; object-fit: cover; background: #000; position: absolute; top: 8px; left: 8px; right: 8px; height: calc(100% - 16px); opacity: 0; pointer-events: none; transition: opacity 0.4s ease; z-index: 0;\"\u003e\n      \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/86fe75d343014cc28e9508763def0b9e.mp4\" type=\"video\/mp4\"\u003e\n      \u003ctrack kind=\"captions\" label=\"English\" src=\"captions_1.vtt\" srclang=\"en\" default=\"\"\u003e\n      Sorry, your browser doesn’t support embedded videos.\n      \u003c\/track\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003c!-- Transcript toggle --\u003e \u003cbutton id=\"video-transcript-toggle-apieu\" aria-controls=\"video-transcript-apieu\" aria-expanded=\"false\" style=\"margin-top: 12px; width: 100%; text-align: left; padding: 10px; background: #f3f3f3; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; font-weight: 600; cursor: pointer;\"\u003e View Video Transcript \u003c\/button\u003e \u003c!-- Transcript content (ARIA-HIDDEN ADDED HERE) --\u003e\n\u003cdiv id=\"video-transcript-apieu\" aria-hidden=\"true\" style=\"display: none; margin-top: 8px; padding: 12px; border: 1px solid #ddd; border-radius: 8px; background: #fafafa; font-size: 14px; line-height: 1.5; max-height: 200px; overflow-y: auto;\"\u003e\n\u003cstrong\u003eTranscript:\u003c\/strong\u003e\n\u003cp\u003eThe video begins with a softly lit bathroom or vanity setting. A bottle labeled “A’PIEU Cleansing Oil” is shown being picked up and opened. Caption (on screen): “Makeup Cleansing First Step.” The model pumps or pours a small amount of oil into the palm of a hand. The texture is shown — light, silky, and oily. The hand brings the oil to the face and begins massaging it gently across the skin, starting with cheeks, then around the eyes and hairline.\u003c\/p\u003e\n\u003cp\u003eAs the oil spreads, makeup and impurities visibly dissolve and emulsify, becoming milky with water. The model uses fingers to glide in circular motions, focusing on areas with heavier makeup. Caption (on screen): “Massage 30 sec, then rinse off with lukewarm water.”\u003c\/p\u003e\n\u003cp\u003eAfter massaging, the model splashes or rinses the face with water, showing the oil turning milky and washing away, leaving the skin looking clean, soft, and fresh. The bottle returns to frame, and the brand name or logo is displayed clearly. The video ends with a final look at the clean face and the product.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n(function() {\n  const noAd = document.getElementById('apieu-no-ad');\n  const withAd = document.getElementById('apieu-with-ad');\n  const btn = document.getElementById('ad-toggle-btn-apieu');\n  const warning = document.getElementById('no-audio-warning-apieu');\n  const transcriptBtn = document.getElementById('video-transcript-toggle-apieu');\n  const transcript = document.getElementById('video-transcript-apieu');\n\n  \/* ----------------------------------------\n     Hide AD button if both video sources match\n     ---------------------------------------- *\/\n  try {\n    const noAdSrc = noAd?.querySelector('source')?.getAttribute('src');\n    const adSrc   = withAd?.querySelector('source')?.getAttribute('src');\n\n    if (noAdSrc \u0026\u0026 adSrc \u0026\u0026 noAdSrc === adSrc) {\n      \/\/ Same video → hide AD toggle\n      btn.style.display = 'none';\n      btn.setAttribute('aria-hidden', 'true');\n\n      \/\/ Hide AD video completely\n      withAd.style.display = 'none';\n      withAd.setAttribute('aria-hidden','true');\n\n    } else {\n      \/\/ Different videos → show AD toggle\n      btn.style.display = '';\n      btn.setAttribute('aria-hidden', 'false');\n\n      \/\/ Ensure AD video is accessible and visible\n      withAd.style.display = 'block';\n      withAd.setAttribute('aria-hidden','false');\n    }\n  } catch(e) {\n    console.warn(\"Source comparison failed for A'PIEU video:\", e);\n  }\n  \/* ----------------------------------------\n     END NEW SECTION\n     ---------------------------------------- *\/\n\n  \/\/ Focus AD button on load\n  window.addEventListener('load', () =\u003e { \n    if (btn \u0026\u0026 btn.getAttribute('aria-hidden') !== 'true') {\n      btn.focus(); \n    }\n  });\n\n  \/\/ Switch videos safely\n  function switchVideo(activeVideo, inactiveVideo) {\n    inactiveVideo.pause();\n    inactiveVideo.style.display = 'none';\n    inactiveVideo.style.pointerEvents = 'none';\n    inactiveVideo.style.zIndex = 0;\n\n    activeVideo.style.display = 'block';\n    activeVideo.style.pointerEvents = 'auto';\n    activeVideo.style.zIndex = 1;\n    activeVideo.setAttribute('controls','');\n    activeVideo.currentTime = 0;\n    activeVideo.play().catch(()=\u003e{});\n  }\n\n  \/\/ AD toggle\n  btn.addEventListener('click', function() {\n    const adOn = btn.getAttribute('aria-pressed') === 'true';\n    btn.setAttribute('aria-pressed', !adOn);\n\n    if(!adOn) {\n      switchVideo(withAd, noAd);\n      warning.style.opacity = 0;\n      warning.setAttribute('aria-hidden','true');\n      btn.style.backgroundImage =\n        \"url('https:\/\/cdn.shopify.com\/s\/files\/1\/1052\/9460\/files\/audio_description.svg?v=1703697436')\";\n    } else {\n      switchVideo(noAd, withAd);\n      warning.style.opacity = 1;\n      warning.setAttribute('aria-hidden','false');\n      btn.style.backgroundImage =\n        \"url('https:\/\/cdn.shopify.com\/s\/files\/1\/1052\/9460\/files\/audio_description_disable.svg?v=1703697476')\";\n    }\n\n    try { btn.focus(); } catch(e){}\n  });\n\n  \/\/ Transcript toggle (ARIA-HIDDEN toggles here)\n  if(transcriptBtn \u0026\u0026 transcript) {\n    transcriptBtn.addEventListener('click', function() {\n      const expanded = this.getAttribute('aria-expanded')==='true';\n      this.setAttribute('aria-expanded', !expanded);\n\n      transcript.style.display = expanded ? 'none':'block';\n      transcript.setAttribute('aria-hidden', expanded ? 'true' : 'false');\n\n      this.textContent = expanded ? \n        'View Video Transcript' :\n        'Hide Video Transcript';\n    });\n  }\n\n})();\n\u003c\/script\u003e\n\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"APIEU","offers":[{"title":"Default Title","offer_id":43538938003504,"sku":"cns1787877676324","price":9.15,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0630\/0532\/7408\/files\/apieu-deep-clean-cleansing-oil_1.jpg?v=1787877681","url":"https:\/\/www.magnoliameadow.shop\/products\/apieu-deep-clean-cleansing-oil","provider":"My Store","version":"1.0","type":"link"}