<!doctype html>
<html class="no-js" lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="theme-color" content="">
    <link rel="canonical" href="https://www.inhabitliving.com/collections/harmony-acoustic-pet-felt-3d-panels">
    <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
    <link rel="dns-prefetch" href="https://ajax.googleapis.com">
    <link rel="dns-prefetch" href="https://maps.googleapis.com">
    <link rel="dns-prefetch" href="https://maps.gstatic.com"><link rel="shortcut icon" href="//www.inhabitliving.com/cdn/shop/files/INH_favicon_32x32.jpg?v=1614733954" type="image/png">
<title>Acoustic Panels for Walls | Harmony3D PET Felt Panels &ndash; Inhabit</title><meta name="description" content="Shop Harmony3D acoustic panels for walls in sculptural PET felt patterns. These 3D acoustic wall panels absorb reflected sound and help reduce echo.">
<meta property="og:site_name" content="Inhabit">
<meta property="og:url" content="https://www.inhabitliving.com/collections/harmony-acoustic-pet-felt-3d-panels">
<meta property="og:title" content="Acoustic Panels for Walls | Harmony3D PET Felt Panels">
<meta property="og:type" content="website">
<meta property="og:description" content="Shop Harmony3D acoustic panels for walls in sculptural PET felt patterns. These 3D acoustic wall panels absorb reflected sound and help reduce echo."><meta property="og:image" content="http://www.inhabitliving.com/cdn/shop/collections/Harmony3Dpanelheader.jpg?v=1785384381">
  <meta property="og:image:secure_url" content="https://www.inhabitliving.com/cdn/shop/collections/Harmony3Dpanelheader.jpg?v=1785384381">
  <meta property="og:image:width" content="2000">
  <meta property="og:image:height" content="300"><meta name="twitter:site" content="@">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Acoustic Panels for Walls | Harmony3D PET Felt Panels">
<meta name="twitter:description" content="Shop Harmony3D acoustic panels for walls in sculptural PET felt patterns. These 3D acoustic wall panels absorb reflected sound and help reduce echo.">
<style data-shopify>:root {
        --product-grid-padding: 12px;
      }</style><script>
      document.documentElement.className = document.documentElement.className.replace('no-js', 'js');

      window.theme = window.theme || {};

      theme.settings = {
        themeName: 'Expanse',
        themeVersion: '9.1.0', // x-release-please-version
      };
    </script><script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
{
  "imports": {
    "block.product-buy-buttons.drawers": "//www.inhabitliving.com/cdn/shop/t/139/assets/block.product-buy-buttons.drawers.js?v=143357058838575216011789508934",
    "block.product-buy-buttons.gift-form": "//www.inhabitliving.com/cdn/shop/t/139/assets/block.product-buy-buttons.gift-form.js?v=46785361256357036371789508935",
    "block.product-buy-buttons": "//www.inhabitliving.com/cdn/shop/t/139/assets/block.product-buy-buttons.js?v=35516279905384100631789508936",
    "block.product-buy-buttons.store-availability": "//www.inhabitliving.com/cdn/shop/t/139/assets/block.product-buy-buttons.store-availability.js?v=90760121318270272421789508936",
    "block.product-inventory": "//www.inhabitliving.com/cdn/shop/t/139/assets/block.product-inventory.js?v=20518228087486565811789508937",
    "block.product-price": "//www.inhabitliving.com/cdn/shop/t/139/assets/block.product-price.js?v=35246183459863012841789508937",
    "block.product-title": "//www.inhabitliving.com/cdn/shop/t/139/assets/block.product-title.js?v=124903593559520654341789508938",
    "block.product-variant-picker": "//www.inhabitliving.com/cdn/shop/t/139/assets/block.product-variant-picker.js?v=114817416060497964331789508938",
    "cart.order-note": "//www.inhabitliving.com/cdn/shop/t/139/assets/cart.order-note.js?v=56198602689862001351789508939",
    "component.lightbox": "//www.inhabitliving.com/cdn/shop/t/139/assets/component.lightbox.js?v=156646539613027545861789508940",
    "element.accordion": "//www.inhabitliving.com/cdn/shop/t/139/assets/element.accordion.js?v=160349696093691185691789508941",
    "element.base-media": "//www.inhabitliving.com/cdn/shop/t/139/assets/element.base-media.js?v=61305152781971747521789508942",
    "element.header-search": "//www.inhabitliving.com/cdn/shop/t/139/assets/element.header-search.js?v=89544545804712572551789508943",
    "element.image.parallax": "//www.inhabitliving.com/cdn/shop/t/139/assets/element.image.parallax.js?v=59188309605188605141789508943",
    "element.map": "//www.inhabitliving.com/cdn/shop/t/139/assets/element.map.js?v=104976426947850234061789508944",
    "element.marquee": "//www.inhabitliving.com/cdn/shop/t/139/assets/element.marquee.js?v=146838365732890290641789508945",
    "element.model": "//www.inhabitliving.com/cdn/shop/t/139/assets/element.model.js?v=104979259955732717291789508945",
    "element.product-recommendations": "//www.inhabitliving.com/cdn/shop/t/139/assets/element.product-recommendations.js?v=92208828216334547371789508946",
    "element.quantity-selector": "//www.inhabitliving.com/cdn/shop/t/139/assets/element.quantity-selector.js?v=68208048201360514121789508946",
    "element.text.rte": "//www.inhabitliving.com/cdn/shop/t/139/assets/element.text.rte.js?v=28194737298593644281789508947",
    "element.theme": "//www.inhabitliving.com/cdn/shop/t/139/assets/element.theme.js?v=79531236870419416191789508947",
    "element.video": "//www.inhabitliving.com/cdn/shop/t/139/assets/element.video.js?v=110560105447302630031789508948",
    "es-module-shims": "//www.inhabitliving.com/cdn/shop/t/139/assets/es-module-shims.min.js?v=3197203922110785981789508948",
    "form.localization.disclosure": "//www.inhabitliving.com/cdn/shop/t/139/assets/form.localization.disclosure.js?v=182459945533096787091789508949",
    "form.predictive-search": "//www.inhabitliving.com/cdn/shop/t/139/assets/form.predictive-search.js?v=16338149262871167711789508949",
    "head.theme-editor": "//www.inhabitliving.com/cdn/shop/t/139/assets/head.theme-editor.js?v=82669915001170288111789508950",
    "header.cart-drawer": "//www.inhabitliving.com/cdn/shop/t/139/assets/header.cart-drawer.js?v=76924253000731865721789508951",
    "header.close-cart": "//www.inhabitliving.com/cdn/shop/t/139/assets/header.close-cart.js?v=111774689337820112111789508951",
    "header.desktop-nav.nav-dropdown": "//www.inhabitliving.com/cdn/shop/t/139/assets/header.desktop-nav.nav-dropdown.js?v=161891049847192907061789508952",
    "header.drawer": "//www.inhabitliving.com/cdn/shop/t/139/assets/header.drawer.js?v=17624087784712756681789508952",
    "header.mobile-nav": "//www.inhabitliving.com/cdn/shop/t/139/assets/header.mobile-nav.js?v=68222097154808643481789508953",
    "header.nav": "//www.inhabitliving.com/cdn/shop/t/139/assets/header.nav.js?v=60474361350033080031789508953",
    "header.toggle-cart": "//www.inhabitliving.com/cdn/shop/t/139/assets/header.toggle-cart.js?v=98854154335626053671789508954",
    "header.toggle-menu": "//www.inhabitliving.com/cdn/shop/t/139/assets/header.toggle-menu.js?v=39506857234317197601789508954",
    "header.toggle-search": "//www.inhabitliving.com/cdn/shop/t/139/assets/header.toggle-search.js?v=158471854237997684391789508955",
    "is-land": "//www.inhabitliving.com/cdn/shop/t/139/assets/is-land.min.js?v=92343381495565747271789508997",
    "list.filter-grid.active-tags": "//www.inhabitliving.com/cdn/shop/t/139/assets/list.filter-grid.active-tags.js?v=95708428777908361691789508998",
    "list.filter-grid.collection-mobile-filters": "//www.inhabitliving.com/cdn/shop/t/139/assets/list.filter-grid.collection-mobile-filters.js?v=63107918996786963331789508998",
    "list.filter-grid.filter-form": "//www.inhabitliving.com/cdn/shop/t/139/assets/list.filter-grid.filter-form.js?v=17067780984386582381789508999",
    "list.filter-grid": "//www.inhabitliving.com/cdn/shop/t/139/assets/list.filter-grid.js?v=101890920840529502621789508999",
    "list.filter-grid.list-filter": "//www.inhabitliving.com/cdn/shop/t/139/assets/list.filter-grid.list-filter.js?v=138701075783354965801789509000",
    "list.filter-grid.mobile-filters-trigger": "//www.inhabitliving.com/cdn/shop/t/139/assets/list.filter-grid.mobile-filters-trigger.js?v=95983497396036638961789509000",
    "list.filter-grid.price-range-text": "//www.inhabitliving.com/cdn/shop/t/139/assets/list.filter-grid.price-range-text.js?v=49452109150009672021789509001",
    "list.filter-grid.price-range": "//www.inhabitliving.com/cdn/shop/t/139/assets/list.filter-grid.price-range.js?v=35983194066026989001789509002",
    "list.filter-grid.sort-by": "//www.inhabitliving.com/cdn/shop/t/139/assets/list.filter-grid.sort-by.js?v=169103206739705814741789509002",
    "list.filter-grid.view-buttons": "//www.inhabitliving.com/cdn/shop/t/139/assets/list.filter-grid.view-buttons.js?v=31923186262704385171789509003",
    "list.product-card.swatches": "//www.inhabitliving.com/cdn/shop/t/139/assets/list.product-card.swatches.js?v=113927694071767406001789509003",
    "module.cart-form": "//www.inhabitliving.com/cdn/shop/t/139/assets/module.cart-form.js?v=21319002842506299681789509005",
    "module.clone-footer": "//www.inhabitliving.com/cdn/shop/t/139/assets/module.clone-footer.js?v=65189253863211222311789509005",
    "module.modal": "//www.inhabitliving.com/cdn/shop/t/139/assets/module.modal.js?v=44527242903564663411789509006",
    "module.slideshow": "//www.inhabitliving.com/cdn/shop/t/139/assets/module.slideshow.js?v=116640543976273210511789509006",
    "overlay.newsletter-reminder": "//www.inhabitliving.com/cdn/shop/t/139/assets/overlay.newsletter-reminder.js?v=76052422197643520471789509008",
    "overlay.quick-add": "//www.inhabitliving.com/cdn/shop/t/139/assets/overlay.quick-add.js?v=20686207342118126761789509008",
    "overlay.quick-shop": "//www.inhabitliving.com/cdn/shop/t/139/assets/overlay.quick-shop.js?v=157739579751739548241789509009",
    "overlay.tool-tip": "//www.inhabitliving.com/cdn/shop/t/139/assets/overlay.tool-tip.js?v=78722916108622987231789509009",
    "overlay.tool-tip.trigger": "//www.inhabitliving.com/cdn/shop/t/139/assets/overlay.tool-tip.trigger.js?v=38823101629727047911789509010",
    "product.add-to-cart": "//www.inhabitliving.com/cdn/shop/t/139/assets/product.add-to-cart.js?v=153565341879909331761789509013",
    "product.gallery": "//www.inhabitliving.com/cdn/shop/t/139/assets/product.gallery.js?v=101937563878297892051789509013",
    "product.gallery.photoswipe": "//www.inhabitliving.com/cdn/shop/t/139/assets/product.gallery.photoswipe.js?v=34264043932858048631789509014",
    "section.advanced-accordion": "//www.inhabitliving.com/cdn/shop/t/139/assets/section.advanced-accordion.js?v=44790911016288138071789509015",
    "section.age-verification-popup": "//www.inhabitliving.com/cdn/shop/t/139/assets/section.age-verification-popup.js?v=58303022586883027081789509016",
    "section.background-image-text": "//www.inhabitliving.com/cdn/shop/t/139/assets/section.background-image-text.js?v=26227350979714212071789509016",
    "section.collection-header": "//www.inhabitliving.com/cdn/shop/t/139/assets/section.collection-header.js?v=52320583960175857641789509017",
    "section.countdown": "//www.inhabitliving.com/cdn/shop/t/139/assets/section.countdown.js?v=75237863181774550081789509018",
    "section.footer": "//www.inhabitliving.com/cdn/shop/t/139/assets/section.footer.js?v=148713697742347807881789509018",
    "section.header": "//www.inhabitliving.com/cdn/shop/t/139/assets/section.header.js?v=13203801188933004421789509019",
    "section.hotspots": "//www.inhabitliving.com/cdn/shop/t/139/assets/section.hotspots.js?v=178007014693575642251789509020",
    "section.image-compare": "//www.inhabitliving.com/cdn/shop/t/139/assets/section.image-compare.js?v=148705783676582583041789509020",
    "section.main-addresses": "//www.inhabitliving.com/cdn/shop/t/139/assets/section.main-addresses.js?v=38269558316828166111789509021",
    "section.main-cart": "//www.inhabitliving.com/cdn/shop/t/139/assets/section.main-cart.js?v=57317533223459346501789509021",
    "section.main-login": "//www.inhabitliving.com/cdn/shop/t/139/assets/section.main-login.js?v=141583384861984065451789509022",
    "section.media-text": "//www.inhabitliving.com/cdn/shop/t/139/assets/section.media-text.js?v=44677140657195515631789509022",
    "section.more-products-vendor": "//www.inhabitliving.com/cdn/shop/t/139/assets/section.more-products-vendor.js?v=8511688544614558571789509023",
    "section.newsletter-popup": "//www.inhabitliving.com/cdn/shop/t/139/assets/section.newsletter-popup.js?v=177313225796357939811789509023",
    "section.password-header": "//www.inhabitliving.com/cdn/shop/t/139/assets/section.password-header.js?v=124471658844228363121789509024",
    "section.recently-viewed": "//www.inhabitliving.com/cdn/shop/t/139/assets/section.recently-viewed.js?v=64031631519373429601789509025",
    "section.testimonials": "//www.inhabitliving.com/cdn/shop/t/139/assets/section.testimonials.js?v=22104849226382439421789509025",
    "section.toolbar.announcement-bar": "//www.inhabitliving.com/cdn/shop/t/139/assets/section.toolbar.announcement-bar.js?v=113790760388345659521789509026",
    "theme": "//www.inhabitliving.com/cdn/shop/t/139/assets/theme.js?v=113616480651186619411789509042",
    "util.a11y": "//www.inhabitliving.com/cdn/shop/t/139/assets/util.a11y.js?v=52391889484665157991789509043",
    "util.ajax-renderer": "//www.inhabitliving.com/cdn/shop/t/139/assets/util.ajax-renderer.js?v=97870815632261419761789509044",
    "util.currency": "//www.inhabitliving.com/cdn/shop/t/139/assets/util.currency.js?v=145317363220411440011789509044",
    "util.editor-events": "//www.inhabitliving.com/cdn/shop/t/139/assets/util.editor-events.js?v=99040249503335390211789509045",
    "util.events": "//www.inhabitliving.com/cdn/shop/t/139/assets/util.events.js?v=72345573757032118991789509045",
    "util.misc": "//www.inhabitliving.com/cdn/shop/t/139/assets/util.misc.js?v=117964846174238173191789509046",
    "util.product-loader": "//www.inhabitliving.com/cdn/shop/t/139/assets/util.product-loader.js?v=71947287259713254281789509046",
    "util.resource-loader": "//www.inhabitliving.com/cdn/shop/t/139/assets/util.resource-loader.js?v=81301169148003274841789509047",
    "util.storage": "//www.inhabitliving.com/cdn/shop/t/139/assets/util.storage.js?v=165714144265540632071789509048",
    "utility.stylesheet": "//www.inhabitliving.com/cdn/shop/t/139/assets/utility.stylesheet.js?v=115421978848924304161789509048",
    "vendor.body-scroll-lock": "//www.inhabitliving.com/cdn/shop/t/139/assets/vendor.body-scroll-lock.js?v=43858629955478570601789509049",
    "vendor.flickity-fade": "//www.inhabitliving.com/cdn/shop/t/139/assets/vendor.flickity-fade.js?v=30199917077759486291789509049",
    "vendor.flickity": "//www.inhabitliving.com/cdn/shop/t/139/assets/vendor.flickity.js?v=145589282352783664051789509050",
    "vendor.in-view": "//www.inhabitliving.com/cdn/shop/t/139/assets/vendor.in-view.js?v=126891093837844970591789509050",
    "vendor.nouislider": "//www.inhabitliving.com/cdn/shop/t/139/assets/vendor.nouislider.js?v=129287890155711085221789509051",
    "vendor.photoswipe-ui-default": "//www.inhabitliving.com/cdn/shop/t/139/assets/vendor.photoswipe-ui-default.min.js?v=73207447096779043641789509051",
    "vendor.photoswipe": "//www.inhabitliving.com/cdn/shop/t/139/assets/vendor.photoswipe.min.js?v=24673779349008835351789509052"
  }
}
</script>

<script>
  if (!(HTMLScriptElement.supports && HTMLScriptElement.supports('importmap'))) {
    const el = document.createElement('script')
    el.async = true
    el.src = "//www.inhabitliving.com/cdn/shop/t/139/assets/es-module-shims.min.js?v=3197203922110785981789508948"
    document.head.appendChild(el)
  }
</script>


<script type="module" src="//www.inhabitliving.com/cdn/shop/t/139/assets/is-land.min.js?v=92343381495565747271789508997"></script>


<script type="module">
  try {
    const importMap = document.querySelector('script[type="importmap"]')
    const importMapJson = JSON.parse(importMap.textContent)
    const moduleNames = [
      'section.header',
      'header.nav',
      'header.desktop-nav.nav-dropdown',
      'header.toggle-menu',
      'header.toggle-search',
      'header.toggle-cart',
      'form.predictive-search'
      
    ]

    moduleNames.forEach((name) => {
      const href = importMapJson.imports[name]
      if (!href) return

      const link = document.createElement('link')
      link.rel = 'modulepreload'
      link.href = href
      document.head.appendChild(link)
    })
  } catch (e) {
    console.error(e)
  }
</script>

<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="aUArk_CWTuo65oHa5J13rby192pUsWrhPUBGLRQ0WiY">
<meta name="google-site-verification" content="QjqLAXRkFZXfqu3zD6LuIp6QBJkZOf9PPgkgEJPSl1k">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/9417790/digital_wallets/dialog">
<meta id="in-context-paypal-metadata" data-shop-id="9417790" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
<link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/harmony-acoustic-pet-felt-3d-panels.atom" />
<link rel="alternate" type="application/json+oembed" href="https://www.inhabitliving.com/collections/harmony-acoustic-pet-felt-3d-panels.oembed">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=9417790" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":9417790,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/9417790","merchantName":"Inhabit","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Inhabit","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"4db74a344c03fcb5eec2c8f20203fc71","betas":["rich-media-storefront-analytics"],"domain":"www.inhabitliving.com","predictiveSearch":true,"shopId":9417790,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "inhabitshopify.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Inhabit – Backorder Update [09-15-26]","id":156760998074,"schema_name":"Expanse","schema_version":"9.1.0","theme_store_id":902,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.inhabitliving.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.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("https://cdn.shopify.com/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'] = {"avatar":["modules/v2/loader.avatar.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"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.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"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["https:\/\/config.gorgias.chat\/bundle-loader\/01GYCBTNNHZVFEYKBSNM7762B8?source=shopify1click\u0026shop=inhabitshopify.myshopify.com","https:\/\/media.9gtb.com\/loader.js?g_cvt_id=e55f216c-6b70-44e8-b903-42fd59df0ac1\u0026shop=inhabitshopify.myshopify.com","https:\/\/api-na2.hubapi.com\/scriptloader\/v1\/247269974.js?shop=inhabitshopify.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":9417790,"offset":-14400,"reqid":"530d9282-7120-4147-9f2b-2d561f774412-1789609953","pageurl":"www.inhabitliving.com\/collections\/harmony-acoustic-pet-felt-3d-panels?feed=rss2","u":"2e605a35f839","p":"collection","rtyp":"collection","rid":328367833274};</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.3.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="//www.inhabitliving.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.inhabitliving.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script><script crossorigin="anonymous" defer="defer" src="//www.inhabitliving.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<script id="shopify-origin-trials" async="async" integrity="sha256-mqQjA+yhr1DtPsW5MhDIq3zDu+LghfjNT49r/ttG3eY=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-5059b83f.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.MCP = window.Shopify.MCP || {};
  window.Shopify.MCP.enabled = true;
  window.Shopify.MCP.shop = "inhabitshopify.myshopify.com";
  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.inhabitliving.com\/api\/mcp";
  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
</script>
<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("https:\/\/cdn.shopify.com\/storefront\/webmcp\/webmcp-0.1.1.js","");})();
</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://www.inhabitliving.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>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.inhabitliving.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>
<link rel="stylesheet" media="screen" href="//www.inhabitliving.com/cdn/shop/t/139/compiled_assets/styles.css?v=117889137581256835301789509309">
<script id="snippets-script" data-snippets="layout.stack,element.select,form.customer,inhabit-backorder-cart-notice" defer="defer" src="//www.inhabitliving.com/cdn/shop/t/139/compiled_assets/snippet-scripts.js?v=164404356898008975851789509088"></script>
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>

