<!doctype html>
<html
  
  lang="en"
>
  <head><link
        rel="icon"
        type="image/png"
        href="//bendgoods.com/cdn/shop/files/BendGoods-Favicon_32x32_e388ae8f-19d0-4159-929b-d6c1a4d571ba.png?crop=center&height=32&v=1766168782&width=32"
      >
    
      <link
        rel="expect"
        href="#MainContent"
        blocking="render"
        id="view-transition-render-blocker"
      >
    
<meta charset="utf-8">
<meta
  http-equiv="X-UA-Compatible"
  content="IE=edge"
>
<meta
  name="viewport"
  content="width=device-width,initial-scale=1"
>
<meta
  name="view-transition"
  content="same-origin"
>
<meta
  name="theme-color"
  content=""
>

<meta
  property="og:site_name"
  content="Bend Goods"
>
<meta
  property="og:url"
  content="https://bendgoods.com/"
>
<meta
  property="og:title"
  content="Bend Goods | Modern Metal Furniture for Indoor &amp; Outdoor Spaces"
>
<meta
  property="og:type"
  content="website"
>
<meta
  property="og:description"
  content="Modern wire &amp; tube furniture for restaurants, hotels, and homes. Designed in LA. Shop dining chairs, bar stools, lounge chairs &amp; outdoor furniture."
><meta
    property="og:image"
    content="http://bendgoods.com/cdn/shop/files/bendgoods_2025tubecollection.png?v=1737661817"
  >
  <meta
    property="og:image:secure_url"
    content="https://bendgoods.com/cdn/shop/files/bendgoods_2025tubecollection.png?v=1737661817"
  >
  <meta
    property="og:image:width"
    content="1200"
  >
  <meta
    property="og:image:height"
    content="628"
  ><meta
  name="twitter:card"
  content="summary_large_image"
>
<meta
  name="twitter:title"
  content="Bend Goods | Modern Metal Furniture for Indoor &amp; Outdoor Spaces"
>
<meta
  name="twitter:description"
  content="Modern wire &amp; tube furniture for restaurants, hotels, and homes. Designed in LA. Shop dining chairs, bar stools, lounge chairs &amp; outdoor furniture."
>

<title>
  Bend Goods | Modern Metal Furniture for Indoor &amp; Outdoor Spaces
</title>

<link
  rel="canonical"
  href="https://bendgoods.com/"
>


  <meta
    name="description"
    content="Modern wire &amp; tube furniture for restaurants, hotels, and homes. Designed in LA. Shop dining chairs, bar stools, lounge chairs &amp; outdoor furniture."
  >

<link href="//bendgoods.com/cdn/shop/t/136/assets/overflow-list.css?v=101911674359793798601768574404" as="style" rel="preload">
<link href="//bendgoods.com/cdn/shop/t/136/assets/base.css?v=82050500549859813671768574404" rel="stylesheet" type="text/css" media="all" />
<link href="//bendgoods.com/cdn/shop/t/136/assets/custom.css?v=98645488646786303431775793173" rel="stylesheet" type="text/css" media="all" />

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300;0,400;1,300;1,400&display=swap" rel="stylesheet"><link
    rel="preload"
    as="font"
    href="//bendgoods.com/cdn/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//bendgoods.com/cdn/fonts/instrument_sans/instrumentsans_n7.e4ad9032e203f9a0977786c356573ced65a7419a.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//bendgoods.com/cdn/fonts/instrument_sans/instrumentsans_n7.e4ad9032e203f9a0977786c356573ced65a7419a.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//bendgoods.com/cdn/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  >
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
  {
    "imports": {
      "@theme/overflow-list": "//bendgoods.com/cdn/shop/t/136/assets/overflow-list.js?v=65512826410339635571773843912",
      "@theme/product-title": "//bendgoods.com/cdn/shop/t/136/assets/product-title-truncation.js?v=81744426891537421781768574404",
      "@theme/component": "//bendgoods.com/cdn/shop/t/136/assets/component.js?v=184240237101443119871768574404",
      "@theme/dialog": "//bendgoods.com/cdn/shop/t/136/assets/dialog.js?v=61774032287387761671768574404",
      "@theme/events": "//bendgoods.com/cdn/shop/t/136/assets/events.js?v=147926035229139604561768574404",
      "@theme/focus": "//bendgoods.com/cdn/shop/t/136/assets/focus.js?v=60436577539430446401768574404",
      "@theme/morph": "//bendgoods.com/cdn/shop/t/136/assets/morph.js?v=35457747882330740861768574404",
      "@theme/paginated-list": "//bendgoods.com/cdn/shop/t/136/assets/paginated-list.js?v=95298315036233333871768574404",
      "@theme/performance": "//bendgoods.com/cdn/shop/t/136/assets/performance.js?v=171015751390534793081768574404",
      "@theme/product-form": "//bendgoods.com/cdn/shop/t/136/assets/product-form.js?v=37993400097492174081768574404",
      "@theme/recently-viewed-products": "//bendgoods.com/cdn/shop/t/136/assets/recently-viewed-products.js?v=94729125001750262651768574404",
      "@theme/scrolling": "//bendgoods.com/cdn/shop/t/136/assets/scrolling.js?v=118005526288211533611768574404",
      "@theme/section-renderer": "//bendgoods.com/cdn/shop/t/136/assets/section-renderer.js?v=117273408521114569061768574404",
      "@theme/section-hydration": "//bendgoods.com/cdn/shop/t/136/assets/section-hydration.js?v=177651605160027701221768574404",
      "@theme/utilities": "//bendgoods.com/cdn/shop/t/136/assets/utilities.js?v=74252600229394689081768574404",
      "@theme/variant-picker": "//bendgoods.com/cdn/shop/t/136/assets/variant-picker.js?v=124079696159966615681768574404",
      "@theme/media-gallery": "//bendgoods.com/cdn/shop/t/136/assets/media-gallery.js?v=111441960308641931071768574404",
      "@theme/quick-add": "//bendgoods.com/cdn/shop/t/136/assets/quick-add.js?v=148903382353369979481768574404",
      "@theme/paginated-list-aspect-ratio": "//bendgoods.com/cdn/shop/t/136/assets/paginated-list-aspect-ratio.js?v=25254270272143792451768574404",
      "@theme/popover-polyfill": "//bendgoods.com/cdn/shop/t/136/assets/popover-polyfill.js?v=119029313658895111201768574404",
      "@theme/component-quantity-selector": "//bendgoods.com/cdn/shop/t/136/assets/component-quantity-selector.js?v=67906657287482036641768574404",
      "@theme/comparison-slider": "//bendgoods.com/cdn/shop/t/136/assets/comparison-slider.js?v=106705562947035711941768574404",
      "@theme/sticky-add-to-cart": "//bendgoods.com/cdn/shop/t/136/assets/sticky-add-to-cart.js?v=48956925339276737091768574404",
      "@theme/fly-to-cart": "//bendgoods.com/cdn/shop/t/136/assets/fly-to-cart.js?v=129971753673458693881768574404"
    }
  }
</script>

<script
  src="//bendgoods.com/cdn/shop/t/136/assets/view-transitions.js?v=7106414069516106341768574404"
  async
  
    blocking="render"
  
></script>

<link
  rel="modulepreload"
  href="//bendgoods.com/cdn/shop/t/136/assets/utilities.js?v=74252600229394689081768574404"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//bendgoods.com/cdn/shop/t/136/assets/component.js?v=184240237101443119871768574404"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//bendgoods.com/cdn/shop/t/136/assets/section-renderer.js?v=117273408521114569061768574404"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//bendgoods.com/cdn/shop/t/136/assets/section-hydration.js?v=177651605160027701221768574404"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//bendgoods.com/cdn/shop/t/136/assets/morph.js?v=35457747882330740861768574404"
  fetchpriority="low"
>



<link
  rel="modulepreload"
  href="//bendgoods.com/cdn/shop/t/136/assets/focus.js?v=60436577539430446401768574404"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//bendgoods.com/cdn/shop/t/136/assets/recently-viewed-products.js?v=94729125001750262651768574404"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//bendgoods.com/cdn/shop/t/136/assets/scrolling.js?v=118005526288211533611768574404"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//bendgoods.com/cdn/shop/t/136/assets/events.js?v=147926035229139604561768574404"
  fetchpriority="low"
>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/popover-polyfill.js?v=119029313658895111201768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/overflow-list.js?v=65512826410339635571773843912"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/quick-add.js?v=148903382353369979481768574404"
  type="module"
  fetchpriority="low"
></script>

  <script
    src="//bendgoods.com/cdn/shop/t/136/assets/cart-discount.js?v=107077853990124422021768574404"
    type="module"
    fetchpriority="low"
  ></script>


<script
  src="//bendgoods.com/cdn/shop/t/136/assets/dialog.js?v=61774032287387761671768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/variant-picker.js?v=124079696159966615681768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/product-card.js?v=124402285637860180781768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/product-form.js?v=37993400097492174081768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/fly-to-cart.js?v=129971753673458693881768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/accordion-custom.js?v=99000499017714805851768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/disclosure-custom.js?v=168050880623268140331768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/media.js?v=37825095869491791421768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/product-price.js?v=117989390664188536191768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/product-sku.js?v=121804655373531320511768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/product-title-truncation.js?v=81744426891537421781768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/product-inventory.js?v=16343734458933704981768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/show-more.js?v=94563802205717136101768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/slideshow.js?v=40796646405849125981768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/layered-slideshow.js?v=30135417790894624731768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/anchored-popover.js?v=95953304814728754461768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/floating-panel.js?v=128677600744947036551768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/video-background.js?v=25237992823806706551768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/component-quantity-selector.js?v=67906657287482036641768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/media-gallery.js?v=111441960308641931071768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/rte-formatter.js?v=101420294193111439321768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/volume-pricing.js?v=15442793518842484731768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/price-per-item.js?v=144512917617120124431768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/volume-pricing-info.js?v=94479640769665442661768574404"
  type="module"
  fetchpriority="low"
></script>






  <script
    src="//bendgoods.com/cdn/shop/t/136/assets/product-card-link.js?v=97122579314620396511768574404"
    type="module"
    fetchpriority="low"
  ></script>


<script
  src="//bendgoods.com/cdn/shop/t/136/assets/auto-close-details.js?v=58350291535404441581768574404"
  defer="defer"
></script>

<script>
  const Theme = {
    translations: {
      placeholder_image: `Placeholder image`,
      added: `Added`,
      recipient_form_fields_visible: `Recipient form fields are now visible`,
      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
      recipient_form_error: `There was an error with the form submission`,
      items_added_to_cart_one: `1 item added to cart`,
      items_added_to_cart_other: `{{ count }} items added to cart`,
    },
    routes: {
      cart_add_url: '/cart/add.js',
      cart_change_url: '/cart/change',
      cart_update_url: '/cart/update',
      cart_url: '/cart',
      predictive_search_url: '/search/suggest',
      search_url: '/search',
    },
    template: {
      name: 'index',
    },
  };
</script>
<style data-shopify>
@font-face {
  font-family: "Instrument Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//bendgoods.com/cdn/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2") format("woff2"),
       url("//bendgoods.com/cdn/fonts/instrument_sans/instrumentsans_n4.510f1b081e58d08c30978f465518799851ef6d8b.woff") format("woff");
}
@font-face {
  font-family: "Instrument Sans";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//bendgoods.com/cdn/fonts/instrument_sans/instrumentsans_n7.e4ad9032e203f9a0977786c356573ced65a7419a.woff2") format("woff2"),
       url("//bendgoods.com/cdn/fonts/instrument_sans/instrumentsans_n7.b9e40f166fb7639074ba34738101a9d2990bb41a.woff") format("woff");
}
@font-face {
  font-family: "Instrument Sans";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//bendgoods.com/cdn/fonts/instrument_sans/instrumentsans_i4.028d3c3cd8d085648c808ceb20cd2fd1eb3560e5.woff2") format("woff2"),
       url("//bendgoods.com/cdn/fonts/instrument_sans/instrumentsans_i4.7e90d82df8dee29a99237cd19cc529d2206706a2.woff") format("woff");
}
@font-face {
  font-family: "Instrument Sans";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//bendgoods.com/cdn/fonts/instrument_sans/instrumentsans_i7.d6063bb5d8f9cbf96eace9e8801697c54f363c6a.woff2") format("woff2"),
       url("//bendgoods.com/cdn/fonts/instrument_sans/instrumentsans_i7.ce33afe63f8198a3ac4261b826b560103542cd36.woff") format("woff");
}


  :root {
    /* Page Layout */
    --sidebar-width: 25rem;
    --narrow-content-width: 36rem;
    --normal-content-width: 42rem;
    --wide-content-width: 46rem;
    --narrow-page-width: 90rem;
    --normal-page-width: 120rem;
    --wide-page-width: 150rem;

    /* Section Heights */
    --section-height-small: 15rem;
    --section-height-medium: 25rem;
    --section-height-large: 35rem;

    @media screen and (min-width: 40em) {
      --section-height-small: 40svh;
      --section-height-medium: 55svh;
      --section-height-large: 70svh;
    }

    @media screen and (min-width: 60em) {
      --section-height-small: 50svh;
      --section-height-medium: 65svh;
      --section-height-large: 80svh;
    }

    /* Letter spacing */
    --letter-spacing-sm: 0.06em;
    --letter-spacing-md: 0.13em;

    /* Font families */
    --font-body--family: "Instrument Sans", sans-serif;
    --font-body--style: normal;
    --font-body--weight: 400;
    --font-subheading--family: "Instrument Sans", sans-serif;
    --font-subheading--style: normal;
    --font-subheading--weight: 700;
    --font-heading--family: "Instrument Sans", sans-serif;
    --font-heading--style: normal;
    --font-heading--weight: 700;
    --font-accent--family: "Instrument Sans", sans-serif;
    --font-accent--style: normal;
    --font-accent--weight: 400;

    /* Margin sizes */
    --font-h1--spacing: 0.25em;
    --font-h2--spacing: 0.25em;
    --font-h3--spacing: 0.25em;
    --font-h4--spacing: 0.25em;
    --font-h5--spacing: 0.25em;
    --font-h6--spacing: 0.25em;
    --font-paragraph--spacing: 0.5em;

    /* Heading colors */
    --font-h1--color: var(--color-foreground-heading);
    --font-h2--color: var(--color-foreground-heading);
    --font-h3--color: var(--color-foreground-heading);
    --font-h4--color: var(--color-foreground-heading);
    --font-h5--color: var(--color-foreground-heading);
    --font-h6--color: var(--color-foreground-heading);

    /** Z-Index / Layering */
    --layer-section-background: -2;
    --layer-lowest: -1;
    --layer-base: 0;
    --layer-flat: 1;
    --layer-raised: 2;
    --layer-heightened: 4;
    --layer-sticky: 8;
    --layer-window-overlay: 10;
    --layer-header-menu: 12;
    --layer-overlay: 16;
    --layer-menu-drawer: 18;
    --layer-temporary: 20;

    /* Max-width / Measure */
    --max-width--body-normal: 42.5em;
    --max-width--body-narrow: 22.75em;

    --max-width--heading-normal: 32.5em;
    --max-width--heading-narrow: 19.5em;

    --max-width--display-normal: 13em;
    --max-width--display-narrow: 9.75em;
    --max-width--display-tight: 3.25em;

    /* Letter-spacing / Tracking */
    --letter-spacing--display-tight: -0.03em;
    --letter-spacing--display-normal: 0em;
    --letter-spacing--display-loose: 0.03em;

    --letter-spacing--heading-tight: -0.03em;
    --letter-spacing--heading-normal: 0em;
    --letter-spacing--heading-loose: 0.03em;

    --letter-spacing--body-tight: -0.03em;
    --letter-spacing--body-normal: 0em;
    --letter-spacing--body-loose: 0.03em;

    /* Line height / Leading */
    --line-height: 1;

    --line-height--display-tight: 1;
    --line-height--display-normal: 1.1;
    --line-height--display-loose: 1.2;

    --line-height--heading-tight: 1.15;
    --line-height--heading-normal: 1.25;
    --line-height--heading-loose: 1.35;

    --line-height--body-tight: 1.2;
    --line-height--body-normal: 1.4;
    --line-height--body-loose: 1.6;

    /* Typography presets */
    --font-size--paragraph: 1.0rem;--font-size--h1: 1.0rem;--font-size--h2: 2.0rem;--font-size--h3: 1.25rem;--font-size--h4: 1.25rem;--font-size--h5: 1.0rem;--font-size--h6: 0.875rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-tight);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-tight);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-normal);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-heading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-heading--family);--font-h5--style: var(--font-heading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-body--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-tight);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-body--family);--font-h6--style: var(--font-body--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-tight);

    /* Hardcoded font sizes */
    --font-size--3xs: 0.625rem;
    --font-size--2xs: 0.75rem;
    --font-size--xs: 0.8125rem;
    --font-size--sm: 0.875rem;
    --font-size--md: 1rem;
    --font-size--lg: 1.125rem;
    --font-size--xl: 1.25rem;
    --font-size--2xl: 1.5rem;
    --font-size--3xl: 2rem;
    --font-size--4xl: 2.5rem;
    --font-size--5xl: 3rem;
    --font-size--6xl: 3.5rem;

    /* Menu font sizes */
    --menu-font-sm--size: 0.875rem;
    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
    --menu-font-md--size: 1rem;
    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
    --menu-font-lg--size: 1.125rem;
    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
    --menu-font-xl--size: 1.25rem;
    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
    --menu-font-2xl--size: 1.75rem;
    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));

    /* Colors */
    --color-error: #8B0000;
    --color-success: #006400;
    --color-white: #FFFFFF;
    --color-white-rgb: 255 255 255;
    --color-black: #000000;
    --color-instock: #3ED660;
    --color-lowstock: #EE9441;
    --color-outofstock: #C8C8C8;

    /* Opacity */
    --opacity-5: 0.05;
    --opacity-8: 0.08;
    --opacity-10: 0.1;
    --opacity-15: 0.15;
    --opacity-20: 0.2;
    --opacity-25: 0.25;
    --opacity-30: 0.3;
    --opacity-40: 0.4;
    --opacity-50: 0.5;
    --opacity-60: 0.6;
    --opacity-70: 0.7;
    --opacity-80: 0.8;
    --opacity-85: 0.85;
    --opacity-90: 0.9;
    --opacity-subdued-text: var(--opacity-70);

    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);

    /* Spacing */
    --margin-3xs: 0.125rem;
    --margin-2xs: 0.3rem;
    --margin-xs: 0.5rem;
    --margin-sm: 0.7rem;
    --margin-md: 0.8rem;
    --margin-lg: 1rem;
    --margin-xl: 1.25rem;
    --margin-2xl: 1.5rem;
    --margin-3xl: 1.75rem;
    --margin-4xl: 2rem;
    --margin-5xl: 3rem;
    --margin-6xl: 5rem;

    --scroll-margin: 50px;

    --padding-3xs: 0.125rem;
    --padding-2xs: 0.25rem;
    --padding-xs: 0.5rem;
    --padding-sm: 0.7rem;
    --padding-md: 0.8rem;
    --padding-lg: 1rem;
    --padding-xl: 1.25rem;
    --padding-2xl: 1.5rem;
    --padding-3xl: 1.75rem;
    --padding-4xl: 2rem;
    --padding-5xl: 3rem;
    --padding-6xl: 4rem;

    --gap-3xs: 0.125rem;
    --gap-2xs: 0.3rem;
    --gap-xs: 0.5rem;
    --gap-sm: 0.7rem;
    --gap-md: 0.9rem;
    --gap-lg: 1rem;
    --gap-xl: 1.25rem;
    --gap-2xl: 2rem;
    --gap-3xl: 3rem;

    --spacing-scale-sm: 0.6;
    --spacing-scale-md: 0.7;
    --spacing-scale-default: 1.0;

    /* Checkout buttons gap */
    --checkout-button-gap: 10px;

    /* Borders */
    --style-border-width: 1px;
    --style-border-radius-xs: 0.2rem;
    --style-border-radius-sm: 0.6rem;
    --style-border-radius-md: 0.8rem;
    --style-border-radius-50: 50%;
    --style-border-radius-lg: 1rem;
    --style-border-radius-pills: 0px;
    --style-border-radius-inputs: 8px;
    --style-border-radius-buttons-primary: 0px;
    --style-border-radius-buttons-secondary: 0px;
    --style-border-width-primary: 0px;
    --style-border-width-secondary: 0px;
    --style-border-width-inputs: 0px;
    --style-border-radius-popover: 8px;
    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
    --style-border-swatch-opacity: 15%;
    --style-border-swatch-width: 1.5px;
    --style-border-swatch-style: solid;

    /* Animation */
    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
    --animation-speed-fast: 0.0625s;
    --animation-speed: 0.125s;
    --animation-speed-slow: 0.2s;
    --animation-speed-medium: 0.15s;
    --animation-easing: ease-in-out;
    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
    --drawer-animation-speed: 0.2s;
    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
    --animation-values: var(--animation-speed) var(--animation-easing);
    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);

    /* View transitions */
    /* View transition old */
    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;

    /* View transition new */
    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;

    /* Focus */
    --focus-outline-width: 0.09375rem;
    --focus-outline-offset: 0.2em;

    /* Badges */
    --badge-blob-padding-block: 1px;
    --badge-blob-padding-inline: 12px 8px;
    --badge-rectangle-padding-block: 1px;
    --badge-rectangle-padding-inline: 6px;
    @media screen and (min-width: 750px) {
      --badge-blob-padding-block: 4px;
      --badge-blob-padding-inline: 16px 12px;
      --badge-rectangle-padding-block: 4px;
      --badge-rectangle-padding-inline: 10px;
    }

    /* Icons */
    --icon-size-2xs: 0.6rem;
    --icon-size-xs: 0.85rem;
    --icon-size-sm: 1.25rem;
    --icon-size-md: 1.375rem;
    --icon-size-lg: 1.5rem;
    --icon-stroke-width: 1.5px;

    /* Input */
    --input-email-min-width: 200px;
    --input-search-max-width: 650px;
    --input-padding-y: 0.8rem;
    --input-padding-x: 0.8rem;
    --input-padding: var(--input-padding-y) var(--input-padding-x);
    --input-box-shadow-width: var(--style-border-width-inputs);
    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
    --input-textarea-min-height: 55px;

    /* Button size */
    --button-size-sm: 30px;
    --button-size-md: 36px;
    --button-size: var(--minimum-touch-target);
    --button-padding-inline: 24px;
    --button-padding-block: 16px;

    /* Button font-family */
    --button-font-family-primary: var(--font-body--family);
    --button-font-family-secondary: var(--font-body--family);

    /* Button text case */
    --button-text-case: ;
    --button-text-case-primary: default;
    --button-text-case-secondary: default;

    /* Borders */
    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
    --border-width-sm: 1px;
    --border-width-md: 2px;
    --border-width-lg: 5px;
    --border-radius-sm: 0.25rem;

    /* Drawers */
    --drawer-inline-padding: 25px;
    --drawer-menu-inline-padding: 2.5rem;
    --drawer-header-block-padding: 20px;
    --drawer-content-block-padding: 10px;
    --drawer-header-desktop-top: 0rem;
    --drawer-padding: calc(var(--padding-sm) + 7px);
    --drawer-height: 100dvh;
    --drawer-width: 95vw;
    --drawer-max-width: 500px;

    /* Variant Picker Swatches */
    --variant-picker-swatch-width-unitless: 35;
    --variant-picker-swatch-height-unitless: 35;
    --variant-picker-swatch-width: 35px;
    --variant-picker-swatch-height: 35px;
    --variant-picker-swatch-radius: 20px;
    --variant-picker-border-width: 1.5px;
    --variant-picker-border-style: solid;
    --variant-picker-border-opacity: 15%;

    /* Variant Picker Buttons */
    --variant-picker-button-radius: 100px;
    --variant-picker-button-border-width: 1px;

    /* Slideshow */
    --slideshow-controls-size: 3.5rem;
    --slideshow-controls-icon: 2rem;
    --peek-next-slide-size: 3rem;

    /* Utilities */
    --backdrop-opacity: 0.15;
    --backdrop-color-rgb: var(--color-shadow-rgb);
    --minimum-touch-target: 44px;
    --disabled-opacity: 0.5;
    --skeleton-opacity: 0.025;

    /* Shapes */
    --shape--circle: circle(50% at center);
    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);

    /* Buy buttons */
    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));

    /* Card image width and height variables */
    --card-width-small: 10rem;

    --height-small: 10rem;
    --height-medium: 11.5rem;
    --height-large: 13rem;
    --height-full: 100vh;

    @media screen and (min-width: 750px) {
      --height-small: 17.5rem;
      --height-medium: 21.25rem;
      --height-large: 25rem;
    }

    /* Modal */
    --modal-max-height: 65dvh;

    /* Card styles for search */
    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));

    /* Cart */
    --cart-primary-font-family: var(--font-body--family);
    --cart-primary-font-style: var(--font-body--style);
    --cart-primary-font-weight: var(--font-body--weight);
    --cart-secondary-font-family: var(--font-subheading--family);
    --cart-secondary-font-style: var(--font-subheading--style);
    --cart-secondary-font-weight: var(--font-subheading--weight);

    /* Custon Variables */
    --font-serif: 'Cormorant', Georgia, serif;
  }
