{"product_id":"260814_v-srm_ao_da_vd_drjessylacubanita2_tt_20260711","title":"[Amazon No.1] Vitamin Illuminating Dark Spot Serum","description":"\u003c!-- ===== 상세페이지: 전광판 배너 + 상단 자동재생 영상 + 4~6번 이미지 모바일 스와이프 (화살표 + 무한 루프) ===== --\u003e\n\u003cstyle\u003e\n  .bst-detail img { display:block; width:100%; height:auto; margin:0; }\n  .bst-detail p { margin:0; }\n\n  \/* 상단 영상: 소리 없이 자동 반복 재생 *\/\n  .bst-video { display:block; width:100%; height:auto; margin:0; background:#000; pointer-events:none; }\n\n  \/* ===== 전광판(LED 마퀴) 띠 배너 ===== *\/\n  @keyframes bstMarquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }\n  @keyframes bstLedBlink { 0%,100%{opacity:1} 50%{opacity:.35} }\n  .bst-marquee{\n    position:relative; overflow:hidden; background:#0A0A0A;\n    border-top:2px solid #FF2040; border-bottom:2px solid #FF2040;\n    padding:10px 0; margin:0;\n  }\n  \/* LED 점 질감 *\/\n  .bst-marquee::after{\n    content:''; position:absolute; inset:0; pointer-events:none;\n    background-image:radial-gradient(rgba(0,0,0,.55) 1px, transparent 1.3px);\n    background-size:3px 3px;\n  }\n  .bst-marquee__track{ display:flex; width:max-content; animation:bstMarquee 14s linear infinite; }\n  .bst-marquee__group{ display:flex; flex-shrink:0; }\n  .bst-marquee__item{\n    display:inline-flex; align-items:center; gap:10px; white-space:nowrap;\n    padding-right:36px;\n    font-family:Arial,Helvetica,sans-serif; font-weight:900; font-size:18px; line-height:1;\n    letter-spacing:1px; text-transform:uppercase;\n    color:#FFD21F; text-shadow:0 0 4px rgba(255,210,31,.9), 0 0 10px rgba(255,210,31,.5);\n  }\n  .bst-marquee__hot{\n    color:#FF2040; text-shadow:0 0 4px rgba(255,32,64,.95), 0 0 12px rgba(255,32,64,.6);\n    font-size:22px;\n  }\n  .bst-marquee__star{ color:#fff; text-shadow:0 0 6px #fff; animation:bstLedBlink .8s steps(1) infinite; }\n  @media (prefers-reduced-motion:reduce){ .bst-marquee__track,.bst-marquee__star{ animation:none; } }\n\n  \/* PC: 기존처럼 세로로 쌓임 *\/\n  .bst-swipe__track { display:block; }\n  .bst-swipe__slide--clone,\n  .bst-swipe__dots,\n  .bst-swipe__arrow { display:none; }\n\n  \/* 모바일(749px 이하): 가로 스와이프 *\/\n  @media (max-width: 749px) {\n    .bst-swipe { position:relative; }\n    .bst-swipe__track {\n      display:flex;\n      overflow-x:auto;\n      scroll-snap-type:x mandatory;\n      scroll-behavior:auto;\n      -webkit-overflow-scrolling:touch;\n      scrollbar-width:none;\n    }\n    .bst-swipe__track::-webkit-scrollbar { display:none; }\n    .bst-swipe__slide { flex:0 0 100%; scroll-snap-align:start; scroll-snap-stop:always; }\n    .bst-swipe__slide--clone { display:block; }\n\n    \/* 좌\/우 꺽쇠 화살표: 흰 원 + 회색 꺽쇠 *\/\n    .bst-swipe.is-ready .bst-swipe__arrow {\n      display:flex; align-items:center; justify-content:center;\n      position:absolute; top:50%; transform:translateY(-50%); z-index:2;\n      width:36px; height:36px; padding:0; border:1px solid #D0D0D0; border-radius:50%;\n      background:rgba(255,255,255,.9); box-shadow:0 1px 4px rgba(0,0,0,.15);\n      cursor:pointer; -webkit-tap-highlight-color:transparent;\n    }\n    .bst-swipe__arrow--prev { left:8px; }\n    .bst-swipe__arrow--next { right:8px; }\n    .bst-swipe__arrow::before {\n      content:''; width:10px; height:10px;\n      border-top:2.5px solid #8A8A8A; border-right:2.5px solid #8A8A8A;\n    }\n    .bst-swipe__arrow--prev::before { transform:translateX(2px) rotate(-135deg); }\n    .bst-swipe__arrow--next::before { transform:translateX(-2px) rotate(45deg); }\n\n    \/* 점 인디케이터 *\/\n    .bst-swipe.is-ready .bst-swipe__dots {\n      display:flex; justify-content:center; gap:8px;\n      position:absolute; left:0; right:0; bottom:14px; z-index:2;\n    }\n    .bst-swipe__dot {\n      width:8px; height:8px; padding:0; border:0; border-radius:50%;\n      background:rgba(0,0,0,.2);\n      cursor:pointer; transition:width .2s, background .2s;\n    }\n    .bst-swipe__dot.is-active { width:20px; border-radius:4px; background:#8A8A8A; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bst-detail\"\u003e\n\n\u003c!-- 전광판: 상시 문구 --\u003e\n\u003cdiv class=\"bst-marquee\" role=\"marquee\" aria-label=\"Your daily vitamin C serum at a better price\"\u003e\n\u003cdiv class=\"bst-marquee__track\"\u003e\n\u003cdiv class=\"bst-marquee__group\"\u003e\n\u003cspan class=\"bst-marquee__item\"\u003e\u003cspan class=\"bst-marquee__star\"\u003e★\u003c\/span\u003e YOUR DAILY VITAMIN C SERUM \u003cspan class=\"bst-marquee__hot\"\u003eAT A BETTER PRICE\u003c\/span\u003e\u003c\/span\u003e\n\u003cspan class=\"bst-marquee__item\"\u003e\u003cspan class=\"bst-marquee__star\"\u003e★\u003c\/span\u003e YOUR DAILY VITAMIN C SERUM \u003cspan class=\"bst-marquee__hot\"\u003eAT A BETTER PRICE\u003c\/span\u003e\u003c\/span\u003e\n\u003cspan class=\"bst-marquee__item\"\u003e\u003cspan class=\"bst-marquee__star\"\u003e★\u003c\/span\u003e YOUR DAILY VITAMIN C SERUM \u003cspan class=\"bst-marquee__hot\"\u003eAT A BETTER PRICE\u003c\/span\u003e\u003c\/span\u003e\n\u003cspan class=\"bst-marquee__item\"\u003e\u003cspan class=\"bst-marquee__star\"\u003e★\u003c\/span\u003e YOUR DAILY VITAMIN C SERUM \u003cspan class=\"bst-marquee__hot\"\u003eAT A BETTER PRICE\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bst-marquee__group\" aria-hidden=\"true\"\u003e\n\u003cspan class=\"bst-marquee__item\"\u003e\u003cspan class=\"bst-marquee__star\"\u003e★\u003c\/span\u003e YOUR DAILY VITAMIN C SERUM \u003cspan class=\"bst-marquee__hot\"\u003eAT A BETTER PRICE\u003c\/span\u003e\u003c\/span\u003e\n\u003cspan class=\"bst-marquee__item\"\u003e\u003cspan class=\"bst-marquee__star\"\u003e★\u003c\/span\u003e YOUR DAILY VITAMIN C SERUM \u003cspan class=\"bst-marquee__hot\"\u003eAT A BETTER PRICE\u003c\/span\u003e\u003c\/span\u003e\n\u003cspan class=\"bst-marquee__item\"\u003e\u003cspan class=\"bst-marquee__star\"\u003e★\u003c\/span\u003e YOUR DAILY VITAMIN C SERUM \u003cspan class=\"bst-marquee__hot\"\u003eAT A BETTER PRICE\u003c\/span\u003e\u003c\/span\u003e\n\u003cspan class=\"bst-marquee__item\"\u003e\u003cspan class=\"bst-marquee__star\"\u003e★\u003c\/span\u003e YOUR DAILY VITAMIN C SERUM \u003cspan class=\"bst-marquee__hot\"\u003eAT A BETTER PRICE\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 0: 상단 영상 (자동재생 · 무음 · 반복) --\u003e\n\u003cvideo class=\"bst-video\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/0e7a8d4a154849b4bccd0030aa9e3723.mp4\" autoplay muted loop playsinline webkit-playsinline preload=\"auto\" disablepictureinpicture\u003e\u003c\/video\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0578\/7107\/3374\/files\/image-1792559679007.jpg?v=1792559733\" alt=\"\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0578\/7107\/3374\/files\/02_9a6c0fa8-2de1-43d7-b3ae-ef7059cf9467.jpg?v=1791958125\" alt=\"\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0578\/7107\/3374\/files\/03_b6f0333b-a96d-499f-af15-3c85fd610136.jpg?v=1791958134\" alt=\"\"\u003e\n\n\u003c!-- 4~6: 모바일 스와이프 영역 --\u003e\n\u003cdiv class=\"bst-swipe\"\u003e\n\u003cdiv class=\"bst-swipe__track\"\u003e\n\u003cdiv class=\"bst-swipe__slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0578\/7107\/3374\/files\/04_82d3befe-09e1-4031-b79a-2fe9cd6c5a5e.jpg?v=1791958143\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bst-swipe__slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0578\/7107\/3374\/files\/05_72148772-0704-4972-a1e5-a65ed3f8fc9a.jpg?v=1791958156\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bst-swipe__slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0578\/7107\/3374\/files\/06_1e20c09f-81f9-41bf-88f3-8cba35239461.jpg?v=1791958166\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"bst-swipe__arrow bst-swipe__arrow--prev\" aria-label=\"이전 이미지\"\u003e\u003c\/button\u003e\n\u003cbutton type=\"button\" class=\"bst-swipe__arrow bst-swipe__arrow--next\" aria-label=\"다음 이미지\"\u003e\u003c\/button\u003e\n\u003cdiv class=\"bst-swipe__dots\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0578\/7107\/3374\/files\/07_c18091f4-e01d-447b-8289-6875f92c01e5.jpg?v=1791958179\" alt=\"\" loading=\"lazy\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0578\/7107\/3374\/files\/08_a4965f7b-04c2-4d2d-a942-eacc485245fd.jpg?v=1791958191\" alt=\"\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function(){\n  \/* ----- 상단 영상: 자동재생이 막힌 브라우저 대비 재시도 ----- *\/\n  function playVideos(){\n    document.querySelectorAll('.bst-video').forEach(function(v){\n      v.muted = true;\n      var p = v.play();\n      if (p \u0026\u0026 p.catch) p.catch(function(){});\n    });\n  }\n  ['touchstart','scroll','click'].forEach(function(ev){\n    window.addEventListener(ev, playVideos, { once:true, passive:true });\n  });\n\n  \/* ----- 4~6번 모바일 스와이프: 화살표 + 점 + 무한 루프 ----- *\/\n  function initSwipe(box){\n    if (box.dataset.on) return; box.dataset.on = '1';\n    var track = box.querySelector('.bst-swipe__track');\n    var slides = track.querySelectorAll('.bst-swipe__slide:not(.bst-swipe__slide--clone)');\n    var n = slides.length; if (n \u003c 2) return;\n    var dotsBox = box.querySelector('.bst-swipe__dots');\n    var prev = box.querySelector('.bst-swipe__arrow--prev');\n    var next = box.querySelector('.bst-swipe__arrow--next');\n\n    \/\/ [마지막 복제] 1 2 3 [첫번째 복제]\n    var hc = slides[n-1].cloneNode(true), tc = slides[0].cloneNode(true);\n    hc.classList.add('bst-swipe__slide--clone'); tc.classList.add('bst-swipe__slide--clone');\n    hc.setAttribute('aria-hidden','true'); tc.setAttribute('aria-hidden','true');\n    track.insertBefore(hc, slides[0]); track.appendChild(tc);\n\n    dotsBox.innerHTML = ''; var dots = [];\n    for (var i = 0; i \u003c n; i++) (function(k){\n      var d = document.createElement('button');\n      d.type = 'button'; d.className = 'bst-swipe__dot'; d.setAttribute('aria-label', (k+1) + '번 이미지');\n      d.onclick = function(){ go(k + 1); };\n      dotsBox.appendChild(d); dots.push(d);\n    })(i);\n\n    function mobile(){ return window.matchMedia('(max-width: 749px)').matches; }\n    function W(){ return track.clientWidth; }\n    function pos(){ return Math.round(track.scrollLeft \/ W()); }\n    function real(p){ return (p - 1 + n) % n; }\n    function jump(p){\n      track.style.scrollSnapType = 'none';\n      track.scrollLeft = p * W(); track.offsetHeight;\n      track.style.scrollSnapType = '';\n    }\n    function go(p){ track.scrollTo({ left: p * W(), behavior: 'smooth' }); }\n    function sync(){ var r = real(pos()); dots.forEach(function(d, j){ d.classList.toggle('is-active', j === r); }); }\n\n    prev.onclick = function(){ go(pos() - 1); };\n    next.onclick = function(){ go(pos() + 1); };\n\n    var tm;\n    track.addEventListener('scroll', function(){\n      sync(); clearTimeout(tm);\n      tm = setTimeout(function(){\n        var p = pos();\n        if (p === 0) jump(n); else if (p === n + 1) jump(1);\n        sync();\n      }, 120);\n    }, { passive:true });\n\n    function reset(){ if (mobile()) { if (pos() === 0) jump(1); sync(); } }\n    window.addEventListener('resize', function(){ if (mobile()) jump(Math.max(1, pos())); });\n    window.addEventListener('load', reset);\n    track.querySelectorAll('img').forEach(function(img){ if (!img.complete) img.addEventListener('load', reset); });\n\n    box.classList.add('is-ready');\n    reset();\n  }\n\n  function run(){\n    playVideos();\n    document.querySelectorAll('.bst-swipe').forEach(initSwipe);\n  }\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', run); else run();\n})();\n\u003c\/script\u003e\n","brand":"Eqqualberry Global","offers":[{"title":"Default Title","offer_id":43159110680670,"sku":"EQQ-DC-VTM","price":19.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0578\/7107\/3374\/files\/D.jpg?v=1791957961","url":"https:\/\/eqqualberryglobal.com\/products\/260814_v-srm_ao_da_vd_drjessylacubanita2_tt_20260711","provider":"EQQUALBERRY","version":"1.0","type":"link"}