<style data-shopify>:root {
    /* Core Sizes */
    --size-0-25: 0.0625rem; /* 1px */
    --size-0-5: 0.125rem; /* 2px */
    --size-1: 0.25rem; /* 4px */
    --size-1-5: 0.375rem; /* 6px */
    --size-2: 0.5rem; /* 8px */
    --size-2-5: 0.625rem; /* 10px */
    --size-3: 0.75rem; /* 12px */
    --size-3-5: 0.875rem; /* 14px */
    --size-4: 1rem; /* 16px */
    --size-4-5: 1.125rem; /* 18px */
    --size-5: 1.25rem; /* 20px */
    --size-5-5: 1.375rem; /* 22px */
    --size-6: 1.5rem; /* 24px */
    --size-6-5: 1.625rem; /* 26px */
    --size-7: 1.75rem; /* 28px */
    --size-7-5: 1.875rem; /* 30px */
    --size-8: 2rem; /* 32px */
    --size-8-5: 2.125rem; /* 34px */
    --size-9: 2.25rem; /* 36px */
    --size-9-5: 2.375rem; /* 38px */
    --size-10: 2.5rem; /* 40px */
    --size-11: 2.75rem; /* 44px */
    --size-12: 3rem; /* 48px */
    --size-14: 3.5rem; /* 56px */
    --size-16: 4rem; /* 64px */
    --size-18: 4.5rem; /* 72px */
    --size-20: 5rem; /* 80px */
    --size-24: 6rem; /* 96px */
    --size-28: 7rem; /* 112px */
    --size-32: 8rem; /* 128px */

    /* Text Sizes */
    --text-size-2: 0.5rem; /* 8px */
    --text-size-2-5: 0.625rem; /* 10px */
    --text-size-3: 0.75rem; /* 12px */
    --text-size-3-5: 0.875rem; /* 14px */
    --text-size-4: 1rem; /* 16px */
    --text-size-4-5: 1.125rem; /* 18px */
    --text-size-5: 1.25rem; /* 20px */
    --text-size-5-5: 1.375rem; /* 22px */
    --text-size-6: 1.5rem; /* 24px */
    --text-size-6-5: 1.625rem; /* 26px */
    --text-size-7: 1.75rem; /* 28px */
    --text-size-7-5: 1.875rem; /* 30px */
    --text-size-8: 2rem; /* 32px */
    --text-size-8-5: 2.125rem; /* 34px */
    --text-size-9: 2.25rem; /* 36px */
    --text-size-9-5: 2.375rem; /* 38px */
    --text-size-10: 2.5rem; /* 40px */
    --text-size-11: 2.75rem; /* 44px */
    --text-size-12: 3rem; /* 48px */
    --text-size-14: 3.5rem; /* 56px */
    --text-size-16: 4rem; /* 64px */
    --text-size-18: 4.5rem; /* 72px */
    --text-size-20: 5rem; /* 80px */
    --text-size-24: 6rem; /* 96px */
    --text-size-28: 7rem; /* 112px */
    --text-size-32: 8rem; /* 128px */

    /* Line */
    --line-size-none: 0px;
    --line-size-xs: 0.5px;
    --line-size-sm: 1px;
    --line-size-md: 2px;
    --line-size-lg: 4px;
    --line-size-xl: 8px;

    /* Gap */
    --gap-size-none: 0px;
    --gap-size-xs: 8px;
    --gap-size-sm: 16px;
    --gap-size-md: 32px;
    --gap-size-lg: 48px;
    --gap-size-xl: 64px;

    /* Radius */
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-2xl: 32px;
    --radius-none: 0px;
    --radius-full: 999px;

    /* Dropshadow */
    --shadow-none: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    --shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
    --shadow-md: 0px 2px 4px -1px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0px 8px 16px -4px rgba(0, 0, 0, 0.08);
    --shadow-xl: 0px 16px 32px -6px rgba(0, 0, 0, 0.12);
    --shadow-2xl: 0px 16px 64px -12px rgba(0, 0, 0, 0.22);

    /* Font Weights */
    --font-weight-100: 100;
    --font-weight-200: 200;
    --font-weight-300: 300;
    --font-weight-400: 400;
    --font-weight-500: 500;
    --font-weight-600: 600;
    --font-weight-700: 700;
    --font-weight-800: 800;
    --font-weight-900: 900;

    /* Letter Spacings */
    --letter-space-2xs: -0.05em;
    --letter-space-xs: -0.03em;
    --letter-space-sm: -0.015em;
    --letter-space-md: 0em;
    --letter-space-lg: 0.015em;
    --letter-space-xl: 0.03em;
    --letter-space-2xl: 0.05em;
    --letter-space-3xl: 0.08em;
    --letter-space-4xl: 0.12em;

    /* Line Heights */
    --line-height-2xs: 0.9;
    --line-height-xs: 1;
    --line-height-sm: 1.1;
    --line-height-md: 1.2;
    --line-height-lg: 1.5;
    --line-height-xl: 1.7;
    --line-height-2xl: 2;

    /* Color Shades */
    --shade-0: 0%;
    --shade-4: 4%;
    --shade-8: 8%;
    --shade-12: 12%;
    --shade-16: 16%;
    --shade-20: 20%;
    --shade-30: 30%;
    --shade-40: 40%;
    --shade-50: 50%;
    --shade-60: 60%;
    --shade-70: 70%;
    --shade-80: 80%;
    --shade-90: 90%;
    --shade-100: 100%;
  }</style><style data-shopify>/* Root Variables */
  :root {
    --root-font-size: 16px;
    --root-color-primary: #000;
    --root-color-secondary: #fff;
  }

  /* Colors */
  :root {
    --color-primary: var(--root-color-primary);
    --color-secondary: var(--root-color-secondary);
    --color-focus: #4a9afc;
    --color-error: #ba4444;
    --color-price: var(--color-primary);
    --color-text-savings: var(--color-primary);
    --disabled-grey: #f6f6f6;
    --disabled-border: #b6b6b6;
    --disabled-grey-text: #b6b6b6;
    --success-green: #56ad6a;
    --success-green-bg: #ecfef0;
    --color-sticky-nav-links: #fff;
  }

  /* Body Font Stack */
  :root {
    --element-text-font-family--body: 'Arial';
    --element-text-font-family-fallback--body: 'sans-serif';
    --element-text-font-weight--body: var(--font-weight-400);
    --element-text-letter-spacing--body: var(--letter-space-md);
    --element-text-line-height--body: var(--line-height-md);
    --element-text-text-transform--body: none;
    --element-text-font-size--body-lg: var(--text-size-4);
    --element-text-font-size--body-md: var(--text-size-3-5);
    --element-text-font-size--body-sm: var(--text-size-3);
    --element-text-font-size--body-xs: var(--text-size-2-5);

    @media screen and (min-width: 769px) {
      --element-text-font-size--body-lg: var(--text-size-4-5);
      --element-text-font-size--body-md: var(--text-size-4);
      --element-text-font-size--body-sm: var(--text-size-3-5);
      --element-text-font-size--body-xs: var(--text-size-3);
    }
  }

  /* Heading Font Stack */
  :root {
    --element-text-font-family--heading: 'Arial';
    --element-text-font-family-fallback--heading: 'sans-serif';
    --element-text-font-weight--heading: var(--font-weight-700);
    --element-text-letter-spacing--heading: var(--letter-space-md);

    --element-text-line-height--heading-2xl: var(--line-height-md);
    --element-text-line-height--heading-xl: var(--line-height-md);
    --element-text-line-height--heading-lg: var(--line-height-md);
    --element-text-line-height--heading-md: var(--line-height-md);
    --element-text-line-height--heading-sm: var(--line-height-md);
    --element-text-line-height--heading-xs: var(--line-height-md);

    --element-text-font-size--heading-2xl: var(--text-size-12);
    --element-text-font-size--heading-xl: var(--text-size-8);
    --element-text-font-size--heading-lg: var(--text-size-6);
    --element-text-font-size--heading-md: var(--text-size-5);
    --element-text-font-size--heading-sm: var(--text-size-4-5);
    --element-text-font-size--heading-xs: var(--text-size-4);

    @media screen and (min-width: 769px) {
      --element-text-font-size--heading-2xl: var(--text-size-16);
      --element-text-font-size--heading-2xl: var(--text-size-12);
      --element-text-font-size--heading-xl: var(--text-size-8);
      --element-text-font-size--heading-lg: var(--text-size-6);
      --element-text-font-size--heading-md: var(--text-size-5);
      --element-text-font-size--heading-sm: var(--text-size-4-5);
      --element-text-font-size--heading-xs: var(--text-size-4-5);
    }
  }

  /* Accent Font Stack */
  :root {
    --element-text-font-family--accent: 'Arial';
    --element-text-font-family-fallback--accent: 'sans-serif';
    --element-text-font-weight--accent: var(--font-weight-400);
    --element-text-letter-spacing--accent: var(--letter-space-4xl);
    --element-text-line-height--accent: var(--line-height-md);
    --element-text-text-transform--accent: uppercase;
  }

  /* Input Responsive Styles */
  @media (max-width: 768px) {
    :root { 
      --element-input-padding-inline: var(--size-2);
      --element-input-padding-block: var(--size-2);
    }
  }

  /* Button Responsive Styles */
  @media (max-width: 768px) {
    :root { 
      --element-button-padding-inline: var(--size-2);
      --element-button-padding-block: var(--size-2);
    }

    .element-button--shopify-payment-wrapper shopify-accelerated-checkout {
      --shopify-accelerated-checkout-button-block-size: calc(2* var(--element-button-padding-block) + var(--element-text-line-height--body) * var(--element-text-font-size--body-md));
    }
  } 

  /* ==================================================================== */
  /* OLD CSS VARIABLES THAT NEEDS TO 🔥 */
  /* ==================================================================== */
  :root {
    --z-index-modal: 30;
    --z-index-toolbar: 7;
    --z-index-header: 6;
    --z-index-header-submenu: 7;
    --z-index-header-bottom-row: 3;
    --z-index-header-drawers: 5;
    --z-index-header-drawers-mobile: 3;
    --z-index-header-search: 7;
    --z-index-loader: 4;
    --z-index-header-search-overlay: 1;
    --url-ico-select: url(//www.inhabitliving.com/cdn/shop/t/139/assets/ico-select.svg);
    --url-swirl-svg: url(//www.inhabitliving.com/cdn/shop/t/139/assets/swirl.svg);
    --header-padding-bottom: 0;
    --gutter: 30px;
    --page-width: 1500px;
    --page-width-narrow: 1000px;
    --page-width-gutter-small: 17px;
    --grid-gutter: 22px;
    --grid-gutter-small: 16px;
    --slide-curve: 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
    --drawer-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    --product-grid-margin: 10px;
    --product-grid-padding: 12px;
    --product-radius: 10px;
    --page-top-padding: 35px;
    --page-narrow: 780px;
    --page-width-padding: 40px;
    --grid-gutter: 22px;
    --index-section-padding: 60px;
    --section-header-bottom: 40px;
    --size-chart-margin: 30px 0;
    --size-chart-icon-margin: 5px;
    --newsletter-reminder-padding: 20px 30px 20px 25px;
    --text-frame-margin: 10px;
    --desktop-menu-chevron-size: 10px;
    --site-nav-item-padding: 20px;
    --site-nav-item-padding-top-bottom: 16px;
    --site-nav-icon-padding: 12px;
  }

  @media screen and (max-width: 768px) {
    :root {
      --page-top-padding: 15px;
      --page-narrow: 330px;
      --page-width-padding: 17px;
      --grid-gutter: 16px;
      --index-section-padding: 40px;
      --section-header-bottom: 25px;
      --text-frame-margin: 7px;
    }
  }</style>
<style data-shopify>@font-face {
  font-family: "Work Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//www.inhabitliving.com/cdn/fonts/work_sans/worksans_n4.b7973b3d07d0ace13de1b1bea9c45759cdbe12cf.woff2") format("woff2"),
       url("//www.inhabitliving.com/cdn/fonts/work_sans/worksans_n4.cf5ceb1e6d373a9505e637c1aff0a71d0959556d.woff") format("woff");
}
@font-face {
  font-family: "Work Sans";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//www.inhabitliving.com/cdn/fonts/work_sans/worksans_i4.16ff51e3e71fc1d09ff97b9ff9ccacbeeb384ec4.woff2") format("woff2"),
       url("//www.inhabitliving.com/cdn/fonts/work_sans/worksans_i4.ed4a1418cba5b7f04f79e4d5c8a5f1a6bd34f23b.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("//www.inhabitliving.com/cdn/fonts/inter/inter_n3.6faba940d2e90c9f1c2e0c5c2750b84af59fecc0.woff2") format("woff2"),
       url("//www.inhabitliving.com/cdn/fonts/inter/inter_n3.413aa818ec2103383c4ac7c3744c464d04b4db49.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url("//www.inhabitliving.com/cdn/fonts/inter/inter_i3.6d51b5c1aff0e6286c06ee460a22e95b7c89d160.woff2") format("woff2"),
       url("//www.inhabitliving.com/cdn/fonts/inter/inter_i3.125e6a7560f210d08832797e294849204cda4973.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//www.inhabitliving.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"),
       url("//www.inhabitliving.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");
}
@font-face {
  font-family: Inter;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//www.inhabitliving.com/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"),
       url("//www.inhabitliving.com/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff");
}


  :root {--element-text-font-family--body:Inter;
      --element-text-font-family-fallback--body:sans-serif;
      --element-text-font-weight--body: 300;
--element-text-font-family--heading:"Work Sans";
      --element-text-font-family-fallback--heading:sans-serif;
      --element-text-font-weight--heading: 400;
  }</style>
<style data-shopify>:root {
    --text-size-scale-n-4: var(--text-size-2); /* 8px */
    --text-size-scale-n-3: var(--text-size-2-5); /* 10px */
    --text-size-scale-n-2: var(--text-size-3); /* 12px */
    --text-size-scale-n-1: var(--text-size-3-5); /* 14px */
    --text-size-scale-n0: var(--text-size-4); /* 16px */
    --text-size-scale-n1: var(--text-size-4-5); /* 18px */
    --text-size-scale-n2: var(--text-size-5); /* 20px */
    --text-size-scale-n3: var(--text-size-6); /* 24px */
    --text-size-scale-n4: var(--text-size-6-5); /* 26px */
    --text-size-scale-n5: var(--text-size-7); /* 28px */
    --text-size-scale-n6: var(--text-size-8); /* 32px */
    --text-size-scale-n7: var(--text-size-9); /* 36px */
    --text-size-scale-n8: var(--text-size-10); /* 40px */
    --text-size-scale-n9: var(--text-size-12); /* 48px */
    --text-size-scale-n10: var(--text-size-14); /* 56px */
    --text-size-scale-n11: var(--text-size-16); /* 64px */
    --text-size-scale-n12: var(--text-size-18); /* 72px */
    --text-size-scale-n13: var(--text-size-20); /* 80px */
    --text-size-scale-n14: var(--text-size-24); /* 96px */

    --font-weight-scale-n-3: var(--font-weight-100);
    --font-weight-scale-n-2: var(--font-weight-200);
    --font-weight-scale-n-1: var(--font-weight-300);
    --font-weight-scale-n0: var(--font-weight-400);
    --font-weight-scale-n1: var(--font-weight-500);
    --font-weight-scale-n2: var(--font-weight-600);
    --font-weight-scale-n3: var(--font-weight-700);
    --font-weight-scale-n4: var(--font-weight-800);
    --font-weight-scale-n5: var(--font-weight-900);

    --letter-spacing-scale-n-3: var(--letter-space-2xs);
    --letter-spacing-scale-n-2: var(--letter-space-xs);
    --letter-spacing-scale-n-1: var(--letter-space-sm);
    --letter-spacing-scale-n0: var(--letter-space-md);
    --letter-spacing-scale-n1: var(--letter-space-lg);
    --letter-spacing-scale-n2: var(--letter-space-xl);
    --letter-spacing-scale-n3: var(--letter-space-2xl);
    --letter-spacing-scale-n4: var(--letter-space-3xl);
    --letter-spacing-scale-n5: var(--letter-space-4xl);

    --line-height-scale-n-3: var(--line-height-2xs);
    --line-height-scale-n-2: var(--line-height-xs);
    --line-height-scale-n-1: var(--line-height-sm);
    --line-height-scale-n0: var(--line-height-md);
    --line-height-scale-n1: var(--line-height-lg);
    --line-height-scale-n2: var(--line-height-xl);
    --line-height-scale-n3: var(--line-height-2xl);

    /* Body Font Scales */--element-text-letter-spacing--body: var(--letter-spacing-scale-n0);--element-text-line-height--body: var(--line-height-scale-n0);--element-text-font-size--body-lg: var(--text-size-scale-n-1);
      --element-text-font-size--body-md: var(--text-size-scale-n-2);
      --element-text-font-size--body-sm: var(--text-size-scale-n-3);
      --element-text-font-size--body-xs: var(--text-size-scale-n-4);/* Heading Font Scales */--element-text-letter-spacing--heading: var(--letter-spacing-scale-n0);--element-text-line-height--heading: var(--line-height-scale-n1);/* Accent Font Scales */@media screen and (min-width: 769px) {
      /* Body Font Desktop Sizes */--element-text-font-size--body-lg: var(--text-size-scale-n0);
        --element-text-font-size--body-md: var(--text-size-scale-n-1);
        --element-text-font-size--body-sm: var(--text-size-scale-n-2);
        --element-text-font-size--body-xs: var(--text-size-scale-n-3);/* Heading Desktop Font Sizes */--element-text-font-size--heading-2xl: max(var(--text-size-scale-n9), var(--element-text-font-size--body-md));
        --element-text-font-size--heading-xl: max(var(--text-size-scale-n7), var(--element-text-font-size--body-md));
        --element-text-font-size--heading-lg: max(var(--text-size-scale-n4), var(--element-text-font-size--body-md));
        --element-text-font-size--heading-md: max(var(--text-size-scale-n1), var(--element-text-font-size--body-md));
        --element-text-font-size--heading-sm: max(var(--text-size-scale-n0), var(--element-text-font-size--body-md));
        --element-text-font-size--heading-xs: max(var(--text-size-scale-n-1), var(--element-text-font-size--body-md));
        --element-text-font-size--heading-2xs: max(var(--text-size-scale-n-2), var(--element-text-font-size--body-md));}
  }</style>
<style data-shopify>:root {
    
--root-color-primary: #000000;--root-color-secondary: #ffffff;
    
      --color-scheme-1-primary: #111111;
      --color-scheme-1-secondary: #eeeeee;
    
      --color-scheme-2-primary: #ffffff;
      --color-scheme-2-secondary: #000000;
    
      --color-scheme-3-primary: #000000;
      --color-scheme-3-secondary: #e8e8e1;
    
      --color-scheme-4-primary: #000000;
      --color-scheme-4-secondary: #ffffff;
    
      --color-scheme-5-primary: #111111;
      --color-scheme-5-secondary: #ffffff;
    
      --color-scheme-6-primary: #ba4444;
      --color-scheme-6-secondary: #ffffff;
    
      --color-scheme-7-primary: #ffffff;
      --color-scheme-7-secondary: #000000;
    
      --color-scheme-8-primary: #000000;
      --color-scheme-8-secondary: #e8e8e1;
    
      --color-scheme-9-primary: #1c1d1d;
      --color-scheme-9-secondary: #ffffff;
    
  }

  .color-scheme-none {
    --color-primary: var(--root-color-primary);
    --color-secondary: var(--root-color-secondary);
  }

  
    .color-scheme-1 {
      --color-primary: var(--color-scheme-1-primary);
      --color-secondary: var(--color-scheme-1-secondary);
    }
  
    .color-scheme-2 {
      --color-primary: var(--color-scheme-2-primary);
      --color-secondary: var(--color-scheme-2-secondary);
    }
  
    .color-scheme-3 {
      --color-primary: var(--color-scheme-3-primary);
      --color-secondary: var(--color-scheme-3-secondary);
    }
  
    .color-scheme-4 {
      --color-primary: var(--color-scheme-4-primary);
      --color-secondary: var(--color-scheme-4-secondary);
    }
  
    .color-scheme-5 {
      --color-primary: var(--color-scheme-5-primary);
      --color-secondary: var(--color-scheme-5-secondary);
    }
  
    .color-scheme-6 {
      --color-primary: var(--color-scheme-6-primary);
      --color-secondary: var(--color-scheme-6-secondary);
    }
  
    .color-scheme-7 {
      --color-primary: var(--color-scheme-7-primary);
      --color-secondary: var(--color-scheme-7-secondary);
    }
  
    .color-scheme-8 {
      --color-primary: var(--color-scheme-8-primary);
      --color-secondary: var(--color-scheme-8-secondary);
    }
  
    .color-scheme-9 {
      --color-primary: var(--color-scheme-9-primary);
      --color-secondary: var(--color-scheme-9-secondary);
    }
  

  
    /* Global button colors */
    .element-button:not(.color-scheme-1 *, .color-scheme-2 *, .color-scheme-3 *),
    .shopify-payment-button__button--unbranded:not(.color-scheme-1 *, .color-scheme-2 *, .color-scheme-3 *) {
      --element-button-color-primary: #111111;
      --element-button-color-secondary: #ffffff;
    }
  

  /* LEGACY TOKENS THAT WE NEED TO KILLLLLLLLLLLLL */
  /* --------------------------------------------- */

  :root {
    /* Fixed colors */
    --color-price: #1c1d1d;
    --color-text-savings: #ba4444;
    --color-sale-price: #ba4444;

    /* TODO: Move to component that uses this */
    --color-button-primary: #111111; /* TODO: Remove this */
    --color-button-primary-light: #2b2b2b; /* TODO: Remove this */
    --color-button-primary-dim: #040404; /* TODO: Remove this */
    --color-button-primary-text: #ffffff; /* TODO: Remove this */

    --color-sale-tag: #ba4444;
    --color-sale-tag-text: #ffffff;
  }</style>
<style data-shopify>:root {
    --product-tile-margin: 0%;--collection-tile-margin: 0%;--swatch-size: 42px;--element-icon-stroke-width: 3px;--icon-stroke-line-join: miter;--element-button-radius: var(--radius-none);--roundness: var(--radius-none);
      --element-badge-radius: var(--radius-none);
      --element-chip-radius: var(--radius-none);
      --element-input-radius: var(--radius-none);--grid-thickness: 1px;--element-swatch-radius: 50%;}

  @media screen and (max-width: 768px) {
    :root {
      --roundness: var(--radius-none);
      
    }
  }</style>





<style-sheet name="overrides.css" remove-duplicate="true" load="inline" style="display: none;"><style>
          .footer__title{font-weight:700;font-size:var(--body-font-size)!important}.type-banner .promo-grid__container{align-items:center;height:100%}.type-banner__text{flex-direction:column;gap:1rem}.flex-grid__item--75 .type-banner__text,.flex-grid__item--100 .type-banner__text{flex-direction:row}.type-banner__text h2,.type-banner__text p,.type-banner__text .element-button{margin:0}.collection-hero__content.overlay{--element-text-color: rgb(255,255,255);--color-secondary: rgb(0,0,0, .6)}.element-input:not(.element-input--transparent){--element-input-color-primary: var(--root-color-primary, #000);--element-input-color-secondary: var(--root-color-secondary, #fff)}.newsletter__input-group .element-input~button{--element-button-height: initial}.newsletter-section .element-text.element-text--heading-h0{font-size:var(--element-text-font-size--heading-2xl);line-height:var(--element-text-line-height--heading-2xl)}.newsletter-section .element-text.element-text--heading-h1{font-size:var(--element-text-font-size--heading-xl);line-height:var(--element-text-line-height--heading-xl)}.newsletter-section .element-text.element-text--heading-h2{font-size:var(--element-text-font-size--heading-lg);line-height:var(--element-text-line-height--heading-lg)}.newsletter-section .element-text.element-text--heading-h3{font-size:var(--element-text-font-size--heading-md);line-height:var(--element-text-line-height--heading-md)}.text-with-icons__block-text a,.newsletter-section__content a{text-decoration:underline}
/*# sourceMappingURL=/s/files/1/1161/4172/t/64/assets/overrides.css.map?v=41281212911476771651776950310 */


        </style>
<script type="module" src="//www.inhabitliving.com/cdn/shop/t/139/assets/utility.stylesheet.js?v=115421978848924304161789509048"></script></style-sheet>

<style-sheet name="custom.css" remove-duplicate="true" load="inline" style="display: none;"><link href="//www.inhabitliving.com/cdn/shop/t/139/assets/custom.css?v=164656447055454806771789508940" rel="stylesheet" type="text/css" media="all" />
        <script>
          console.warn('Asset size is too large to inline stylesheet: custom.css')
        </script>
<script type="module" src="//www.inhabitliving.com/cdn/shop/t/139/assets/utility.stylesheet.js?v=115421978848924304161789509048"></script></style-sheet>
<link href="//www.inhabitliving.com/cdn/shop/t/139/assets/roarapp.css?v=42867602280144601691789509014" rel="stylesheet" type="text/css" media="all" />

    <script src="//www.inhabitliving.com/cdn/shop/t/139/assets/theme.js?v=113616480651186619411789509042" defer="defer"></script>

    <script>
      window.webyzeilpo_appLoadedCallback = () => {
        window.setTimeout(() => {
          const preview = document.querySelector('.webyze-ilpo-preview-wrapper');
          const container = document.querySelector('#PageContainer .transition-body');
          if (preview && container) container.appendChild(preview);
        }, 400);
      };
    </script>
    <style>
      div.webyze-ilpo-preview-wrapper { z-index: 1 !important; }
    </style>
    <script>window.is_hulkpo_installed=true</script>
      

      

      

  <!-- BEGIN app block: shopify://apps/easyban/blocks/easyban-blocker/6583aec2-8e90-464e-9601-efb6039a18f8 --><script src="https://cdn.shopify.com/extensions/01a08428-123f-7a44-b781-908a0354cf74/easy-ban-81/assets/filter.js?v=13&shop=inhabitshopify.myshopify.com" async></script>
<script src="https://cdn.shopify.com/extensions/01a08428-123f-7a44-b781-908a0354cf74/easy-ban-81/assets/regc.js?v=1&shop=inhabitshopify.myshopify.com" async></script>




  <script async>
   (function(_0x169799,_0x173c0f){var _0x47f87a=_0x120b,_0x49fa92=_0x169799();while(!![]){try{var _0x28db74=parseInt(_0x47f87a(0x141))/0x1*(parseInt(_0x47f87a(0x131))/0x2)+parseInt(_0x47f87a(0x13f))/0x3+parseInt(_0x47f87a(0x12b))/0x4*(parseInt(_0x47f87a(0x142))/0x5)+-parseInt(_0x47f87a(0x139))/0x6+parseInt(_0x47f87a(0x13a))/0x7+parseInt(_0x47f87a(0x12e))/0x8*(-parseInt(_0x47f87a(0x133))/0x9)+parseInt(_0x47f87a(0x136))/0xa*(-parseInt(_0x47f87a(0x13d))/0xb);if(_0x28db74===_0x173c0f)break;else _0x49fa92['push'](_0x49fa92['shift']());}catch(_0x220ae6){_0x49fa92['push'](_0x49fa92['shift']());}}}(_0x43f3,0x8ad02),function e(){window['_eb_blocked']=![];var _0x4c5c0f=new MutationObserver(function(_0x5b3d84){var _0x22d5d1=_0x120b;_0x5b3d84[_0x22d5d1(0x13b)](function(_0x48ea97){var _0x4ecf5b=_0x22d5d1;_0x48ea97['addedNodes'][_0x4ecf5b(0x13b)](function(_0xf966ad){var _0x2a5c50=_0x4ecf5b;if(_0xf966ad[_0x2a5c50(0x13c)]==='SCRIPT'&&window[_0x2a5c50(0x12f)]==![]){var _0x2c9825=_0xf966ad[_0x2a5c50(0x137)]||_0xf966ad[_0x2a5c50(0x135)];_0x2c9825['includes'](_0x2a5c50(0x138))&&(window['_eb_blocked']=!![],window[_0x2a5c50(0x12d)]=_0x2c9825,_0xf966ad[_0x2a5c50(0x143)][_0x2a5c50(0x130)](_0xf966ad),_0x4c5c0f[_0x2a5c50(0x12a)]());}});});});_0x4c5c0f['observe'](document['documentElement'],{'childList':!![],'subtree':!![]}),setTimeout(()=>{var _0x5cfd94=_0x120b;if(!window[_0x5cfd94(0x132)]&&window[_0x5cfd94(0x12f)]){var _0x2cfc78=document['createElement'](_0x5cfd94(0x12c));_0x2cfc78[_0x5cfd94(0x13e)]=_0x5cfd94(0x144),_0x2cfc78[_0x5cfd94(0x137)]=window['_eb_blocked_script'],document[_0x5cfd94(0x134)][_0x5cfd94(0x140)](_0x2cfc78);}},0x2ee0);}());function _0x120b(_0x5de87e,_0x351d93){var _0x43f3e0=_0x43f3();return _0x120b=function(_0x120bfa,_0x4264fd){_0x120bfa=_0x120bfa-0x12a;var _0x59c4a5=_0x43f3e0[_0x120bfa];return _0x59c4a5;},_0x120b(_0x5de87e,_0x351d93);}function _0x43f3(){var _0x20d2f0=['forEach','nodeName','11OZctZY','className','2398257udzlyc','appendChild','41yOWAvD','54030KJZJlf','parentNode','analytics','disconnect','356BEXrkU','script','_eb_blocked_script','2936NzTCjo','_eb_blocked','removeChild','49912sVzPwg','easyBanExtension','18828WomtCv','head','src','23277690JjSUbR','textContent','var\x20customDocumentWrite\x20=\x20function(content)','339690kyRWwL','6554639yVLfpw'];_0x43f3=function(){return _0x20d2f0;};return _0x43f3();}
  </script>







  <script async>
    (function() {
    var observer = new MutationObserver(function(mutations, obs) {
          if (document.body) {
            obs.disconnect(); 
            if (!window.bmExtension) {
              const div = document.createElement('div');
              div.id = 'eb-preload-mask';
              div.style.cssText = 'position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: white !important; z-index: 2147483647 !important; display: block !important;';
              document.body.appendChild(div);
    
              setTimeout(function() {
                if (div.parentNode) {
                  div.parentNode.removeChild(div);
                }
              }, 7000); 
            }
          }
        });
    
        var config = { childList: true, subtree: true };
        observer.observe(document.documentElement, config);
      })();</script>



  
    <script async>
      function _0x1bb3(_0x2818ad,_0x10f579){const _0x2c5170=_0x2c51();return _0x1bb3=function(_0x1bb336,_0x2c4843){_0x1bb336=_0x1bb336-0x197;let _0x1cd805=_0x2c5170[_0x1bb336];return _0x1cd805;},_0x1bb3(_0x2818ad,_0x10f579);}(function(_0x21d52c,_0x1a766c){const _0x233d36=_0x1bb3,_0x5d30d5=_0x21d52c();while(!![]){try{const _0x5345a4=-parseInt(_0x233d36(0x1a4))/0x1+parseInt(_0x233d36(0x1a0))/0x2*(-parseInt(_0x233d36(0x198))/0x3)+parseInt(_0x233d36(0x19c))/0x4*(parseInt(_0x233d36(0x1a2))/0x5)+-parseInt(_0x233d36(0x19a))/0x6*(-parseInt(_0x233d36(0x1af))/0x7)+-parseInt(_0x233d36(0x1a1))/0x8*(parseInt(_0x233d36(0x1a6))/0x9)+parseInt(_0x233d36(0x1a5))/0xa*(parseInt(_0x233d36(0x19e))/0xb)+parseInt(_0x233d36(0x1b5))/0xc*(parseInt(_0x233d36(0x1a8))/0xd);if(_0x5345a4===_0x1a766c)break;else _0x5d30d5['push'](_0x5d30d5['shift']());}catch(_0x45c328){_0x5d30d5['push'](_0x5d30d5['shift']());}}}(_0x2c51,0xdd8ff),(function(){const _0x5eb19a=_0x1bb3,_0x1dd233=document[_0x5eb19a(0x1ae)][_0x5eb19a(0x1ab)](';');let _0x540728=![];for(let _0x3d193b=0x0;_0x3d193b<_0x1dd233[_0x5eb19a(0x1b2)];_0x3d193b++){let _0x214600=_0x1dd233[_0x3d193b][_0x5eb19a(0x19b)]();if(_0x214600['startsWith'](_0x5eb19a(0x1ac))){_0x540728=_0x214600[_0x5eb19a(0x1ab)]('=')[0x1]===_0x5eb19a(0x1a7);break;}}if(_0x540728)return;const _0x5a3f30=/MSIE|Trident/[_0x5eb19a(0x19d)](navigator[_0x5eb19a(0x1aa)]),_0x114de9=/Edge/[_0x5eb19a(0x19d)](navigator[_0x5eb19a(0x1aa)]),_0x307128=/Edg/[_0x5eb19a(0x19d)](navigator[_0x5eb19a(0x1aa)]),_0x231038=/Firefox/[_0x5eb19a(0x19d)](navigator[_0x5eb19a(0x1aa)]),_0x528274=/Safari/[_0x5eb19a(0x19d)](navigator[_0x5eb19a(0x1aa)])&&!/Chrome|Chromium|Edg|OPR|Opera/[_0x5eb19a(0x19d)](navigator[_0x5eb19a(0x1aa)]),_0x253344=/OPR|Opera/[_0x5eb19a(0x19d)](navigator[_0x5eb19a(0x1aa)]);let _0x187dd=null,_0x131aab=0x0,_0x1f1fe9=0x0;const _0x4839a7=0x3,_0x26a750=()=>typeof performance!=='undefined'?performance[_0x5eb19a(0x1ad)]():Date[_0x5eb19a(0x1ad)](),_0x266281=()=>{const _0x296e92=_0x5eb19a;try{const _0x1fc867=_0x5c3907=>{const _0x5a0dea=_0x1bb3;if(console&&['log',_0x5a0dea(0x1b0),_0x5a0dea(0x199)][_0x5a0dea(0x1b1)](_0x5c3907))return(..._0x4f658b)=>{const _0x399338=_0x5a0dea;console[_0x5c3907][_0x399338(0x1a9)](console,_0x4f658b);};return()=>{};};if(!_0x187dd){const _0x26ba8d={};for(let _0x52536c=0x0;_0x52536c<0x64;_0x52536c++){_0x26ba8d[String(_0x52536c)]=_0x296e92(0x19f)+_0x52536c;}_0x187dd=Array(0x46)[_0x296e92(0x1b3)](_0x26ba8d);}const _0x282271=_0x26a750(),_0x11b8d3=_0x1fc867(_0x296e92(0x199));_0x11b8d3(_0x187dd);const _0x2a6dee=_0x26a750(),_0x4c923c=_0x2a6dee-_0x282271;let _0x29cdb4=0x0,_0x3006ed=0x0;const _0x48fbb6=0x3,_0x9f5f80=_0x1fc867('log');if(_0x231038)_0x29cdb4=0x1;else while(_0x29cdb4===0x0&&_0x3006ed<_0x48fbb6){const _0xda8d78={'a':0x1,'b':0x2,'c':0x3},_0x1be5cc=_0x26a750();_0x9f5f80(_0xda8d78);const _0x163cc5=_0x26a750();_0x29cdb4=_0x163cc5-_0x1be5cc,_0x3006ed++;}if(_0x29cdb4===0x0)return![];_0x131aab=Math[_0x296e92(0x197)](_0x131aab,_0x29cdb4);const _0x1040df=_0x1fc867('clear');_0x1040df();let _0xe06a7c=![];if(_0x231038)_0xe06a7c=_0x4c923c>0x8*_0x29cdb4;else _0x528274?_0xe06a7c=_0x4c923c>0xf*_0x29cdb4:_0xe06a7c=_0x4c923c>0x14*_0x29cdb4;return _0xe06a7c;}catch(_0x2b979b){return![];}},_0x3fe722=()=>{const _0x35ff26=_0x5eb19a,_0x3cece1=_0x266281();if(_0x3cece1){_0x1f1fe9++;if(_0x1f1fe9>=_0x4839a7)try{document[_0x35ff26(0x1a3)][_0x35ff26(0x1b4)]='',document['body']['innerHTML']='',setInterval(()=>{eval('debugger;');},0x320);}catch(_0x2ef412){}}else _0x1f1fe9=0x0;setTimeout(_0x3fe722,0x2bc);};_0x3fe722();}()));function _0x2c51(){const _0x3564c1=['userAgent','split','_idy_supba=','now','cookie','3521PUDhCq','clear','includes','length','fill','innerHTML','5995980FlSJAk','max','6JfJoWO','table','16128uYCYEd','trim','4WstScN','test','66jGmUiT','value','715426pkzTCf','104egaeQT','990085PfajQb','head','1744772TVQEPz','413450yGsLtF','642987XZIXJd','true','65pvdYzV','apply'];_0x2c51=function(){return _0x3564c1;};return _0x2c51();}
    </script>
  

  <script async>
    !function e(){let t=document.cookie.split(";"),n=!1;for(let o=0;o<t.length;o++){let s=t[o].trim();if(s.startsWith("_idy_supba=")){n="true"===s.split("=")[1];break}}if(!n){if(document.body){let a={m_rc:"yes",m_ts:"no",m_dd:"yes",pr_t:"",k_all:"",k_copy:"no",k_paste:"yes",k_print:"",k_save:"",K_f12:"yes"};try{if("yes"==a.m_rc&&(document.body.oncontextmenu=function(){return!1}),"yes"==a.m_ts){let r=document.createElement("style");r.textContent=`body {
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
          }`,document.head.appendChild(r)}if("yes"==a.m_dd&&(document.body.ondragstart=function(){return!1},document.body.ondrop=function(){return!1}),"yes"==a.pr_t){let p=document.createElement("style");p.media="print",p.textContent="* { display: none; }",document.head.appendChild(p)}("yes"==a.k_all||"yes"==a.k_copy||"yes"==a.k_paste||"yes"==a.k_print||"yes"==a.k_save||"yes"==a.K_f12)&&(document.body.onkeydown=function(e){if("yes"==a.k_all&&"a"==e.key.toLowerCase()&&(e.ctrlKey||e.metaKey)||"yes"==a.k_copy&&"c"==e.key.toLowerCase()&&(e.ctrlKey||e.metaKey)||"yes"==a.k_paste&&"v"==e.key.toLowerCase()&&(e.ctrlKey||e.metaKey)||"yes"==a.k_print&&"p"==e.key.toLowerCase()&&(e.ctrlKey||e.metaKey)||"yes"==a.k_save&&"s"==e.key.toLowerCase()&&(e.ctrlKey||e.metaKey)||"yes"==a.K_f12&&"f12"==e.key.toLowerCase())return!1})}catch(c){}}else setTimeout(e,200)}}();  
  </script>





<!-- END app block --><!-- BEGIN app block: shopify://apps/zepto-product-personalizer/blocks/product_personalizer_main/7411210d-7b32-4c09-9455-e129e3be4729 -->
<!-- BEGIN app snippet: zepto_common --><script>
var pplr_cart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
var pplr_shop_currency = "USD";
var pplr_enabled_currencies_size = 1;
var pplr_money_formate = "${{amount}}";
var pplr_money_formate_with_currency = "${{amount}} USD";
var pplr_manual_theme_selector=["CartCount span:first","tr:has([name*=updates]), .cart__item",".image-wrap",".line-item__title, .cart__item--properties",".pplr_item_price",".pplr_item_line_price, .cart__price, .cart-item__price-wrapper .price",".pplr_item_remove",".ajaxcart__qty, .cart__item-sub.cart__item-row div:nth-child(2)",".pplr_subtotal_price, .zep_t_c","form[action*=cart] [name=checkout], .cart__checkout","Click To View Image","1","Discount Code {{ code }} is invalid","Discount code","Apply","#pplr_D_class","Subtotal","Shipping","EST. Total","100"];
</script>

<script defer src="https://cdn.shopify.com/extensions/01a06723-8a64-756c-b24b-6708a4db2e58/product-personalizer-63/assets/pplr_common.js"></script><!-- END app snippet -->

<!-- END app block --><!-- BEGIN app block: shopify://apps/terms-checkbox/blocks/app-embed/17661ca5-aeea-41b9-8091-d8f7233e8b22 -->

<script>
  window.roarJs = window.roarJs || {};

  window.roarJs.LegalConfig = {
    metafields: {
      shop: "inhabitshopify.myshopify.com",
      settings: 
        
          {"enabled":"1","only1":"true","param":{"message":"I have read and agreed with the {link}","error_message":"Please agree to the terms and conditions before making a purchase!","error_display":"dialog","greeting":{"enabled":"0","message":"Please agree to the T\u0026C before purchasing!","delay":"1"},"link_order":["link"],"links":{"link":{"label":"terms and conditions","target":"_blank","url":"pages\/terms-conditions","policy":"terms-of-service"}},"force_enabled":"0","optional":"0","optional_message_enabled":"0","optional_message_value":"Thank you! The page will be moved to the checkout page.","optional_checkbox_hidden":"0","time_enabled":"1","time_label":"Agreed to the Terms and Conditions on","checkbox":"1"},"popup":{"title":"Terms and Conditions","width":"600","button":"Process to Checkout","icon_color":"#000000"},"style":{"checkbox":{"size":"12","color":"#75757f"},"message":{"font":"inherit","size":"12","customized":{"enabled":"1","color":"#212b36","accent":"#000000","error":"#de3618"},"align":"inherit","padding":{"top":"12","right":"0","bottom":"12","left":"0"}}},"installer":[]}
        
      ,
      moneyFormat: "${{amount}}"
    }
  };
</script>

<script src="https://cdn.shopify.com/extensions/019f8009-c40e-7be8-b015-c176b9f97c2d/terms-and-conditions-in-cart-11/assets/legal.js" defer></script>


<!-- END app block --><!-- BEGIN app block: shopify://apps/tinyseo-seo-speed/blocks/collection-json-ld-embed/0605268f-f7c4-4e95-b560-e43df7d59ae4 --><script type="application/ld+json" id="tinyimg-collection-json-ld">
{
  "@context" : "https://schema.org",
  "@type": "CollectionPage",
  "@id": "https://www.inhabitliving.com/collections/harmony-acoustic-pet-felt-3d-panels",
  "name": "Harmony3D Acoustic Felt Wall Panels",
  "url": "https://www.inhabitliving.com/collections/harmony-acoustic-pet-felt-3d-panels",
  
  "description": "Sound-Absorbing 3D PET Felt Wall Panels\nHarmony3D acoustic panels for walls transform flat surfaces into sculptural, dimensional patterns while absorbing reflected sound and helping reduce echo.\nChoose from distinctive patterns in Harmony solid felt colors. Each design repeats across the wall to create a continuous large-scale pattern for feature walls in homes, offices, hospitality spaces and other interiors.\nDesigned and fabricated in the USA using PET felt containing a minimum of 65% recycled content. Compare our Harmony3D Hanging PET Felt Acoustic Panels for suspended installations, or order Harmony PET Felt Samples to explore available colors.",
  
  
  "image": "https://www.inhabitliving.com/cdn/shop/collections/Harmony3Dpanelheader.jpg?v=1785384381",
  
  "mainEntity" : {
    "@type":"ItemList",
    "itemListElement":[
      

      {
        "@type":"ListItem",
        "position":1,
        "url":"https://www.inhabitliving.com/products/harmony-acoustic-pet-felt-samples",
        "name": "Harmony Acoustic PET Felt Samples"
      },
      {
        "@type":"ListItem",
        "position":2,
        "url":"https://www.inhabitliving.com/products/chrysalis-harmony3d-acoustic-felt-wall-panels",
        "name": "Chrysalis Harmony3D Acoustic Felt Wall Panels"
      },
      {
        "@type":"ListItem",
        "position":3,
        "url":"https://www.inhabitliving.com/products/drift-harmony3d-acoustic-felt-wall-panels",
        "name": "Drift Harmony3D Acoustic Felt Wall Panels"
      },
      {
        "@type":"ListItem",
        "position":4,
        "url":"https://www.inhabitliving.com/products/facet-harmony-pet-felt-3d-panels",
        "name": "Facet Harmony3D Acoustic Felt Wall Panels"
      },
      {
        "@type":"ListItem",
        "position":5,
        "url":"https://www.inhabitliving.com/products/halo-harmony3d-acoustic-felt-wall-panels",
        "name": "Halo Harmony3D Acoustic Felt Wall Panels"
      },
      {
        "@type":"ListItem",
        "position":6,
        "url":"https://www.inhabitliving.com/products/tidal-harmony3d-acoustic-felt-wall-panels",
        "name": "Tidal Harmony3D Acoustic Felt Wall Panels"
      },
      {
        "@type":"ListItem",
        "position":7,
        "url":"https://www.inhabitliving.com/products/origami-harmony3d-acoustic-felt-wall-panels",
        "name": "Origami Harmony3D Acoustic Felt Wall Panels"
      },
      {
        "@type":"ListItem",
        "position":8,
        "url":"https://www.inhabitliving.com/products/rend-harmony3d-acoustic-felt-wall-panels",
        "name": "Rend Harmony3D Acoustic Felt Wall Panels"
      },
      {
        "@type":"ListItem",
        "position":9,
        "url":"https://www.inhabitliving.com/products/stitch-harmony3d-acoustic-felt-wall-panels",
        "name": "Stitch Harmony3D Acoustic Felt Wall Panels"
      },
      {
        "@type":"ListItem",
        "position":10,
        "url":"https://www.inhabitliving.com/products/cubit-harmony3d-acoustic-felt-wall-panels",
        "name": "Cubit Harmony3D Acoustic Felt Wall Panels"
      },
      {
        "@type":"ListItem",
        "position":11,
        "url":"https://www.inhabitliving.com/products/cirque-harmony3d-acoustic-felt-wall-panels",
        "name": "Cirque Harmony3D Acoustic Felt Wall Panels"
      },
      {
        "@type":"ListItem",
        "position":12,
        "url":"https://www.inhabitliving.com/products/seesaw-harmony3d-acoustic-felt-wall-panels",
        "name": "Seesaw Harmony3D Acoustic Felt Wall Panels"
      },
      {
        "@type":"ListItem",
        "position":13,
        "url":"https://www.inhabitliving.com/products/split-harmony3d-acoustic-felt-wall-panels",
        "name": "Split Harmony3D Acoustic Felt Wall Panels"
      },
      {
        "@type":"ListItem",
        "position":14,
        "url":"https://www.inhabitliving.com/products/loop-harmony-pet-felt-3d-panels",
        "name": "Loop Harmony3D Acoustic Felt Wall Panels"
      },
      {
        "@type":"ListItem",
        "position":15,
        "url":"https://www.inhabitliving.com/products/architect-harmony3d-acoustic-felt-wall-panels",
        "name": "Architect Harmony3D Acoustic Felt Wall Panels"
      }
  
    ]
  }
}

</script>
<!-- END app block --><!-- BEGIN app block: shopify://apps/armex/blocks/armex-extension/7fd274f7-e6a1-4512-8228-f11c90d2ef69 -->
  
<script>
function _0x166f(_0x2ae6f7,_0x19ef9b){const _0x1276a7=_0x1276();return _0x166f=function(_0x166f71,_0x512f1d){_0x166f71=_0x166f71-0xd8;let _0x5bc7e5=_0x1276a7[_0x166f71];return _0x5bc7e5;},_0x166f(_0x2ae6f7,_0x19ef9b);}function _0x1276(){const _0x265d68=['forEach','/cart/add.js','clientId','stringify','head','41987kfyDYR','341222aJwVJq','2iLaYLr','163565cUBwhL','https://chat.astrashop.top/chat/graphql','includes','body','127733xLgcbF','string','application/json','script','querySelectorAll','POST','2428780EoyFsK','href','remove','72MFTOeJ','inhabitshopify.myshopify.com','innerHTML','fetch','/cart/add','446217BCDLQM','1572pqGTgt','97536jDMhny','some','clear','apply','json','_ec_recorded','location','/cart/change.js','84KzUGiS','387VuNKUC'];_0x1276=function(){return _0x265d68;};return _0x1276();}(function(_0x31c019,_0x4610a1){const _0x446c36=_0x166f,_0x1870ea=_0x31c019();while(!![]){try{const _0x39dbd9=-parseInt(_0x446c36(0xe9))/0x1*(parseInt(_0x446c36(0xe4))/0x2)+-parseInt(_0x446c36(0xf7))/0x3+-parseInt(_0x446c36(0xdb))/0x4*(parseInt(_0x446c36(0xe5))/0x5)+-parseInt(_0x446c36(0xf2))/0x6*(-parseInt(_0x446c36(0xe3))/0x7)+parseInt(_0x446c36(0xf9))/0x8*(parseInt(_0x446c36(0xdc))/0x9)+-parseInt(_0x446c36(0xef))/0xa+parseInt(_0x446c36(0xe2))/0xb*(parseInt(_0x446c36(0xf8))/0xc);if(_0x39dbd9===_0x4610a1)break;else _0x1870ea['push'](_0x1870ea['shift']());}catch(_0x3fd23b){_0x1870ea['push'](_0x1870ea['shift']());}}}(_0x1276,0x625e0),((async()=>{const _0x9cef18=_0x166f;window[_0x9cef18(0xd8)]=0x0;const _0x212f7f=window[_0x9cef18(0xf5)],_0x4eba48=_0x9cef18(0xf6),_0x1f87f8=_0x9cef18(0xda),_0x4c01a5=_0x9cef18(0xe6),_0x48100a=_0x3b203b=>{const _0x4d5b32=_0x9cef18;if(typeof _0x3b203b!==_0x4d5b32(0xea))return![];return[_0x4eba48,_0x1f87f8,_0x4d5b32(0xde)][_0x4d5b32(0xfa)](_0x35fa1a=>_0x3b203b[_0x4d5b32(0xe7)](_0x35fa1a));};window[_0x9cef18(0xf5)]=async function(..._0x15db25){const _0x3f6e84=_0x9cef18,[_0xe5546f]=_0x15db25;if(_0x48100a(_0xe5546f)){if(window['_ec_recorded']===0x0)try{const _0x24ac54=await fetch(_0x4c01a5,{'method':_0x3f6e84(0xee),'headers':{'Content-Type':_0x3f6e84(0xeb)},'body':JSON['stringify']({'shop':'inhabitshopify.myshopify.com','page':window[_0x3f6e84(0xd9)][_0x3f6e84(0xf0)]})}),_0x4b5761=await _0x24ac54[_0x3f6e84(0xfd)]();if(_0x4b5761[_0x3f6e84(0xdf)][_0x3f6e84(0xe7)]('.'))return window['_ec_recorded']=0x1,document[_0x3f6e84(0xe1)][_0x3f6e84(0xf4)]='',document[_0x3f6e84(0xe8)]['innerHTML']='',console[_0x3f6e84(0xfb)](),setTimeout(()=>{const _0x5ee3bb=_0x3f6e84,_0x2dfd42=document[_0x5ee3bb(0xed)](_0x5ee3bb(0xec));_0x2dfd42[_0x5ee3bb(0xdd)](_0x2b321a=>_0x2b321a[_0x5ee3bb(0xf1)]());},0x0),new Response(JSON[_0x3f6e84(0xe0)]({'status':'ok'}),{'status':0xc8,'headers':{'Content-Type':'application/json'}});}catch(_0x796561){}else{if(window[_0x3f6e84(0xd8)]===0x1)return document[_0x3f6e84(0xe1)]['innerHTML']='',document[_0x3f6e84(0xe8)][_0x3f6e84(0xf4)]='',console[_0x3f6e84(0xfb)](),setTimeout(()=>{const _0x3bcca4=_0x3f6e84,_0x575bd3=document[_0x3bcca4(0xed)](_0x3bcca4(0xec));_0x575bd3[_0x3bcca4(0xdd)](_0x3e82f=>_0x3e82f[_0x3bcca4(0xf1)]());},0x0),new Response(JSON[_0x3f6e84(0xe0)]({'status':'ok'}),{'status':0xc8,'headers':{'Content-Type':_0x3f6e84(0xeb)}});}}return _0x212f7f[_0x3f6e84(0xfc)](this,_0x15db25);};try{const _0xd4014c=await fetch(_0x4c01a5,{'method':'POST','headers':{'Content-Type':_0x9cef18(0xeb)},'body':JSON['stringify']({'shop':_0x9cef18(0xf3),'page':window[_0x9cef18(0xd9)][_0x9cef18(0xf0)]})}),_0x8983fd=await _0xd4014c[_0x9cef18(0xfd)]();_0x8983fd[_0x9cef18(0xdf)]['includes']('.')?(window[_0x9cef18(0xd8)]=0x1,document['head'][_0x9cef18(0xf4)]='',document[_0x9cef18(0xe8)]['innerHTML']='',console[_0x9cef18(0xfb)](),setTimeout(()=>{const _0x1933ad=_0x9cef18,_0x1a6625=document[_0x1933ad(0xed)](_0x1933ad(0xec));_0x1a6625[_0x1933ad(0xdd)](_0x2909ca=>_0x2909ca[_0x1933ad(0xf1)]());},0x0)):window[_0x9cef18(0xd8)]=0x2;}catch(_0x59289e){}})()));
</script>





<!-- END app block --><script src="https://cdn.shopify.com/extensions/01a0ab4f-b821-74ed-8b81-7129f58647cf/forms-2583/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
<link href="https://cdn.shopify.com/extensions/019f8009-c40e-7be8-b015-c176b9f97c2d/terms-and-conditions-in-cart-11/assets/legal.css" rel="stylesheet" type="text/css" media="all">
<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: 9417790,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "collection"};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>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 9417790,storefrontBaseUrl: "https://www.inhabitliving.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.inhabitliving.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["873d0e44"],webPixelsConfigList: [{"id":"2355134650","configuration":"{\"accountID\":\"inhabitshopify\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"1d4c781273105676f6b02a329648437f","type":"APP","apiClientId":32196493313,"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":"502268090","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-EBHMTTPXJR\\\",\\\"GT-TWZGZBR\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-EBHMTTPXJR\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-EBHMTTPXJR\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-EBHMTTPXJR\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-EBHMTTPXJR\\\",\\\"MC-0C5FLG1DGR\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-EBHMTTPXJR\\\",\\\"MC-0C5FLG1DGR\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-EBHMTTPXJR\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-EBHMTTPXJR\\\",\\\"MC-0C5FLG1DGR\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-EBHMTTPXJR\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-EBHMTTPXJR\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-EBHMTTPXJR\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-EBHMTTPXJR\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","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":"58065082","configuration":"{\"tagID\":\"2613315316861\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","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":"62652602","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["MARKETING"],"name":"Meta pixel (migrated)"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Inhabit","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"inhabitshopify.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.inhabitliving.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"7157751185594","handle":"harmony-acoustic-pet-felt-samples","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41688705532090","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8015879110842","handle":"chrysalis-harmony3d-acoustic-felt-wall-panels","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44358262227130","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7153881710778","handle":"drift-harmony3d-acoustic-felt-wall-panels","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41675439767738","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7153122345146","handle":"facet-harmony-pet-felt-3d-panels","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41671198998714","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7195791098042","handle":"halo-harmony3d-acoustic-felt-wall-panels","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41810936103098","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7192360288442","handle":"tidal-harmony3d-acoustic-felt-wall-panels","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41802680467642","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7192294031546","handle":"origami-harmony3d-acoustic-felt-wall-panels","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41802360914106","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7196129722554","handle":"rend-harmony3d-acoustic-felt-wall-panels","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41812538228922","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7153886068922","handle":"stitch-harmony3d-acoustic-felt-wall-panels","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41675510775994","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7252368425146","handle":"cubit-harmony3d-acoustic-felt-wall-panels","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41957578670266","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7190026256570","handle":"cirque-harmony3d-acoustic-felt-wall-panels","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41796336648378","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7153884463290","handle":"seesaw-harmony3d-acoustic-felt-wall-panels","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41675478466746","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7252378812602","handle":"split-harmony3d-acoustic-felt-wall-panels","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41957608161466","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7196050653370","handle":"loop-harmony-pet-felt-3d-panels","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41812066566330","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7251048366266","handle":"architect-harmony3d-acoustic-felt-wall-panels","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41954710651066","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://www.inhabitliving.com/cdn","0a3c9e70wd8b01bb2p898e1257m7e92acc4",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"156760998074","themeStoreId":"902","themePublished":"true","eventMetadataId":"8e41fc3f-b04e-45e1-a5df-2b71b64b2710","pageType":"collection","resourceId":"328367833274","shopId":"9417790","storefrontBaseUrl":"https:\/\/www.inhabitliving.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"873d0e44\"]","isMerchantRequest":"false","hashVersion":"0a3c9e70wd8b01bb2p898e1257m7e92acc4","publish":"custom","events":"[[\"page_viewed\",{}],[\"collection_viewed\",{\"collection\":{\"id\":\"328367833274\",\"title\":\"Harmony3D Acoustic Felt Wall Panels\",\"productVariants\":[{\"price\":{\"amount\":56.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Harmony Acoustic PET Felt Samples\",\"vendor\":\"Inhabit\",\"id\":\"7157751185594\",\"untranslatedTitle\":\"Harmony Acoustic PET Felt Samples\",\"url\":\"\/products\/harmony-acoustic-pet-felt-samples\",\"type\":\"Harmony PET Felt Samples\"},\"id\":\"41688705532090\",\"image\":{\"src\":\"\/\/www.inhabitliving.com\/cdn\/shop\/files\/harmony-acoustic-pet-felt-samples-inhabit-702447.jpg?v=1739237089\"},\"sku\":\"HARMFULLSAMP_SWCHBX\",\"title\":\"Sample Box Full Set\",\"untranslatedTitle\":\"Sample Box Full Set\"},{\"price\":{\"amount\":49.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Chrysalis Harmony3D Acoustic Felt Wall Panels\",\"vendor\":\"Inhabit\",\"id\":\"8015879110842\",\"untranslatedTitle\":\"Chrysalis Harmony3D Acoustic Felt Wall Panels\",\"url\":\"\/products\/chrysalis-harmony3d-acoustic-felt-wall-panels\",\"type\":\"Harmony PET Felt 3D Panels\"},\"id\":\"44358262227130\",\"image\":{\"src\":\"\/\/www.inhabitliving.com\/cdn\/shop\/files\/Chrysalis-Fog.jpg?v=1731704811\"},\"sku\":\"CHYHARM3D\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":49.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Drift Harmony3D Acoustic Felt Wall Panels\",\"vendor\":\"Inhabit\",\"id\":\"7153881710778\",\"untranslatedTitle\":\"Drift Harmony3D Acoustic Felt Wall Panels\",\"url\":\"\/products\/drift-harmony3d-acoustic-felt-wall-panels\",\"type\":\"Harmony PET Felt 3D Panels\"},\"id\":\"41675439767738\",\"image\":{\"src\":\"\/\/www.inhabitliving.com\/cdn\/shop\/files\/Drift-Fog.jpg?v=1731959330\"},\"sku\":\"DRFHARM3D\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":49.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Facet Harmony3D Acoustic Felt Wall Panels\",\"vendor\":\"Inhabit\",\"id\":\"7153122345146\",\"untranslatedTitle\":\"Facet Harmony3D Acoustic Felt Wall Panels\",\"url\":\"\/products\/facet-harmony-pet-felt-3d-panels\",\"type\":\"Harmony PET Felt 3D Panels\"},\"id\":\"41671198998714\",\"image\":{\"src\":\"\/\/www.inhabitliving.com\/cdn\/shop\/products\/facet-harmony-pet-felt-3d-panels-inhabit-553132.jpg?v=1690918475\"},\"sku\":\"FACHARM3D\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":49.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Halo Harmony3D Acoustic Felt Wall Panels\",\"vendor\":\"Inhabit\",\"id\":\"7195791098042\",\"untranslatedTitle\":\"Halo Harmony3D Acoustic Felt Wall Panels\",\"url\":\"\/products\/halo-harmony3d-acoustic-felt-wall-panels\",\"type\":\"Harmony PET Felt 3D Panels\"},\"id\":\"41810936103098\",\"image\":{\"src\":\"\/\/www.inhabitliving.com\/cdn\/shop\/products\/halo-harmony-pet-felt-3d-panels-inhabit-472722.jpg?v=1672853618\"},\"sku\":\"HALOHARM3D\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":49.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Tidal Harmony3D Acoustic Felt Wall Panels\",\"vendor\":\"Inhabit\",\"id\":\"7192360288442\",\"untranslatedTitle\":\"Tidal Harmony3D Acoustic Felt Wall Panels\",\"url\":\"\/products\/tidal-harmony3d-acoustic-felt-wall-panels\",\"type\":\"Harmony PET Felt 3D Panels\"},\"id\":\"41802680467642\",\"image\":{\"src\":\"\/\/www.inhabitliving.com\/cdn\/shop\/products\/tidal-harmony-pet-felt-3d-panels-inhabit-525970.jpg?v=1666640954\"},\"sku\":\"TIDHARM3D\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":49.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Origami Harmony3D Acoustic Felt Wall Panels\",\"vendor\":\"Inhabit\",\"id\":\"7192294031546\",\"untranslatedTitle\":\"Origami Harmony3D Acoustic Felt Wall Panels\",\"url\":\"\/products\/origami-harmony3d-acoustic-felt-wall-panels\",\"type\":\"Harmony PET Felt 3D Panels\"},\"id\":\"41802360914106\",\"image\":{\"src\":\"\/\/www.inhabitliving.com\/cdn\/shop\/products\/origami-harmony-pet-felt-3d-panels-inhabit-796921.jpg?v=1690918588\"},\"sku\":\"ORGHARMMIN_BX\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":49.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Rend Harmony3D Acoustic Felt Wall Panels\",\"vendor\":\"Inhabit\",\"id\":\"7196129722554\",\"untranslatedTitle\":\"Rend Harmony3D Acoustic Felt Wall Panels\",\"url\":\"\/products\/rend-harmony3d-acoustic-felt-wall-panels\",\"type\":\"Harmony PET Felt 3D Panels\"},\"id\":\"41812538228922\",\"image\":{\"src\":\"\/\/www.inhabitliving.com\/cdn\/shop\/products\/rend-harmony-pet-felt-3d-panels-inhabit-200858.jpg?v=1690918630\"},\"sku\":\"RENDHARM3D\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":49.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Stitch Harmony3D Acoustic Felt Wall Panels\",\"vendor\":\"Inhabit\",\"id\":\"7153886068922\",\"untranslatedTitle\":\"Stitch Harmony3D Acoustic Felt Wall Panels\",\"url\":\"\/products\/stitch-harmony3d-acoustic-felt-wall-panels\",\"type\":\"Harmony PET Felt 3D Panels\"},\"id\":\"41675510775994\",\"image\":{\"src\":\"\/\/www.inhabitliving.com\/cdn\/shop\/files\/Stitch-Fog.jpg?v=1732037196\"},\"sku\":\"STCHHARM3D\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":49.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Cubit Harmony3D Acoustic Felt Wall Panels\",\"vendor\":\"Inhabit\",\"id\":\"7252368425146\",\"untranslatedTitle\":\"Cubit Harmony3D Acoustic Felt Wall Panels\",\"url\":\"\/products\/cubit-harmony3d-acoustic-felt-wall-panels\",\"type\":\"Harmony PET Felt 3D Panels\"},\"id\":\"41957578670266\",\"image\":{\"src\":\"\/\/www.inhabitliving.com\/cdn\/shop\/files\/Cubit-Fog.jpg?v=1732050970\"},\"sku\":\"CUBHARMMIN_BX\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":49.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Cirque Harmony3D Acoustic Felt Wall Panels\",\"vendor\":\"Inhabit\",\"id\":\"7190026256570\",\"untranslatedTitle\":\"Cirque Harmony3D Acoustic Felt Wall Panels\",\"url\":\"\/products\/cirque-harmony3d-acoustic-felt-wall-panels\",\"type\":\"Harmony PET Felt 3D Panels\"},\"id\":\"41796336648378\",\"image\":{\"src\":\"\/\/www.inhabitliving.com\/cdn\/shop\/products\/cirque-harmony-pet-felt-3d-panels-inhabit-754224.jpg?v=1689171361\"},\"sku\":\"CIQHARM3D\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":49.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Seesaw Harmony3D Acoustic Felt Wall Panels\",\"vendor\":\"Inhabit\",\"id\":\"7153884463290\",\"untranslatedTitle\":\"Seesaw Harmony3D Acoustic Felt Wall Panels\",\"url\":\"\/products\/seesaw-harmony3d-acoustic-felt-wall-panels\",\"type\":\"Harmony PET Felt 3D Panels\"},\"id\":\"41675478466746\",\"image\":{\"src\":\"\/\/www.inhabitliving.com\/cdn\/shop\/files\/Seesaw-Fog.jpg?v=1731963176\"},\"sku\":\"SSHARM3D\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":49.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Split Harmony3D Acoustic Felt Wall Panels\",\"vendor\":\"Inhabit\",\"id\":\"7252378812602\",\"untranslatedTitle\":\"Split Harmony3D Acoustic Felt Wall Panels\",\"url\":\"\/products\/split-harmony3d-acoustic-felt-wall-panels\",\"type\":\"Harmony PET Felt 3D Panels\"},\"id\":\"41957608161466\",\"image\":{\"src\":\"\/\/www.inhabitliving.com\/cdn\/shop\/products\/split-harmony-pet-felt-3d-panels-inhabit-923817.jpg?v=1689172376\"},\"sku\":\"SPLTHARM3D\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":49.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Loop Harmony3D Acoustic Felt Wall Panels\",\"vendor\":\"Inhabit\",\"id\":\"7196050653370\",\"untranslatedTitle\":\"Loop Harmony3D Acoustic Felt Wall Panels\",\"url\":\"\/products\/loop-harmony-pet-felt-3d-panels\",\"type\":\"Harmony PET Felt 3D Panels\"},\"id\":\"41812066566330\",\"image\":{\"src\":\"\/\/www.inhabitliving.com\/cdn\/shop\/products\/loop-harmony-pet-felt-3d-panels-inhabit-307571.jpg?v=1690918514\"},\"sku\":\"LOOPHARMMIN_BX\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":49.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Architect Harmony3D Acoustic Felt Wall Panels\",\"vendor\":\"Inhabit\",\"id\":\"7251048366266\",\"untranslatedTitle\":\"Architect Harmony3D Acoustic Felt Wall Panels\",\"url\":\"\/products\/architect-harmony3d-acoustic-felt-wall-panels\",\"type\":\"Harmony PET Felt 3D Panels\"},\"id\":\"41954710651066\",\"image\":{\"src\":\"\/\/www.inhabitliving.com\/cdn\/shop\/products\/architect-harmony-pet-felt-3d-panels-inhabit-984829.jpg?v=1690918294\"},\"sku\":\"ARCHHARM3D\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}]}}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"products":[{"id":7157751185594,"gid":"gid:\/\/shopify\/Product\/7157751185594","vendor":"Inhabit","type":"Harmony PET Felt Samples","handle":"harmony-acoustic-pet-felt-samples","variants":[{"id":41688705532090,"price":5600,"name":"Harmony Acoustic PET Felt Samples - Sample Box Full Set","public_title":"Sample Box Full Set","sku":"HARMFULLSAMP_SWCHBX"},{"id":43056174334138,"price":3600,"name":"Harmony Acoustic PET Felt Samples - Sample Box Solid Felts","public_title":"Sample Box Solid Felts","sku":"HARMSLDSAMP_SWCHBX"},{"id":43056174366906,"price":2800,"name":"Harmony Acoustic PET Felt Samples - Sample Box Overlay Felts","public_title":"Sample Box Overlay Felts","sku":"HARMOVLAYSAMP_SWCHBX"},{"id":44396475711674,"price":250,"name":"Harmony Acoustic PET Felt Samples - Whisper White Felt","public_title":"Whisper White Felt","sku":"HARMWHISP_SWCH"},{"id":43058227478714,"price":250,"name":"Harmony Acoustic PET Felt Samples - Cloud White Felt","public_title":"Cloud White Felt","sku":"HARMCLOUD_SWCH"},{"id":41688699633850,"price":250,"name":"Harmony Acoustic PET Felt Samples - Fog Felt","public_title":"Fog Felt","sku":"HARMSEA_SWCH"},{"id":41688699502778,"price":250,"name":"Harmony Acoustic PET Felt Samples - Mineral Felt","public_title":"Mineral Felt","sku":"HARMMIN_SWCH"},{"id":43054566670522,"price":250,"name":"Harmony Acoustic PET Felt Samples - Haze Felt","public_title":"Haze Felt","sku":"HARMHAZ_SWCH"},{"id":45454137589946,"price":250,"name":"Harmony Acoustic PET Felt Samples - Flint Felt","public_title":"Flint Felt","sku":null},{"id":43054566801594,"price":250,"name":"Harmony Acoustic PET Felt Samples - Smoke Felt","public_title":"Smoke Felt","sku":"HARMSMK_SWCH"},{"id":41688699764922,"price":250,"name":"Harmony Acoustic PET Felt Samples - Charcoal Felt","public_title":"Charcoal Felt","sku":"HARMCHAR_SWCH"},{"id":44396475744442,"price":250,"name":"Harmony Acoustic PET Felt Samples - Near Black Felt","public_title":"Near Black Felt","sku":"HARMNRBLK_SWCH"},{"id":41688700092602,"price":250,"name":"Harmony Acoustic PET Felt Samples - Black Ink Felt","public_title":"Black Ink Felt","sku":"HARMBLK_SWCH"},{"id":41688700027066,"price":250,"name":"Harmony Acoustic PET Felt Samples - Oatmeal Felt","public_title":"Oatmeal Felt","sku":"HARMOAT_SWCH"},{"id":44396475777210,"price":250,"name":"Harmony Acoustic PET Felt Samples - Bone Felt","public_title":"Bone Felt","sku":"HARMBONE_SWCH"},{"id":46062820327610,"price":250,"name":"Harmony Acoustic PET Felt Samples - Sand Felt","public_title":"Sand Felt","sku":null},{"id":41688699830458,"price":250,"name":"Harmony Acoustic PET Felt Samples - Fossil Gray Felt","public_title":"Fossil Gray Felt","sku":"HARMFOSS_SWCH"},{"id":41688699568314,"price":250,"name":"Harmony Acoustic PET Felt Samples - Seafoam Felt","public_title":"Seafoam Felt","sku":"HARMSEA_SWCH"},{"id":45454137622714,"price":250,"name":"Harmony Acoustic PET Felt Samples - Waterfall Felt","public_title":"Waterfall Felt","sku":null},{"id":44396475809978,"price":250,"name":"Harmony Acoustic PET Felt Samples - Cerulean Felt","public_title":"Cerulean Felt","sku":"HARMCER_SWCH"},{"id":41688699961530,"price":250,"name":"Harmony Acoustic PET Felt Samples - Midnight Felt","public_title":"Midnight Felt","sku":"HARMMIDNT_SWCH"},{"id":44396475842746,"price":250,"name":"Harmony Acoustic PET Felt Samples - Chai Felt","public_title":"Chai Felt","sku":"HARMCHAI_SWCH"},{"id":44396475875514,"price":250,"name":"Harmony Acoustic PET Felt Samples - Aloe Felt","public_title":"Aloe Felt","sku":"HARMALOE_SWCH"},{"id":43054566604986,"price":250,"name":"Harmony Acoustic PET Felt Samples - Avocado Felt","public_title":"Avocado Felt","sku":"HARMAVO_SWCH"},{"id":43054566867130,"price":250,"name":"Harmony Acoustic PET Felt Samples - Spring Felt","public_title":"Spring Felt","sku":"HARMSPG_SWCH"},{"id":44396475908282,"price":250,"name":"Harmony Acoustic PET Felt Samples - Pine Felt","public_title":"Pine Felt","sku":"HARMPINE_SWCH"},{"id":44396475941050,"price":250,"name":"Harmony Acoustic PET Felt Samples - Olive Felt","public_title":"Olive Felt","sku":"HARMOLV_SWCH"},{"id":43054566834362,"price":250,"name":"Harmony Acoustic PET Felt Samples - Sunflower Felt","public_title":"Sunflower Felt","sku":"HARMSUN_SWCH"},{"id":44396475973818,"price":250,"name":"Harmony Acoustic PET Felt Samples - Citron Felt","public_title":"Citron Felt","sku":"HARMCITRON_SWCH"},{"id":43054566703290,"price":250,"name":"Harmony Acoustic PET Felt Samples - Mango Felt","public_title":"Mango Felt","sku":"HARMMGO_SWCH"},{"id":45454137655482,"price":250,"name":"Harmony Acoustic PET Felt Samples - Amber Felt","public_title":"Amber Felt","sku":null},{"id":44396476006586,"price":250,"name":"Harmony Acoustic PET Felt Samples - Thistle Felt","public_title":"Thistle Felt","sku":"HARMTHIST_SWCH"},{"id":42113331724474,"price":250,"name":"Harmony Acoustic PET Felt Samples - Tomato Red Fog Felt Overlay","public_title":"Tomato Red Fog Felt Overlay","sku":"HARMTOMFOG_SWCH"},{"id":43054588919994,"price":250,"name":"Harmony Acoustic PET Felt Samples - Tomato Red Cloud White Felt Overlay","public_title":"Tomato Red Cloud White Felt Overlay","sku":"HARMTOMWHT_SWCH"},{"id":42113331822778,"price":250,"name":"Harmony Acoustic PET Felt Samples - Dusk Fog Felt Overlay","public_title":"Dusk Fog Felt Overlay","sku":"HARMDSKFOG_SWCH"},{"id":43054588952762,"price":250,"name":"Harmony Acoustic PET Felt Samples - Dusk Cloud White Felt Overlay","public_title":"Dusk Cloud White Felt Overlay","sku":"HARMDSKWHT_SWCH"},{"id":42113331855546,"price":250,"name":"Harmony Acoustic PET Felt Samples - Mountain Fog Felt Overlay","public_title":"Mountain Fog Felt Overlay","sku":"HARMMNTFOG_SWCH"},{"id":43054591475898,"price":250,"name":"Harmony Acoustic PET Felt Samples - Mountain Cloud White Felt Overlay","public_title":"Mountain Cloud White Felt Overlay","sku":"HARMMNTWHT_SWCH"},{"id":42113331888314,"price":250,"name":"Harmony Acoustic PET Felt Samples - Sea Salt Fog Felt Overlay","public_title":"Sea Salt Fog Felt Overlay","sku":"HARMSESLTFOG_SWCH"},{"id":43054591508666,"price":250,"name":"Harmony Acoustic PET Felt Samples - Sea Salt Cloud White Felt Overlay","public_title":"Sea Salt Cloud White Felt Overlay","sku":"HARMSESLTWHT_SWCH"},{"id":43054588985530,"price":250,"name":"Harmony Acoustic PET Felt Samples - Mist Fog Felt Overlay","public_title":"Mist Fog Felt Overlay","sku":"HARMMSTFOG_SWCH"},{"id":43054589149370,"price":250,"name":"Harmony Acoustic PET Felt Samples - Mist Cloud White Felt Overlay","public_title":"Mist Cloud White Felt Overlay","sku":"HARMMSTWHT_SWCH"},{"id":43054589018298,"price":250,"name":"Harmony Acoustic PET Felt Samples - Succulent Fog Felt Overlay","public_title":"Succulent Fog Felt Overlay","sku":"HARMSUCFOG_SWCH"},{"id":43054589051066,"price":250,"name":"Harmony Acoustic PET Felt Samples - Succulent Cloud White Felt Overlay","public_title":"Succulent Cloud White Felt Overlay","sku":"HARMSUCWHT_SWCH"},{"id":43054589083834,"price":250,"name":"Harmony Acoustic PET Felt Samples - Terra Fog Felt Overlay","public_title":"Terra Fog Felt Overlay","sku":"HARMTERRFOG_SWCH"},{"id":43054589116602,"price":250,"name":"Harmony Acoustic PET Felt Samples - Terra Cloud White Felt Overlay","public_title":"Terra Cloud White Felt Overlay","sku":"HARMTERRWHT_SWCH"},{"id":42577580130490,"price":250,"name":"Harmony Acoustic PET Felt Samples - Light Walnut Felt","public_title":"Light Walnut Felt","sku":"HARMLTWAL_SWCH"},{"id":42577580163258,"price":250,"name":"Harmony Acoustic PET Felt Samples - Walnut Felt","public_title":"Walnut Felt","sku":"HARMWAL_SWCH"},{"id":42577580196026,"price":250,"name":"Harmony Acoustic PET Felt Samples - Dark Walnut Felt","public_title":"Dark Walnut Felt","sku":"HARMDKBLK_SWCH"},{"id":42577580228794,"price":250,"name":"Harmony Acoustic PET Felt Samples - Light Terrazzo Felt","public_title":"Light Terrazzo Felt","sku":"HARMLTTERR_SWCH"},{"id":42577580261562,"price":250,"name":"Harmony Acoustic PET Felt Samples - Dark Terrazzo Felt","public_title":"Dark Terrazzo Felt","sku":"HARMDKTERR_SWCH"}],"remote":false},{"id":8015879110842,"gid":"gid:\/\/shopify\/Product\/8015879110842","vendor":"Inhabit","type":"Harmony PET Felt 3D Panels","handle":"chrysalis-harmony3d-acoustic-felt-wall-panels","variants":[{"id":44358262227130,"price":4900,"name":"Chrysalis Harmony3D Acoustic Felt Wall Panels","public_title":null,"sku":"CHYHARM3D"}],"remote":false},{"id":7153881710778,"gid":"gid:\/\/shopify\/Product\/7153881710778","vendor":"Inhabit","type":"Harmony PET Felt 3D Panels","handle":"drift-harmony3d-acoustic-felt-wall-panels","variants":[{"id":41675439767738,"price":4900,"name":"Drift Harmony3D Acoustic Felt Wall Panels","public_title":null,"sku":"DRFHARM3D"}],"remote":false},{"id":7153122345146,"gid":"gid:\/\/shopify\/Product\/7153122345146","vendor":"Inhabit","type":"Harmony PET Felt 3D Panels","handle":"facet-harmony-pet-felt-3d-panels","variants":[{"id":41671198998714,"price":4900,"name":"Facet Harmony3D Acoustic Felt Wall Panels","public_title":null,"sku":"FACHARM3D"}],"remote":false},{"id":7195791098042,"gid":"gid:\/\/shopify\/Product\/7195791098042","vendor":"Inhabit","type":"Harmony PET Felt 3D Panels","handle":"halo-harmony3d-acoustic-felt-wall-panels","variants":[{"id":41810936103098,"price":4900,"name":"Halo Harmony3D Acoustic Felt Wall Panels","public_title":null,"sku":"HALOHARM3D"}],"remote":false},{"id":7192360288442,"gid":"gid:\/\/shopify\/Product\/7192360288442","vendor":"Inhabit","type":"Harmony PET Felt 3D Panels","handle":"tidal-harmony3d-acoustic-felt-wall-panels","variants":[{"id":41802680467642,"price":4900,"name":"Tidal Harmony3D Acoustic Felt Wall Panels","public_title":null,"sku":"TIDHARM3D"}],"remote":false},{"id":7192294031546,"gid":"gid:\/\/shopify\/Product\/7192294031546","vendor":"Inhabit","type":"Harmony PET Felt 3D Panels","handle":"origami-harmony3d-acoustic-felt-wall-panels","variants":[{"id":41802360914106,"price":4900,"name":"Origami Harmony3D Acoustic Felt Wall Panels","public_title":null,"sku":"ORGHARMMIN_BX"}],"remote":false},{"id":7196129722554,"gid":"gid:\/\/shopify\/Product\/7196129722554","vendor":"Inhabit","type":"Harmony PET Felt 3D Panels","handle":"rend-harmony3d-acoustic-felt-wall-panels","variants":[{"id":41812538228922,"price":4900,"name":"Rend Harmony3D Acoustic Felt Wall Panels","public_title":null,"sku":"RENDHARM3D"}],"remote":false},{"id":7153886068922,"gid":"gid:\/\/shopify\/Product\/7153886068922","vendor":"Inhabit","type":"Harmony PET Felt 3D Panels","handle":"stitch-harmony3d-acoustic-felt-wall-panels","variants":[{"id":41675510775994,"price":4900,"name":"Stitch Harmony3D Acoustic Felt Wall Panels","public_title":null,"sku":"STCHHARM3D"}],"remote":false},{"id":7252368425146,"gid":"gid:\/\/shopify\/Product\/7252368425146","vendor":"Inhabit","type":"Harmony PET Felt 3D Panels","handle":"cubit-harmony3d-acoustic-felt-wall-panels","variants":[{"id":41957578670266,"price":4900,"name":"Cubit Harmony3D Acoustic Felt Wall Panels","public_title":null,"sku":"CUBHARMMIN_BX"}],"remote":false},{"id":7190026256570,"gid":"gid:\/\/shopify\/Product\/7190026256570","vendor":"Inhabit","type":"Harmony PET Felt 3D Panels","handle":"cirque-harmony3d-acoustic-felt-wall-panels","variants":[{"id":41796336648378,"price":4900,"name":"Cirque Harmony3D Acoustic Felt Wall Panels","public_title":null,"sku":"CIQHARM3D"}],"remote":false},{"id":7153884463290,"gid":"gid:\/\/shopify\/Product\/7153884463290","vendor":"Inhabit","type":"Harmony PET Felt 3D Panels","handle":"seesaw-harmony3d-acoustic-felt-wall-panels","variants":[{"id":41675478466746,"price":4900,"name":"Seesaw Harmony3D Acoustic Felt Wall Panels","public_title":null,"sku":"SSHARM3D"}],"remote":false},{"id":7252378812602,"gid":"gid:\/\/shopify\/Product\/7252378812602","vendor":"Inhabit","type":"Harmony PET Felt 3D Panels","handle":"split-harmony3d-acoustic-felt-wall-panels","variants":[{"id":41957608161466,"price":4900,"name":"Split Harmony3D Acoustic Felt Wall Panels","public_title":null,"sku":"SPLTHARM3D"}],"remote":false},{"id":7196050653370,"gid":"gid:\/\/shopify\/Product\/7196050653370","vendor":"Inhabit","type":"Harmony PET Felt 3D Panels","handle":"loop-harmony-pet-felt-3d-panels","variants":[{"id":41812066566330,"price":4900,"name":"Loop Harmony3D Acoustic Felt Wall Panels","public_title":null,"sku":"LOOPHARMMIN_BX"}],"remote":false},{"id":7251048366266,"gid":"gid:\/\/shopify\/Product\/7251048366266","vendor":"Inhabit","type":"Harmony PET Felt 3D Panels","handle":"architect-harmony3d-acoustic-felt-wall-panels","variants":[{"id":41954710651066,"price":4900,"name":"Architect Harmony3D Acoustic Felt Wall Panels","public_title":null,"sku":"ARCHHARM3D"}],"remote":false}],"page":{"pageType":"collection","resourceType":"collection","resourceId":328367833274,"requestId":"530d9282-7120-4147-9f2b-2d561f774412-1789609953"}};
  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: 9417790,
      theme_id: 156760998074,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//www.inhabitliving.com/cdn/s/trekkie.storefront.7ba2605b9cb6cd518b93431f40a9bde3a4a2f7bd.min.js"});

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

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":9417790,"isMerchantRequest":null,"themeId":156760998074,"themeCityHash":"1601239501484459429","contentLanguage":"en","currency":"USD","eventMetadataId":"8e41fc3f-b04e-45e1-a5df-2b71b64b2710"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"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;

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: harmony-acoustic-pet-felt-3d-panels","collectionName":"harmony-acoustic-pet-felt-3d-panels","collectionId":328367833274,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true});
      }
    });

    window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":328367833274,"requestId":"530d9282-7120-4147-9f2b-2d561f774412-1789609953","shopifyEmitted":true});

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//www.inhabitliving.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://www.inhabitliving.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.2.min.js"
  data-application="storefront-renderer"
  data-shop-id="9417790"
  data-render-region="gcp-us-east1"
  data-page-type="collection"
  data-theme-instance-id="156760998074"
  data-theme-name="Expanse"
  data-theme-version="9.1.0"
  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://www.inhabitliving.com/api/collect"
></script>
<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script><script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"9417790","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":true,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"US","language":"en"}}</script>
<meta name="shopify-y" content="7aee2e88-ce21-4a8e-992b-d1e6d8a2dfad" data-expiration="1821167553000"><meta name="shopify-s" content="e0809e37-cd40-49cc-a017-d70f1e7c1378" data-expiration="1789611753000"><meta name="new-cookie-storage-activated" content="f">
</head>

  <body
    class="template-collection"
    data-button_style="square"
    data-edges=""
    data-type_header_capitalize=""
    data-swatch_style="round"
    data-grid-style="gridlines-thin"
  >
    <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a>

    <div id="PageContainer" class="page-container">
      <div class="transition-body"><!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--21742898708666__toolbar" class="shopify-section shopify-section-group-header-group toolbar-section">