</style>
<style data-shopify>
  
    
      :root,
    
    
    
    .color-scheme-1 {
        --color-background: rgb(5 5 5 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 5 5 5;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(230 230 230 / 1.0);
        --color-foreground-rgb: 230 230 230;
        --color-foreground-heading: rgb(230 230 230 / 1.0);
        --color-foreground-heading-rgb: 230 230 230;
        --color-primary: rgb(230 230 230 / 1.0);
        --color-primary-rgb: 230 230 230;
        --color-primary-hover: rgb(255 255 255 / 1.0);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: rgb(246 237 221 / 0.2);
        --color-border-rgb: 246 237 221;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(32 34 25 / 1.0);
        --color-primary-button-background: rgb(219 227 211 / 1.0);
        --color-primary-button-border: rgb(32 34 25 / 1.0);
        --color-primary-button-hover-text: rgb(32 34 25 / 1.0);
        --color-primary-button-hover-background: rgb(225 217 203 / 1.0);
        --color-primary-button-hover-border: rgb(225 217 203 / 1.0);
        --color-secondary-button-text: rgb(246 237 221 / 1.0);
        --color-secondary-button-background: rgb(32 34 25 / 1.0);
        --color-secondary-button-border: rgb(246 237 221 / 1.0);
        --color-secondary-button-hover-text: rgb(32 34 25 / 1.0);
        --color-secondary-button-hover-background: rgb(246 237 221 / 1.0);
        --color-secondary-button-hover-border: rgb(246 237 221 / 1.0);
        --color-input-background: rgb(246 237 221 / 0.2);
        --color-input-text: rgb(255 255 255 / 1.0);
        --color-input-text-rgb: 255 255 255;
        --color-input-border: rgb(0 0 0 / 0.0);
        --color-input-hover-background: rgb(246 237 221 / 0.42);
        --color-variant-background: rgb(246 237 221 / 0.2);
        --color-variant-border: rgb(0 0 0 / 0.0);
        --color-variant-text: rgb(219 227 211 / 1.0);
        --color-variant-text-rgb: 219 227 211;
        --color-variant-hover-background: rgb(246 237 221 / 0.42);
        --color-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-variant-hover-border: rgb(0 0 0 / 0.0);
        --color-selected-variant-background: rgb(219 227 211 / 1.0);
        --color-selected-variant-border: rgb(246 237 221 / 1.0);
        --color-selected-variant-text: rgb(32 34 25 / 1.0);
        --color-selected-variant-hover-background: rgb(204 195 180 / 1.0);
        --color-selected-variant-hover-text: rgb(32 34 25 / 1.0);
        --color-selected-variant-hover-border: rgb(0 0 0 / 0.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-2 {
        --color-background: rgb(233 224 224 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 233 224 224;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 1.0);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 1.0);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(230 230 230 / 1.0);
        --color-border-rgb: 230 230 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(99 99 99 / 1.0);
        --color-primary-button-hover-border: rgb(99 99 99 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(99 99 99 / 1.0);
        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-border: rgb(99 99 99 / 1.0);
        --color-input-background: rgb(245 245 245 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(245 245 245 / 1.0);
        --color-input-hover-background: rgb(227 227 227 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-3 {
        --color-background: rgb(59 83 82 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 59 83 82;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(246 237 221 / 1.0);
        --color-foreground-rgb: 246 237 221;
        --color-foreground-heading: rgb(246 237 221 / 1.0);
        --color-foreground-heading-rgb: 246 237 221;
        --color-primary: rgb(213 213 213 / 1.0);
        --color-primary-rgb: 213 213 213;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(246 237 221 / 0.2);
        --color-border-rgb: 246 237 221;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(70 73 60 / 1.0);
        --color-primary-button-background: rgb(171 240 229 / 1.0);
        --color-primary-button-border: rgb(246 237 221 / 1.0);
        --color-primary-button-hover-text: rgb(70 73 60 / 1.0);
        --color-primary-button-hover-background: rgb(225 217 203 / 1.0);
        --color-primary-button-hover-border: rgb(225 217 203 / 1.0);
        --color-secondary-button-text: rgb(246 237 221 / 1.0);
        --color-secondary-button-background: rgb(70 73 60 / 1.0);
        --color-secondary-button-border: rgb(246 237 221 / 1.0);
        --color-secondary-button-hover-text: rgb(70 73 60 / 1.0);
        --color-secondary-button-hover-background: rgb(246 237 221 / 1.0);
        --color-secondary-button-hover-border: rgb(246 237 221 / 1.0);
        --color-input-background: rgb(79 96 96 / 1.0);
        --color-input-text: rgb(255 255 255 / 1.0);
        --color-input-text-rgb: 255 255 255;
        --color-input-border: rgb(255 255 255 / 1.0);
        --color-input-hover-background: rgb(87 89 77 / 0.89);
        --color-variant-background: rgb(70 73 60 / 1.0);
        --color-variant-border: rgb(246 237 221 / 1.0);
        --color-variant-text: rgb(246 237 221 / 1.0);
        --color-variant-text-rgb: 246 237 221;
        --color-variant-hover-background: rgb(91 96 79 / 1.0);
        --color-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-variant-hover-border: rgb(255 255 255 / 1.0);
        --color-selected-variant-background: rgb(246 237 221 / 1.0);
        --color-selected-variant-border: rgb(246 237 221 / 1.0);
        --color-selected-variant-text: rgb(70 73 60 / 1.0);
        --color-selected-variant-hover-background: rgb(212 203 188 / 1.0);
        --color-selected-variant-hover-text: rgb(72 75 63 / 1.0);
        --color-selected-variant-hover-border: rgb(212 203 188 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-4 {
        --color-background: rgb(49 47 56 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 49 47 56;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(246 237 221 / 1.0);
        --color-foreground-rgb: 246 237 221;
        --color-foreground-heading: rgb(246 237 221 / 1.0);
        --color-foreground-heading-rgb: 246 237 221;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(255 255 255 / 1.0);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: rgb(246 237 221 / 1.0);
        --color-border-rgb: 246 237 221;
        --color-shadow: rgb(31 31 31 / 1.0);
        --color-shadow-rgb: 31 31 31;
        --color-primary-button-text: rgb(99 93 78 / 1.0);
        --color-primary-button-background: rgb(246 237 221 / 1.0);
        --color-primary-button-border: rgb(99 93 78 / 1.0);
        --color-primary-button-hover-text: rgb(99 93 78 / 1.0);
        --color-primary-button-hover-background: rgb(236 225 204 / 0.93);
        --color-primary-button-hover-border: rgb(233 218 191 / 1.0);
        --color-secondary-button-text: rgb(246 237 221 / 1.0);
        --color-secondary-button-background: rgb(99 93 78 / 1.0);
        --color-secondary-button-border: rgb(246 237 221 / 1.0);
        --color-secondary-button-hover-text: rgb(99 93 78 / 1.0);
        --color-secondary-button-hover-background: rgb(246 237 221 / 1.0);
        --color-secondary-button-hover-border: rgb(70 73 60 / 1.0);
        --color-input-background: rgb(99 93 78 / 1.0);
        --color-input-text: rgb(255 255 255 / 1.0);
        --color-input-text-rgb: 255 255 255;
        --color-input-border: rgb(255 255 255 / 1.0);
        --color-input-hover-background: rgb(5 5 5 / 1.0);
        --color-variant-background: rgb(99 93 78 / 1.0);
        --color-variant-border: rgb(246 237 221 / 1.0);
        --color-variant-text: rgb(246 237 221 / 1.0);
        --color-variant-text-rgb: 246 237 221;
        --color-variant-hover-background: rgb(121 115 97 / 1.0);
        --color-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-variant-hover-border: rgb(255 255 255 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-5 {
        --color-background: rgb(0 0 0 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(172 172 172 / 1.0);
        --color-primary-hover-rgb: 172 172 172;
        --color-border: rgb(102 102 102 / 1.0);
        --color-border-rgb: 102 102 102;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(0 0 0 / 1.0);
        --color-primary-button-background: rgb(255 255 255 / 1.0);
        --color-primary-button-border: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-background: rgb(222 222 222 / 1.0);
        --color-primary-button-hover-border: rgb(222 222 222 / 1.0);
        --color-secondary-button-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 1.0);
        --color-secondary-button-border: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
        --color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
        --color-input-background: rgb(56 55 55 / 1.0);
        --color-input-text: rgb(255 255 255 / 1.0);
        --color-input-text-rgb: 255 255 255;
        --color-input-border: rgb(255 255 255 / 1.0);
        --color-input-hover-background: rgb(32 32 32 / 0.88);
        --color-variant-background: rgb(33 33 33 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(255 255 255 / 1.0);
        --color-variant-text-rgb: 255 255 255;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(255 255 255 / 1.0);
        --color-selected-variant-border: rgb(255 255 255 / 1.0);
        --color-selected-variant-text: rgb(33 33 33 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 0.78);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-6 {
        --color-background: rgb(0 0 0 / 0.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(188 188 188 / 1.0);
        --color-foreground-rgb: 188 188 188;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(172 172 172 / 1.0);
        --color-primary-hover-rgb: 172 172 172;
        --color-border: rgb(0 0 0 / 0.0);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 0.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(0 0 0 / 1.0);
        --color-primary-button-background: rgb(255 255 255 / 1.0);
        --color-primary-button-border: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-background: rgb(222 222 222 / 1.0);
        --color-primary-button-hover-border: rgb(222 222 222 / 1.0);
        --color-secondary-button-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 1.0);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-7f2d5572-338d-4233-9ab5-54ac371c2191 {
        --color-background: rgb(88 145 152 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 88 145 152;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(32 34 25 / 1.0);
        --color-foreground-rgb: 32 34 25;
        --color-foreground-heading: rgb(32 34 25 / 1.0);
        --color-foreground-heading-rgb: 32 34 25;
        --color-primary: rgb(227 227 227 / 1.0);
        --color-primary-rgb: 227 227 227;
        --color-primary-hover: rgb(246 237 221 / 1.0);
        --color-primary-hover-rgb: 246 237 221;
        --color-border: rgb(246 237 221 / 0.2);
        --color-border-rgb: 246 237 221;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(32 34 25 / 1.0);
        --color-primary-button-background: rgb(227 227 227 / 1.0);
        --color-primary-button-border: rgb(32 34 25 / 1.0);
        --color-primary-button-hover-text: rgb(32 34 25 / 1.0);
        --color-primary-button-hover-background: rgb(225 217 203 / 1.0);
        --color-primary-button-hover-border: rgb(225 217 203 / 1.0);
        --color-secondary-button-text: rgb(246 237 221 / 1.0);
        --color-secondary-button-background: rgb(32 34 25 / 1.0);
        --color-secondary-button-border: rgb(246 237 221 / 1.0);
        --color-secondary-button-hover-text: rgb(32 34 25 / 1.0);
        --color-secondary-button-hover-background: rgb(246 237 221 / 1.0);
        --color-secondary-button-hover-border: rgb(246 237 221 / 1.0);
        --color-input-background: rgb(246 237 221 / 0.2);
        --color-input-text: rgb(255 255 255 / 1.0);
        --color-input-text-rgb: 255 255 255;
        --color-input-border: rgb(0 0 0 / 0.0);
        --color-input-hover-background: rgb(246 237 221 / 0.42);
        --color-variant-background: rgb(246 237 221 / 0.2);
        --color-variant-border: rgb(0 0 0 / 0.0);
        --color-variant-text: rgb(246 237 221 / 1.0);
        --color-variant-text-rgb: 246 237 221;
        --color-variant-hover-background: rgb(246 237 221 / 0.42);
        --color-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-variant-hover-border: rgb(0 0 0 / 0.0);
        --color-selected-variant-background: rgb(246 237 221 / 1.0);
        --color-selected-variant-border: rgb(246 237 221 / 1.0);
        --color-selected-variant-text: rgb(32 34 25 / 1.0);
        --color-selected-variant-hover-background: rgb(204 195 180 / 1.0);
        --color-selected-variant-hover-text: rgb(32 34 25 / 1.0);
        --color-selected-variant-hover-border: rgb(0 0 0 / 0.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-b766489b-8988-4a77-95ab-ccdb5681c289 {
        --color-background: rgb(246 253 252 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 246 253 252;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(32 34 25 / 1.0);
        --color-foreground-rgb: 32 34 25;
        --color-foreground-heading: rgb(32 34 25 / 1.0);
        --color-foreground-heading-rgb: 32 34 25;
        --color-primary: rgb(32 34 25 / 1.0);
        --color-primary-rgb: 32 34 25;
        --color-primary-hover: rgb(32 34 25 / 1.0);
        --color-primary-hover-rgb: 32 34 25;
        --color-border: rgb(246 237 221 / 0.2);
        --color-border-rgb: 246 237 221;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(32 34 25 / 1.0);
        --color-primary-button-background: rgb(246 237 221 / 1.0);
        --color-primary-button-border: rgb(32 34 25 / 1.0);
        --color-primary-button-hover-text: rgb(32 34 25 / 1.0);
        --color-primary-button-hover-background: rgb(225 217 203 / 1.0);
        --color-primary-button-hover-border: rgb(225 217 203 / 1.0);
        --color-secondary-button-text: rgb(32 34 25 / 1.0);
        --color-secondary-button-background: rgb(32 34 25 / 1.0);
        --color-secondary-button-border: rgb(246 237 221 / 1.0);
        --color-secondary-button-hover-text: rgb(32 34 25 / 1.0);
        --color-secondary-button-hover-background: rgb(246 237 221 / 1.0);
        --color-secondary-button-hover-border: rgb(246 237 221 / 1.0);
        --color-input-background: rgb(191 241 189 / 1.0);
        --color-input-text: rgb(32 34 25 / 1.0);
        --color-input-text-rgb: 32 34 25;
        --color-input-border: rgb(0 0 0 / 0.0);
        --color-input-hover-background: rgb(186 255 157 / 0.73);
        --color-variant-background: rgb(246 237 221 / 0.2);
        --color-variant-border: rgb(0 0 0 / 0.0);
        --color-variant-text: rgb(246 237 221 / 1.0);
        --color-variant-text-rgb: 246 237 221;
        --color-variant-hover-background: rgb(246 237 221 / 0.42);
        --color-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-variant-hover-border: rgb(0 0 0 / 0.0);
        --color-selected-variant-background: rgb(246 237 221 / 1.0);
        --color-selected-variant-border: rgb(246 237 221 / 1.0);
        --color-selected-variant-text: rgb(32 34 25 / 1.0);
        --color-selected-variant-hover-background: rgb(204 195 180 / 1.0);
        --color-selected-variant-hover-text: rgb(32 34 25 / 1.0);
        --color-selected-variant-hover-border: rgb(0 0 0 / 0.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-e01aefce-f9ee-4bf2-99c0-701a2310e90d {
        --color-background: rgb(255 255 255 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 255 255 255;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 1.0);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 1.0);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(51 51 51 / 1.0);
        --color-primary-hover-rgb: 51 51 51;
        --color-border: rgb(0 0 0 / 1.0);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-background: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-input-background: rgb(32 34 25 / 1.0);
        --color-input-text: rgb(32 34 25 / 1.0);
        --color-input-text-rgb: 32 34 25;
        --color-input-border: rgb(0 0 0 / 1.0);
        --color-input-hover-background: rgb(246 237 221 / 0.42);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(0 0 0 / 1.0);
        --color-variant-text: rgb(32 34 25 / 1.0);
        --color-variant-text-rgb: 32 34 25;
        --color-variant-hover-background: rgb(246 237 221 / 0.42);
        --color-variant-hover-text: rgb(32 34 25 / 1.0);
        --color-variant-hover-border: rgb(0 0 0 / 0.0);
        --color-selected-variant-background: rgb(240 247 247 / 1.0);
        --color-selected-variant-border: rgb(32 34 25 / 1.0);
        --color-selected-variant-text: rgb(32 34 25 / 1.0);
        --color-selected-variant-hover-background: rgb(204 195 180 / 1.0);
        --color-selected-variant-hover-text: rgb(32 34 25 / 1.0);
        --color-selected-variant-hover-border: rgb(0 0 0 / 0.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-906f93b6-1cca-4898-8985-064ffac3261d {
        --color-background: rgb(247 247 247 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 247 247 247;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 1.0);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(54 66 62 / 1.0);
        --color-primary-rgb: 54 66 62;
        --color-primary-hover: rgb(32 34 25 / 1.0);
        --color-primary-hover-rgb: 32 34 25;
        --color-border: rgb(227 227 227 / 1.0);
        --color-border-rgb: 227 227 227;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(32 34 25 / 1.0);
        --color-primary-button-border: rgb(32 34 25 / 1.0);
        --color-primary-button-hover-text: rgb(246 237 221 / 1.0);
        --color-primary-button-hover-background: rgb(59 59 59 / 1.0);
        --color-primary-button-hover-border: rgb(59 59 59 / 1.0);
        --color-secondary-button-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-background: rgb(32 34 25 / 1.0);
        --color-secondary-button-border: rgb(32 34 25 / 1.0);
        --color-secondary-button-hover-text: rgb(246 237 221 / 1.0);
        --color-secondary-button-hover-background: rgb(32 34 25 / 1.0);
        --color-secondary-button-hover-border: rgb(32 34 25 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.67);
        --color-input-text: rgb(32 34 25 / 1.0);
        --color-input-text-rgb: 32 34 25;
        --color-input-border: rgb(0 0 0 / 0.0);
        --color-input-hover-background: rgb(246 237 221 / 0.42);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(0 0 0 / 0.0);
        --color-variant-text: rgb(32 34 25 / 1.0);
        --color-variant-text-rgb: 32 34 25;
        --color-variant-hover-background: rgb(204 204 204 / 0.42);
        --color-variant-hover-text: rgb(59 59 59 / 1.0);
        --color-variant-hover-border: rgb(0 0 0 / 0.0);
        --color-selected-variant-background: rgb(0 0 0 / 0.03);
        --color-selected-variant-border: rgb(32 34 25 / 1.0);
        --color-selected-variant-text: rgb(32 34 25 / 1.0);
        --color-selected-variant-hover-background: rgb(214 214 214 / 0.75);
        --color-selected-variant-hover-text: rgb(32 34 25 / 1.0);
        --color-selected-variant-hover-border: rgb(0 0 0 / 0.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-c34822bf-00de-4529-8b5c-46531eec1db8 {
        --color-background: rgb(255 250 246 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 255 250 246;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(15 14 12 / 1.0);
        --color-foreground-rgb: 15 14 12;
        --color-foreground-heading: rgb(15 14 12 / 1.0);
        --color-foreground-heading-rgb: 15 14 12;
        --color-primary: rgb(15 14 12 / 1.0);
        --color-primary-rgb: 15 14 12;
        --color-primary-hover: rgb(15 14 12 / 1.0);
        --color-primary-hover-rgb: 15 14 12;
        --color-border: rgb(233 224 224 / 1.0);
        --color-border-rgb: 233 224 224;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(15 14 12 / 1.0);
        --color-primary-button-background: rgb(246 237 221 / 1.0);
        --color-primary-button-border: rgb(15 14 12 / 1.0);
        --color-primary-button-hover-text: rgb(15 14 12 / 1.0);
        --color-primary-button-hover-background: rgb(225 217 203 / 1.0);
        --color-primary-button-hover-border: rgb(225 217 203 / 1.0);
        --color-secondary-button-text: rgb(246 237 221 / 1.0);
        --color-secondary-button-background: rgb(15 14 12 / 1.0);
        --color-secondary-button-border: rgb(246 237 221 / 1.0);
        --color-secondary-button-hover-text: rgb(15 14 12 / 1.0);
        --color-secondary-button-hover-background: rgb(246 237 221 / 1.0);
        --color-secondary-button-hover-border: rgb(246 237 221 / 1.0);
        --color-input-background: rgb(246 237 221 / 0.2);
        --color-input-text: rgb(32 34 25 / 1.0);
        --color-input-text-rgb: 32 34 25;
        --color-input-border: rgb(0 0 0 / 0.0);
        --color-input-hover-background: rgb(246 237 221 / 0.42);
        --color-variant-background: rgb(246 237 221 / 0.2);
        --color-variant-border: rgb(0 0 0 / 0.0);
        --color-variant-text: rgb(32 34 25 / 1.0);
        --color-variant-text-rgb: 32 34 25;
        --color-variant-hover-background: rgb(246 237 221 / 0.42);
        --color-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-variant-hover-border: rgb(0 0 0 / 0.0);
        --color-selected-variant-background: rgb(246 237 221 / 1.0);
        --color-selected-variant-border: rgb(246 237 221 / 1.0);
        --color-selected-variant-text: rgb(32 34 25 / 1.0);
        --color-selected-variant-hover-background: rgb(204 195 180 / 1.0);
        --color-selected-variant-hover-text: rgb(32 34 25 / 1.0);
        --color-selected-variant-hover-border: rgb(0 0 0 / 0.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-caaf8eb1-595c-4ad7-bf31-0f4c287f8214 {
        --color-background: rgb(22 22 22 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 22 22 22;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(209 211 212 / 1.0);
        --color-foreground-rgb: 209 211 212;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(227 227 227 / 1.0);
        --color-primary-rgb: 227 227 227;
        --color-primary-hover: rgb(255 255 255 / 1.0);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: rgb(246 237 221 / 0.2);
        --color-border-rgb: 246 237 221;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(32 34 25 / 1.0);
        --color-primary-button-background: rgb(246 237 221 / 1.0);
        --color-primary-button-border: rgb(32 34 25 / 1.0);
        --color-primary-button-hover-text: rgb(32 34 25 / 1.0);
        --color-primary-button-hover-background: rgb(225 217 203 / 1.0);
        --color-primary-button-hover-border: rgb(225 217 203 / 1.0);
        --color-secondary-button-text: rgb(246 237 221 / 1.0);
        --color-secondary-button-background: rgb(32 34 25 / 1.0);
        --color-secondary-button-border: rgb(246 237 221 / 1.0);
        --color-secondary-button-hover-text: rgb(32 34 25 / 1.0);
        --color-secondary-button-hover-background: rgb(246 237 221 / 1.0);
        --color-secondary-button-hover-border: rgb(246 237 221 / 1.0);
        --color-input-background: rgb(246 237 221 / 0.2);
        --color-input-text: rgb(255 255 255 / 1.0);
        --color-input-text-rgb: 255 255 255;
        --color-input-border: rgb(0 0 0 / 0.0);
        --color-input-hover-background: rgb(246 237 221 / 0.42);
        --color-variant-background: rgb(246 237 221 / 0.2);
        --color-variant-border: rgb(0 0 0 / 0.0);
        --color-variant-text: rgb(246 237 221 / 1.0);
        --color-variant-text-rgb: 246 237 221;
        --color-variant-hover-background: rgb(246 237 221 / 0.42);
        --color-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-variant-hover-border: rgb(0 0 0 / 0.0);
        --color-selected-variant-background: rgb(246 237 221 / 1.0);
        --color-selected-variant-border: rgb(246 237 221 / 1.0);
        --color-selected-variant-text: rgb(32 34 25 / 1.0);
        --color-selected-variant-hover-background: rgb(204 195 180 / 1.0);
        --color-selected-variant-hover-text: rgb(32 34 25 / 1.0);
        --color-selected-variant-hover-border: rgb(0 0 0 / 0.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-f0320a64-fad5-41fb-b5d6-855d238ff368 {
        --color-background: rgb(24 54 50 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 24 54 50;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(244 254 255 / 1.0);
        --color-foreground-rgb: 244 254 255;
        --color-foreground-heading: rgb(244 254 255 / 1.0);
        --color-foreground-heading-rgb: 244 254 255;
        --color-primary: rgb(244 254 255 / 1.0);
        --color-primary-rgb: 244 254 255;
        --color-primary-hover: rgb(255 255 255 / 1.0);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: rgb(246 237 221 / 0.2);
        --color-border-rgb: 246 237 221;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(32 34 25 / 1.0);
        --color-primary-button-background: rgb(246 237 221 / 1.0);
        --color-primary-button-border: rgb(32 34 25 / 1.0);
        --color-primary-button-hover-text: rgb(32 34 25 / 1.0);
        --color-primary-button-hover-background: rgb(225 217 203 / 1.0);
        --color-primary-button-hover-border: rgb(225 217 203 / 1.0);
        --color-secondary-button-text: rgb(246 237 221 / 1.0);
        --color-secondary-button-background: rgb(32 34 25 / 1.0);
        --color-secondary-button-border: rgb(246 237 221 / 1.0);
        --color-secondary-button-hover-text: rgb(32 34 25 / 1.0);
        --color-secondary-button-hover-background: rgb(246 237 221 / 1.0);
        --color-secondary-button-hover-border: rgb(246 237 221 / 1.0);
        --color-input-background: rgb(246 237 221 / 0.2);
        --color-input-text: rgb(255 255 255 / 1.0);
        --color-input-text-rgb: 255 255 255;
        --color-input-border: rgb(0 0 0 / 0.0);
        --color-input-hover-background: rgb(246 237 221 / 0.42);
        --color-variant-background: rgb(246 237 221 / 0.2);
        --color-variant-border: rgb(0 0 0 / 0.0);
        --color-variant-text: rgb(244 254 255 / 1.0);
        --color-variant-text-rgb: 244 254 255;
        --color-variant-hover-background: rgb(246 237 221 / 0.42);
        --color-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-variant-hover-border: rgb(0 0 0 / 0.0);
        --color-selected-variant-background: rgb(246 237 221 / 1.0);
        --color-selected-variant-border: rgb(246 237 221 / 1.0);
        --color-selected-variant-text: rgb(32 34 25 / 1.0);
        --color-selected-variant-hover-background: rgb(204 195 180 / 1.0);
        --color-selected-variant-hover-text: rgb(32 34 25 / 1.0);
        --color-selected-variant-hover-border: rgb(0 0 0 / 0.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-583801fa-b45b-4a96-9e29-de3cf7be5d43 {
        --color-background: rgb(0 0 0 / 0.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(217 248 233 / 1.0);
        --color-foreground-rgb: 217 248 233;
        --color-foreground-heading: rgb(239 250 234 / 1.0);
        --color-foreground-heading-rgb: 239 250 234;
        --color-primary: rgb(217 248 233 / 1.0);
        --color-primary-rgb: 217 248 233;
        --color-primary-hover: rgb(255 255 255 / 1.0);
        --color-primary-hover-rgb: 255 255 255;
        --color-border: rgb(246 237 221 / 0.2);
        --color-border-rgb: 246 237 221;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(32 34 25 / 1.0);
        --color-primary-button-background: rgb(255 255 255 / 1.0);
        --color-primary-button-border: rgb(32 34 25 / 1.0);
        --color-primary-button-hover-text: rgb(32 34 25 / 1.0);
        --color-primary-button-hover-background: rgb(225 217 203 / 1.0);
        --color-primary-button-hover-border: rgb(225 217 203 / 1.0);
        --color-secondary-button-text: rgb(246 237 221 / 1.0);
        --color-secondary-button-background: rgb(32 34 25 / 1.0);
        --color-secondary-button-border: rgb(246 237 221 / 1.0);
        --color-secondary-button-hover-text: rgb(32 34 25 / 1.0);
        --color-secondary-button-hover-background: rgb(246 237 221 / 1.0);
        --color-secondary-button-hover-border: rgb(246 237 221 / 1.0);
        --color-input-background: rgb(246 237 221 / 0.2);
        --color-input-text: rgb(255 255 255 / 1.0);
        --color-input-text-rgb: 255 255 255;
        --color-input-border: rgb(0 0 0 / 0.0);
        --color-input-hover-background: rgb(246 237 221 / 0.42);
        --color-variant-background: rgb(246 237 221 / 0.2);
        --color-variant-border: rgb(0 0 0 / 0.0);
        --color-variant-text: rgb(246 237 221 / 1.0);
        --color-variant-text-rgb: 246 237 221;
        --color-variant-hover-background: rgb(246 237 221 / 0.42);
        --color-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-variant-hover-border: rgb(0 0 0 / 0.0);
        --color-selected-variant-background: rgb(246 237 221 / 1.0);
        --color-selected-variant-border: rgb(246 237 221 / 1.0);
        --color-selected-variant-text: rgb(32 34 25 / 1.0);
        --color-selected-variant-hover-background: rgb(204 195 180 / 1.0);
        --color-selected-variant-hover-text: rgb(32 34 25 / 1.0);
        --color-selected-variant-hover-border: rgb(0 0 0 / 0.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-4fb63a9f-186c-4043-be16-224a5a3db65c {
        --color-background: rgb();
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: ;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb();
        --color-foreground-rgb: ;
        --color-foreground-heading: rgb();
        --color-foreground-heading-rgb: ;
        --color-primary: rgb();
        --color-primary-rgb: ;
        --color-primary-hover: rgb();
        --color-primary-hover-rgb: ;
        --color-border: rgb();
        --color-border-rgb: ;
        --color-shadow: rgb();
        --color-shadow-rgb: ;
        --color-primary-button-text: rgb(32 34 25 / 1.0);
        --color-primary-button-background: rgb(219 227 211 / 1.0);
        --color-primary-button-border: rgb(32 34 25 / 1.0);
        --color-primary-button-hover-text: rgb(32 34 25 / 1.0);
        --color-primary-button-hover-background: rgb(225 217 203 / 1.0);
        --color-primary-button-hover-border: rgb(225 217 203 / 1.0);
        --color-secondary-button-text: rgb(246 237 221 / 1.0);
        --color-secondary-button-background: rgb(32 34 25 / 1.0);
        --color-secondary-button-border: rgb(246 237 221 / 1.0);
        --color-secondary-button-hover-text: rgb(32 34 25 / 1.0);
        --color-secondary-button-hover-background: rgb(246 237 221 / 1.0);
        --color-secondary-button-hover-border: rgb(246 237 221 / 1.0);
        --color-input-background: rgb(246 237 221 / 0.2);
        --color-input-text: rgb(255 255 255 / 1.0);
        --color-input-text-rgb: 255 255 255;
        --color-input-border: rgb(0 0 0 / 0.0);
        --color-input-hover-background: rgb(246 237 221 / 0.42);
        --color-variant-background: rgb(246 237 221 / 0.2);
        --color-variant-border: rgb(0 0 0 / 0.0);
        --color-variant-text: rgb(246 237 221 / 1.0);
        --color-variant-text-rgb: 246 237 221;
        --color-variant-hover-background: rgb(246 237 221 / 0.42);
        --color-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-variant-hover-border: rgb(0 0 0 / 0.0);
        --color-selected-variant-background: rgb(246 237 221 / 1.0);
        --color-selected-variant-border: rgb(246 237 221 / 1.0);
        --color-selected-variant-text: rgb(32 34 25 / 1.0);
        --color-selected-variant-hover-background: rgb(204 195 180 / 1.0);
        --color-selected-variant-hover-text: rgb(32 34 25 / 1.0);
        --color-selected-variant-hover-border: rgb(0 0 0 / 0.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-c394200a-05b2-49ee-ae63-caedf88bed91 {
        --color-background: rgb(244 241 235 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 244 241 235;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(15 14 12 / 1.0);
        --color-foreground-rgb: 15 14 12;
        --color-foreground-heading: rgb(15 14 12 / 1.0);
        --color-foreground-heading-rgb: 15 14 12;
        --color-primary: rgb(15 14 12 / 1.0);
        --color-primary-rgb: 15 14 12;
        --color-primary-hover: rgb(15 14 12 / 1.0);
        --color-primary-hover-rgb: 15 14 12;
        --color-border: rgb(15 14 12 / 1.0);
        --color-border-rgb: 15 14 12;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(244 241 235 / 1.0);
        --color-primary-button-background: rgb(15 14 12 / 1.0);
        --color-primary-button-border: rgb(15 14 12 / 1.0);
        --color-primary-button-hover-text: rgb(15 14 12 / 1.0);
        --color-primary-button-hover-background: rgb(244 241 235 / 1.0);
        --color-primary-button-hover-border: rgb(244 241 235 / 1.0);
        --color-secondary-button-text: rgb(15 14 12 / 1.0);
        --color-secondary-button-background: rgb(255 255 255 / 1.0);
        --color-secondary-button-border: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-background: rgb(15 14 12 / 1.0);
        --color-secondary-button-hover-border: rgb(15 14 12 / 1.0);
        --color-input-background: rgb(246 237 221 / 0.2);
        --color-input-text: rgb(255 255 255 / 1.0);
        --color-input-text-rgb: 255 255 255;
        --color-input-border: rgb(0 0 0 / 0.0);
        --color-input-hover-background: rgb(246 237 221 / 0.42);
        --color-variant-background: rgb(246 237 221 / 0.2);
        --color-variant-border: rgb(0 0 0 / 0.0);
        --color-variant-text: rgb(219 227 211 / 1.0);
        --color-variant-text-rgb: 219 227 211;
        --color-variant-hover-background: rgb(246 237 221 / 0.42);
        --color-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-variant-hover-border: rgb(0 0 0 / 0.0);
        --color-selected-variant-background: rgb(219 227 211 / 1.0);
        --color-selected-variant-border: rgb(246 237 221 / 1.0);
        --color-selected-variant-text: rgb(32 34 25 / 1.0);
        --color-selected-variant-hover-background: rgb(204 195 180 / 1.0);
        --color-selected-variant-hover-text: rgb(32 34 25 / 1.0);
        --color-selected-variant-hover-border: rgb(0 0 0 / 0.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  

  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-7f2d5572-338d-4233-9ab5-54ac371c2191, .color-scheme-b766489b-8988-4a77-95ab-ccdb5681c289, .color-scheme-e01aefce-f9ee-4bf2-99c0-701a2310e90d, .color-scheme-906f93b6-1cca-4898-8985-064ffac3261d, .color-scheme-c34822bf-00de-4529-8b5c-46531eec1db8, .color-scheme-caaf8eb1-595c-4ad7-bf31-0f4c287f8214, .color-scheme-f0320a64-fad5-41fb-b5d6-855d238ff368, .color-scheme-583801fa-b45b-4a96-9e29-de3cf7be5d43, .color-scheme-4fb63a9f-186c-4043-be16-224a5a3db65c, .color-scheme-c394200a-05b2-49ee-ae63-caedf88bed91 {
    color: var(--color-foreground);
    background-color: var(--color-background);
  }
</style>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Bend Goods",
  "@id": "https://bendgoods.com/#organization",
  "url": "https://bendgoods.com",
  "logo": "https://bendgoods.com/cdn/shop/files/bendlogo-white-003.png",
  "description": "Los Angeles design studio making wire, tube, and metal furniture for indoor and outdoor spaces. Dining chairs, lounge chairs, bar stools, and tables for residential and commercial use. BIFMA certified. Lucy Chair in LACMA permanent collection.",
  "foundingDate": "2010",
  "address": {
    "@type": "PostalAddress",
    "addressLocality": "Los Angeles",
    "addressRegion": "CA",
    "addressCountry": "US"
  },
  "foundingLocation": {
    "@type": "Place",
    "name": "Los Angeles, California"
  },
  "sameAs": [
    "https://www.instagram.com/bendgoods",
    "https://www.facebook.com/bendgoods",
    "https://www.pinterest.com/bendgoods/",
    "https://www.linkedin.com/company/bend-goods/"
  ],
  "contactPoint": {
    "@type": "ContactPoint",
    "contactType": "Customer Support",
    "url": "https://bendgoods.com/pages/contact-us"
  }
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "@id": "https://bendgoods.com#website",
  "url": "https://bendgoods.com",
  "publisher": { "@id": "https://bendgoods.com#organization" },
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://bendgoods.com/search?q={search_term_string}",
    "query-input": "required name=search_term_string"
  }
}
</script>











    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="lRjg1CB-AKYVza54NFALkny7rrnF3Tq4me0QS7X9f6E">
<meta name="google-site-verification" content="lRjg1CB-AKYVza54NFALkny7rrnF3Tq4me0QS7X9f6E">
<meta name="google-site-verification" content="Oy29FuQc3VpQB68WakIZz2iXEGD7p5voC6Cd4rp79xs">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/2317507/digital_wallets/dialog">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<script id="shopify-features" type="application/json">{"accessToken":"ff4313867c346c1ce2f8dcc2767026ba","betas":["rich-media-storefront-analytics"],"domain":"bendgoods.com","predictiveSearch":true,"shopId":2317507,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "bendgoods.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Akta Service (mrk) - Latest","id":183113416984,"schema_name":"Heritage","schema_version":"3.2.1","theme_store_id":3624,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "bendgoods.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//bendgoods.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("//bendgoods.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["https:\/\/chimpstatic.com\/mcjs-connected\/js\/users\/ac2a995e65d3684ec302e1540\/e5fd53a05881bca5f0d253af4.js?shop=bendgoods.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":2317507,"offset":-25200,"reqid":"d631a30c-9c6d-4c4a-9082-1b8c5ce25394-1780993161","pageurl":"bendgoods.com\/shop.css","u":"65a8a98f3a16","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//bendgoods.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://bendgoods.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script async="async" integrity="sha256-hlq21VGceRKy8z+Fjhropk1BwDPACP0RdQ5rBrATyUo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-67b41cb9.js" crossorigin="anonymous"></script>
<script async crossorigin src="/cdn/shopifycloud/autosizes-uploader/autosizes.1.0.0.js"></script>
<link rel="stylesheet" media="screen" href="//bendgoods.com/cdn/shop/t/136/compiled_assets/styles.css?v=165148060037406481671776215571">
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  <!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->












  <script async src="https://static.klaviyo.com/onsite/js/Xp4JdM/klaviyo.js?company_id=Xp4JdM"></script>
  <script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>

  




  <script>
    window.klaviyoReviewsProductDesignMode = false
  </script>









<!-- END app block --><script src="https://cdn.shopify.com/extensions/3d841bc3-95e4-4f46-b335-9ea489d0aba9/inbox-1273/assets/inbox-chat-loader.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 2317507,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function(){var wpmLoader=function(){"use strict";return function(e,d,r,n){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(i=null==(a=window.Shopify)?void 0:a.analytics)?void 0:i.replayQueue)){var a,i;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l,u,c,m,p,f,h,g,y,w,v,b,S,P=(u=(l={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,c=l.legacy,(m=navigator.userAgent).match(u)?"modern":m.match(c)?"legacy":"unknown"),C="modern"===P?"modern":"legacy",_=(null!=n?n:{modern:"",legacy:""})[C],O=[(p={baseUrl:d,hashVersion:r,buildTarget:C}).baseUrl,"/wpm","/b",p.hashVersion,"modern"===p.buildTarget?"m":"l",".js"].join(""),U=(f={version:r,bundleTarget:P,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint},h=f.version,g=f.bundleTarget,y=f.surface,w=f.pageUrl,v=f.monorailEndpoint,{emit:function(e){var d=e.status,r=e.errorMsg,n=(new Date).getTime(),o=JSON.stringify({metadata:{event_sent_at_ms:n},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:h,bundle_target:g,page_url:w,status:d,surface:y,error_msg:r},metadata:{event_created_at_ms:n}}]});if(!v)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(v,o)}catch(e){}var a=new XMLHttpRequest;try{return a.open("POST",v,!0),a.setRequestHeader("Content-Type","text/plain"),a.send(o),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}});try{o.browserTarget=P,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,a=e.onerror,i=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var m in s)if(Object.prototype.hasOwnProperty.call(s,m))try{l.dataset[m]=s[m]}catch(e){}if(o&&l.addEventListener("load",o),a&&l.addEventListener("error",a),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:O,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null==(d=null==(e=window.Shopify)?void 0:e.analytics)?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)}),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return U.emit({status:"failed",errorMsg:"".concat(O," has failed to load")})},sri:(b=_,S=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof b&&S.test(b)?_:""),scriptDataAttributes:o}),U.emit({status:"loading"})}catch(e){U.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 2317507,storefrontBaseUrl: "https://bendgoods.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","3209b71c","5acaffe6","86d76263","3b3c7daf","6faea013"],webPixelsConfigList: [{"id":"2391441688","configuration":"{\"accountID\":\"Xp4JdM\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"524f6c1ee37bacdca7657a665bdca589","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2321416472","configuration":"{\"mailchimp_store_id\":\"store_h1ny9zbw1v1gqbya9sns\", \"mailchimp_user_id\":\"67993089\",\"mailchimp_list_id\":\"988337bc25\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"e357a49eadeb6216a959d63fa3fb8f55","type":"APP","apiClientId":2585307,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"804978968","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-9SHK93MP46\\\",\\\"AW-10818662303\\\",\\\"GT-KT9BCT5\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-9SHK93MP46\\\",\\\"AW-10818662303\\\/KmGFCNykyIcDEJ_f3qYo\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-9SHK93MP46\\\",\\\"AW-10818662303\\\/-gFyCN-kyIcDEJ_f3qYo\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-9SHK93MP46\\\",\\\"AW-10818662303\\\/bKbjCPyjyIcDEJ_f3qYo\\\",\\\"MC-06FNGD7N2X\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-9SHK93MP46\\\",\\\"AW-10818662303\\\/4yYYCPmjyIcDEJ_f3qYo\\\",\\\"MC-06FNGD7N2X\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-9SHK93MP46\\\",\\\"AW-10818662303\\\/ruqZCP6iyIcDEJ_f3qYo\\\",\\\"MC-06FNGD7N2X\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-9SHK93MP46\\\",\\\"AW-10818662303\\\/8C9DCOKkyIcDEJ_f3qYo\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-9SHK93MP46\\\",\\\"AW-10818662303\\\/d56RCP-jyIcDEJ_f3qYo\\\"]}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"f15305aac1e98c5c26a7c80e7bc37bde","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"160530712","configuration":"{\"tagID\":\"2614655087801\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"18031546ee651571ed29edbe71a3550b","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"137691416","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["MARKETING"],"name":"Meta pixel (migrated)"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Bend Goods","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"bendgoods.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/bendgoods.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":null,"purchasingCompany":null,"page":null},},"https://bendgoods.com/cdn","a9664f44w6a62cec8p04af10e4mb91e3447",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","pageType":"home","shopId":"2317507","storefrontBaseUrl":"https:\/\/bendgoods.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"3209b71c\", \"5acaffe6\", \"86d76263\", \"3b3c7daf\", \"6faea013\"]","isMerchantRequest":"false","hashVersion":"a9664f44w6a62cec8p04af10e4mb91e3447","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"page":{"pageType":"home","requestId":"d631a30c-9c6d-4c4a-9082-1b8c5ce25394-1780993161"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
          try {
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1)
            });
          } catch (e) {
            // no-op
          }
        }
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
  var scriptFallback = document.createElement('script');
  scriptFallback.type = 'text/javascript';
  scriptFallback.onerror = function(error) {
          var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 2317507,
      theme_id: 183113416984,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//bendgoods.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//bendgoods.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//bendgoods.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":2317507,"isMerchantRequest":null,"themeId":183113416984,"themeCityHash":"9164506964055523136","contentLanguage":"en","currency":"USD","eventMetadataId":"9c06b90f-2062-42b8-ab4d-07ebaac1a6d7"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"d631a30c-9c6d-4c4a-9082-1b8c5ce25394-1780993161","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//bendgoods.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
  <script>
  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
    window.ga = function ga() {
      (window.ga.q = window.ga.q || []).push(arguments);
      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
      }
      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
    };
    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
    }
  }
</script>
<script
  defer
  src="https://bendgoods.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="2317507"
  data-render-region="gcp-us-central1"
  data-page-type="index"
  data-theme-instance-id="183113416984"
  data-theme-name="Heritage"
  data-theme-version="3.2.1"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://bendgoods.com/api/collect"
></script>
</head>

  <body class="page-width-narrow card-hover-effect-scale">
    <a
  class="skip-to-content-link button-secondary"
  href="#MainContent"
>
  Skip to content
</a>

    <div id="header-group">
      <!-- BEGIN sections: header-group -->
<header id="shopify-section-sections--25863859798296__header_section" class="shopify-section shopify-section-group-header-group header-section">





<header-component
  id="header-component"
  class="header"
  data-theme-color="rgb(49 47 56)"
  
  
    sticky="scroll-up"
  
  data-skip-node-update
  data-scroll-direction="none"
>
    

    

    
    
      <div
        class="header__row header__row--top color-scheme-4 section section--full-width-margin section--page-width"
        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
        <div class="header__columns spacing-style">
          <div
      class="header__column header__column--left"
      data-testid="header-top-left"
    >
      
        
          
              




<a
  
  href="/"
  class="size-style spacing-style header-logo"
  style="
    --size-style-width: ;--size-style-height: ;
    --padding-block-start: 5px;--padding-block-end: 5px;--padding-inline-start: 10px;--padding-inline-end: 10px;
    --font-family: var(--font-body--family);
    --font-style: var(--font-body--style);
    --font-weight: 600;
  "
  
>
  

  <span
    class="header-logo__image-container header-logo__image-container--original"
    data-testid="header-logo"
  >
    
  
  
  

  

  

  

  <img src="//bendgoods.com/cdn/shop/files/bendlogo-white-003.png?height=60&amp;v=1765403896" alt="Discover our curated selection of indoor &amp; outdoor furniture collections. From dining chairs to lounge chairs, bistro tables to stools, and side tables, find modern pieces for every space. Elevate your home with our contemporary designs today." width="146" height="60" class="header-logo__image" srcset="//bendgoods.com/cdn/shop/files/bendlogo-white-003.png?height=60&amp;v=1765403896 1x, //bendgoods.com/cdn/shop/files/bendlogo-white-003.png?height=120&amp;v=1765403896 2x, //bendgoods.com/cdn/shop/files/bendlogo-white-003.png?height=180&amp;v=1765403896 3x" style="--header-logo-image-width: 147px;--header-logo-image-width-mobile: 74px; --header-logo-image-height: 60px; --header-logo-image-height-mobile: 30px;">


  </span>

  
</a>





            
        
      
        
          
              
            
        
      
    </div><div
      class="header__column header__column--center"
      data-testid="header-top-center"
    >
      
        
          
              <div id="shopify-block-AdEZwMmhlSEZ3WGFQN__header-menu" class="shopify-block">


    


<div class="header__drawer desktop:hidden" >
      

<script
  src="//bendgoods.com/cdn/shop/t/136/assets/header-drawer.js?v=44357639294953783801768574404"
  type="module"
  fetchpriority="low"
></script>

<header-drawer
  class="header-drawer header__drawer--mobile"
  style="--menu-image-border-radius: 3px; --resource-card-corner-radius: 3px;"
>
  <details
    id="Details-menu-drawer-container"
    data-skip-node-update="true"
    class="menu-drawer-container"
    ref="details"
    scroll-lock
  >
    <summary
      class="header__icon header__icon--menu header__icon--summary"
      aria-label="Menu"
      on:click="/toggle"
    >
      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
    </summary>
    <div
      data-header-drawer
      class="
        menu-drawer
        motion-reduce
        color-scheme-1
      "
    >
      <button
        class="button button-unstyled close-button menu-drawer__close-button"
        type="button"
        aria-label="Close"
        on:click="/close"
      >
        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </button>
      <nav
        class="menu-drawer__navigation"
        style="--menu-top-level-font-family: var(--font-body--family);
--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:uppercase;

  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
  var(--menu-font-2xl--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);

--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
uppercase;

    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
  
--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
uppercase;

    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text));
  

        "
      >
        <ul
          class="menu-drawer__menu has-submenu"
          role="list"
        >


              <li
                class="menu-drawer__list-item"
                style="--menu-drawer-animation-index: 1;"
              ><details
                    id="Details-menu-drawer-menu-item-1"
                    class="menu-drawer__menu-container"
                  >
                    <summary
                      id="HeaderDrawer-shop"
                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                      on:click="header-drawer/open"
                    >
                      <span class="menu-drawer__menu-item-text wrap-text">Shop</span>
                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                    </summary>
                    <div
                      id="link-shop"
                      class="menu-drawer__submenu has-submenu gradient motion-reduce"
                      tabindex="-1"
                      style="--menu-drawer-animation-index: 1;"
                    >
                      <div class="menu-drawer__inner-submenu">
                        <div class="menu-drawer__nav-buttons">
                          <button
                            class="button menu-drawer__back-button focus-inset"
                            aria-expanded="true"
                            on:click="header-drawer/back"
                            aria-label="Back"
                          >
                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                            <span class="menu-drawer__menu-item-text wrap-text">Shop</span>
                          </button>
                          <button
                            class="button button-unstyled close-button menu-drawer__close-button"
                            type="button"
                            aria-label="Close"
                            on:click="header-drawer/close"
                          >
                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                          </button>
                        </div>
                        
                        <ul
                          class="menu-drawer__menu menu-drawer__menu--childlist"
                          role="list"
                          tabindex="-1"
                        >
                          <li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-shop-all-furniture"
                                  href="/collections/all"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">All Furniture </span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                menu-drawer__list-item--deep
                              "
                            >
                                
<accordion-custom open-by-default-on-mobile>
                                    <details
                                      id="Details-menu-drawer-shop-seating"
                                    >
                                      <summary
                                        id="HeaderDrawer-shop-seating"
                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                      >
                                        <span class="menu-drawer__menu-item-text wrap-text">Seating</span>
                                        <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
                                      </summary>
                                      
                                      <ul
                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                                        role="list"
                                        tabindex="-1"
                                      ><li
                                            class="menu-drawer__list-item"
                                            style="--menu-drawer-animation-index: 1;"
                                          >
                                            <a
                                              id="HeaderDrawer-shop-seating-dining-chairs"
                                              href="/collections/dining-chairs"
                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                              
                                            >
                                              
                                              <span class="menu-drawer__menu-item-text wrap-text">Dining Chairs</span>
                                            </a>
                                          </li><li
                                            class="menu-drawer__list-item"
                                            style="--menu-drawer-animation-index: 2;"
                                          >
                                            <a
                                              id="HeaderDrawer-shop-seating-lounge-chairs"
                                              href="/collections/lounge-chairs"
                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                              
                                            >
                                              
                                              <span class="menu-drawer__menu-item-text wrap-text">Lounge Chairs</span>
                                            </a>
                                          </li><li
                                            class="menu-drawer__list-item"
                                            style="--menu-drawer-animation-index: 3;"
                                          >
                                            <a
                                              id="HeaderDrawer-shop-seating-low-stools-ottomans"
                                              href="/collections/low-stools-ottomans"
                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                              
                                            >
                                              
                                              <span class="menu-drawer__menu-item-text wrap-text">Low Stools &amp; Ottomans</span>
                                            </a>
                                          </li><li
                                            class="menu-drawer__list-item"
                                            style="--menu-drawer-animation-index: 4;"
                                          >
                                            <a
                                              id="HeaderDrawer-shop-seating-bar-counter-stools"
                                              href="/collections/bar-counter-stools"
                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                              
                                            >
                                              
                                              <span class="menu-drawer__menu-item-text wrap-text">Bar &amp; Counter Stools </span>
                                            </a>
                                          </li><li
                                            class="menu-drawer__list-item"
                                            style="--menu-drawer-animation-index: 5;"
                                          >
                                            <a
                                              id="HeaderDrawer-shop-seating-benches"
                                              href="/collections/benches"
                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                              
                                            >
                                              
                                              <span class="menu-drawer__menu-item-text wrap-text">Benches</span>
                                            </a>
                                          </li><li
                                            class="menu-drawer__list-item"
                                            style="--menu-drawer-animation-index: 6;"
                                          >
                                            <a
                                              id="HeaderDrawer-shop-seating-sofas"
                                              href="/collections/sofas"
                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                              
                                            >
                                              
                                              <span class="menu-drawer__menu-item-text wrap-text">Sofas</span>
                                            </a>
                                          </li></ul>
                                    </details>
                                  </accordion-custom>
                                </li><li
                              class="
                                menu-drawer__list-item
                                menu-drawer__list-item--deep
                              "
                            >
                                
<accordion-custom >
                                    <details
                                      id="Details-menu-drawer-shop-tables"
                                    >
                                      <summary
                                        id="HeaderDrawer-shop-tables"
                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                      >
                                        <span class="menu-drawer__menu-item-text wrap-text">Tables</span>
                                        <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
                                      </summary>
                                      
                                      <ul
                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                                        role="list"
                                        tabindex="-1"
                                      ><li
                                            class="menu-drawer__list-item"
                                            style="--menu-drawer-animation-index: 1;"
                                          >
                                            <a
                                              id="HeaderDrawer-shop-tables-dining-and-bar-tables"
                                              href="/collections/dining-bar-tables"
                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                              
                                            >
                                              
                                              <span class="menu-drawer__menu-item-text wrap-text">Dining and Bar Tables</span>
                                            </a>
                                          </li><li
                                            class="menu-drawer__list-item"
                                            style="--menu-drawer-animation-index: 2;"
                                          >
                                            <a
                                              id="HeaderDrawer-shop-tables-coffee-and-side-tables"
                                              href="/collections/coffee-side-tables"
                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                              
                                            >
                                              
                                              <span class="menu-drawer__menu-item-text wrap-text">Coffee and Side Tables</span>
                                            </a>
                                          </li></ul>
                                    </details>
                                  </accordion-custom>
                                </li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-shop-outdoor"
                                  href="/collections/outdoor-furniture"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">Outdoor</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-shop-indoor"
                                  href="/collections/indoor-furniture"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">Indoor</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                
                              "
                            ><a
                                  id="HeaderDrawer-shop-cushions-pads"
                                  href="/collections/cushions-pads"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">Cushions &amp; Pads</span>
                                </a></li></ul>
                        
                      </div>
                    </div>
                  </details></li>
              <li
                class="menu-drawer__list-item"
                style="--menu-drawer-animation-index: 2;"
              ><a
                    id="HeaderDrawer-projects"
                    href="/blogs/projects"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Projects</span>
                  </a></li>
              <li
                class="menu-drawer__list-item"
                style="--menu-drawer-animation-index: 3;"
              ><a
                    id="HeaderDrawer-trade"
                    href="/pages/bend-goods-trade-program"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Trade</span>
                  </a></li>
              <li
                class="menu-drawer__list-item"
                style="--menu-drawer-animation-index: 4;"
              ><a
                    id="HeaderDrawer-journal"
                    href="/blogs/journal"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Journal</span>
                  </a></li>
              <li
                class="menu-drawer__list-item"
                style="--menu-drawer-animation-index: 5;"
              ><a
                    id="HeaderDrawer-studio"
                    href="/pages/studio"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Studio</span>
                  </a></li>
        </ul>
      </nav>
      <div
        class="menu-drawer__utility-links menu-drawer__animated-element"
        style="--menu-drawer-animation-index: 5;"
      >
        
        </div>

      
    </div>
    <div
      class="menu-drawer__backdrop"
      on:click="header-drawer/close"
    ></div>
  </details>
</header-drawer>



    </div><header-menu
      ref="headerMenu"
      class="header-menu mobile:hidden"
      data-animation-delay="200"
      style="--submenu-animation-speed: 200ms;"
    >
      <div class="header-menu__inner">
        <nav header-menu>
          <div
            class="menu-list"
            style="--menu-top-level-font-family: var(--font-body--family);
--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:uppercase;

  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
  var(--menu-font-sm--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
"
          >
            
            <overflow-list
  
    ref="overflowMenu"
  
  
    class="overflow-menu color-scheme-1"
  
  
    minimum-items="2"
  
  
    data-testid="header-menu-overflow-list"
  
  
    data-skip-node-update
  
>
  <template shadowrootmode="open">
    <link href="//bendgoods.com/cdn/shop/t/136/assets/overflow-list.css?v=101911674359793798601768574404" rel="stylesheet" type="text/css" media="all" />

    <ul part="list">
      <slot></slot>
      <slot
        name="more"
        part="more"
        hidden
        
      >
        <li
          part="more"
        >
          <button
            class="button"
            type="button"
            tabindex="0"
          >
            More
          </button>
        </li>
      </slot>
      <li
        part="placeholder"
        hidden
      ></li>
    </ul>

    <div part="overflow">
      <ul part="overflow-list">
        <slot name="overflow"></slot>
      </ul>
    </div>
  </template>

  
  
    <li
      role="presentation"
      class="menu-list__list-item"
      on:focus="/activate"
      on:blur="/deactivate"
      on:pointerenter="/activate"
      on:pointerleave="/deactivate"
    >
      <a
        href="#"
        data-skip-node-update="true"
        class="menu-list__link"
        
          aria-controls="submenu-1"
          aria-haspopup="true"
          aria-expanded="false"
        
        ref="menuitem"
      >
        <span class="menu-list__link-title">Shop</span>
      </a>

      
        <ul
          id="submenu-1"
          class="menu-list__submenu color-scheme-1"
          ref="submenu[]"
          role="menu"
        >
          
            <li role="presentation" class="menu-list__submenu-item">
              <a
                href="/collections/all"
                class="menu-list__submenu-link"
                role="menuitem"
              >
                All Furniture 
              </a>

              
            </li>
          
            <li role="presentation" class="menu-list__submenu-item">
              <a
                href="/collections/seating"
                class="menu-list__submenu-link"
                role="menuitem"
              >
                Seating
              </a>

              
                <ul class="menu-list__submenu-level-2" role="menu">
                  
                    <li role="presentation">
                      <a
                        href="/collections/dining-chairs"
                        class="menu-list__submenu-link"
                        role="menuitem"
                      >
                        Dining Chairs
                      </a>
                    </li>
                  
                    <li role="presentation">
                      <a
                        href="/collections/lounge-chairs"
                        class="menu-list__submenu-link"
                        role="menuitem"
                      >
                        Lounge Chairs
                      </a>
                    </li>
                  
                    <li role="presentation">
                      <a
                        href="/collections/low-stools-ottomans"
                        class="menu-list__submenu-link"
                        role="menuitem"
                      >
                        Low Stools & Ottomans
                      </a>
                    </li>
                  
                    <li role="presentation">
                      <a
                        href="/collections/bar-counter-stools"
                        class="menu-list__submenu-link"
                        role="menuitem"
                      >
                        Bar & Counter Stools 
                      </a>
                    </li>
                  
                    <li role="presentation">
                      <a
                        href="/collections/benches"
                        class="menu-list__submenu-link"
                        role="menuitem"
                      >
                        Benches
                      </a>
                    </li>
                  
                    <li role="presentation">
                      <a
                        href="/collections/sofas"
                        class="menu-list__submenu-link"
                        role="menuitem"
                      >
                        Sofas
                      </a>
                    </li>
                  
                </ul>
              
            </li>
          
            <li role="presentation" class="menu-list__submenu-item">
              <a
                href="/collections/tables"
                class="menu-list__submenu-link"
                role="menuitem"
              >
                Tables
              </a>

              
                <ul class="menu-list__submenu-level-2" role="menu">
                  
                    <li role="presentation">
                      <a
                        href="/collections/dining-bar-tables"
                        class="menu-list__submenu-link"
                        role="menuitem"
                      >
                        Dining and Bar Tables
                      </a>
                    </li>
                  
                    <li role="presentation">
                      <a
                        href="/collections/coffee-side-tables"
                        class="menu-list__submenu-link"
                        role="menuitem"
                      >
                        Coffee and Side Tables
                      </a>
                    </li>
                  
                </ul>
              
            </li>
          
            <li role="presentation" class="menu-list__submenu-item">
              <a
                href="/collections/outdoor-furniture"
                class="menu-list__submenu-link"
                role="menuitem"
              >
                Outdoor
              </a>

              
            </li>
          
            <li role="presentation" class="menu-list__submenu-item">
              <a
                href="/collections/indoor-furniture"
                class="menu-list__submenu-link"
                role="menuitem"
              >
                Indoor
              </a>

              
            </li>
          
            <li role="presentation" class="menu-list__submenu-item">
              <a
                href="/collections/cushions-pads"
                class="menu-list__submenu-link"
                role="menuitem"
              >
                Cushions & Pads
              </a>

              
            </li>
          
        </ul>
      
    </li>
  
    <li
      role="presentation"
      class="menu-list__list-item"
      on:focus="/activate"
      on:blur="/deactivate"
      on:pointerenter="/activate"
      on:pointerleave="/deactivate"
    >
      <a
        href="/blogs/projects"
        data-skip-node-update="true"
        class="menu-list__link"
        
        ref="menuitem"
      >
        <span class="menu-list__link-title">Projects</span>
      </a>

      
    </li>
  
    <li
      role="presentation"
      class="menu-list__list-item"
      on:focus="/activate"
      on:blur="/deactivate"
      on:pointerenter="/activate"
      on:pointerleave="/deactivate"
    >
      <a
        href="/pages/bend-goods-trade-program"
        data-skip-node-update="true"
        class="menu-list__link"
        
        ref="menuitem"
      >
        <span class="menu-list__link-title">Trade</span>
      </a>

      
    </li>
  
    <li
      role="presentation"
      class="menu-list__list-item"
      on:focus="/activate"
      on:blur="/deactivate"
      on:pointerenter="/activate"
      on:pointerleave="/deactivate"
    >
      <a
        href="/blogs/journal"
        data-skip-node-update="true"
        class="menu-list__link"
        
        ref="menuitem"
      >
        <span class="menu-list__link-title">Journal</span>
      </a>

      
    </li>
  
    <li
      role="presentation"
      class="menu-list__list-item"
      on:focus="/activate"
      on:blur="/deactivate"
      on:pointerenter="/activate"
      on:pointerleave="/deactivate"
    >
      <a
        href="/pages/studio"
        data-skip-node-update="true"
        class="menu-list__link"
        
        ref="menuitem"
      >
        <span class="menu-list__link-title">Studio</span>
      </a>

      
    </li>
  

  <li
    class="menu-list__list-item"
    role="presentation"
    slot="more"
    on:focus="/activate"
    on:blur="/deactivate"
    on:pointerenter="/activate"
    on:pointerleave="/deactivate"
  >
    <button role="menuitem" class="button menu-list__link button-unstyled">
      <span class="menu-list__link-title">More</span>
    </button>
  </li>

</overflow-list>

          </div>
        </nav>
      </div>

      <script
        src="//bendgoods.com/cdn/shop/t/136/assets/header-menu.js?v=32392277473258403531768574404"
        type="module"
        fetchpriority="low"
      ></script>
    </header-menu>




<style>
    /* =====================================
     SIMPLE SUBMENU (REPLACES MEGA MENU)
     ===================================== */

  .menu-list__list-item {
    position: relative;
  }

  /* LEVEL 1 SUBMENU */
  .menu-list__submenu {
    position: absolute;
    top: 100%;
    left: -18px;
    min-width: 220px;
    padding: 8px 0;
    background: #312f38;
    box-shadow: var(--shadow-popover);
    border-radius: 6px;

    transform-origin: top;
    transform: scaleY(0);
    opacity: 0;
    visibility: hidden;

    transition:
      transform 0.25s ease,
      opacity 0.2s ease,
      visibility 0.2s ease;

    z-index: var(--layer-header-menu);
  }

  /* Hover / focus open */
  .menu-list__list-item:hover > .menu-list__submenu,
  .menu-list__list-item:focus-within > .menu-list__submenu {
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
  }

  /* Submenu items */
  .menu-list__submenu-item {
    position: relative;
    list-style: none;
  }

  .menu-list__submenu-link {
    display: block;
    padding: 10px 18px;
    line-height: 18px;
    font-size: 14px;
    color: #f6eddd;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s ease, color 0.2s ease;
  }

  .menu-list__submenu-link:hover,
  .menu-list__submenu-link.is-active {
    background: #252326;
  }

  /* LEVEL 2 SUBMENU */
  .menu-list__submenu-level-2 {
    position: absolute;
    top: -8px;
    left: 100%;
    min-width: 200px;
    padding: 8px 0;
    background: var(--color-background);
    box-shadow: var(--shadow-popover);
    border-radius: 6px;
    list-style-type: none;

    transform-origin: left;
    transform: scaleX(0);
    opacity: 0;
    visibility: hidden;

    transition:
      transform 0.25s ease,
      opacity 0.2s ease,
      visibility 0.2s ease;

    z-index: calc(var(--layer-header-menu) + 1);
  }

  .menu-list__submenu-item:hover > .menu-list__submenu-level-2,
  .menu-list__submenu-item:focus-within > .menu-list__submenu-level-2 {
    transform: scaleX(1);
    opacity: 1;
    visibility: visible;
  }

  /* MOBILE SAFE */
  @media (max-width: 991px) {
    .menu-list__submenu,
    .menu-list__submenu-level-2 {
      position: static;
      transform: none;
      opacity: 1;
      visibility: visible;
      box-shadow: none;
      padding-left: 16px;
    }
  }
</style>


</div>

            
        
      
    </div><div
      class="header__column header__column--right"
      data-testid="header-top-right"
    >
      
        
          
              
  
  

            
        
      
        
          
              



            
        
      
        
          
              <script
  type="module"
  src="//bendgoods.com/cdn/shop/t/136/assets/cart-icon.js?v=157241182139685326961768574404"
  fetchpriority="low"
></script>



<header-actions>
  

  
    <script
      src="//bendgoods.com/cdn/shop/t/136/assets/cart-drawer.js?v=60516533948368149871768574404"
      type="module"
      fetchpriority="low"
    ></script>

    <cart-drawer-component
      class="cart-drawer"
      
      
        auto-open
      
    >
      <button
        class="button header-actions__action button-unstyled"
        on:click="/open"
        aria-haspopup="dialog"
        aria-label="Cart"
        aria-describedby="cart-bubble-text"
        data-testid="cart-drawer-trigger"
      >
        
  <cart-icon
    class="
      header-actions__cart-icon
      
    "
    data-testid="cart-icon"
  >
    <span
      class="svg-wrapper"
      aria-hidden="true"
    >
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>

    </span>

    <div
  ref="cartBubble"
  class="cart-bubble visually-hidden"
  
  
    data-maintain-ratio
  
>
  <span class="cart-bubble__background"></span>
  <span
    ref="cartBubbleText"
    id="cart-bubble-text"
    class="cart-bubble__text"
    
      role="status"
    
  >
    <span class="visually-hidden">Total items in cart: 0
    </span>
    <span
      class="cart-bubble__text-count hidden"
      ref="cartBubbleCount"
      aria-hidden="true"
      data-testid="cart-bubble"
    >
0</span>
  </span>
</div>

  </cart-icon>

      </button>

      <dialog
        ref="dialog"
        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-906f93b6-1cca-4898-8985-064ffac3261d cart-drawer--empty"
        aria-labelledby="cart-drawer-heading-empty"
        scroll-lock
        cart-summary-sticky="true"
      >
        <div class="cart-drawer__inner">
          <cart-items-component
            class="cart-items-component"
            data-section-id="sections--25863859798296__header_section"
          ><div class="cart-drawer__header">
                <button
                  ref="closeButton"
                  on:click="cart-drawer-component/close"
                  class="button close-button cart-drawer__close-button button-unstyled"
                  aria-label="Close dialog"
                >
                  <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                </button>
              </div>

              <div
                class="cart-drawer__content motion-reduce"
                aria-label="Cart"
              >
                <h2
                  class="cart-drawer__heading h4 cart-drawer__heading--empty"
                  id="cart-drawer-heading-empty"
                >
                  Your cart is empty
                </h2>

                <div class="cart-drawer__items">
                  

<script
  src="//bendgoods.com/cdn/shop/t/136/assets/component-cart-items.js?v=47090504063697747641768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/component-cart-quantity-selector.js?v=105130809908858639751768574404"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//bendgoods.com/cdn/shop/t/136/assets/volume-pricing-info.js?v=94479640769665442661768574404"
  type="module"
  fetchpriority="low"
></script>

<div
  
  class="cart-items__wrapper"
  
>
  
<a
      class="button cart-items__empty-button"
      href="/collections/all"
    >
      Continue shopping
    </a></div>



                </div>
              </div></cart-items-component>
        </div>
      </dialog>
    </cart-drawer-component>
  
</header-actions>



          
        
      
    </div>
        </div>
      </div>
    
  
    

    

    
    
  

  
    <div class="header__row header__row--mobile desktop:hidden color-scheme-f0320a64-fad5-41fb-b5d6-855d238ff368">
      <div id="shopify-block-AYzZNeGZmendrMU5QZ__header-menu-navigation-bar" class="shopify-block">


    
  



<style>
    /* =====================================
     SIMPLE SUBMENU (REPLACES MEGA MENU)
     ===================================== */

  .menu-list__list-item {
    position: relative;
  }

  /* LEVEL 1 SUBMENU */
  .menu-list__submenu {
    position: absolute;
    top: 100%;
    left: -18px;
    min-width: 220px;
    padding: 8px 0;
    background: #312f38;
    box-shadow: var(--shadow-popover);
    border-radius: 6px;

    transform-origin: top;
    transform: scaleY(0);
    opacity: 0;
    visibility: hidden;

    transition:
      transform 0.25s ease,
      opacity 0.2s ease,
      visibility 0.2s ease;

    z-index: var(--layer-header-menu);
  }

  /* Hover / focus open */
  .menu-list__list-item:hover > .menu-list__submenu,
  .menu-list__list-item:focus-within > .menu-list__submenu {
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
  }

  /* Submenu items */
  .menu-list__submenu-item {
    position: relative;
    list-style: none;
  }

  .menu-list__submenu-link {
    display: block;
    padding: 10px 18px;
    line-height: 18px;
    font-size: 14px;
    color: #f6eddd;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s ease, color 0.2s ease;
  }

  .menu-list__submenu-link:hover,
  .menu-list__submenu-link.is-active {
    background: #252326;
  }

  /* LEVEL 2 SUBMENU */
  .menu-list__submenu-level-2 {
    position: absolute;
    top: -8px;
    left: 100%;
    min-width: 200px;
    padding: 8px 0;
    background: var(--color-background);
    box-shadow: var(--shadow-popover);
    border-radius: 6px;
    list-style-type: none;

    transform-origin: left;
    transform: scaleX(0);
    opacity: 0;
    visibility: hidden;

    transition:
      transform 0.25s ease,
      opacity 0.2s ease,
      visibility 0.2s ease;

    z-index: calc(var(--layer-header-menu) + 1);
  }

  .menu-list__submenu-item:hover > .menu-list__submenu-level-2,
  .menu-list__submenu-item:focus-within > .menu-list__submenu-level-2 {
    transform: scaleX(1);
    opacity: 1;
    visibility: visible;
  }

  /* MOBILE SAFE */
  @media (max-width: 991px) {
    .menu-list__submenu,
    .menu-list__submenu-level-2 {
      position: static;
      transform: none;
      opacity: 1;
      visibility: visible;
      box-shadow: none;
      padding-left: 16px;
    }
  }
</style>


</div>

    </div>
  
</header-component>

<script
  src="//bendgoods.com/cdn/shop/t/136/assets/header.js?v=37521966266212517571773843912"
  type="module"
></script>




  <script type="module">
    import { hydrate } from '@theme/section-hydration';
    const url = new URL(window.location.href);
    url.searchParams.delete('page');
    hydrate('sections--25863859798296__header_section', url);
  </script>



</header>
<!-- END sections: header-group -->
    </div>

    <script>
      // Inline header height calculation to prevent layout shift
      // Note: Updates in calculateHeaderGroupHeight() and updateTransparentHeaderOffset()utilities.js should be kept in sync with this function
      (function setHeaderHeighCustomProperties() {
        /*
         * Header calculation functions for maintaining CSS variables
         * Mimic calculateHeaderGroupHeight() in utilities.js
         */
        const header = document.querySelector('header-component');
        const headerGroup = document.querySelector('#header-group');
        const hasHeaderSection = headerGroup?.querySelector('.header-section');

        if (!header || !headerGroup) return;

        const headerHeight = header.offsetHeight;

        // Calculate the total height of the header group
        let headerGroupHeight = 0;
        const children = headerGroup.children;
        for (let i = 0; i < children.length; i++) {
          const element = children[i];
          if (element === header || !(element instanceof HTMLElement)) continue;
          headerGroupHeight += element.offsetHeight;
        }

        // Check for transparent header special case
        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
          headerGroupHeight += headerHeight;
        }

        // Set CSS variables
        document.body.style.setProperty('--header-height', `${headerHeight}px`);
        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);

        /**
         * Updates CSS custom properties for transparent header offset calculation
         * Mimic updateTransparentHeaderOffset() in utilities.js
         */

        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
          return;
        }

        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');

        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
      })();
    </script>

    <main
      id="MainContent"
      class="content-for-layout"
      role="main"
      data-page-transition-enabled="true"
      data-product-transition="true"
      data-template="index"
    >
      <section id="shopify-section-template--25863864451352__hero_pQtQRy" class="shopify-section hero-wrapper section-wrapper">













<div
  id="Hero-template--25863864451352__hero_pQtQRy"
  class="hero color-scheme-5"
  style="
    --hero-border-style: ;
    --hero-border-width: px;
    --hero-border-opacity: %;
    --blur-opacity: 0.75;
    
       --hero-min-height: 100svh;
    
  "
  
  
>
  

  

  <div
    class="hero__container spacing-style section section--full-width"
    style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));"
  ><a
        href="/blogs/journal/gq-named-the-bend-tube-chair-a-2026-home-award-winner"
        class="hero__link"
        
      ></a><div
      class="hero__media-wrapper"
      style="--hero-media-count: 1;--hero-media-count-mobile: 1;--hero-media-aspect-ratio: 1.6;"
      data-testid="hero-media-wrapper"
    >
      <div
  class="overlay overlay--gradient"
  style="
    --overlay-layer: var(--layer-flat);
    --overlay-color: #00000026;
    --overlay-color--end: rgba(0, 0, 0, 0);
    --overlay-direction: to top;"
></div>



      
  
<img src="//bendgoods.com/cdn/shop/files/tubediningchair_hereo-01.jpg?v=1780589491&amp;width=3840" srcset="//bendgoods.com/cdn/shop/files/tubediningchair_hereo-01.jpg?v=1780589491&amp;width=832 832w, //bendgoods.com/cdn/shop/files/tubediningchair_hereo-01.jpg?v=1780589491&amp;width=1200 1200w, //bendgoods.com/cdn/shop/files/tubediningchair_hereo-01.jpg?v=1780589491&amp;width=1600 1600w, //bendgoods.com/cdn/shop/files/tubediningchair_hereo-01.jpg?v=1780589491&amp;width=1920 1920w, //bendgoods.com/cdn/shop/files/tubediningchair_hereo-01.jpg?v=1780589491&amp;width=2560 2560w, //bendgoods.com/cdn/shop/files/tubediningchair_hereo-01.jpg?v=1780589491&amp;width=3840 3840w" width="1920" height="1200" class="hero__image hero__image--desktop hero__image--mobile" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="high" data-testid="hero-desktop-image-1">

  


  
    </div>
    <div
      class="
        hero__content-wrapper
        layout-panel-flex
        layout-panel-flex--column
        mobile-column
        section-content-wrapper
        page-width
        
      "
      style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 16px;

--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
    >
      


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 18px;

--horizontal-alignment: flex-start; --vertical-alignment: last baseline;
--vertical-alignment-mobile: flex-end;
"
  >
  


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--AdHBtdERscXY1U0pVc__text_paKrTT custom    text-block--align-left custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1.125rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-tight);        --letter-spacing: var(--letter-spacing--body-tight);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>Tube Dining Chair</p>
  </div>















  <div class=" spacing-style text-block text-block--ARVI1SDA0a3NjWk45M__text_QfTpYK custom    text-block--align-left custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: clamp(3.0rem, 3.428571428571429vw, 3rem);      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-tight);        --letter-spacing: var(--letter-spacing--body-tight);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p><strong>2026 GQ Home<br/>Awards Recipient</strong></p>
  </div>







</div>
</div>






</div>
</div>






    </div>
  </div>
</div>




<style> #shopify-section-template--25863864451352__hero_pQtQRy p {line-height: 0.9 !important; /* 0.9 times the font size */} </style></section><div id="shopify-section-template--25863864451352__section_7qgNrm" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--full-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    
      --section-min-height: var(--section-height-small);
    

    
     --section-preview-height: 600px;
     
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  




<style data-shopify>
  .ai-hover-image-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl {
    display: block;
    width: 100%;
    max-width: 100%;
  }

  .ai-hover-image-link-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl {
    display: block;
    text-decoration: none;
  }

  .ai-hover-image-container-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 0px;
  }

  .ai-hover-image-wrapper-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
  }

  .ai-hover-image-img-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .ai-hover-image-default-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl {
    z-index: 1;
    
  }

  .ai-hover-image-hover-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl {
    z-index: 2;
    
      display: none;
    
  }

  

  .ai-hover-image-overlay-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 20px;
    pointer-events: none;
  }

  .ai-hover-image-text-wrapper-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl {
    
      background-color: transparent;
    
    color: #ffffff;
    padding: 16px 24px;
    border-radius: 8px;
    text-align: center;
    transition: color 0.3s ease-in-out;
  }

  

  .ai-hover-image-heading-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl {
    font-size: 38px;
    margin: 0 0 8px 0;
    font-weight: 600;
  }

  .ai-hover-image-subtext-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl {
    font-size: 18px;
    margin: 0;
  }

  .ai-hover-image-placeholder-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ai-hover-image-placeholder-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl svg {
    width: 100%;
    height: 100%;
    max-width: 300px;
    max-height: 300px;
  }

  .ai-hover-image-empty-state-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    padding: 12px 20px;
    font-size: 14px;
    color: #666;
    text-align: center;
    pointer-events: none;
  }

  @media screen and (max-width: 749px) {
    .ai-hover-image-wrapper-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl {
      padding-bottom: 100%;
    }

    .ai-hover-image-overlay-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl {
      padding: 16px;
    }

    .ai-hover-image-text-wrapper-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl {
      padding: 12px 16px;
    }

    .ai-hover-image-heading-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl {
      font-size: 24px;
    }

    .ai-hover-image-subtext-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl {
      font-size: 14px;
    }
  }
</style>

<div
  class="ai-hover-image-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl"
  style="width: 100%;"
  
>
  
    <a href="/products/fred-lounge-chair" class="ai-hover-image-link-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl">
  
    <div class="ai-hover-image-container-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl">
      <div class="ai-hover-image-wrapper-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl">
        
          <img
            src="//bendgoods.com/cdn/shop/files/fredlounge_tennisset_sq02.jpg?v=1780594340&width=2000"
            alt=""
            loading="lazy"
            width="2160"
            height="2160"
            class="ai-hover-image-img-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl ai-hover-image-default-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl"
          >
        

        

        
          <div class="ai-hover-image-overlay-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl">
            <div class="ai-hover-image-text-wrapper-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl">
              
              
                <p class="ai-hover-image-subtext-awm9ree9mczdgylzaaaigenblock549a6d8keyrcl">Fred Lounge Chair</p>
              
            </div>
          </div>
        
      </div>
    </div>
  
    </a>
  
</div>



</div>
</div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  




<style data-shopify>
  .ai-hover-image-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l {
    display: block;
    width: 100%;
    max-width: 100%;
  }

  .ai-hover-image-link-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l {
    display: block;
    text-decoration: none;
  }

  .ai-hover-image-container-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 0px;
  }

  .ai-hover-image-wrapper-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
  }

  .ai-hover-image-img-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .ai-hover-image-default-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l {
    z-index: 1;
    
  }

  .ai-hover-image-hover-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l {
    z-index: 2;
    
      display: none;
    
  }

  

  .ai-hover-image-overlay-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 20px;
    pointer-events: none;
  }

  .ai-hover-image-text-wrapper-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l {
    
      background-color: transparent;
    
    color: #ffffff;
    padding: 16px 24px;
    border-radius: 8px;
    text-align: center;
    transition: color 0.3s ease-in-out;
  }

  

  .ai-hover-image-heading-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l {
    font-size: 38px;
    margin: 0 0 8px 0;
    font-weight: 600;
  }

  .ai-hover-image-subtext-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l {
    font-size: 18px;
    margin: 0;
  }

  .ai-hover-image-placeholder-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ai-hover-image-placeholder-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l svg {
    width: 100%;
    height: 100%;
    max-width: 300px;
    max-height: 300px;
  }

  .ai-hover-image-empty-state-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    padding: 12px 20px;
    font-size: 14px;
    color: #666;
    text-align: center;
    pointer-events: none;
  }

  @media screen and (max-width: 749px) {
    .ai-hover-image-wrapper-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l {
      padding-bottom: 100%;
    }

    .ai-hover-image-overlay-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l {
      padding: 16px;
    }

    .ai-hover-image-text-wrapper-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l {
      padding: 12px 16px;
    }

    .ai-hover-image-heading-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l {
      font-size: 24px;
    }

    .ai-hover-image-subtext-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l {
      font-size: 14px;
    }
  }
</style>

<div
  class="ai-hover-image-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l"
  style="width: 100%;"
  
>
  
    <a href="/products/drum-table" class="ai-hover-image-link-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l">
  
    <div class="ai-hover-image-container-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l">
      <div class="ai-hover-image-wrapper-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l">
        
          <img
            src="//bendgoods.com/cdn/shop/files/hotseatxdrum_sq02.jpg?v=1780594218&width=2000"
            alt=""
            loading="lazy"
            width="2160"
            height="2160"
            class="ai-hover-image-img-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l ai-hover-image-default-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l"
          >
        

        

        
          <div class="ai-hover-image-overlay-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l">
            <div class="ai-hover-image-text-wrapper-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l">
              
              
                <p class="ai-hover-image-subtext-aymtztc9vz0ppogevoaigenblock549a6d8hfnr4l">Drum Table</p>
              
            </div>
          </div>
        
      </div>
    </div>
  
    </a>
  
</div>



</div>
</div>







    </div>
  </div>
</div>





</div><div id="shopify-section-template--25863864451352__section_RzbkYf" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--full-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    
      --section-min-height: var(--section-height-small);
    

    
     --section-preview-height: 600px;
     
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  




<style data-shopify>
  .ai-hover-image-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl {
    display: block;
    width: 100%;
    max-width: 100%;
  }

  .ai-hover-image-link-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl {
    display: block;
    text-decoration: none;
  }

  .ai-hover-image-container-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 0px;
  }

  .ai-hover-image-wrapper-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
  }

  .ai-hover-image-img-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .ai-hover-image-default-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl {
    z-index: 1;
    
  }

  .ai-hover-image-hover-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl {
    z-index: 2;
    
      display: none;
    
  }

  

  .ai-hover-image-overlay-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 20px;
    pointer-events: none;
  }

  .ai-hover-image-text-wrapper-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl {
    
      background-color: transparent;
    
    color: #ffffff;
    padding: 16px 24px;
    border-radius: 8px;
    text-align: center;
    transition: color 0.3s ease-in-out;
  }

  

  .ai-hover-image-heading-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl {
    font-size: 38px;
    margin: 0 0 8px 0;
    font-weight: 600;
  }

  .ai-hover-image-subtext-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl {
    font-size: 18px;
    margin: 0;
  }

  .ai-hover-image-placeholder-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ai-hover-image-placeholder-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl svg {
    width: 100%;
    height: 100%;
    max-width: 300px;
    max-height: 300px;
  }

  .ai-hover-image-empty-state-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    padding: 12px 20px;
    font-size: 14px;
    color: #666;
    text-align: center;
    pointer-events: none;
  }

  @media screen and (max-width: 749px) {
    .ai-hover-image-wrapper-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl {
      padding-bottom: 100%;
    }

    .ai-hover-image-overlay-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl {
      padding: 16px;
    }

    .ai-hover-image-text-wrapper-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl {
      padding: 12px 16px;
    }

    .ai-hover-image-heading-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl {
      font-size: 24px;
    }

    .ai-hover-image-subtext-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl {
      font-size: 14px;
    }
  }
</style>

<div
  class="ai-hover-image-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl"
  style="width: 100%;"
  
>
  
    <a href="/products/coffee-house-chair" class="ai-hover-image-link-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl">
  
    <div class="ai-hover-image-container-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl">
      <div class="ai-hover-image-wrapper-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl">
        
          <img
            src="//bendgoods.com/cdn/shop/files/coffee-house_sq07.jpg?v=1768927748&width=2000"
            alt=""
            loading="lazy"
            width="2048"
            height="2048"
            class="ai-hover-image-img-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl ai-hover-image-default-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl"
          >
        

        

        
          <div class="ai-hover-image-overlay-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl">
            <div class="ai-hover-image-text-wrapper-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl">
              
              
                <p class="ai-hover-image-subtext-admxrvhdrmvj1dzmrcaigenblock549a6d8gbgfrl">Coffee House Chair</p>
              
            </div>
          </div>
        
      </div>
    </div>
  
    </a>
  
</div>



</div>
</div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  




<style data-shopify>
  .ai-hover-image-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz {
    display: block;
    width: 100%;
    max-width: 100%;
  }

  .ai-hover-image-link-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz {
    display: block;
    text-decoration: none;
  }

  .ai-hover-image-container-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 0px;
  }

  .ai-hover-image-wrapper-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
  }

  .ai-hover-image-img-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .ai-hover-image-default-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz {
    z-index: 1;
    
  }

  .ai-hover-image-hover-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz {
    z-index: 2;
    
      display: none;
    
  }

  

  .ai-hover-image-overlay-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 20px;
    pointer-events: none;
  }

  .ai-hover-image-text-wrapper-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz {
    
      background-color: transparent;
    
    color: #ffffff;
    padding: 16px 24px;
    border-radius: 8px;
    text-align: center;
    transition: color 0.3s ease-in-out;
  }

  

  .ai-hover-image-heading-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz {
    font-size: 38px;
    margin: 0 0 8px 0;
    font-weight: 600;
  }

  .ai-hover-image-subtext-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz {
    font-size: 18px;
    margin: 0;
  }

  .ai-hover-image-placeholder-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ai-hover-image-placeholder-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz svg {
    width: 100%;
    height: 100%;
    max-width: 300px;
    max-height: 300px;
  }

  .ai-hover-image-empty-state-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    padding: 12px 20px;
    font-size: 14px;
    color: #666;
    text-align: center;
    pointer-events: none;
  }

  @media screen and (max-width: 749px) {
    .ai-hover-image-wrapper-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz {
      padding-bottom: 100%;
    }

    .ai-hover-image-overlay-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz {
      padding: 16px;
    }

    .ai-hover-image-text-wrapper-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz {
      padding: 12px 16px;
    }

    .ai-hover-image-heading-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz {
      font-size: 24px;
    }

    .ai-hover-image-subtext-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz {
      font-size: 14px;
    }
  }
</style>

<div
  class="ai-hover-image-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz"
  style="width: 100%;"
  
>
  
    <a href="/products/stacking-tripod-stool" class="ai-hover-image-link-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz">
  
    <div class="ai-hover-image-container-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz">
      <div class="ai-hover-image-wrapper-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz">
        
          <img
            src="//bendgoods.com/cdn/shop/files/stackingtripodstool_coffeecart_sq02.jpg?v=1780595012&width=2000"
            alt=""
            loading="lazy"
            width="2160"
            height="2160"
            class="ai-hover-image-img-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz ai-hover-image-default-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz"
          >
        

        

        
          <div class="ai-hover-image-overlay-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz">
            <div class="ai-hover-image-text-wrapper-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz">
              
              
                <p class="ai-hover-image-subtext-auw9izvriovnzugnlqaigenblock549a6d8ry9wkz">Stacking Tripod Stool</p>
              
            </div>
          </div>
        
      </div>
    </div>
  
    </a>
  
</div>



</div>
</div>







    </div>
  </div>
</div>





</div><div id="shopify-section-template--25863864451352__section_4XEAKf" class="shopify-section section-wrapper">



<div class="section-background color-scheme-5"></div>
<div
  class="section section--page-width color-scheme-5"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 30px));

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 10px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));
      "
      data-testid="section-content"
    >
      
  


<style data-shopify>
  .ai-spacer-asm9owfh1vu1ky29jraigenblock0951353rbdxkn {
    width: 100%;
    height: 100px;
    background-color: rgba(0,0,0,0);
  }

  @media screen and (max-width: 749px) {
    .ai-spacer-asm9owfh1vu1ky29jraigenblock0951353rbdxkn {
      height: 30px;
    }
  }

  @media screen and (min-width: 750px) and (max-width: 989px) {
    .ai-spacer-asm9owfh1vu1ky29jraigenblock0951353rbdxkn {
      height: 10px;
    }
  }
</style>

<div
  class="ai-spacer-asm9owfh1vu1ky29jraigenblock0951353rbdxkn"
  
></div>




<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 85px));

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


<div
  class="
    group-block
    group-block--height-fill
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:43%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  




<style data-shopify>
  .ai-fluid-headline-ab3bzehvhmlfprkpnbaigenblock41ec278vfky7n {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0px 0px 0px;
  }

  .ai-fluid-headline__text-ab3bzehvhmlfprkpnbaigenblock41ec278vfky7n {
    font-size: 32px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
    text-align: left;
    color: ;
    margin: 0;
    word-wrap: normal;
    overflow-wrap: normal;
    
    
    
  }

  @media screen and (max-width: 749px) {
    .ai-fluid-headline-ab3bzehvhmlfprkpnbaigenblock41ec278vfky7n {
      padding: 0px 0px 0px;
    }

    .ai-fluid-headline__text-ab3bzehvhmlfprkpnbaigenblock41ec278vfky7n {
      font-size: 24px;
    }
  }

  @media screen and (min-width: 750px) and (max-width: 989px) {
    .ai-fluid-headline__text-ab3bzehvhmlfprkpnbaigenblock41ec278vfky7n {
      font-size: calc(24px + (32 - 24) * ((100vw - 750px) / (990 - 750)));
    }
  }

  @media screen and (min-width: 990px) {
    .ai-fluid-headline__text-ab3bzehvhmlfprkpnbaigenblock41ec278vfky7n {
      font-size: calc(32px + (32 - 32) * ((100vw - 990px) / (1920 - 990)));
    }
  }
</style>

<div class="ai-fluid-headline-ab3bzehvhmlfprkpnbaigenblock41ec278vfky7n" >
  
    <h2 class="ai-fluid-headline__text-ab3bzehvhmlfprkpnbaigenblock41ec278vfky7n">We Bend Metal to make  Modern  Furniture for Indoor and Outdoor Spaces</h2>
  
</div>


</div>
</div>






</div>
</div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 85px));

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


<div
  class="
    group-block
    group-block--height-fill
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  








  <div class=" spacing-style text-block text-block--AZUI0Vk1DRnRiUzVUO__text_76CfF6 custom    text-block--align-left text-block--full-width  custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 10px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-tight);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-none);          --text-align: left;          ">
    <p><strong>Bend: Architectural furniture designed in Los Angeles since 2010.  </strong>We craft precision-bent powder coated steel, wire, and aluminum furniture engineered for indoor and outdoor durability. By combining sculptural metal with upholstery, wood, and terrazzo, we create versatile commercial seating for global hospitality and residential projects. Our designs seamlessly bridge the gap between mid-century grit, Italian 80s flair, and Japandi minimalism to define a modern architectural aesthetic.</p>
  </div>







</div>
</div>








<div
  class="
    group-block
    group-block--height-fill
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  














</div>
</div>






</div>
</div>







    </div>
  </div>
</div>





</div><div id="shopify-section-template--25863864451352__collection_list_74WRRx" class="shopify-section ui-test-collection-list">



<div class="section-background color-scheme-1"></div>

<div
  class="
    section
    section--page-width
    color-scheme-1
    section-resource-list
    spacing-style
    gap-style
  "
  style="
    --padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 60px));
    --gap: 12px;
  "
  data-testid="collection-list"
