{"product_id":"vivly-joy-steel-toe-work-boots","title":"Vivly Joy™ Steel Toe Work Boots","description":"\u003cdiv class=\"customer-carousel-wrapper\"\u003e\n  \u003ch2 class=\"carousel-title\"\u003eCustomer Love Our Boots!\u003c\/h2\u003e\n  \u003cdiv class=\"customer-carousel\" id=\"carouselContainer\"\u003e\n    \u003cdiv class=\"carousel-track\" id=\"carouselTrack\"\u003e\n      \u003cdiv class=\"carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0813\/7667\/4004\/files\/steel_work_boot_image_1.png?v=1785854579\" alt=\"Review 1\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0813\/7667\/4004\/files\/steel_work_boot_image_2.png?v=1785854579\" alt=\"Review 2\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0813\/7667\/4004\/files\/steel_work_boot_image_3.png?v=1785854579\" alt=\"Review 3\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0813\/7667\/4004\/files\/steel_work_boot_image_4.png?v=1785854579\" alt=\"Review 4\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0813\/7667\/4004\/files\/steel_work_boot_image_1.png?v=1785854579\" alt=\"Review 1\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0813\/7667\/4004\/files\/steel_work_boot_image_2.png?v=1785854579\" alt=\"Review 2\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0813\/7667\/4004\/files\/steel_work_boot_image_3.png?v=1785854579\" alt=\"Review 3\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0813\/7667\/4004\/files\/steel_work_boot_image_4.png?v=1785854579\" alt=\"Review 4\" loading=\"lazy\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cbutton class=\"carousel-btn prev\" id=\"prevBtn\"\u003e‹\u003c\/button\u003e\n    \u003cbutton class=\"carousel-btn next\" id=\"nextBtn\"\u003e›\u003c\/button\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"carousel-indicators\" id=\"indicatorsContainer\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  .customer-carousel-wrapper {\n    max-width: 1000px;\n    margin: 0 auto;\n    padding: 30px 20px 35px;\n    background: #f9f7f5;\n    border-radius: 20px;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n  }\n  .carousel-title {\n    text-align: center;\n    font-size: 28px;\n    font-weight: 700;\n    color: #1a1a1a;\n    margin: 0 0 22px 0;\n    letter-spacing: -0.5px;\n  }\n  .carousel-title:after {\n    content: '';\n    display: block;\n    width: 60px;\n    height: 3px;\n    background: #b8864b;\n    margin: 10px auto 0;\n    border-radius: 4px;\n  }\n  .customer-carousel {\n    position: relative;\n    overflow: hidden;\n    border-radius: 16px;\n    background: #ffffff;\n    padding: 10px 0;\n  }\n  .carousel-track {\n    display: flex;\n    transition: transform 0.5s ease;\n    will-change: transform;\n    gap: 16px;\n    padding: 0 10px;\n  }\n  .carousel-slide {\n    flex: 0 0 calc(25% - 12px);\n    min-width: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 4px 0;\n  }\n  .carousel-slide img {\n    width: 100%;\n    height: auto;\n    aspect-ratio: 1\/1;\n    object-fit: cover;\n    display: block;\n    border-radius: 14px;\n    box-shadow: 0 4px 16px rgba(0,0,0,0.08);\n    background: #fff;\n    border: 1px solid #f0ede8;\n    transition: transform 0.3s ease;\n  }\n  .carousel-slide img:hover { transform: scale(1.03); }\n  .carousel-btn {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: rgba(255,255,255,0.92);\n    border: none;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    font-size: 22px;\n    color: #333;\n    cursor: pointer;\n    box-shadow: 0 4px 14px rgba(0,0,0,0.10);\n    transition: all 0.2s;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n  }\n  .carousel-btn:hover { background: #fff; box-shadow: 0 6px 20px rgba(0,0,0,0.18); transform: translateY(-50%) scale(1.06); }\n  .carousel-btn.prev { left: 6px; }\n  .carousel-btn.next { right: 6px; }\n  .carousel-indicators {\n    display: flex;\n    justify-content: center;\n    gap: 12px;\n    margin-top: 22px;\n  }\n  .carousel-indicators button {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    border: none;\n    background: #d4d4d4;\n    cursor: pointer;\n    transition: all 0.25s ease;\n    padding: 0;\n  }\n  .carousel-indicators button.active {\n    background: #b8864b;\n    width: 28px;\n    border-radius: 20px;\n  }\n  .carousel-indicators button:hover:not(.active) { background: #b0b0b0; transform: scale(1.15); }\n  @media (max-width: 768px) {\n    .carousel-slide { flex: 0 0 calc(33.33% - 12px); }\n  }\n  @media (max-width: 480px) {\n    .carousel-slide { flex: 0 0 calc(50% - 10px); }\n    .carousel-title { font-size: 20px; }\n    .carousel-track { gap: 10px; padding: 0 6px; }\n    .carousel-btn { width: 32px; height: 32px; font-size: 16px; }\n    .carousel-btn.prev { left: 2px; }\n    .carousel-btn.next { right: 2px; }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  (function() {\n    'use strict';\n    const AUTO_INTERVAL = 3000;\n    const TRANSITION_MS = 500;\n    const track = document.getElementById('carouselTrack');\n    const slides = track.querySelectorAll('.carousel-slide');\n    const total = slides.length;\n    const realCount = total \/ 2;\n    const prevBtn = document.getElementById('prevBtn');\n    const nextBtn = document.getElementById('nextBtn');\n    const dotsContainer = document.getElementById('indicatorsContainer');\n    let current = 0;\n    let isMoving = false;\n    let autoTimer = null;\n\n    function getSlidesPerView() {\n      const w = window.innerWidth;\n      if (w \u003c= 480) return 2;\n      if (w \u003c= 768) return 3;\n      return 4;\n    }\n    let slidesPerView = getSlidesPerView();\n\n    function buildDots() {\n      dotsContainer.innerHTML = '';\n      for (let i = 0; i \u003c realCount; i++) {\n        const dot = document.createElement('button');\n        dot.dataset.index = i;\n        if (i === 0) dot.classList.add('active');\n        dot.addEventListener('click', function() { goTo(parseInt(this.dataset.index)); });\n        dotsContainer.appendChild(dot);\n      }\n    }\n    function updateDots(index) {\n      const dots = dotsContainer.querySelectorAll('button');\n      const realIndex = index % realCount;\n      dots.forEach((d, i) =\u003e { d.classList.toggle('active', i === realIndex); });\n    }\n    function getOffset(index) {\n      const slideWidth = 100 \/ slidesPerView;\n      return -(index * slideWidth);\n    }\n    function goTo(index, skipAnim = false) {\n      if (isMoving) return;\n      if (index \u003c 0) index = 0;\n      if (index \u003e= total - slidesPerView + 1) index = total - slidesPerView;\n      if (index === current \u0026\u0026 !skipAnim) { updateDots(index); return; }\n      isMoving = true;\n      current = index;\n      const offset = getOffset(index);\n      track.style.transition = skipAnim ? 'none' : `transform ${TRANSITION_MS}ms ease`;\n      track.style.transform = `translateX(${offset}%)`;\n      updateDots(current);\n      setTimeout(function() {\n        isMoving = false;\n        if (current \u003e= realCount) {\n          if (current === total - slidesPerView) {\n            track.style.transition = 'none';\n            current = realCount - slidesPerView;\n            track.style.transform = `translateX(${getOffset(current)}%)`;\n            updateDots(current);\n            void track.offsetHeight;\n            track.style.transition = `transform ${TRANSITION_MS}ms ease`;\n          }\n        }\n      }, TRANSITION_MS + 30);\n      resetAutoPlay();\n    }\n    function next() {\n      if (isMoving) return;\n      let nextIndex = current + 1;\n      const maxIndex = total - slidesPerView;\n      if (nextIndex \u003e maxIndex) nextIndex = 0;\n      goTo(nextIndex);\n    }\n    function prev() {\n      if (isMoving) return;\n      let prevIndex = current - 1;\n      if (prevIndex \u003c 0) prevIndex = total - slidesPerView;\n      goTo(prevIndex);\n    }\n    function startAuto() {\n      if (autoTimer) clearInterval(autoTimer);\n      autoTimer = setInterval(function() { if (!isMoving) next(); }, AUTO_INTERVAL);\n    }\n    function resetAutoPlay() {\n      if (autoTimer) { clearInterval(autoTimer); autoTimer = null; }\n      startAuto();\n    }\n    function stopAuto() { if (autoTimer) { clearInterval(autoTimer); autoTimer = null; } }\n    function handleResize() {\n      const newSlidesPerView = getSlidesPerView();\n      if (newSlidesPerView !== slidesPerView) {\n        slidesPerView = newSlidesPerView;\n        track.style.transition = 'none';\n        current = 0;\n        track.style.transform = 'translateX(0%)';\n        updateDots(0);\n        void track.offsetHeight;\n        track.style.transition = `transform ${TRANSITION_MS}ms ease`;\n      }\n    }\n    function init() {\n      buildDots();\n      track.style.transition = 'none';\n      track.style.transform = 'translateX(0%)';\n      void track.offsetHeight;\n      track.style.transition = `transform ${TRANSITION_MS}ms ease`;\n      prevBtn.addEventListener('click', function(e) { e.stopPropagation(); prev(); });\n      nextBtn.addEventListener('click', function(e) { e.stopPropagation(); next(); });\n      window.addEventListener('resize', handleResize);\n      const container = document.getElementById('carouselContainer');\n      container.addEventListener('mouseenter', stopAuto);\n      container.addEventListener('mouseleave', startAuto);\n      let touchStart = 0;\n      container.addEventListener('touchstart', function(e) { touchStart = e.changedTouches[0].screenX; }, { passive: true });\n      container.addEventListener('touchend', function(e) {\n        const diff = touchStart - e.changedTouches[0].screenX;\n        if (Math.abs(diff) \u003e 40) { if (diff \u003e 0) next(); else prev(); }\n      }, { passive: true });\n      startAuto();\n    }\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', init);\n    } else { init(); }\n  })();\n\u003c\/script\u003e\n\u003cdiv class=\"problem-box\"\u003e\n  \u003ch1 class=\"problem-title\"\u003eYour Boots Are The Reason Your Feet Are Done By Noon.\u003c\/h1\u003e\n  \u003cp class=\"problem-text\"\u003eYou've felt your feet aching partway through the day.\u003c\/p\u003e\n  \u003cp class=\"problem-text\"\u003eThat deep ache creeping into your knees and lower back by the time you're home.\u003c\/p\u003e\n  \u003cp class=\"problem-text\"\u003eYou sit down and the first thing you do is pull the boots off and rub your feet.\u003c\/p\u003e\n  \u003cp class=\"problem-text\"\u003eMost boots start out stiff as concrete or collapse into flat marshmallows within months.\u003c\/p\u003e\n  \u003cp class=\"problem-text\"\u003eEither way they leave your feet unsupported, squeezed, and worn out by the end of the day.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"stock-warning\"\u003e\n  \u003cdiv class=\"stock-warning__inner\"\u003e\n    \u003cspan class=\"stock-warning__icon\"\u003e!\u003c\/span\u003e\n    \u003cdiv class=\"stock-warning__text\"\u003e\n      \u003cstrong\u003eWARNING: Low Stock Notice\u003c\/strong\u003e\u003cbr\u003e\n      This product sold out \u003cu\u003e12 times\u003c\/u\u003e last year. We encourage you to take advantage of the \u003cstrong\u003elimited sale\u003c\/strong\u003e and buy now. Subscribing protects you against future stockouts. \u003cstrong\u003ePS:\u003c\/strong\u003e Only available here, don't buy \u003cu\u003efakes on Amazon\/eBay\u003c\/u\u003e.\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  .problem-box { max-width: 800px; margin: 40px auto; padding: 0 20px; }\n  .problem-title {\n    font-size: 32px;\n    font-weight: 700;\n    color: #1a1a1a;\n    text-align: center;\n    margin-bottom: 20px;\n    font-family: 'Anton', sans-serif;\n    letter-spacing: -0.5px;\n  }\n  .problem-text {\n    font-size: 17px;\n    line-height: 1.6;\n    color: #444;\n    text-align: center;\n    margin: 8px 0;\n  }\n  .stock-warning { max-width: 800px; margin: 20px auto 40px; padding: 0 20px; }\n  .stock-warning__inner {\n    border: 1.5px dashed #e57373;\n    border-radius: 8px;\n    padding: 14px 16px;\n    background: #fdf8f7;\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    font-size: 14px;\n    color: #7a1a1a;\n    line-height: 1.5;\n  }\n  .stock-warning__icon {\n    background: #cc0000;\n    color: #fff;\n    border-radius: 50%;\n    width: 20px;\n    height: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    font-weight: 700;\n    flex-shrink: 0;\n    margin-top: 1px;\n  }\n  .stock-warning__text strong { color: #cc0000; }\n\u003c\/style\u003e\n\u003cdiv class=\"faq-container\"\u003e\n  \u003ch2 class=\"faq-section-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n  \u003cdiv class=\"faq-item\"\u003e\n    \u003cdiv class=\"faq-header\" data-target=\"faq1\"\u003e\n      \u003cspan class=\"faq-title\"\u003eTry It For 30 Days\u003c\/span\u003e\n      \u003cspan class=\"faq-icon\"\u003e+\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-content\" id=\"faq1\"\u003e\n      \u003cp\u003eIf you're not completely satisfied with your boots, you can request a return within 30 days of delivery. Please contact us at \u003ca href=\"mailto:aken019@outlook.com\"\u003eaken019@outlook.com\u003c\/a\u003e with your order number, and we'll guide you through the return process.\u003c\/p\u003e\n      \u003cp\u003e\u003cstrong\u003eNote:\u003c\/strong\u003e return shipping cost is the customer's responsibility.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"faq-item\"\u003e\n    \u003cdiv class=\"faq-header\" data-target=\"faq2\"\u003e\n      \u003cspan class=\"faq-title\"\u003eShipping \u0026amp; Delivery\u003c\/span\u003e\n      \u003cspan class=\"faq-icon\"\u003e+\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-content\" id=\"faq2\"\u003e\n      \u003cp\u003eOnce your payment is successfully confirmed, your order will be carefully processed and prepared for shipment. We partner with trusted logistics carriers to ensure reliable delivery across the United States — and shipping is completely free on all orders.\u003c\/p\u003e\n      \u003cp\u003eAfter your package has been dispatched, you will receive a confirmation email containing your tracking number so you can monitor the progress of your delivery at any time.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"faq-item\"\u003e\n    \u003cdiv class=\"faq-header\" data-target=\"faq3\"\u003e\n      \u003cspan class=\"faq-title\"\u003eAbout Our Products\u003c\/span\u003e\n      \u003cspan class=\"faq-icon\"\u003e+\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-content\" id=\"faq3\"\u003e\n      \u003cp\u003eOver the years, we've built strong partnerships with experienced footwear manufacturers who specialize in crafting durable and comfortable leather boots. Through these collaborations, we maintain strict attention to quality throughout the production process and supply chain.\u003c\/p\u003e\n      \u003cp\u003eFrom carefully selected materials to detailed construction, every pair is produced with a focus on durability, comfort, and everyday reliability.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"faq-item\"\u003e\n    \u003cdiv class=\"faq-header\" data-target=\"faq4\"\u003e\n      \u003cspan class=\"faq-title\"\u003eCare \u0026amp; Returns\u003c\/span\u003e\n      \u003cspan class=\"faq-icon\"\u003e+\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-content\" id=\"faq4\"\u003e\n      \u003cp\u003eTo keep your boots looking great and lasting longer, we recommend cleaning them regularly with a soft brush or damp cloth. Apply leather conditioner every few months to maintain the leather's natural moisture and flexibility.\u003c\/p\u003e\n      \u003cp\u003eFor returns, if you're not completely satisfied with your purchase, you can return your boots within 30 days of delivery. Please contact our support team at \u003ca href=\"mailto:aken019@outlook.com\"\u003eaken019@outlook.com\u003c\/a\u003e to initiate the return process.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  .faq-container {\n    max-width: 800px;\n    margin: 40px auto;\n    padding: 0 20px;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n  }\n  .faq-section-title {\n    text-align: center;\n    font-size: 28px;\n    font-weight: 700;\n    color: #1a1a1a;\n    margin: 0 0 30px 0;\n    letter-spacing: -0.5px;\n  }\n  .faq-section-title:after {\n    content: '';\n    display: block;\n    width: 60px;\n    height: 3px;\n    background: #b8864b;\n    margin: 10px auto 0;\n    border-radius: 4px;\n  }\n  .faq-item {\n    margin-bottom: 12px;\n    border: 1px solid #e8e4e0;\n    border-radius: 12px;\n    background: #fff;\n    overflow: hidden;\n    transition: border-color 0.3s ease, box-shadow 0.3s ease;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n  }\n  .faq-item:hover { border-color: #d0c8c0; }\n  .faq-item.active { border-color: #b8864b; box-shadow: 0 4px 20px rgba(184,134,75,0.10); }\n  .faq-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 18px 24px;\n    cursor: pointer;\n    font-size: 17px;\n    font-weight: 600;\n    color: #1a1a1a;\n    user-select: none;\n    transition: background 0.2s ease;\n  }\n  .faq-header:hover { background: #f8f6f4; }\n  .faq-title { flex: 1; margin-right: 16px; }\n  .faq-icon {\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    background: #f0ede8;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    color: #6b5f55;\n    transition: all 0.3s ease;\n    line-height: 1;\n    flex-shrink: 0;\n  }\n  .faq-item.active .faq-icon { background: #b8864b; color: #fff; transform: rotate(45deg); }\n  .faq-content {\n    height: 0;\n    overflow: hidden;\n    padding: 0 24px;\n    font-size: 15px;\n    line-height: 1.7;\n    color: #444;\n    transition: height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), padding 0.3s ease, opacity 0.3s ease;\n    opacity: 0;\n  }\n  .faq-content p { margin: 0 0 12px 0; }\n  .faq-content p:last-child { margin-bottom: 0; }\n  .faq-content a { color: #b8864b; text-decoration: none; }\n  .faq-content a:hover { text-decoration: underline; }\n  @media (max-width: 640px) {\n    .faq-container { padding: 0 16px; margin: 30px auto; }\n    .faq-section-title { font-size: 22px; }\n    .faq-header { padding: 14px 18px; font-size: 15px; }\n    .faq-content { font-size: 14px; }\n    .faq-icon { width: 24px; height: 24px; font-size: 18px; }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  (function() {\n    const faqItems = document.querySelectorAll('.faq-item');\n    faqItems.forEach(function(item) {\n      const header = item.querySelector('.faq-header');\n      const content = item.querySelector('.faq-content');\n      header.addEventListener('click', function() {\n        if (item.classList.contains('active')) {\n          const currentHeight = content.scrollHeight;\n          content.style.height = currentHeight + 'px';\n          void content.offsetHeight;\n          content.style.height = '0px';\n          content.style.opacity = '0';\n          content.style.padding = '0 24px';\n          item.classList.remove('active');\n          return;\n        }\n        faqItems.forEach(function(other) {\n          if (other !== item \u0026\u0026 other.classList.contains('active')) {\n            const otherContent = other.querySelector('.faq-content');\n            const otherHeight = otherContent.scrollHeight;\n            otherContent.style.height = otherHeight + 'px';\n            void otherContent.offsetHeight;\n            otherContent.style.height = '0px';\n            otherContent.style.opacity = '0';\n            otherContent.style.padding = '0 24px';\n            other.classList.remove('active');\n          }\n        });\n        item.classList.add('active');\n        content.style.height = 'auto';\n        content.style.opacity = '1';\n        content.style.padding = '0 24px 24px 24px';\n        const fullHeight = content.scrollHeight;\n        content.style.height = '0px';\n        void content.offsetHeight;\n        content.style.height = fullHeight + 'px';\n      });\n    });\n  })();\n\u003c\/script\u003e\n\u003csection class=\"movara-tabs-section\"\u003e\n  \u003cdiv class=\"movara-tabs__container\"\u003e\n    \u003cdiv class=\"movara-tabs__header\"\u003e\n      \u003ch2 class=\"movara-tabs__title\"\u003eComfort You Can Feel With Every Step\u003c\/h2\u003e\n      \u003cp class=\"movara-tabs__subheading\"\u003eTap each tab to see how Movara™ boots protect, support, and energize your feet all day long.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"movara-tabs__nav-wrapper\"\u003e\n      \u003cdiv class=\"movara-tabs__nav\" role=\"tablist\"\u003e\n        \u003cbutton class=\"movara-tabs__tab is-active\" data-tab=\"0\" role=\"tab\"\u003eSteel Toe Protection\u003c\/button\u003e\n        \u003cbutton class=\"movara-tabs__tab\" data-tab=\"1\" role=\"tab\"\u003eAnti-Puncture Midsole\u003c\/button\u003e\n        \u003cbutton class=\"movara-tabs__tab\" data-tab=\"2\" role=\"tab\"\u003eSlip-Resistant Outsole\u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"movara-tabs__grid\"\u003e\n      \u003cdiv class=\"movara-tabs__content-col\"\u003e\n        \u003cdiv class=\"movara-tabs__panel is-active\" data-panel=\"0\"\u003e\n          \u003cdiv class=\"movara-tabs__card\"\u003e\n            \u003cdiv class=\"movara-tabs__icon\"\u003e\n              \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 18h18v-2H3v2zm1-4h16V8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v6zm2-6h12v4H6V8z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            \u003c\/div\u003e\n            \u003ch3\u003eProtects Against Heavy Impacts—So You Can Work With Confidence\u003c\/h3\u003e\n            \u003cp\u003eA reinforced steel toe cap helps protect your feet from falling tools, heavy materials, and workplace impacts. Built for construction, warehouses, factories, and industrial job sites.\u003c\/p\u003e\n            \u003ca href=\"#\" class=\"movara-tabs__btn\"\u003eGet Your Pair, 70% Off Today\u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"movara-tabs__panel\" data-panel=\"1\"\u003e\n          \u003cdiv class=\"movara-tabs__card\"\u003e\n            \u003cdiv class=\"movara-tabs__icon\"\u003e\n              \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2v20m-5-5l5 5 5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            \u003c\/div\u003e\n            \u003ch3\u003eBuilt To Stop Sharp Objects Before They Reach Your Feet\u003c\/h3\u003e\n            \u003cp\u003eA durable anti-puncture midsole helps shield your feet from nails, screws, broken glass, and other sharp debris commonly found on demanding job sites.\u003c\/p\u003e\n            \u003ca href=\"#\" class=\"movara-tabs__btn\"\u003eGet Your Pair, 70% Off Today\u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"movara-tabs__panel\" data-panel=\"2\"\u003e\n          \u003cdiv class=\"movara-tabs__card\"\u003e\n            \u003cdiv class=\"movara-tabs__icon\"\u003e\n              \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 17h18M3 12h18M3 7h18\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            \u003c\/div\u003e\n            \u003ch3\u003eStay Sure-Footed On Slippery And Uneven Surfaces\u003c\/h3\u003e\n            \u003cp\u003eThe high-traction slip-resistant outsole provides reliable grip on wet, oily, and uneven surfaces, helping reduce the risk of slips while keeping you stable throughout the workday.\u003c\/p\u003e\n            \u003ca href=\"#\" class=\"movara-tabs__btn\"\u003eGet Your Pair, 70% Off Today\u003c\/a\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"movara-tabs__media-col\"\u003e\n        \u003cdiv class=\"movara-tabs__media is-active\" data-media=\"0\"\u003e\n          \u003cvideo class=\"movara-tabs__video\" autoplay loop muted playsinline preload=\"metadata\"\u003e\n            \u003csource src=\"https:\/\/movaracare.com\/cdn\/shop\/videos\/c\/vp\/4b7f01a5264848538e26894f50c3a0b3\/4b7f01a5264848538e26894f50c3a0b3.HD-1080p-4.8Mbps-90797906.mp4?v=0\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"movara-tabs__media\" data-media=\"1\"\u003e\n          \u003cvideo class=\"movara-tabs__video\" autoplay loop muted playsinline preload=\"metadata\"\u003e\n            \u003csource src=\"https:\/\/movaracare.com\/cdn\/shop\/videos\/c\/vp\/30f88217cfe24897814048cfb9c4972a\/30f88217cfe24897814048cfb9c4972a.HD-1080p-4.8Mbps-90798356.mp4?v=0\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"movara-tabs__media\" data-media=\"2\"\u003e\n          \u003cvideo class=\"movara-tabs__video\" autoplay loop muted playsinline preload=\"metadata\"\u003e\n            \u003csource src=\"https:\/\/movaracare.com\/cdn\/shop\/videos\/c\/vp\/16eb9d1db8614f2991f2c7a9bd626c8f\/16eb9d1db8614f2991f2c7a9bd626c8f.HD-1080p-4.8Mbps-90798710.mp4?v=0\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .movara-tabs-section { background: #b77a3c; padding: 60px 0; }\n  .movara-tabs__container { max-width: 1300px; margin: 0 auto; padding: 0 18px; }\n  .movara-tabs__header { text-align: center; margin-bottom: 40px; }\n  .movara-tabs__title {\n    margin: 0 0 10px;\n    color: #fff;\n    font-size: 38px;\n    font-family: 'Anton', sans-serif;\n    font-weight: 400;\n    letter-spacing: -0.4px;\n  }\n  .movara-tabs__subheading {\n    margin: 0 auto;\n    max-width: 520px;\n    color: rgba(255,255,255,0.85);\n    font-size: 16px;\n    line-height: 1.35;\n  }\n  .movara-tabs__nav-wrapper {\n    display: grid;\n    grid-template-columns: 1.08fr 1fr;\n    gap: 18px;\n    margin-bottom: 12px;\n  }\n  .movara-tabs__nav {\n    display: flex;\n    gap: 10px;\n    padding: 8px;\n    background: #fff6ec;\n    border-radius: 13px;\n    width: 100%;\n    grid-column: 1;\n  }\n  .movara-tabs__tab {\n    border: 0;\n    flex: 1;\n    height: 50px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 10px;\n    border-radius: 8px;\n    background: transparent;\n    color: #2c2c2c;\n    font-family: 'Inter', sans-serif;\n    font-size: 15px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.25s ease;\n    white-space: nowrap;\n  }\n  .movara-tabs__tab.is-active { background: #be7d3d; color: #fff; }\n  .movara-tabs__tab:hover:not(.is-active) { background: #e0cdb6; }\n  .movara-tabs__grid {\n    display: grid;\n    grid-template-columns: 1.08fr 1fr;\n    gap: 18px;\n    align-items: stretch;\n  }\n  .movara-tabs__panel { display: none; height: 100%; }\n  .movara-tabs__panel.is-active { display: block; }\n  .movara-tabs__card {\n    background: #f4efe9;\n    padding: 30px 28px;\n    border-radius: 12px;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    border: 4px solid #fff;\n  }\n  .movara-tabs__icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 10px;\n    background: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 20px;\n  }\n  .movara-tabs__icon svg {\n    width: 26px;\n    height: 26px;\n    fill: none;\n    stroke: #be7d3d;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n  .movara-tabs__card h3 {\n    margin: 0 0 14px;\n    color: #000;\n    font-family: 'Anton', sans-serif;\n    font-size: 24px;\n    line-height: 1.15;\n    font-weight: 400;\n    letter-spacing: 0.3px;\n  }\n  .movara-tabs__card p {\n    margin: 0 0 20px;\n    color: #444;\n    font-size: 15px;\n    line-height: 1.6;\n    flex: 1;\n  }\n  .movara-tabs__btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 14px 32px;\n    background: #b77a3c;\n    color: #fff;\n    font-family: 'Inter', sans-serif;\n    font-size: 16px;\n    font-weight: 600;\n    text-decoration: none;\n    transition: background 0.25s ease;\n    border: none;\n    cursor: pointer;\n    min-height: 50px;\n  }\n  .movara-tabs__btn:hover { background: #9e672e; }\n  .movara-tabs__media { display: none; height: 100%; }\n  .movara-tabs__media.is-active { display: block; }\n  .movara-tabs__video {\n    width: 100%;\n    height: 100%;\n    min-height: 380px;\n    object-fit: cover;\n    border-radius: 12px;\n    border: 4px solid #fff;\n    background: #d8b083;\n  }\n  @media (max-width: 900px) {\n    .movara-tabs-section { padding: 40px 0; }\n    .movara-tabs__nav-wrapper { grid-template-columns: 1fr; }\n    .movara-tabs__nav { grid-column: auto; overflow-x: auto; scrollbar-width: none; }\n    .movara-tabs__nav::-webkit-scrollbar { display: none; }\n    .movara-tabs__tab { min-width: max-content; flex: 0 0 auto; padding: 0 16px; font-size: 13px; }\n    .movara-tabs__grid { grid-template-columns: 1fr; gap: 20px; }\n    .movara-tabs__title { font-size: 28px; }\n    .movara-tabs__video { min-height: 280px; }\n    .movara-tabs__card { padding: 20px; }\n  }\n  @media (max-width: 560px) {\n    .movara-tabs__title { font-size: 22px; }\n    .movara-tabs__card h3 { font-size: 20px; }\n    .movara-tabs__btn { width: 100%; justify-content: center; }\n    .movara-tabs__video { min-height: 220px; }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  (function() {\n    const tabs = document.querySelectorAll('.movara-tabs__tab');\n    const panels = document.querySelectorAll('.movara-tabs__panel');\n    const medias = document.querySelectorAll('.movara-tabs__media');\n    tabs.forEach(function(tab) {\n      tab.addEventListener('click', function() {\n        const index = this.dataset.tab;\n        tabs.forEach(function(t) { t.classList.remove('is-active'); });\n        this.classList.add('is-active');\n        panels.forEach(function(p) { p.classList.remove('is-active'); });\n        document.querySelector('.movara-tabs__panel[data-panel=\"' + index + '\"]').classList.add('is-active');\n        medias.forEach(function(m) { m.classList.remove('is-active'); });\n        document.querySelector('.movara-tabs__media[data-media=\"' + index + '\"]').classList.add('is-active');\n      });\n    });\n  })();\n\u003c\/script\u003e\n\u003csection class=\"comparison-section\"\u003e\n  \u003cdiv class=\"comparison__container\"\u003e\n    \u003ctable class=\"comparison__table\"\u003e\n      \u003cthead\u003e\n        \u003ctr\u003e\n          \u003cth\u003e\u003c\/th\u003e\n          \u003cth class=\"comparison__th-brand\"\u003eVivlyJoy™\u003c\/th\u003e\n          \u003cth class=\"comparison__th-other\"\u003eEveryday Leather Boots\u003c\/th\u003e\n          \u003cth class=\"comparison__th-other\"\u003eCasual Dress Boots\u003c\/th\u003e\n          \u003cth class=\"comparison__th-other\"\u003eCheap Fashion Boots\u003c\/th\u003e\n        \u003c\/tr\u003e\n      \u003c\/thead\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003ctd\u003eAll-day comfort\u003c\/td\u003e\n\u003ctd class=\"comparison__td-brand\"\u003eYes\u003c\/td\u003e\n\u003ctd\u003eNo\u003c\/td\u003e\n\u003ctd\u003eNo\u003c\/td\u003e\n\u003ctd\u003eNo\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003ctd\u003eWide toe box\u003c\/td\u003e\n\u003ctd class=\"comparison__td-brand\"\u003eYes\u003c\/td\u003e\n\u003ctd\u003eNo\u003c\/td\u003e\n\u003ctd\u003eNo\u003c\/td\u003e\n\u003ctd\u003eNo\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003ctd\u003eLess foot, knee and back pain\u003c\/td\u003e\n\u003ctd class=\"comparison__td-brand\"\u003eYes\u003c\/td\u003e\n\u003ctd\u003eNo\u003c\/td\u003e\n\u003ctd\u003eNo\u003c\/td\u003e\n\u003ctd\u003eNo\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003ctd\u003eCushioned, supportive footbed\u003c\/td\u003e\n\u003ctd class=\"comparison__td-brand\"\u003eYes\u003c\/td\u003e\n\u003ctd\u003eVaries\u003c\/td\u003e\n\u003ctd\u003eNo\u003c\/td\u003e\n\u003ctd\u003eNo\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003ctd\u003eLightweight and flexible\u003c\/td\u003e\n\u003ctd class=\"comparison__td-brand\"\u003eYes\u003c\/td\u003e\n\u003ctd\u003eVaries\u003c\/td\u003e\n\u003ctd\u003eNo\u003c\/td\u003e\n\u003ctd\u003eYes\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003ctd\u003eSlip-resistant grip\u003c\/td\u003e\n\u003ctd class=\"comparison__td-brand\"\u003eYes\u003c\/td\u003e\n\u003ctd\u003eVaries\u003c\/td\u003e\n\u003ctd\u003eNo\u003c\/td\u003e\n\u003ctd\u003eNo\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003ctd\u003eWater-resistant\u003c\/td\u003e\n\u003ctd class=\"comparison__td-brand\"\u003eYes\u003c\/td\u003e\n\u003ctd\u003eVaries\u003c\/td\u003e\n\u003ctd\u003eVaries\u003c\/td\u003e\n\u003ctd\u003eNo\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003ctd\u003eLooks good with everything\u003c\/td\u003e\n\u003ctd class=\"comparison__td-brand\"\u003eYes\u003c\/td\u003e\n\u003ctd\u003eYes\u003c\/td\u003e\n\u003ctd\u003eYes\u003c\/td\u003e\n\u003ctd\u003eVaries\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003ctd\u003ePrice\u003c\/td\u003e\n\u003ctd class=\"comparison__td-brand\"\u003e$89.95\u003c\/td\u003e\n\u003ctd\u003e$120–$150\u003c\/td\u003e\n\u003ctd\u003e$130–$250+\u003c\/td\u003e\n\u003ctd\u003e$40–$60\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003ctd\u003e30-day return policy\u003c\/td\u003e\n\u003ctd class=\"comparison__td-brand\"\u003eYes\u003c\/td\u003e\n\u003ctd\u003eNo\u003c\/td\u003e\n\u003ctd\u003eNo\u003c\/td\u003e\n\u003ctd\u003eNo\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .comparison-section {\n    background: #b77a3c;\n    padding: 50px 0 60px;\n  }\n  .comparison__container {\n    max-width: 1300px;\n    margin: 0 auto;\n    padding: 0 18px;\n    overflow-x: auto;\n  }\n  .comparison__table {\n    width: 100%;\n    border-collapse: collapse;\n    table-layout: fixed;\n    font-family: 'Inter', sans-serif;\n  }\n  .comparison__table th, .comparison__table td {\n    padding: 14px 12px;\n    text-align: left;\n    border-bottom: 1px solid rgba(255,255,255,0.15);\n    vertical-align: middle;\n    color: #fff;\n    font-size: 14px;\n  }\n  .comparison__table th:first-child, .comparison__table td:first-child {\n    width: 24%;\n    font-weight: 700;\n    color: #fff;\n  }\n  .comparison__table th:not(:first-child) {\n    text-align: center;\n    font-weight: 700;\n    font-size: 14px;\n  }\n  .comparison__table td:not(:first-child) {\n    text-align: center;\n    color: rgba(255,255,255,0.85);\n  }\n  .comparison__th-brand {\n    background: #fff;\n    color: #333 !important;\n    font-size: 20px !important;\n    font-weight: 800 !important;\n  }\n  .comparison__td-brand {\n    background: #fff;\n    color: #b77a3c !important;\n    font-weight: 700 !important;\n  }\n  @media (max-width: 768px) {\n    .comparison__table th, .comparison__table td { font-size: 11px; padding: 10px 6px; }\n    .comparison__th-brand { font-size: 14px !important; }\n  }\n\u003c\/style\u003e","brand":"Vivly Joy","offers":[{"title":"Brown \/ US 6 | UK 5","offer_id":45412600643699,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Brown \/ US 6.5 | UK 5.5","offer_id":45412600676467,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Brown \/ US 7.5 | UK 6.5","offer_id":45412600709235,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Brown \/ US 8 | UK 7","offer_id":45412600742003,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Brown \/ US 9 | UK 8","offer_id":45412600774771,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Brown \/ US 9.5 | UK 8.5","offer_id":45412600840307,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Brown \/ US 10.5 | UK 9.5","offer_id":45412600873075,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Brown \/ US 11.5 | UK 10.5","offer_id":45412600905843,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Brown \/ US 12 | UK 11","offer_id":45412600938611,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Brown \/ US 13 | UK 12","offer_id":45412600971379,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Brown \/ US 14 | UK 13","offer_id":45412601004147,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Black \/ US 6 | UK 5","offer_id":45412601036915,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Black \/ US 6.5 | UK 5.5","offer_id":45412601069683,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Black \/ US 7.5 | UK 6.5","offer_id":45412601102451,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Black \/ US 8 | UK 7","offer_id":45412601135219,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Black \/ US 9 | UK 8","offer_id":45412601167987,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Black \/ US 9.5 | UK 8.5","offer_id":45412601233523,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Black \/ US 10.5 | UK 9.5","offer_id":45412601266291,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Black \/ US 11.5 | UK 10.5","offer_id":45412601299059,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Black \/ US 12 | UK 11","offer_id":45412601331827,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Black \/ US 13 | UK 12","offer_id":45412601364595,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true},{"title":"Black \/ US 14 | UK 13","offer_id":45412601397363,"sku":null,"price":89.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0713\/6277\/3107\/files\/1_c9de0a90-a160-46cc-9bd1-b18129cff0aa.webp?v=1787829663","url":"https:\/\/vivlyjoy.com\/products\/vivly-joy-steel-toe-work-boots","provider":"Vivly Joy","version":"1.0","type":"link"}