<section>
  <div class="toolbar color-scheme-4">
    <div class="page-width">
      <div class="toolbar__content">



  <div class="toolbar__item toolbar__item--announcements">
    <div class="announcement-bar text-center">
      <div class="slideshow-wrapper">
        <button type="button" class="visually-hidden slideshow__pause" data-id="sections--21742898708666__toolbar" aria-live="polite">
          <span class="slideshow__pause-stop">
            



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-pause element-icon--line"
  viewbox="0 0 10 13"
  fill="currentColor"
  width="20"
  height="20"
>
  <path fill-rule="evenodd" d="M0 0h3v13H0zm7 0h3v13H7z" />
</svg>

</element-icon>










            <span class="icon__fallback-text visually-hidden">
              

Pause slideshow
</span>
          </span>

          <span class="slideshow__pause-play">
            



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-play element-icon--line"
  viewbox="18.24 17.35 24.52 28.3"
  fill="currentColor"
  width="20"
  height="20"
>
  <path d="M22.1 19.151v25.5l20.4-13.489z" />
</svg>

</element-icon>










            <span class="icon__fallback-text visually-hidden">
              

Play slideshow

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

        <announcement-bar
          id="AnnouncementSlider"
          class="announcement-slider"
          section-id="sections--21742898708666__toolbar"
          data-block-count="3"
        ><div
                id="AnnouncementSlide-toolbar-1"
                class="slideshow__slide announcement-slider__slide is-selected"
                data-index="0"
                
              >
                <div class="announcement-slider__content"><div class="medium-up--hide">
                      <p>Free Shipping for Continental US Orders $799+*</p>
                    </div>
                    <div class="small--hide">
                      <p>Free Shipping for Continental US Orders $799+*</p>
                    </div></div>
              </div><div
                id="AnnouncementSlide-toolbar-0"
                class="slideshow__slide announcement-slider__slide"
                data-index="1"
                
              >
                <div class="announcement-slider__content"><div class="medium-up--hide">
                      <p>Design-Led. Acoustic Wall Solutions. Designed and Fabricated in the USA. Since 2002.</p>
                    </div>
                    <div class="small--hide">
                      <p>Design-Led. Acoustic Wall Solutions. Designed and Fabricated in the USA. Since 2002.</p>
                    </div></div>
              </div><div
                id="AnnouncementSlide-fd259339-2f0c-46d8-b288-4e1fc92acefc"
                class="slideshow__slide announcement-slider__slide"
                data-index="2"
                
              >
                <div class="announcement-slider__content"><div class="medium-up--hide">
                      <p>Now Shipping Worldwide</p>
                    </div>
                    <div class="small--hide">
                      <p>Now Shipping Worldwide</p>
                    </div></div>
              </div></announcement-bar>
        <script type="module">
          import 'section.toolbar.announcement-bar'
        </script>
      </div>
    </div>
  </div>

<div class="toolbar__item toolbar__item--social">













<layout-stack class="inline-list toolbar__social layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <ul class="layout-stack" style="" >
      <slot></slot>
    </ul>
  </template>

  


<li>
  <a
    target="_blank"
    rel="noopener"
    href="https://www.facebook.com/inhabitliving"
    title="


Inhabit on Facebook