>
  <div class="section-resource-list__content"></div>

  

  

  

  

<div
  class="
    resource-list
    
    
      hidden--mobile
    
    resource-list--grid
  "
  style="--resource-list-column-gap-desktop: 37px;--resource-list-row-gap-desktop: 24px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;"
  
    data-testid="collections-list-grid"
  
>
  
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: center;
    --vertical-alignment: center;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/dining-chairs"
    
  >
    <span class="visually-hidden">Dining Chairs</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card"] {
      --ratio: 1.0;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  >
      <img src="//bendgoods.com/cdn/shop/collections/Dining.jpg?v=1773500249&amp;width=3840" alt="Copper Lucy Chairs by Bend Goods" srcset="//bendgoods.com/cdn/shop/collections/Dining.jpg?v=1773500249&amp;width=240 240w, //bendgoods.com/cdn/shop/collections/Dining.jpg?v=1773500249&amp;width=352 352w, //bendgoods.com/cdn/shop/collections/Dining.jpg?v=1773500249&amp;width=832 832w, //bendgoods.com/cdn/shop/collections/Dining.jpg?v=1773500249&amp;width=1200 1200w, //bendgoods.com/cdn/shop/collections/Dining.jpg?v=1773500249&amp;width=1600 1600w, //bendgoods.com/cdn/shop/collections/Dining.jpg?v=1773500249&amp;width=1920 1920w, //bendgoods.com/cdn/shop/collections/Dining.jpg?v=1773500249&amp;width=2560 2560w, //bendgoods.com/cdn/shop/collections/Dining.jpg?v=1773500249&amp;width=3840 3840w" width="3840" height="3840" loading="eager" class="image-block__image" sizes="(min-width: 750px) 25vw, 100vw">
    
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AR2VyS0Z6WnhES1BmU__collection_title_dVGehr rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Dining Chairs</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-1"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: center;
    --vertical-alignment: center;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/cushions-pads"
    
  >
    <span class="visually-hidden">Cushions & Padding</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-1"] {
      --ratio: 1.0;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  >
      <img src="//bendgoods.com/cdn/shop/collections/padding.jpg?v=1754684223&amp;width=3840" alt="Bend Goods chair cushions are made from sunbrella fabric and work great for outdoor patio sets. Also available is leather and faux leather padding. Displayed in the image is our Blue and Green pad and throw pillow paired with a lounge chair." srcset="//bendgoods.com/cdn/shop/collections/padding.jpg?v=1754684223&amp;width=240 240w, //bendgoods.com/cdn/shop/collections/padding.jpg?v=1754684223&amp;width=352 352w, //bendgoods.com/cdn/shop/collections/padding.jpg?v=1754684223&amp;width=832 832w, //bendgoods.com/cdn/shop/collections/padding.jpg?v=1754684223&amp;width=1200 1200w, //bendgoods.com/cdn/shop/collections/padding.jpg?v=1754684223&amp;width=1600 1600w, //bendgoods.com/cdn/shop/collections/padding.jpg?v=1754684223&amp;width=1920 1920w, //bendgoods.com/cdn/shop/collections/padding.jpg?v=1754684223&amp;width=2560 2560w, //bendgoods.com/cdn/shop/collections/padding.jpg?v=1754684223&amp;width=3840 3840w" width="3840" height="3840" loading="eager" class="image-block__image" sizes="(min-width: 750px) 25vw, 100vw">
    
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AR2VyS0Z6WnhES1BmU__collection_title_dVGehr-1 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Cushions & Padding</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-2"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: center;
    --vertical-alignment: center;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/tube-collection"
    
  >
    <span class="visually-hidden">Tube Collection</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-2"] {
      --ratio: 1.0;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  >
      <img src="//bendgoods.com/cdn/shop/collections/tube-banner01.jpg?v=1768320714&amp;width=3840" alt="Upholstered tube bar stools with black metal frames from the Bend Goods Tube Collection" srcset="//bendgoods.com/cdn/shop/collections/tube-banner01.jpg?v=1768320714&amp;width=240 240w, //bendgoods.com/cdn/shop/collections/tube-banner01.jpg?v=1768320714&amp;width=352 352w, //bendgoods.com/cdn/shop/collections/tube-banner01.jpg?v=1768320714&amp;width=832 832w, //bendgoods.com/cdn/shop/collections/tube-banner01.jpg?v=1768320714&amp;width=1200 1200w, //bendgoods.com/cdn/shop/collections/tube-banner01.jpg?v=1768320714&amp;width=1600 1600w, //bendgoods.com/cdn/shop/collections/tube-banner01.jpg?v=1768320714&amp;width=1920 1920w, //bendgoods.com/cdn/shop/collections/tube-banner01.jpg?v=1768320714&amp;width=2560 2560w, //bendgoods.com/cdn/shop/collections/tube-banner01.jpg?v=1768320714&amp;width=3840 3840w" width="3840" height="3840" loading="eager" class="image-block__image" sizes="(min-width: 750px) 25vw, 100vw">
    
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AR2VyS0Z6WnhES1BmU__collection_title_dVGehr-2 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Tube Collection</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-3"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: center;
    --vertical-alignment: center;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/bar-counter-stools"
    
  >
    <span class="visually-hidden">Bar & Counter Stools</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-3"] {
      --ratio: 1.0;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  >
      <img src="//bendgoods.com/cdn/shop/collections/Stools.jpg?v=1754683919&amp;width=3840" alt="The signature Lucy Stool in Orange nestled up to a kitchen counter. The Lucy Stools are a wire design made for both outdoor and indoor dining." srcset="//bendgoods.com/cdn/shop/collections/Stools.jpg?v=1754683919&amp;width=240 240w, //bendgoods.com/cdn/shop/collections/Stools.jpg?v=1754683919&amp;width=352 352w, //bendgoods.com/cdn/shop/collections/Stools.jpg?v=1754683919&amp;width=832 832w, //bendgoods.com/cdn/shop/collections/Stools.jpg?v=1754683919&amp;width=1200 1200w, //bendgoods.com/cdn/shop/collections/Stools.jpg?v=1754683919&amp;width=1600 1600w, //bendgoods.com/cdn/shop/collections/Stools.jpg?v=1754683919&amp;width=1920 1920w, //bendgoods.com/cdn/shop/collections/Stools.jpg?v=1754683919&amp;width=2560 2560w, //bendgoods.com/cdn/shop/collections/Stools.jpg?v=1754683919&amp;width=3840 3840w" width="3840" height="3840" loading="eager" class="image-block__image" sizes="(min-width: 750px) 25vw, 100vw">
    
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AR2VyS0Z6WnhES1BmU__collection_title_dVGehr-3 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Bar & Counter Stools</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-4"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: center;
    --vertical-alignment: center;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/lounge-chairs"
    
  >
    <span class="visually-hidden">Lounge Chairs</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-4"] {
      --ratio: 1.0;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  >
      <img src="//bendgoods.com/cdn/shop/collections/lounge.jpg?v=1754684469&amp;width=3840" alt="The Peacock lounge chair is a wire chair design made for both outdoor patio sets and indoor living room furniture. sisplayed here is the White lounge chair next to a fireplace in a modern home." srcset="//bendgoods.com/cdn/shop/collections/lounge.jpg?v=1754684469&amp;width=240 240w, //bendgoods.com/cdn/shop/collections/lounge.jpg?v=1754684469&amp;width=352 352w, //bendgoods.com/cdn/shop/collections/lounge.jpg?v=1754684469&amp;width=832 832w, //bendgoods.com/cdn/shop/collections/lounge.jpg?v=1754684469&amp;width=1200 1200w, //bendgoods.com/cdn/shop/collections/lounge.jpg?v=1754684469&amp;width=1600 1600w, //bendgoods.com/cdn/shop/collections/lounge.jpg?v=1754684469&amp;width=1920 1920w, //bendgoods.com/cdn/shop/collections/lounge.jpg?v=1754684469&amp;width=2560 2560w, //bendgoods.com/cdn/shop/collections/lounge.jpg?v=1754684469&amp;width=3840 3840w" width="3840" height="3840" loading="eager" class="image-block__image" sizes="(min-width: 750px) 25vw, 100vw">
    
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AR2VyS0Z6WnhES1BmU__collection_title_dVGehr-4 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Lounge Chairs</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-5"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: center;
    --vertical-alignment: center;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/tables"
    
  >
    <span class="visually-hidden">Tables</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-5"] {
      --ratio: 1.0;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  >
      <img src="//bendgoods.com/cdn/shop/collections/30bistro-wd02.jpg?v=1767980960&amp;width=3840" alt="White wire chair with blue cushion next to a blue bistro table in a styled indoor setting" srcset="//bendgoods.com/cdn/shop/collections/30bistro-wd02.jpg?v=1767980960&amp;width=240 240w, //bendgoods.com/cdn/shop/collections/30bistro-wd02.jpg?v=1767980960&amp;width=352 352w, //bendgoods.com/cdn/shop/collections/30bistro-wd02.jpg?v=1767980960&amp;width=832 832w, //bendgoods.com/cdn/shop/collections/30bistro-wd02.jpg?v=1767980960&amp;width=1200 1200w, //bendgoods.com/cdn/shop/collections/30bistro-wd02.jpg?v=1767980960&amp;width=1600 1600w, //bendgoods.com/cdn/shop/collections/30bistro-wd02.jpg?v=1767980960&amp;width=1920 1920w, //bendgoods.com/cdn/shop/collections/30bistro-wd02.jpg?v=1767980960&amp;width=2560 2560w, //bendgoods.com/cdn/shop/collections/30bistro-wd02.jpg?v=1767980960&amp;width=3840 3840w" width="3840" height="3840" loading="eager" class="image-block__image" sizes="(min-width: 750px) 25vw, 100vw">
    
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AR2VyS0Z6WnhES1BmU__collection_title_dVGehr-5 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Tables</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-6"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: center;
    --vertical-alignment: center;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/benches"
    
  >
    <span class="visually-hidden">Benches</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-6"] {
      --ratio: 1.0;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  >
      <img src="//bendgoods.com/cdn/shop/collections/cloundbench-sq01.jpg?v=1767981011&amp;width=3840" alt="Modern wire bench with blue metal frame and teal cushions styled in a studio setting" srcset="//bendgoods.com/cdn/shop/collections/cloundbench-sq01.jpg?v=1767981011&amp;width=240 240w, //bendgoods.com/cdn/shop/collections/cloundbench-sq01.jpg?v=1767981011&amp;width=352 352w, //bendgoods.com/cdn/shop/collections/cloundbench-sq01.jpg?v=1767981011&amp;width=832 832w, //bendgoods.com/cdn/shop/collections/cloundbench-sq01.jpg?v=1767981011&amp;width=1200 1200w, //bendgoods.com/cdn/shop/collections/cloundbench-sq01.jpg?v=1767981011&amp;width=1600 1600w, //bendgoods.com/cdn/shop/collections/cloundbench-sq01.jpg?v=1767981011&amp;width=1920 1920w, //bendgoods.com/cdn/shop/collections/cloundbench-sq01.jpg?v=1767981011&amp;width=2560 2560w, //bendgoods.com/cdn/shop/collections/cloundbench-sq01.jpg?v=1767981011&amp;width=3840 3840w" width="3840" height="3840" loading="eager" class="image-block__image" sizes="(min-width: 750px) 25vw, 100vw">
    
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AR2VyS0Z6WnhES1BmU__collection_title_dVGehr-6 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Benches</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
        <!--@list/split-->
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-7"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: center;
    --vertical-alignment: center;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/sofas"
    
  >
    <span class="visually-hidden">Sofas</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-7"] {
      --ratio: 1.0;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  >
      <img src="//bendgoods.com/cdn/shop/collections/cubesofa-closeup_sq01.jpg?v=1767981227&amp;width=3840" alt="Close-up detail of a textured upholstered sofa arm from the Bend Goods collection" srcset="//bendgoods.com/cdn/shop/collections/cubesofa-closeup_sq01.jpg?v=1767981227&amp;width=240 240w, //bendgoods.com/cdn/shop/collections/cubesofa-closeup_sq01.jpg?v=1767981227&amp;width=352 352w, //bendgoods.com/cdn/shop/collections/cubesofa-closeup_sq01.jpg?v=1767981227&amp;width=832 832w, //bendgoods.com/cdn/shop/collections/cubesofa-closeup_sq01.jpg?v=1767981227&amp;width=1200 1200w, //bendgoods.com/cdn/shop/collections/cubesofa-closeup_sq01.jpg?v=1767981227&amp;width=1600 1600w, //bendgoods.com/cdn/shop/collections/cubesofa-closeup_sq01.jpg?v=1767981227&amp;width=1920 1920w, //bendgoods.com/cdn/shop/collections/cubesofa-closeup_sq01.jpg?v=1767981227&amp;width=2560 2560w, //bendgoods.com/cdn/shop/collections/cubesofa-closeup_sq01.jpg?v=1767981227&amp;width=3840 3840w" width="3840" height="3840" loading="eager" class="image-block__image" sizes="(min-width: 750px) 25vw, 100vw">
    
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AR2VyS0Z6WnhES1BmU__collection_title_dVGehr-7 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Sofas</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
    
  

    
</div>



  

  <div
    class="
      resource-list
      hidden--desktop
      resource-list__carousel
      force-full-width
    "
    style="
      --resource-list-column-gap-desktop: 37px;
      --column-count: 4;
      --column-count-mobile: 1;
      --mobile-card-size: 60cqw;
    "
  >
    
    



