100 ){ active--; change() } else if( diff < -100 ){ active++; change() }">
= 768){ modco.popup($el.getHTML(), `img_popup`) }" x-init="setTimeout(() => { $dispatch( `media-select`, { product: 8797704618211, position: 1 } ) }, `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 active md:cursor-zoom-in" data-product="8797704618211" data-position="1" @media-select.window="if($event.detail.product == 8797704618211 && $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="8797704618211" data-position="2" @media-select.window="if($event.detail.product == 8797704618211 && $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="8797704618211" data-position="3" @media-select.window="if($event.detail.product == 8797704618211 && $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="8797704618211" data-position="4" @media-select.window="if($event.detail.product == 8797704618211 && $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`) } }">




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




S2 Teak 30 1/2" Square Side Table
The S2 Outdoor Side Table draws inspiration from modern architectural elements, featuring a sturdy solid teak wood base and top for strength and longevity. This table also pairs perfectly with the Dock collection. Designed for both beauty and function, the S2 redefines outdoor living with a sophisticated presence that transforms any space into a refined retreat.