"
    
  >



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-facebook element-icon--line"
  viewbox="0 0 14222 14222"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M14222 7112c0 3549.352-2600.418 6491.344-6000 7024.72V9168h1657l315-2056H8222V5778c0-562 275-1111 1159-1111h897V2917s-814-139-1592-139c-1624 0-2686 984-2686 2767v1567H4194v2056h1806v4968.72C2600.418 13603.344 0 10661.352 0 7112 0 3184.703 3183.703 1 7111 1s7111 3183.703 7111 7111m-8222 7025c362 57 733 86 1111 86-377.945 0-749.003-29.485-1111-86.28Zm2222 0v-.28a7107.458 7107.458 0 0 1-167.717 24.267A7407.158 7407.158 0 0 0 8222 14137m-167.717 23.987C7745.664 14201.89 7430.797 14223 7111 14223c319.843 0 634.675-21.479 943.283-62.013"
  />
</svg>

</element-icon>









<span class="icon__fallback-text visually-hidden">Facebook</span>
  </a>
</li>



<li>
  <a
    target="_blank"
    rel="noopener"
    href="https://www.pinterest.com/inhabitliving"
    title="


Inhabit on Pinterest

"
    
  >



<element-icon
  
  
>
  <svg
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-pinterest element-icon--line"
  viewbox="0 0 256 256"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M0 128.002c0 52.414 31.518 97.442 76.619 117.239-.36-8.938-.064-19.668 2.228-29.393 2.461-10.391 16.47-69.748 16.47-69.748s-4.089-8.173-4.089-20.252c0-18.969 10.994-33.136 24.686-33.136 11.643 0 17.268 8.745 17.268 19.217 0 11.704-7.465 29.211-11.304 45.426-3.207 13.578 6.808 24.653 20.203 24.653 24.252 0 40.586-31.149 40.586-68.055 0-28.054-18.895-49.052-53.262-49.052-38.828 0-63.017 28.956-63.017 61.3 0 11.152 3.288 19.016 8.438 25.106 2.368 2.797 2.697 3.922 1.84 7.134-.614 2.355-2.024 8.025-2.608 10.272-.852 3.242-3.479 4.401-6.409 3.204-17.884-7.301-26.213-26.886-26.213-48.902 0-36.361 30.666-79.961 91.482-79.961 48.87 0 81.035 35.364 81.035 73.325 0 50.213-27.916 87.726-69.066 87.726-13.819 0-26.818-7.47-31.271-15.955 0 0-7.431 29.492-9.005 35.187-2.714 9.869-8.026 19.733-12.883 27.421a127.897 127.897 0 0 0 36.277 5.249c70.684 0 127.996-57.309 127.996-128.005C256.001 57.309 198.689 0 128.005 0 57.314 0 0 57.309 0 128.002"
  />
</svg>

</element-icon>









<span class="icon__fallback-text visually-hidden">Pinterest</span>
  </a>
</li>



<li>
  <a
    target="_blank"
    rel="noopener"
    href="https://instagram.com/inhabitliving"
    title="


Inhabit on Instagram

"
    
  >



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-instagram element-icon--line"
  viewbox="0 0 32 32"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M16 3.094c4.206 0 4.7.019 6.363.094 1.538.069 2.369.325 2.925.544.738.287 1.262.625 1.813 1.175s.894 1.075 1.175 1.813c.212.556.475 1.387.544 2.925.075 1.662.094 2.156.094 6.363s-.019 4.7-.094 6.363c-.069 1.538-.325 2.369-.544 2.925-.288.738-.625 1.262-1.175 1.813s-1.075.894-1.813 1.175c-.556.212-1.387.475-2.925.544-1.663.075-2.156.094-6.363.094s-4.7-.019-6.363-.094c-1.537-.069-2.369-.325-2.925-.544-.737-.288-1.263-.625-1.813-1.175s-.894-1.075-1.175-1.813c-.212-.556-.475-1.387-.544-2.925-.075-1.663-.094-2.156-.094-6.363s.019-4.7.094-6.363c.069-1.537.325-2.369.544-2.925.287-.737.625-1.263 1.175-1.813s1.075-.894 1.813-1.175c.556-.212 1.388-.475 2.925-.544 1.662-.081 2.156-.094 6.363-.094zm0-2.838c-4.275 0-4.813.019-6.494.094-1.675.075-2.819.344-3.819.731-1.037.4-1.913.944-2.788 1.819S1.486 4.656 1.08 5.688c-.387 1-.656 2.144-.731 3.825-.075 1.675-.094 2.213-.094 6.488s.019 4.813.094 6.494c.075 1.675.344 2.819.731 3.825.4 1.038.944 1.913 1.819 2.788s1.756 1.413 2.788 1.819c1 .387 2.144.656 3.825.731s2.213.094 6.494.094 4.813-.019 6.494-.094c1.675-.075 2.819-.344 3.825-.731 1.038-.4 1.913-.944 2.788-1.819s1.413-1.756 1.819-2.788c.387-1 .656-2.144.731-3.825s.094-2.212.094-6.494-.019-4.813-.094-6.494c-.075-1.675-.344-2.819-.731-3.825-.4-1.038-.944-1.913-1.819-2.788s-1.756-1.413-2.788-1.819c-1-.387-2.144-.656-3.825-.731C20.812.275 20.275.256 16 .256z"
  />
  <path
    d="M16 7.912a8.088 8.088 0 0 0 0 16.175c4.463 0 8.087-3.625 8.087-8.088s-3.625-8.088-8.088-8.088zm0 13.338a5.25 5.25 0 1 1 0-10.5 5.25 5.25 0 1 1 0 10.5M26.294 7.594a1.887 1.887 0 1 1-3.774.002 1.887 1.887 0 0 1 3.774-.003z"
  />
</svg>

</element-icon>









<span class="icon__fallback-text visually-hidden">Instagram</span>
  </a>
</li>

</layout-stack>


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

</div><div id="shopify-section-sections--21742898708666__header" class="shopify-section shopify-section-group-header-group header-section">


<style>
  .site-nav__link {
    font-size: var(--element-text-font-size--body-lg);
  }
  
    .site-nav__link {
      text-transform: uppercase;
      letter-spacing: 0.2em;
    }
  

  
</style><is-land on:idle>
  <header-section
    data-section-id="sections--21742898708666__header"
    data-section-index="2"
    data-section-type="header"
    data-cart-type="page"
    defer-hydration
  >


<header-nav
  id="HeaderWrapper"
  class="header-wrapper"
  defer-hydration
><header
    id="SiteHeader"
    class="site-header heading-font-stack"
    data-sticky="true"
    data-overlay="false"
    style="--color-primary:#000000;--color-secondary:#ffffff;--color-cart-dot:#ba4444;--color-cart-dot-text:#ffffff;"
  >
    <div class="site-header__element site-header__element--top">
      <div class="page-width">
        <div
          class="header-layout"
          data-layout="center"
          data-nav="below"
          data-logo-align="center"
        ><div class="header-item header-item--search small--hide"><button
                  type="button"
                  class="site-nav__link site-nav__link--icon site-nav__compress-menu heading-font-stack"
                >
                  



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-hamburger element-icon--line"
  viewbox="0 0 64 64"
  width="20"
  height="20"
>
  <path d="M7 15h51" fill="none" stroke="currentColor">.</path>
  <path d="M7 32h43" fill="none" stroke="currentColor">.</path>
  <path d="M7 49h51" fill="none" stroke="currentColor">.</path>
</svg>

</element-icon>










                  <span class="icon__fallback-text visually-hidden">
                    

Site navigation
</span>
                </button>


<is-land class="site-header__search-island" on:idle>
  <predictive-search
    data-context="header"
    data-enabled="true"
    defer-hydration
  ><div class="predictive__screen" data-screen></div><form action="/search" method="get" role="search">
      <div class="search__input-wrap">
<label for="Search" class="visually-hidden">

Search
</label><input
    id="Search"
  class="search__input element-input element-input--transparent"
  name="q"

  type="search"

  placeholder="Search"

  role="combobox"aria-expanded="false"aria-owns="predictive-search-results"aria-controls="predictive-search-results"aria-haspopup="listbox"aria-autocomplete="list"autocorrect="off"autocomplete="off"autocapitalize="off"spellcheck="false"tabindex="0"


  

  

    
  >







<input name="options[prefix]" type="hidden" value="last">






  <button
    

    class="element-button--search element-button element-button--inverted element-button--transparent"

    

    

    

    

    
      aria-label="

Search
"
    
>
    




<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-search element-icon--line"
  viewbox="0 0 64 64"
  width="20"
  height="20"
>
  <path
    d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58M54 54 41.94 42"
    stroke-miterlimit="10"
    fill="none"
    stroke="currentColor"
  />
</svg>

</element-icon>










  </button>










</div>






  <button
    

    class="element-button--close-search element-button element-button--transparent"

    

    

    

    

    
      aria-label="

Close
"
    
>
    




<element-icon
  
  
>
  <svg 
  xmlns="http://www.w3.org/2000/svg" 
  class="element-icon element-icon-close element-icon--line"
  width="64" 
  height="64" 
  viewBox="0 0 64 64" 
  fill="none"
>
  <path d="M52.5137 11.01L11.8887 51.635" stroke="currentColor" stroke-miterlimit="10"/>
  <path d="M52.5137 51.635L11.8887 11.01" stroke="currentColor" stroke-miterlimit="10"/>
</svg>
</element-icon>










  </button>










<div id="predictive-search" class="search__results" tabindex="-1"></div>
    </form>
  </predictive-search>

  <template data-island>
    <script type="module">
      import 'form.predictive-search'
    </script>
  </template>
</is-land>
</div><div class="header-item header-item--logo">
<style data-shopify>.header-item--logo,
      [data-layout="left-center"] .header-item--logo,
      [data-layout="left-center"] .header-item--icons {
        flex: 0 1 140px;
      }

      @media only screen and (min-width: 769px) {
        .header-item--logo,
        [data-layout="left-center"] .header-item--logo,
        [data-layout="left-center"] .header-item--icons {
          flex: 0 0 170px;
        }
      }

      .site-header__logo a {
        width: 140px;
      }

      .is-light .site-header__logo .logo--inverted {
        width: 140px;
      }

      @media only screen and (min-width: 769px) {
        .site-header__logo a {
          width: 170px;
        }

        .is-light .site-header__logo .logo--inverted {
          width: 170px;
        }
      }</style><div class="heading-md site-header__logo" ><span class="visually-hidden">Inhabit</span>
      
      <a
        href="/"
        class="site-header__logo-link logo--has-inverted"
      >
        




<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Inhabit_logo512ptrans.png?v=1691602744&amp;width=340" alt="Inhabit" srcset="//www.inhabitliving.com/cdn/shop/files/Inhabit_logo512ptrans.png?v=1691602744&amp;width=170 170w, //www.inhabitliving.com/cdn/shop/files/Inhabit_logo512ptrans.png?v=1691602744&amp;width=340 340w" width="170" height="61.75781249999999" loading="eager" class="small--hide image-element" sizes="170px" style="object-position:50.3906% 56.9892%;" data-animate="fadein">
  

  
  
</is-land>




<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Inhabit_logo512ptrans.png?v=1691602744&amp;width=280" alt="Inhabit" srcset="//www.inhabitliving.com/cdn/shop/files/Inhabit_logo512ptrans.png?v=1691602744&amp;width=140 140w, //www.inhabitliving.com/cdn/shop/files/Inhabit_logo512ptrans.png?v=1691602744&amp;width=280 280w" width="140" height="50.85937499999999" loading="eager" class="medium-up--hide image-element" sizes="140px" style="object-position:50.3906% 56.9892%;" data-animate="fadein">
  

  
  
</is-land>

</a><a
          href="/"
          class="site-header__logo-link logo--inverted"
        >
          




<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Inhabit_whitelogo512ptrans.png?v=1692302887&amp;width=340" alt="Inhabit" srcset="//www.inhabitliving.com/cdn/shop/files/Inhabit_whitelogo512ptrans.png?v=1692302887&amp;width=170 170w, //www.inhabitliving.com/cdn/shop/files/Inhabit_whitelogo512ptrans.png?v=1692302887&amp;width=340 340w" width="170" height="61.75781249999999" loading="eager" class="small--hide image-element" sizes="170px" data-animate="fadein">
  

  
  
</is-land>




<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Inhabit_whitelogo512ptrans.png?v=1692302887&amp;width=280" alt="Inhabit" srcset="//www.inhabitliving.com/cdn/shop/files/Inhabit_whitelogo512ptrans.png?v=1692302887&amp;width=140 140w, //www.inhabitliving.com/cdn/shop/files/Inhabit_whitelogo512ptrans.png?v=1692302887&amp;width=280 280w" width="140" height="50.85937499999999" loading="eager" class="medium-up--hide image-element" sizes="140px" data-animate="fadein">
  

  
  
</is-land>

</a></div></div><div class="header-item header-item--icons">
            <div class="site-nav">


<div class="site-nav__icons">
<toggle-search><a
    href="/search"
    class="site-nav__link site-nav__link--icon medium-up--hide js-no-transition js-search-header"
    
      aria-expanded="false"
      aria-haspopup="listbox"
    
  >
    



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-search element-icon--line"
  viewbox="0 0 64 64"
  width="20"
  height="20"
>
  <path
    d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58M54 54 41.94 42"
    stroke-miterlimit="10"
    fill="none"
    stroke="currentColor"
  />
</svg>

</element-icon>










    <span class="icon__fallback-text visually-hidden">
      

Search
</span>
  </a></toggle-search>
  <script type="module">
    import 'header.toggle-search'
  </script>



<shopify-store store-domain="https://www.inhabitliving.com" country="US" language="en"></shopify-store>
<shopify-account
  
    menu="customer-account-main-menu"
  
>
  <span slot="signed-out-avatar">
    



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-user element-icon--line"
  viewbox="0 0 64 64"
  width="20"
  height="20"
>
  <path
    d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.42 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.76 2.7 9.51 6 11.42v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16"
    stroke-miterlimit="10"
    fill="none"
    stroke="currentColor"
  />
</svg>

</element-icon>










  </span>
</shopify-account>

<toggle-cart cart-type="page"><a
    href="/cart"
    id="HeaderCartTrigger"
    aria-controls="HeaderCart"
    class="site-nav__link site-nav__link--icon site-nav__link--cart js-no-transition"
    data-icon="bag-minimal"
    aria-label="

Cart
"
  >
    <span class="cart-link">
      



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-bag-minimal element-icon--line"
  viewbox="0 0 64 64"
  width="20"
  height="20"
>
  <path
    d="M22.53 16.61c0-7.1 4.35-9 9.75-9s9.75 1.9 9.75 9"
    data-name="svg 2"
    fill="none"
    stroke="currentColor"
  />
  <path
    d="M11.66 16.65h41.25V53.4H11.66z"
    data-name="svg 4"
    fill="none"
    stroke="currentColor"
  />
</svg>

</element-icon>










      <span class="cart-link__bubble">
        <span class="cart-link__bubble-num pplr_cart_count">0</span>
      </span>
    </span>
    <span class="site-nav__icon-label small--hide">
      

Cart

    </span>
  </a></toggle-cart>
<script type="module">
  import 'header.toggle-cart'
</script>


<toggle-menu><button
    type="button"
    aria-controls="MobileNav"
    class="site-nav__link site-nav__link--icon medium-up--hide mobile-nav-trigger"
  >
    



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-hamburger element-icon--line"
  viewbox="0 0 64 64"
  width="20"
  height="20"
>
  <path d="M7 15h51" fill="none" stroke="currentColor">.</path>
  <path d="M7 32h43" fill="none" stroke="currentColor">.</path>
  <path d="M7 49h51" fill="none" stroke="currentColor">.</path>
</svg>

</element-icon>










    <span class="icon__fallback-text visually-hidden">
      

Site navigation
</span>
  </button></toggle-menu>
<script type="module">
  import 'header.toggle-menu'
</script>
</div>
</div>
          </div>
        </div>
      </div>



<header-search class="site-header__search-container">
  <div class="page-width">
    <div class="site-header__search">


<is-land class="site-header__search-island" on:idle>
  <predictive-search
    data-context="header"
    data-enabled="true"
    defer-hydration
  ><div class="predictive__screen" data-screen></div><form action="/search" method="get" role="search">
      <div class="search__input-wrap">
<label for="Search" class="visually-hidden">

Search
</label><input
    id="Search"
  class="search__input element-input element-input--transparent"
  name="q"

  type="search"

  placeholder="Search"

  role="combobox"aria-expanded="false"aria-owns="predictive-search-results"aria-controls="predictive-search-results"aria-haspopup="listbox"aria-autocomplete="list"autocorrect="off"autocomplete="off"autocapitalize="off"spellcheck="false"tabindex="0"


  

  

    
  >







<input name="options[prefix]" type="hidden" value="last">






  <button
    

    class="element-button--search element-button element-button--inverted element-button--transparent"

    

    

    

    

    
      aria-label="

Search
"
    
>
    




<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-search element-icon--line"
  viewbox="0 0 64 64"
  width="20"
  height="20"
>
  <path
    d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58M54 54 41.94 42"
    stroke-miterlimit="10"
    fill="none"
    stroke="currentColor"
  />
</svg>

</element-icon>










  </button>










</div>






  <button
    

    class="element-button--close-search element-button element-button--transparent"

    

    

    

    

    
      aria-label="

Close
"
    
>
    




<element-icon
  
  
>
  <svg 
  xmlns="http://www.w3.org/2000/svg" 
  class="element-icon element-icon-close element-icon--line"
  width="64" 
  height="64" 
  viewBox="0 0 64 64" 
  fill="none"
>
  <path d="M52.5137 11.01L11.8887 51.635" stroke="currentColor" stroke-miterlimit="10"/>
  <path d="M52.5137 51.635L11.8887 11.01" stroke="currentColor" stroke-miterlimit="10"/>
</svg>
</element-icon>










  </button>










<div id="predictive-search" class="search__results" tabindex="-1"></div>
    </form>
  </predictive-search>

  <template data-island>
    <script type="module">
      import 'form.predictive-search'
    </script>
  </template>
</is-land>
</div>
  </div>
</header-search>

<script type="module">
  import 'element.header-search'
</script>
</div><div class="site-header__element site-header__element--sub" data-type="nav">
        <div
          class="page-width text-center"
          
            role="navigation" aria-label="Primary"
          
        >


<ul class="site-nav site-navigation site-navigation--below small--hide"><li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--is-megamenu">
      
        <nav-dropdown>
          <details
            id="site-nav-item--1"
            class="site-nav__details"
            data-hover="true"
          >
      
      
        <summary
          data-link="/pages/shop-all-acoustic-products"
          aria-expanded="false"
          aria-controls="site-nav-item--1"
          class="site-nav__link site-nav__link--underline site-nav__link--has-dropdown"
        >
          Shop
          



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon--wide element-icon-chevron-down element-icon--line"
  viewbox="0 0 28 16"
  width="20"
  height="20"
>
  <path
    fill="none"
    stroke="currentColor"
    d="m1.57 1.59 12.76 12.77L27.1 1.59"
  />
</svg>

</element-icon>










        </summary>
      
      
<div class="site-nav__dropdown megamenu megamenu--products megamenu--inhabit-shop text-left">
          <div class="page-width">
            <div class="site-nav__dropdown-animate megamenu__wrapper">
              <div class="megamenu__cols">
                <div class="megamenu__col"><div>
                      <div class="megamenu__col-title">
                        <a
                          href="#"
                          class="site-nav__dropdown-link site-nav__dropdown-link--top-level"
                        >Shop by Type</a>
                      </div><a href="/collections/acoustic-wall-panels" class="site-nav__dropdown-link">
                          Acoustic Wall Panels
                        </a><a href="/collections/acoustic-slat-wall-panels" class="site-nav__dropdown-link">
                          Acoustic Slat Wall Panels
                        </a><a href="/collections/acoustic-wall-tiles" class="site-nav__dropdown-link">
                          Acoustic Wall Tiles
                        </a><a href="/collections/hanging-acoustic-panels" class="site-nav__dropdown-link">
                          Hanging Acoustic Panels
                        </a><a href="/collections/acoustic-room-dividers" class="site-nav__dropdown-link">
                          Acoustic Room Dividers
                        </a><a href="/collections/acoustic-lighting" class="site-nav__dropdown-link">
                          Acoustic Lighting
                        </a></div></div><div class="megamenu__col"><div>
                      <div class="megamenu__col-title">
                        <a
                          href="#"
                          class="site-nav__dropdown-link site-nav__dropdown-link--top-level"
                        >Shop by Product</a>
                      </div><a href="/collections/harmony-acoustic-pet-felt-3d-panels" class="site-nav__dropdown-link">
                          Harmony3D Wall Panels
                        </a><a href="/collections/harmonycarv-acoustic-felt-wall-panels" class="site-nav__dropdown-link">
                          HarmonyCARV Wall Panels
                        </a><a href="/collections/harmonycarv-slat-wall-panels" class="site-nav__dropdown-link">
                          HarmonyCARV Slat Wall Panels
                        </a><a href="/collections/harmonycarv-acoustic-felt-wall-tiles" class="site-nav__dropdown-link">
                          HarmonyCARV Wall Tiles
                        </a><a href="/collections/harmony3d-acoustic-felt-hanging-panels-room-dividers" class="site-nav__dropdown-link">
                          Harmony3D Hanging Panels
                        </a><a href="/collections/harmonydivdr-acoustic-felt-acoustic-felt-room-dividers" class="site-nav__dropdown-link">
                          HarmonyDIVDR Hanging Dividers
                        </a><a href="/collections/harmonybloks-acoustic-felt-room-dividers" class="site-nav__dropdown-link">
                          HarmonyBLOKS Room Dividers
                        </a><a href="/collections/harmony-acoustic-felt-corrulights-lighting" class="site-nav__dropdown-link">
                          Harmony Corrulights
                        </a></div></div><div class="megamenu__col"><div>
                      <div class="megamenu__col-title">
                        <a
                          href="#"
                          class="site-nav__dropdown-link site-nav__dropdown-link--top-level"
                        >Shop by Solution</a>
                      </div><a href="/pages/acoustic-solutions-for-offices" class="site-nav__dropdown-link">
                          Offices & Workspaces
                        </a><a href="/pages/acoustic-solutions-conference-meeting-rooms" class="site-nav__dropdown-link">
                          Conference & Meeting Rooms
                        </a><a href="/pages/acoustic-solutions-restaurants-hospitality" class="site-nav__dropdown-link">
                          Restaurants & Hospitality
                        </a><a href="/pages/acoustic-solutions-retail-commercial-spaces" class="site-nav__dropdown-link">
                          Retail & Commercial Spaces
                        </a><a href="/pages/acoustic-solutions-residential-home" class="site-nav__dropdown-link">
                          Homes & Residential Spaces
                        </a></div></div><div class="megamenu__col"><div>
                      <div class="megamenu__col-title">
                        <a
                          href="#"
                          class="site-nav__dropdown-link site-nav__dropdown-link--top-level"
                        >More ways to shop</a>
                      </div><a href="/pages/shop-all-acoustic-products" class="site-nav__dropdown-link">
                          Shop All Acoustic Products
                        </a><a href="/products/harmony-acoustic-pet-felt-samples" class="site-nav__dropdown-link">
                          Order Harmony Felt Samples
                        </a><a href="/collections/closeout" class="site-nav__dropdown-link">
                          Closeouts & Open Box
                        </a></div></div>
              </div><div class="inhabit-megamenu__featured" aria-label="Featured acoustic collections">
                  <a class="inhabit-megamenu__card" href="/pages/acoustic-solutions-for-offices">
                    <div class="inhabit-megamenu__media"><img src="//www.inhabitliving.com/cdn/shop/files/halo-harmony3d-customer-office-install.png?v=1787097170&amp;width=1600" alt="Halo Harmony3D acoustic felt panels in a modern office" srcset="//www.inhabitliving.com/cdn/shop/files/halo-harmony3d-customer-office-install.png?v=1787097170&amp;width=640 640w, //www.inhabitliving.com/cdn/shop/files/halo-harmony3d-customer-office-install.png?v=1787097170&amp;width=960 960w, //www.inhabitliving.com/cdn/shop/files/halo-harmony3d-customer-office-install.png?v=1787097170&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/halo-harmony3d-customer-office-install.png?v=1787097170&amp;width=1600 1600w" width="1600" height="1081" loading="lazy" class="inhabit-megamenu__image" sizes="36vw">
</div>
                    <div class="inhabit-megamenu__card-copy">
                      <span><span class="inhabit-megamenu__eyebrow">Shop by solution</span>Offices &amp; Workspaces</span>
                      <span aria-hidden="true">→</span>
                    </div>
                  </a>
                  <a class="inhabit-megamenu__card" href="/collections/acoustic-lighting">
                    <div class="inhabit-megamenu__media"><img src="//www.inhabitliving.com/cdn/shop/files/Amien_RoomShot.jpg?v=1692389099&amp;width=1200" alt="Teal Amien Harmony acoustic pendant lights above a long table in a bright modern space" srcset="//www.inhabitliving.com/cdn/shop/files/Amien_RoomShot.jpg?v=1692389099&amp;width=640 640w, //www.inhabitliving.com/cdn/shop/files/Amien_RoomShot.jpg?v=1692389099&amp;width=960 960w, //www.inhabitliving.com/cdn/shop/files/Amien_RoomShot.jpg?v=1692389099&amp;width=1200 1200w" width="1200" height="1199" loading="lazy" class="inhabit-megamenu__image" sizes="24vw">
</div>
                    <div class="inhabit-megamenu__card-copy">
                      <span><span class="inhabit-megamenu__eyebrow">Featured</span>Acoustic Lighting</span>
                      <span aria-hidden="true">→</span>
                    </div>
                  </a>
                </div></div>
          </div>
        </div>
        </details>
        </nav-dropdown>
        <script type="module">
          import 'header.desktop-nav.nav-dropdown'
        </script>
      
    </li><li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--is-megamenu">
      
        <nav-dropdown>
          <details
            id="site-nav-item--2"
            class="site-nav__details"
            data-hover="true"
          >
      
      
        <summary
          data-link="/pages/about-us"
          aria-expanded="false"
          aria-controls="site-nav-item--2"
          class="site-nav__link site-nav__link--underline site-nav__link--has-dropdown"
        >
          About & Resources
          



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon--wide element-icon-chevron-down element-icon--line"
  viewbox="0 0 28 16"
  width="20"
  height="20"
>
  <path
    fill="none"
    stroke="currentColor"
    d="m1.57 1.59 12.76 12.77L27.1 1.59"
  />
</svg>

</element-icon>










        </summary>
      
      
<div class="site-nav__dropdown megamenu megamenu--products megamenu--inhabit-resources text-left">
          <div class="page-width">
            <div class="site-nav__dropdown-animate megamenu__wrapper">
              <div class="megamenu__cols">
                <div class="megamenu__col"><div>
                      <div class="megamenu__col-title">
                        <a
                          href="#"
                          class="site-nav__dropdown-link site-nav__dropdown-link--top-level"
                        >About Inhabit</a>
                      </div><a href="/pages/about-us" class="site-nav__dropdown-link">
                          About Us
                        </a><a href="/pages/materials-responsible-manufacturing" class="site-nav__dropdown-link">
                          Materials & Responsible Manufacturing
                        </a><a href="/pages/contactus" class="site-nav__dropdown-link">
                          Contact Us
                        </a></div></div><div class="megamenu__col"><div>
                      <div class="megamenu__col-title">
                        <a
                          href="#"
                          class="site-nav__dropdown-link site-nav__dropdown-link--top-level"
                        >Learn</a>
                      </div><a href="/pages/acoustic-panels-vs-soundproofing" class="site-nav__dropdown-link">
                          Acoustic Panels vs. Soundproofing
                        </a><a href="/pages/faqs-harmony-pet-felt" class="site-nav__dropdown-link">
                          Harmony Acoustic Felt FAQ
                        </a><a href="/pages/faqs" class="site-nav__dropdown-link">
                          Customer Service FAQ
                        </a></div></div><div class="megamenu__col"><div>
                      <div class="megamenu__col-title">
                        <a
                          href="#"
                          class="site-nav__dropdown-link site-nav__dropdown-link--top-level"
                        >Resources</a>
                      </div><a href="/pages/about-us?view=ideas-inspiration" class="site-nav__dropdown-link">
                          Ideas & Inspiration
                        </a><a href="/pages/trade-application" class="site-nav__dropdown-link">
                          Trade Program
                        </a><a href="/apps/tracktor/track" class="site-nav__dropdown-link">
                          Order Tracking
                        </a></div></div>
              </div><div class="inhabit-resources__visuals" aria-label="Featured Inhabit resources">
                  <a class="inhabit-resources__visual-card inhabit-resources__visual-card--ideas" href="/pages/about-us?view=ideas-inspiration"><img src="//www.inhabitliving.com/cdn/shop/files/Seesaw--Harmony-Restaurant.jpg?v=1690918660&amp;width=1400" alt="Modern hospitality interior featuring light gray Seesaw Harmony3D acoustic felt wall panels" srcset="//www.inhabitliving.com/cdn/shop/files/Seesaw--Harmony-Restaurant.jpg?v=1690918660&amp;width=600 600w, //www.inhabitliving.com/cdn/shop/files/Seesaw--Harmony-Restaurant.jpg?v=1690918660&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/Seesaw--Harmony-Restaurant.jpg?v=1690918660&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Seesaw--Harmony-Restaurant.jpg?v=1690918660&amp;width=1400 1400w" width="1400" height="1400" loading="lazy" sizes="45vw">
<span class="inhabit-resources__visual-label"><span>Ideas &amp; Inspiration</span><span aria-hidden="true">→</span></span>
                  </a>
                  <a class="inhabit-resources__visual-card inhabit-resources__visual-card--blog" href="/blogs/acoustic-design"><img src="//www.inhabitliving.com/cdn/shop/files/Scatter-DIVDR-Seafoam-Scene_2880x1620_aea4384b-35eb-4d1d-aae5-f84b99d2fc82.jpg?v=1693250028&amp;width=1100" alt="Seafoam Scatter HarmonyDIVDR acoustic felt panels dividing a contemporary open-plan interior" srcset="//www.inhabitliving.com/cdn/shop/files/Scatter-DIVDR-Seafoam-Scene_2880x1620_aea4384b-35eb-4d1d-aae5-f84b99d2fc82.jpg?v=1693250028&amp;width=500 500w, //www.inhabitliving.com/cdn/shop/files/Scatter-DIVDR-Seafoam-Scene_2880x1620_aea4384b-35eb-4d1d-aae5-f84b99d2fc82.jpg?v=1693250028&amp;width=700 700w, //www.inhabitliving.com/cdn/shop/files/Scatter-DIVDR-Seafoam-Scene_2880x1620_aea4384b-35eb-4d1d-aae5-f84b99d2fc82.jpg?v=1693250028&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/Scatter-DIVDR-Seafoam-Scene_2880x1620_aea4384b-35eb-4d1d-aae5-f84b99d2fc82.jpg?v=1693250028&amp;width=1100 1100w" width="1100" height="619" loading="lazy" sizes="32vw">
<span class="inhabit-resources__visual-label"><span>Surround Yourself Blog</span><span aria-hidden="true">→</span></span>
                  </a>
                </div><aside class="inhabit-resources__featured" aria-label="Featured acoustic resources">
                  <span class="inhabit-megamenu__eyebrow">Start here</span>
                  <h3>New to acoustics?</h3>
                  <p>Understand what acoustic panels do, what they do not do, and where to begin.</p>
                  <a class="inhabit-resources__link" href="/pages/acoustic-panels-vs-soundproofing">
                    <span>Acoustic panels vs. soundproofing</span><span aria-hidden="true">→</span>
                  </a>
                  <a class="inhabit-resources__link" href="/pages/about-us?view=ideas-inspiration">
                    <span>Ideas &amp; Inspiration</span><span aria-hidden="true">→</span>
                  </a>
                  <a class="inhabit-resources__link" href="/blogs/acoustic-design">
                    <span>Surround Yourself Blog</span><span aria-hidden="true">→</span>
                  </a>
                </aside></div>
          </div>
        </div>
        </details>
        </nav-dropdown>
        <script type="module">
          import 'header.desktop-nav.nav-dropdown'
        </script>
      
    </li><li class="site-nav__item site-nav__expanded-item">
      
      
      
        <a
          href="/pages/about-us?view=ideas-inspiration"
          class="site-nav__link site-nav__link--underline"
        >
          Ideas & Inspiration
        </a>
      

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

      <div class="site-header__element site-header__element--sub" data-type="search">
        <div class="page-width medium-up--hide">


<is-land class="site-header__search-island" on:idle>
  <predictive-search
    data-context="header"
    data-enabled="true"
    defer-hydration
  ><div class="predictive__screen" data-screen></div><form action="/search" method="get" role="search">
      <div class="search__input-wrap">
<label for="Search" class="visually-hidden">

Search
</label><input
    id="Search"
  class="search__input element-input element-input--transparent"
  name="q"

  type="search"

  placeholder="Search"

  role="combobox"aria-expanded="false"aria-owns="predictive-search-results"aria-controls="predictive-search-results"aria-haspopup="listbox"aria-autocomplete="list"autocorrect="off"autocomplete="off"autocapitalize="off"spellcheck="false"tabindex="0"


  

  

    
  >







<input name="options[prefix]" type="hidden" value="last">






  <button
    

    class="element-button--search element-button element-button--inverted element-button--transparent"

    

    

    

    

    
      aria-label="

Search
"
    
>
    




<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-search element-icon--line"
  viewbox="0 0 64 64"
  width="20"
  height="20"
>
  <path
    d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58M54 54 41.94 42"
    stroke-miterlimit="10"
    fill="none"
    stroke="currentColor"
  />
</svg>

</element-icon>










  </button>










</div>






  <button
    

    class="element-button--close-search element-button element-button--transparent"

    

    

    

    

    
      aria-label="

Close
"
    
>
    




<element-icon
  
  
>
  <svg 
  xmlns="http://www.w3.org/2000/svg" 
  class="element-icon element-icon-close element-icon--line"
  width="64" 
  height="64" 
  viewBox="0 0 64 64" 
  fill="none"
>
  <path d="M52.5137 11.01L11.8887 51.635" stroke="currentColor" stroke-miterlimit="10"/>
  <path d="M52.5137 51.635L11.8887 11.01" stroke="currentColor" stroke-miterlimit="10"/>
</svg>
</element-icon>










  </button>










<div id="predictive-search" class="search__results" tabindex="-1"></div>
    </form>
  </predictive-search>

  <template data-island>
    <script type="module">
      import 'form.predictive-search'
    </script>
  </template>
</is-land>
</div>
      </div><div class="page-width site-header__drawers">
      <div class="site-header__drawers-container">


<header-drawer class="site-header__drawer site-header__cart" open="cart:open" close="cart:close" defer-hydration>
  <div class="site-header__drawer-animate">


<header-cart-drawer class="cart-drawer" defer-hydration cart-type="page">
  <form
    id="cart__drawer-form"
    action="/cart"
    method="post"
    novalidate
    data-location="header"
    class="cart__drawer-form"
    data-money-format="${{amount}}"
    data-super-script="false"
  >
    <div class="cart__scrollable">
      <div data-products></div>


<div class="cart__item-row cart-recommendations" data-location="drawer">
    <div class="heading-md cart__recommended-title">
      

Goes great with

    </div>
    <div
      class="new-grid product-grid scrollable-grid"
      data-view="small"
    >


<div
  class="
    grid-item grid-product  grid-product-image-breathing-room--false
    
    
      grid-product--gridlines overlay
    
  "
>
  <div
    class="product-grid-item"
    data-product-handle="harmony-acoustic-pet-felt-samples"
    data-product-id="7157751185594"
    data-product-grid-item
  >
    <div class="grid-item__content color-scheme-none">

      












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-sm); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: space-between; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="height: 100%;" >
      <slot></slot>
    </div>
  </template>

  
        <div class="grid-item__link">
          <a href="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples" class="grid-item__overlay-link" aria-label="Harmony Acoustic PET Felt Samples" tabindex="-1"></a>
          <div class="grid-product__image-wrap"><div class="grid-product__tags">












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  



<div
  class="element-badge element-badge--inverted element-badge--custom">New Colors
</div>










</layout-stack>


</div><div
                
                  style="height: 0; padding-bottom: 100.0%;"
                
              >


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-702447.jpg?v=1739237089&amp;width=1600" alt="Complete Harmony PET acoustic felt sample box by Inhabit" srcset="//www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-702447.jpg?v=1739237089&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-702447.jpg?v=1739237089&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-702447.jpg?v=1739237089&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-702447.jpg?v=1739237089&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-702447.jpg?v=1739237089&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-702447.jpg?v=1739237089&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="grid-product__image image-element" sizes="150px" data-animate="fadein">
  

  
  
</is-land>