<div
  class="resource-list__carousel"
  style="--gutter-slide-width: var(--util-page-margin-offset); --slide-width-max: 450px;"
>
  <slideshow-component
  
    ref="collectionListMobile"
  
  
    class="resource-list__carousel"
  
  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  

  
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-chevron
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-chevron
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</slideshow-arrows>

    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
        gutters="start end"
      
    >
      
  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: center;
    --vertical-alignment: center;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/dining-chairs"
    
  >
    <span class="visually-hidden">Dining Chairs</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card"] {
      --ratio: 1.0;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  >
      <img src="//bendgoods.com/cdn/shop/collections/Dining.jpg?v=1773500249&amp;width=3840" alt="Copper Lucy Chairs by Bend Goods" srcset="//bendgoods.com/cdn/shop/collections/Dining.jpg?v=1773500249&amp;width=240 240w, //bendgoods.com/cdn/shop/collections/Dining.jpg?v=1773500249&amp;width=352 352w, //bendgoods.com/cdn/shop/collections/Dining.jpg?v=1773500249&amp;width=832 832w, //bendgoods.com/cdn/shop/collections/Dining.jpg?v=1773500249&amp;width=1200 1200w, //bendgoods.com/cdn/shop/collections/Dining.jpg?v=1773500249&amp;width=1600 1600w, //bendgoods.com/cdn/shop/collections/Dining.jpg?v=1773500249&amp;width=1920 1920w, //bendgoods.com/cdn/shop/collections/Dining.jpg?v=1773500249&amp;width=2560 2560w, //bendgoods.com/cdn/shop/collections/Dining.jpg?v=1773500249&amp;width=3840 3840w" width="3840" height="3840" loading="eager" class="image-block__image" sizes="(min-width: 750px) 25vw, 100vw">
    
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AR2VyS0Z6WnhES1BmU__collection_title_dVGehr rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Dining Chairs</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
        
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-1"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: center;
    --vertical-alignment: center;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/cushions-pads"
    
  >
    <span class="visually-hidden">Cushions & Padding</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-1"] {
      --ratio: 1.0;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  >
      <img src="//bendgoods.com/cdn/shop/collections/padding.jpg?v=1754684223&amp;width=3840" alt="Bend Goods chair cushions are made from sunbrella fabric and work great for outdoor patio sets. Also available is leather and faux leather padding. Displayed in the image is our Blue and Green pad and throw pillow paired with a lounge chair." srcset="//bendgoods.com/cdn/shop/collections/padding.jpg?v=1754684223&amp;width=240 240w, //bendgoods.com/cdn/shop/collections/padding.jpg?v=1754684223&amp;width=352 352w, //bendgoods.com/cdn/shop/collections/padding.jpg?v=1754684223&amp;width=832 832w, //bendgoods.com/cdn/shop/collections/padding.jpg?v=1754684223&amp;width=1200 1200w, //bendgoods.com/cdn/shop/collections/padding.jpg?v=1754684223&amp;width=1600 1600w, //bendgoods.com/cdn/shop/collections/padding.jpg?v=1754684223&amp;width=1920 1920w, //bendgoods.com/cdn/shop/collections/padding.jpg?v=1754684223&amp;width=2560 2560w, //bendgoods.com/cdn/shop/collections/padding.jpg?v=1754684223&amp;width=3840 3840w" width="3840" height="3840" loading="eager" class="image-block__image" sizes="(min-width: 750px) 25vw, 100vw">
    
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AR2VyS0Z6WnhES1BmU__collection_title_dVGehr-1 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Cushions & Padding</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
        
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-2"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: center;
    --vertical-alignment: center;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/tube-collection"
    
  >
    <span class="visually-hidden">Tube Collection</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-2"] {
      --ratio: 1.0;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  >
      <img src="//bendgoods.com/cdn/shop/collections/tube-banner01.jpg?v=1768320714&amp;width=3840" alt="Upholstered tube bar stools with black metal frames from the Bend Goods Tube Collection" srcset="//bendgoods.com/cdn/shop/collections/tube-banner01.jpg?v=1768320714&amp;width=240 240w, //bendgoods.com/cdn/shop/collections/tube-banner01.jpg?v=1768320714&amp;width=352 352w, //bendgoods.com/cdn/shop/collections/tube-banner01.jpg?v=1768320714&amp;width=832 832w, //bendgoods.com/cdn/shop/collections/tube-banner01.jpg?v=1768320714&amp;width=1200 1200w, //bendgoods.com/cdn/shop/collections/tube-banner01.jpg?v=1768320714&amp;width=1600 1600w, //bendgoods.com/cdn/shop/collections/tube-banner01.jpg?v=1768320714&amp;width=1920 1920w, //bendgoods.com/cdn/shop/collections/tube-banner01.jpg?v=1768320714&amp;width=2560 2560w, //bendgoods.com/cdn/shop/collections/tube-banner01.jpg?v=1768320714&amp;width=3840 3840w" width="3840" height="3840" loading="eager" class="image-block__image" sizes="(min-width: 750px) 25vw, 100vw">
    
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AR2VyS0Z6WnhES1BmU__collection_title_dVGehr-2 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Tube Collection</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
        
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-3"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: center;
    --vertical-alignment: center;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/bar-counter-stools"
    
  >
    <span class="visually-hidden">Bar & Counter Stools</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-3"] {
      --ratio: 1.0;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  >
      <img src="//bendgoods.com/cdn/shop/collections/Stools.jpg?v=1754683919&amp;width=3840" alt="The signature Lucy Stool in Orange nestled up to a kitchen counter. The Lucy Stools are a wire design made for both outdoor and indoor dining." srcset="//bendgoods.com/cdn/shop/collections/Stools.jpg?v=1754683919&amp;width=240 240w, //bendgoods.com/cdn/shop/collections/Stools.jpg?v=1754683919&amp;width=352 352w, //bendgoods.com/cdn/shop/collections/Stools.jpg?v=1754683919&amp;width=832 832w, //bendgoods.com/cdn/shop/collections/Stools.jpg?v=1754683919&amp;width=1200 1200w, //bendgoods.com/cdn/shop/collections/Stools.jpg?v=1754683919&amp;width=1600 1600w, //bendgoods.com/cdn/shop/collections/Stools.jpg?v=1754683919&amp;width=1920 1920w, //bendgoods.com/cdn/shop/collections/Stools.jpg?v=1754683919&amp;width=2560 2560w, //bendgoods.com/cdn/shop/collections/Stools.jpg?v=1754683919&amp;width=3840 3840w" width="3840" height="3840" loading="eager" class="image-block__image" sizes="(min-width: 750px) 25vw, 100vw">
    
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AR2VyS0Z6WnhES1BmU__collection_title_dVGehr-3 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Bar & Counter Stools</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
        
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-4"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: center;
    --vertical-alignment: center;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/lounge-chairs"
    
  >
    <span class="visually-hidden">Lounge Chairs</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-4"] {
      --ratio: 1.0;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  >
      <img src="//bendgoods.com/cdn/shop/collections/lounge.jpg?v=1754684469&amp;width=3840" alt="The Peacock lounge chair is a wire chair design made for both outdoor patio sets and indoor living room furniture. sisplayed here is the White lounge chair next to a fireplace in a modern home." srcset="//bendgoods.com/cdn/shop/collections/lounge.jpg?v=1754684469&amp;width=240 240w, //bendgoods.com/cdn/shop/collections/lounge.jpg?v=1754684469&amp;width=352 352w, //bendgoods.com/cdn/shop/collections/lounge.jpg?v=1754684469&amp;width=832 832w, //bendgoods.com/cdn/shop/collections/lounge.jpg?v=1754684469&amp;width=1200 1200w, //bendgoods.com/cdn/shop/collections/lounge.jpg?v=1754684469&amp;width=1600 1600w, //bendgoods.com/cdn/shop/collections/lounge.jpg?v=1754684469&amp;width=1920 1920w, //bendgoods.com/cdn/shop/collections/lounge.jpg?v=1754684469&amp;width=2560 2560w, //bendgoods.com/cdn/shop/collections/lounge.jpg?v=1754684469&amp;width=3840 3840w" width="3840" height="3840" loading="eager" class="image-block__image" sizes="(min-width: 750px) 25vw, 100vw">
    
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AR2VyS0Z6WnhES1BmU__collection_title_dVGehr-4 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Lounge Chairs</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
        
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-5"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: center;
    --vertical-alignment: center;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/tables"
    
  >
    <span class="visually-hidden">Tables</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-5"] {
      --ratio: 1.0;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  >
      <img src="//bendgoods.com/cdn/shop/collections/30bistro-wd02.jpg?v=1767980960&amp;width=3840" alt="White wire chair with blue cushion next to a blue bistro table in a styled indoor setting" srcset="//bendgoods.com/cdn/shop/collections/30bistro-wd02.jpg?v=1767980960&amp;width=240 240w, //bendgoods.com/cdn/shop/collections/30bistro-wd02.jpg?v=1767980960&amp;width=352 352w, //bendgoods.com/cdn/shop/collections/30bistro-wd02.jpg?v=1767980960&amp;width=832 832w, //bendgoods.com/cdn/shop/collections/30bistro-wd02.jpg?v=1767980960&amp;width=1200 1200w, //bendgoods.com/cdn/shop/collections/30bistro-wd02.jpg?v=1767980960&amp;width=1600 1600w, //bendgoods.com/cdn/shop/collections/30bistro-wd02.jpg?v=1767980960&amp;width=1920 1920w, //bendgoods.com/cdn/shop/collections/30bistro-wd02.jpg?v=1767980960&amp;width=2560 2560w, //bendgoods.com/cdn/shop/collections/30bistro-wd02.jpg?v=1767980960&amp;width=3840 3840w" width="3840" height="3840" loading="eager" class="image-block__image" sizes="(min-width: 750px) 25vw, 100vw">
    
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AR2VyS0Z6WnhES1BmU__collection_title_dVGehr-5 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Tables</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
        
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-6; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-6"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: center;
    --vertical-alignment: center;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/benches"
    
  >
    <span class="visually-hidden">Benches</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-6"] {
      --ratio: 1.0;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  >
      <img src="//bendgoods.com/cdn/shop/collections/cloundbench-sq01.jpg?v=1767981011&amp;width=3840" alt="Modern wire bench with blue metal frame and teal cushions styled in a studio setting" srcset="//bendgoods.com/cdn/shop/collections/cloundbench-sq01.jpg?v=1767981011&amp;width=240 240w, //bendgoods.com/cdn/shop/collections/cloundbench-sq01.jpg?v=1767981011&amp;width=352 352w, //bendgoods.com/cdn/shop/collections/cloundbench-sq01.jpg?v=1767981011&amp;width=832 832w, //bendgoods.com/cdn/shop/collections/cloundbench-sq01.jpg?v=1767981011&amp;width=1200 1200w, //bendgoods.com/cdn/shop/collections/cloundbench-sq01.jpg?v=1767981011&amp;width=1600 1600w, //bendgoods.com/cdn/shop/collections/cloundbench-sq01.jpg?v=1767981011&amp;width=1920 1920w, //bendgoods.com/cdn/shop/collections/cloundbench-sq01.jpg?v=1767981011&amp;width=2560 2560w, //bendgoods.com/cdn/shop/collections/cloundbench-sq01.jpg?v=1767981011&amp;width=3840 3840w" width="3840" height="3840" loading="eager" class="image-block__image" sizes="(min-width: 750px) 25vw, 100vw">
    
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AR2VyS0Z6WnhES1BmU__collection_title_dVGehr-6 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Benches</p>
  </div>









    </div>
  </div>
