{"product_id":"kozyard-outdoor-swivel-bar-stools-set-of-2-360-patio-bar-chairs-counter-height-with-high-back-powder-coated-steel-frame-textilene-fabric-all-weather-for-backyard-balcony-kitchen-island","title":"Kozyard Outdoor Swivel Bar Stools Set of 2, 360° Patio Bar Chairs Counter Height with High Back, Powder-Coated Steel Frame \u0026 Textilene Fabric, All-Weather for Backyard, Balcony, Kitchen Island","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_eebffd36-0670-4295-b1d2-be5355dde4fe.jpg?v=1776250448\" alt=\"kozyard swivel bar chair for patio yard bar, all-weather breathable textilene fabric outdoor bar stool with metal frame, 360° swivel high bar chair for backyard outdoor gathering\"\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_3ddf0440-3da8-4190-bb47-52167e542504.jpg?v=1776250448\" alt=\"kozyard outdoor swivel bar stools set, weather-resistant textilene fabric bar chairs with metal frame, comfortable patio bar seating for backyard garden 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_1022b73d-0b15-41ea-9e76-5ed01c1669f1.jpg?v=1776250447\" alt=\"kozyard commercial grade swivel bar chairs, durable metal frame with textilene fabric, 360° swivel outdoor bar stools for restaurant patio cafe outdoor 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.4_6084a85c-6a89-4480-ad05-5b9d4a6d2948.jpg?v=1776250447\" alt=\"kozyard swivel bar stools for indoor use, heavy-duty metal frame with breathable textilene fabric, 360° rotating high bar chairs for home kitchen island living room\"\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.jpg?v=1776250447\" alt=\"kozyard patio swivel bar chairs set of 2, weather-resistant textilene fabric outdoor bar stools with metal frame, 360° swivel high chairs for balcony porch 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\/1.6.jpg?v=1776250447\" alt=\"kozyard brand outdoor furniture service, US local warehouse fast shipping, US-based customer service and after-sales support for patio bar chairs and outdoor furniture\"\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 src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/2_f4efa645-e7b0-47bf-af74-8958bba4dfa9.jpg?v=1776250446\" alt=\"kozyard swivel bar chair key features, heavy-duty metal frame, breathable textilene fabric, 360° swivel sleeve bearing, anti-tip base, spine support outdoor bar stool\" style=\"float: none;\"\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_3a2c1aa9-6547-4b80-977c-410ff9f8632c.jpg?v=1776250448\" alt=\"kozyard outdoor bar chair materials, textilene fabric, sleeve bearing, all-metal frame, durable weather-resistant components for patio swivel bar stools\"\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_1abeeaf5-5988-43fb-a282-d7d3374212ae.jpg?v=1776250447\" alt=\"kozyard weather-resistant swivel bar chairs, UV-resistant rust-proof metal frame and textilene fabric, all-weather outdoor bar stools for year-round 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.3_7539d6f4-e950-4a3d-a7a8-2c814fc788f7.jpg?v=1776250448\" alt=\"kozyard high load-bearing swivel bar chair, 260 lbs weight capacity, heavy-duty metal frame and textilene fabric, stable outdoor bar stool for patio backyard 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_3611079e-517f-49a9-b5a0-dcaacd116ec6.jpg?v=1776250445\" alt=\"kozyard swivel bar chair metal frame, thickened tubing with powder coating, rust-resistant weather-durable outdoor bar stool frame with wide ring base support\"\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_1438d0fc-d736-4d5f-9819-e6b405fca7c2.jpg?v=1776250447\" alt=\"kozyard outdoor bar chair textilene fabric, breathable all-weather quick-dry colorfast mesh material, fade-resistant durable fabric for patio swivel bar stools\"\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_5f58cb11-4de3-4a10-b863-8d8c2f3d9dd9.jpg?v=1776250445\" alt=\"kozyard swivel bar chair sleeve bearing, 360° smooth quiet rotation, rust-resistant wear-proof heavy load bearing component for outdoor patio bar 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\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_1e6069e1-6577-407d-b277-6f25f851a826.jpg?v=1776250448\" alt=\"kozyard 360° rotatable swivel bar chair, high-precision sleeve bearing, smooth no-lag rotation outdoor patio bar stool for backyard garden 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.2_ea1d6cd9-cda8-41cf-9701-afff1ab5383e.jpg?v=1776250448\" alt=\"kozyard ergonomic swivel bar chair with back \u0026amp; lumbar support, ventilated textilene fabric, spine protection outdoor patio bar stool for comfortable 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.3_c3c902af-1e16-4ada-9736-2f24cded052f.jpg?v=1776250448\" alt=\"kozyard anti-tip swivel bar chair, wide base ring support low CG design, non-slip foot pads, stable 52 lbs outdoor patio bar stool for safe 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.4_ccb748d5-9810-4585-baa0-6069d2a8006c.jpg?v=1776250448\" alt=\"kozyard swivel bar chair scratch protection, scratch-proof footrest sleeve, anti-slip foot support for outdoor patio bar stools, durable frame protection\"\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\/6.1_426890d4-97ae-4b19-9335-5cf1a238f78f.jpg?v=1776250448\" alt=\"kozyard swivel bar chair usage scenarios, ideal for patio backyard bar counter high table, outdoor dining set with textilene fabric and metal frame bar stools\"\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\/6.2_98a5e365-9a68-479f-bbda-b0d3258713ca.jpg?v=1776250447\" alt=\"kozyard swivel bar chair multiple usage scenarios, patio backyard indoor bar hotel restaurant, versatile outdoor bar stools with textilene fabric and metal frame\"\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\/6.3_b50d95ef-4699-468c-b67d-e2f5199c601b.jpg?v=1776250445\" alt=\"kozyard swivel bar chair multiple colors, aqua blue gray navy blue options, outdoor patio bar stools available individually or as a set, textilene fabric metal frame\"\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\/6.4_2bfe9534-8929-4241-bb05-87eae31c5f05.jpg?v=1776250445\" alt=\"kozyard swivel bar chair customer showcase, real user photos of outdoor patio bar stools in backyard garden, textilene fabric metal frame bar chairs for home 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\/6.5_b04d5619-4a6a-4db0-b71a-c4c6656a6dc7.jpg?v=1776250447\" alt=\"kozyard swivel bar chair customer showcase, real user photos of outdoor patio bar stools in backyard garden, textilene fabric metal frame bar chairs for home 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","brand":"Kozyard LLC.","offers":[{"title":"Gray","offer_id":51291550810407,"sku":"KZC222GR","price":229.99,"currency_code":"USD","in_stock":true},{"title":"NavyBlue","offer_id":51291550843175,"sku":"KZC222NV","price":229.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/KZC22GR-1.jpg?v=1775804157","url":"https:\/\/www.kozyard.com\/products\/kozyard-outdoor-swivel-bar-stools-set-of-2-360-patio-bar-chairs-counter-height-with-high-back-powder-coated-steel-frame-textilene-fabric-all-weather-for-backyard-balcony-kitchen-island","provider":"Kozyard LLC.","version":"1.0","type":"link"}