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













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













S2 Teak Dining Arm Chair
The S2 Outdoor Dining Chair draws inspiration from modern architectural elements, featuring a bold angular back that creates a striking silhouette from every angle. Deep, luxurious cushions rest within the sculptural frame, balancing sharp lines with inviting comfort. Designed for both beauty and function, the S2 redefines outdoor living with a sophisticated presence that transforms any space into a refined retreat.