</div>






      </div>
      
        
</slideshow-slide>

  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-7; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
      
    
      <div class="resource-list__item">
        







<style data-shopify>
  
</style>



<div
  class="
    collection-card
    border-style
    
    
    
    
  "
  data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-7"
  
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --horizontal-alignment: center;
    --vertical-alignment: center;
    --background-overlay-color: ;
    --gap: 8px;
  ">
  <a
    class="collection-card__link"
    
      href="/collections/sofas"
    
  >
    <span class="visually-hidden">Sofas</span>
  </a>
  <div class="collection-card__inner">
    
  





<style data-shopify>
  
    .collection-card[data-block-id="AVU01UXdSWTF3Yy9ne__static-collection-card-7"] {
      --ratio: 1.0;
    }
  
</style>


  <div
    class="
      image-block
      resource-image
      
        collection-card__image
      
      spacing-style border-style
      
    "
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
    
  >
      <img src="//bendgoods.com/cdn/shop/collections/cubesofa-closeup_sq01.jpg?v=1767981227&amp;width=3840" alt="Close-up detail of a textured upholstered sofa arm from the Bend Goods collection" srcset="//bendgoods.com/cdn/shop/collections/cubesofa-closeup_sq01.jpg?v=1767981227&amp;width=240 240w, //bendgoods.com/cdn/shop/collections/cubesofa-closeup_sq01.jpg?v=1767981227&amp;width=352 352w, //bendgoods.com/cdn/shop/collections/cubesofa-closeup_sq01.jpg?v=1767981227&amp;width=832 832w, //bendgoods.com/cdn/shop/collections/cubesofa-closeup_sq01.jpg?v=1767981227&amp;width=1200 1200w, //bendgoods.com/cdn/shop/collections/cubesofa-closeup_sq01.jpg?v=1767981227&amp;width=1600 1600w, //bendgoods.com/cdn/shop/collections/cubesofa-closeup_sq01.jpg?v=1767981227&amp;width=1920 1920w, //bendgoods.com/cdn/shop/collections/cubesofa-closeup_sq01.jpg?v=1767981227&amp;width=2560 2560w, //bendgoods.com/cdn/shop/collections/cubesofa-closeup_sq01.jpg?v=1767981227&amp;width=3840 3840w" width="3840" height="3840" loading="eager" class="image-block__image" sizes="(min-width: 750px) 25vw, 100vw">
    
  </div>








    <div class="collection-card__content layout-panel-flex--column">
      
  


  
  






  <div class=" spacing-style text-block text-block--AR2VyS0Z6WnhES1BmU__collection_title_dVGehr-7 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Sofas</p>
  </div>









    </div>
  </div>
