{"product_id":"kozyard-outdoor-swing-bed-with-canopy-2-person-patio-swing-chair-heavy-duty-steel-frame-adjustable-sunshade-cushioned-textilene-seat-for-backyard-porch-garden","title":"Kozyard Outdoor Swing Bed with Canopy, 2-Person Patio Swing Chair, Heavy Duty Steel Frame, Adjustable Sunshade, Cushioned Textilene Seat for Backyard Porch Garden","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_e3901a8a-b2bf-4894-9267-381874728e5e.jpg?v=1777254050\" alt=\"kozyard 3-in-1 canopy swing bed, outdoor patio swing chair with adjustable canopy, heavy-duty metal frame, weather-resistant Textilene fabric, quick-dry breathable cushion, multi-functional outdoor swing bed for backyard garden\"\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_079de9ba-4caa-41c7-9824-2063a7065cad.jpg?v=1777254050\" alt=\"kozyard outdoor patio swing bed with stand, 3-seat hammock swing chair with canopy, heavy-duty metal frame, weather-resistant Textilene fabric, comfortable outdoor swing bed for patio garden backyard\"\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_c7ab3a8b-060c-4f66-a220-c60899ed5322.jpg?v=1777254050\" alt=\"kozyard outdoor canopy swing bed, patio hammock swing chair with adjustable shade canopy, heavy-duty metal frame, weather-resistant fabric, multi-position reclining swing bed for backyard garden\"\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_9cf7955d-5955-4a5d-99cc-044465005441.jpg?v=1777254050\" alt=\"kozyard outdoor swing bed key features: heavy-duty metal frame, breathable Textilene fabric, high-elastic cushion, adjustable canopy, premium ropes, safety limit chain for patio hammock swing chair\" 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_68dfdd15-3f76-450d-b4b7-a200ae749507.jpg?v=1777254050\" alt=\"kozyard outdoor swing bed materials: all-metal frame, adjustable canopy, Textilene fabric seat, soft cushion, weather-resistant patio hammock swing chair 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\/3.2_0a55de7e-48be-420b-b6c6-e1240e1299f9.jpg?v=1777254050\" alt=\"kozyard outdoor swing bed weather resistance, modified steel frame and Textilene fabric with UV protection, rust-proof, fade-resistant, all-weather patio hammock swing chair for year-round 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_fbe61a0f-ab64-49c9-927d-7593f83904f4.jpg?v=1777254050\" alt=\"kozyard high load-bearing outdoor swing bed, 620 lbs capacity patio hammock swing chair with heavy-duty metal frame and durable Textilene fabric for family 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_ce467557-32d4-4db8-a37c-f68a415e178e.jpg?v=1777254049\" alt=\"kozyard outdoor swing bed metal frame details, sturdy triangular truss design with thickened tubing, powder-coated rust-resistant finish for patio hammock swing chair\"\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_0bff7eb9-0267-4fdb-8531-6d88550a71d0.jpg?v=1777254049\" alt=\"kozyard outdoor swing bed Textilene fabric features, breathable ventilated material, weather and chlorine resistant, non-deformable fade-resistant fabric for patio hammock swing chair\"\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_ca39c565-5b4c-4e52-bfb1-867a1f8a59d8.jpg?v=1777254050\" alt=\"kozyard outdoor swing bed high-elastic cushion details, water-repellent removable washable cushion with high-resilience sponge, includes matching pillows for patio hammock swing chair\"\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.4.jpg?v=1777254049\" alt=\"kozyard outdoor swing bed canopy details, polyester fabric sunshade with UV protection, waterproof quick-dry mildew-proof patio swing chair top cover\"\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.5_64292892-1916-479b-bbe0-bcb0e5c8ed3b.jpg?v=1777337116\" alt=\"kozyard outdoor swing bed hanging rope system, 620 lbs load-bearing 32-strand braided nylon ropes with galvanized steel carabiners for patio hammock swing chair\"\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_bd9bbb9d-ec1d-40a2-ba23-fc48ddc1ced4.jpg?v=1777254050\" alt=\"kozyard outdoor swing bed free swinging design, with tough hanging ropes, limit safety chain, net-style seat and soft cushion for backyard 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\/5.2_2aa251ec-31b5-400c-82f5-d7dc280df160.jpg?v=1777254050\" alt=\"kozyard outdoor swing bed free swinging design, with tough hanging ropes, limit safety chain, net-style seat and soft cushion for backyard 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\/5.3_6bf11aad-6db7-4f93-97f4-7f6f33656575.jpg?v=1777254050\" alt=\"kozyard outdoor swing bed adjustable canopy, with knob control for angle adjustment, sun and rain protection for patio hammock swing chair\"\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_4354425d-6a6a-4743-ab86-077aa65cc744.jpg?v=1777254051\" alt=\"kozyard outdoor swing bed anti-tip design, stable triangular truss metal frame with non-slip foot pads for safe use in backyard and garden\"\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_24aec4a0-9588-42f5-afde-df29c161526a.jpg?v=1777254050\" alt=\"kozyard outdoor swing bed usage scenarios, ideal for courtyard, terrace, balcony, backyard, poolside, and outdoor leisure spaces\"\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_7994ca10-81c4-4b10-828e-13f7794020af.jpg?v=1777254050\" alt=\"kozyard outdoor swing bed multi-scene use, suitable for family gatherings, poolside relaxation, porch leisure, and garden outdoor activities\"\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_4f6399f5-819b-491f-a78f-0106514b8d37.jpg?v=1777254049\" alt=\"kozyard outdoor swing bed color options, available in multiple styles with durable metal frame, weather-resistant fabric and soft cushion\"\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_e57f30bf-13c1-4157-a48f-ca1bd6166066.jpg?v=1777254049\" alt=\"kozyard outdoor swing bed dimension specifications, showing overall size for patio hammock swing chair with canopy and stand\"\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_b55d897f-34fa-498e-a68b-b30c3c0373b6.jpg?v=1777254050\" alt=\"kozyard outdoor swing bed customer showcase, multi-scene patio hammock swing chair with canopy for backyard porch and poolside 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":51308593512743,"sku":"KZSW3136GR","price":367.99,"currency_code":"USD","in_stock":false},{"title":"NavyBlue","offer_id":51308593545511,"sku":"KZSW3136NV","price":367.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0840\/2471\/files\/KZSW3136GR-1.jpg?v=1776664304","url":"https:\/\/www.kozyard.com\/products\/kozyard-outdoor-swing-bed-with-canopy-2-person-patio-swing-chair-heavy-duty-steel-frame-adjustable-sunshade-cushioned-textilene-seat-for-backyard-porch-garden","provider":"Kozyard LLC.","version":"1.0","type":"link"}