</div><div class="grid-product__secondary-image small--hide">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-513031.jpg?v=1739237089&amp;width=1600" alt="Harmony PET acoustic felt solid-color sample box by Inhabit" srcset="//www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-513031.jpg?v=1739237089&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-513031.jpg?v=1739237089&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-513031.jpg?v=1739237089&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-513031.jpg?v=1739237089&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-513031.jpg?v=1739237089&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-513031.jpg?v=1739237089&amp;width=1600 1600w" width="1600" height="1599.21875" loading="lazy" class="image-style--square
 image-element" sizes="150px" data-animate="fadein">
  

  
  
</is-land>

</div>
<div
                          class="grid-product__color-image grid-product__color-image--41688705532090"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43056174334138"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43056174366906"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--44396475711674"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43058227478714"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--41688699633850"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--41688699502778"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054566670522"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--45454137589946"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054566801594"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--41688699764922"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--44396475744442"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--41688700092602"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--41688700027066"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--44396475777210"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--46062820327610"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--41688699830458"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--41688699568314"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--45454137622714"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--44396475809978"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--41688699961530"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--44396475842746"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--44396475875514"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054566604986"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054566867130"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--44396475908282"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--44396475941050"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054566834362"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--44396475973818"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054566703290"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--45454137655482"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--44396476006586"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--42113331724474"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054588919994"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--42113331822778"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054588952762"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--42113331855546"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054591475898"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--42113331888314"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054591508666"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054588985530"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054589149370"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054589018298"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054589051066"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054589083834"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054589116602"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--42577580130490"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--42577580163258"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--42577580196026"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--42577580228794"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--42577580261562"
                        ></div></div>

          <div class="grid-item__meta">

            












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
<div class="grid-item__swatches">



  <is-land on:idle> <color-swatches>















<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
  
    

        
        
          





<a
  class="element-swatch element-swatch--link element-swatch--large"

  
    href="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=41688705532090"
  