</div>






      </div>
</slideshow-slide>

  

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>



</div>

  </div>


</div>


</div><div id="shopify-section-template--25863864451352__section_9M4WtP" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--full-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  


<style data-shopify>
  .ai-spacer-acgdatgnwytfozxjsbaigenblock0951353jlkyfa {
    width: 100%;
    height: 60px;
    background-color: rgba(0,0,0,0);
  }

  @media screen and (max-width: 749px) {
    .ai-spacer-acgdatgnwytfozxjsbaigenblock0951353jlkyfa {
      height: 20px;
    }
  }

  @media screen and (min-width: 750px) and (max-width: 989px) {
    .ai-spacer-acgdatgnwytfozxjsbaigenblock0951353jlkyfa {
      height: 40px;
    }
  }
</style>

<div
  class="ai-spacer-acgdatgnwytfozxjsbaigenblock0951353jlkyfa"
  
></div>



    </div>
  </div>
</div>





</div><div id="shopify-section-template--25863864451352__section_pdXhzR" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    
      <div
  class="overlay overlay--solid"
  style="
    --overlay-layer: 0;
    --overlay-color: #3f6c5c;
    --overlay-color--end: rgba(63, 108, 92, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;"
></div>



    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 40px));

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;

        --padding-block-start: max(20px, calc(var(--spacing-scale) * 100px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 100px));
      "
      data-testid="section-content"
    >
      
  


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 8px;

