{"product_id":"kozyard-outdoor-counter-height-bar-stools-set-of-2-28h-patio-stools-with-ergonomic-saddle-seat-powder-coated-steel-frame-heavy-duty-a-frame-weather-resistant-for-kitchen-island-deck-backyard-charcoal-gray","title":"Kozyard Outdoor Counter Height Bar Stools Set, 28\" Patio Balcony Bar Stools with Ergonomic Saddle Seat, Powder-Coated Steel Frame, Heavy Duty A-Frame, Weather-Resistant for Kitchen Island, Backyard","description":"\u003cdiv style=\"text-align: left;\"\u003e\n\u003cstyle\u003e\n.kz-slider {\n  position: relative;\n  width: 100%;\n  margin: 0;\n  overflow: visible;\n}\n\n.kz-viewport {\n  overflow: hidden;\n}\n\n.kz-track {\n  display: flex;\n  transition: transform 0.4s ease;\n}\n\n.kz-slide {\n  min-width: 100%;\n}\n\n.kz-slide img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n\/* 箭头 *\/\n.kz-arrow {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 48px;\n  height: 48px;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  z-index: 10;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.kz-arrow.prev { left: -24px; }\n.kz-arrow.next { right: -24px; }\n\n.kz-arrow svg {\n  width: 32px;\n  height: 32px;\n}\n\n.kz-arrow path {\n  stroke: #000;\n  stroke-width: 3;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.kz-arrow:hover path {\n  stroke: #555;\n}\n\n\/* 圆点 *\/\n.kz-dots {\n  display: flex;\n  justify-content: center;\n  gap: 10px;\n  margin-top: 12px;\n}\n\n.kz-dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: #ccc;\n  cursor: pointer;\n}\n\n.kz-dot.active {\n  background: #f4b400;\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"kz-slider\"\u003e\n  \u003cdiv class=\"kz-viewport\"\u003e\n    \u003cdiv class=\"kz-track\"\u003e\n      \u003cdiv class=\"kz-slide\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/1.1_2fd9e0fd-c3f8-4dcf-8d7c-7083bdd0c754.jpg?v=1776686200\" alt=\"kozyard outdoor bar stool, all-weather breathable quick-dry colorfast metal stool, space-saving patio backyard bar extra seating\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-slide\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/1.2_c0a91f8b-6a50-4928-a088-511861fca7ad.jpg?v=1776686200\" alt=\"kozyard patio bar stool, lightweight metal design, space-saving extra seating for deck balcony outdoor dining\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-slide\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/1.3_e7d674b7-4d56-4775-bd5a-070ddc1882b0.jpg?v=1776686197\" alt=\"kozyard kitchen bar stool, powder-coated metal construction, space-saving counter stool for indoor home bar use\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-slide\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/1.4_ccb76a41-5b7c-4f97-aab5-1f3e3bb0390c.jpg?v=1776686196\" alt=\"kozyard indoor bar stool, durable metal design, pet-friendly counter stool for home kitchen island seating\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-slide\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/1.5_00b70661-d635-4ec1-8f7d-cef0cc0e3911.jpg?v=1776686196\" alt=\"kozyard bar stool, sleek black metal design, perfect extra seating for commercial bar restaurant indoor use\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-slide\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/1.6_98b2c594-34b8-4f37-8434-6be2628f67ad.jpg?v=1776686198\" alt=\"\" kozyard bar stool us local support dual stock hubs ca nj hassle-free delivery and resolution for outdoor patio stools\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 箭头 --\u003e\n  \u003cdiv class=\"kz-arrow prev\"\u003e\n    \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M15 18l-6-6 6-6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"kz-arrow next\"\u003e\n    \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M9 6l6 6-6 6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 圆点 --\u003e\n  \u003cdiv class=\"kz-dots\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function(){\n  const slider = document.currentScript.previousElementSibling;\n  const track = slider.querySelector('.kz-track');\n  const slides = slider.querySelectorAll('.kz-slide');\n  const dotsWrap = slider.querySelector('.kz-dots');\n  const prev = slider.querySelector('.kz-arrow.prev');\n  const next = slider.querySelector('.kz-arrow.next');\n  let index = 0;\n\n  slides.forEach((_, i) =\u003e {\n    const dot = document.createElement('div');\n    dot.className = 'kz-dot' + (i === 0 ? ' active' : '');\n    dot.onclick = () =\u003e go(i);\n    dotsWrap.appendChild(dot);\n  });\n\n  function go(i){\n    index = i;\n    track.style.transform = `translateX(-${index * 100}%)`;\n    dotsWrap.querySelectorAll('.kz-dot').forEach((d, j) =\u003e {\n      d.classList.toggle('active', j === index);\n    });\n  }\n\n  prev.onclick = () =\u003e go((index - 1 + slides.length) % slides.length);\n  next.onclick = () =\u003e go((index + 1) % slides.length);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg style=\"float: none;\" alt=\"kozyard bar stool key features, all-metal frame powder coated, saddle seat footrest lightweight space-saving outdoor patio stool\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/2_4a5348c3-b7b7-426b-81fd-5b209fa80907.jpg?v=1776686191\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\n\u003cstyle\u003e\n.kz-slider {\n  position: relative;\n  width: 100%;\n  margin: 0;\n  overflow: visible;\n}\n\n.kz-viewport {\n  overflow: hidden;\n}\n\n.kz-track {\n  display: flex;\n  transition: transform 0.4s ease;\n}\n\n.kz-slide {\n  min-width: 100%;\n}\n\n.kz-slide img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n\/* 箭头 *\/\n.kz-arrow {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 48px;\n  height: 48px;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  z-index: 10;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.kz-arrow.prev { left: -24px; }\n.kz-arrow.next { right: -24px; }\n\n.kz-arrow svg {\n  width: 32px;\n  height: 32px;\n}\n\n.kz-arrow path {\n  stroke: #000;\n  stroke-width: 3;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.kz-arrow:hover path {\n  stroke: #555;\n}\n\n\/* 圆点 *\/\n.kz-dots {\n  display: flex;\n  justify-content: center;\n  gap: 10px;\n  margin-top: 12px;\n}\n\n.kz-dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: #ccc;\n  cursor: pointer;\n}\n\n.kz-dot.active {\n  background: #f4b400;\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"kz-slider\"\u003e\n  \u003cdiv class=\"kz-viewport\"\u003e\n    \u003cdiv class=\"kz-track\"\u003e\n      \u003cdiv class=\"kz-slide\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/3.1_551ddeed-38ef-467a-81b7-60565df1c825.jpg?v=1776686199\" alt=\"kozyard bar stool materials, heavy-duty all-metal tubing with powder-coated finish, durable all-weather outdoor patio stool\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-slide\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/3.2_fa2c9363-664b-4ce1-9773-4e426158a698.jpg?v=1776686199\" alt=\"kozyard bar stool all-metal construction, thickened tubing with powder coating, weather-resistant durable outdoor patio stool\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-slide\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/3.3_f10d4356-a3c3-407d-8cfb-afeaf866df9f.jpg?v=1776686199\" alt=\"kozyard bar stool washable design, waterproof rustproof corrosion-resistant modified steel construction for outdoor patio use\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-slide\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/3.4_5f108e49-d2cc-4ee3-89f7-86f89a0be735.jpg?v=1776686198\" alt=\"kozyard bar stool weather resistant, UV-resistant rust-prevention powder coating, year-round use outdoor patio stool\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-slide\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/3.5.jpg?v=1776686200\" alt=\"kozyard bar stool high load-bearing, 330 lbs capacity premium metal frame, sturdy support for outdoor patio and indoor kitchen use\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 箭头 --\u003e\n  \u003cdiv class=\"kz-arrow prev\"\u003e\n    \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M15 18l-6-6 6-6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"kz-arrow next\"\u003e\n    \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M9 6l6 6-6 6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 圆点 --\u003e\n  \u003cdiv class=\"kz-dots\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function(){\n  const slider = document.currentScript.previousElementSibling;\n  const track = slider.querySelector('.kz-track');\n  const slides = slider.querySelectorAll('.kz-slide');\n  const dotsWrap = slider.querySelector('.kz-dots');\n  const prev = slider.querySelector('.kz-arrow.prev');\n  const next = slider.querySelector('.kz-arrow.next');\n  let index = 0;\n\n  slides.forEach((_, i) =\u003e {\n    const dot = document.createElement('div');\n    dot.className = 'kz-dot' + (i === 0 ? ' active' : '');\n    dot.onclick = () =\u003e go(i);\n    dotsWrap.appendChild(dot);\n  });\n\n  function go(i){\n    index = i;\n    track.style.transform = `translateX(-${index * 100}%)`;\n    dotsWrap.querySelectorAll('.kz-dot').forEach((d, j) =\u003e {\n      d.classList.toggle('active', j === index);\n    });\n  }\n\n  prev.onclick = () =\u003e go((index - 1 + slides.length) % slides.length);\n  next.onclick = () =\u003e go((index + 1) % slides.length);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\n\u003cstyle\u003e\n.kz-slider {\n  position: relative;\n  width: 100%;\n  margin: 0;\n  overflow: visible;\n}\n\n.kz-viewport {\n  overflow: hidden;\n}\n\n.kz-track {\n  display: flex;\n  transition: transform 0.4s ease;\n}\n\n.kz-slide {\n  min-width: 100%;\n}\n\n.kz-slide img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n\/* 箭头 *\/\n.kz-arrow {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 48px;\n  height: 48px;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  z-index: 10;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.kz-arrow.prev { left: -24px; }\n.kz-arrow.next { right: -24px; }\n\n.kz-arrow svg {\n  width: 32px;\n  height: 32px;\n}\n\n.kz-arrow path {\n  stroke: #000;\n  stroke-width: 3;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.kz-arrow:hover path {\n  stroke: #555;\n}\n\n\/* 圆点 *\/\n.kz-dots {\n  display: flex;\n  justify-content: center;\n  gap: 10px;\n  margin-top: 12px;\n}\n\n.kz-dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: #ccc;\n  cursor: pointer;\n}\n\n.kz-dot.active {\n  background: #f4b400;\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"kz-slider\"\u003e\n  \u003cdiv class=\"kz-viewport\"\u003e\n    \u003cdiv class=\"kz-track\"\u003e\n      \u003cdiv class=\"kz-slide\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/4.1_3fb7f97a-7888-4126-9913-1bcbbaec6913.jpg?v=1776686189\" alt=\"kozyard bar stool all-metal construction, thickened tubing with powder coating, weather-resistant durable outdoor patio stool\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-slide\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/4.2_ebf9298e-e647-4615-936c-e530056f2444.jpg?v=1776686191\" alt=\"kozyard bar stool product details, saddle-shaped seat, bolt-welded footrest, non-slip foot pads for comfort and stability\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-slide\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/4.3_64b1e98b-9953-4485-bb9e-edeca9b07697.jpg?v=1776686188\" alt=\"kozyard bar stool assembly, easy 2-step installation, connect legs to seat and secure with crossbar for quick setup\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 箭头 --\u003e\n  \u003cdiv class=\"kz-arrow prev\"\u003e\n    \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M15 18l-6-6 6-6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"kz-arrow next\"\u003e\n    \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M9 6l6 6-6 6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 圆点 --\u003e\n  \u003cdiv class=\"kz-dots\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function(){\n  const slider = document.currentScript.previousElementSibling;\n  const track = slider.querySelector('.kz-track');\n  const slides = slider.querySelectorAll('.kz-slide');\n  const dotsWrap = slider.querySelector('.kz-dots');\n  const prev = slider.querySelector('.kz-arrow.prev');\n  const next = slider.querySelector('.kz-arrow.next');\n  let index = 0;\n\n  slides.forEach((_, i) =\u003e {\n    const dot = document.createElement('div');\n    dot.className = 'kz-dot' + (i === 0 ? ' active' : '');\n    dot.onclick = () =\u003e go(i);\n    dotsWrap.appendChild(dot);\n  });\n\n  function go(i){\n    index = i;\n    track.style.transform = `translateX(-${index * 100}%)`;\n    dotsWrap.querySelectorAll('.kz-dot').forEach((d, j) =\u003e {\n      d.classList.toggle('active', j === index);\n    });\n  }\n\n  prev.onclick = () =\u003e go((index - 1 + slides.length) % slides.length);\n  next.onclick = () =\u003e go((index + 1) % slides.length);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\n\u003cstyle\u003e\n.kz-slider {\n  position: relative;\n  width: 100%;\n  margin: 0;\n  overflow: visible;\n}\n\n.kz-viewport {\n  overflow: hidden;\n}\n\n.kz-track {\n  display: flex;\n  transition: transform 0.4s ease;\n}\n\n.kz-slide {\n  min-width: 100%;\n}\n\n.kz-slide img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n\/* 箭头 *\/\n.kz-arrow {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 48px;\n  height: 48px;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  z-index: 10;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.kz-arrow.prev { left: -24px; }\n.kz-arrow.next { right: -24px; }\n\n.kz-arrow svg {\n  width: 32px;\n  height: 32px;\n}\n\n.kz-arrow path {\n  stroke: #000;\n  stroke-width: 3;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.kz-arrow:hover path {\n  stroke: #555;\n}\n\n\/* 圆点 *\/\n.kz-dots {\n  display: flex;\n  justify-content: center;\n  gap: 10px;\n  margin-top: 12px;\n}\n\n.kz-dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: #ccc;\n  cursor: pointer;\n}\n\n.kz-dot.active {\n  background: #f4b400;\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"kz-slider\"\u003e\n  \u003cdiv class=\"kz-viewport\"\u003e\n    \u003cdiv class=\"kz-track\"\u003e\n      \u003cdiv class=\"kz-slide\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/5.1_9742d224-883f-4be8-b94d-b4e8d875a7f8.jpg?v=1776686200\" alt=\"kozyard bar stool saddle-shaped seat, ergonomic design for even pressure distribution, comfortable support for hips\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-slide\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/5.2_a9694991-e833-4685-965a-ecbb4f757c54.jpg?v=1776686199\" alt=\"kozyard bar stool grooved seat surface, prevents stuffiness from prolonged sitting, keeps body dry and comfortable for outdoor use\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-slide\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/5.3_2fc52895-48e7-463d-ab28-6c8a19614248.jpg?v=1776686198\" alt=\"kozyard bar stool space-saving design, takes up less space than ordinary chairs, ideal for extra seating in small kitchens and patios\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-slide\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/5.4_74472c57-966a-4fc1-888f-ce2c759f8a40.jpg?v=1776686200\" alt=\"kozyard bar stool lightweight design, 21 lbs compact size, easy to move for flexible placement as extra seating\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kz-slide\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/5.5_408de9d1-cdfd-41cd-a5fa-3d12a6280d87.jpg?v=1776686200\" alt=\"kozyard bar stool anti-tip design, widened base and low center of gravity, prevents tipping with non-slip feet for safety\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 箭头 --\u003e\n  \u003cdiv class=\"kz-arrow prev\"\u003e\n    \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M15 18l-6-6 6-6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"kz-arrow next\"\u003e\n    \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M9 6l6 6-6 6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 圆点 --\u003e\n  \u003cdiv class=\"kz-dots\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function(){\n  const slider = document.currentScript.previousElementSibling;\n  const track = slider.querySelector('.kz-track');\n  const slides = slider.querySelectorAll('.kz-slide');\n  const dotsWrap = slider.querySelector('.kz-dots');\n  const prev = slider.querySelector('.kz-arrow.prev');\n  const next = slider.querySelector('.kz-arrow.next');\n  let index = 0;\n\n  slides.forEach((_, i) =\u003e {\n    const dot = document.createElement('div');\n    dot.className = 'kz-dot' + (i === 0 ? ' active' : '');\n    dot.onclick = () =\u003e go(i);\n    dotsWrap.appendChild(dot);\n  });\n\n  function go(i){\n    index = i;\n    track.style.transform = `translateX(-${index * 100}%)`;\n    dotsWrap.querySelectorAll('.kz-dot').forEach((d, j) =\u003e {\n      d.classList.toggle('active', j === index);\n    });\n  }\n\n  prev.onclick = () =\u003e go((index - 1 + slides.length) % slides.length);\n  next.onclick = () =\u003e go((index + 1) % slides.length);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.kz-slider {\n  position: relative;\n  width: 100%;\n  margin: 0;\n  overflow: visible;\n}\n\n.kz-viewport {\n  overflow: hidden;\n}\n\n.kz-track {\n  display: flex;\n  transition: transform 0.4s ease;\n}\n\n.kz-slide {\n  min-width: 100%;\n}\n\n.kz-slide img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n\/* 箭头 *\/\n.kz-arrow {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 48px;\n  height: 48px;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  z-index: 10;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.kz-arrow.prev { left: -24px; }\n.kz-arrow.next { right: -24px; }\n\n.kz-arrow svg {\n  width: 32px;\n  height: 32px;\n}\n\n.kz-arrow path {\n  stroke: #000;\n  stroke-width: 3;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.kz-arrow:hover path {\n  stroke: #555;\n}\n\n\/* 圆点 *\/\n.kz-dots {\n  display: flex;\n  justify-content: center;\n  gap: 10px;\n  margin-top: 12px;\n}\n\n.kz-dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: #ccc;\n  cursor: pointer;\n}\n\n.kz-dot.active {\n  background: #f4b400;\n}\n\u003c\/style\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\n\u003cdiv class=\"kz-slider\"\u003e\n\u003cdiv class=\"kz-viewport\"\u003e\n\u003cdiv class=\"kz-track\"\u003e\n\u003cdiv class=\"kz-slide\"\u003e\u003cimg alt=\"kozyard bar stool anti-tip design, widened base and low center of gravity, prevents tipping with non-slip feet for safety\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/6.1_7b6fbe3e-fc3e-418d-be28-2c1686bb47c7.jpg?v=1776686199\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"kz-slide\"\u003e\u003cimg alt=\"kozyard bar stool usage scenarios, ideal for outdoor dining patios backyards indoor bars hotels and cafes\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/6.2_f60befdf-20e3-4952-a128-c52b91f16c42.jpg?v=1776686199\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"kz-slide\"\u003e\u003cimg alt=\"kozyard bar stool customer showcase, real-life photos of the stool in kitchen island patio and commercial bar settings\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/6.3_41dc155e-f813-455c-a885-e7af981cb95d.jpg?v=1776686188\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"kz-slide\"\u003e\u003cimg alt=\"kozyard bar stool customer showcase, real-life photos of the stool in kitchen island patio and commercial bar settings\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/6.4_bb614ed3-cdc5-49e1-ad11-abc5b22c0e5b.jpg?v=1776686198\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 箭头 --\u003e\n\u003cdiv class=\"kz-arrow prev\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M15 18l-6-6 6-6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"kz-arrow next\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M9 6l6 6-6 6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003c!-- 圆点 --\u003e\n\u003cdiv class=\"kz-dots\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n(function(){\n  const slider = document.currentScript.previousElementSibling;\n  const track = slider.querySelector('.kz-track');\n  const slides = slider.querySelectorAll('.kz-slide');\n  const dotsWrap = slider.querySelector('.kz-dots');\n  const prev = slider.querySelector('.kz-arrow.prev');\n  const next = slider.querySelector('.kz-arrow.next');\n  let index = 0;\n\n  slides.forEach((_, i) =\u003e {\n    const dot = document.createElement('div');\n    dot.className = 'kz-dot' + (i === 0 ? ' active' : '');\n    dot.onclick = () =\u003e go(i);\n    dotsWrap.appendChild(dot);\n  });\n\n  function go(i){\n    index = i;\n    track.style.transform = `translateX(-${index * 100}%)`;\n    dotsWrap.querySelectorAll('.kz-dot').forEach((d, j) =\u003e {\n      d.classList.toggle('active', j === index);\n    });\n  }\n\n  prev.onclick = () =\u003e go((index - 1 + slides.length) % slides.length);\n  next.onclick = () =\u003e go((index + 1) % slides.length);\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"Outdoor Furniture","offers":[{"title":"Set of 2","offer_id":51274590028071,"sku":"KZC223GR2","price":199.99,"currency_code":"USD","in_stock":true},{"title":"Set of 4","offer_id":51274590060839,"sku":"KZC223GR4","price":399.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/KZC223-1.jpg?v=1775805508","url":"https:\/\/www.kozyard.com\/products\/kozyard-outdoor-counter-height-bar-stools-set-of-2-28h-patio-stools-with-ergonomic-saddle-seat-powder-coated-steel-frame-heavy-duty-a-frame-weather-resistant-for-kitchen-island-deck-backyard-charcoal-gray","provider":"Kozyard LLC.","version":"1.0","type":"link"}