style="--element-swatch-color-background: set;
                  --element-swatch-color-background-image: url(https://www.inhabitliving.com/cdn/shop/files/sample-box-full-set_50x50.png);"
                data-url="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=41688705532090"
                data-variant-id="41688705532090"
                data-variant-image="//www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-702447.jpg?v=1739237089&width=400"
                aria-label="Color: Sample Box Full Set"
              
></a>











      
    

        
        
          
        
          





<a
  class="element-swatch element-swatch--link element-swatch--large"

  
    href="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=43056174334138"
  
style="--element-swatch-color-background: felts;
                  --element-swatch-color-background-image: url(https://www.inhabitliving.com/cdn/shop/files/sample-box-solid-felts_50x50.png);"
                data-url="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=43056174334138"
                data-variant-id="43056174334138"
                data-variant-image="//www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-513031.jpg?v=1739237089&width=400"
                aria-label="Color: Sample Box Solid Felts"
              
></a>











      
    

        
        
          
        
          
        
          





<a
  class="element-swatch element-swatch--link element-swatch--large"

  
    href="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=43056174366906"
  
style="--element-swatch-color-background: felts;
                  --element-swatch-color-background-image: url(https://www.inhabitliving.com/cdn/shop/files/sample-box-overlay-felts_50x50.png);"
                data-url="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=43056174366906"
                data-variant-id="43056174366906"
                data-variant-image="//www.inhabitliving.com/cdn/shop/products/harmony-acoustic-pet-felt-samples-inhabit-692396.jpg?v=1739222914&width=400"
                aria-label="Color: Sample Box Overlay Felts"
              
></a>











      
    

        
        
          
        
          
        
          
        
          





<a
  class="element-swatch element-swatch--link element-swatch--large"

  
    href="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=44396475711674"
  
style="--element-swatch-color-background: felt;
                  --element-swatch-color-background-image: url(https://www.inhabitliving.com/cdn/shop/files/whisper-white-felt_50x50.png);"
                data-url="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=44396475711674"
                data-variant-id="44396475711674"
                data-variant-image="//www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-357984.jpg?v=1739222914&width=400"
                aria-label="Color: Whisper White Felt"
              
></a>











      
    

        
        
          
        
          
        
          
        
          
        
          





<a
  class="element-swatch element-swatch--link element-swatch--large"

  
    href="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=43058227478714"
  
style="--element-swatch-color-background: felt;
                  --element-swatch-color-background-image: url(https://www.inhabitliving.com/cdn/shop/files/cloud-white-felt_50x50.png);"
                data-url="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=43058227478714"
                data-variant-id="43058227478714"
                data-variant-image="//www.inhabitliving.com/cdn/shop/products/harmony-acoustic-pet-felt-samples-inhabit-234848.jpg?v=1739222914&width=400"
                aria-label="Color: Cloud White Felt"
              
></a>











      
    

        
        
          
        
          
        
          
        
          
        
          
        
          





<a
  class="element-swatch element-swatch--link element-swatch--large"

  
    href="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=41688699633850"
  
style="--element-swatch-color-background: felt;
                  --element-swatch-color-background-image: url(https://www.inhabitliving.com/cdn/shop/files/fog-felt_50x50.png);"
                data-url="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=41688699633850"
                data-variant-id="41688699633850"
                data-variant-image="//www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-334779.jpg?v=1739222914&width=400"
                aria-label="Color: Fog Felt"
              
></a>











      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          





<a
  class="element-swatch element-swatch--link element-swatch--large"

  
    href="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=41688699502778"
  
style="--element-swatch-color-background: felt;
                  --element-swatch-color-background-image: url(https://www.inhabitliving.com/cdn/shop/files/mineral-felt_50x50.png);"
                data-url="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=41688699502778"
                data-variant-id="41688699502778"
                data-variant-image="//www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-275573.jpg?v=1739222914&width=400"
                aria-label="Color: Mineral Felt"
              
></a>











      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          





<a
  class="element-swatch element-swatch--link element-swatch--large"

  
    href="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=43054566670522"
  
style="--element-swatch-color-background: felt;
                  --element-swatch-color-background-image: url(https://www.inhabitliving.com/cdn/shop/files/haze-felt_50x50.png);"
                data-url="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=43054566670522"
                data-variant-id="43054566670522"
                data-variant-image="//www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-3120408.jpg?v=1765952049&width=400"
                aria-label="Color: Haze Felt"
              
></a>











      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          





<a
  class="element-swatch element-swatch--link element-swatch--large"

  
    href="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=45454137589946"
  
style="--element-swatch-color-background: felt;
                  --element-swatch-color-background-image: url(https://www.inhabitliving.com/cdn/shop/files/flint-felt_50x50.png);"
                data-url="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=45454137589946"
                data-variant-id="45454137589946"
                data-variant-image="//www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-3794058.jpg?v=1765952049&width=400"
                aria-label="Color: Flint Felt"
              
></a>











      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          





<a
  class="element-swatch element-swatch--link element-swatch--large"

  
    href="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=43054566801594"
  
style="--element-swatch-color-background: felt;
                  --element-swatch-color-background-image: url(https://www.inhabitliving.com/cdn/shop/files/smoke-felt_50x50.png);"
                data-url="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=43054566801594"
                data-variant-id="43054566801594"
                data-variant-image="//www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-584462.jpg?v=1739222914&width=400"
                aria-label="Color: Smoke Felt"
              
></a>











      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    
  




<span
class="element-text element-text--body-sm"

  
>
  
    +41
  
</span>




















</layout-stack>





  <template data-island>
    <script type="module">
      import 'list.product-card.swatches'
    </script>
  </template>
  </color-swatches>
  </is-land>

</div>
              



<span
class="element-text element-text--body-md"

  
style="
                word-break: break-word; hyphens: auto; text-align: start;
              ">
  
    Harmony Acoustic PET Felt Samples
  
</span>

































<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: baseline; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="
                text-align: start;
              " >
      <slot></slot>
    </div>
  </template>

  
<div class="inhabit-card-price">
  <span class="product__price">
    <strong>

From
</strong>
    





<span
class="element-price element-text element-text--heading-xs"

  
>
  
    $2.50
  
</span>
























<span aria-hidden="true">–</span>




<span
class="element-price element-text element-text--heading-xs"

  
>
  
    $56.00
  
</span>

























  </span>

  

  
</div>



</layout-stack>



</layout-stack>



</div>

        </div>
</layout-stack>



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


<div
  class="
    grid-item grid-product  grid-product-image-breathing-room--false
    
    
      grid-product--gridlines overlay
    
  "
>
  <div
    class="product-grid-item"
    data-product-handle="chrysalis-harmony3d-acoustic-felt-wall-panels"
    data-product-id="8015879110842"
    data-product-grid-item
  >
    <div class="grid-item__content color-scheme-none">

      












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-sm); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: space-between; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="height: 100%;" >
      <slot></slot>
    </div>
  </template>

  
        <div class="grid-item__link">
          <a href="/collections/harmony-acoustic-pet-felt-3d-panels/products/chrysalis-harmony3d-acoustic-felt-wall-panels" class="grid-item__overlay-link" aria-label="Chrysalis Harmony3D Acoustic Felt Wall Panels" tabindex="-1"></a>
          <div class="grid-product__image-wrap"><div class="grid-product__tags">












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  



<div
  class="element-badge element-badge--inverted element-badge--custom">New Colors
</div>










</layout-stack>


</div><div
                
                  style="height: 0; padding-bottom: 100.0%;"
                
              >


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Chrysalis-Fog.jpg?v=1731704811&amp;width=1600" alt="Light gray Chrysalis Harmony3D PET felt 3D acoustic wall panel with a sculpted four-petal pattern by Inhabit" srcset="//www.inhabitliving.com/cdn/shop/files/Chrysalis-Fog.jpg?v=1731704811&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/Chrysalis-Fog.jpg?v=1731704811&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/Chrysalis-Fog.jpg?v=1731704811&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/Chrysalis-Fog.jpg?v=1731704811&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/Chrysalis-Fog.jpg?v=1731704811&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Chrysalis-Fog.jpg?v=1731704811&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="grid-product__image image-element" sizes="150px" data-animate="fadein">
  

  
  
</is-land>

</div><div class="grid-product__secondary-image small--hide">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/chrysalis-harmony3d-acoustic-felt-wall-panelzepto-inhabit-988158.jpg?v=1731534414&amp;width=1600" alt="Light gray Chrysalis Harmony3D acoustic wall panels in a restaurant with globe pendant lights" srcset="//www.inhabitliving.com/cdn/shop/files/chrysalis-harmony3d-acoustic-felt-wall-panelzepto-inhabit-988158.jpg?v=1731534414&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/chrysalis-harmony3d-acoustic-felt-wall-panelzepto-inhabit-988158.jpg?v=1731534414&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/chrysalis-harmony3d-acoustic-felt-wall-panelzepto-inhabit-988158.jpg?v=1731534414&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/chrysalis-harmony3d-acoustic-felt-wall-panelzepto-inhabit-988158.jpg?v=1731534414&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/chrysalis-harmony3d-acoustic-felt-wall-panelzepto-inhabit-988158.jpg?v=1731534414&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/chrysalis-harmony3d-acoustic-felt-wall-panelzepto-inhabit-988158.jpg?v=1731534414&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="image-style--square
 image-element" sizes="150px" data-animate="fadein">
  

  
  
</is-land>

</div></div>

          <div class="grid-item__meta">

            












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
<div class="grid-item__swatches">



  <is-land on:idle> <color-swatches>















<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
  
    

    
  

</layout-stack>





  <template data-island>
    <script type="module">
      import 'list.product-card.swatches'
    </script>
  </template>
  </color-swatches>
  </is-land>

</div><div class="grid-product__colors">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400" alt="Chrysalis Harmony3D Acoustic Felt Wall Panels" srcset="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=352 352w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=832 832w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400 1400w" width="1400" height="132.0" loading="lazy" class="metafield-file_reference image-element" sizes="(min-width: 769px) 320px, 100vw" data-animate="fadein">
  

  
  
</is-land>

</div>
              



<span
class="element-text element-text--body-md"

  
style="
                word-break: break-word; hyphens: auto; text-align: start;
              ">
  
    Chrysalis Harmony3D Acoustic Felt Wall Panels
  
</span>

































<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: baseline; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="
                text-align: start;
              " >
      <slot></slot>
    </div>
  </template>

  
<div class="inhabit-card-price">
  <span class="product__price">
    <strong>

From
</strong>
    





<span
class="element-price element-text element-text--heading-xs"

  
>
  
    $49.00
  
</span>

























  </span>

  

  
    <span class="product__unit-price">
      
        

From
:
      





<span
class="element-price element-text element-text--body-sm"

  
>
  
    $14.58
  
</span>
























/

per sq. ft.

    </span>
  
</div>



</layout-stack>



</layout-stack>



</div>

        </div>
</layout-stack>



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


<div
  class="
    grid-item grid-product  grid-product-image-breathing-room--false
    
    
      grid-product--gridlines overlay
    
  "
>
  <div
    class="product-grid-item"
    data-product-handle="drift-harmony3d-acoustic-felt-wall-panels"
    data-product-id="7153881710778"
    data-product-grid-item
  >
    <div class="grid-item__content color-scheme-none">

      












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-sm); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: space-between; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="height: 100%;" >
      <slot></slot>
    </div>
  </template>

  
        <div class="grid-item__link">
          <a href="/collections/harmony-acoustic-pet-felt-3d-panels/products/drift-harmony3d-acoustic-felt-wall-panels" class="grid-item__overlay-link" aria-label="Drift Harmony3D Acoustic Felt Wall Panels" tabindex="-1"></a>
          <div class="grid-product__image-wrap"><div class="grid-product__tags">












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  



<div
  class="element-badge element-badge--inverted element-badge--custom">New Colors
</div>










</layout-stack>


</div><div
                
                  style="height: 0; padding-bottom: 100.0%;"
                
              >


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Drift-Fog.jpg?v=1731959330&amp;width=1600" alt="Light gray Drift Harmony3D PET felt 3D acoustic wall panels with a flowing vertical texture by Inhabit" srcset="//www.inhabitliving.com/cdn/shop/files/Drift-Fog.jpg?v=1731959330&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/Drift-Fog.jpg?v=1731959330&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/Drift-Fog.jpg?v=1731959330&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/Drift-Fog.jpg?v=1731959330&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/Drift-Fog.jpg?v=1731959330&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Drift-Fog.jpg?v=1731959330&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="grid-product__image image-element" sizes="150px" data-animate="fadein">
  

  
  
</is-land>

</div><div class="grid-product__secondary-image small--hide">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Drift-Close-Up-GraphiteFelt.jpg?v=1690918456&amp;width=1600" alt="Charcoal Drift Harmony3D acoustic wall panels behind lounge chairs in a modern lobby" srcset="//www.inhabitliving.com/cdn/shop/files/Drift-Close-Up-GraphiteFelt.jpg?v=1690918456&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/Drift-Close-Up-GraphiteFelt.jpg?v=1690918456&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/Drift-Close-Up-GraphiteFelt.jpg?v=1690918456&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/Drift-Close-Up-GraphiteFelt.jpg?v=1690918456&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/Drift-Close-Up-GraphiteFelt.jpg?v=1690918456&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Drift-Close-Up-GraphiteFelt.jpg?v=1690918456&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="image-style--square
 image-element" sizes="150px" data-animate="fadein">
  

  
  
</is-land>

</div></div>

          <div class="grid-item__meta">

            












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
<div class="grid-item__swatches">



  <is-land on:idle> <color-swatches>















<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
  
    

    
  

</layout-stack>





  <template data-island>
    <script type="module">
      import 'list.product-card.swatches'
    </script>
  </template>
  </color-swatches>
  </is-land>

</div><div class="grid-product__colors">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400" alt="Drift Harmony3D Acoustic Felt Wall Panels" srcset="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=352 352w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=832 832w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400 1400w" width="1400" height="132.0" loading="lazy" class="metafield-file_reference image-element" sizes="(min-width: 769px) 320px, 100vw" data-animate="fadein">
  

  
  
</is-land>

</div>
              



<span
class="element-text element-text--body-md"

  
style="
                word-break: break-word; hyphens: auto; text-align: start;
              ">
  
    Drift Harmony3D Acoustic Felt Wall Panels
  
</span>

































<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: baseline; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="
                text-align: start;
              " >
      <slot></slot>
    </div>
  </template>

  
<div class="inhabit-card-price">
  <span class="product__price">
    <strong>

From
</strong>
    





<span
class="element-price element-text element-text--heading-xs"

  
>
  
    $49.00
  
</span>

























  </span>

  

  
    <span class="product__unit-price">
      
        

From
:
      





<span
class="element-price element-text element-text--body-sm"

  
>
  
    $14.58
  
</span>
























/

per sq. ft.

    </span>
  
</div>



</layout-stack>



</layout-stack>



</div>

        </div>
</layout-stack>



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


<div
  class="
    grid-item grid-product  grid-product-image-breathing-room--false
    
    
      grid-product--gridlines overlay
    
  "
>
  <div
    class="product-grid-item"
    data-product-handle="facet-harmony-pet-felt-3d-panels"
    data-product-id="7153122345146"
    data-product-grid-item
  >
    <div class="grid-item__content color-scheme-none">

      












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-sm); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: space-between; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="height: 100%;" >
      <slot></slot>
    </div>
  </template>

  
        <div class="grid-item__link">
          <a href="/collections/harmony-acoustic-pet-felt-3d-panels/products/facet-harmony-pet-felt-3d-panels" class="grid-item__overlay-link" aria-label="Facet Harmony3D Acoustic Felt Wall Panels" tabindex="-1"></a>
          <div class="grid-product__image-wrap"><div class="grid-product__tags">












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  



<div
  class="element-badge element-badge--inverted element-badge--custom">New Colors
</div>










</layout-stack>


</div><div
                
                  style="height: 0; padding-bottom: 100.0%;"
                
              >


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/products/facet-harmony-pet-felt-3d-panels-inhabit-553132.jpg?v=1690918475&amp;width=1600" alt="Light gray Facet Harmony3D PET felt 3D acoustic wall panel with a folded geometric pattern by Inhabit" srcset="//www.inhabitliving.com/cdn/shop/products/facet-harmony-pet-felt-3d-panels-inhabit-553132.jpg?v=1690918475&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/products/facet-harmony-pet-felt-3d-panels-inhabit-553132.jpg?v=1690918475&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/products/facet-harmony-pet-felt-3d-panels-inhabit-553132.jpg?v=1690918475&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/products/facet-harmony-pet-felt-3d-panels-inhabit-553132.jpg?v=1690918475&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/products/facet-harmony-pet-felt-3d-panels-inhabit-553132.jpg?v=1690918475&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/products/facet-harmony-pet-felt-3d-panels-inhabit-553132.jpg?v=1690918475&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="grid-product__image image-element" sizes="150px" data-animate="fadein">
  

  
  
</is-land>

</div><div class="grid-product__secondary-image small--hide">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Facet--HarmonyGrayOmbre.jpg?v=1690918475&amp;width=1600" alt="Gray Facet Harmony3D 3D acoustic wall panels behind a sofa in a modern lounge" srcset="//www.inhabitliving.com/cdn/shop/files/Facet--HarmonyGrayOmbre.jpg?v=1690918475&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/Facet--HarmonyGrayOmbre.jpg?v=1690918475&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/Facet--HarmonyGrayOmbre.jpg?v=1690918475&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/Facet--HarmonyGrayOmbre.jpg?v=1690918475&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/Facet--HarmonyGrayOmbre.jpg?v=1690918475&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Facet--HarmonyGrayOmbre.jpg?v=1690918475&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="image-style--square
 image-element" sizes="150px" data-animate="fadein">
  

  
  
</is-land>

</div></div>

          <div class="grid-item__meta">

            












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
<div class="grid-item__swatches">



  <is-land on:idle> <color-swatches>















<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
  
    

    
  

</layout-stack>





  <template data-island>
    <script type="module">
      import 'list.product-card.swatches'
    </script>
  </template>
  </color-swatches>
  </is-land>

</div><div class="grid-product__colors">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400" alt="Facet Harmony3D Acoustic Felt Wall Panels" srcset="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=352 352w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=832 832w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400 1400w" width="1400" height="132.0" loading="lazy" class="metafield-file_reference image-element" sizes="(min-width: 769px) 320px, 100vw" data-animate="fadein">
  

  
  
</is-land>

</div>
              



<span
class="element-text element-text--body-md"

  
style="
                word-break: break-word; hyphens: auto; text-align: start;
              ">
  
    Facet Harmony3D Acoustic Felt Wall Panels
  
</span>

































<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: baseline; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="
                text-align: start;
              " >
      <slot></slot>
    </div>
  </template>

  
<div class="inhabit-card-price">
  <span class="product__price">
    <strong>

From
</strong>
    





<span
class="element-price element-text element-text--heading-xs"

  
>
  
    $49.00
  
</span>

























  </span>

  

  
    <span class="product__unit-price">
      
        

From
:
      





<span
class="element-price element-text element-text--body-sm"

  
>
  
    $14.58
  
</span>
























/

per sq. ft.

    </span>
  
</div>



</layout-stack>



</layout-stack>



</div>

        </div>
</layout-stack>



    </div>
  </div>
</div></div>
  </div>
        <div class="cart__item-row">



<cart-note>
  <label for="CartNote" class="add-note">
    

Add order note

    <span class="note-icon note-icon--open" aria-hidden="true">
      



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-pencil element-icon--line"
  viewbox="0 0 64 64"
  width="20"
  height="20"
>
  <path
    d="M52 33.96V58H8V14h23.7"
    stroke-miterlimit="10"
    fill="none"
    stroke="currentColor"
  />
  <path
    d="m18 47 13-5 24-24-8-8-24 24zm5-13 8 8"
    stroke-miterlimit="10"
    fill="none"
    stroke="currentColor"
  />
  <path
    d="m47 10 1-1a5.44 5.44 0 0 1 7.82.18A5.52 5.52 0 0 1 56 17l-1 1"
    fill="none"
    stroke="currentColor"
  />
</svg>

</element-icon>










    </span>

    <span class="note-icon note-icon--close">
      



<element-icon
  
  
>
  <svg 
  xmlns="http://www.w3.org/2000/svg" 
  class="element-icon element-icon-close element-icon--line"
  width="64" 
  height="64" 
  viewBox="0 0 64 64" 
  fill="none"
>
  <path d="M52.5137 11.01L11.8887 51.635" stroke="currentColor" stroke-miterlimit="10"/>
  <path d="M52.5137 51.635L11.8887 11.01" stroke="currentColor" stroke-miterlimit="10"/>
</svg>
</element-icon>










      <span class="icon__fallback-text visually-hidden">
        

Close
</span>
    </span>
  </label>
<textarea
    id="sections--21742898708666__header-note"
  class="cart__note hide element-input"
  name="note"

  

  

  

  

  

    rows="2"></textarea>







</cart-note>

<script type="module">
  import 'cart.order-note'
</script>
</div>
      
    </div>

    <div class="cart__footer">
      <div class="cart__item-sub cart__item-row cart__item--subtotal">
        <div>
          

Subtotal

        </div>




<span
class="element-price element-text element-text--body-md"

  
    data-subtotal
  
>
  
    $0.00
  
</span>
























</div>

      <div data-discounts></div>

      

      <div class="nvd-mini"></div>

      <div class="cart__item-row cart__checkout-wrapper payment-buttons">






  <button
    

    class="cart__checkout element-button"

    
      type="submit"
    

    

    

    
      name="checkout"
    

    
      data-terms-required="false"
    
>
    




<span
class="element-text element-text--body-md"

  
>
  
    

Check out

  
</span>



















  </button>











      </div>

      <div class="cart__item-row--footer text-center">
        <small>
            

Shipping, taxes, and discount codes calculated at checkout.

</small>
      </div>
    </div>
    <script type="application/json" data-locales>
      {
        "cartTermsConfirmation":
          

"You must agree with the terms and conditions of sales to check out"
,
        "cartSavings":

"Save [savings]"
}
    </script>
  </form>

  <div class="site-header__cart-empty">
    

Your cart is currently empty.

  </div>
</header-cart-drawer>

<script type="module">
  import 'header.cart-drawer'
</script>
</div>
</header-drawer>

<script type="module">
  import 'header.drawer'
</script>



<header-drawer class="site-header__drawer site-header__mobile-nav medium-up--hide" open="mobileNav:open" close="mobileNav:close" defer-hydration>
  <div class="site-header__drawer-animate">


<mobile-nav
  class="slide-nav__wrapper overlay"
  data-level="1"
  container="MobileNav"
  inHeader="true"
  defer-hydration
>
  <ul class="slide-nav"><li class="slide-nav__item"><button
            type="button"
            class="slide-nav__button js-toggle-submenu"
            data-target="tier-2-shop1"
            
              data-active="true"
            
          >
            <span class="slide-nav__link"><span>Shop</span>
              



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-chevron-right element-icon--line"
  viewbox="0 0 284.49 498.98"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98"
  />
</svg>

</element-icon>










              <span class="icon__fallback-text visually-hidden">
                

Expand submenu
</span>
            </span>
          </button>

          <ul
            class="slide-nav__dropdown"
            data-parent="tier-2-shop1"
            data-level="2"
          >
            <li class="slide-nav__item">
              <button
                type="button"
                class="slide-nav__button js-toggle-submenu"
              >
                <span class="slide-nav__link slide-nav__link--back">
                  



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-chevron-right element-icon--line"
  viewbox="0 0 284.49 498.98"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98"
  />
</svg>

</element-icon>










                  <span>Shop</span>
                </span>
              </button>
            </li>

            
<li class="slide-nav__item"><button
                    type="button"
                    class="slide-nav__button js-toggle-submenu"
                    data-target="tier-3-shop-by-type1"
                    
                      data-active="true"
                    
                  >
                    <span class="slide-nav__link slide-nav__sublist-link">
                      <span>Shop by Type</span>
                      



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-chevron-right element-icon--line"
  viewbox="0 0 284.49 498.98"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98"
  />
</svg>

</element-icon>










                      <span class="icon__fallback-text visually-hidden">
                        

Expand submenu
</span>
                    </span>
                  </button>
                  <ul
                    class="slide-nav__dropdown"
                    data-parent="tier-3-shop-by-type1"
                    data-level="3"
                  >
                    <li class="slide-nav__item">
                      <button
                        type="button"
                        class="slide-nav__button js-toggle-submenu"
                        data-target="tier-2-shop1"
                      >
                        <span class="slide-nav__link slide-nav__link--back">
                          



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-chevron-right element-icon--line"
  viewbox="0 0 284.49 498.98"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98"
  />
</svg>

</element-icon>










                          <span>Shop by Type</span>
                        </span>
                      </button>
                    </li>

                    
<li class="slide-nav__item">
                        <a href="/collections/acoustic-wall-panels" class="slide-nav__link">
                          <span>Acoustic Wall Panels</span>
                        </a>
                      </li><li class="slide-nav__item">
                        <a href="/collections/acoustic-slat-wall-panels" class="slide-nav__link">
                          <span>Acoustic Slat Wall Panels</span>
                        </a>
                      </li><li class="slide-nav__item">
                        <a href="/collections/acoustic-wall-tiles" class="slide-nav__link">
                          <span>Acoustic Wall Tiles</span>
                        </a>
                      </li><li class="slide-nav__item">
                        <a href="/collections/hanging-acoustic-panels" class="slide-nav__link">
                          <span>Hanging Acoustic Panels</span>
                        </a>
                      </li><li class="slide-nav__item">
                        <a href="/collections/acoustic-room-dividers" class="slide-nav__link">
                          <span>Acoustic Room Dividers</span>
                        </a>
                      </li><li class="slide-nav__item">
                        <a href="/collections/acoustic-lighting" class="slide-nav__link">
                          <span>Acoustic Lighting</span>
                        </a>
                      </li></ul></li><li class="slide-nav__item"><button
                    type="button"
                    class="slide-nav__button js-toggle-submenu"
                    data-target="tier-3-shop-by-product1"
                    
                      data-active="true"
                    
                  >
                    <span class="slide-nav__link slide-nav__sublist-link">
                      <span>Shop by Product</span>
                      



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-chevron-right element-icon--line"
  viewbox="0 0 284.49 498.98"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98"
  />
</svg>

</element-icon>










                      <span class="icon__fallback-text visually-hidden">
                        

Expand submenu
</span>
                    </span>
                  </button>
                  <ul
                    class="slide-nav__dropdown"
                    data-parent="tier-3-shop-by-product1"
                    data-level="3"
                  >
                    <li class="slide-nav__item">
                      <button
                        type="button"
                        class="slide-nav__button js-toggle-submenu"
                        data-target="tier-2-shop1"
                      >
                        <span class="slide-nav__link slide-nav__link--back">
                          



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-chevron-right element-icon--line"
  viewbox="0 0 284.49 498.98"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98"
  />
</svg>

</element-icon>










                          <span>Shop by Product</span>
                        </span>
                      </button>
                    </li>

                    
<li class="slide-nav__item">
                        <a href="/collections/harmony-acoustic-pet-felt-3d-panels" class="slide-nav__link">
                          <span>Harmony3D Wall Panels</span>
                        </a>
                      </li><li class="slide-nav__item">
                        <a href="/collections/harmonycarv-acoustic-felt-wall-panels" class="slide-nav__link">
                          <span>HarmonyCARV Wall Panels</span>
                        </a>
                      </li><li class="slide-nav__item">
                        <a href="/collections/harmonycarv-slat-wall-panels" class="slide-nav__link">
                          <span>HarmonyCARV Slat Wall Panels</span>
                        </a>
                      </li><li class="slide-nav__item">
                        <a href="/collections/harmonycarv-acoustic-felt-wall-tiles" class="slide-nav__link">
                          <span>HarmonyCARV Wall Tiles</span>
                        </a>
                      </li><li class="slide-nav__item">
                        <a href="/collections/harmony3d-acoustic-felt-hanging-panels-room-dividers" class="slide-nav__link">
                          <span>Harmony3D Hanging Panels</span>
                        </a>
                      </li><li class="slide-nav__item">
                        <a href="/collections/harmonydivdr-acoustic-felt-acoustic-felt-room-dividers" class="slide-nav__link">
                          <span>HarmonyDIVDR Hanging Dividers</span>
                        </a>
                      </li><li class="slide-nav__item">
                        <a href="/collections/harmonybloks-acoustic-felt-room-dividers" class="slide-nav__link">
                          <span>HarmonyBLOKS Room Dividers</span>
                        </a>
                      </li><li class="slide-nav__item">
                        <a href="/collections/harmony-acoustic-felt-corrulights-lighting" class="slide-nav__link">
                          <span>Harmony Corrulights</span>
                        </a>
                      </li></ul></li><li class="slide-nav__item"><button
                    type="button"
                    class="slide-nav__button js-toggle-submenu"
                    data-target="tier-3-shop-by-solution1"
                    
                      data-active="true"
                    
                  >
                    <span class="slide-nav__link slide-nav__sublist-link">
                      <span>Shop by Solution</span>
                      



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-chevron-right element-icon--line"
  viewbox="0 0 284.49 498.98"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98"
  />
</svg>

</element-icon>










                      <span class="icon__fallback-text visually-hidden">
                        

Expand submenu
</span>
                    </span>
                  </button>
                  <ul
                    class="slide-nav__dropdown"
                    data-parent="tier-3-shop-by-solution1"
                    data-level="3"
                  >
                    <li class="slide-nav__item">
                      <button
                        type="button"
                        class="slide-nav__button js-toggle-submenu"
                        data-target="tier-2-shop1"
                      >
                        <span class="slide-nav__link slide-nav__link--back">
                          



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-chevron-right element-icon--line"
  viewbox="0 0 284.49 498.98"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98"
  />
</svg>

</element-icon>










                          <span>Shop by Solution</span>
                        </span>
                      </button>
                    </li>

                    
<li class="slide-nav__item">
                        <a href="/pages/acoustic-solutions-for-offices" class="slide-nav__link">
                          <span>Offices &amp; Workspaces</span>
                        </a>
                      </li><li class="slide-nav__item">
                        <a href="/pages/acoustic-solutions-conference-meeting-rooms" class="slide-nav__link">
                          <span>Conference &amp; Meeting Rooms</span>
                        </a>
                      </li><li class="slide-nav__item">
                        <a href="/pages/acoustic-solutions-restaurants-hospitality" class="slide-nav__link">
                          <span>Restaurants &amp; Hospitality</span>
                        </a>
                      </li><li class="slide-nav__item">
                        <a href="/pages/acoustic-solutions-retail-commercial-spaces" class="slide-nav__link">
                          <span>Retail &amp; Commercial Spaces</span>
                        </a>
                      </li><li class="slide-nav__item">
                        <a href="/pages/acoustic-solutions-residential-home" class="slide-nav__link">
                          <span>Homes &amp; Residential Spaces</span>
                        </a>
                      </li></ul></li><li class="slide-nav__item"><button
                    type="button"
                    class="slide-nav__button js-toggle-submenu"
                    data-target="tier-3-more-ways-to-shop1"
                    
                      data-active="true"
                    
                  >
                    <span class="slide-nav__link slide-nav__sublist-link">
                      <span>More ways to shop</span>
                      



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-chevron-right element-icon--line"
  viewbox="0 0 284.49 498.98"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98"
  />
</svg>

</element-icon>










                      <span class="icon__fallback-text visually-hidden">
                        

Expand submenu
</span>
                    </span>
                  </button>
                  <ul
                    class="slide-nav__dropdown"
                    data-parent="tier-3-more-ways-to-shop1"
                    data-level="3"
                  >
                    <li class="slide-nav__item">
                      <button
                        type="button"
                        class="slide-nav__button js-toggle-submenu"
                        data-target="tier-2-shop1"
                      >
                        <span class="slide-nav__link slide-nav__link--back">
                          



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-chevron-right element-icon--line"
  viewbox="0 0 284.49 498.98"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98"
  />
</svg>

</element-icon>










                          <span>More ways to shop</span>
                        </span>
                      </button>
                    </li>

                    
<li class="slide-nav__item">
                        <a href="/pages/shop-all-acoustic-products" class="slide-nav__link">
                          <span>Shop All Acoustic Products</span>
                        </a>
                      </li><li class="slide-nav__item">
                        <a href="/products/harmony-acoustic-pet-felt-samples" class="slide-nav__link">
                          <span>Order Harmony Felt Samples</span>
                        </a>
                      </li><li class="slide-nav__item">
                        <a href="/collections/closeout" class="slide-nav__link">
                          <span>Closeouts &amp; Open Box</span>
                        </a>
                      </li></ul></li></ul></li><li class="slide-nav__item"><button
            type="button"
            class="slide-nav__button js-toggle-submenu"
            data-target="tier-2-about-resources2"
            
          >
            <span class="slide-nav__link"><span>About & Resources</span>
              



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-chevron-right element-icon--line"
  viewbox="0 0 284.49 498.98"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98"
  />
</svg>

</element-icon>










              <span class="icon__fallback-text visually-hidden">
                

Expand submenu
</span>
            </span>
          </button>

          <ul
            class="slide-nav__dropdown"
            data-parent="tier-2-about-resources2"
            data-level="2"
          >
            <li class="slide-nav__item">
              <button
                type="button"
                class="slide-nav__button js-toggle-submenu"
              >
                <span class="slide-nav__link slide-nav__link--back">
                  



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-chevron-right element-icon--line"
  viewbox="0 0 284.49 498.98"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98"
  />
</svg>

</element-icon>










                  <span>About & Resources</span>
                </span>
              </button>
            </li>

            
<li class="slide-nav__item"><button
                    type="button"
                    class="slide-nav__button js-toggle-submenu"
                    data-target="tier-3-about-inhabit2"
                    
                  >
                    <span class="slide-nav__link slide-nav__sublist-link">
                      <span>About Inhabit</span>
                      



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-chevron-right element-icon--line"
  viewbox="0 0 284.49 498.98"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98"
  />
</svg>

</element-icon>










                      <span class="icon__fallback-text visually-hidden">
                        

Expand submenu
</span>
                    </span>
                  </button>
                  <ul
                    class="slide-nav__dropdown"
                    data-parent="tier-3-about-inhabit2"
                    data-level="3"
                  >
                    <li class="slide-nav__item">
                      <button
                        type="button"
                        class="slide-nav__button js-toggle-submenu"
                        data-target="tier-2-about-resources2"
                      >
                        <span class="slide-nav__link slide-nav__link--back">
                          



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-chevron-right element-icon--line"
  viewbox="0 0 284.49 498.98"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98"
  />
</svg>

</element-icon>










                          <span>About Inhabit</span>
                        </span>
                      </button>
                    </li>

                    
<li class="slide-nav__item">
                        <a href="/pages/about-us" class="slide-nav__link">
                          <span>About Us</span>
                        </a>
                      </li><li class="slide-nav__item">
                        <a href="/pages/materials-responsible-manufacturing" class="slide-nav__link">
                          <span>Materials &amp; Responsible Manufacturing</span>
                        </a>
                      </li><li class="slide-nav__item">
                        <a href="/pages/contactus" class="slide-nav__link">
                          <span>Contact Us</span>
                        </a>
                      </li></ul></li><li class="slide-nav__item"><button
                    type="button"
                    class="slide-nav__button js-toggle-submenu"
                    data-target="tier-3-learn2"
                    
                  >
                    <span class="slide-nav__link slide-nav__sublist-link">
                      <span>Learn</span>
                      



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-chevron-right element-icon--line"
  viewbox="0 0 284.49 498.98"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98"
  />
</svg>

</element-icon>










                      <span class="icon__fallback-text visually-hidden">
                        

Expand submenu
</span>
                    </span>
                  </button>
                  <ul
                    class="slide-nav__dropdown"
                    data-parent="tier-3-learn2"
                    data-level="3"
                  >
                    <li class="slide-nav__item">
                      <button
                        type="button"
                        class="slide-nav__button js-toggle-submenu"
                        data-target="tier-2-about-resources2"
                      >
                        <span class="slide-nav__link slide-nav__link--back">
                          



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-chevron-right element-icon--line"
  viewbox="0 0 284.49 498.98"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98"
  />
</svg>

</element-icon>










                          <span>Learn</span>
                        </span>
                      </button>
                    </li>

                    
<li class="slide-nav__item">
                        <a href="/pages/acoustic-panels-vs-soundproofing" class="slide-nav__link">
                          <span>Acoustic Panels vs. Soundproofing</span>
                        </a>
                      </li><li class="slide-nav__item">
                        <a href="/pages/faqs-harmony-pet-felt" class="slide-nav__link">
                          <span>Harmony Acoustic Felt FAQ</span>
                        </a>
                      </li><li class="slide-nav__item">
                        <a href="/pages/faqs" class="slide-nav__link">
                          <span>Customer Service FAQ</span>
                        </a>
                      </li></ul></li><li class="slide-nav__item"><button
                    type="button"
                    class="slide-nav__button js-toggle-submenu"
                    data-target="tier-3-resources2"
                    
                  >
                    <span class="slide-nav__link slide-nav__sublist-link">
                      <span>Resources</span>
                      



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-chevron-right element-icon--line"
  viewbox="0 0 284.49 498.98"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98"
  />
</svg>

</element-icon>










                      <span class="icon__fallback-text visually-hidden">
                        

Expand submenu
</span>
                    </span>
                  </button>
                  <ul
                    class="slide-nav__dropdown"
                    data-parent="tier-3-resources2"
                    data-level="3"
                  >
                    <li class="slide-nav__item">
                      <button
                        type="button"
                        class="slide-nav__button js-toggle-submenu"
                        data-target="tier-2-about-resources2"
                      >
                        <span class="slide-nav__link slide-nav__link--back">
                          



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-chevron-right element-icon--line"
  viewbox="0 0 284.49 498.98"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98"
  />
</svg>

</element-icon>










                          <span>Resources</span>
                        </span>
                      </button>
                    </li>

                    
<li class="slide-nav__item">
                        <a href="/pages/about-us?view=ideas-inspiration" class="slide-nav__link">
                          <span>Ideas &amp; Inspiration</span>
                        </a>
                      </li><li class="slide-nav__item">
                        <a href="/pages/trade-application" class="slide-nav__link">
                          <span>Trade Program</span>
                        </a>
                      </li><li class="slide-nav__item">
                        <a href="/apps/tracktor/track" class="slide-nav__link">
                          <span>Order Tracking</span>
                        </a>
                      </li></ul></li></ul></li><li class="slide-nav__item"><a href="/pages/about-us?view=ideas-inspiration" class="slide-nav__link"><span>Ideas &amp; Inspiration</span>
          </a></li><li class="slide-nav__item">



<shopify-account
  
    menu="customer-account-main-menu"
  
>
  <span slot="signed-out-avatar">
    



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-user element-icon--line"
  viewbox="0 0 64 64"
  width="20"
  height="20"
>
  <path
    d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.42 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.76 2.7 9.51 6 11.42v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16"
    stroke-miterlimit="10"
    fill="none"
    stroke="currentColor"
  />
</svg>

</element-icon>










  </span>
</shopify-account>
</li></ul>
</mobile-nav>

<script type="module">
  import 'header.mobile-nav'
</script>
<clone-footer>
      <div id="MobileNavFooter"></div>
    </clone-footer>
    <script type="module">
      import 'module.clone-footer'
    </script></div>
</header-drawer>

<script type="module">
  import 'header.drawer'
</script>
</div>
    </div>
  </header></header-nav>
<script type="module">
  import 'header.nav'
</script>
</header-section>

  <template data-island>
    <script type="module">
      import 'section.header'
    </script>
  </template>
</is-land>

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

<!-- END sections: popup-group --><main class="main-content" id="MainContent">
          <div id="shopify-section-template--21742897037498__collection-header" class="shopify-section">



<is-land on:idle>
      <collection-header
        id="CollectionHeaderSection"
        class="color-scheme-none"
        
      >
        <div class="collection-hero collection-hero--editorial loading" style="height: var(--collection-editorial-height) !important;">
  



<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/collections/Harmony3Dpanelheader.jpg?v=1785384381&amp;width=2400" alt="Inhabit Harmony3D PET felt 3D acoustic wall panels in a modern interior." srcset="//www.inhabitliving.com/cdn/shop/collections/Harmony3Dpanelheader.jpg?v=1785384381&amp;width=352 352w, //www.inhabitliving.com/cdn/shop/collections/Harmony3Dpanelheader.jpg?v=1785384381&amp;width=832 832w, //www.inhabitliving.com/cdn/shop/collections/Harmony3Dpanelheader.jpg?v=1785384381&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/collections/Harmony3Dpanelheader.jpg?v=1785384381&amp;width=1920 1920w, //www.inhabitliving.com/cdn/shop/collections/Harmony3Dpanelheader.jpg?v=1785384381&amp;width=2400 2400w" width="2400" height="360.0" loading="eager" class="collection-hero__image image-fit image-element" sizes="100vw" data-animate="fadein">
  

  
  
</is-land>


<div class="collection-hero__content overlay">
            <div class="page-width">
              <header class="section-header section-header--flush collection-hero__header">
<nav aria-label="breadcrumbs">
      <ol
        class="
          element-breadcrumbs
           element-breadcrumbs--no-current-page
        "

        
      ><li>
          <a
            href="/"
            title="

Back to the frontpage
"
          >

Home
</a>
        </li><li>
                  <a href="/collections">
                    Catalog
                  </a>
                </li></ol>
    </nav>







<div class="collection-hero__editorial-grid"><h1 class="collection-hero__title"><span class="collection-hero__title-product">Harmony3D</span><span class="collection-hero__title-descriptor">Acoustic Felt Wall Panels</span></h1><div class="collection-hero__description rte">
                      <h2>Sound-Absorbing 3D PET Felt Wall Panels</h2>
<p>Harmony3D acoustic panels for walls transform flat surfaces into sculptural, dimensional patterns while absorbing reflected sound and helping reduce echo.</p>
<p>Choose from distinctive patterns in Harmony solid felt colors. Each design repeats across the wall to create a continuous large-scale pattern for feature walls in homes, offices, hospitality spaces and other interiors.</p>
<p>Designed and fabricated in the USA using PET felt containing a minimum of 65% recycled content. Compare our <a href="/collections/harmony3d-acoustic-felt-hanging-panels-room-dividers">Harmony3D Hanging PET Felt Acoustic Panels</a> for suspended installations, or order <a href="/products/harmony-acoustic-pet-felt-samples">Harmony PET Felt Samples</a> to explore available colors.</p>
                    </div></div>
              </header>
            </div>
          </div>
        </div>
      </collection-header>

      <template data-island>
        <script type="module">
          import 'section.collection-header'
        </script>
      </template>
    </is-land>

    <div
      class="page-width medium-up--hide color-scheme-none"
      data-collection-count
      style="padding-top: 15px;"
    >
      


15 products

    </div>
<style> #shopify-section-template--21742897037498__collection-header .collection-hero {height: 110px !important;} #shopify-section-template--21742897037498__collection-header .collection-hero__content:before {background: linear-gradient( 45deg, rgba(0, 0, 0, 0.25), transparent 40% ) !important;} #shopify-section-template--21742897037498__collection-header .collection-hero__content {backdrop-filter: blur(15px);} </style></div><section id="shopify-section-template--21742897037498__1692388310a8eb8424" class="shopify-section">

</section><div id="shopify-section-template--21742897037498__main-collection" class="shopify-section">



<section-main-content class="color-scheme-none">
  <div class="page-width">


<is-land on:visible>
  <item-grid
    class="item-grid item-grid--filters-checkbox"
    data-section-id="template--21742897037498__main-collection"
    data-section-type="collection-template"
    scroll-to-top="true"
  >
    <div id="AjaxContent" class="float-grid clearfix float-grid--filters-left"><div class="grid__item">
      <div class="collection-grid__wrapper"><div ><div class="new-grid scrollable-grid--small" data-view="custom-grid-item-width" data-type="subcollections"></div></div>



<div class="collection-filter">
  <div class="collection-filter__inner"><div class="collection-filter__item ">
<sort-by class="collection-filter__sort" defer-hydration><label for="SortBy" class="visually-hidden">
      

Sort
</label>

    



<element-select
  class="element-select__wrapper"
  
>
  <select
    name=""
    id=""
    
    aria-label="
    

Sort

  
"
    tabindex="0"
    
  >
    <option value="manual" selected="selected">
      Featured
    </option><option value="most-relevant" >
      Most relevant
    </option><option value="best-selling" >
      Best selling
    </option><option value="title-ascending" >
      Alphabetically, A-Z
    </option><option value="title-descending" >
      Alphabetically, Z-A
    </option><option value="price-ascending" >
      Price, low to high
    </option><option value="price-descending" >
      Price, high to low
    </option><option value="created-ascending" >
      Date, old to new
    </option><option value="created-descending" >
      Date, new to old
    </option>
  </select>

  






  <button
    

    class="element-button element-button--inverted element-button--transparent"

    

    

    

    

    
      tabindex="-1"
    
>
    




<span
class="element-text element-text--body-md"

  
>
  
    
    

Sort

  

  
</span>






















<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon--wide element-icon-chevron-down element-icon--line"
  viewbox="0 0 28 16"
  width="20"
  height="20"
>
  <path
    fill="none"
    stroke="currentColor"
    d="m1.57 1.59 12.76 12.77L27.1 1.59"
  />
</svg>

</element-icon>










  </button>











</element-select>





</sort-by>

<script type="module">
  import 'list.filter-grid.sort-by'
</script>
</div><div class="collection-filter__item collection-filter__item--right"><grid-view-buttons>
  <ul class="no-bullets inline-list inline-list--no-wrap text-right">
    <li>
      <button
        type="button"
        class="grid-view-btn"
        data-view="large"
        title="

Large
"
      >
        



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-view-large element-icon--line"
  viewbox="0 0 35 35"
  fill="currentColor"
  width="20"
  height="20"
>
  <path d="M0 0h35v35H0z" />
</svg>

</element-icon>










        <span class="icon__fallback-text visually-hidden">
          

Large
</span>
      </button>
    </li>
    <li>
      <button
        type="button"
        class="grid-view-btn is-active"
        data-view="medium"
        title="

Small
"
      >
        



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-view-small element-icon--line"
  viewbox="0 0 35 35"
  fill="currentColor"
  width="20"
  height="20"
>
  <path d="M0 0h15v15H0zm20 0h15v15H20zM0 20h15v15H0zm20 0h15v15H20z" />
</svg>

</element-icon>










        <span class="icon__fallback-text visually-hidden">
          

Small
</span>
      </button>
    </li>
    <li>
      <button
        type="button"
        class="grid-view-btn"
        data-view="list"
        title="

List
"
      >
        



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-view-list element-icon--line"
  viewbox="0 0 35 35"
  fill="currentColor"
  width="20"
  height="20"
>
  <path d="M0 0h35v8H0zm0 13h35v8H0zm0 14h35v8H0z" data-name="Layer 2" />
</svg>

</element-icon>










        <span class="icon__fallback-text visually-hidden">
          

List
</span>
      </button>
    </li>
  </ul>
</grid-view-buttons>

<script type="module">
  import 'list.filter-grid.view-buttons'
</script>
</div>
  </div>

  <div class="collection-mobile-filters medium-up--hide">
    <collection-mobile-filters>
      <div class="collection-mobile-filters__holder" id="CollectionInlineFilterWrap"></div>
    </collection-mobile-filters>
  </div>
</div>

<script type="module">
  import 'list.filter-grid.collection-mobile-filters'
</script>


<style data-shopify>.collection-filter__item--count {
    text-align: left;
  }
  html[dir="rtl"] .collection-filter__item--count {
    text-align: right;
  }</style><style data-shopify>@media screen and (min-width: 769px) {
    .collection-filter__item--drawer {
      display: none;
    }
    .collection-filter__item--count {
      text-align: left;
    }
    html[dir='rtl'] .collection-filter__item--count {
      text-align: right;
    }
  }</style><div class="new-grid product-grid collection-grid" data-view="medium" data-scroll-to>
            


<div
  class="
    grid-item grid-product  grid-product-image-breathing-room--false
    
    
      grid-product--gridlines overlay
    
  "
>
  <div
    class="product-grid-item"
    data-product-handle="harmony-acoustic-pet-felt-samples"
    data-product-id="7157751185594"
    data-product-grid-item
  >
    <div class="grid-item__content color-scheme-none">

      












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-sm); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: space-between; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="height: 100%;" >
      <slot></slot>
    </div>
  </template>

  
        <div class="grid-item__link">
          <a href="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples" class="grid-item__overlay-link" aria-label="Harmony Acoustic PET Felt Samples" tabindex="-1"></a>
          <div class="grid-product__image-wrap"><div class="grid-product__tags">












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  



<div
  class="element-badge element-badge--inverted element-badge--custom">New Colors
</div>










</layout-stack>


</div><div
                
                  style="height: 0; padding-bottom: 100.0%;"
                
              >


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-702447.jpg?v=1739237089&amp;width=1600" alt="Complete Harmony PET acoustic felt sample box by Inhabit" srcset="//www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-702447.jpg?v=1739237089&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-702447.jpg?v=1739237089&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-702447.jpg?v=1739237089&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-702447.jpg?v=1739237089&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-702447.jpg?v=1739237089&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-702447.jpg?v=1739237089&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="grid-product__image image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div><div class="grid-product__secondary-image small--hide">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-513031.jpg?v=1739237089&amp;width=1600" alt="Harmony PET acoustic felt solid-color sample box by Inhabit" srcset="//www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-513031.jpg?v=1739237089&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-513031.jpg?v=1739237089&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-513031.jpg?v=1739237089&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-513031.jpg?v=1739237089&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-513031.jpg?v=1739237089&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-513031.jpg?v=1739237089&amp;width=1600 1600w" width="1600" height="1599.21875" loading="lazy" class="image-style--square
 image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div>
<div
                          class="grid-product__color-image grid-product__color-image--41688705532090"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43056174334138"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43056174366906"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--44396475711674"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43058227478714"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--41688699633850"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--41688699502778"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054566670522"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--45454137589946"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054566801594"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--41688699764922"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--44396475744442"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--41688700092602"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--41688700027066"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--44396475777210"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--46062820327610"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--41688699830458"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--41688699568314"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--45454137622714"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--44396475809978"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--41688699961530"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--44396475842746"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--44396475875514"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054566604986"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054566867130"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--44396475908282"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--44396475941050"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054566834362"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--44396475973818"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054566703290"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--45454137655482"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--44396476006586"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--42113331724474"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054588919994"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--42113331822778"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054588952762"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--42113331855546"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054591475898"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--42113331888314"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054591508666"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054588985530"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054589149370"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054589018298"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054589051066"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054589083834"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--43054589116602"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--42577580130490"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--42577580163258"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--42577580196026"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--42577580228794"
                        ></div>
<div
                          class="grid-product__color-image grid-product__color-image--42577580261562"
                        ></div></div>

          <div class="grid-item__meta">

            












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
<div class="grid-item__swatches">



  <is-land on:idle> <color-swatches>















<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
  
    

        
        
          





<a
  class="element-swatch element-swatch--link element-swatch--large"

  
    href="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=41688705532090"
  
style="--element-swatch-color-background: set;
                  --element-swatch-color-background-image: url(https://www.inhabitliving.com/cdn/shop/files/sample-box-full-set_50x50.png);"
                data-url="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=41688705532090"
                data-variant-id="41688705532090"
                data-variant-image="//www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-702447.jpg?v=1739237089&width=400"
                aria-label="Color: Sample Box Full Set"
              
></a>











      
    

        
        
          
        
          





<a
  class="element-swatch element-swatch--link element-swatch--large"

  
    href="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=43056174334138"
  
style="--element-swatch-color-background: felts;
                  --element-swatch-color-background-image: url(https://www.inhabitliving.com/cdn/shop/files/sample-box-solid-felts_50x50.png);"
                data-url="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=43056174334138"
                data-variant-id="43056174334138"
                data-variant-image="//www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-513031.jpg?v=1739237089&width=400"
                aria-label="Color: Sample Box Solid Felts"
              
></a>











      
    

        
        
          
        
          
        
          





<a
  class="element-swatch element-swatch--link element-swatch--large"

  
    href="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=43056174366906"
  
style="--element-swatch-color-background: felts;
                  --element-swatch-color-background-image: url(https://www.inhabitliving.com/cdn/shop/files/sample-box-overlay-felts_50x50.png);"
                data-url="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=43056174366906"
                data-variant-id="43056174366906"
                data-variant-image="//www.inhabitliving.com/cdn/shop/products/harmony-acoustic-pet-felt-samples-inhabit-692396.jpg?v=1739222914&width=400"
                aria-label="Color: Sample Box Overlay Felts"
              
></a>











      
    

        
        
          
        
          
        
          
        
          





<a
  class="element-swatch element-swatch--link element-swatch--large"

  
    href="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=44396475711674"
  
style="--element-swatch-color-background: felt;
                  --element-swatch-color-background-image: url(https://www.inhabitliving.com/cdn/shop/files/whisper-white-felt_50x50.png);"
                data-url="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=44396475711674"
                data-variant-id="44396475711674"
                data-variant-image="//www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-357984.jpg?v=1739222914&width=400"
                aria-label="Color: Whisper White Felt"
              
></a>











      
    

        
        
          
        
          
        
          
        
          
        
          





<a
  class="element-swatch element-swatch--link element-swatch--large"

  
    href="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=43058227478714"
  
style="--element-swatch-color-background: felt;
                  --element-swatch-color-background-image: url(https://www.inhabitliving.com/cdn/shop/files/cloud-white-felt_50x50.png);"
                data-url="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=43058227478714"
                data-variant-id="43058227478714"
                data-variant-image="//www.inhabitliving.com/cdn/shop/products/harmony-acoustic-pet-felt-samples-inhabit-234848.jpg?v=1739222914&width=400"
                aria-label="Color: Cloud White Felt"
              
></a>











      
    

        
        
          
        
          
        
          
        
          
        
          
        
          





<a
  class="element-swatch element-swatch--link element-swatch--large"

  
    href="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=41688699633850"
  
style="--element-swatch-color-background: felt;
                  --element-swatch-color-background-image: url(https://www.inhabitliving.com/cdn/shop/files/fog-felt_50x50.png);"
                data-url="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=41688699633850"
                data-variant-id="41688699633850"
                data-variant-image="//www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-334779.jpg?v=1739222914&width=400"
                aria-label="Color: Fog Felt"
              
></a>











      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          





<a
  class="element-swatch element-swatch--link element-swatch--large"

  
    href="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=41688699502778"
  
style="--element-swatch-color-background: felt;
                  --element-swatch-color-background-image: url(https://www.inhabitliving.com/cdn/shop/files/mineral-felt_50x50.png);"
                data-url="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=41688699502778"
                data-variant-id="41688699502778"
                data-variant-image="//www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-275573.jpg?v=1739222914&width=400"
                aria-label="Color: Mineral Felt"
              
></a>











      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          





<a
  class="element-swatch element-swatch--link element-swatch--large"

  
    href="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=43054566670522"
  
style="--element-swatch-color-background: felt;
                  --element-swatch-color-background-image: url(https://www.inhabitliving.com/cdn/shop/files/haze-felt_50x50.png);"
                data-url="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=43054566670522"
                data-variant-id="43054566670522"
                data-variant-image="//www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-3120408.jpg?v=1765952049&width=400"
                aria-label="Color: Haze Felt"
              
></a>











      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          





<a
  class="element-swatch element-swatch--link element-swatch--large"

  
    href="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=45454137589946"
  
style="--element-swatch-color-background: felt;
                  --element-swatch-color-background-image: url(https://www.inhabitliving.com/cdn/shop/files/flint-felt_50x50.png);"
                data-url="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=45454137589946"
                data-variant-id="45454137589946"
                data-variant-image="//www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-3794058.jpg?v=1765952049&width=400"
                aria-label="Color: Flint Felt"
              
></a>











      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          





<a
  class="element-swatch element-swatch--link element-swatch--large"

  
    href="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=43054566801594"
  
style="--element-swatch-color-background: felt;
                  --element-swatch-color-background-image: url(https://www.inhabitliving.com/cdn/shop/files/smoke-felt_50x50.png);"
                data-url="/collections/harmony-acoustic-pet-felt-3d-panels/products/harmony-acoustic-pet-felt-samples?variant=43054566801594"
                data-variant-id="43054566801594"
                data-variant-image="//www.inhabitliving.com/cdn/shop/files/harmony-acoustic-pet-felt-samples-inhabit-584462.jpg?v=1739222914&width=400"
                aria-label="Color: Smoke Felt"
              
></a>











      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    

        
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          
        
          

      
    
  




<span
class="element-text element-text--body-sm"

  
>
  
    +41
  
</span>




















</layout-stack>





  <template data-island>
    <script type="module">
      import 'list.product-card.swatches'
    </script>
  </template>
  </color-swatches>
  </is-land>

</div>
              



<span
class="element-text element-text--body-md"

  
style="
                word-break: break-word; hyphens: auto; text-align: start;
              ">
  
    Harmony Acoustic PET Felt Samples
  
</span>

































<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: baseline; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="
                text-align: start;
              " >
      <slot></slot>
    </div>
  </template>

  
<div class="inhabit-card-price">
  <span class="product__price">
    <strong>

From
</strong>
    





<span
class="element-price element-text element-text--heading-xs"

  
>
  
    $2.50
  
</span>
























<span aria-hidden="true">–</span>




<span
class="element-price element-text element-text--heading-xs"

  
>
  
    $56.00
  
</span>

























  </span>

  

  
</div>



</layout-stack>



</layout-stack>



</div>

        </div>
</layout-stack>



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


<div
  class="
    grid-item grid-product  grid-product-image-breathing-room--false
    
    
      grid-product--gridlines overlay
    
  "
>
  <div
    class="product-grid-item"
    data-product-handle="chrysalis-harmony3d-acoustic-felt-wall-panels"
    data-product-id="8015879110842"
    data-product-grid-item
  >
    <div class="grid-item__content color-scheme-none">

      












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-sm); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: space-between; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="height: 100%;" >
      <slot></slot>
    </div>
  </template>

  
        <div class="grid-item__link">
          <a href="/collections/harmony-acoustic-pet-felt-3d-panels/products/chrysalis-harmony3d-acoustic-felt-wall-panels" class="grid-item__overlay-link" aria-label="Chrysalis Harmony3D Acoustic Felt Wall Panels" tabindex="-1"></a>
          <div class="grid-product__image-wrap"><div class="grid-product__tags">












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  



<div
  class="element-badge element-badge--inverted element-badge--custom">New Colors
</div>










</layout-stack>


</div><div
                
                  style="height: 0; padding-bottom: 100.0%;"
                
              >


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Chrysalis-Fog.jpg?v=1731704811&amp;width=1600" alt="Light gray Chrysalis Harmony3D PET felt 3D acoustic wall panel with a sculpted four-petal pattern by Inhabit" srcset="//www.inhabitliving.com/cdn/shop/files/Chrysalis-Fog.jpg?v=1731704811&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/Chrysalis-Fog.jpg?v=1731704811&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/Chrysalis-Fog.jpg?v=1731704811&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/Chrysalis-Fog.jpg?v=1731704811&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/Chrysalis-Fog.jpg?v=1731704811&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Chrysalis-Fog.jpg?v=1731704811&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="grid-product__image image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div><div class="grid-product__secondary-image small--hide">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/chrysalis-harmony3d-acoustic-felt-wall-panelzepto-inhabit-988158.jpg?v=1731534414&amp;width=1600" alt="Light gray Chrysalis Harmony3D acoustic wall panels in a restaurant with globe pendant lights" srcset="//www.inhabitliving.com/cdn/shop/files/chrysalis-harmony3d-acoustic-felt-wall-panelzepto-inhabit-988158.jpg?v=1731534414&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/chrysalis-harmony3d-acoustic-felt-wall-panelzepto-inhabit-988158.jpg?v=1731534414&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/chrysalis-harmony3d-acoustic-felt-wall-panelzepto-inhabit-988158.jpg?v=1731534414&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/chrysalis-harmony3d-acoustic-felt-wall-panelzepto-inhabit-988158.jpg?v=1731534414&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/chrysalis-harmony3d-acoustic-felt-wall-panelzepto-inhabit-988158.jpg?v=1731534414&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/chrysalis-harmony3d-acoustic-felt-wall-panelzepto-inhabit-988158.jpg?v=1731534414&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="image-style--square
 image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div></div>

          <div class="grid-item__meta">

            












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
<div class="grid-item__swatches">



  <is-land on:idle> <color-swatches>















<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
  
    

    
  

</layout-stack>





  <template data-island>
    <script type="module">
      import 'list.product-card.swatches'
    </script>
  </template>
  </color-swatches>
  </is-land>

</div><div class="grid-product__colors">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400" alt="Chrysalis Harmony3D Acoustic Felt Wall Panels" srcset="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=352 352w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=832 832w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400 1400w" width="1400" height="132.0" loading="lazy" class="metafield-file_reference image-element" sizes="(min-width: 769px) 320px, 100vw" data-animate="fadein">
  

  
  
</is-land>

</div>
              



<span
class="element-text element-text--body-md"

  
style="
                word-break: break-word; hyphens: auto; text-align: start;
              ">
  
    Chrysalis Harmony3D Acoustic Felt Wall Panels
  
</span>

































<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: baseline; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="
                text-align: start;
              " >
      <slot></slot>
    </div>
  </template>

  
<div class="inhabit-card-price">
  <span class="product__price">
    <strong>

From
</strong>
    





<span
class="element-price element-text element-text--heading-xs"

  
>
  
    $49.00
  
</span>

























  </span>

  

  
    <span class="product__unit-price">
      
        

From
:
      





<span
class="element-price element-text element-text--body-sm"

  
>
  
    $14.58
  
</span>
























/

per sq. ft.

    </span>
  
</div>



</layout-stack>



</layout-stack>



</div>

        </div>
</layout-stack>



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


<div
  class="
    grid-item grid-product  grid-product-image-breathing-room--false
    
    
      grid-product--gridlines overlay
    
  "
>
  <div
    class="product-grid-item"
    data-product-handle="drift-harmony3d-acoustic-felt-wall-panels"
    data-product-id="7153881710778"
    data-product-grid-item
  >
    <div class="grid-item__content color-scheme-none">

      












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-sm); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: space-between; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="height: 100%;" >
      <slot></slot>
    </div>
  </template>

  
        <div class="grid-item__link">
          <a href="/collections/harmony-acoustic-pet-felt-3d-panels/products/drift-harmony3d-acoustic-felt-wall-panels" class="grid-item__overlay-link" aria-label="Drift Harmony3D Acoustic Felt Wall Panels" tabindex="-1"></a>
          <div class="grid-product__image-wrap"><div class="grid-product__tags">












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  



<div
  class="element-badge element-badge--inverted element-badge--custom">New Colors
</div>










</layout-stack>


</div><div
                
                  style="height: 0; padding-bottom: 100.0%;"
                
              >


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Drift-Fog.jpg?v=1731959330&amp;width=1600" alt="Light gray Drift Harmony3D PET felt 3D acoustic wall panels with a flowing vertical texture by Inhabit" srcset="//www.inhabitliving.com/cdn/shop/files/Drift-Fog.jpg?v=1731959330&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/Drift-Fog.jpg?v=1731959330&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/Drift-Fog.jpg?v=1731959330&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/Drift-Fog.jpg?v=1731959330&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/Drift-Fog.jpg?v=1731959330&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Drift-Fog.jpg?v=1731959330&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="grid-product__image image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div><div class="grid-product__secondary-image small--hide">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Drift-Close-Up-GraphiteFelt.jpg?v=1690918456&amp;width=1600" alt="Charcoal Drift Harmony3D acoustic wall panels behind lounge chairs in a modern lobby" srcset="//www.inhabitliving.com/cdn/shop/files/Drift-Close-Up-GraphiteFelt.jpg?v=1690918456&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/Drift-Close-Up-GraphiteFelt.jpg?v=1690918456&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/Drift-Close-Up-GraphiteFelt.jpg?v=1690918456&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/Drift-Close-Up-GraphiteFelt.jpg?v=1690918456&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/Drift-Close-Up-GraphiteFelt.jpg?v=1690918456&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Drift-Close-Up-GraphiteFelt.jpg?v=1690918456&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="image-style--square
 image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div></div>

          <div class="grid-item__meta">

            












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
<div class="grid-item__swatches">



  <is-land on:idle> <color-swatches>















<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
  
    

    
  

</layout-stack>





  <template data-island>
    <script type="module">
      import 'list.product-card.swatches'
    </script>
  </template>
  </color-swatches>
  </is-land>

</div><div class="grid-product__colors">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400" alt="Drift Harmony3D Acoustic Felt Wall Panels" srcset="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=352 352w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=832 832w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400 1400w" width="1400" height="132.0" loading="lazy" class="metafield-file_reference image-element" sizes="(min-width: 769px) 320px, 100vw" data-animate="fadein">
  

  
  
</is-land>

</div>
              



<span
class="element-text element-text--body-md"

  
style="
                word-break: break-word; hyphens: auto; text-align: start;
              ">
  
    Drift Harmony3D Acoustic Felt Wall Panels
  
</span>

































<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: baseline; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="
                text-align: start;
              " >
      <slot></slot>
    </div>
  </template>

  
<div class="inhabit-card-price">
  <span class="product__price">
    <strong>

From
</strong>
    





<span
class="element-price element-text element-text--heading-xs"

  
>
  
    $49.00
  
</span>

























  </span>

  

  
    <span class="product__unit-price">
      
        

From
:
      





<span
class="element-price element-text element-text--body-sm"

  
>
  
    $14.58
  
</span>
























/

per sq. ft.

    </span>
  
</div>



</layout-stack>



</layout-stack>



</div>

        </div>
</layout-stack>



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


<div
  class="
    grid-item grid-product  grid-product-image-breathing-room--false
    
    
      grid-product--gridlines overlay
    
  "
>
  <div
    class="product-grid-item"
    data-product-handle="facet-harmony-pet-felt-3d-panels"
    data-product-id="7153122345146"
    data-product-grid-item
  >
    <div class="grid-item__content color-scheme-none">

      












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-sm); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: space-between; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="height: 100%;" >
      <slot></slot>
    </div>
  </template>

  
        <div class="grid-item__link">
          <a href="/collections/harmony-acoustic-pet-felt-3d-panels/products/facet-harmony-pet-felt-3d-panels" class="grid-item__overlay-link" aria-label="Facet Harmony3D Acoustic Felt Wall Panels" tabindex="-1"></a>
          <div class="grid-product__image-wrap"><div class="grid-product__tags">












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  



<div
  class="element-badge element-badge--inverted element-badge--custom">New Colors
</div>










</layout-stack>


</div><div
                
                  style="height: 0; padding-bottom: 100.0%;"
                
              >


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/products/facet-harmony-pet-felt-3d-panels-inhabit-553132.jpg?v=1690918475&amp;width=1600" alt="Light gray Facet Harmony3D PET felt 3D acoustic wall panel with a folded geometric pattern by Inhabit" srcset="//www.inhabitliving.com/cdn/shop/products/facet-harmony-pet-felt-3d-panels-inhabit-553132.jpg?v=1690918475&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/products/facet-harmony-pet-felt-3d-panels-inhabit-553132.jpg?v=1690918475&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/products/facet-harmony-pet-felt-3d-panels-inhabit-553132.jpg?v=1690918475&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/products/facet-harmony-pet-felt-3d-panels-inhabit-553132.jpg?v=1690918475&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/products/facet-harmony-pet-felt-3d-panels-inhabit-553132.jpg?v=1690918475&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/products/facet-harmony-pet-felt-3d-panels-inhabit-553132.jpg?v=1690918475&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="grid-product__image image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div><div class="grid-product__secondary-image small--hide">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Facet--HarmonyGrayOmbre.jpg?v=1690918475&amp;width=1600" alt="Gray Facet Harmony3D 3D acoustic wall panels behind a sofa in a modern lounge" srcset="//www.inhabitliving.com/cdn/shop/files/Facet--HarmonyGrayOmbre.jpg?v=1690918475&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/Facet--HarmonyGrayOmbre.jpg?v=1690918475&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/Facet--HarmonyGrayOmbre.jpg?v=1690918475&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/Facet--HarmonyGrayOmbre.jpg?v=1690918475&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/Facet--HarmonyGrayOmbre.jpg?v=1690918475&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Facet--HarmonyGrayOmbre.jpg?v=1690918475&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="image-style--square
 image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div></div>

          <div class="grid-item__meta">

            












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
<div class="grid-item__swatches">



  <is-land on:idle> <color-swatches>















<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
  
    

    
  

</layout-stack>





  <template data-island>
    <script type="module">
      import 'list.product-card.swatches'
    </script>
  </template>
  </color-swatches>
  </is-land>

</div><div class="grid-product__colors">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400" alt="Facet Harmony3D Acoustic Felt Wall Panels" srcset="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=352 352w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=832 832w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400 1400w" width="1400" height="132.0" loading="lazy" class="metafield-file_reference image-element" sizes="(min-width: 769px) 320px, 100vw" data-animate="fadein">
  

  
  
</is-land>

</div>
              



<span
class="element-text element-text--body-md"

  
style="
                word-break: break-word; hyphens: auto; text-align: start;
              ">
  
    Facet Harmony3D Acoustic Felt Wall Panels
  
</span>

































<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: baseline; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="
                text-align: start;
              " >
      <slot></slot>
    </div>
  </template>

  
<div class="inhabit-card-price">
  <span class="product__price">
    <strong>

From
</strong>
    





<span
class="element-price element-text element-text--heading-xs"

  
>
  
    $49.00
  
</span>

























  </span>

  

  
    <span class="product__unit-price">
      
        

From
:
      





<span
class="element-price element-text element-text--body-sm"

  
>
  
    $14.58
  
</span>
























/

per sq. ft.

    </span>
  
</div>



</layout-stack>



</layout-stack>



</div>

        </div>
</layout-stack>



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


<div
  class="
    grid-item grid-product  grid-product-image-breathing-room--false
    
    
      grid-product--gridlines overlay
    
  "
>
  <div
    class="product-grid-item"
    data-product-handle="halo-harmony3d-acoustic-felt-wall-panels"
    data-product-id="7195791098042"
    data-product-grid-item
  >
    <div class="grid-item__content color-scheme-none">

      












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-sm); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: space-between; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="height: 100%;" >
      <slot></slot>
    </div>
  </template>

  
        <div class="grid-item__link">
          <a href="/collections/harmony-acoustic-pet-felt-3d-panels/products/halo-harmony3d-acoustic-felt-wall-panels" class="grid-item__overlay-link" aria-label="Halo Harmony3D Acoustic Felt Wall Panels" tabindex="-1"></a>
          <div class="grid-product__image-wrap"><div class="grid-product__tags">












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  



<div
  class="element-badge element-badge--inverted element-badge--custom">New Colors
</div>










</layout-stack>


</div><div
                
                  style="height: 0; padding-bottom: 100.0%;"
                
              >


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/products/halo-harmony-pet-felt-3d-panels-inhabit-472722.jpg?v=1672853618&amp;width=1600" alt="Light gray Halo Harmony3D PET felt 3D acoustic wall panel with a raised ring pattern by Inhabit" srcset="//www.inhabitliving.com/cdn/shop/products/halo-harmony-pet-felt-3d-panels-inhabit-472722.jpg?v=1672853618&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/products/halo-harmony-pet-felt-3d-panels-inhabit-472722.jpg?v=1672853618&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/products/halo-harmony-pet-felt-3d-panels-inhabit-472722.jpg?v=1672853618&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/products/halo-harmony-pet-felt-3d-panels-inhabit-472722.jpg?v=1672853618&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/products/halo-harmony-pet-felt-3d-panels-inhabit-472722.jpg?v=1672853618&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/products/halo-harmony-pet-felt-3d-panels-inhabit-472722.jpg?v=1672853618&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="grid-product__image image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div><div class="grid-product__secondary-image small--hide">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/halo-harmony3d-acoustic-felt-wall-panels-inhabit-115318.jpg?v=1712055640&amp;width=1600" alt="Charcoal Halo Harmony3D acoustic wall panels in a modern dining and game room" srcset="//www.inhabitliving.com/cdn/shop/files/halo-harmony3d-acoustic-felt-wall-panels-inhabit-115318.jpg?v=1712055640&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/halo-harmony3d-acoustic-felt-wall-panels-inhabit-115318.jpg?v=1712055640&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/halo-harmony3d-acoustic-felt-wall-panels-inhabit-115318.jpg?v=1712055640&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/halo-harmony3d-acoustic-felt-wall-panels-inhabit-115318.jpg?v=1712055640&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/halo-harmony3d-acoustic-felt-wall-panels-inhabit-115318.jpg?v=1712055640&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/halo-harmony3d-acoustic-felt-wall-panels-inhabit-115318.jpg?v=1712055640&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="image-style--square
 image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div></div>

          <div class="grid-item__meta">

            












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
<div class="grid-item__swatches">



  <is-land on:idle> <color-swatches>















<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
  
    

    
  

</layout-stack>





  <template data-island>
    <script type="module">
      import 'list.product-card.swatches'
    </script>
  </template>
  </color-swatches>
  </is-land>

</div><div class="grid-product__colors">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400" alt="Halo Harmony3D Acoustic Felt Wall Panels" srcset="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=352 352w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=832 832w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400 1400w" width="1400" height="132.0" loading="lazy" class="metafield-file_reference image-element" sizes="(min-width: 769px) 320px, 100vw" data-animate="fadein">
  

  
  
</is-land>

</div>
              



<span
class="element-text element-text--body-md"

  
style="
                word-break: break-word; hyphens: auto; text-align: start;
              ">
  
    Halo Harmony3D Acoustic Felt Wall Panels
  
</span>

































<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: baseline; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="
                text-align: start;
              " >
      <slot></slot>
    </div>
  </template>

  
<div class="inhabit-card-price">
  <span class="product__price">
    <strong>

From
</strong>
    





<span
class="element-price element-text element-text--heading-xs"

  
>
  
    $49.00
  
</span>

























  </span>

  

  
    <span class="product__unit-price">
      
        

From
:
      





<span
class="element-price element-text element-text--body-sm"

  
>
  
    $14.58
  
</span>
























/

per sq. ft.

    </span>
  
</div>



</layout-stack>



</layout-stack>



</div>

        </div>
</layout-stack>



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


<div
  class="
    grid-item grid-product  grid-product-image-breathing-room--false
    
    
      grid-product--gridlines overlay
    
  "
>
  <div
    class="product-grid-item"
    data-product-handle="tidal-harmony3d-acoustic-felt-wall-panels"
    data-product-id="7192360288442"
    data-product-grid-item
  >
    <div class="grid-item__content color-scheme-none">

      












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-sm); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: space-between; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="height: 100%;" >
      <slot></slot>
    </div>
  </template>

  
        <div class="grid-item__link">
          <a href="/collections/harmony-acoustic-pet-felt-3d-panels/products/tidal-harmony3d-acoustic-felt-wall-panels" class="grid-item__overlay-link" aria-label="Tidal Harmony3D Acoustic Felt Wall Panels" tabindex="-1"></a>
          <div class="grid-product__image-wrap"><div class="grid-product__tags">












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  



<div
  class="element-badge element-badge--inverted element-badge--custom">New Colors
</div>










</layout-stack>


</div><div
                
                  style="height: 0; padding-bottom: 100.0%;"
                
              >


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/products/tidal-harmony-pet-felt-3d-panels-inhabit-525970.jpg?v=1666640954&amp;width=1600" alt="Light gray Tidal Harmony3D PET felt 3D acoustic wall panel with a flowing wave pattern by Inhabit" srcset="//www.inhabitliving.com/cdn/shop/products/tidal-harmony-pet-felt-3d-panels-inhabit-525970.jpg?v=1666640954&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/products/tidal-harmony-pet-felt-3d-panels-inhabit-525970.jpg?v=1666640954&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/products/tidal-harmony-pet-felt-3d-panels-inhabit-525970.jpg?v=1666640954&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/products/tidal-harmony-pet-felt-3d-panels-inhabit-525970.jpg?v=1666640954&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/products/tidal-harmony-pet-felt-3d-panels-inhabit-525970.jpg?v=1666640954&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/products/tidal-harmony-pet-felt-3d-panels-inhabit-525970.jpg?v=1666640954&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="grid-product__image image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div><div class="grid-product__secondary-image small--hide">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Tidal--Harmony-Graphite.jpg?v=1690918716&amp;width=1600" alt="Gray Tidal Harmony3D acoustic wall panels behind a conference table in a modern office" srcset="//www.inhabitliving.com/cdn/shop/files/Tidal--Harmony-Graphite.jpg?v=1690918716&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/Tidal--Harmony-Graphite.jpg?v=1690918716&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/Tidal--Harmony-Graphite.jpg?v=1690918716&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/Tidal--Harmony-Graphite.jpg?v=1690918716&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/Tidal--Harmony-Graphite.jpg?v=1690918716&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Tidal--Harmony-Graphite.jpg?v=1690918716&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="image-style--square
 image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div></div>

          <div class="grid-item__meta">

            












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
<div class="grid-item__swatches">



  <is-land on:idle> <color-swatches>















<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
  
    

    
  

</layout-stack>





  <template data-island>
    <script type="module">
      import 'list.product-card.swatches'
    </script>
  </template>
  </color-swatches>
  </is-land>

</div><div class="grid-product__colors">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400" alt="Tidal Harmony3D Acoustic Felt Wall Panels" srcset="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=352 352w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=832 832w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400 1400w" width="1400" height="132.0" loading="lazy" class="metafield-file_reference image-element" sizes="(min-width: 769px) 320px, 100vw" data-animate="fadein">
  

  
  
</is-land>

</div>
              



<span
class="element-text element-text--body-md"

  
style="
                word-break: break-word; hyphens: auto; text-align: start;
              ">
  
    Tidal Harmony3D Acoustic Felt Wall Panels
  
</span>

































<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: baseline; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="
                text-align: start;
              " >
      <slot></slot>
    </div>
  </template>

  
<div class="inhabit-card-price">
  <span class="product__price">
    <strong>

From
</strong>
    





<span
class="element-price element-text element-text--heading-xs"

  
>
  
    $49.00
  
</span>

























  </span>

  

  
    <span class="product__unit-price">
      
        

From
:
      





<span
class="element-price element-text element-text--body-sm"

  
>
  
    $14.58
  
</span>
























/

per sq. ft.

    </span>
  
</div>



</layout-stack>



</layout-stack>



</div>

        </div>
</layout-stack>



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


<div
  class="
    grid-item grid-product  grid-product-image-breathing-room--false
    
    
      grid-product--gridlines overlay
    
  "
>
  <div
    class="product-grid-item"
    data-product-handle="origami-harmony3d-acoustic-felt-wall-panels"
    data-product-id="7192294031546"
    data-product-grid-item
  >
    <div class="grid-item__content color-scheme-none">

      












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-sm); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: space-between; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="height: 100%;" >
      <slot></slot>
    </div>
  </template>

  
        <div class="grid-item__link">
          <a href="/collections/harmony-acoustic-pet-felt-3d-panels/products/origami-harmony3d-acoustic-felt-wall-panels" class="grid-item__overlay-link" aria-label="Origami Harmony3D Acoustic Felt Wall Panels" tabindex="-1"></a>
          <div class="grid-product__image-wrap"><div class="grid-product__tags">












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  



<div
  class="element-badge element-badge--inverted element-badge--custom">New Colors
</div>










</layout-stack>


</div><div
                
                  style="height: 0; padding-bottom: 100.0%;"
                
              >


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/products/origami-harmony-pet-felt-3d-panels-inhabit-796921.jpg?v=1690918588&amp;width=1600" alt="Light gray Origami Harmony3D PET felt 3D acoustic wall panel with a folded diamond pattern by Inhabit" srcset="//www.inhabitliving.com/cdn/shop/products/origami-harmony-pet-felt-3d-panels-inhabit-796921.jpg?v=1690918588&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/products/origami-harmony-pet-felt-3d-panels-inhabit-796921.jpg?v=1690918588&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/products/origami-harmony-pet-felt-3d-panels-inhabit-796921.jpg?v=1690918588&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/products/origami-harmony-pet-felt-3d-panels-inhabit-796921.jpg?v=1690918588&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/products/origami-harmony-pet-felt-3d-panels-inhabit-796921.jpg?v=1690918588&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/products/origami-harmony-pet-felt-3d-panels-inhabit-796921.jpg?v=1690918588&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="grid-product__image image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div><div class="grid-product__secondary-image small--hide">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Origami-Office-Scene-in-Graphite.jpg?v=1690918588&amp;width=1600" alt="Gray Origami Harmony3D 3D acoustic wall panels on a tall feature wall in an industrial office" srcset="//www.inhabitliving.com/cdn/shop/files/Origami-Office-Scene-in-Graphite.jpg?v=1690918588&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/Origami-Office-Scene-in-Graphite.jpg?v=1690918588&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/Origami-Office-Scene-in-Graphite.jpg?v=1690918588&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/Origami-Office-Scene-in-Graphite.jpg?v=1690918588&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/Origami-Office-Scene-in-Graphite.jpg?v=1690918588&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Origami-Office-Scene-in-Graphite.jpg?v=1690918588&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="image-style--square
 image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div></div>

          <div class="grid-item__meta">

            












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
<div class="grid-item__swatches">



  <is-land on:idle> <color-swatches>















<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
  
    

    
  

</layout-stack>





  <template data-island>
    <script type="module">
      import 'list.product-card.swatches'
    </script>
  </template>
  </color-swatches>
  </is-land>

</div><div class="grid-product__colors">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400" alt="Origami Harmony3D Acoustic Felt Wall Panels" srcset="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=352 352w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=832 832w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400 1400w" width="1400" height="132.0" loading="lazy" class="metafield-file_reference image-element" sizes="(min-width: 769px) 320px, 100vw" data-animate="fadein">
  

  
  
</is-land>

</div>
              



<span
class="element-text element-text--body-md"

  
style="
                word-break: break-word; hyphens: auto; text-align: start;
              ">
  
    Origami Harmony3D Acoustic Felt Wall Panels
  
</span>

































<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: baseline; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="
                text-align: start;
              " >
      <slot></slot>
    </div>
  </template>

  
<div class="inhabit-card-price">
  <span class="product__price">
    <strong>

From
</strong>
    





<span
class="element-price element-text element-text--heading-xs"

  
>
  
    $49.00
  
</span>

























  </span>

  

  
    <span class="product__unit-price">
      
        

From
:
      





<span
class="element-price element-text element-text--body-sm"

  
>
  
    $14.58
  
</span>
























/

per sq. ft.

    </span>
  
</div>



</layout-stack>



</layout-stack>



</div>

        </div>
</layout-stack>



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


<div
  class="
    grid-item grid-product  grid-product-image-breathing-room--false
    
    
      grid-product--gridlines overlay
    
  "
>
  <div
    class="product-grid-item"
    data-product-handle="rend-harmony3d-acoustic-felt-wall-panels"
    data-product-id="7196129722554"
    data-product-grid-item
  >
    <div class="grid-item__content color-scheme-none">

      












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-sm); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: space-between; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="height: 100%;" >
      <slot></slot>
    </div>
  </template>

  
        <div class="grid-item__link">
          <a href="/collections/harmony-acoustic-pet-felt-3d-panels/products/rend-harmony3d-acoustic-felt-wall-panels" class="grid-item__overlay-link" aria-label="Rend Harmony3D Acoustic Felt Wall Panels" tabindex="-1"></a>
          <div class="grid-product__image-wrap"><div class="grid-product__tags">












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  



<div
  class="element-badge element-badge--inverted element-badge--custom">New Colors
</div>










</layout-stack>


</div><div
                
                  style="height: 0; padding-bottom: 100.0%;"
                
              >


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/products/rend-harmony-pet-felt-3d-panels-inhabit-200858.jpg?v=1690918630&amp;width=1600" alt="Light gray Rend Harmony3D PET felt 3D acoustic wall panel with a repeating curved pattern by Inhabit" srcset="//www.inhabitliving.com/cdn/shop/products/rend-harmony-pet-felt-3d-panels-inhabit-200858.jpg?v=1690918630&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/products/rend-harmony-pet-felt-3d-panels-inhabit-200858.jpg?v=1690918630&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/products/rend-harmony-pet-felt-3d-panels-inhabit-200858.jpg?v=1690918630&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/products/rend-harmony-pet-felt-3d-panels-inhabit-200858.jpg?v=1690918630&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/products/rend-harmony-pet-felt-3d-panels-inhabit-200858.jpg?v=1690918630&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/products/rend-harmony-pet-felt-3d-panels-inhabit-200858.jpg?v=1690918630&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="grid-product__image image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div><div class="grid-product__secondary-image small--hide">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Rend-Office-Graphite.jpg?v=1690918630&amp;width=1600" alt="Light gray Rend Harmony3D acoustic wall panels in a contemporary office lounge with wood ceiling baffles" srcset="//www.inhabitliving.com/cdn/shop/files/Rend-Office-Graphite.jpg?v=1690918630&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/Rend-Office-Graphite.jpg?v=1690918630&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/Rend-Office-Graphite.jpg?v=1690918630&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/Rend-Office-Graphite.jpg?v=1690918630&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/Rend-Office-Graphite.jpg?v=1690918630&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Rend-Office-Graphite.jpg?v=1690918630&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="image-style--square
 image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div></div>

          <div class="grid-item__meta">

            












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
<div class="grid-item__swatches">



  <is-land on:idle> <color-swatches>















<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
  
    

    
  

</layout-stack>





  <template data-island>
    <script type="module">
      import 'list.product-card.swatches'
    </script>
  </template>
  </color-swatches>
  </is-land>

</div><div class="grid-product__colors">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400" alt="Rend Harmony3D Acoustic Felt Wall Panels" srcset="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=352 352w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=832 832w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400 1400w" width="1400" height="132.0" loading="lazy" class="metafield-file_reference image-element" sizes="(min-width: 769px) 320px, 100vw" data-animate="fadein">
  

  
  
</is-land>

</div>
              



<span
class="element-text element-text--body-md"

  
style="
                word-break: break-word; hyphens: auto; text-align: start;
              ">
  
    Rend Harmony3D Acoustic Felt Wall Panels
  
</span>

































<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: baseline; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="
                text-align: start;
              " >
      <slot></slot>
    </div>
  </template>

  
<div class="inhabit-card-price">
  <span class="product__price">
    <strong>

From
</strong>
    





<span
class="element-price element-text element-text--heading-xs"

  
>
  
    $49.00
  
</span>

























  </span>

  

  
    <span class="product__unit-price">
      
        

From
:
      





<span
class="element-price element-text element-text--body-sm"

  
>
  
    $14.58
  
</span>
























/

per sq. ft.

    </span>
  
</div>



</layout-stack>



</layout-stack>



</div>

        </div>
</layout-stack>



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


<div
  class="
    grid-item grid-product  grid-product-image-breathing-room--false
    
    
      grid-product--gridlines overlay
    
  "
>
  <div
    class="product-grid-item"
    data-product-handle="stitch-harmony3d-acoustic-felt-wall-panels"
    data-product-id="7153886068922"
    data-product-grid-item
  >
    <div class="grid-item__content color-scheme-none">

      












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-sm); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: space-between; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="height: 100%;" >
      <slot></slot>
    </div>
  </template>

  
        <div class="grid-item__link">
          <a href="/collections/harmony-acoustic-pet-felt-3d-panels/products/stitch-harmony3d-acoustic-felt-wall-panels" class="grid-item__overlay-link" aria-label="Stitch Harmony3D Acoustic Felt Wall Panels" tabindex="-1"></a>
          <div class="grid-product__image-wrap"><div class="grid-product__tags">












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  



<div
  class="element-badge element-badge--inverted element-badge--custom">New Colors
</div>










</layout-stack>


</div><div
                
                  style="height: 0; padding-bottom: 100.0%;"
                
              >


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Stitch-Fog.jpg?v=1732037196&amp;width=1600" alt="Light gray Stitch Harmony3D PET felt 3D acoustic wall panel with a staggered block pattern by Inhabit" srcset="//www.inhabitliving.com/cdn/shop/files/Stitch-Fog.jpg?v=1732037196&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/Stitch-Fog.jpg?v=1732037196&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/Stitch-Fog.jpg?v=1732037196&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/Stitch-Fog.jpg?v=1732037196&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/Stitch-Fog.jpg?v=1732037196&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Stitch-Fog.jpg?v=1732037196&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="grid-product__image image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div><div class="grid-product__secondary-image small--hide">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/products/stitch-harmony3d-acoustic-felt-wall-panels-inhabit-898960.jpg?v=1690992918&amp;width=1600" alt="Light gray Stitch Harmony3D acoustic wall panels behind lounge furniture in a modern living room" srcset="//www.inhabitliving.com/cdn/shop/products/stitch-harmony3d-acoustic-felt-wall-panels-inhabit-898960.jpg?v=1690992918&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/products/stitch-harmony3d-acoustic-felt-wall-panels-inhabit-898960.jpg?v=1690992918&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/products/stitch-harmony3d-acoustic-felt-wall-panels-inhabit-898960.jpg?v=1690992918&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/products/stitch-harmony3d-acoustic-felt-wall-panels-inhabit-898960.jpg?v=1690992918&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/products/stitch-harmony3d-acoustic-felt-wall-panels-inhabit-898960.jpg?v=1690992918&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/products/stitch-harmony3d-acoustic-felt-wall-panels-inhabit-898960.jpg?v=1690992918&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="image-style--square
 image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div></div>

          <div class="grid-item__meta">

            












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
<div class="grid-item__swatches">



  <is-land on:idle> <color-swatches>















<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
  
    

    
  

</layout-stack>





  <template data-island>
    <script type="module">
      import 'list.product-card.swatches'
    </script>
  </template>
  </color-swatches>
  </is-land>

</div><div class="grid-product__colors">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400" alt="Stitch Harmony3D Acoustic Felt Wall Panels" srcset="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=352 352w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=832 832w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400 1400w" width="1400" height="132.0" loading="lazy" class="metafield-file_reference image-element" sizes="(min-width: 769px) 320px, 100vw" data-animate="fadein">
  

  
  
</is-land>

</div>
              



<span
class="element-text element-text--body-md"

  
style="
                word-break: break-word; hyphens: auto; text-align: start;
              ">
  
    Stitch Harmony3D Acoustic Felt Wall Panels
  
</span>

































<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: baseline; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="
                text-align: start;
              " >
      <slot></slot>
    </div>
  </template>

  
<div class="inhabit-card-price">
  <span class="product__price">
    <strong>

From
</strong>
    





<span
class="element-price element-text element-text--heading-xs"

  
>
  
    $49.00
  
</span>

























  </span>

  

  
    <span class="product__unit-price">
      
        

From
:
      





<span
class="element-price element-text element-text--body-sm"

  
>
  
    $14.58
  
</span>
























/

per sq. ft.

    </span>
  
</div>



</layout-stack>



</layout-stack>



</div>

        </div>
</layout-stack>



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


<div
  class="
    grid-item grid-product  grid-product-image-breathing-room--false
    
    
      grid-product--gridlines overlay
    
  "
>
  <div
    class="product-grid-item"
    data-product-handle="cubit-harmony3d-acoustic-felt-wall-panels"
    data-product-id="7252368425146"
    data-product-grid-item
  >
    <div class="grid-item__content color-scheme-none">

      












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-sm); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: space-between; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="height: 100%;" >
      <slot></slot>
    </div>
  </template>

  
        <div class="grid-item__link">
          <a href="/collections/harmony-acoustic-pet-felt-3d-panels/products/cubit-harmony3d-acoustic-felt-wall-panels" class="grid-item__overlay-link" aria-label="Cubit Harmony3D Acoustic Felt Wall Panels" tabindex="-1"></a>
          <div class="grid-product__image-wrap"><div class="grid-product__tags">












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  



<div
  class="element-badge element-badge--inverted element-badge--custom">New Colors
</div>










</layout-stack>


</div><div
                
                  style="height: 0; padding-bottom: 100.0%;"
                
              >


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Cubit-Fog.jpg?v=1732050970&amp;width=1600" alt="Light gray Cubit Harmony3D PET felt 3D acoustic wall panel with a faceted square pattern by Inhabit" srcset="//www.inhabitliving.com/cdn/shop/files/Cubit-Fog.jpg?v=1732050970&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/Cubit-Fog.jpg?v=1732050970&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/Cubit-Fog.jpg?v=1732050970&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/Cubit-Fog.jpg?v=1732050970&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/Cubit-Fog.jpg?v=1732050970&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Cubit-Fog.jpg?v=1732050970&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="grid-product__image image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div><div class="grid-product__secondary-image small--hide">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Cubit_HarmonyFelt-Office.jpg?v=1690918376&amp;width=1600" alt="Gray Cubit Harmony3D 3D acoustic wall panels behind desks in an industrial-style office" srcset="//www.inhabitliving.com/cdn/shop/files/Cubit_HarmonyFelt-Office.jpg?v=1690918376&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/Cubit_HarmonyFelt-Office.jpg?v=1690918376&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/Cubit_HarmonyFelt-Office.jpg?v=1690918376&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/Cubit_HarmonyFelt-Office.jpg?v=1690918376&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/Cubit_HarmonyFelt-Office.jpg?v=1690918376&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Cubit_HarmonyFelt-Office.jpg?v=1690918376&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="image-style--square
 image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div></div>

          <div class="grid-item__meta">

            












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
<div class="grid-item__swatches">



  <is-land on:idle> <color-swatches>















<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
  
    

    
  

</layout-stack>





  <template data-island>
    <script type="module">
      import 'list.product-card.swatches'
    </script>
  </template>
  </color-swatches>
  </is-land>

</div><div class="grid-product__colors">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400" alt="Cubit Harmony3D Acoustic Felt Wall Panels" srcset="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=352 352w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=832 832w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400 1400w" width="1400" height="132.0" loading="lazy" class="metafield-file_reference image-element" sizes="(min-width: 769px) 320px, 100vw" data-animate="fadein">
  

  
  
</is-land>

</div>
              



<span
class="element-text element-text--body-md"

  
style="
                word-break: break-word; hyphens: auto; text-align: start;
              ">
  
    Cubit Harmony3D Acoustic Felt Wall Panels
  
</span>

































<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: baseline; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="
                text-align: start;
              " >
      <slot></slot>
    </div>
  </template>

  
<div class="inhabit-card-price">
  <span class="product__price">
    <strong>

From
</strong>
    





<span
class="element-price element-text element-text--heading-xs"

  
>
  
    $49.00
  
</span>

























  </span>

  

  
    <span class="product__unit-price">
      
        

From
:
      





<span
class="element-price element-text element-text--body-sm"

  
>
  
    $14.58
  
</span>
























/

per sq. ft.

    </span>
  
</div>



</layout-stack>



</layout-stack>



</div>

        </div>
</layout-stack>



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


<div
  class="
    grid-item grid-product  grid-product-image-breathing-room--false
    
    
      grid-product--gridlines overlay
    
  "
>
  <div
    class="product-grid-item"
    data-product-handle="cirque-harmony3d-acoustic-felt-wall-panels"
    data-product-id="7190026256570"
    data-product-grid-item
  >
    <div class="grid-item__content color-scheme-none">

      












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-sm); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: space-between; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="height: 100%;" >
      <slot></slot>
    </div>
  </template>

  
        <div class="grid-item__link">
          <a href="/collections/harmony-acoustic-pet-felt-3d-panels/products/cirque-harmony3d-acoustic-felt-wall-panels" class="grid-item__overlay-link" aria-label="Cirque Harmony3D Acoustic Felt Wall Panels" tabindex="-1"></a>
          <div class="grid-product__image-wrap"><div class="grid-product__tags">












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  



<div
  class="element-badge element-badge--inverted element-badge--custom">New Colors
</div>










</layout-stack>


</div><div
                
                  style="height: 0; padding-bottom: 100.0%;"
                
              >


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/products/cirque-harmony-pet-felt-3d-panels-inhabit-754224.jpg?v=1689171361&amp;width=1600" alt="Light gray Cirque Harmony3D PET felt 3D acoustic wall panel with a raised circular pattern by Inhabit" srcset="//www.inhabitliving.com/cdn/shop/products/cirque-harmony-pet-felt-3d-panels-inhabit-754224.jpg?v=1689171361&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/products/cirque-harmony-pet-felt-3d-panels-inhabit-754224.jpg?v=1689171361&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/products/cirque-harmony-pet-felt-3d-panels-inhabit-754224.jpg?v=1689171361&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/products/cirque-harmony-pet-felt-3d-panels-inhabit-754224.jpg?v=1689171361&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/products/cirque-harmony-pet-felt-3d-panels-inhabit-754224.jpg?v=1689171361&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/products/cirque-harmony-pet-felt-3d-panels-inhabit-754224.jpg?v=1689171361&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="grid-product__image image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div><div class="grid-product__secondary-image small--hide">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/cirque-harmony3d-acoustic-felt-wall-panels-inhabit-951745.jpg?v=1738077174&amp;width=1600" alt="Charcoal Cirque Harmony3D acoustic felt wall panels in a forest-view home office" srcset="//www.inhabitliving.com/cdn/shop/files/cirque-harmony3d-acoustic-felt-wall-panels-inhabit-951745.jpg?v=1738077174&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/cirque-harmony3d-acoustic-felt-wall-panels-inhabit-951745.jpg?v=1738077174&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/cirque-harmony3d-acoustic-felt-wall-panels-inhabit-951745.jpg?v=1738077174&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/cirque-harmony3d-acoustic-felt-wall-panels-inhabit-951745.jpg?v=1738077174&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/cirque-harmony3d-acoustic-felt-wall-panels-inhabit-951745.jpg?v=1738077174&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/cirque-harmony3d-acoustic-felt-wall-panels-inhabit-951745.jpg?v=1738077174&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="image-style--square
 image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div></div>

          <div class="grid-item__meta">

            












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
<div class="grid-item__swatches">



  <is-land on:idle> <color-swatches>















<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
  
    

    
  

</layout-stack>





  <template data-island>
    <script type="module">
      import 'list.product-card.swatches'
    </script>
  </template>
  </color-swatches>
  </is-land>

</div><div class="grid-product__colors">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400" alt="Cirque Harmony3D Acoustic Felt Wall Panels" srcset="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=352 352w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=832 832w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400 1400w" width="1400" height="132.0" loading="lazy" class="metafield-file_reference image-element" sizes="(min-width: 769px) 320px, 100vw" data-animate="fadein">
  

  
  
</is-land>

</div>
              



<span
class="element-text element-text--body-md"

  
style="
                word-break: break-word; hyphens: auto; text-align: start;
              ">
  
    Cirque Harmony3D Acoustic Felt Wall Panels
  
</span>

































<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: baseline; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="
                text-align: start;
              " >
      <slot></slot>
    </div>
  </template>

  
<div class="inhabit-card-price">
  <span class="product__price">
    <strong>

From
</strong>
    





<span
class="element-price element-text element-text--heading-xs"

  
>
  
    $49.00
  
</span>

























  </span>

  

  
    <span class="product__unit-price">
      
        

From
:
      





<span
class="element-price element-text element-text--body-sm"

  
>
  
    $14.58
  
</span>
























/

per sq. ft.

    </span>
  
</div>



</layout-stack>



</layout-stack>



</div>

        </div>
</layout-stack>



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


<div
  class="
    grid-item grid-product  grid-product-image-breathing-room--false
    
    
      grid-product--gridlines overlay
    
  "
>
  <div
    class="product-grid-item"
    data-product-handle="seesaw-harmony3d-acoustic-felt-wall-panels"
    data-product-id="7153884463290"
    data-product-grid-item
  >
    <div class="grid-item__content color-scheme-none">

      












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-sm); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: space-between; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="height: 100%;" >
      <slot></slot>
    </div>
  </template>

  
        <div class="grid-item__link">
          <a href="/collections/harmony-acoustic-pet-felt-3d-panels/products/seesaw-harmony3d-acoustic-felt-wall-panels" class="grid-item__overlay-link" aria-label="Seesaw Harmony3D Acoustic Felt Wall Panels" tabindex="-1"></a>
          <div class="grid-product__image-wrap"><div class="grid-product__tags">












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  



<div
  class="element-badge element-badge--inverted element-badge--custom">New Colors
</div>










</layout-stack>


</div><div
                
                  style="height: 0; padding-bottom: 100.0%;"
                
              >


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Seesaw-Fog.jpg?v=1731963176&amp;width=1600" alt="Light gray Seesaw Harmony3D PET felt 3D acoustic wall panel with a staggered horizontal pattern by Inhabit" srcset="//www.inhabitliving.com/cdn/shop/files/Seesaw-Fog.jpg?v=1731963176&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/Seesaw-Fog.jpg?v=1731963176&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/Seesaw-Fog.jpg?v=1731963176&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/Seesaw-Fog.jpg?v=1731963176&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/Seesaw-Fog.jpg?v=1731963176&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Seesaw-Fog.jpg?v=1731963176&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="grid-product__image image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div><div class="grid-product__secondary-image small--hide">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Seesaw--Harmony-Restaurant.jpg?v=1690918660&amp;width=1600" alt="Light gray Seesaw Harmony3D acoustic wall panels behind a modern cafe counter" srcset="//www.inhabitliving.com/cdn/shop/files/Seesaw--Harmony-Restaurant.jpg?v=1690918660&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/Seesaw--Harmony-Restaurant.jpg?v=1690918660&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/Seesaw--Harmony-Restaurant.jpg?v=1690918660&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/Seesaw--Harmony-Restaurant.jpg?v=1690918660&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/Seesaw--Harmony-Restaurant.jpg?v=1690918660&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Seesaw--Harmony-Restaurant.jpg?v=1690918660&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="image-style--square
 image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div></div>

          <div class="grid-item__meta">

            












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
<div class="grid-item__swatches">



  <is-land on:idle> <color-swatches>















<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
  
    

    
  

</layout-stack>





  <template data-island>
    <script type="module">
      import 'list.product-card.swatches'
    </script>
  </template>
  </color-swatches>
  </is-land>

</div><div class="grid-product__colors">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400" alt="Seesaw Harmony3D Acoustic Felt Wall Panels" srcset="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=352 352w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=832 832w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400 1400w" width="1400" height="132.0" loading="lazy" class="metafield-file_reference image-element" sizes="(min-width: 769px) 320px, 100vw" data-animate="fadein">
  

  
  
</is-land>

</div>
              



<span
class="element-text element-text--body-md"

  
style="
                word-break: break-word; hyphens: auto; text-align: start;
              ">
  
    Seesaw Harmony3D Acoustic Felt Wall Panels
  
</span>

































<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: baseline; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="
                text-align: start;
              " >
      <slot></slot>
    </div>
  </template>

  
<div class="inhabit-card-price">
  <span class="product__price">
    <strong>

From
</strong>
    





<span
class="element-price element-text element-text--heading-xs"

  
>
  
    $49.00
  
</span>

























  </span>

  

  
    <span class="product__unit-price">
      
        

From
:
      





<span
class="element-price element-text element-text--body-sm"

  
>
  
    $14.58
  
</span>
























/

per sq. ft.

    </span>
  
</div>



</layout-stack>



</layout-stack>



</div>

        </div>
</layout-stack>



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


<div
  class="
    grid-item grid-product  grid-product-image-breathing-room--false
    
    
      grid-product--gridlines overlay
    
  "
>
  <div
    class="product-grid-item"
    data-product-handle="split-harmony3d-acoustic-felt-wall-panels"
    data-product-id="7252378812602"
    data-product-grid-item
  >
    <div class="grid-item__content color-scheme-none">

      












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-sm); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: space-between; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="height: 100%;" >
      <slot></slot>
    </div>
  </template>

  
        <div class="grid-item__link">
          <a href="/collections/harmony-acoustic-pet-felt-3d-panels/products/split-harmony3d-acoustic-felt-wall-panels" class="grid-item__overlay-link" aria-label="Split Harmony3D Acoustic Felt Wall Panels" tabindex="-1"></a>
          <div class="grid-product__image-wrap"><div class="grid-product__tags">












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  



<div
  class="element-badge element-badge--inverted element-badge--custom">New Colors
</div>










</layout-stack>


</div><div
                
                  style="height: 0; padding-bottom: 100.0%;"
                
              >


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/products/split-harmony-pet-felt-3d-panels-inhabit-923817.jpg?v=1689172376&amp;width=1600" alt="Light gray Split Harmony3D PET felt 3D acoustic wall panel with a fine linear relief pattern by Inhabit" srcset="//www.inhabitliving.com/cdn/shop/products/split-harmony-pet-felt-3d-panels-inhabit-923817.jpg?v=1689172376&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/products/split-harmony-pet-felt-3d-panels-inhabit-923817.jpg?v=1689172376&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/products/split-harmony-pet-felt-3d-panels-inhabit-923817.jpg?v=1689172376&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/products/split-harmony-pet-felt-3d-panels-inhabit-923817.jpg?v=1689172376&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/products/split-harmony-pet-felt-3d-panels-inhabit-923817.jpg?v=1689172376&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/products/split-harmony-pet-felt-3d-panels-inhabit-923817.jpg?v=1689172376&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="grid-product__image image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div><div class="grid-product__secondary-image small--hide">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/split-harmony3d-acoustic-felt-wall-panels-inhabit-355399.jpg?v=1732111684&amp;width=1600" alt="Pale sage Split Harmony3D acoustic wall panels behind a dining table in a modern room" srcset="//www.inhabitliving.com/cdn/shop/files/split-harmony3d-acoustic-felt-wall-panels-inhabit-355399.jpg?v=1732111684&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/split-harmony3d-acoustic-felt-wall-panels-inhabit-355399.jpg?v=1732111684&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/split-harmony3d-acoustic-felt-wall-panels-inhabit-355399.jpg?v=1732111684&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/split-harmony3d-acoustic-felt-wall-panels-inhabit-355399.jpg?v=1732111684&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/split-harmony3d-acoustic-felt-wall-panels-inhabit-355399.jpg?v=1732111684&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/split-harmony3d-acoustic-felt-wall-panels-inhabit-355399.jpg?v=1732111684&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="image-style--square
 image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div></div>

          <div class="grid-item__meta">

            












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
<div class="grid-item__swatches">



  <is-land on:idle> <color-swatches>















<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
  
    

    
  

</layout-stack>





  <template data-island>
    <script type="module">
      import 'list.product-card.swatches'
    </script>
  </template>
  </color-swatches>
  </is-land>

</div><div class="grid-product__colors">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400" alt="Split Harmony3D Acoustic Felt Wall Panels" srcset="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=352 352w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=832 832w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400 1400w" width="1400" height="132.0" loading="lazy" class="metafield-file_reference image-element" sizes="(min-width: 769px) 320px, 100vw" data-animate="fadein">
  

  
  
</is-land>

</div>
              



<span
class="element-text element-text--body-md"

  
style="
                word-break: break-word; hyphens: auto; text-align: start;
              ">
  
    Split Harmony3D Acoustic Felt Wall Panels
  
</span>

































<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: baseline; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="
                text-align: start;
              " >
      <slot></slot>
    </div>
  </template>

  
<div class="inhabit-card-price">
  <span class="product__price">
    <strong>

From
</strong>
    





<span
class="element-price element-text element-text--heading-xs"

  
>
  
    $49.00
  
</span>

























  </span>

  

  
    <span class="product__unit-price">
      
        

From
:
      





<span
class="element-price element-text element-text--body-sm"

  
>
  
    $14.58
  
</span>
























/

per sq. ft.

    </span>
  
</div>



</layout-stack>



</layout-stack>



</div>

        </div>
</layout-stack>



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


<div
  class="
    grid-item grid-product  grid-product-image-breathing-room--false
    
    
      grid-product--gridlines overlay
    
  "
>
  <div
    class="product-grid-item"
    data-product-handle="loop-harmony-pet-felt-3d-panels"
    data-product-id="7196050653370"
    data-product-grid-item
  >
    <div class="grid-item__content color-scheme-none">

      












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-sm); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: space-between; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="height: 100%;" >
      <slot></slot>
    </div>
  </template>

  
        <div class="grid-item__link">
          <a href="/collections/harmony-acoustic-pet-felt-3d-panels/products/loop-harmony-pet-felt-3d-panels" class="grid-item__overlay-link" aria-label="Loop Harmony3D Acoustic Felt Wall Panels" tabindex="-1"></a>
          <div class="grid-product__image-wrap"><div class="grid-product__tags">












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  



<div
  class="element-badge element-badge--inverted element-badge--custom">New Colors
</div>










</layout-stack>


</div><div
                
                  style="height: 0; padding-bottom: 100.0%;"
                
              >


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/products/loop-harmony-pet-felt-3d-panels-inhabit-307571.jpg?v=1690918514&amp;width=1600" alt="Light gray Loop Harmony3D PET felt 3D acoustic wall panel with a small repeating curved pattern by Inhabit" srcset="//www.inhabitliving.com/cdn/shop/products/loop-harmony-pet-felt-3d-panels-inhabit-307571.jpg?v=1690918514&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/products/loop-harmony-pet-felt-3d-panels-inhabit-307571.jpg?v=1690918514&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/products/loop-harmony-pet-felt-3d-panels-inhabit-307571.jpg?v=1690918514&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/products/loop-harmony-pet-felt-3d-panels-inhabit-307571.jpg?v=1690918514&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/products/loop-harmony-pet-felt-3d-panels-inhabit-307571.jpg?v=1690918514&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/products/loop-harmony-pet-felt-3d-panels-inhabit-307571.jpg?v=1690918514&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="grid-product__image image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div><div class="grid-product__secondary-image small--hide">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Loop-Commercial-Scene-Seafoam.jpg?v=1690918514&amp;width=1600" alt="Pale blue Loop Harmony3D acoustic wall panels behind tables in a modern cafe workspace" srcset="//www.inhabitliving.com/cdn/shop/files/Loop-Commercial-Scene-Seafoam.jpg?v=1690918514&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/Loop-Commercial-Scene-Seafoam.jpg?v=1690918514&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/Loop-Commercial-Scene-Seafoam.jpg?v=1690918514&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/Loop-Commercial-Scene-Seafoam.jpg?v=1690918514&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/Loop-Commercial-Scene-Seafoam.jpg?v=1690918514&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Loop-Commercial-Scene-Seafoam.jpg?v=1690918514&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="image-style--square
 image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div></div>

          <div class="grid-item__meta">

            












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
<div class="grid-item__swatches">



  <is-land on:idle> <color-swatches>















<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
  
    

    
  

</layout-stack>





  <template data-island>
    <script type="module">
      import 'list.product-card.swatches'
    </script>
  </template>
  </color-swatches>
  </is-land>

</div><div class="grid-product__colors">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400" alt="Loop Harmony3D Acoustic Felt Wall Panels" srcset="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=352 352w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=832 832w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400 1400w" width="1400" height="132.0" loading="lazy" class="metafield-file_reference image-element" sizes="(min-width: 769px) 320px, 100vw" data-animate="fadein">
  

  
  
</is-land>

</div>
              



<span
class="element-text element-text--body-md"

  
style="
                word-break: break-word; hyphens: auto; text-align: start;
              ">
  
    Loop Harmony3D Acoustic Felt Wall Panels
  
</span>

































<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: baseline; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="
                text-align: start;
              " >
      <slot></slot>
    </div>
  </template>

  
<div class="inhabit-card-price">
  <span class="product__price">
    <strong>

From
</strong>
    





<span
class="element-price element-text element-text--heading-xs"

  
>
  
    $49.00
  
</span>

























  </span>

  

  
    <span class="product__unit-price">
      
        

From
:
      





<span
class="element-price element-text element-text--body-sm"

  
>
  
    $14.58
  
</span>
























/

per sq. ft.

    </span>
  
</div>



</layout-stack>



</layout-stack>



</div>

        </div>
</layout-stack>



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


<div
  class="
    grid-item grid-product  grid-product-image-breathing-room--false
    
    
      grid-product--gridlines overlay
    
  "
>
  <div
    class="product-grid-item"
    data-product-handle="architect-harmony3d-acoustic-felt-wall-panels"
    data-product-id="7251048366266"
    data-product-grid-item
  >
    <div class="grid-item__content color-scheme-none">

      












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-sm); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: space-between; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="height: 100%;" >
      <slot></slot>
    </div>
  </template>

  
        <div class="grid-item__link">
          <a href="/collections/harmony-acoustic-pet-felt-3d-panels/products/architect-harmony3d-acoustic-felt-wall-panels" class="grid-item__overlay-link" aria-label="Architect Harmony3D Acoustic Felt Wall Panels" tabindex="-1"></a>
          <div class="grid-product__image-wrap"><div class="grid-product__tags">












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  



<div
  class="element-badge element-badge--inverted element-badge--custom">New Colors
</div>










</layout-stack>


</div><div
                
                  style="height: 0; padding-bottom: 100.0%;"
                
              >


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/products/architect-harmony-pet-felt-3d-panels-inhabit-984829.jpg?v=1690918294&amp;width=1600" alt="Light gray Architect Harmony3D PET felt 3D acoustic wall panel with a repeating linear relief pattern by Inhabit" srcset="//www.inhabitliving.com/cdn/shop/products/architect-harmony-pet-felt-3d-panels-inhabit-984829.jpg?v=1690918294&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/products/architect-harmony-pet-felt-3d-panels-inhabit-984829.jpg?v=1690918294&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/products/architect-harmony-pet-felt-3d-panels-inhabit-984829.jpg?v=1690918294&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/products/architect-harmony-pet-felt-3d-panels-inhabit-984829.jpg?v=1690918294&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/products/architect-harmony-pet-felt-3d-panels-inhabit-984829.jpg?v=1690918294&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/products/architect-harmony-pet-felt-3d-panels-inhabit-984829.jpg?v=1690918294&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="grid-product__image image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div><div class="grid-product__secondary-image small--hide">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Architect-office_fog-felt_020323.jpg?v=1690918294&amp;width=1600" alt="Fog gray Architect Harmony3D 3D acoustic wall panels behind a desk in a modern office" srcset="//www.inhabitliving.com/cdn/shop/files/Architect-office_fog-felt_020323.jpg?v=1690918294&amp;width=360 360w, //www.inhabitliving.com/cdn/shop/files/Architect-office_fog-felt_020323.jpg?v=1690918294&amp;width=540 540w, //www.inhabitliving.com/cdn/shop/files/Architect-office_fog-felt_020323.jpg?v=1690918294&amp;width=720 720w, //www.inhabitliving.com/cdn/shop/files/Architect-office_fog-felt_020323.jpg?v=1690918294&amp;width=900 900w, //www.inhabitliving.com/cdn/shop/files/Architect-office_fog-felt_020323.jpg?v=1690918294&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Architect-office_fog-felt_020323.jpg?v=1690918294&amp;width=1600 1600w" width="1600" height="1600.0" loading="lazy" class="image-style--square
 image-element" sizes="(min-width: 769px) 33vw, 50vw" data-animate="fadein">
  

  
  
</is-land>

</div></div>

          <div class="grid-item__meta">

            












<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
<div class="grid-item__swatches">



  <is-land on:idle> <color-swatches>















<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  
  
    

    
  

</layout-stack>





  <template data-island>
    <script type="module">
      import 'list.product-card.swatches'
    </script>
  </template>
  </color-swatches>
  </is-land>

</div><div class="grid-product__colors">


<is-land on:visible data-image-type=""><img src="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400" alt="Architect Harmony3D Acoustic Felt Wall Panels" srcset="//www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=352 352w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=832 832w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1200 1200w, //www.inhabitliving.com/cdn/shop/files/Zepto_Collectionart.jpg?v=1732049112&amp;width=1400 1400w" width="1400" height="132.0" loading="lazy" class="metafield-file_reference image-element" sizes="(min-width: 769px) 320px, 100vw" data-animate="fadein">
  

  
  
</is-land>

</div>
              



<span
class="element-text element-text--body-md"

  
style="
                word-break: break-word; hyphens: auto; text-align: start;
              ">
  
    Architect Harmony3D Acoustic Felt Wall Panels
  
</span>

































<layout-stack class="layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: baseline; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="
                text-align: start;
              " >
      <slot></slot>
    </div>
  </template>

  
<div class="inhabit-card-price">
  <span class="product__price">
    <strong>

From
</strong>
    





<span
class="element-price element-text element-text--heading-xs"

  
>
  
    $49.00
  
</span>

























  </span>

  

  
    <span class="product__unit-price">
      
        

From
:
      





<span
class="element-price element-text element-text--body-sm"

  
>
  
    $14.58
  
</span>
























/

per sq. ft.

    </span>
  
</div>



</layout-stack>



</layout-stack>



</div>

        </div>
</layout-stack>



    </div>
  </div>
</div>
          </div></div>
    </div></div>
  </item-grid>

  <template data-island>
    <script type="module">
      import 'list.filter-grid'
    </script>
  </template>
</is-land></div>
</section-main-content>

<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "CollectionPage",
    
      "description": "Sound-Absorbing 3D PET Felt Wall Panels\nHarmony3D acoustic panels for walls transform flat surfaces into sculptural, dimensional patterns while absorbing reflected sound and helping reduce echo.\nChoose from distinctive patterns in Harmony solid felt colors. Each design repeats across the wall to create a continuous large-scale pattern for feature walls in homes, offices, hospitality spaces and other interiors.\nDesigned and fabricated in the USA using PET felt containing a minimum of 65% recycled content. Compare our Harmony3D Hanging PET Felt Acoustic Panels for suspended installations, or order Harmony PET Felt Samples to explore available colors.",
    
    
      
      "image": {
        "@type": "ImageObject",
        "height": 300,
        "url": "https:\/\/www.inhabitliving.com\/cdn\/shop\/collections\/Harmony3Dpanelheader.jpg?v=1785384381\u0026width=2000",
        "width": 2000
      },
    
    "name": "Harmony3D Acoustic Felt Wall Panels"
  }
</script></div><div id="shopify-section-template--21742897037498__recently-viewed" class="shopify-section recently-viewed__section">
<is-land on:idle>
  <recently-viewed
    data-subsection
    data-section-id="template--21742897037498__recently-viewed"
    data-section-type="recently-viewed"
    data-product-id=""
    data-max-products="4"
  >
    <div class="index-section index-section--sub-product">
      <div class="page-width">
        <header class="section-header">
          <div class="heading-md section-header__title">
            

Recently viewed

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

      <div class="page-width page-width--flush-small">
        <div id="RecentlyViewed-template--21742897037498__recently-viewed"></div>
      </div>
    </div>
  </recently-viewed>

  <template data-island>
    <script type="module">
      import 'section.recently-viewed'
    </script>
  </template>
</is-land>

</div>
        </main><!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--21742898675898__footer" class="shopify-section shopify-section-group-footer-group">


<div class="footer__section footer__section--border color-scheme-7">
    <div class="page-width">












<layout-stack class="footer__newsletter layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-sm); }
        }
      </style>
    

  

  

      <style>
        @media (min-width: 768px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-md); }
        }
      </style>
    

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: column; }
        }
      </style>
    

  

  

      <style>
        @media (min-width: 768px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: center; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: center; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <div class="layout-stack" style="" >
      <slot></slot>
    </div>
  </template>

  



<element-text-rte
class="footer__subscribe element-text element-text--rte element-text--align-center"

  
>
  
    <p>Subscribe today to hear first about our new products and sales</p>
  
</element-text-rte>


  <script type="module">
    import 'element.text.rte'
  </script>




















<form-customer data-invalid-message="Enter a valid email address, for example name@example.com">
  <form method="post" action="/contact#newsletter-sections--21742898675898__footer" id="newsletter-sections--21742898675898__footer" accept-charset="UTF-8" class="contact-form" data-newsletter-form="true"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<label for="
sections--21742898675898__footer-submit" class="visually-hidden">

Subscribe
</label>
      <input type="hidden" name="contact[tags]" value="prospect,newsletter">
      <input type="hidden" name="contact[context]" value="footer">
      <div class="input-group newsletter__input-group">
<label for="
sections--21742898675898__footer-email" class="visually-hidden">

Enter your email
</label><input
    id="
sections--21742898675898__footer-email"
  class="input-group-field newsletter__input element-input"
  name="contact[email]"

  type="email"

  placeholder="Enter your email"

  autocorrect="off"autocapitalize="off"autocomplete="email"inputmode="email"requiredpattern="^[^\\s@]+@[^\\s@]+\\.[^\\s@]{2,}$"title="Enter a valid email like name@example.com"


  

  

    
  >














  <button
    
      id="
sections--21742898675898__footer-submit"
    

    class="element-button"

    
      type="submit"
    

    

    

    
      name="commit"
    

    
      aria-label="

Subscribe
"
    
>
    




<span
class="element-text element-text--body-md"

  
>
  
    

Subscribe

  
</span>






















<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon--wide element-icon-arrow-right element-icon--line"
  viewbox="0 0 50 15"
  fill="currentColor"
  width="20"
  height="20"
>
  <path d="M0 9.63V5.38h35V0l15 7.5L35 15V9.63Z" />
</svg>

</element-icon>










  </button>










</div></form>
</form-customer>



</layout-stack>


</div>
  </div>
<div id="FooterMobileNavWrap" class="footer__section footer__section--border medium-up--hide">
    <div id="FooterMobileNav" class="page-width"></div>
  </div><is-land on:visible>
  <footer-section
    class="site-footer color-scheme-7"
    data-section-id="sections--21742898675898__footer"
    data-section-type="footer-section"
  >
    <div
      id="FooterMenus"
      class="footer__section footer__section--menus "
    >
      <div class="page-width">
        <div class="footer__blocks"><div
              class="footer__block footer__block--contact"
              data-type="contact"
              
            ><div class="footer__mobile-section">
  <div class="footer__blocks--mobile">
    <div class="footer__block--mobile">
      <h2 class="footer__title heading-sm">
        
        

Get in touch

      </h2>

      <ul class="footer__menu footer__menu--underline"></ul>
    </div>

    
<div class="footer__block--mobile">
        
        <div class="footer__title">
          

Follow us

        </div>

        
      













<layout-stack class="inline-list layout-stack">
  <template shadowrootmode="open">
    <style>
      :host {
        display: contents;
      }

      .layout-stack {
        /* Layout & Typography */
        --_flex-direction: var(--_flex-direction--xs);
        --_justify: var(--_justify--xs);
        --_align: var(--_align--xs);

        --_margin: var(--layout-stack-margin);

        display: flex;
        flex-direction: var(--_flex-direction);
        gap: var(--_gap);
        flex-wrap: var(--_wrap);
        justify-content: var(--_justify);
        align-items: var(--_align);
        text-align: var(--_align);
        margin: var(--_margin);
        padding: 0;
        list-style: none;

        ::slotted(*) {
          max-width: 100%;
        }
      }
    </style>
    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_gap: var(--layout-stack-gap-size-xs); }
        }
      </style>
    

  

  

  

  


    




  

  

  

  

  


    




  

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_flex-direction: row; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_justify: start; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_align: stretch; }
        }
      </style>
    

  

  

  

  


    




  

      <style>
        @media (min-width: 0px) {
          .layout-stack { --_wrap: wrap; }
        }
      </style>
    

  

  

  

  



    <ul class="layout-stack" style="" >
      <slot></slot>
    </ul>
  </template>

  