--horizontal-alignment: center; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:90%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--Adm5nQmZEMUZydGk1c__text_j6VWee custom    text-block--align-left custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 2rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-tight);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p>Journal</p>
  </div>







</div>
</div>








<style data-shopify>
  .ai-spacer-anzyxsstwum5gyitzqaigenblock0951353rwhf9g {
    width: 100%;
    height: 40px;
    background-color: rgba(0,0,0,0);
  }

  @media screen and (max-width: 749px) {
    .ai-spacer-anzyxsstwum5gyitzqaigenblock0951353rwhf9g {
      height: 50px;
    }
  }

  @media screen and (min-width: 750px) and (max-width: 989px) {
    .ai-spacer-anzyxsstwum5gyitzqaigenblock0951353rwhf9g {
      height: 50px;
    }
  }
</style>

<div
  class="ai-spacer-anzyxsstwum5gyitzqaigenblock0951353rwhf9g"
  
></div>




<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:90%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 80px));

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
     color-scheme-583801fa-b45b-4a96-9e29-de3cf7be5d43
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:70%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 15px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--AeC81TXE5K24wYTg5U__text_Nqx3GW custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground-heading);--font-size: 1.125rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: balance;          --line-height: var(--line-height--body-tight);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>GQ Named the Bend Tube Chair a 2026 Home Award Winner</p>
  </div>















  <div class=" spacing-style text-block text-block--AcEQ2dFBkSmJCWStCd__text_xQgyy4 custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: balance;          --line-height: var(--line-height--body-tight);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>GQ's 2026 Home Awards recognize objects that change how you interact with your space. The Bend Goods Tube Chair was named among the best of the year.</p>
  </div>















  <div class=" spacing-style text-block text-block--AenpxNUVBektSb0YyQ__text_xxmimJ custom    text-block--align-left custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-tight);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p><a href="/blogs/journal/gq-named-the-bend-tube-chair-a-2026-home-award-winner" title="GQ Named the Bend Tube Chair a 2026 Home Award Winner">Read More</a></p>
  </div>







</div>
</div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
     color-scheme-583801fa-b45b-4a96-9e29-de3cf7be5d43
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:70%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--AYlZRb2FtcmlpZzBMW__text_xmANFf custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground-heading);--font-size: 1.125rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: balance;          --line-height: var(--line-height--body-tight);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>A Permanent Seat in History: Bend and the Legacy of LACMA</p>
  </div>















  <div class=" spacing-style text-block text-block--AWTFBUzRFYURCUENEb__text_tnJ8nc custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: balance;          --line-height: var(--line-height--body-tight);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>The Lucy Chair — Bend Goods' iconic wire dining chair — joins the permanent collection at the Los Angeles County Museum of Art.</p>
  </div>















  <div class=" spacing-style text-block text-block--AMUUweUsvUWRxZnRPN__text_e3gKUA custom    text-block--align-left custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-tight);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p><a href="/blogs/journal/a-permanent-seat-in-history-bend-and-the-legacy-of-lacma" title="A Permanent Seat in History: Bend and the Legacy of LACMA">Read More</a></p>
  </div>







</div>
</div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
     color-scheme-583801fa-b45b-4a96-9e29-de3cf7be5d43
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:70%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--ARkxzcFhrWngwYWlyY__text_j6cFiR custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground-heading);--font-size: 1.25rem;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: balance;          --line-height: var(--line-height--body-tight);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>Inside Club James: Where Bend Goods Meets the Legacy of John Lautner</p>
  </div>















  <div class=" spacing-style text-block text-block--AQ3MvZkhMQ1BJcGJuV__text_A4yTkj custom     custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: balance;          --line-height: var(--line-height--body-tight);        --letter-spacing: var(--letter-spacing--body-normal);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p>The Sheats Goldstein Residence with Bend Goods outdoor furniture is set within the architectural legacy of John Lautner. Concrete terraces, panoramic Los Angeles views, and modern outdoor...</p>
  </div>















  <div class=" spacing-style text-block text-block--AcFNlNDA5KzdmY21yT__text_hatpkN custom    text-block--align-left custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-tight);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p><a href="/blogs/journal/inside-club-james-where-bend-goods-meets-the-legacy-of-john-lautner" title="Inside Club James: Where Bend Goods Meets the Legacy of John Lautner">Read More</a></p>
  </div>







</div>
</div>






</div>
</div>








<style data-shopify>
  .ai-spacer-antbmwlbyk3yvatvnmaigenblock0951353umr93r {
    width: 100%;
    height: 80px;
    background-color: rgba(0,0,0,0);
  }

  @media screen and (max-width: 749px) {
    .ai-spacer-antbmwlbyk3yvatvnmaigenblock0951353umr93r {
      height: 100px;
    }
  }

  @media screen and (min-width: 750px) and (max-width: 989px) {
    .ai-spacer-antbmwlbyk3yvatvnmaigenblock0951353umr93r {
      height: 100px;
    }
  }
</style>

<div
  class="ai-spacer-antbmwlbyk3yvatvnmaigenblock0951353umr93r"
  
></div>




<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
     color-scheme-583801fa-b45b-4a96-9e29-de3cf7be5d43
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:90%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><a
      href="/blogs/journal"
      class="group-block__link"
      
    ></a><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--AS0RHdzJlSDI4QmdSW__text_QLLA3C custom    text-block--align-left custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1.125rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p><a href="/blogs/journal" title="Journal">More Journal Entries</a></p>
  </div>







</div>
</div>






</div>
</div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
     color-scheme-1
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
     color-scheme-1
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


<style data-shopify>
  .responsive-image-ak1hua2tgvm9osgs2zaigenblock853b450xtavml {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    border-radius: 0px;
    
  }

  .responsive-image-wrapper-ak1hua2tgvm9osgs2zaigenblock853b450xtavml {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;}

  .responsive-image-img-ak1hua2tgvm9osgs2zaigenblock853b450xtavml {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
  }

  

  .responsive-image-placeholder-ak1hua2tgvm9osgs2zaigenblock853b450xtavml {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f4f4f4;
  }

  .responsive-image-placeholder-ak1hua2tgvm9osgs2zaigenblock853b450xtavml svg {
    width: 100%;
    height: 100%;
    max-width: 500px;
    max-height: 500px;
  }

  @media screen and (max-width: 749px) {
    .responsive-image-ak1hua2tgvm9osgs2zaigenblock853b450xtavml {
      border-radius: 0px;
    }
    
    .responsive-image-wrapper-ak1hua2tgvm9osgs2zaigenblock853b450xtavml {
      padding-bottom: 100%;
    }
  }
</style>

<div class="responsive-image-ak1hua2tgvm9osgs2zaigenblock853b450xtavml" >
  <div class="responsive-image-wrapper-ak1hua2tgvm9osgs2zaigenblock853b450xtavml">
    
      <img
        src="//bendgoods.com/cdn/shop/files/journal-by-bend-goods.jpg?v=1773500616&width=2000"
        alt="Journal by Bend Goods"
        loading="lazy"
        width="2160"
        height="1425"
        class="responsive-image-img-ak1hua2tgvm9osgs2zaigenblock853b450xtavml"
      >
    
  </div>
</div>


</div>
</div>






</div>
</div>







    </div>
  </div>
</div>





<style> #shopify-section-template--25863864451352__section_pdXhzR video::-webkit-media-controls {display: none !important;} #shopify-section-template--25863864451352__section_pdXhzR video::-moz-media-controls {display: none !important;} </style></div><div id="shopify-section-template--25863864451352__section_BDjJtb" class="shopify-section section-wrapper">



