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="8794611646691" data-position="1" @media-select.window="if($event.detail.product == 8794611646691 && $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="8794611646691" data-position="2" @media-select.window="if($event.detail.product == 8794611646691 && $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="8794611646691" data-position="3" @media-select.window="if($event.detail.product == 8794611646691 && $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="8794611646691" data-position="4" @media-select.window="if($event.detail.product == 8794611646691 && $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="8794611646691" data-position="5" @media-select.window="if($event.detail.product == 8794611646691 && $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="8794611646691" data-position="6" @media-select.window="if($event.detail.product == 8794611646691 && $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="8794611646691" data-position="7" @media-select.window="if($event.detail.product == 8794611646691 && $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="8794611646691" data-position="8" @media-select.window="if($event.detail.product == 8794611646691 && $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="8794611646691" data-position="9" @media-select.window="if($event.detail.product == 8794611646691 && $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="8794611646691" data-position="10" @media-select.window="if($event.detail.product == 8794611646691 && $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="8794611646691" data-position="11" @media-select.window="if($event.detail.product == 8794611646691 && $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="8794611646691" data-position="12" @media-select.window="if($event.detail.product == 8794611646691 && $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="8794611646691" data-position="13" @media-select.window="if($event.detail.product == 8794611646691 && $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="8794611646691" data-position="14" @media-select.window="if($event.detail.product == 8794611646691 && $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`) }" 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="8794611646691" data-position="15" @media-select.window="if($event.detail.product == 8794611646691 && $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`) }" x-init="setTimeout(() => { $dispatch( `media-select`, { product: 8794611646691, position: 16 } ) }, `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="8794611646691" data-position="16" @media-select.window="if($event.detail.product == 8794611646691 && $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="8794611646691" data-position="17" @media-select.window="if($event.detail.product == 8794611646691 && $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`) } }">

















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`) } }">

















Dock Teak 3-Seater Sofa
Featuring distinctive woven panels set within a solid teak frame, the Dock Sofa creates a striking contrast of texture and warmth. Designed for both style and durability, this Sofa offers deep, inviting comfort, perfect for relaxed outdoor living. Crafted to elevate any setting, this piece seamlessly blends modern elegance with lasting craftsmanship. Pair with the Dock Lounge Chairs for the ultimate outdoor living oasis.