{"template--20586793762861__main":"<section id=\"shopify-section-template--20586793762861__main\" class=\"shopify-section\"><!-- ##entry##core-main-product##endentry## -->\n<!-- ##entry##component--media-gallery##endentry## -->\n<!-- ##entry##core-track-recently-viewed##endentry## -->\n<track-recently-viewed product-handle='eastport-6-piece-sectional-txs785-2'></track-recently-viewed>\n\n<div class='main-product-wrapper'>\n  <main-product\n    \n      class='\n        px-pagemargin 2xl:container grid grid-cols-1 lg:grid-cols-[minmax(0,_1fr)_400px] xl:grid-cols-[minmax(0,_1fr)_546px] gap-x-md xl:gap-x-pagemargin gap-y-md py-sm lg:pb-pagemargin lg:pt-0\n        lg:grid-cols-2 gap-x-sm gap-y-md py-sx md:py-pagemargin\n      '\n      update-url='true'\n    \n    product-url='/products/eastport-6-piece-sectional-txs785-2'\n    section-id='template--20586793762861__main'\n    id='template--20586793762861__main'\n    data-main-product\n  >\n    <div class='lg:hidden'><product-form class='group/product-form grid grid-cols-[auto_auto]'>\n<div\n  \n  class='col-span-2 pb-2xs lg:pb-xs gap-x-xs items-start justify-between flex'\n>\n  <h1 class='h3'>Eastport 6-Piece Sectional</h1>\n  \n    <button\n      class='swym-button swym-add-to-wishlist !p-0 !h-auto min-w-5'\n      data-with-epi='true'\n      data-swaction='addToWishlist'\n      data-product-id='8224817348653'\n      data-variant-id='44017833181229'\n      data-product-url='https://www.trexfurniture.com/products/eastport-6-piece-sectional-txs785-2'\n    >\n      <svg\n        class='icon icon-wishlist'\n        aria-hidden='true'\n        focusable='false'\n        width='21'\n        height='20'\n        viewBox='0 0 21 20'\n        fill='none'\n        xmlns='http://www.w3.org/2000/svg'\n      >\n        <path d=\"M2.57052 10.3241L2.56484 10.3185L2.56105 10.315C0.477804 8.25867 0.479651 4.93279 2.56659 2.87869L2.56667 2.87862C4.65888 0.818456 8.056 0.818456 10.1482 2.87862L10.4989 3.22391L10.8497 2.87877C12.944 0.818324 16.3412 0.818538 18.4333 2.87862L18.4334 2.87869C20.5217 4.9341 20.5222 8.26291 18.435 10.3189C18.4344 10.3195 18.4339 10.32 18.4334 10.3205L18.3711 10.3807L18.3711 10.3807L18.3679 10.3838L10.5 18.1297L2.57052 10.3241Z\" stroke=\"currentColor\"/>\n      </svg>\n    </button>\n  \n</div>\n<div  class='relative mb-2xs lg:mb-xs lg:col-span-2 min-h-[18px] w-fit [&>div]:w-fit [&>div>div]:w-fit before:content[\"\"] before:absolute before:block before:w-full before:h-full before:bg-transparent before:cursor-pointer js-yotpo-reviews-rating'><div id=\"shopify-block-AbkhnSHVFVDRzTllPO__yotpo_product_reviews_star_rating_eUEUp7\" class=\"shopify-block shopify-app-block\">\n\n\n<div class=\"yotpo-widget-instance\"\n    data-yotpo-instance-id=\"1190905\"\n    data-yotpo-product-id=\"8224817348653\"\n    data-yotpo-cart-product-id=\"\"\n    data-yotpo-section-id=\"product\"\n    data-yotpo-preloaded-data=\"\">\n</div>\n\n\n\n</div></div>\n<p\n    class='caption uppercase text-t-disabled gap-x-2xs justify-end flex lg:hidden items-center pb-2xs'\n    id='Sku-template--20586793762861__main'\n    role='status'\n    sub-section-id='product-details-block-template--20586793762861__main-mobile-mobile_sku_L3gPCn'\n    \n  >\n    <span class=''>SKU</span>TXS785-2</p>\n<div class='pb-5 col-span-2'>\n  <div class='rte'>\n    \n\n\n\n\n  \n\n  <span class=\"element--content\">\n    \n      \n\n\n<p><span class=\"metafield-multi_line_text_field\">Sit back and settle into season after season of cushioned comfort.</span></p>\n    \n  </span>\n\n\n  </div>\n</div>\n<div\n  class='pb-md lg:pb-sm col-span-2 lg:col-span-1'\n  sub-section-id='product-details-block-template--20586793762861__main-mobile-price'\n><div\n      class='body-14'\n      id='price-template--20586793762861__main'\n      role='status'\n      data-variant-price-desktop\n      \n    >\n      \n\n  \n  <div\n    class='\n      inline-flex gap-x-2xs justify-start items-center group/price body-14 font-medium\n on-sale flex-wrap show-badge flex'\n    \n  >\n    \n      <div\n        \n          class='price-range inline-flex gap-x-2xs  lg:group-[.pos-bottom]:border-0'\n        \n      ><div class='group-[.on-sale]/price:hidden '><span class='sr-only'>Regular price</span>\n            <span class='body-14 font-medium'>\n              \n              $4,495.00\n            </span></div>\n        <div class='hidden group-[.on-sale]/price:flex flex-wrap gap-x-2xs items-baseline'>\n            <div class='flex gap-x-2xs items-baseline'>\n              <span class='sr-only'>Regular price</span>\n              <span>\n                <span class='body-14 font-medium text-[#AC2500]'>\n                  \n                  $4,495.00</span>\n              </span>\n            </div><div class='flex gap-2xs items-baseline flex-wrap'>\n              <span class='sr-only'>Sale price</span>\n              <s class='line-through text-t-disabled font-[325] caption lg:text-[14px]'>\n                \n                  $4,895.00\n                \n              </s><span class='pt-[3px] pb-[2px] px-[5px] rounded flex body-14 !text-[11px] font-[325] leading-none uppercase whitespace-nowrap bg-[#FFC4AB] text-[#AC2500]'>\n    \n      \n      $400 off\n    \n  </span>\n                <div class='flex gap-2.5 flex-wrap'>\n\n\n  \n    <div\n      class='!font-[325] !text-[10px] leading-none items-center caption flex px-1 py-1 lg:!text-[11px] rounded  text-center bg-[var(--bg-badge)] text-[var(--text-badge)]'\n      style='--bg-badge:#c35418; --text-badge:#ffffff '\n    >\n      Spring Refresh Sale\n    </div>\n  \n\n</div>\n              \n            </div></div>\n        <small class='caption hidden'>\n          <span class='sr-only'>Unit price</span>\n          <span class='body-14 font-medium'>\n            <span></span>\n            <span aria-hidden='true'>/</span>\n            <span class='sr-only'>&nbsp;per&nbsp;</span>\n            <span>\n            </span>\n          </span>\n        </small>\n      </div>\n    \n\n</div>\n\n\n    </div><div class='body-14'>\n</div><div ><form method=\"post\" action=\"/cart/add\" id=\"product-form-installment-product-form-template--20586793762861__main\" accept-charset=\"UTF-8\" class=\"caption\" enctype=\"multipart/form-data\"><input type=\"hidden\" name=\"form_type\" value=\"product\" /><input type=\"hidden\" name=\"utf8\" value=\"✓\" /><input type='hidden' name='id' value='44017833181229'>\n      \n<input type=\"hidden\" name=\"product-id\" value=\"8224817348653\" /><input type=\"hidden\" name=\"section-id\" value=\"template--20586793762861__main\" /></form></div>\n</div>\n<style>\n    #add-ons-drawer-dialog,\n    #material-drawer-dialog {\n      --dmn-dialog-header-height: auto;\n    }\n  </style>\n</product-form>\n</div>\n\n\n\n<script\n  type='application/json'\n  product-media-gallery-data\n  product-media-gallery-data-id='8224817348653'\n  sub-section-id='component--media-gallery-template--20586793762861__main'\n>\n  {\n    \"sectionId\": \"template--20586793762861__main\",\n    \"productId\": \"8224817348653\",\n    \"productTitle\": \"Eastport 6-Piece Sectional\",\n    \"brandPillars\": \"\\n\",\n    \"options\": [\"POLYWOOD Color\",\"Cushion Color\"],\n    \"media\": {\n      \"finalMedia\": [\n{\n            \"index\": 0,\n            \n              \"type\": \"image\",\n              \"id\": \"27645497770029\",\n              \"position\": 109,\n              \n                \"aspectRatio\": 1.25,\n                \"alt\": \"Eastport 6-Piece Sectional\",\n                \"width\": 3000,\n                \"height\": 2400,\n                \"url\": \"//www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&width=1600\",\n                \"urls\": {\n                  \"400\": \"//www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&width=400\",\n                  \"600\": \"//www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&width=600\",\n                  \"800\": \"//www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&width=800\",\n                  \"1000\": \"//www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&width=1000\",\n                  \"1200\": \"//www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&width=1200\",\n                  \"1400\": \"//www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&width=1400\",\n                  \"1600\": \"//www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&width=1600\",\n                  \"2000\": \"//www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&width=2000\"\n                }\n              \n            \n          }\n,{\n            \"index\": 1,\n            \n              \"type\": \"image\",\n              \"id\": \"27527054852141\",\n              \"position\": 1,\n              \n                \"aspectRatio\": 1.2501042100875366,\n                \"alt\": \"Eastport 6-Piece Sectional\",\n                \"width\": 2999,\n                \"height\": 2399,\n                \"url\": \"//www.trexfurniture.com/cdn/shop/files/TXS785-2-SC146010-VARIANT-IMAGE.jpg?v=1753974560&width=1600\",\n                \"urls\": {\n                  \"400\": \"//www.trexfurniture.com/cdn/shop/files/TXS785-2-SC146010-VARIANT-IMAGE.jpg?v=1753974560&width=400\",\n                  \"600\": \"//www.trexfurniture.com/cdn/shop/files/TXS785-2-SC146010-VARIANT-IMAGE.jpg?v=1753974560&width=600\",\n                  \"800\": \"//www.trexfurniture.com/cdn/shop/files/TXS785-2-SC146010-VARIANT-IMAGE.jpg?v=1753974560&width=800\",\n                  \"1000\": \"//www.trexfurniture.com/cdn/shop/files/TXS785-2-SC146010-VARIANT-IMAGE.jpg?v=1753974560&width=1000\",\n                  \"1200\": \"//www.trexfurniture.com/cdn/shop/files/TXS785-2-SC146010-VARIANT-IMAGE.jpg?v=1753974560&width=1200\",\n                  \"1400\": \"//www.trexfurniture.com/cdn/shop/files/TXS785-2-SC146010-VARIANT-IMAGE.jpg?v=1753974560&width=1400\",\n                  \"1600\": \"//www.trexfurniture.com/cdn/shop/files/TXS785-2-SC146010-VARIANT-IMAGE.jpg?v=1753974560&width=1600\",\n                  \"2000\": \"//www.trexfurniture.com/cdn/shop/files/TXS785-2-SC146010-VARIANT-IMAGE.jpg?v=1753974560&width=2000\"\n                }\n              \n            \n          }\n,{\n            \"index\": 2,\n            \n              \"type\": \"image\",\n              \"id\": \"27527054884909\",\n              \"position\": 2,\n              \n                \"aspectRatio\": 2.7160493827160495,\n                \"alt\": \"Eastport 6-Piece Sectional\",\n                \"width\": 1980,\n                \"height\": 729,\n                \"url\": \"//www.trexfurniture.com/cdn/shop/files/ln84y72rdnj580zplqot_4212e90f-2910-46c3-b4c9-a88e484d215e.jpg?v=1752852516&width=1600\",\n                \"urls\": {\n                  \"400\": \"//www.trexfurniture.com/cdn/shop/files/ln84y72rdnj580zplqot_4212e90f-2910-46c3-b4c9-a88e484d215e.jpg?v=1752852516&width=400\",\n                  \"600\": \"//www.trexfurniture.com/cdn/shop/files/ln84y72rdnj580zplqot_4212e90f-2910-46c3-b4c9-a88e484d215e.jpg?v=1752852516&width=600\",\n                  \"800\": \"//www.trexfurniture.com/cdn/shop/files/ln84y72rdnj580zplqot_4212e90f-2910-46c3-b4c9-a88e484d215e.jpg?v=1752852516&width=800\",\n                  \"1000\": \"//www.trexfurniture.com/cdn/shop/files/ln84y72rdnj580zplqot_4212e90f-2910-46c3-b4c9-a88e484d215e.jpg?v=1752852516&width=1000\",\n                  \"1200\": \"//www.trexfurniture.com/cdn/shop/files/ln84y72rdnj580zplqot_4212e90f-2910-46c3-b4c9-a88e484d215e.jpg?v=1752852516&width=1200\",\n                  \"1400\": \"//www.trexfurniture.com/cdn/shop/files/ln84y72rdnj580zplqot_4212e90f-2910-46c3-b4c9-a88e484d215e.jpg?v=1752852516&width=1400\",\n                  \"1600\": \"//www.trexfurniture.com/cdn/shop/files/ln84y72rdnj580zplqot_4212e90f-2910-46c3-b4c9-a88e484d215e.jpg?v=1752852516&width=1600\",\n                  \"2000\": \"//www.trexfurniture.com/cdn/shop/files/ln84y72rdnj580zplqot_4212e90f-2910-46c3-b4c9-a88e484d215e.jpg?v=1752852516&width=2000\"\n                }\n              \n            \n          }\n,{\n            \"index\": 3,\n            \n              \"type\": \"image\",\n              \"id\": \"27645467820077\",\n              \"position\": 28,\n              \n                \"aspectRatio\": 1.25,\n                \"alt\": \"Eastport 6-Piece Sectional\",\n                \"width\": 3000,\n                \"height\": 2400,\n                \"url\": \"//www.trexfurniture.com/cdn/shop/files/m3iaswalbldvbtsn3t04.jpg?v=1755561723&width=1600\",\n                \"urls\": {\n                  \"400\": \"//www.trexfurniture.com/cdn/shop/files/m3iaswalbldvbtsn3t04.jpg?v=1755561723&width=400\",\n                  \"600\": \"//www.trexfurniture.com/cdn/shop/files/m3iaswalbldvbtsn3t04.jpg?v=1755561723&width=600\",\n                  \"800\": \"//www.trexfurniture.com/cdn/shop/files/m3iaswalbldvbtsn3t04.jpg?v=1755561723&width=800\",\n                  \"1000\": \"//www.trexfurniture.com/cdn/shop/files/m3iaswalbldvbtsn3t04.jpg?v=1755561723&width=1000\",\n                  \"1200\": \"//www.trexfurniture.com/cdn/shop/files/m3iaswalbldvbtsn3t04.jpg?v=1755561723&width=1200\",\n                  \"1400\": \"//www.trexfurniture.com/cdn/shop/files/m3iaswalbldvbtsn3t04.jpg?v=1755561723&width=1400\",\n                  \"1600\": \"//www.trexfurniture.com/cdn/shop/files/m3iaswalbldvbtsn3t04.jpg?v=1755561723&width=1600\",\n                  \"2000\": \"//www.trexfurniture.com/cdn/shop/files/m3iaswalbldvbtsn3t04.jpg?v=1755561723&width=2000\"\n                }\n              \n            \n          }\n,{\n            \"index\": 4,\n            \n              \"type\": \"image\",\n              \"id\": \"27645498753069\",\n              \"position\": 139,\n              \n                \"aspectRatio\": 1.25,\n                \"alt\": \"Eastport 6-Piece Sectional\",\n                \"width\": 3000,\n                \"height\": 2400,\n                \"url\": \"//www.trexfurniture.com/cdn/shop/files/symgmtftiabkbmmokaaz.jpg?v=1755561756&width=1600\",\n                \"urls\": {\n                  \"400\": \"//www.trexfurniture.com/cdn/shop/files/symgmtftiabkbmmokaaz.jpg?v=1755561756&width=400\",\n                  \"600\": \"//www.trexfurniture.com/cdn/shop/files/symgmtftiabkbmmokaaz.jpg?v=1755561756&width=600\",\n                  \"800\": \"//www.trexfurniture.com/cdn/shop/files/symgmtftiabkbmmokaaz.jpg?v=1755561756&width=800\",\n                  \"1000\": \"//www.trexfurniture.com/cdn/shop/files/symgmtftiabkbmmokaaz.jpg?v=1755561756&width=1000\",\n                  \"1200\": \"//www.trexfurniture.com/cdn/shop/files/symgmtftiabkbmmokaaz.jpg?v=1755561756&width=1200\",\n                  \"1400\": \"//www.trexfurniture.com/cdn/shop/files/symgmtftiabkbmmokaaz.jpg?v=1755561756&width=1400\",\n                  \"1600\": \"//www.trexfurniture.com/cdn/shop/files/symgmtftiabkbmmokaaz.jpg?v=1755561756&width=1600\",\n                  \"2000\": \"//www.trexfurniture.com/cdn/shop/files/symgmtftiabkbmmokaaz.jpg?v=1755561756&width=2000\"\n                }\n              \n            \n          }\n,{\n            \"index\": 5,\n            \n              \"type\": \"image\",\n              \"id\": \"27645520216109\",\n              \"position\": 202,\n              \n                \"aspectRatio\": 1.25,\n                \"alt\": \"Eastport 6-Piece Sectional\",\n                \"width\": 3000,\n                \"height\": 2400,\n                \"url\": \"//www.trexfurniture.com/cdn/shop/files/knsugqoxhshqofu0uoxh.jpg?v=1755561771&width=1600\",\n                \"urls\": {\n                  \"400\": \"//www.trexfurniture.com/cdn/shop/files/knsugqoxhshqofu0uoxh.jpg?v=1755561771&width=400\",\n                  \"600\": \"//www.trexfurniture.com/cdn/shop/files/knsugqoxhshqofu0uoxh.jpg?v=1755561771&width=600\",\n                  \"800\": \"//www.trexfurniture.com/cdn/shop/files/knsugqoxhshqofu0uoxh.jpg?v=1755561771&width=800\",\n                  \"1000\": \"//www.trexfurniture.com/cdn/shop/files/knsugqoxhshqofu0uoxh.jpg?v=1755561771&width=1000\",\n                  \"1200\": \"//www.trexfurniture.com/cdn/shop/files/knsugqoxhshqofu0uoxh.jpg?v=1755561771&width=1200\",\n                  \"1400\": \"//www.trexfurniture.com/cdn/shop/files/knsugqoxhshqofu0uoxh.jpg?v=1755561771&width=1400\",\n                  \"1600\": \"//www.trexfurniture.com/cdn/shop/files/knsugqoxhshqofu0uoxh.jpg?v=1755561771&width=1600\",\n                  \"2000\": \"//www.trexfurniture.com/cdn/shop/files/knsugqoxhshqofu0uoxh.jpg?v=1755561771&width=2000\"\n                }\n              \n            \n          }\n      ],\n      \"totalCount\": 6\n    },\n\n    \"variant\": {\n      \"selectedVariant\": {\n        \"id\": \"44017833181229\",\n        \"featured_media_id\": \"27645497770029\",\n        \"title\": \"Charcoal Black / Buffalo Plaid Dune Burlap\",\n        \"options\": [\"Charcoal Black\",\"Buffalo Plaid Dune Burlap\"],\n        \"options_with_values\": [{\"name\":\"POLYWOOD Color\",\"value\":\"Charcoal Black\"},{\"name\":\"Cushion Color\",\"value\":\"Buffalo Plaid Dune Burlap\"}],\n        \"metafield_variant_image\": null\n      }\n    },\n\n    \"config\": {\n      \"zoomGalleryId\": \"ComponentMediaGallery-template--20586793762861__main-zoom-gallery\",\n      \"thumbnailsId\": \"ComponentMediaGallery-template--20586793762861__main-thumbs-swiper\",\n      \"mainId\": \"ComponentMediaGallery-template--20586793762861__main-main-swiper\"\n    },\n\n    \"badges\": {\n      \"productBadges\": null,\n      \"collaborationBadge\": {\n        \"image\": \"\",\n        \"alt\": \"\"\n      }\n    },\n\n    \"displayMaterialMedia\": true,\n\n    \"responsive\": {\n      \"aspectRatio\": 1.25\n    }\n  }\n</script>\n\n<section component--media-gallery-section class='-mt-md lg:mt-0'>\n  <component--media-gallery\n    product-media-gallery-id='8224817348653'\n    thumbs-position='bottom'\n    class='lg:sticky lg:top-[--header-height] lg:pt-sm'\n  >\n    <div\n      role='region'\n      media-gallery\n      aria-label='Gallery Viewer'\n    ><div class='grid grid-cols-1 gap-y-sm lg:gap-y-xs lg:grid-rows-[minmax(0,_1fr)_55px] gap-x-xs place-content-start pb-[30px] lg:pb-0 lg:pt-sm'>\n        <!-- Desktop thumbnails placeholder -->\n        <div class='relative overflow-clip hidden h-[55px] lg:block lg:row-start-2'>\n          <!-- This empty div reserves space for thumbnails on desktop to prevent layout shift -->\n        </div>\n\n        <!-- Main content area -->\n        <div\n          class='relative pdp-media-gallery-8224817348653'\n          style='aspect-ratio: 1.25;'\n        >\n          \n\n\n\n\n<picture\n  \n>\n  \n    <source\n      media='(max-width: 767px)'\n      sizes='(min-width: 1024px) 45vw, 100vw'\n      srcset='\n        //www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&width=300 300w,\n        //www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&width=450 450w,\n        //www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&width=600 600w,\n        //www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&width=750 750w,\n        //www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&width=900 900w\n      '\n    >\n  \n\n  \n    <source\n      media='(min-width: 768px)'\n      sizes='(min-width: 1024px) 45vw, 100vw'\n      srcset='\n        //www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&width=750 750w,\n        //www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&width=900 900w,\n        //www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&width=1050 1050w,\n        //www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&width=1200 1200w,\n        //www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&width=1350 1350w,\n        //www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&width=1500 1500w,\n        //www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&width=1650 1650w,\n        //www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&width=1800 1800w,\n        //www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&width=1950 1950w\n      '\n    >\n  \n\n<img src=\"//www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&amp;width=3000\" alt=\"Eastport 6-Piece Sectional\" srcset=\"//www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&amp;width=800 800w, //www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&amp;width=1000 1000w, //www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&amp;width=1200 1200w, //www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&amp;width=1400 1400w, //www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&amp;width=1600 1600w, //www.trexfurniture.com/cdn/shop/files/nvdak7dwvufelswksctx.jpg?v=1755561756&amp;width=2000 2000w\" width=\"3000\" height=\"2400\" sizes=\"(min-width: 1024px) 45vw, 100vw\" class=\"w-full block w-full h-full object-cover absolute inset-0 object-cover\" fetchpriority=\"high\"></picture>\n\n        </div>\n\n        <!-- Brand Pillars placeholder to prevent CLS -->\n        \n\n      </div>\n    </div>\n  </component--media-gallery>\n</section>\n\n\n<section\n  id='ProductInfo-template--20586793762861__main'\n  class='pb-sm lg:pt-sm '\n><product-form class='group/product-form grid grid-cols-[auto_auto]'>\n<div\n  \n  class='col-span-2 pb-2xs lg:pb-xs gap-x-xs items-start justify-between hidden lg:flex '\n>\n  <h1 class='h3'>Eastport 6-Piece Sectional</h1>\n  \n    <button\n      class='swym-button swym-add-to-wishlist !p-0 !h-auto min-w-5'\n      data-with-epi='true'\n      data-swaction='addToWishlist'\n      data-product-id='8224817348653'\n      data-variant-id='44017833181229'\n      data-product-url='https://www.trexfurniture.com/products/eastport-6-piece-sectional-txs785-2'\n    >\n      <svg\n        class='icon icon-wishlist'\n        aria-hidden='true'\n        focusable='false'\n        width='21'\n        height='20'\n        viewBox='0 0 21 20'\n        fill='none'\n        xmlns='http://www.w3.org/2000/svg'\n      >\n        <path d=\"M2.57052 10.3241L2.56484 10.3185L2.56105 10.315C0.477804 8.25867 0.479651 4.93279 2.56659 2.87869L2.56667 2.87862C4.65888 0.818456 8.056 0.818456 10.1482 2.87862L10.4989 3.22391L10.8497 2.87877C12.944 0.818324 16.3412 0.818538 18.4333 2.87862L18.4334 2.87869C20.5217 4.9341 20.5222 8.26291 18.435 10.3189C18.4344 10.3195 18.4339 10.32 18.4334 10.3205L18.3711 10.3807L18.3711 10.3807L18.3679 10.3838L10.5 18.1297L2.57052 10.3241Z\" stroke=\"currentColor\"/>\n      </svg>\n    </button>\n  \n</div>\n<div  class='relative mb-2xs lg:mb-xs lg:col-span-2 min-h-[18px] w-fit [&>div]:w-fit [&>div>div]:w-fit before:content[\"\"] before:absolute before:block before:w-full before:h-full before:bg-transparent before:cursor-pointer js-yotpo-reviews-rating hidden lg:block'><div id=\"shopify-block-AbkhnSHVFVDRzTllPO__yotpo_product_reviews_star_rating_eUEUp7-1\" class=\"shopify-block shopify-app-block\">\n\n\n<div class=\"yotpo-widget-instance\"\n    data-yotpo-instance-id=\"1190905\"\n    data-yotpo-product-id=\"8224817348653\"\n    data-yotpo-cart-product-id=\"\"\n    data-yotpo-section-id=\"product\"\n    data-yotpo-preloaded-data=\"\">\n</div>\n\n\n\n</div></div>\n<p\n    class='caption uppercase text-t-disabled gap-x-2xs justify-end flex lg:hidden items-center pb-2xs'\n    id='Sku-template--20586793762861__main'\n    role='status'\n    sub-section-id='product-details-block-template--20586793762861__main-desktop-mobile_sku_L3gPCn'\n    \n  >\n    <span class=''>SKU</span>TXS785-2</p>\n<div class='pb-5 col-span-2'>\n  <div class='rte'>\n    \n\n\n\n\n  \n\n  <span class=\"element--content\">\n    \n      \n\n\n<p><span class=\"metafield-multi_line_text_field\">Sit back and settle into season after season of cushioned comfort.</span></p>\n    \n  </span>\n\n\n  </div>\n</div>\n<div\n  class='pb-md lg:pb-sm col-span-2 lg:col-span-1 hidden lg:block'\n  sub-section-id='product-details-block-template--20586793762861__main-desktop-price'\n><div\n      class='body-14'\n      id='price-template--20586793762861__main'\n      role='status'\n      data-variant-price-desktop\n      \n    >\n      \n\n  \n  <div\n    class='\n      inline-flex gap-x-2xs justify-start items-center group/price body-14 font-medium\n on-sale flex-wrap show-badge flex'\n    \n  >\n    \n      <div\n        \n          class='price-range inline-flex gap-x-2xs  lg:group-[.pos-bottom]:border-0'\n        \n      ><div class='group-[.on-sale]/price:hidden '><span class='sr-only'>Regular price</span>\n            <span class='body-14 font-medium'>\n              \n              $4,495.00\n            </span></div>\n        <div class='hidden group-[.on-sale]/price:flex flex-wrap gap-x-2xs items-baseline'>\n            <div class='flex gap-x-2xs items-baseline'>\n              <span class='sr-only'>Regular price</span>\n              <span>\n                <span class='body-14 font-medium text-[#AC2500]'>\n                  \n                  $4,495.00</span>\n              </span>\n            </div><div class='flex gap-2xs items-baseline flex-wrap'>\n              <span class='sr-only'>Sale price</span>\n              <s class='line-through text-t-disabled font-[325] caption lg:text-[14px]'>\n                \n                  $4,895.00\n                \n              </s><span class='pt-[3px] pb-[2px] px-[5px] rounded flex body-14 !text-[11px] font-[325] leading-none uppercase whitespace-nowrap bg-[#FFC4AB] text-[#AC2500]'>\n    \n      \n      $400 off\n    \n  </span>\n                <div class='flex gap-2.5 flex-wrap'>\n\n\n  \n    <div\n      class='!font-[325] !text-[10px] leading-none items-center caption flex px-1 py-1 lg:!text-[11px] rounded  text-center bg-[var(--bg-badge)] text-[var(--text-badge)]'\n      style='--bg-badge:#c35418; --text-badge:#ffffff '\n    >\n      Spring Refresh Sale\n    </div>\n  \n\n</div>\n              \n            </div></div>\n        <small class='caption hidden'>\n          <span class='sr-only'>Unit price</span>\n          <span class='body-14 font-medium'>\n            <span></span>\n            <span aria-hidden='true'>/</span>\n            <span class='sr-only'>&nbsp;per&nbsp;</span>\n            <span>\n            </span>\n          </span>\n        </small>\n      </div>\n    \n\n</div>\n\n\n    </div><div class='body-14'>\n</div><div ><form method=\"post\" action=\"/cart/add\" id=\"product-form-installment-product-form-template--20586793762861__main\" accept-charset=\"UTF-8\" class=\"caption\" enctype=\"multipart/form-data\"><input type=\"hidden\" name=\"form_type\" value=\"product\" /><input type=\"hidden\" name=\"utf8\" value=\"✓\" /><input type='hidden' name='id' value='44017833181229'>\n      \n<input type=\"hidden\" name=\"product-id\" value=\"8224817348653\" /><input type=\"hidden\" name=\"section-id\" value=\"template--20586793762861__main\" /></form></div>\n</div>\n<p\n    class='caption uppercase text-t-disabled gap-x-2xs justify-end hidden lg:flex items-start pt-0.5 pb-sm'\n    id='Sku-template--20586793762861__main'\n    role='status'\n    sub-section-id='product-details-block-template--20586793762861__main-desktop-sku_9wwJzw'\n    \n  >\n    <span class=''>SKU</span>TXS785-2</p>\n\n\n\n\n\n\n\n<variant-picker\n      id='variant-selects-variant_picker'\n      sub-section-id='variant_picker'\n      class='grid grid-cols-1 col-span-2 -mx-pagemargin lg:mx-0'\n      is-main-product='true'\n\n      \n        \n      \n    >\n\n\n<swatch-group\n  swatch-group-key='option_lumber_frame_color'\n  swatch-group-label='POLYWOOD Color'\n  class='\n      swatches-original\n    peer swatches-group\n    \n     border border-[#cccccc] border-ui-lines-2 peer-[.swatches-group]:mt-sm lg:rounded-sm overflow-hidden\n    \n  '\n>\n  <div\n    swatch-group-header\n    \n      class='caption flex justify-between items-center w-full px-pagemargin py-5 lg:px-[15px] border-[#cccccc] border-b'\n    \n  >\n    <span class=''>\n      <span class='body-14 font-semibold '>POLYWOOD Color:</span\n      >\n      <span data-selected-value class='body-14 font-medium'>Charcoal Black</span>\n    </span>\n    \n      \n\n<modal-dialog\n    cloak\n    type='modal'\n    id='modal-swatch-details-variant_picker-1'\n    class='!flex items-end'\n\n    \n      url=''\n    \n\n    \n      size='swatch'\n    \n\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n\n    \n\n    \n      header-classes='!w-[26px] !h-[26px] !ml-auto rounded-full !p-0 top-xs right-xs flex items-center !justify-center [&_button]:!ml-0 [&_div]:!grow-0 text-t-brand-primary'\n    \n\n    \n      header-position='sticky'\n    \n\n    \n      close-icon-size='14'\n    \n\n    \n\n    \n\n    dialogClass='!flex items-end'\n  ><div class=\"flex flex-col bg-t-background-primary !mt-[-60px] w-full\">\n    \n      <div class=\"relative w-full\">\n        \n<img src=\"//www.trexfurniture.com/cdn/shop/files/LUMBER_BL-Black_Shopify-update.jpg?v=1755812787\" srcset=\"//www.trexfurniture.com/cdn/shop/files/LUMBER_BL-Black_Shopify-update.jpg?v=1755812787&amp;width=281 281w, //www.trexfurniture.com/cdn/shop/files/LUMBER_BL-Black_Shopify-update.jpg?v=1755812787&amp;width=562 562w\" loading=\"lazy\" class=\"w-full block w-full h-[177px] md:w-[281px] md:h-[163px] object-cover object-cover\" fetchpriority=\"auto\">\n      </div>\n    \n\n    <div class=\"md:p-4 md:pb-5 py-md text-t-foreground\">\n      <div class=\"px-6 md:px-0\">\n        <h4 class=\"lg:h5 font-[325] md:mb-2xs\">\n          Charcoal Black\n        </h4>\n\n        \n          <p class=\"body-14 mb-xs font-[325]\"><span class=\"metafield-single_line_text_field\">Genuine POLYWOOD™ Lumber</span></p>\n        \n      </div>\n      \n        <div class=\"rte text-t-foreground px-6 md:px-0 [&_*]:caption\">\n          <div class=\"metafield-rich_text_field\"><p>Deep carbon black<br />\n• 20-year warranty<br />\n• Engineered for all weather<br />\n• Fade-resistant<br />\n• Satin, smooth-to-the-touch texture</p></div>\n        </div>\n      \n    </div>\n  </div>\n  </modal-dialog>\n\n\n\n\n<dialog-toggle modal-id='modal-swatch-details-variant_picker-1' class='inline-flex'>\n  <button\n    variant=\"link\"\n    aria-haspopup=\"dialog\"\n    aria-controls=\"modal-swatch-details-variant_picker-1\"\n    class=\"text-t-brand-primary underline hover:no-underline focus:outline-none focus-visible:ring-1 focus-visible:ring-u-focus\"\n  >See details</button>\n\n</dialog-toggle>\n\n    \n  </div>\n  <div\n    swatch-group-content\n    id='swatch-group-POLYWOOD Color'\n    class='overflow-hidden transition-[max-height] max-h-[--height] duration-300 px-pagemargin bg-t-brand-primary-contrast lg:px-2.5'\n  >\n    \n      \n<div\n    swatch-set\n    \n      finish-category='polywood-heritage'\n    \n    \n    class='border-solid border-t-t-ui-lines-2 py-[15px] peer swatches-row peer-[.swatches-row]:border-t'\n  ><div class='flex flex-wrap items-center gap-x-xs gap-y-2xs text-t-foreground'>\n          <span class='caption font-bold w-full lg:w-auto'>POLYWOOD Heritage™ : </span>\n          <span class='inline-flex items-center gap-x-2 caption lg:text-xs'>The original all-weather plastic lumber featuring the POLYWOOD Signature™ finish.\n<style>\n                #our-materials-drawer-dialog_1 {\n                  --dmn-dialog-header-height: auto;\n                }\n              </style>\n\n              \n\n<dialog-toggle modal-id='our-materials-drawer-dialog_1' class='relative inline-flex items-center w-4 h-4'><button class='block'>\n<svg-icon\n  src='icon-info'\n  class='block'\n\n  \n    style='--icon-size: 16px;'\n  \n\n  \n  \n></svg-icon>\n</button>\n</dialog-toggle>\n<modal-dialog\n    cloak\n    type='drawer'\n    id='our-materials-drawer-dialog_1'\n    class='hidden'\n\n    \n      url=''\n    \n\n    \n\n    \n      anchor='right'\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n\n    \n\n    \n      header-classes='!p-sm border-b border-t-ui-lines-2 top-0 lg:!top-0 bg-p-lightest'\n    \n\n    \n      header-position='sticky'\n    \n\n    \n      close-icon-size='18'\n    \n\n    \n\n    \n\n    dialogClass=''\n  ><div slot='header' class='h5 flex items-center flex-wrap '>\n                <div class=\"flex flex-col text-t-foreground\">\n                  <span class=\"text-heading-5 font-[325]\">Our Materials</span>\n                </div>\n              </div>\n                \n<our-materials class='w-full h-full flex flex-col'>\n  <style>\n    .accordion-item-opened .rte .metafield-rich_text_field p strong br {\n      display: none;\n    }\n  </style>\n  \n    \n      \n      \n        \n\n        <div\n          accordion-item\n          class='relative flex h-[60px] bg-no-repeat bg-cover bg-center transition-height ease-out duration-500 cursor-pointer  accordion-item-opened [&.accordion-item-opened]:!h-full'\n        >\n          \n          <div\n            class='relative w-full flex justify-center px-4 py-5 hidden'\n            data-close-content\n            \n              style='background-image: url(//www.trexfurniture.com/cdn/shop/files/Heritage-UPDATE-Closed.jpg?v=1752177941&width=600)'\n            \n          >\n            <div\n              class='h5 flex w-full justify-between items-center text-t-brand-primary-contrast'\n            >\n              POLYWOOD Heritage™\n\n<svg-icon\n  src='icon-caret'\n  class='w-3 -rotate-90'\n\n  \n\n  \n  \n></svg-icon>\n</div>\n          </div>\n\n          <div\n            class='h-full flex relative justify-between flex-col w-full p-2.5 '\n            data-open-content\n            \n              style='background-image: url(//www.trexfurniture.com/cdn/shop/files/Heritage-UPDATE-2-Open.jpg?v=1752177941&width=2560)'\n            \n          >\n            \n            <div class='bg-t-brand-primary-contrast text-t-foreground w-full mt-auto [&>ul]:list-disc [&>ul]:ml-5 [&>ul]:text-sm p-2.5 body-14 z-10'>\n              \n                <div class='h3 mb-6 text-[20px]'>POLYWOOD Heritage™</div>\n              \n              <style>\n                .rte .metafield-rich_text_field p strong {\n                  font-weight: 500;\n                }\n              </style>\n              <div class='rte'>\n                <div class=\"metafield-rich_text_field\"><p>Features our original POLYWOOD <strong>Signature™ finish</strong> with saturated color and a satin, smooth-to-the-touch texture.</p><p><strong>20-year warranty<br />\n</strong>Our lumber is backed for 20 years and isn’t prone to splinter, rot, crack, chip, or peel.</p><p><strong>Solidcore™ durability<br />\n</strong>A high-density composition ensures unrivaled strength and endurance from the inside out.</p><p><strong>ColorStay™ technology<br />\n</strong>UV inhibitor compounds lock lasting color and fade resistance.</p></div>\n              </div>\n              \n            </div>\n          </div>\n        </div>\n        \n      \n    \n  \n    \n      \n      \n    \n  \n    \n      \n      \n    \n  \n    \n      \n      \n    \n  \n    \n      \n      \n    \n  \n    \n      \n      \n    \n  \n    \n      \n      \n    \n  \n</our-materials>\n\n              \n  </modal-dialog>\n            \n          </span>\n        </div>\n      \n      \n\n      <div class='flex flex-wrap gap-y-xs gap-x-[5px]'>\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017835016237&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-1-0'\n    name='product-form-template--20586793762861__main--polywood-color-1'\n    value='Sand Castle'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266581717037'\n    data-variant-id='44017835016237'\n  >\n  <label\n    for='variant_picker-1-0'\n    title='Sand Castle'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/LUMBER_SA-Sand_Shopify-update.jpg?v=1755812788&width=60);\n        \n      '\n      \n        aria-label='Sand Castle'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,895.00</span>\n\n    <span class='sr-only'>Sand Castle</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017829707821&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-1-1'\n    name='product-form-template--20586793762861__main--polywood-color-1'\n    value='Classic White'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266581880877'\n    data-variant-id='44017829707821'\n  >\n  <label\n    for='variant_picker-1-1'\n    title='Classic White'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/LUMBER_WH-White_Shopify-update.jpg?v=1755812788&width=60);\n        \n      '\n      \n        aria-label='Classic White'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,895.00</span>\n\n    <span class='sr-only'>Classic White</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017836982317&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-1-2'\n    name='product-form-template--20586793762861__main--polywood-color-1'\n    value='Stepping Stone'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266581848109'\n    data-variant-id='44017836982317'\n  >\n  <label\n    for='variant_picker-1-2'\n    title='Stepping Stone'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/LUMBER_GY-Slate-Grey_Shopify-update2.jpg?v=1755812788&width=60);\n        \n      '\n      \n        aria-label='Stepping Stone'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Stepping Stone</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017836294189&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-1-3'\n    name='product-form-template--20586793762861__main--polywood-color-1'\n    value='Vintage Lantern'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266581749805'\n    data-variant-id='44017836294189'\n  >\n  <label\n    for='variant_picker-1-3'\n    title='Vintage Lantern'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/LUMBER_MA-Mahogany_Shopify-update.jpg?v=1755812788&width=60);\n        \n      '\n      \n        aria-label='Vintage Lantern'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,695.00</span>\n\n    <span class='sr-only'>Vintage Lantern</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017834197037&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-1-4'\n    name='product-form-template--20586793762861__main--polywood-color-1'\n    value='Tree House'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266581815341'\n    data-variant-id='44017834197037'\n  >\n  <label\n    for='variant_picker-1-4'\n    title='Tree House'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/LUMBER_TE-Teak_Shopify-update.jpg?v=1755812788&width=60);\n        \n      '\n      \n        aria-label='Tree House'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,695.00</span>\n\n    <span class='sr-only'>Tree House</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017833181229&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-1-5'\n    name='product-form-template--20586793762861__main--polywood-color-1'\n    value='Charcoal Black'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n      checked\n    \n    \n    \n    data-option-value-id='5266581913645'\n    data-variant-id='44017833181229'\n  >\n  <label\n    for='variant_picker-1-5'\n    title='Charcoal Black'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/LUMBER_BL-Black_Shopify-update.jpg?v=1755812787&width=60);\n        \n      '\n      \n        aria-label='Charcoal Black'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Charcoal Black</span>\n    \n  </label>\n</div>\n\n\n\n  <script>\n    ;(function () {\n      const inputId = 'variant_picker-1-5'\n\n      const ensureInputChecked = function () {\n        document.querySelectorAll('#' + inputId + '[checked]').forEach(function (input) {\n          if (!input.checked) {\n            input.checked = true\n          }\n        })\n      }\n\n      ensureInputChecked()\n\n      if (window.rbYieldToMainThread) {\n        window.rbYieldToMainThread().then(ensureInputChecked)\n      } else {\n        setTimeout(ensureInputChecked, 50)\n      }\n    })()\n  </script>\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017832296493&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-1-6'\n    name='product-form-template--20586793762861__main--polywood-color-1'\n    value='Rainforest Canopy'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266581782573'\n    data-variant-id='44017832296493'\n  >\n  <label\n    for='variant_picker-1-6'\n    title='Rainforest Canopy'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/LUMBER_GR-Green_Shopify-update.jpg?v=1755812788&width=60);\n        \n      '\n      \n        aria-label='Rainforest Canopy'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,695.00</span>\n\n    <span class='sr-only'>Rainforest Canopy</span>\n    \n  </label>\n</div>\n\n\n\n\n</div>\n    \n  </div><div view-all-swatch-sets class='pt-2 pb-4 hidden'>\n  <button variant='link' class='btn flex gap-2 text-t-foreground'>\n    \n<svg-icon\n  src='icon-plus'\n  class='block'\n\n  \n    style='--icon-size: 8px;'\n  \n\n  \n  \n></svg-icon>\n\n    <span class='text-capitalize'>View All Color Options</span>\n  </button>\n</div>\n<script>\n  ;(function () {\n    /*\n    ECOM-119: Hide swatch sets that don't match the finish category if applicable\n    Should eventually be moved into being handled by liquid instead of JS\n    */\n    let urlParams = new URLSearchParams(window.location.search)\n    let finishCategory = urlParams.get('finish-category')\n    let swatchSets = document.querySelectorAll('[swatch-set]')\n    let viewAllSwatchSets = document.querySelector('[view-all-swatch-sets]')\n    let selectedSwatch = document.querySelector('[swatch-set] input:checked')\n    if (!finishCategory) {\n      return\n    }\n    if (selectedSwatch.closest('[swatch-set]').getAttribute('finish-category') !== finishCategory) {\n      viewAllSwatchSets.classList.add('hidden')\n      return\n    }\n    let swatchSetCheckForValid = document.querySelector('[swatch-set][finish-category=\"' + finishCategory + '\"]')\n    if (!swatchSetCheckForValid) {\n      return\n    }\n    viewAllSwatchSets.classList.remove('hidden')\n    swatchSets.forEach((swatchSet) => {\n      if (swatchSet.getAttribute('finish-category') !== finishCategory) {\n        swatchSet.classList.add('hidden')\n      }\n    })\n    if (viewAllSwatchSets) {\n      viewAllSwatchSets.addEventListener('click', () => {\n        swatchSets.forEach((swatchSet) => {\n          swatchSet.classList.remove('hidden')\n        })\n        viewAllSwatchSets.classList.add('hidden')\n        urlParams.delete('finish-category')\n\n        // Update URL without page reload\n        const newUrl = window.location.pathname + (urlParams.toString() ? '?' + urlParams.toString() : '')\n        // Render Better Note:\n        // We wrap history.replaceState in a rbYieldToMainThread to prevent INP issues from analytics scripts reacting to URL changes\n        window.rbYieldToMainThread().then(() => {\n          history.replaceState({ path: newUrl }, '', newUrl)\n        })\n      })\n    }\n  })()\n</script>\n\n    \n  </div>\n</swatch-group>\n\n\n  <swatch-group\n    swatch-group-key='option_lumber_frame_color'\n    swatch-group-label='POLYWOOD Color'\n    class='swatches-alternate hidden peer swatches-group border-b border-b-t-ui-lines-2 peer-[.swatches-group]:border-t peer-[.swatches-group]:border-t-t-ui-lines-2 peer-[.swatches-group]:mt-sm'\n  >\n    <div\n      swatch-group-header\n      class='caption flex justify-between items-center bg-t-background-fourth w-full px-pagemargin py-5 lg:px-[15px]'\n    >\n      <span class=''>\n        <span class='caption uppercase'>POLYWOOD Color:</span>\n        <span data-selected-value class='body-14 font-medium'>Charcoal Black</span>\n      </span>\n      \n        \n\n<modal-dialog\n    cloak\n    type='modal'\n    id='modal-swatch-details-variant_picker-1'\n    class='!flex items-end'\n\n    \n      url=''\n    \n\n    \n      size='swatch'\n    \n\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n\n    \n\n    \n      header-classes='!w-[26px] !h-[26px] !ml-auto rounded-full !p-0 top-xs right-xs flex items-center !justify-center [&_button]:!ml-0 [&_div]:!grow-0 text-t-brand-primary'\n    \n\n    \n      header-position='sticky'\n    \n\n    \n      close-icon-size='14'\n    \n\n    \n\n    \n\n    dialogClass='!flex items-end'\n  ><div class=\"flex flex-col bg-t-background-primary !mt-[-60px] w-full\">\n    \n      <div class=\"relative w-full\">\n        \n<img src=\"//www.trexfurniture.com/cdn/shop/files/LUMBER_BL-Black_Shopify-update.jpg?v=1755812787\" srcset=\"//www.trexfurniture.com/cdn/shop/files/LUMBER_BL-Black_Shopify-update.jpg?v=1755812787&amp;width=281 281w, //www.trexfurniture.com/cdn/shop/files/LUMBER_BL-Black_Shopify-update.jpg?v=1755812787&amp;width=562 562w\" loading=\"lazy\" class=\"w-full block w-full h-[177px] md:w-[281px] md:h-[163px] object-cover object-cover\" fetchpriority=\"auto\">\n      </div>\n    \n\n    <div class=\"md:p-4 md:pb-5 py-md text-t-foreground\">\n      <div class=\"px-6 md:px-0\">\n        <h4 class=\"lg:h5 font-[325] md:mb-2xs\">\n          Charcoal Black\n        </h4>\n\n        \n          <p class=\"body-14 mb-xs font-[325]\"><span class=\"metafield-single_line_text_field\">Genuine POLYWOOD™ Lumber</span></p>\n        \n      </div>\n      \n        <div class=\"rte text-t-foreground px-6 md:px-0 [&_*]:caption\">\n          <div class=\"metafield-rich_text_field\"><p>Deep carbon black<br />\n• 20-year warranty<br />\n• Engineered for all weather<br />\n• Fade-resistant<br />\n• Satin, smooth-to-the-touch texture</p></div>\n        </div>\n      \n    </div>\n  </div>\n  </modal-dialog>\n\n\n\n\n<dialog-toggle modal-id='modal-swatch-details-variant_picker-1' class='inline-flex'>\n  <button\n    variant=\"link\"\n    aria-haspopup=\"dialog\"\n    aria-controls=\"modal-swatch-details-variant_picker-1\"\n    class=\"text-t-brand-primary underline hover:no-underline focus:outline-none focus-visible:ring-1 focus-visible:ring-u-focus\"\n  >See details</button>\n\n</dialog-toggle>\n\n      \n    </div>\n    <div\n      swatch-group-content\n      id='swatch-group-POLYWOOD Color'\n      class='overflow-hidden transition-[max-height] max-h-[--height] duration-300 px-pagemargin bg-t-brand-primary-contrast lg:px-2.5'\n    >\n      \n        \n\n\n\n\n\n  <div\n    swatch-set\n    finish-category='polywood-heritage'\n    class='swatch-alternate- border-solid border-t-t-ui-lines-2 py-[15px] peer swatches-row peer-[.swatches-row]:border-t'\n  ><div class='flex flex-wrap items-center gap-x-xs gap-y-2xs text-t-foreground'>\n          <span class='caption font-bold w-full lg:w-auto'>\n            \nPOLYWOOD Heritage™:\n            \n          </span>\n          <span class='inline-flex items-center gap-x-2 caption lg:text-xs'>\n            \nThe original all-weather plastic lumber featuring the POLYWOOD Signature™ finish.\n\n<dialog-toggle modal-id='variant_picker_our-materials-drawer-dialog' class='relative inline-flex items-center w-4 h-4'><button class='block'>Liquid error (snippets/color-swatches-alternate line 79): Could not find asset snippets/icon.liquid</button>\n</dialog-toggle>\n\n            \n\n              <style>\n                #variant_picker_our-materials-drawer-dialog {\n                  --dmn-dialog-header-height: auto;\n                }\n              </style>\n\n              \n              \n<modal-dialog\n    cloak\n    type='drawer'\n    id='variant_picker_our-materials-drawer-dialog'\n    class='hidden'\n\n    \n      url=''\n    \n\n    \n\n    \n      anchor='right'\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n\n    \n\n    \n      header-classes='!p-sm border-b border-t-ui-lines-2 top-0 lg:!top-0 bg-p-lightest'\n    \n\n    \n      header-position='sticky'\n    \n\n    \n      close-icon-size='18'\n    \n\n    \n\n    \n\n    dialogClass=''\n  ><div slot='header' class='h5 flex items-center flex-wrap '>\n                  <div class=\"flex flex-col text-t-foreground\">\n                    <span class=\"text-heading-5 font-[325]\">Our Materials</span>\n                  </div>\n                </div>\n                  \n<our-materials class='w-full h-full flex flex-col'>\n  <style>\n    .accordion-item-opened .rte .metafield-rich_text_field p strong br {\n      display: none;\n    }\n  </style>\n  \n    \n      \n      \n        \n\n        <div\n          accordion-item\n          class='relative flex h-[60px] bg-no-repeat bg-cover bg-center transition-height ease-out duration-500 cursor-pointer  accordion-item-opened [&.accordion-item-opened]:!h-full'\n        >\n          \n          <div\n            class='relative w-full flex justify-center px-4 py-5 hidden'\n            data-close-content\n            \n              style='background-image: url(//www.trexfurniture.com/cdn/shop/files/Heritage-UPDATE-Closed.jpg?v=1752177941&width=600)'\n            \n          >\n            <div\n              class='h5 flex w-full justify-between items-center text-t-brand-primary-contrast'\n            >\n              POLYWOOD Heritage™\n\n<svg-icon\n  src='icon-caret'\n  class='w-3 -rotate-90'\n\n  \n\n  \n  \n></svg-icon>\n</div>\n          </div>\n\n          <div\n            class='h-full flex relative justify-between flex-col w-full p-2.5 '\n            data-open-content\n            \n              style='background-image: url(//www.trexfurniture.com/cdn/shop/files/Heritage-UPDATE-2-Open.jpg?v=1752177941&width=2560)'\n            \n          >\n            \n            <div class='bg-t-brand-primary-contrast text-t-foreground w-full mt-auto [&>ul]:list-disc [&>ul]:ml-5 [&>ul]:text-sm p-2.5 body-14 z-10'>\n              \n                <div class='h3 mb-6 text-[20px]'>POLYWOOD Heritage™</div>\n              \n              <style>\n                .rte .metafield-rich_text_field p strong {\n                  font-weight: 500;\n                }\n              </style>\n              <div class='rte'>\n                <div class=\"metafield-rich_text_field\"><p>Features our original POLYWOOD <strong>Signature™ finish</strong> with saturated color and a satin, smooth-to-the-touch texture.</p><p><strong>20-year warranty<br />\n</strong>Our lumber is backed for 20 years and isn’t prone to splinter, rot, crack, chip, or peel.</p><p><strong>Solidcore™ durability<br />\n</strong>A high-density composition ensures unrivaled strength and endurance from the inside out.</p><p><strong>ColorStay™ technology<br />\n</strong>UV inhibitor compounds lock lasting color and fade resistance.</p></div>\n              </div>\n              \n            </div>\n          </div>\n        </div>\n        \n      \n    \n  \n    \n      \n      \n    \n  \n    \n      \n      \n    \n  \n    \n      \n      \n    \n  \n    \n      \n      \n    \n  \n    \n      \n      \n    \n  \n    \n      \n      \n    \n  \n</our-materials>\n\n                \n  </modal-dialog>\n            \n          </span>\n        </div>\n\n    \n      \n      \n\n      <div class='flex flex-wrap gap-y-xs gap-x-[5px] mt-2.5'>\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017835016237&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-1-0'\n    name='product-form-template--20586793762861__main--polywood-color-1'\n    value='Sand Castle'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266581717037'\n    data-variant-id='44017835016237'\n  >\n  <label\n    for='variant_picker-1-0'\n    title='Sand Castle'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/LUMBER_SA-Sand_Shopify-update.jpg?v=1755812788&width=60);\n        \n      '\n      \n        aria-label='Sand Castle'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,895.00</span>\n\n    <span class='sr-only'>Sand Castle</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017829707821&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-1-1'\n    name='product-form-template--20586793762861__main--polywood-color-1'\n    value='Classic White'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266581880877'\n    data-variant-id='44017829707821'\n  >\n  <label\n    for='variant_picker-1-1'\n    title='Classic White'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/LUMBER_WH-White_Shopify-update.jpg?v=1755812788&width=60);\n        \n      '\n      \n        aria-label='Classic White'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,895.00</span>\n\n    <span class='sr-only'>Classic White</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017836982317&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-1-2'\n    name='product-form-template--20586793762861__main--polywood-color-1'\n    value='Stepping Stone'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266581848109'\n    data-variant-id='44017836982317'\n  >\n  <label\n    for='variant_picker-1-2'\n    title='Stepping Stone'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/LUMBER_GY-Slate-Grey_Shopify-update2.jpg?v=1755812788&width=60);\n        \n      '\n      \n        aria-label='Stepping Stone'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Stepping Stone</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017836294189&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-1-3'\n    name='product-form-template--20586793762861__main--polywood-color-1'\n    value='Vintage Lantern'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266581749805'\n    data-variant-id='44017836294189'\n  >\n  <label\n    for='variant_picker-1-3'\n    title='Vintage Lantern'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/LUMBER_MA-Mahogany_Shopify-update.jpg?v=1755812788&width=60);\n        \n      '\n      \n        aria-label='Vintage Lantern'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,695.00</span>\n\n    <span class='sr-only'>Vintage Lantern</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017834197037&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-1-4'\n    name='product-form-template--20586793762861__main--polywood-color-1'\n    value='Tree House'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266581815341'\n    data-variant-id='44017834197037'\n  >\n  <label\n    for='variant_picker-1-4'\n    title='Tree House'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/LUMBER_TE-Teak_Shopify-update.jpg?v=1755812788&width=60);\n        \n      '\n      \n        aria-label='Tree House'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,695.00</span>\n\n    <span class='sr-only'>Tree House</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017833181229&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-1-5'\n    name='product-form-template--20586793762861__main--polywood-color-1'\n    value='Charcoal Black'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n      checked\n    \n    \n    \n    data-option-value-id='5266581913645'\n    data-variant-id='44017833181229'\n  >\n  <label\n    for='variant_picker-1-5'\n    title='Charcoal Black'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/LUMBER_BL-Black_Shopify-update.jpg?v=1755812787&width=60);\n        \n      '\n      \n        aria-label='Charcoal Black'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Charcoal Black</span>\n    \n  </label>\n</div>\n\n\n\n  <script>\n    ;(function () {\n      const inputId = 'variant_picker-1-5'\n\n      const ensureInputChecked = function () {\n        document.querySelectorAll('#' + inputId + '[checked]').forEach(function (input) {\n          if (!input.checked) {\n            input.checked = true\n          }\n        })\n      }\n\n      ensureInputChecked()\n\n      if (window.rbYieldToMainThread) {\n        window.rbYieldToMainThread().then(ensureInputChecked)\n      } else {\n        setTimeout(ensureInputChecked, 50)\n      }\n    })()\n  </script>\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017832296493&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-1-6'\n    name='product-form-template--20586793762861__main--polywood-color-1'\n    value='Rainforest Canopy'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266581782573'\n    data-variant-id='44017832296493'\n  >\n  <label\n    for='variant_picker-1-6'\n    title='Rainforest Canopy'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/LUMBER_GR-Green_Shopify-update.jpg?v=1755812788&width=60);\n        \n      '\n      \n        aria-label='Rainforest Canopy'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,695.00</span>\n\n    <span class='sr-only'>Rainforest Canopy</span>\n    \n  </label>\n</div>\n\n\n\n\n</div>\n    \n  </div>\n\n  <div\n    swatch-set\n    finish-category='premium-finishes'\n    class='swatch-alternate- border-solid border-t-t-ui-lines-2 py-[15px] peer swatches-row peer-[.swatches-row]:border-t'\n  >\n\n    \n      \n      \n\n      <div class='flex flex-wrap gap-y-xs gap-x-[5px] mt-2.5'></div>\n    \n  </div>\n      \n    </div>\n  </swatch-group>\n\n\n\n\n<swatch-group\n  swatch-group-key='option_cushion_color'\n  swatch-group-label='Cushion Color'\n  class='\n      \n    peer swatches-group\n    \n     border border-[#cccccc] border-ui-lines-2 peer-[.swatches-group]:mt-sm lg:rounded-sm overflow-hidden\n    \n  '\n>\n  <div\n    swatch-group-header\n    \n      class='caption flex justify-between items-center w-full px-pagemargin py-5 lg:px-[15px] border-[#cccccc] border-b'\n    \n  >\n    <span class=''>\n      <span class='body-14 font-semibold '>Cushion Color:</span\n      >\n      <span data-selected-value class='body-14 font-medium'>Buffalo Plaid Dune Burlap</span>\n    </span>\n    \n      \n\n<modal-dialog\n    cloak\n    type='modal'\n    id='modal-swatch-details-variant_picker-2'\n    class='!flex items-end'\n\n    \n      url=''\n    \n\n    \n      size='swatch'\n    \n\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n\n    \n\n    \n      header-classes='!w-[26px] !h-[26px] !ml-auto rounded-full !p-0 top-xs right-xs flex items-center !justify-center [&_button]:!ml-0 [&_div]:!grow-0 text-t-brand-primary'\n    \n\n    \n      header-position='sticky'\n    \n\n    \n      close-icon-size='14'\n    \n\n    \n\n    \n\n    dialogClass='!flex items-end'\n  ><div class=\"flex flex-col bg-t-background-primary !mt-[-60px] w-full\">\n    \n      <div class=\"relative w-full\">\n        \n<img src=\"//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_164953-Buffalo-Plaid-Dune-Burlap_Shopify.jpg?v=1752177954\" srcset=\"//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_164953-Buffalo-Plaid-Dune-Burlap_Shopify.jpg?v=1752177954&amp;width=281 281w, //www.trexfurniture.com/cdn/shop/files/FABRIC_REV_164953-Buffalo-Plaid-Dune-Burlap_Shopify.jpg?v=1752177954&amp;width=562 562w\" loading=\"lazy\" class=\"w-full block w-full h-[177px] md:w-[281px] md:h-[163px] object-cover object-cover\" fetchpriority=\"auto\">\n      </div>\n    \n\n    <div class=\"md:p-4 md:pb-5 py-md text-t-foreground\">\n      <div class=\"px-6 md:px-0\">\n        <h4 class=\"lg:h5 font-[325] md:mb-2xs\">\n          Buffalo Plaid Dune Burlap\n        </h4>\n\n        \n          <p class=\"body-14 mb-xs font-[325]\"><span class=\"metafield-single_line_text_field\">POLYWOOD All-Weather Fabric</span></p>\n        \n      </div>\n      \n        <div class=\"rte text-t-foreground px-6 md:px-0 [&_*]:caption\">\n          <div class=\"metafield-rich_text_field\"><p>Tonal white and beige plaid<br />\n• 1-year warranty<br />\n• 100% Revolution® polypropylene<br />\n• Resists moisture, salt, sun, mold, and mildew<br />\n• Soft to the touch<br />\n• Pet- and kid-friendly<br />\n• Cleans easily with soap and water<br />\n• Made in the USA</p></div>\n        </div>\n      \n    </div>\n  </div>\n  </modal-dialog>\n\n\n\n\n<dialog-toggle modal-id='modal-swatch-details-variant_picker-2' class='inline-flex'>\n  <button\n    variant=\"link\"\n    aria-haspopup=\"dialog\"\n    aria-controls=\"modal-swatch-details-variant_picker-2\"\n    class=\"text-t-brand-primary underline hover:no-underline focus:outline-none focus-visible:ring-1 focus-visible:ring-u-focus\"\n  >See details</button>\n\n</dialog-toggle>\n\n    \n  </div>\n  <div\n    swatch-group-content\n    id='swatch-group-Cushion Color'\n    class='overflow-hidden transition-[max-height] max-h-[--height] duration-300 px-pagemargin bg-t-brand-primary-contrast lg:px-2.5'\n  >\n    \n      \n\n<div class='border-solid border-t-t-ui-lines-2 py-[15px] peer swatches-row peer-[.swatches-row]:border-t'>\n  \n    \n    \n    <div class='flex flex-wrap gap-y-xs gap-x-[5px]'>\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017834983469&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-0'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Dune Burlap'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582110253'\n    data-variant-id='44017834983469'\n  >\n  <label\n    for='variant_picker-2-0'\n    title='Dune Burlap'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_145999-Dune-Burlap_Shopify_aa9b6acf-e1c3-4562-b1c8-5b239d524c4e.jpg?v=1752177956&width=60);\n        \n      '\n      \n        aria-label='Dune Burlap'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$3,449.00</span>\n\n    <span class='sr-only'>Dune Burlap</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017837015085&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-2'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Grey Mist'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582143021'\n    data-variant-id='44017837015085'\n  >\n  <label\n    for='variant_picker-2-2'\n    title='Grey Mist'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_145980-Grey-Mist_Shopify_5dffa665-9661-4fff-a6f3-a919f6b57e46.jpg?v=1752177941&width=60);\n        \n      '\n      \n        aria-label='Grey Mist'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$3,449.00</span>\n\n    <span class='sr-only'>Grey Mist</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017833836589&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-3'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Weathered Tweed'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582994989'\n    data-variant-id='44017833836589'\n  >\n  <label\n    for='variant_picker-2-3'\n    title='Weathered Tweed'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_145982-Weathered-Tweed_Shopify.jpg?v=1752177949&width=60);\n        \n      '\n      \n        aria-label='Weathered Tweed'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$3,449.00</span>\n\n    <span class='sr-only'>Weathered Tweed</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017837539373&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-4'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Ash Charcoal'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582077485'\n    data-variant-id='44017837539373'\n  >\n  <label\n    for='variant_picker-2-4'\n    title='Ash Charcoal'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_145986-Ash-Charcoal_Shopify.jpg?v=1752177945&width=60);\n        \n      '\n      \n        aria-label='Ash Charcoal'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$3,449.00</span>\n\n    <span class='sr-only'>Ash Charcoal</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017832558637&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-5'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Marine Indigo'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582503469'\n    data-variant-id='44017832558637'\n  >\n  <label\n    for='variant_picker-2-5'\n    title='Marine Indigo'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_145991-Marine-Indigo_Shopify_5fa3ccc8-b7b8-4b48-9815-c7fd252b302a.jpg?v=1752177949&width=60);\n        \n      '\n      \n        aria-label='Marine Indigo'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$3,449.00</span>\n\n    <span class='sr-only'>Marine Indigo</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017830297645&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-6'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Spiced Burlap'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582175789'\n    data-variant-id='44017830297645'\n  >\n  <label\n    for='variant_picker-2-6'\n    title='Spiced Burlap'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_146010-Spiced-Burlap_Shopify_004b1034-d0f3-477e-9228-f47ca7bc59a2.jpg?v=1752177953&width=60);\n        \n      '\n      \n        aria-label='Spiced Burlap'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$3,449.00</span>\n\n    <span class='sr-only'>Spiced Burlap</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017835343917&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-14'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Midnight Linen'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266583289901'\n    data-variant-id='44017835343917'\n  >\n  <label\n    for='variant_picker-2-14'\n    title='Midnight Linen'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_154349-Midnight_Linen_Shopify.jpg?v=1752177961&width=60);\n        \n      '\n      \n        aria-label='Midnight Linen'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$3,449.00</span>\n\n    <span class='sr-only'>Midnight Linen</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017830330413&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-7'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Ocean Teal'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582896685'\n    data-variant-id='44017830330413'\n  >\n  <label\n    for='variant_picker-2-7'\n    title='Ocean Teal'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_161127-Ocean-Teal_Shopify.jpg?v=1752177942&width=60);\n        \n      '\n      \n        aria-label='Ocean Teal'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$3,449.00</span>\n\n    <span class='sr-only'>Ocean Teal</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017829478445&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-8'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Glacier Spa'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582536237'\n    data-variant-id='44017829478445'\n  >\n  <label\n    for='variant_picker-2-8'\n    title='Glacier Spa'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_161130-Glacier-Spa_Shopify.jpg?v=1752177961&width=60);\n        \n      '\n      \n        aria-label='Glacier Spa'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$3,449.00</span>\n\n    <span class='sr-only'>Glacier Spa</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017830625325&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-9'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Sky Blue'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582372397'\n    data-variant-id='44017830625325'\n  >\n  <label\n    for='variant_picker-2-9'\n    title='Sky Blue'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_161147-Sky-Blue_Shopify.jpg?v=1752177942&width=60);\n        \n      '\n      \n        aria-label='Sky Blue'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$3,449.00</span>\n\n    <span class='sr-only'>Sky Blue</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017829576749&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-10'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Chartreuse Boucle'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582274093'\n    data-variant-id='44017829576749'\n  >\n  <label\n    for='variant_picker-2-10'\n    title='Chartreuse Boucle'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_161381-Chartreuse-Boucle_Shopify.jpg?v=1752177961&width=60);\n        \n      '\n      \n        aria-label='Chartreuse Boucle'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$3,449.00</span>\n\n    <span class='sr-only'>Chartreuse Boucle</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017835147309&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-11'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Navy Linen'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582405165'\n    data-variant-id='44017835147309'\n  >\n  <label\n    for='variant_picker-2-11'\n    title='Navy Linen'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_164488-Navy-Linen_Shopify_e6beaadc-b3c5-4145-9438-60835c6bd650.jpg?v=1752177946&width=60);\n        \n      '\n      \n        aria-label='Navy Linen'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$3,449.00</span>\n\n    <span class='sr-only'>Navy Linen</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017835114541&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-12'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Crimson Linen'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582765613'\n    data-variant-id='44017835114541'\n  >\n  <label\n    for='variant_picker-2-12'\n    title='Crimson Linen'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_164491-Crimson-Linen_Shopify.jpg?v=1752177954&width=60);\n        \n      '\n      \n        aria-label='Crimson Linen'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$3,449.00</span>\n\n    <span class='sr-only'>Crimson Linen</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017832689709&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-13'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Natural Linen'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266581979181'\n    data-variant-id='44017832689709'\n  >\n  <label\n    for='variant_picker-2-13'\n    title='Natural Linen'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_152939-Natural-Linen_Shopify.jpg?v=1752177952&width=60);\n        \n      '\n      \n        aria-label='Natural Linen'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$3,449.00</span>\n\n    <span class='sr-only'>Natural Linen</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017830723629&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-40'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Buffalo Plaid Crimson'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266581946413'\n    data-variant-id='44017830723629'\n  >\n  <label\n    for='variant_picker-2-40'\n    title='Buffalo Plaid Crimson'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_165222-Buffalo-Plaid-Crimson_Shopify.jpg?v=1752177948&width=60);\n        \n      '\n      \n        aria-label='Buffalo Plaid Crimson'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Buffalo Plaid Crimson</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017833181229&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-38'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Buffalo Plaid Dune Burlap'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n      checked\n    \n    \n    \n    data-option-value-id='5266582732845'\n    data-variant-id='44017833181229'\n  >\n  <label\n    for='variant_picker-2-38'\n    title='Buffalo Plaid Dune Burlap'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_164953-Buffalo-Plaid-Dune-Burlap_Shopify.jpg?v=1752177954&width=60);\n        \n      '\n      \n        aria-label='Buffalo Plaid Dune Burlap'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Buffalo Plaid Dune Burlap</span>\n    \n  </label>\n</div>\n\n\n\n  <script>\n    ;(function () {\n      const inputId = 'variant_picker-2-38'\n\n      const ensureInputChecked = function () {\n        document.querySelectorAll('#' + inputId + '[checked]').forEach(function (input) {\n          if (!input.checked) {\n            input.checked = true\n          }\n        })\n      }\n\n      ensureInputChecked()\n\n      if (window.rbYieldToMainThread) {\n        window.rbYieldToMainThread().then(ensureInputChecked)\n      } else {\n        setTimeout(ensureInputChecked, 50)\n      }\n    })()\n  </script>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017831182381&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-36'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Buffalo Plaid Glacier Spa'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582863917'\n    data-variant-id='44017831182381'\n  >\n  <label\n    for='variant_picker-2-36'\n    title='Buffalo Plaid Glacier Spa'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_164968-Buffalo-Plaid-Glacier-Spa_Shopify.jpg?v=1752177946&width=60);\n        \n      '\n      \n        aria-label='Buffalo Plaid Glacier Spa'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Buffalo Plaid Glacier Spa</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017831903277&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-39'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Buffalo Plaid Grey Mist'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582601773'\n    data-variant-id='44017831903277'\n  >\n  <label\n    for='variant_picker-2-39'\n    title='Buffalo Plaid Grey Mist'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_164951-Buffalo-Plaid-Grey-Mist_Shopify.jpg?v=1752177960&width=60);\n        \n      '\n      \n        aria-label='Buffalo Plaid Grey Mist'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Buffalo Plaid Grey Mist</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017831378989&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-37'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Buffalo Plaid Marine Indigo'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582634541'\n    data-variant-id='44017831378989'\n  >\n  <label\n    for='variant_picker-2-37'\n    title='Buffalo Plaid Marine Indigo'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_164943-Buffalo-Plaid-Marine-Indigo_Shopify.jpg?v=1752177958&width=60);\n        \n      '\n      \n        aria-label='Buffalo Plaid Marine Indigo'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Buffalo Plaid Marine Indigo</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017830527021&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-41'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Buffalo Plaid Navy'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582569005'\n    data-variant-id='44017830527021'\n  >\n  <label\n    for='variant_picker-2-41'\n    title='Buffalo Plaid Navy'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_165223-Buffalo-Plaid-Navy_Shopify.jpg?v=1752177951&width=60);\n        \n      '\n      \n        aria-label='Buffalo Plaid Navy'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Buffalo Plaid Navy</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017832591405&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-1'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Buffalo Plaid Sky Blue'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582011949'\n    data-variant-id='44017832591405'\n  >\n  <label\n    for='variant_picker-2-1'\n    title='Buffalo Plaid Sky Blue'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_164969-Buffalo-Plaid-Sky-Blue_Shopify.jpg?v=1752177963&width=60);\n        \n      '\n      \n        aria-label='Buffalo Plaid Sky Blue'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Buffalo Plaid Sky Blue</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017830821933&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-27'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Cabana Stripe Crimson'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266583060525'\n    data-variant-id='44017830821933'\n  >\n  <label\n    for='variant_picker-2-27'\n    title='Cabana Stripe Crimson'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_165226-Cabana-Stripe-Crimson_Shopify.jpg?v=1752177941&width=60);\n        \n      '\n      \n        aria-label='Cabana Stripe Crimson'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Cabana Stripe Crimson</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017829183533&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-25'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Cabana Stripe Dune Burlap'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582044717'\n    data-variant-id='44017829183533'\n  >\n  <label\n    for='variant_picker-2-25'\n    title='Cabana Stripe Dune Burlap'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_164878-Cabana-Stripe-Dune-Burlap_Shopify.jpg?v=1752177947&width=60);\n        \n      '\n      \n        aria-label='Cabana Stripe Dune Burlap'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Cabana Stripe Dune Burlap</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017830166573&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-23'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Cabana Stripe Glacier Spa'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582667309'\n    data-variant-id='44017830166573'\n  >\n  <label\n    for='variant_picker-2-23'\n    title='Cabana Stripe Glacier Spa'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_164891-Cabana-Stripe-Glacier-Spa_Shopify.jpg?v=1752177951&width=60);\n        \n      '\n      \n        aria-label='Cabana Stripe Glacier Spa'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Cabana Stripe Glacier Spa</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017834950701&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-26'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Cabana Stripe Grey Mist'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582470701'\n    data-variant-id='44017834950701'\n  >\n  <label\n    for='variant_picker-2-26'\n    title='Cabana Stripe Grey Mist'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_164876-Cabana-Stripe-Grey-Mist_Shopify.jpg?v=1752177958&width=60);\n        \n      '\n      \n        aria-label='Cabana Stripe Grey Mist'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Cabana Stripe Grey Mist</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017832722477&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-24'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Cabana Stripe Marine Indigo'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582798381'\n    data-variant-id='44017832722477'\n  >\n  <label\n    for='variant_picker-2-24'\n    title='Cabana Stripe Marine Indigo'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_164872-Cabana-Stripe-Marine-Indigo_Shopify.jpg?v=1752177942&width=60);\n        \n      '\n      \n        aria-label='Cabana Stripe Marine Indigo'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Cabana Stripe Marine Indigo</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017830854701&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-28'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Cabana Stripe Navy'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582339629'\n    data-variant-id='44017830854701'\n  >\n  <label\n    for='variant_picker-2-28'\n    title='Cabana Stripe Navy'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_165227-Cabana-Stripe-Navy_Shopify.jpg?v=1752177941&width=60);\n        \n      '\n      \n        aria-label='Cabana Stripe Navy'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Cabana Stripe Navy</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017835573293&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-22'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Cabana Stripe Sky Blue'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582241325'\n    data-variant-id='44017835573293'\n  >\n  <label\n    for='variant_picker-2-22'\n    title='Cabana Stripe Sky Blue'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_164835-Cabana-Stripe-Sky-Blue_Shopify.jpg?v=1752177942&width=60);\n        \n      '\n      \n        aria-label='Cabana Stripe Sky Blue'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Cabana Stripe Sky Blue</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017830920237&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-20'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Leaf Crimson'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266583093293'\n    data-variant-id='44017830920237'\n  >\n  <label\n    for='variant_picker-2-20'\n    title='Leaf Crimson'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_126-Leaf-Crimson_Shopify.jpg?v=1752177940&width=60);\n        \n      '\n      \n        aria-label='Leaf Crimson'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Leaf Crimson</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017837998125&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-18'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Leaf Dune Burlap'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582962221'\n    data-variant-id='44017837998125'\n  >\n  <label\n    for='variant_picker-2-18'\n    title='Leaf Dune Burlap'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_124-Leaf-Dune-Burlap_Shopify.jpg?v=1752177939&width=60);\n        \n      '\n      \n        aria-label='Leaf Dune Burlap'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Leaf Dune Burlap</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017830789165&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-16'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Leaf Glacier Spa'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266583027757'\n    data-variant-id='44017830789165'\n  >\n  <label\n    for='variant_picker-2-16'\n    title='Leaf Glacier Spa'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_122-Leaf-Glacier-Spa_Shopify.jpg?v=1752177942&width=60);\n        \n      '\n      \n        aria-label='Leaf Glacier Spa'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Leaf Glacier Spa</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017837670445&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-19'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Leaf Grey Mist'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582700077'\n    data-variant-id='44017837670445'\n  >\n  <label\n    for='variant_picker-2-19'\n    title='Leaf Grey Mist'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_125-Leaf-Grey-Mist_Shopify.jpg?v=1752177963&width=60);\n        \n      '\n      \n        aria-label='Leaf Grey Mist'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Leaf Grey Mist</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017832460333&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-17'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Leaf Marine Indigo'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266583126061'\n    data-variant-id='44017832460333'\n  >\n  <label\n    for='variant_picker-2-17'\n    title='Leaf Marine Indigo'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_123-Leaf-Marine-Indigo_Shopify.jpg?v=1752177944&width=60);\n        \n      '\n      \n        aria-label='Leaf Marine Indigo'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Leaf Marine Indigo</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017831575597&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-21'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Leaf Navy'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582929453'\n    data-variant-id='44017831575597'\n  >\n  <label\n    for='variant_picker-2-21'\n    title='Leaf Navy'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_127-Leaf-Navy_Shopify.jpg?v=1752177953&width=60);\n        \n      '\n      \n        aria-label='Leaf Navy'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Leaf Navy</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017836884013&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-15'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Leaf Sky Blue'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582437933'\n    data-variant-id='44017836884013'\n  >\n  <label\n    for='variant_picker-2-15'\n    title='Leaf Sky Blue'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_121-Leaf-Sky-Blue_Shopify.jpg?v=1752177963&width=60);\n        \n      '\n      \n        aria-label='Leaf Sky Blue'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Leaf Sky Blue</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017830264877&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-34'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Trellis Crimson'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582831149'\n    data-variant-id='44017830264877'\n  >\n  <label\n    for='variant_picker-2-34'\n    title='Trellis Crimson'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_165224-Trellis-Crimson_Shopify.jpg?v=1752177950&width=60);\n        \n      '\n      \n        aria-label='Trellis Crimson'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Trellis Crimson</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017833705517&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-32'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Trellis Dune Burlap'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266583191597'\n    data-variant-id='44017833705517'\n  >\n  <label\n    for='variant_picker-2-32'\n    title='Trellis Dune Burlap'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_164959-Trellis-Dune-Burlap_Shopify.jpg?v=1752177960&width=60);\n        \n      '\n      \n        aria-label='Trellis Dune Burlap'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Trellis Dune Burlap</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017834393645&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-30'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Trellis Glacier Spa'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266583257133'\n    data-variant-id='44017834393645'\n  >\n  <label\n    for='variant_picker-2-30'\n    title='Trellis Glacier Spa'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_164972-Trellis-Glacier-Spa_Shopify.jpg?v=1752177957&width=60);\n        \n      '\n      \n        aria-label='Trellis Glacier Spa'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Trellis Glacier Spa</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017836785709&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-33'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Trellis Grey Mist'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266583158829'\n    data-variant-id='44017836785709'\n  >\n  <label\n    for='variant_picker-2-33'\n    title='Trellis Grey Mist'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_164957-Trellis-Grey-Mist_Shopify.jpg?v=1752177952&width=60);\n        \n      '\n      \n        aria-label='Trellis Grey Mist'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Trellis Grey Mist</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017831772205&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-31'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Trellis Marine Indigo'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582306861'\n    data-variant-id='44017831772205'\n  >\n  <label\n    for='variant_picker-2-31'\n    title='Trellis Marine Indigo'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_164932-Trellis-Marine-Indigo_Shopify.jpg?v=1752177960&width=60);\n        \n      '\n      \n        aria-label='Trellis Marine Indigo'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Trellis Marine Indigo</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017832165421&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-35'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Trellis Navy'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266583224365'\n    data-variant-id='44017832165421'\n  >\n  <label\n    for='variant_picker-2-35'\n    title='Trellis Navy'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_165225-Trellis-Navy_Shopify.jpg?v=1752177961&width=60);\n        \n      '\n      \n        aria-label='Trellis Navy'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Trellis Navy</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  <link\n    rel='preload'\n    href='/products/eastport-6-piece-sectional-txs785-2?variant=44017837572141&sections=template--20586793762861__main'\n    as='fetch'\n    crossorigin='anonymous'\n    type=''\n  >\n  \n<div class='group/swatch-item'>\n  \n  <input\n    type='radio'\n    id='variant_picker-2-29'\n    name='product-form-template--20586793762861__main--cushion-color-2'\n    value='Trellis Sky Blue'\n    form='product-form-template--20586793762861__main'\n    class='sr-only peer'\n    \n    \n    \n    data-option-value-id='5266582208557'\n    data-variant-id='44017837572141'\n  >\n  <label\n    for='variant_picker-2-29'\n    title='Trellis Sky Blue'\n    class='block border border-solid border-t-ui-lines-2 box-border caption overflow-hidden rounded cursor-pointer peer-checked:border-t-brand-primary-contrast peer-checked:outline peer-checked:outline-1 peer-checked:outline-offset-1'\n  >\n    <span\n      class='\n        block bg-cover bg-t-background-fourth\n        \n        \n          min-w-[52px] h-[24px]\n        \n      '\n      style='\n        \n          background-image: url(//www.trexfurniture.com/cdn/shop/files/FABRIC_REV_164973-Trellis-Sky-Blue_Shopify.jpg?v=1752177941&width=60);\n        \n      '\n      \n        aria-label='Trellis Sky Blue'\n      \n    >\n      \n    </span>\n\n    <span class='text-[9px] block leading-4 text-center bg-t-brand-primary-contrast lg:text-[10px] lg:leading-[19px]'>$4,495.00</span>\n\n    <span class='sr-only'>Trellis Sky Blue</span>\n    \n  </label>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n</div>\n  \n</div>\n\n    \n  </div>\n</swatch-group>\n\n\n</variant-picker>\n\n<div\n  sub-section-id='product-details-block-template--20586793762861__main-desktop-lead_time_CjRfJB'\n  class='col-span-2 lg:border-b border-t-ui-lines-2 lead-time-block '\n  \n>\n  <div class='flex items-center justify-between w-full peer-focus-visible:ring-1 ring-u-focus cursor-pointer py-md lg:py-sm'>\n    <h2 class='utility flex items-center flex-wrap gap-x-xs' id='accordion-title-'>\n      Lead Time:\n      <span class='caption'><!-- ##entry##component-lead-time##endentry## -->\n<lead-time\n  api-proxy-url='https://api-proxy-0684a7fac39e994ab5e9.o2.myshopify.dev/'\n  variant-id='44017833181229'\n  product-id='8224817348653'\n  listen-url\n  only-text-message\n  hide-parent='.lead-time-block'\n  class='caption'\n>10-12 business days</lead-time>\n</span>\n    </h2>\n<dialog-toggle modal-id='modal-shipping-policy' class='inline-flex place-items-center'><button\n            variant='link'\n            aria-haspopup='dialog'\n            aria-controls='modal-shipping-policy'\n            class='underline caption block flex-grow text-right min-w-[10em] font-[325]'>Shipping Policy</button>\n</dialog-toggle></div>\n<modal-dialog\n    cloak\n    type='drawer'\n    id='modal-shipping-policy'\n    class='hidden'\n\n    \n      url=''\n    \n\n    \n\n    \n      anchor='right'\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n\n    \n\n    \n      header-classes='px-sm md:px-md border-b border-t-ui-lines-2 bg-p-lightest'\n    \n\n    \n      header-position='static'\n    \n\n    \n      close-icon-size='20'\n    \n\n    \n\n    \n\n    dialogClass=''\n  ><div slot='header' class='h5 flex items-center flex-wrap '>Shipping Policy</div><div class='grid grid-cols-1 px-sm py-md bg-t-background min-h-full md:px-md rte h-full overflow-auto'>\n        <h3>Free Shipping</h3><p>We offer free ground shipping within the contiguous US on every order and will ship your order using the fastest, safest, most reliable method possible!</p><h3>Lead Times</h3><p>Most of our products are made to order and the lead time of your order will match the longest lead time of any item on the order. For example, an order containing mixed lead time items may take up to 12 business days to ship, while an order only containing Quick Ship items will ship within 7 business days.</p><p>Please note that orders placed after 3:00 pm ET may not be received until the following business day.</p><p>Please also note that when paying by check/money order, stated lead times will only take effect once your check has been received and clears processing.</p><p>Stated lead times will not apply to orders containing single item quantities of 25 or greater. Please contact us at (877) 907-TREX (8739) or email us at customerservice@trexfurniture.com to confirm lead times before placing an order containing single item quantities of 25 or greater.</p><h3>Expected Delivery Dates</h3><p>All products are shipped from either of our manufacturing and distribution centers in Syracuse, Indiana or Roxboro, North Carolina. Please make sure to take transit time to your location into account when ordering. Standard transit times within the U.S. can vary from a day to a week, depending on the destination and weather conditions. Whenever possible we will ship via FedEx. Larger items and high volume orders will be shipped LTL.</p><h3>Specific Delivery Date Requests</h3><p>If you need delivery by a certain date, or you need delayed shipment to a certain date, please <a href=\"https://help.trexfurniture.com/hc/en-us\" title=\"https://help.trexfurniture.com/hc/en-us\">contact us</a> at (877) 907-TREX (8739) before placing your order.</p><h3>Shipment Notifications</h3><p>When your order ships, we will notify you via email. Included in your email will be a tracking number for your shipment. We encourage you to track your package online or over the phone with the carrier.</p><p>Standard delivery includes bringing the furniture to your home address. It does not include specific placement or removal of the packaging. Please make sure that you inspect the package(s) at the time of delivery. If the shipment appears to be damaged, or if there is any reason you are concerned with the packaging, please note this clearly when signing for the delivery.</p><h3>Nonstandard Shipments</h3><p>For orders shipping to an address outside of the contiguous United States, please <a href=\"https://help.trexfurniture.com/hc/en-us\" title=\"https://help.trexfurniture.com/hc/en-us\">contact our customer service representatives</a> for a custom quote. In order to obtain your quote, we will need your delivery address and a list of the items you intend to purchase. We cannot ship to PO Boxes.</p>\n      </div>\n  </modal-dialog>\n</div>\n\n\n\n\n        \n\n\n\n\n\n  <div class='w-full flex flex-row gap-x-[15px] items-center border-t lg:border-t-0 col-span-2 py-md lg:py-sm  p-sm mt-sm bg-[#F7F8F3]'>\n    <div class='icon basis-[32px] min-w-[32px]'>\n      <svg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.53 58.77'>\n        <defs><style>.cls-1{fill:#515151;stroke:#505150;stroke-miterlimit:10;}</style></defs><g id=\"Layer_1-2\"><path class=\"cls-1\" d=\"M110.34,2.74C106.96.62,103.56,0,100.21.9c-5.92,1.6-9.68,7.49-10.64,9.14l-9.6,4.91c-1.36-1.56-3.35-2.56-5.56-2.6l-12.83-.19c-1.49-.02-2.93-.46-4.18-1.28l-2.91-1.9c-1.76-1.15-3.81-1.76-5.91-1.76h-9.5c-2.76,0-5.39,1.04-7.4,2.93l-11.99,11.24-4.27-4.43c-.56-.58-1.47-.61-2.06-.06L.98,28.33c-.29.27-.47.65-.48,1.05-.01.4.14.79.42,1.07l26.73,27.38c.28.28.65.44,1.05.45h0c.39,0,.77-.16,1.04-.43l11.74-11.74c.57-.57.58-1.49.02-2.07l-1.99-2.06h40.04c.29,0,.58-.09.82-.25,21.98-14.76,30.21-36.31,30.55-37.22.24-.66,0-1.39-.6-1.77ZM28.72,54.7L4.1,29.47l10.21-9.4,24.07,24.97-9.65,9.65ZM79.11,39.02h-42.25c-.06,0-.11.01-.17.02l-14.94-15.5,11.96-11.21c1.46-1.37,3.37-2.13,5.38-2.13h9.5c1.53,0,3.02.44,4.3,1.28l2.91,1.9c1.71,1.12,3.7,1.72,5.75,1.76l12.83.19c2.5.04,4.53,2.1,4.53,4.6s-2.06,4.6-4.6,4.6h-20.98c-.82,0-1.48.66-1.48,1.48s.66,1.48,1.48,1.48h20.98c4.17,0,7.55-3.39,7.55-7.55,0-.84-.15-1.64-.4-2.4l9.86-5.05c.27-.14.49-.36.64-.63.03-.07,3.5-6.59,9.03-8.09,2.18-.59,4.43-.3,6.71.87-2.01,4.62-10.5,22.09-28.58,34.4Z\"/></g>\n      </svg>\n    </div>\n    <div class='w-full flex flex-col gap-y-[5px] basis-[100%]'>\n      <p class='caption text-t-brand-secondary-contrast'>\n        <strong class='tracking-wider'>Eligible for White Glove Delivery</strong>\n      </p>\n      <div class='*:caption mt-0 text-t-brand-secondary-contrast'>\n        <p>Select this premium service at checkout.  Scheduled delivery to your outdoor space, including assembly and removal of all packaging.</p>\n        \n          \n          \n        \n      </div>\n    </div>\n\n<dialog-toggle modal-id='white-glove-service-dialog' class='flex justify-between'><button\n        variant='link'\n        aria-haspopup='dialog'\n        aria-controls='modal-white-glove-service-dialog'\n        aria-expanded='false'\n        class='underline caption block flex-grow text-right whitespace-nowrap font-[325]'>\n        Learn More\n        </button>\n</dialog-toggle>\n  </div>\n<modal-dialog\n    cloak\n    type='drawer'\n    id='white-glove-service-dialog'\n    class='hidden'\n\n    \n      url=''\n    \n\n    \n\n    \n      anchor='right'\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n\n    \n\n    \n      header-classes='!p-sm border-b border-t-ui-lines-2 top-0 lg:!top-0 !items-start bg-p-lightest'\n    \n\n    \n      header-position='sticky'\n    \n\n    \n      close-icon-size='18'\n    \n\n    \n\n    \n\n    dialogClass=''\n  ><div slot='header' class='h5 flex items-center flex-wrap '>Eligible for White Glove Delivery</div><div class=\"grid grid-cols-1 px-sm py-md bg-t-background min-h-full md:px-md rte h-full overflow-auto\">\n            \n                <p>With this premium service, our professional delivery partners will ensure your furniture is:</p>\n            \n            \n                \n<img src=\"//www.trexfurniture.com/cdn/shop/files/step-1-full.jpg?v=1753377769&amp;width=830\" srcset=\"//www.trexfurniture.com/cdn/shop/files/step-1-full.jpg?v=1753377769&amp;width=352 352w, //www.trexfurniture.com/cdn/shop/files/step-1-full.jpg?v=1753377769&amp;width=830 830w\" width=\"830\" height=\"420.0\" loading=\"lazy\" class=\"w-full block w-full !border-0 !mb-0 !rounded-none object-cover\" fetchpriority=\"auto\">\n            \n            \n                <p class=\"!mb-0\">1.  Placed in your outdoor space of choice</p>\n            \n            \n                \n<img src=\"//www.trexfurniture.com/cdn/shop/files/step-2-full.jpg?v=1753377769&amp;width=830\" srcset=\"//www.trexfurniture.com/cdn/shop/files/step-2-full.jpg?v=1753377769&amp;width=352 352w, //www.trexfurniture.com/cdn/shop/files/step-2-full.jpg?v=1753377769&amp;width=830 830w\" width=\"830\" height=\"420.0\" loading=\"lazy\" class=\"w-full block w-full !border-0 !rounded-none !mb-0 object-cover\" fetchpriority=\"auto\">\n            \n            \n                <p class=\"!mb-0\">2.  Fully assembled and inspected</p>\n            \n            \n                \n<img src=\"//www.trexfurniture.com/cdn/shop/files/step-3-full.jpg?v=1753377769&amp;width=830\" srcset=\"//www.trexfurniture.com/cdn/shop/files/step-3-full.jpg?v=1753377769&amp;width=352 352w, //www.trexfurniture.com/cdn/shop/files/step-3-full.jpg?v=1753377769&amp;width=830 830w\" width=\"830\" height=\"420.0\" loading=\"lazy\" class=\"w-full block w-full !border-0 !rounded-none !mb-0 object-cover\" fetchpriority=\"auto\">\n            \n            \n                <p class=\"!mb-0\">3.  Ready for use with all packaging and debris cleared</p>\n            \n            \n                <div class=\"mt-auto text-center *:caption\">\n                <p><em>Select this option at checkout.</em></p>\n                </div>\n            \n        </div>\n  </modal-dialog>\n  \n\n\n<div class='js-buy-button-holder'></div>\n<div\n  sub-section-id='product-details-block-template--20586793762861__main-desktop-buy_buttons'\n  class='\n    buy-button-container lg:sticky z-10 lg:bottom-0 col-span-2 -mx-pagemargin h-[--height] lg:mx-0 lg:py-sm group\n    pos-top [&.pos-top]:shadow-custom-negative lg:[&.pos-top]:shadow-none\n    \n      mt-sm lg:bg-[#FFFFFF]\n    \n  '\n>\n  <div\n    class='\n      buy-button-inner lg:flex lg:justify-between lg:items-center group-[.pos-bottom]:shadow-custom-negative\n      group-[.pos-bottom]:fixed group-[.pos-bottom]:w-full group-[.pos-bottom]:left-0 group-[.pos-bottom]:bg-t-brand-primary-contrast lg:group-[.pos-bottom]:shadow-none\n      lg:group-[.pos-bottom]:top-[--header-height] lg:group-[.pos-bottom]:bottom-auto lg:group-[.pos-bottom]:border-y lg:group-[.pos-bottom]:border-t-ui-lines-2\n    '\n  >\n    <div class='hidden h5 lg:group-[.pos-bottom]:block lg:group-[.pos-bottom]:pl-[20px]'>Eastport 6-Piece Sectional</div>\n\n    <div\n      class='\n        buy-button-wrapper grid grid-cols-[120px_90px_auto] lg:w-full lg:group-[.pos-bottom]:w-auto lg:group-[.pos-bottom]:min-w-[504px]\n        \n          gap-sm\n        \n      '\n    ><div\n        class='[&_*]:!text-[18px]'\n        id='buy-price-template--20586793762861__main'\n        role='status'\n        data-variant-price\n        \n      >\n        \n\n  \n  <div\n    class='\n      inline-flex gap-x-2xs justify-start items-center group/price body-14 font-medium\n bg-p-lightest w-full h-full on-sale'\n    \n  >\n    \n      <div\n        \n          class='price-range inline-flex gap-x-2xs w-full h-full px-sm lg:px-2xs lg:group-[.pos-bottom]:border-0'\n        \n      ><div class='group-[.on-sale]/price:hidden m-auto'><span class='sr-only'>Regular price</span>\n            <span class='body-14 font-medium'>\n              \n              $4,495.00\n            </span></div>\n        <div class='hidden group-[.on-sale]/price:flex flex-wrap gap-x-2xs w-full h-full justify-center items-center'>\n            <div class='flex gap-x-2xs items-baseline'>\n              <span class='sr-only'>Regular price</span>\n              <span>\n                <span class='body-14 font-medium text-[#AC2500]'>\n                  \n                  $4,495.00</span>\n              </span>\n            </div></div>\n        <small class='caption hidden'>\n          <span class='sr-only'>Unit price</span>\n          <span class='body-14 font-medium'>\n            <span></span>\n            <span aria-hidden='true'>/</span>\n            <span class='sr-only'>&nbsp;per&nbsp;</span>\n            <span>\n            </span>\n          </span>\n        </small>\n      </div>\n    \n</div>\n\n\n      </div><div\n  id='Quantity-Form-template--20586793762861__main'\n  class='grid grid-cols-1'\n  sub-section-id='buy_buttons'\n  \n>\n  <div class='grid grid-cols-1'><quantity-input\n  class='grid grid-cols-[25px_40px_25px] border border-[#cccccc] rounded-sm max-w-fit'\n  variant-id='44017833181229'\n  cart-quantity='0'\n  min='1'\n  value='1'\n  \n\n  \n>\n  <button\n    class='inline-flex items-center justify-end aspect-[21/52] lg:aspect-[25/52] max-h-[52px] utility disabled:opacity-50 disabled:pointer-events-none'\n    name='minus'\n    type='button'\n    id='product-form-template--20586793762861__main-quantity__decrement'\n  >\n    <span class='sr-only'>Decrease quantity for Eastport 6-Piece Sectional</span>\n<svg-icon\n  src='icon-minus'\n  class=''\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</button>\n  <input\n    class='text-center remove-arrow caption  font-[325]'\n    type='number'\n    name='quantity'\n    value='1'\n    inputmode='numeric'\n    \n    min='0'\n    \n    step='1'\n    \n    aria-label='Quantity for Eastport 6-Piece Sectional'\n    id='product-form-template--20586793762861__main-quantity'\n\n    \n      form='product-form-template--20586793762861__main'\n    \n  >\n  <button\n    class='inline-flex items-center justify-start aspect-[21/52] lg:aspect-[25/52] max-h-[52px] utility disabled:opacity-50 disabled:pointer-events-none'\n    name='plus'\n    type='button'\n    id='product-form-template--20586793762861__main-quantity__increment'\n  >\n    <span class='sr-only'>Increase quantity for Eastport 6-Piece Sectional</span>\n<svg-icon\n  src='icon-plus'\n  class=''\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n</button>\n</quantity-input>\n</div>\n</div>\n\n<div  sub-section-id='buttons-buy_buttons'><div class='product-form__error-message-wrapper' role='alert' hidden>\n<svg-icon\n  src='icon-error'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class='product-form__error-message'></span>\n    </div><form method=\"post\" action=\"/cart/add\" id=\"product-form-template--20586793762861__main\" accept-charset=\"UTF-8\" class=\"group-[.loading]/product-form:pointer-events-none\" enctype=\"multipart/form-data\" novalidate=\"novalidate\" data-type=\"add-to-cart-form\"><input type=\"hidden\" name=\"form_type\" value=\"product\" /><input type=\"hidden\" name=\"utf8\" value=\"✓\" /><input\n        type='hidden'\n        name='id'\n        class='hidden'\n        value='44017833181229'\n        \n      >\n      \n\n      <div class='grid grid-cols-1 gap-y-xs'>\n        \n        <button\n          id='ProductSubmitButton-template--20586793762861__main'\n          type='submit'\n          name='add'\n          variant='secondary'\n          class='btn !h-[52px]'\n          \n        >\n          <span class='caption-large font-[325] uppercase tracking-[0.42px] whitespace-nowrap'>Add to cart\n</span>\n        </button>\n      </div><input type=\"hidden\" name=\"product-id\" value=\"8224817348653\" /><input type=\"hidden\" name=\"section-id\" value=\"template--20586793762861__main\" /></form></div>\n\n<style>\n  .shopify-payment-button__more-options[aria-hidden='true'] {\n    display: none;\n  }\n</style>\n</div>\n  </div>\n</div>\n<div\n  class='product-accordion accordion col-span-2 border-b border-t-ui-lines-2 empty:hidden'\n  \n></div>\n\n<div\n  class='product-accordion accordion col-span-2 border-b border-t-ui-lines-2 empty:hidden'\n  \n></div>\n\n<div\n  class='product-accordion accordion col-span-2 border-b border-t-ui-lines-2 empty:hidden'\n  \n></div>\n\n<div\n  class='product-accordion accordion col-span-2 border-b border-t-ui-lines-2 empty:hidden'\n  \n></div>\n<style>\n    #add-ons-drawer-dialog,\n    #material-drawer-dialog {\n      --dmn-dialog-header-height: auto;\n    }\n  </style>\n</product-form>\n</section>\n</main-product>\n</div>\n\n\n<style> #shopify-section-template--20586793762861__main #swym-atw-button-container, #shopify-section-template--20586793762861__main .swym-atw-btn-wrapper-for-img {display: none !important;} #shopify-section-template--20586793762861__main .swym-button.swym-add-to-wishlist {background: #fff !important; color: var(--pw-color-primary) !important;} #shopify-section-template--20586793762861__main .swym-added > .icon-wishlist {fill: var(--pw-color-primary) !important;} </style></section>"}