<div class="section-background color-scheme-7f2d5572-338d-4233-9ab5-54ac371c2191"></div>
<div
  class="section section--full-width color-scheme-7f2d5572-338d-4233-9ab5-54ac371c2191"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    
      <div
  class="overlay overlay--solid"
  style="
    --overlay-layer: 0;
    --overlay-color: #2f909f;
    --overlay-color--end: rgba(47, 144, 159, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;"
></div>



    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  

    </div>
  </div>
</div>





</div>
    </main>

    <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--25863859667224__media_with_content_T8yacH" class="shopify-section shopify-section-group-footer-group">



<div class="section-background color-scheme-5"></div>
<div
  class="section section--page-width disable-section-top-offset media-with-content color-scheme-5 spacing-style media-with-content--medium media-with-content--media-extend media-with-content--media-right"
  data-testid="media-with-content"
  style="--padding-block-start: 0px;--padding-block-end: 0px;
    --border-width: px; --border-style: ; --border-color:
rgb(var(--color-border-rgb) / 0.0); --border-radius:
px; 

    --media-height: 80svh;
        --media-height-mobile: 70svh;
      
     --section-preview-height: 600px;
     
  "
  
>
  




<div
  class="
    media-block
    spacing-style
    
    
  "
  style="
    --border-width: px; --border-style: ; --border-color:
rgb(var(--color-border-rgb) / 0.0); --border-radius:
px; 

    
    --image-position: cover;
    --video-position: cover;
  "
  
>

    
      
      
        
  
  
  

  

  

  

  <img src="//bendgoods.com/cdn/shop/files/bendgoods_mobile-collectionhero_002.jpg?height=1080&amp;v=1744410923" alt="Discover our curated selection of indoor &amp; outdoor furniture collections. From dining chairs to lounge chairs, bistro tables to stools, and side tables, find modern pieces for every space. Elevate your home with our contemporary designs today." width="1920" height="1080" class="media-block__media border-style" srcset="//bendgoods.com/cdn/shop/files/bendgoods_mobile-collectionhero_002.jpg?height=1080&amp;v=1744410923 1x, //bendgoods.com/cdn/shop/files/bendgoods_mobile-collectionhero_002.jpg?height=2160&amp;v=1744410923 2x, //bendgoods.com/cdn/shop/files/bendgoods_mobile-collectionhero_002.jpg?height=3240&amp;v=1744410923 3x" style="">


      
    
    
</div>







  



<div
  class="
    group-block
    group-block--height-
    group-block--width-
    border-style
    spacing-style
    size-style
    
    media-with-content__content
  "
  style="
    --border-width: px; --border-style: ; --border-color:
rgb(var(--color-border-rgb) / 0.0); --border-radius:
px; 

    
    --size-style-width: ;--size-style-height: ;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
      
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: space-between;
--vertical-alignment-mobile: space-between;
"
  >
  


<div
  class="
    group-block
    group-block--height-fill
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
     color-scheme-583801fa-b45b-4a96-9e29-de3cf7be5d43
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:72%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  




  <span class="visually-hidden">Stay In
The Loop.</span>
  <jumbo-text
    
  style="
    --font-family: var(--font-heading--family);
    --font-weight: var(--font-heading--weight);
    
      --color: var(--color-foreground-heading);
    
    --text-align: left;
    
      --margin-left-nudge: -0.04em;
    
    --line-height: 0.8;
    --letter-spacing: -0.03em;
    --text-transform: none;
    --text-trim: trim-both cap text;
  "
  data-cap-text="true"
  

    data-text-effect="reveal"
    data-animation-repeat="true"
  ><span
          class="jumbo-text-line"
          style="--line-index: 1;"
          data-testid="jumbo-text-line"
          aria-hidden="true"
        >Stay In</span><br><span
          class="jumbo-text-line"
          style="--line-index: 2;"
          data-testid="jumbo-text-line"
          aria-hidden="true"
        >The Loop.</span></jumbo-text>


<script
  src="//bendgoods.com/cdn/shop/t/136/assets/jumbo-text.js?v=97109623810046750201768574404"
  type="module"
  async
></script>






</div>
</div>














  <rte-formatter class=" spacing-style text-block text-block--AcmoxUk01d2p5M0lXV__text_dMhL9D rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-narrow);          ">
    <p>• Insights & Blogs<br/>• New Product Launches<br/>• First dibs on Exclusive Sales</p>
  </rte-formatter>









<div
  class="email-signup-block size-style spacing-style"
  style="--size-style-width:70%;--size-style-height: ;--padding-block-start: max(20px, calc(var(--spacing-scale) * 50px));--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
  
>
  
<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
    <div
      class="email-signup__input-group email-signup__input-group--integrated   email-signup__input-group--arrow "
      style="--border-width: 0px; --border-radius: 0px;"
    >
      <label
        for="EmailInput-AWU9TT0IrYnRwa3FFS__email_signup_XAarVY"
        class="visually-hidden"
      >
        Email
      </label>
      <input
        id="EmailInput-AWU9TT0IrYnRwa3FFS__email_signup_XAarVY"
        class="email-signup__input email-signup__input--all paragraph "
        type="email"
        name="contact[email]"
        autocorrect="off"
        autocapitalize="off"
        autocomplete="email"
        placeholder="Email address"
        required
        
      >
      <button
        class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--AWU9TT0IrYnRwa3FFS__email_signup_XAarVY "
        
          aria-label="Sign up"
        
      >
        
          <svg
            viewBox="0 0 20 20"
            xmlns="http://www.w3.org/2000/svg"
            focusable="false"
            aria-hidden="true"
            class="email-signup__button-icon"
          >
            
<path
      clip-rule="evenodd"
      d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z"
      fill="currentColor"
      fill-rule="evenodd"
    />
          </svg>
        
      </button>
    </div></form>
</div>





</div>
</div>






</div>
</div>






</div>




</div><div id="shopify-section-sections--25863859667224__migrated_footer_content" class="shopify-section shopify-section-group-footer-group section-wrapper">



<div class="section-background color-scheme-5"></div>
<div
  class="section section--page-width color-scheme-5"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 100px));

--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: max(20px, calc(var(--spacing-scale) * 64px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 60px));
      "
      data-testid="section-content"
    >
      
  


<div
  class="
    group-block
    group-block--height-custom
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height:100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: center; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  


<div
  class="
    logo-block
    spacing-style
  "
  style="
    
      
        --logo-width: 175.74803149606302px;
      
    

    
      
        --logo-width-mobile: 35%;
        --logo-height-mobile: auto;
      
    
    --padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 0px;--padding-inline-end: 0px;
  "
  
>
  
    <div class="logo-block__image-wrapper">
      
<img src="//bendgoods.com/cdn/shop/files/bendlogo-white-003.png?v=1765403896&amp;width=3840" alt="Bend Goods" srcset="//bendgoods.com/cdn/shop/files/bendlogo-white-003.png?v=1765403896&amp;width=240 240w, //bendgoods.com/cdn/shop/files/bendlogo-white-003.png?v=1765403896&amp;width=352 352w, //bendgoods.com/cdn/shop/files/bendlogo-white-003.png?v=1765403896&amp;width=832 832w, //bendgoods.com/cdn/shop/files/bendlogo-white-003.png?v=1765403896&amp;width=1200 1200w, //bendgoods.com/cdn/shop/files/bendlogo-white-003.png?v=1765403896&amp;width=1600 1600w, //bendgoods.com/cdn/shop/files/bendlogo-white-003.png?v=1765403896&amp;width=1920 1920w, //bendgoods.com/cdn/shop/files/bendlogo-white-003.png?v=1765403896&amp;width=2560 2560w, //bendgoods.com/cdn/shop/files/bendlogo-white-003.png?v=1765403896&amp;width=3840 3840w" width="1240" height="508" class="logo-block__image" sizes="(min-width: 750px) calc(var(--logo-width)), 100vw">
    </div>
  
</div>





</div>
</div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 50px));--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 60px));

--horizontal-alignment: center; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fit-content
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: fit-content;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-end; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  




  <accordion-custom
    class="
      menu
      
      
    "
    data-disable-on-desktop="true"
    open-by-default-on-desktop
    
      data-disable-on-mobile="true"
      open-by-default-on-mobile
    
  >
    <details
      class="
        menu__details
        spacing-style
        
      "
      data-testid="menu-details"
      style="
        --spacing--size: 12px;
        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      "
      
        open
      
      
    >
      <summary class="menu__heading h5">
        <span class="menu__heading__default">Shop</span>
        <span class="menu__heading__accordion">
          Shop
          <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
          <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
        </span>
      </summary>

      <div class="details-content">
        
          <ul class="list-unstyled">
            
              <li class="menu__item paragraph">
                <a href="/collections/dining-chairs">
                  Dining Chairs
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/collections/lounge-chairs">
                  Lounge Chairs
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/collections/benches">
                  Benches
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/collections/bar-counter-stools">
                  Stools
                </a>
              </li>
            
          </ul>
        
      </div>
    </details>
  </accordion-custom>






</div>
</div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fit-content
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: fit-content;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-end; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  




  <accordion-custom
    class="
      menu
      
      
    "
    data-disable-on-desktop="true"
    open-by-default-on-desktop
    
      data-disable-on-mobile="true"
      open-by-default-on-mobile
    
  >
    <details
      class="
        menu__details
        spacing-style
        
      "
      data-testid="menu-details"
      style="
        --spacing--size: 12px;
        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      "
      
        open
      
      
    >
      <summary class="menu__heading h5">
        <span class="menu__heading__default"><br></span>
        <span class="menu__heading__accordion">
          <br>
          <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
          <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
        </span>
      </summary>

      <div class="details-content">
        
          <ul class="list-unstyled">
            
              <li class="menu__item paragraph">
                <a href="/collections/sofas">
                  Sofas
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/collections/cushions-pads">
                  Padding
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/collections/baskets-1">
                  Baskets
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/collections/animal-decor">
                  Animal Decor
                </a>
              </li>
            
          </ul>
        
      </div>
    </details>
  </accordion-custom>






</div>
</div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fit-content
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: fit-content;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-end; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  




  <accordion-custom
    class="
      menu
      
      
    "
    data-disable-on-desktop="true"
    open-by-default-on-desktop
    
      data-disable-on-mobile="true"
      open-by-default-on-mobile
    
  >
    <details
      class="
        menu__details
        spacing-style
        
      "
      data-testid="menu-details"
      style="
        --spacing--size: 12px;
        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      "
      
        open
      
      
    >
      <summary class="menu__heading h5">
        <span class="menu__heading__default"><br></span>
        <span class="menu__heading__accordion">
          <br>
          <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
          <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
        </span>
      </summary>

      <div class="details-content">
        
          <ul class="list-unstyled">
            
              <li class="menu__item paragraph">
                <a href="/collections/dining-bar-tables">
                  Dining Tables
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/collections/coffee-side-tables">
                  Coffee Tables
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/collections/side-tables">
                  Side Tables
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/collections/bar-tables">
                  Bar Tables
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/collections/bundle-deals">
                  Bundle Deals
                </a>
              </li>
            
          </ul>
        
      </div>
    </details>
  </accordion-custom>






</div>
</div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fit-content
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: fit-content;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-end; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  
</div>
</div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fit-content
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: fit-content;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-end; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  




  <accordion-custom
    class="
      menu
      
      
    "
    data-disable-on-desktop="true"
    open-by-default-on-desktop
    
      data-disable-on-mobile="true"
      open-by-default-on-mobile
    
  >
    <details
      class="
        menu__details
        spacing-style
        
      "
      data-testid="menu-details"
      style="
        --spacing--size: 12px;
        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      "
      
        open
      
      
    >
      <summary class="menu__heading h5">
        <span class="menu__heading__default">About Us</span>
        <span class="menu__heading__accordion">
          About Us
          <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
          <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
        </span>
      </summary>

      <div class="details-content">
        
          <ul class="list-unstyled">
            
              <li class="menu__item paragraph">
                <a href="/blogs/journal">
                  Journal
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/product-info">
                  Product Features
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/about">
                  About Us
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/catalog">
                  Catalog
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/shipping-and-returns">
                  Shipping & Returns
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/sustainability-environmental-impact">
                  Sustainability
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/faq">
                  FAQ
                </a>
              </li>
            
          </ul>
        
      </div>
    </details>
  </accordion-custom>






</div>
</div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fit-content
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: fit-content;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-end; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  




  <accordion-custom
    class="
      menu
      
      
    "
    data-disable-on-desktop="true"
    open-by-default-on-desktop
    
      data-disable-on-mobile="true"
      open-by-default-on-mobile
    
  >
    <details
      class="
        menu__details
        spacing-style
        
      "
      data-testid="menu-details"
      style="
        --spacing--size: 12px;
        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      "
      
        open
      
      
    >
      <summary class="menu__heading h5">
        <span class="menu__heading__default">Trade</span>
        <span class="menu__heading__accordion">
          Trade
          <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
          <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
        </span>
      </summary>

      <div class="details-content">
        
          <ul class="list-unstyled">
            
              <li class="menu__item paragraph">
                <a href="/pages/join-trade-program">
                  Trade Program
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/dealers">
                  Dealers & Reps
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/blogs/projects">
                  Projects with Bend
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/contact-us">
                  Contact Us
                </a>
              </li>
            
          </ul>
        
      </div>
    </details>
  </accordion-custom>






</div>
</div>






</div>
</div>







    </div>
  </div>
</div>





</div><div id="shopify-section-sections--25863859667224__footer_utilities" class="shopify-section shopify-section-group-footer-group footer-utilities">

<div class="section-background color-scheme-5"></div>
<div
  class="section section--page-width color-scheme-5"
  
>
  <div
    class="utilities utilities--blocks-2 spacing-style"
    style="--padding-block-start: 20px;--padding-block-end: 20px; --border-width: 1px; --gap: 24px;"
    data-testid="footer-utilities"
  >
    

<div
  class="
    footer-utilities__group-copyright
    custom-typography
    footer-utilities__text
    custom-font-size
  "
  style="
--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
  
>
  <span class="footer-utilities__text">
    &copy; 2026
    <a href="/" title="">Bend Goods</a></span>
</div>




<div
  class="social-icons__wrapper footer-utilities__icons"
  
>
  

  
    

    
    
      
        <div
          class="social-icons__icon-wrapper"
        >
          <a
            href="https://www.facebook.com/bendgoods/"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Facebook"
            
          >
            <span class="social-icons__icon-label">Facebook</span>
            
              <svg
                class="social-icons__icon icon-default"
                aria-hidden="true"
                focusable="false"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
              >
<path d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z" /></svg>
            
          </a>
        </div>
      
    
  
    

    
    
      
        <div
          class="social-icons__icon-wrapper"
        >
          <a
            href="https://www.instagram.com/bendgoods"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Instagram"
            
          >
            <span class="social-icons__icon-label">Instagram</span>
            
              <svg
                class="social-icons__icon icon-default"
                aria-hidden="true"
                focusable="false"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
              >
<path
      fill-rule="evenodd"
      d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z"
      clip-rule="evenodd"
    /></svg>
            
          </a>
        </div>
      
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
</div>





  </div>
</div>




</div>
<!-- END sections: footer-group -->

    <script
  src="//bendgoods.com/cdn/shop/t/136/assets/dialog.js?v=61774032287387761671768574404"
  type="module"
></script>

<script
  src="//bendgoods.com/cdn/shop/t/136/assets/predictive-search.js?v=149240552485540508541768574404"
  type="module"
  fetchpriority="low"
></script>

<dialog-component
  id="search-modal"
  class="search-modal"
  
>
  <dialog
    ref="dialog"
    on:click="/closeDialogOnClickOutside"
    on:keydown="/closeDialogOnEscapePress"
    class="search-modal__content dialog-modal"
    scroll-lock
    aria-labelledby="search-modal-heading"
  >
    <h2
      id="search-modal-heading"
      class="visually-hidden"
    >
      Search
    </h2>
    <predictive-search-component
      class="predictive-search color-scheme-1"
      style="--product-corner-radius: 0px; --card-corner-radius: 0px;"
      data-section-id="predictive-search"
      data-testid="search-component--modal"
      role="search"
      aria-label="Search"
    >
      <form
        action="/search"
        method="get"
        role="search"
        class="predictive-search-form"
        ref="form"
        on:keydown="/onSearchKeyDown"
      >
        <div
          class="predictive-search-form__header"
        >
          <div class="predictive-search-form__header-inner">
            <label
              for="cmdk-input"
              class="visually-hidden"
            >Search</label>
            <input
              class="search-input"
              id="cmdk-input"
              type="search"
              name="q"
              role="combobox"
              aria-expanded="false"
              aria-owns="predictive-search-results"
              aria-controls="predictive-search-results"
              aria-haspopup="listbox"
              aria-autocomplete="list"
              autocomplete="off"
              placeholder="Search"
              ref="searchInput"
              on:input="/search"
              on:keydown="/onSearchKeyDown"
            >
            <input
              name="options[prefix]"
              type="hidden"
              value="last"
            >
            <span class="svg-wrapper predictive-search__icon">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

            </span>
            <button
              type="button"
              class="button-unstyled predictive-search__reset-button"
              ref="resetButton"
              hidden
              on:click="/resetSearch"
            >
              Clear
            </button>
          </div>
          <button
            type="button"
            class="button predictive-search__close-modal-button"
            aria-label="Close dialog"
            on:click="dialog-component/closeDialog"
            ref="closeModalButton"
          >
            <span class="svg-wrapper">
              <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

            </span>
          </button>
        </div>

        <div class="predictive-search-form__content-wrapper">
          <div
            class="predictive-search-form__content"
            tabindex="-1"
            ref="predictiveSearchResults"
            on:click="/handleModalClick"
          >
            

<div
  id="predictive-search-results"
  class="predictive-search-dropdown"
  role="listbox"
  aria-expanded="true"
  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
  
    <div class="predictive-search-results__inner">
      
      
        
        
        
          <div
  id="predictive-search-products"
  class="predictive-search-results__products"
  
    data-testid="products-list-default--modal"
  
>
  
    <h4 class="predictive-search-results__title">
      Products
    </h4>
    <ul
      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
      role="listbox"
      aria-label="Products"
    >
      
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="534908338211"
    data-featured-media-url="//bendgoods.com/cdn/shop/products/granite_0db2881f-b234-4658-a37f-73944eae551d.gif?v=1661197269&width=500"
    data-product-transition="true"
  ><div
  class="resource-card"
  href="/products/betty-seat-pad"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/betty-seat-pad"
  >
    <span class="visually-hidden">
      Betty Seat Pad
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      data-view-transition-to-main-product
    
  >
      
      
<img src="//bendgoods.com/cdn/shop/products/teal_6909d2b5-f678-4e3f-85be-b8bcacb20fb9.gif?v=1661197269&amp;width=500" alt="Betty Seat Pad" srcset="//bendgoods.com/cdn/shop/products/teal_6909d2b5-f678-4e3f-85be-b8bcacb20fb9.gif?v=1661197269&amp;width=240 240w, //bendgoods.com/cdn/shop/products/teal_6909d2b5-f678-4e3f-85be-b8bcacb20fb9.gif?v=1661197269&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" style="object-position: 50.0% 50.0%;">

          <img src="//bendgoods.com/cdn/shop/products/granite_0db2881f-b234-4658-a37f-73944eae551d.gif?v=1661197269&amp;width=500" alt="Betty Seat Pad" srcset="//bendgoods.com/cdn/shop/products/granite_0db2881f-b234-4658-a37f-73944eae551d.gif?v=1661197269&amp;width=240 240w, //bendgoods.com/cdn/shop/products/granite_0db2881f-b234-4658-a37f-73944eae551d.gif?v=1661197269&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="true" data-media-id="20853385527395" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Betty Seat Pad</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">$60.00 USD</span>
    

    
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="6647382081635"
    data-featured-media-url="//bendgoods.com/cdn/shop/files/navyblue.jpg?v=1722532334&width=500"
    data-product-transition="true"
  ><div
  class="resource-card"
  href="/products/captain-pad"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/captain-pad"
  >
    <span class="visually-hidden">
      Captain Pad
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      data-view-transition-to-main-product
    
  >
      
      
<img src="//bendgoods.com/cdn/shop/files/navyblue.jpg?v=1722532334&amp;width=500" alt="Captain Pad" srcset="//bendgoods.com/cdn/shop/files/navyblue.jpg?v=1722532334&amp;width=240 240w, //bendgoods.com/cdn/shop/files/navyblue.jpg?v=1722532334&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" style="object-position: 50.0% 50.0%;">

          <img src="//bendgoods.com/cdn/shop/files/teal_1604cbe9-e9f1-4507-9853-aabcfb735ccf.jpg?v=1722532334&amp;width=500" alt="Captain Pad" srcset="//bendgoods.com/cdn/shop/files/teal_1604cbe9-e9f1-4507-9853-aabcfb735ccf.jpg?v=1722532334&amp;width=240 240w, //bendgoods.com/cdn/shop/files/teal_1604cbe9-e9f1-4507-9853-aabcfb735ccf.jpg?v=1722532334&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="true" data-media-id="35289514148120" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Captain Pad</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">$72.00 USD</span>
    

    
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="535049961507"
    data-featured-media-url="//bendgoods.com/cdn/shop/products/modart_curved_blk.jpg?v=1741714631&width=500"
    data-product-transition="true"
  ><div
  class="resource-card"
  href="/products/the-modular-art-piece"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/the-modular-art-piece"
  >
    <span class="visually-hidden">
      Modular Art Piece
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      data-view-transition-to-main-product
    
  >
      
      
<img src="//bendgoods.com/cdn/shop/products/modart_curved_blk.jpg?v=1741714631&amp;width=500" alt="Macramé Art Piece" srcset="//bendgoods.com/cdn/shop/products/modart_curved_blk.jpg?v=1741714631&amp;width=240 240w, //bendgoods.com/cdn/shop/products/modart_curved_blk.jpg?v=1741714631&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" style="object-position: 50.0% 50.0%;">

          <img src="//bendgoods.com/cdn/shop/products/modart_straight_blk.jpg?v=1741714631&amp;width=500" alt="Modular Art Piece" srcset="//bendgoods.com/cdn/shop/products/modart_straight_blk.jpg?v=1741714631&amp;width=240 240w, //bendgoods.com/cdn/shop/products/modart_straight_blk.jpg?v=1741714631&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="true" data-media-id="21444587389027" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Modular Art Piece</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">$85.00 USD</span>
    

    
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="534969679907"
    data-featured-media-url="//bendgoods.com/cdn/shop/files/POLARBEARBLK.jpg?v=1751310495&width=500"
    data-product-transition="true"
  ><div
  class="resource-card"
  href="/products/polar-bear"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/polar-bear"
  >
    <span class="visually-hidden">
      Polar Bear
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      data-view-transition-to-main-product
    
  >
      
      
<img src="//bendgoods.com/cdn/shop/files/POLARBEARBLK.jpg?v=1751310495&amp;width=500" alt="" srcset="//bendgoods.com/cdn/shop/files/POLARBEARBLK.jpg?v=1751310495&amp;width=240 240w, //bendgoods.com/cdn/shop/files/POLARBEARBLK.jpg?v=1751310495&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" style="object-position: 50.0% 50.0%;">

          <img src="//bendgoods.com/cdn/shop/products/whitepolarbear1.jpg?v=1751310495&amp;width=500" alt="Polar Bear" srcset="//bendgoods.com/cdn/shop/products/whitepolarbear1.jpg?v=1751310495&amp;width=240 240w, //bendgoods.com/cdn/shop/products/whitepolarbear1.jpg?v=1751310495&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="true" data-media-id="20816866508899" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Polar Bear</p>

    
      <div ref="priceContainer">
  
    
    

    
      <span class="price">$80.00 USD</span>
    

    
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
    </ul>
  
</div>



        
      
    </div>
  
</div>

          </div>

          <div class="predictive-search-form__footer">
            <button
              class="button button-primary predictive-search__search-button"
              ref="viewAllButton"
            >
              View all
            </button>
          </div>
        </div>
      </form>
    </predictive-search-component>
  </dialog>
</dialog-component>




    
      <quick-add-dialog id="quick-add-dialog">
  <dialog
    class="quick-add-modal dialog-modal color-scheme-1"
    ref="dialog"
    scroll-lock
  >
    <button
      ref="closeButton"
      on:click="/closeDialog"
      class="button button-unstyled close-button quick-add-modal__close"
      aria-label="Close dialog"
    ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
    <div
      id="quick-add-modal-content"
      class="quick-add-modal__content"
    ></div>
  </dialog>
</quick-add-dialog>



    
  <div id="shopify-block-Aajk0TllTV2lJZTdoT__15683396631634586217" class="shopify-block shopify-app-block"><script
  id="chat-button-container"
  data-horizontal-position=bottom_right
  data-vertical-position=higher
  data-icon=chat_bubble
  data-text=chat_with_us
  data-color=#000000
  data-secondary-color=#ffffff
  data-ternary-color=#6a6a6a
  
  data-domain=bendgoods.com
  data-shop-domain=bendgoods.com
  data-external-identifier=UspCLF-NuHFchUSVLmOuaXXEARm6lPrurhW8X8ZLFiU
  
>
</script>


</div><script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