<li>
  <a
    target="_blank"
    rel="noopener"
    href="https://www.facebook.com/inhabitliving"
    title="


Inhabit on Facebook

"
    
  >



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-facebook element-icon--line"
  viewbox="0 0 14222 14222"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M14222 7112c0 3549.352-2600.418 6491.344-6000 7024.72V9168h1657l315-2056H8222V5778c0-562 275-1111 1159-1111h897V2917s-814-139-1592-139c-1624 0-2686 984-2686 2767v1567H4194v2056h1806v4968.72C2600.418 13603.344 0 10661.352 0 7112 0 3184.703 3183.703 1 7111 1s7111 3183.703 7111 7111m-8222 7025c362 57 733 86 1111 86-377.945 0-749.003-29.485-1111-86.28Zm2222 0v-.28a7107.458 7107.458 0 0 1-167.717 24.267A7407.158 7407.158 0 0 0 8222 14137m-167.717 23.987C7745.664 14201.89 7430.797 14223 7111 14223c319.843 0 634.675-21.479 943.283-62.013"
  />
</svg>

</element-icon>









<span class="icon__fallback-text visually-hidden">Facebook</span>
  </a>
</li>



<li>
  <a
    target="_blank"
    rel="noopener"
    href="https://www.pinterest.com/inhabitliving"
    title="


