100 ){ active--; change() } else if( diff < -100 ){ active++; change() }">
= 768){ modco.popup($el.getHTML(), `img_popup`) }" class="block_media block w-full aspect-square md:aspect-square print:aspect-square theme-rounded-img duration-1000 transition-transform scale-100 hover:scale-105 media_image action_modal active md:cursor-zoom-in" data-product="8794609221859" data-position="1" @media-select.window="if($event.detail.product == 8794609221859 && $event.detail.position > 0 ){ if($event.detail.position == 1 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
= 768){ modco.popup($el.getHTML(), `img_popup`) }" class="block_media block w-full aspect-square md:aspect-square print:aspect-square theme-rounded-img duration-1000 transition-transform scale-100 hover:scale-105 media_image action_modal md:cursor-zoom-in" data-product="8794609221859" data-position="2" @media-select.window="if($event.detail.product == 8794609221859 && $event.detail.position > 0 ){ if($event.detail.position == 2 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
= 768){ modco.popup($el.getHTML(), `img_popup`) }" class="block_media block w-full aspect-square md:aspect-square print:aspect-square theme-rounded-img duration-1000 transition-transform scale-100 hover:scale-105 media_image action_modal md:cursor-zoom-in" data-product="8794609221859" data-position="3" @media-select.window="if($event.detail.product == 8794609221859 && $event.detail.position > 0 ){ if($event.detail.position == 3 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
= 768){ modco.popup($el.getHTML(), `img_popup`) }" class="block_media block w-full aspect-square md:aspect-square print:aspect-square theme-rounded-img duration-1000 transition-transform scale-100 hover:scale-105 media_image action_modal md:cursor-zoom-in" data-product="8794609221859" data-position="4" @media-select.window="if($event.detail.product == 8794609221859 && $event.detail.position > 0 ){ if($event.detail.position == 4 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
= 768){ modco.popup($el.getHTML(), `img_popup`) }" class="block_media block w-full aspect-square md:aspect-square print:aspect-square theme-rounded-img duration-1000 transition-transform scale-100 hover:scale-105 media_image action_modal md:cursor-zoom-in" data-product="8794609221859" data-position="5" @media-select.window="if($event.detail.product == 8794609221859 && $event.detail.position > 0 ){ if($event.detail.position == 5 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
= 768){ modco.popup($el.getHTML(), `img_popup`) }" class="block_media block w-full aspect-square md:aspect-square print:aspect-square theme-rounded-img duration-1000 transition-transform scale-100 hover:scale-105 media_image action_modal md:cursor-zoom-in" data-product="8794609221859" data-position="6" @media-select.window="if($event.detail.product == 8794609221859 && $event.detail.position > 0 ){ if($event.detail.position == 6 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
= 768){ modco.popup($el.getHTML(), `img_popup`) }" class="block_media block w-full aspect-square md:aspect-square print:aspect-square theme-rounded-img duration-1000 transition-transform scale-100 hover:scale-105 media_image action_modal md:cursor-zoom-in" data-product="8794609221859" data-position="7" @media-select.window="if($event.detail.product == 8794609221859 && $event.detail.position > 0 ){ if($event.detail.position == 7 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
= 768){ modco.popup($el.getHTML(), `img_popup`) }" class="block_media block w-full aspect-square md:aspect-square print:aspect-square theme-rounded-img duration-1000 transition-transform scale-100 hover:scale-105 media_image action_modal md:cursor-zoom-in" data-product="8794609221859" data-position="8" @media-select.window="if($event.detail.product == 8794609221859 && $event.detail.position > 0 ){ if($event.detail.position == 8 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
= 768){ modco.popup($el.getHTML(), `img_popup`) }" class="block_media block w-full aspect-square md:aspect-square print:aspect-square theme-rounded-img duration-1000 transition-transform scale-100 hover:scale-105 media_image action_modal md:cursor-zoom-in" data-product="8794609221859" data-position="9" @media-select.window="if($event.detail.product == 8794609221859 && $event.detail.position > 0 ){ if($event.detail.position == 9 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
= 768){ modco.popup($el.getHTML(), `img_popup`) }" class="block_media block w-full aspect-square md:aspect-square print:aspect-square theme-rounded-img duration-1000 transition-transform scale-100 hover:scale-105 media_image action_modal md:cursor-zoom-in" data-product="8794609221859" data-position="10" @media-select.window="if($event.detail.product == 8794609221859 && $event.detail.position > 0 ){ if($event.detail.position == 10 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
= 768){ modco.popup($el.getHTML(), `img_popup`) }" class="block_media block w-full aspect-square md:aspect-square print:aspect-square theme-rounded-img duration-1000 transition-transform scale-100 hover:scale-105 media_image action_modal md:cursor-zoom-in" data-product="8794609221859" data-position="11" @media-select.window="if($event.detail.product == 8794609221859 && $event.detail.position > 0 ){ if($event.detail.position == 11 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
= 768){ modco.popup($el.getHTML(), `img_popup`) }" class="block_media block w-full aspect-square md:aspect-square print:aspect-square theme-rounded-img duration-1000 transition-transform scale-100 hover:scale-105 media_image action_modal md:cursor-zoom-in" data-product="8794609221859" data-position="12" @media-select.window="if($event.detail.product == 8794609221859 && $event.detail.position > 0 ){ if($event.detail.position == 12 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
= 768){ modco.popup($el.getHTML(), `img_popup`) }" class="block_media block w-full aspect-square md:aspect-square print:aspect-square theme-rounded-img duration-1000 transition-transform scale-100 hover:scale-105 media_image action_modal md:cursor-zoom-in" data-product="8794609221859" data-position="13" @media-select.window="if($event.detail.product == 8794609221859 && $event.detail.position > 0 ){ if($event.detail.position == 13 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
= 768){ modco.popup($el.getHTML(), `img_popup`) }" class="block_media block w-full aspect-square md:aspect-square print:aspect-square theme-rounded-img duration-1000 transition-transform scale-100 hover:scale-105 media_image action_modal md:cursor-zoom-in" data-product="8794609221859" data-position="14" @media-select.window="if($event.detail.product == 8794609221859 && $event.detail.position > 0 ){ if($event.detail.position == 14 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
= 768){ modco.popup($el.getHTML(), `img_popup`) }" x-init="setTimeout(() => { $dispatch( `media-select`, { product: 8794609221859, position: 15 } ) }, `10`)" class="block_media block w-full aspect-square md:aspect-square print:aspect-square theme-rounded-img duration-1000 transition-transform scale-100 hover:scale-105 media_image action_modal md:cursor-zoom-in" data-product="8794609221859" data-position="15" @media-select.window="if($event.detail.product == 8794609221859 && $event.detail.position > 0 ){ if($event.detail.position == 15 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
= 768){ modco.popup($el.getHTML(), `img_popup`) }" class="block_media block w-full aspect-square md:aspect-square print:aspect-square theme-rounded-img duration-1000 transition-transform scale-100 hover:scale-105 media_image action_modal md:cursor-zoom-in" data-product="8794609221859" data-position="16" @media-select.window="if($event.detail.product == 8794609221859 && $event.detail.position > 0 ){ if($event.detail.position == 16 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
= 768){ modco.popup($el.getHTML(), `img_popup`) }" class="block_media block w-full aspect-square md:aspect-square print:aspect-square theme-rounded-img duration-1000 transition-transform scale-100 hover:scale-105 media_image action_modal md:cursor-zoom-in" data-product="8794609221859" data-position="17" @media-select.window="if($event.detail.product == 8794609221859 && $event.detail.position > 0 ){ if($event.detail.position == 17 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
= 768){ modco.popup($el.getHTML(), `img_popup`) }" class="block_media block w-full aspect-square md:aspect-square print:aspect-square theme-rounded-img duration-1000 transition-transform scale-100 hover:scale-105 media_image action_modal md:cursor-zoom-in" data-product="8794609221859" data-position="18" @media-select.window="if($event.detail.product == 8794609221859 && $event.detail.position > 0 ){ if($event.detail.position == 18 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
= 768){ modco.popup($el.getHTML(), `img_popup`) }" class="block_media block w-full aspect-square md:aspect-square print:aspect-square theme-rounded-img duration-1000 transition-transform scale-100 hover:scale-105 media_image action_modal md:cursor-zoom-in" data-product="8794609221859" data-position="19" @media-select.window="if($event.detail.product == 8794609221859 && $event.detail.position > 0 ){ if($event.detail.position == 19 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">



















0 ){ if($event.detail.position == 1 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 2 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 3 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 4 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 5 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 6 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 7 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 8 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 9 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 10 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 11 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 12 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 13 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 14 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 15 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 16 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 17 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 18 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 19 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">



















Dock Teak Swivel Lounge Chair
The Dock Swivel Lounge Chair redefines outdoor comfort with its effortless swivel motion, allowing for easy movement and seamless conversation. Distinctive woven panels are set within a solid teak frame, creating a striking contrast of texture and warmth. Designed for both style and durability, its bold yet inviting silhouette makes a statement in any outdoor space. Crafted for luxurious relaxation, the Dock Collection offers the perfect balance of modern design and lasting craftsmanship.