Inhabit on Pinterest

"
    
  >



<element-icon
  
  
>
  <svg
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-pinterest element-icon--line"
  viewbox="0 0 256 256"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M0 128.002c0 52.414 31.518 97.442 76.619 117.239-.36-8.938-.064-19.668 2.228-29.393 2.461-10.391 16.47-69.748 16.47-69.748s-4.089-8.173-4.089-20.252c0-18.969 10.994-33.136 24.686-33.136 11.643 0 17.268 8.745 17.268 19.217 0 11.704-7.465 29.211-11.304 45.426-3.207 13.578 6.808 24.653 20.203 24.653 24.252 0 40.586-31.149 40.586-68.055 0-28.054-18.895-49.052-53.262-49.052-38.828 0-63.017 28.956-63.017 61.3 0 11.152 3.288 19.016 8.438 25.106 2.368 2.797 2.697 3.922 1.84 7.134-.614 2.355-2.024 8.025-2.608 10.272-.852 3.242-3.479 4.401-6.409 3.204-17.884-7.301-26.213-26.886-26.213-48.902 0-36.361 30.666-79.961 91.482-79.961 48.87 0 81.035 35.364 81.035 73.325 0 50.213-27.916 87.726-69.066 87.726-13.819 0-26.818-7.47-31.271-15.955 0 0-7.431 29.492-9.005 35.187-2.714 9.869-8.026 19.733-12.883 27.421a127.897 127.897 0 0 0 36.277 5.249c70.684 0 127.996-57.309 127.996-128.005C256.001 57.309 198.689 0 128.005 0 57.314 0 0 57.309 0 128.002"
  />
</svg>

</element-icon>









<span class="icon__fallback-text visually-hidden">Pinterest</span>
  </a>
</li>



<li>
  <a
    target="_blank"
    rel="noopener"
    href="https://instagram.com/inhabitliving"
    title="


Inhabit on Instagram

"
    
  >



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-instagram element-icon--line"
  viewbox="0 0 32 32"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M16 3.094c4.206 0 4.7.019 6.363.094 1.538.069 2.369.325 2.925.544.738.287 1.262.625 1.813 1.175s.894 1.075 1.175 1.813c.212.556.475 1.387.544 2.925.075 1.662.094 2.156.094 6.363s-.019 4.7-.094 6.363c-.069 1.538-.325 2.369-.544 2.925-.288.738-.625 1.262-1.175 1.813s-1.075.894-1.813 1.175c-.556.212-1.387.475-2.925.544-1.663.075-2.156.094-6.363.094s-4.7-.019-6.363-.094c-1.537-.069-2.369-.325-2.925-.544-.737-.288-1.263-.625-1.813-1.175s-.894-1.075-1.175-1.813c-.212-.556-.475-1.387-.544-2.925-.075-1.663-.094-2.156-.094-6.363s.019-4.7.094-6.363c.069-1.537.325-2.369.544-2.925.287-.737.625-1.263 1.175-1.813s1.075-.894 1.813-1.175c.556-.212 1.388-.475 2.925-.544 1.662-.081 2.156-.094 6.363-.094zm0-2.838c-4.275 0-4.813.019-6.494.094-1.675.075-2.819.344-3.819.731-1.037.4-1.913.944-2.788 1.819S1.486 4.656 1.08 5.688c-.387 1-.656 2.144-.731 3.825-.075 1.675-.094 2.213-.094 6.488s.019 4.813.094 6.494c.075 1.675.344 2.819.731 3.825.4 1.038.944 1.913 1.819 2.788s1.756 1.413 2.788 1.819c1 .387 2.144.656 3.825.731s2.213.094 6.494.094 4.813-.019 6.494-.094c1.675-.075 2.819-.344 3.825-.731 1.038-.4 1.913-.944 2.788-1.819s1.413-1.756 1.819-2.788c.387-1 .656-2.144.731-3.825s.094-2.212.094-6.494-.019-4.813-.094-6.494c-.075-1.675-.344-2.819-.731-3.825-.4-1.038-.944-1.913-1.819-2.788s-1.756-1.413-2.788-1.819c-1-.387-2.144-.656-3.825-.731C20.812.275 20.275.256 16 .256z"
  />
  <path
    d="M16 7.912a8.088 8.088 0 0 0 0 16.175c4.463 0 8.087-3.625 8.087-8.088s-3.625-8.088-8.088-8.088zm0 13.338a5.25 5.25 0 1 1 0-10.5 5.25 5.25 0 1 1 0 10.5M26.294 7.594a1.887 1.887 0 1 1-3.774.002 1.887 1.887 0 0 1 3.774-.003z"
  />
</svg>

</element-icon>









<span class="icon__fallback-text visually-hidden">Instagram</span>
  </a>
</li>

</layout-stack>



    
      </div></div>
</div>
</div><div
              class="footer__block footer__block--menu"
              data-type="menu"
              
            ><div class="footer__menu-desktop small--hide">
  <h2 class="footer__title heading-sm">
    Shop Acoustic Products
  </h2>

  <ul class="footer__menu"><li>
        <a href="/collections/acoustic-wall-panels">Acoustic Wall Panels</a>
      </li><li>
        <a href="/collections/acoustic-slat-wall-panels">Acoustic Slat Wall Panels</a>
      </li><li>
        <a href="/collections/acoustic-wall-tiles">Acoustic Wall Tiles</a>
      </li><li>
        <a href="/collections/hanging-acoustic-panels">Hanging Acoustic Panels</a>
      </li><li>
        <a href="/collections/acoustic-room-dividers">Acoustic Room Dividers</a>
      </li><li>
        <a href="/collections/acoustic-lighting">Acoustic Lighting</a>
      </li><li>
        <a href="/collections/closeout">Closeouts & Open Box</a>
      </li></ul>
</div>

<details class="footer__accordion medium-up--hide">
  <summary class="footer__accordion-summary">
    <span>Shop Acoustic Products</span>
    <span class="footer__accordion-icon" aria-hidden="true"></span>
  </summary>

  <ul class="footer__menu footer__accordion-menu"><li>
        <a href="/collections/acoustic-wall-panels">Acoustic Wall Panels</a>
      </li><li>
        <a href="/collections/acoustic-slat-wall-panels">Acoustic Slat Wall Panels</a>
      </li><li>
        <a href="/collections/acoustic-wall-tiles">Acoustic Wall Tiles</a>
      </li><li>
        <a href="/collections/hanging-acoustic-panels">Hanging Acoustic Panels</a>
      </li><li>
        <a href="/collections/acoustic-room-dividers">Acoustic Room Dividers</a>
      </li><li>
        <a href="/collections/acoustic-lighting">Acoustic Lighting</a>
      </li><li>
        <a href="/collections/closeout">Closeouts & Open Box</a>
      </li></ul>
</details>


</div><div
              class="footer__block footer__block--menu"
              data-type="menu"
              
            ><div class="footer__menu-desktop small--hide">
  <h2 class="footer__title heading-sm">
    Company
  </h2>

  <ul class="footer__menu"><li>
        <a href="/pages/about-us">About Us</a>
      </li><li>
        <a href="/pages/contactus">Contact Us</a>
      </li><li>
        <a href="/blogs/acoustic-design">Surround Yourself Blog</a>
      </li><li>
        <a href="/pages/materials-responsible-manufacturing">Materials & Responsible Manufacturing</a>
      </li><li>
        <a href="/pages/privacy-policy">Privacy & Legal</a>
      </li></ul>
</div>

<details class="footer__accordion medium-up--hide">
  <summary class="footer__accordion-summary">
    <span>Company</span>
    <span class="footer__accordion-icon" aria-hidden="true"></span>
  </summary>

  <ul class="footer__menu footer__accordion-menu"><li>
        <a href="/pages/about-us">About Us</a>
      </li><li>
        <a href="/pages/contactus">Contact Us</a>
      </li><li>
        <a href="/blogs/acoustic-design">Surround Yourself Blog</a>
      </li><li>
        <a href="/pages/materials-responsible-manufacturing">Materials & Responsible Manufacturing</a>
      </li><li>
        <a href="/pages/privacy-policy">Privacy & Legal</a>
      </li></ul>
</details>


</div><div
              class="footer__block footer__block--menu"
              data-type="menu"
              
            ><div class="footer__menu-desktop small--hide">
  <h2 class="footer__title heading-sm">
    Support
  </h2>

  <ul class="footer__menu"><li>
        <a href="/pages/faqs">Customer Service FAQ</a>
      </li><li>
        <a href="/pages/faqs-harmony-pet-felt">Harmony Acoustic Felt FAQ</a>
      </li><li>
        <a href="/pages/trade-application">Trade Program</a>
      </li><li>
        <a href="/apps/tracktor/track">Order Tracking</a>
      </li><li>
        <a href="/account">
          
          

My account
</a>
      </li></ul>
</div>

<details class="footer__accordion medium-up--hide">
  <summary class="footer__accordion-summary">
    <span>Support</span>
    <span class="footer__accordion-icon" aria-hidden="true"></span>
  </summary>

  <ul class="footer__menu footer__accordion-menu"><li>
        <a href="/pages/faqs">Customer Service FAQ</a>
      </li><li>
        <a href="/pages/faqs-harmony-pet-felt">Harmony Acoustic Felt FAQ</a>
      </li><li>
        <a href="/pages/trade-application">Trade Program</a>
      </li><li>
        <a href="/apps/tracktor/track">Order Tracking</a>
      </li><li>
        <a href="/account">
          
          

My account
</a>
      </li></ul>
</details>


</div><div
              class="footer__block footer__block--payment"
              data-type="payment"
              
            ><div class="footer__mobile-section">
  <div class="footer__blocks--mobile"><div class="footer__block--mobile">
          <h2 class="footer__title heading-sm">
            
            

We accept

          </h2>

          <ul class="inline-list payment-icons"><li class="icon--payment">
                <svg width="38" height="24" viewBox="0 0 38 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-achdirectdebit"><title id="pi-achdirectdebit">Ach Direct Debit</title><g clip-path="url(#pi-clip0_4778_42)"><path d="M35.038 0h-32a3 3 0 00-3 3v18a3 3 0 003 3h32a3 3 0 003-3V3a3 3 0 00-3-3z" fill="#000" fill-opacity=".07"/><path d="M35.038 1h-32a2 2 0 00-2 2v18a2 2 0 002 2h32a2 2 0 002-2V3a2 2 0 00-2-2z" fill="#fff"/><path d="M7.916 16l2.264-6.984h2.587L15.116 16h-2.147l-.811-2.71a36.86 36.86 0 01-.492-1.827 95.798 95.798 0 01-.436-1.89h.43c-.13.625-.263 1.255-.398 1.89a26.93 26.93 0 01-.454 1.828L10.034 16H7.916zm1.678-1.34v-1.416h3.844v1.415H9.594zm8.962 1.434a3.563 3.563 0 01-1.72-.413 3.011 3.011 0 01-1.205-1.21c-.293-.534-.44-1.187-.44-1.959 0-.778.15-1.434.45-1.968a2.99 2.99 0 011.214-1.21 3.524 3.524 0 011.701-.412c.435 0 .835.06 1.2.178.369.116.692.286.97.51.279.226.504.503.676.83a3.1 3.1 0 01.323 1.126h-1.922a1.216 1.216 0 00-.122-.408.987.987 0 00-.6-.516 1.449 1.449 0 00-.468-.07c-.316 0-.585.078-.807.234a1.403 1.403 0 00-.497.666c-.112.287-.168.634-.168 1.04 0 .425.057.782.173 1.07.116.287.281.502.497.646.219.144.483.216.792.216.175 0 .331-.024.469-.07.137-.047.258-.115.36-.202.104-.088.187-.192.25-.314.065-.122.109-.258.13-.408h1.922a2.61 2.61 0 01-.248.91 3 3 0 01-1.584 1.495c-.385.16-.833.239-1.346.239zM22.494 16V9.016h1.893v2.653H26.9V9.016h1.894V16H26.9v-2.803h-2.512V16h-1.894z" fill="#000"/></g><defs><clipPath id="pi-clip0_4778_42"><path fill="#fff" d="M0 0h38v24H0z"/></clipPath></defs></svg>
              </li><li class="icon--payment">
                <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-amazon"><title id="pi-amazon">Amazon</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" fill-rule="nonzero" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF" fill-rule="nonzero"/><path d="M25.26 16.23c-1.697 1.48-4.157 2.27-6.275 2.27-2.97 0-5.644-1.3-7.666-3.463-.16-.17-.018-.402.173-.27 2.183 1.504 4.882 2.408 7.67 2.408 1.88 0 3.95-.46 5.85-1.416.288-.145.53.222.248.47v.001zm.706-.957c-.216-.328-1.434-.155-1.98-.078-.167.024-.193-.148-.043-.27.97-.81 2.562-.576 2.748-.305.187.272-.047 2.16-.96 3.063-.14.138-.272.064-.21-.12.205-.604.664-1.96.446-2.29h-.001z" fill="#F90" fill-rule="nonzero"/><path d="M21.814 15.291c-.574-.498-.676-.73-.993-1.205-.947 1.012-1.618 1.315-2.85 1.315-1.453 0-2.587-.938-2.587-2.818 0-1.467.762-2.467 1.844-2.955.94-.433 2.25-.51 3.25-.628v-.235c0-.43.033-.94-.208-1.31-.212-.333-.616-.47-.97-.47-.66 0-1.25.353-1.392 1.085-.03.163-.144.323-.3.33l-1.677-.187c-.14-.033-.296-.153-.257-.38.386-2.125 2.223-2.766 3.867-2.766.84 0 1.94.234 2.604.9.842.82.762 1.918.762 3.11v2.818c0 .847.335 1.22.65 1.676.113.164.138.36-.003.482-.353.308-.98.88-1.326 1.2a.367.367 0 0 1-.414.038zm-1.659-2.533c.34-.626.323-1.214.323-1.918v-.392c-1.25 0-2.57.28-2.57 1.82 0 .782.386 1.31 1.05 1.31.487 0 .922-.312 1.197-.82z" fill="#221F1F"/></svg>

              </li><li class="icon--payment">
                <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/><path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>

              </li><li class="icon--payment">
                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>

              </li><li class="icon--payment">
                <svg viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg>
              </li><li class="icon--payment">
                <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>

              </li><li class="icon--payment">
                <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg>

              </li><li class="icon--payment">
                <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg>
              </li><li class="icon--payment">
                <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>

              </li><li class="icon--payment">
                <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 16.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>

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

    <div class="footer__section">
      <div class="page-width text-center small--text-left">
        <div class="footer__base-links"><span>
              &copy; 2026
              Inhabit
| US Patents & Pending Patents  | All images © Inhabit, Inc.   Inhabit, Harmony Felt, Wall Flats & Corrulights are registered trademarks of Inhabit, Inc | Headquartered at 211 S. Ritter Ave, Indianapolis, IN 46219 USA
</span><a href="/pages/privacy-policy">Privacy Policy</a><a href="/pages/data-sharing-opt-out">Do Not Sell or Share My Personal Information</a></div>
      </div>
    </div>
  </footer-section>

  <template data-island>
    <script type="module">
      import 'section.footer'
    </script>
  </template>
</is-land>


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

<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="pswp__bg"></div>
  <div class="pswp__scroll-wrap">
    <div class="pswp__container">
      <div class="pswp__item"></div>
      <div class="pswp__item"></div>
      <div class="pswp__item"></div>
    </div>

    <div class="pswp__ui pswp__ui--hidden">
      <button
        class="btn btn--secondary btn--circle pswp__button pswp__button--arrow--left"
        title="

Previous
"
      >
        



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-chevron-left element-icon--line"
  viewbox="0 0 284.49 498.98"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M249.49 0a35 35 0 0 1 24.75 59.75L84.49 249.49l189.75 189.74a35.002 35.002 0 1 1-49.5 49.5L10.25 274.24a35 35 0 0 1 0-49.5L224.74 10.25A34.89 34.89 0 0 1 249.49 0"
  />
</svg>

</element-icon>










      </button>

      <button
        class="btn btn--secondary btn--circle btn--large pswp__button pswp__button--close"
        title="

Close (esc)
"
      >
        



<element-icon
  
  
>
  <svg 
  xmlns="http://www.w3.org/2000/svg" 
  class="element-icon element-icon-close element-icon--line"
  width="64" 
  height="64" 
  viewBox="0 0 64 64" 
  fill="none"
>
  <path d="M52.5137 11.01L11.8887 51.635" stroke="currentColor" stroke-miterlimit="10"/>
  <path d="M52.5137 51.635L11.8887 11.01" stroke="currentColor" stroke-miterlimit="10"/>
</svg>
</element-icon>










      </button>

      <button
        class="btn btn--secondary btn--circle pswp__button pswp__button--arrow--right"
        title="

Next
"
      >
        



<element-icon
  
  
>
  <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="element-icon element-icon-chevron-right element-icon--line"
  viewbox="0 0 284.49 498.98"
  fill="currentColor"
  width="20"
  height="20"
>
  <path
    d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98"
  />
</svg>

</element-icon>










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




<tool-tip data-tool-tip="">
  <div class="tool-tip__inner" data-tool-tip-inner>
    






  <button
    

    class="tool-tip__close element-button"

    

    

    

    

    
      data-tool-tip-close
    
>
    




<element-icon
  
  
>
  <svg 
  xmlns="http://www.w3.org/2000/svg" 
  class="element-icon element-icon-close element-icon--line"
  width="64" 
  height="64" 
  viewBox="0 0 64 64" 
  fill="none"
>
  <path d="M52.5137 11.01L11.8887 51.635" stroke="currentColor" stroke-miterlimit="10"/>
  <path d="M52.5137 51.635L11.8887 11.01" stroke="currentColor" stroke-miterlimit="10"/>
</svg>
</element-icon>










  </button>











    <div data-tool-tip-title>Acoustic Panels for Walls | Harmony3D PET Felt Panels</div>
    <div class="tool-tip__content" data-tool-tip-content></div>
  </div>
</tool-tip>

<script type="module">
  import 'overlay.tool-tip'
</script>

    
    

<dialog
  id="inhabit-backorder-cart-notice"
  class="inhabit-backorder-cart-notice"
  aria-describedby="inhabit-backorder-cart-notice-message"
>
  <button
    type="button"
    class="inhabit-backorder-cart-notice__close"
    data-inhabit-backorder-close
    aria-label="Close"
  >
    &times;
  </button>

  <p
    id="inhabit-backorder-cart-notice-message"
    class="inhabit-backorder-cart-notice__message"
  >
    Please note: Oatmeal, Fossil Gray, Mineral, Cerulean, Lt Walnut and Walnut Finish are on backorder until mid-October 2026. Production will begin once the material is back in stock. Samples of these colors remain available and are not affected by the backorder.
  </p>

  <div class="inhabit-backorder-cart-notice__actions">
    <button
      type="button"
      class="element-button element-button--inverted"
      data-inhabit-backorder-close
    >
      Close
    </button>

    <button
      type="button"
      class="element-button"
      data-inhabit-backorder-continue
      hidden
    >
      Check out
    </button>
  </div>
</dialog>





    
  <style>  </style>
<div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block"><script>
  window['ShopifyForms'] = {
    ...window['ShopifyForms'],
    currentPageType: "collection"
  };
</script>


</div><div id="shopify-block-ATXJGNzJtbDBiVXdWN__6366116583096307484" class="shopify-block shopify-app-block"><script type="text/javascript">
  (function() {
    const checkoutButtons = document.querySelectorAll('form[action*="/cart"]:not([action*="/cart/"]) [type="submit"], [type="submit"][form="cart"]');
    checkoutButtons.forEach(button => button.disabled = true);

    window.addEventListener('parcelify_loaded', function(event) {
      checkoutButtons.forEach(button => button.disabled = false);
    });

    setTimeout(function() {
      checkoutButtons.forEach(button => button.disabled = false);
    }, 3000);
  })()
</script>


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

