Cart - Birch

<!doctype html> <html lang="en"> <head>  <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="description" content="">  <link rel="apple-touch-icon" sizes="180x180" href="https://birchliving.com/images/birch/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://birchliving.com/images/birch/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://birchliving.com/images/birch/favicon-16x16.png"> <link rel="manifest" href="https://birchliving.com/images/birch/site.webmanifest"> <link rel="mask-icon" href="https://birchliving.com/images/birch/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#2d89ef"> <meta name="theme-color" content="#ffffff">  <title>Cart - Birch</title>  <style >[wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] {display:none;}[wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {animation-duration: 50000s;animation-name: livewireautofill;}@keyframes livewireautofill { from {} }</style> <link rel="stylesheet" href="/birch/css/app.css?id=e9f8bf8ed756283372cedd0c40d489d6">  <link rel="canonical" href="https://birchliving.com/pages/cart" /> <meta name="hostname" content="web-ava"> <link rel="stylesheet" href="https://birchliving.com/vendor/strata/frontend.css">       <link rel="preload" href="//cdn.optimizely.com/js/19175903482.js" as="script"> <link rel="preconnect" href="//logx.optimizely.com"> <script src="https://cdn.optimizely.com/js/19175903482.js"></script> <style> .osano-cm-widget { display: none; } </style> <script src="https://cmp.osano.com/AzyzxlTvcbPa24v4f/efc095ca-9ec3-40d2-899a-7df04ca2e554/osano.js"></script>  <script type="module"> try { const settings = {}; const config = (await import("https://shopify-gtm-suite.getelevar.com/configs/1ca0b7010e6ef1402a9786e4ca9c9911a4f589d5/config.js")).default; const scriptUrl = settings.proxyPath ? `${settings.proxyPath}${config.script_src_custom_pages_proxied}` : config.script_src_custom_pages; if (scriptUrl) { const { handler } = await import(scriptUrl); await handler(config, settings); } } catch (error) { console.error("Elevar Error:", error); } </script> <script> window.ElevarDataLayer = window.ElevarDataLayer ?? []; </script>   <script> window.dataLayer = window.dataLayer || []; window.ElevarDataLayer = window.ElevarDataLayer ?? []; window.ElevarDataLayer.push({"event":"dl_user_data","cart_total":"0","user_properties":{"visitor_type":"guest"},"ecommerce":{"currencyCode":"USD","cart_contents":{"products":[]}}}); window.ElevarDataLayer.push({"event":"dl_view_cart","user_properties":{"visitor_type":"guest"},"ecommerce":{"currencyCode":"USD","impressions":[],"actionField":{"list":"Shopping Cart"}}}); window.ElevarDataLayer.push({"pageType":"cart"}); window.addEventListener('push-to-data-layer', (event) => window.ElevarDataLayer.push(event.detail)) </script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5B3L78F'); </script>   <script type="text/javascript"> window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.settings=t=t||{};var r=t.forceSSL||"https:"===document.location.protocol,a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=(r?"https:":"http:")+"//cdn.heapanalytics.com/js/heap-"+e+".js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(a,n);for(var o=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","resetIdentity","removeEventProperty","setEventProperties","track","unsetEventProperty"],c=0;c<p.length;c++)heap[p[c]]=o(p[c])}; heap.load("2499289854"); </script>   <script src="/birch/js/app.js?id=22449f4c75ae212d7dce648bf81586dc" defer></script> <script src="/vendor/livewire/livewire.js?id=90730a3b0e7144480175" data-turbo-eval="false" data-turbolinks-eval="false" ></script><script data-turbo-eval="false" data-turbolinks-eval="false" >window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = 'wTlXjBQEIJKYCN7nlbpJMTHjNqzUZ4zJlWH4IJf6';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script>    </head> <body class="min-h-screen flex flex-col antialiased font-sans bg-sand-light">   <div class="z-50"> <div id="strata_promobar_1" > <style> .zaius-promobar { color: #ffffff; background-color: #00513e; padding: 12px 0px 12px 0px; } .zaius-promobar .no-wrap { white-space: nowrap; } .zaius_promobar_countdown { margin-left: 10px; } @media (min-width: 768px) { .zaius-promobar .md\:justify-center { justify-content: center; } } .zaius-promobar .text-center { text-align: center; } .zaius-promobar .zaius-promobar__content { margin: auto; } .zaius-promobar .hidden { display: none; } .zaius-promobar .flex { display: flex; } .zaius-promobar .ml-4 { margin-left: 1rem; } .zaius_promobar_countdown { margin-left: 10px; display: flex; justify-content: start; } .zaius-promobar .countdown-block { padding: 0 0.5rem; border-radius: 0.125rem; width: 1.56rem; background: #FFF; color: #ffffff; margin: 0px 2px }}; } .zaius-promobar .block-info { text-align: center; font-weight: bold; } .zaius-promobar .text-xs { font-size: 0.75rem; line-height: 1rem; } .zaius-promobar .font-bold{ font-weight: bold; } .zaius-promobar .timer-container{ padding: 2px 0px; text-align: center; display: flex; gap: 0.5rem; } .zaius-promobar .seconds-block, .zaius-promobar .minutes-block, .zaius-promobar .months-block, .zaius-promobar .days-block{ font-weight: bold; display: flex; gap: 0.25rem; } .zaius-promobar .promobar-cta{ display: flex; } @media (min-width: 768px) { .zaius-promobar .md\:hidden { display: none; } .zaius-promobar .md\:flex { display: flex; } } .zaius-promobar .container { width: 100%; } @media (min-width: 640px) { .zaius-promobar .container { max-width: 640px; } .zaius-promobar .promobar-cta{ margin-left: 0px; } } @media (min-width: 768px) { .zaius-promobar .container { max-width: 768px; } .zaius-promobar .promobar-cta{ margin-left: 1rem; } } @media (min-width: 1024px) { .zaius-promobar .container { max-width: 1024px; } } @media (min-width: 1280px) { .zaius-promobar .container { max-width: 1280px; } .zaius-promobar .timer-container{ padding: 2px 0px; margin-top: -4px; } .zaius-promobar .md\:justify-center .timer-container{ margin-top: 14px; } } @media (min-width: 1536px) { .zaius-promobar .container { max-width: 1536px; } } </style> <div class="zaius-promobar"> <div class="zaius-promobar__content container flex flex-col md:flex-row items-center md:justify-center "> <div class="flex md:hidden text-center "><div><strong>March Madness Sale!</strong> 25% OFF SITEWIDE!</div></div> <div class="hidden md:flex"><div><strong>March Madness Sale!</strong> 25% OFF SITEWIDE with code MARCH25</div></div> <button type="button" class="no-wrap promobar-cta" onclick="openZaiusModal('2021__fourth_of_july__top_bar_pop_up_2021_-_fourth_of_july_-_top_bar_pop_up_2021_-_fourth_of_july_-_top_bar_pop_up_web_modal')"><div><strong>View Offer*</strong></div></button> </div> </div>  <script> function openZaiusModal(contentId) { zaius.onload(() => { zaius._tracker.web.hasShownModal(false); zaius.dispatch( 'web', 'showContent', { contentId: contentId, target: { selector: '', // empty string for modals position: '1' // modal | before | after | inside | replace } } ); }) } </script>  </div> <nav class="font-sans hover:bg-sand-light bg-transparent py-4 lg:py-4 flex items-center text-evergreen text-lg flex-col" ref="nav"> <div class="container flex justify-between items-center z-10"> <a href="https://birchliving.com" class="z-10"> <svg class="h-10 md:h-12 text-evergreen w-auto" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 600 399.4"><path d="M120 97.6a49.9 49.9 0 0 0-52.2-.4 98.9 98.9 0 0 0-22.2 19.5V7.5A3.9 3.9 0 0 0 43.9 5 4.6 4.6 0 0 0 41 3.5l-1.6.4L.3 25.5q-.6.7 0 2.5c.4 1.2 1.1 1.8 1.9 1.8l.4-.2a9.8 9.8 0 0 1 4.8-1.4c3.6 0 7.5 1.6 9.3 5.2s2.7 9.5 2.7 17.9v145.4q0 13.7-4 21.8a38.5 38.5 0 0 1-12.6 14.2 1.7 1.7 0 0 0-.6 2 1.5 1.5 0 0 0 1.6 1.3h.6l27.3-14q19.9 16.6 45 16.6a66.7 66.7 0 0 0 34.1-9.4q16.1-9.4 25.9-27.7t9.8-44.3q0-21.6-7.2-36.7T120 97.6Zm-10.8 117.8q-8.4 15.9-24.1 15.8-8.7 0-17.8-5.2t-15.5-17.1q-6.3-11.9-6.3-30.6v-55.1q18.3-16.6 34.7-16.6t27.2 16q10.1 16 10.1 47.7.1 29.3-8.3 45.1Zm240.1-105.9q0-7.6-7.6-13a26.9 26.9 0 0 0-15.8-5.4q-7.6 0-16.9 6.1t-23.4 22q-.7-12.6-4.3-20.4t-7.3-7.7l-2.5.7-35 17.7c-.7.5-.8 1.3-.4 2.5s1.2 1.8 2.2 1.8h.4c10.5-4.9 14.7 5.1 14.7 5.1q2.7 5.4 2.7 16.8v68.8q0 14.8-4 19.8t-16.2 5h-10.2q-12.2 0-16.4-5t-4.1-19.8v-65.8q0-15.9.4-28.6a55.3 55.3 0 0 1 5.8-23.1l.2-.4.5-1a33.1 33.1 0 0 0 3.2-18.9c-1.6-13.2-10.1-24.3-23.6-25.6h-1.8c-8.9 0-16.9 6.7-16.9 15.6a16.1 16.1 0 1 0 32.2 0l-.1-1.1a29.4 29.4 0 0 1 4.2 14.2c.3 11.5-9.7 20.5-19.2 25.7L156.2 112c-.7.5-.8 1.3-.4 2.5s1.2 1.8 2.2 1.8h.4c10.5-4.9 14.7 5.1 14.7 5.1q2.5 5.6 2.5 17.8v65.6c0 9.8-1.7 15.1-4.3 18.5s-6.4 6.4-14.6 6.4q-1.1 0-1.1 2.2t1.1 2.2h147.5c.9.1 1.4-.7 1.4-2.2s-.6-2.2-1.5-2.2c-13.5.4-16.2-9.2-16.2-9.2a43.8 43.8 0 0 1-2.3-15.6v-78.1q9.4-9.7 13.9-12.8a15.3 15.3 0 0 1 8.5-3.1 11.1 11.1 0 0 1 6.1 1.6 36.6 36.6 0 0 1 5.8 4.9 32.1 32.1 0 0 0 6.1 5.6 14 14 0 0 0 7.7 2q7.2 0 11.3-4.3a15.5 15.5 0 0 0 4.3-11.2Zm102.4 102.3h-.3a73.9 73.9 0 0 1-15.1 7.9 45.9 45.9 0 0 1-15.8 2.5q-25.8 0-38-18.5t-12.1-48.4q0-25.6 8.7-40.9t23.5-15.3q7.6 0 11 3.8t6.6 12.8q5.4 16.2 17.3 16.2 7.2 0 11.3-4.5a15.3 15.3 0 0 0 4.1-10.6q0-11.5-12-18.4a53.1 53.1 0 0 0-26.8-6.8q-17.3 0-34.2 9.2a74 74 0 0 0-27.5 26.2q-10.7 17.1-10.7 39.8a87.4 87.4 0 0 0 6.9 34.4 61.7 61.7 0 0 0 21.3 26.7q14.3 10.3 34.8 10.3a56.3 56.3 0 0 0 25.8-5.8q11.3-5.8 23-17.6.6-.7-.2-1.8a2.2 2.2 0 0 0-1.6-1.2Z" class="cls-1"/><path d="M598.7 229.5c-7.2 0-10-1.7-12.4-5s-3.7-10-3.7-19.8v-69.6q0-20.5-9.7-32.4t-27.2-11.9q-25.8 0-48.7 29.9V7.5a4 4 0 0 0-1.4-2.5 4 4 0 0 0-2.7-1.4l-1.6.4-38.8 21q-1 .4-.2 2.3c.5 1.3 1.1 2 1.7 2h.3c1.2-.3 2.6-1.4 5.7-1.4a9.8 9.8 0 0 1 9 5.8c1.5 3.7 2.5 9.5 2.5 17.9v153q0 14.4-3.8 19.6c-2.5 3.5-5.3 5.2-12.3 5.2q-1 0-1 2.2t1 2.2H513c.8 0 1.3-.7 1.3-2.2s-.4-2.2-1.3-2.2c-7.2 0-10-1.7-12.4-5s-3.7-10-3.7-19.8v-76.7a52.5 52.5 0 0 1 15.4-12.1 37.7 37.7 0 0 1 17.3-4.5q27.4 0 27.4 39.6v53.7q0 14.4-3.8 19.6c-2.5 3.5-5.3 5.2-12.3 5.2q-1 0-1 2.2t1 2.2h57.6c.8 0 1.3-.7 1.3-2.2s-.2-2.1-1.1-2.1ZM168.1 336q5.6 6.4 5.6 17.4t-5.6 17.4q-5.6 6.4-15.2 6.4a18.5 18.5 0 0 1-9.5-2.4 15.3 15.3 0 0 1-6.2-6.4l-.5 8h-6.4v-66.9h7.3v28.2a16.1 16.1 0 0 1 6.2-5.9 18.3 18.3 0 0 1 9-2.2q9.7 0 15.3 6.4Zm-5.5 30.1q3.8-4.7 3.8-12.7t-3.8-12.7a12.8 12.8 0 0 0-10.5-4.7 13 13 0 0 0-10.5 4.6q-3.9 4.6-3.9 12.3v1.1q0 7.7 3.9 12.3a13 13 0 0 0 10.5 4.6 12.8 12.8 0 0 0 10.5-4.8Zm39.6 17.9q-2.7 6.6-5.9 9.3a13 13 0 0 1-8.5 2.7 16 16 0 0 1-5.8-.9 11.9 11.9 0 0 1-4.3-2.9l2.6-6.2a8.6 8.6 0 0 0 7.4 3.7 7.5 7.5 0 0 0 4.7-1.6q2.1-1.6 3.6-5.8l2.4-5.9-19.1-45.6h8.3l11.4 29.6 2.8 8.1 3.3-9.1 10.7-28.9h7.9Zm111.5-68.1v60.3h-7.3v-27.1h-32.8v27.2h-7.3v-60.4h7.3v26.3h32.7v-26.3Zm55.4 40.3h-34.5q.6 6.9 4.6 10.8a14.2 14.2 0 0 0 10.3 3.8 18 18 0 0 0 8.4-1.7 9 9 0 0 0 4.5-5l6.1 3.2a19 19 0 0 1-7.3 7.4q-4.6 2.6-11.7 2.6-10.3 0-16.2-6.3t-5.9-17.5q0-11.2 5.6-17.5t16-6.3a20.9 20.9 0 0 1 11.1 2.8 18.2 18.2 0 0 1 7 7.7 24.4 24.4 0 0 1 2.4 10.9 36.3 36.3 0 0 1-.4 5.1Zm-29.9-16.5q-3.7 3.6-4.5 10.1h27.7q-.7-6.4-4.2-10a12.2 12.2 0 0 0-9.2-3.6 13.5 13.5 0 0 0-9.8 3.4Zm49.5 24.3q0 3.5 1.1 4.8t3.9 1.3a17.7 17.7 0 0 0 3.3-.3 20.4 20.4 0 0 0 3.3-1l-1.2 7a17.2 17.2 0 0 1-6.8 1.3q-5.6 0-8.3-3t-2.7-9.2v-55.4h7.3Zm20.3-43.7a6 6 0 1 1 4 1.5 5.4 5.4 0 0 1-4-1.5Zm7.6 56h-7.3v-45.7h7.3Zm44.1 0L448 358.6l-13 17.6h-8.5l17.6-23-16.5-22.7h9.1l12.1 16.9 11.9-16.9h8.6L452.8 353l16.8 23.3Z" class="cls-1"/></svg> </a> <div>Your Secure Cart</div> <svg class="text-evergreen w-5 ml-4 lg:ml-16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 1000 1000"><path d="M742.8 417.7V246.3c0-64.6-25.3-125.5-71.3-171.5S564.6 3.5 500 3.5 374.5 28.8 328.5 74.8s-71.3 106.9-71.3 171.5v171.4m80-171.4a162.8 162.8 0 0 1 325.6 0v171.4H337.2Z"/><path d="M782.5 416h-565a53.6 53.6 0 0 0-53.5 53.5v471a53.6 53.6 0 0 0 53.5 53.5h565a53.6 53.6 0 0 0 53.5-53.5v-471a53.6 53.6 0 0 0-53.5-53.5ZM551.2 713.8v96a51.2 51.2 0 1 1-102.5 0v-96a84.5 84.5 0 1 1 102.5 0Z"/></svg> </div> </nav> </div> <div id="site-container" class="flex-grow"> <main aria-label="Site Content"> <script> !function(a,b,c,d,e,f){a.ddjskey=e;a.ddoptions=f||null;var m=b.createElement(c),n=b.getElementsByTagName(c)[0];m.async=1,m.src=d,n.parentNode.insertBefore(m,n)}(window,document,"script","https://js.datadome.co/tags.js", "B56179E425848500C76583A3612017", { ajaxListenerPath: true }); </script> <section wire:id="jjpTMq477wZvnYpWFi53" wire:initial-data="{"fingerprint":{"id":"jjpTMq477wZvnYpWFi53","name":"white-glove","locale":"en","path":"cart","method":"GET","v":"acj"},"effects":{"listeners":["itemAddedToCart","itemRemovedFromCart","itemQuantityChanged","cartCleared","addMedia:eacd4df4-642d-48cb-be40-c502486c9976","updateMedia:eacd4df4-642d-48cb-be40-c502486c9976:","updateMediaOrder","updateRepeaterOrder","updateSectionVariant:1965:","updateSectionPadding:1965:","updateSectionLabel:1965:","save:","set-order:","mirroredSectionUpdated"]},"serverMemo":{"children":[],"errors":[],"htmlHash":"4df26a69","data":{"restingText":"Add In-Home Setup & Removal","restingCTAText":"Learn More","updateText":"In-Home Setup & Removal services added!","updateCTAText":"Update","step1":{"title":"In-Home Setup & Removal","subTitle":"<p><em>Not eligible for promotional discounts<\/em><\/p><p><br><\/p><p>We offer the following In-Home Setup &amp; Removal services:<\/p>","description":"<p>1. In-Home Setup &amp; Removal<\/p><p>2. In-Home Setup Only<\/p><p>3. Removal Only<\/p>","instructions":"Check to see if your ZIP code qualifies:","failureMessage":"We're sorry. Unfortunately, In-Home Setup & Removal is not currently offered in your area.","successMessage":"In-Home Setup & Removal is offered in your area.","additionalInformation":"What is In-Home Setup & Removal? How does it work?","modal":{"title":"How It Works","content":"<p><strong>1. Place Your Order<\/strong><\/p><p>Choose your preferred In-Home Setup &amp; Removal services and add to your cart.<\/p><p>The services you choose will appear as a line item in your cart once successfully added.<\/p><p><br><\/p><p><strong>Please note:<\/strong>&nbsp;If you have more than one of the same type of product in your cart (two mattresses, for example) you will need to add your Removal or In-Home Setup selection twice. You can do so by clicking the + next to your Removal or In-Home Setup selection once added to your cart.<\/p><p><br><\/p><p><strong>2. Schedule Your Service<\/strong><\/p><p>Once your order has been placed, you will receive a confirmation email from Birch confirming the items in your order and providing additional shipping details. You will also receive a separate email from our In-Home Setup &amp; Removal Parter, LoadUp, allowing you to schedule your appointment.<\/p><p><br><\/p><p><strong>Please note:<\/strong>&nbsp;All products from your order should be delivered to your home prior to your scheduled appointment with LoadUp.<\/p><p><br><\/p><p><strong>3. Your Service Is Completed<\/strong><\/p><p>On the day of your scheduled In-Home Setup &amp; Removal service, the LoadUp team will come to your home and assist with your chosen services. Please note, your In-Home Setup &amp; Removal service must be canceled at least 24 hours prior to your scheduled service in order to receive a refund. In-Home Setup &amp; Removal cannot be canceled or refunded within 24 hours of your appointment.<\/p>"}},"step2":{"title":"<p>Select the In-Home &amp; Delivery service for each eligible item in your order:<\/p><p><br><\/p><p><strong>Please note: If you have more than one of the same type of product in your cart (two mattresses, for example) you will need to add your Removal or In-Home Setup selection twice. You can do so by clicking the + next to your Removal or In-Home Setup selection once added to your cart.<\/strong><\/p>"},"removalColumn":{"title":"Removal","toolTipDescription":"<p>Our team will remove your old products from your home. Please note, this service does not include assistance with your new products, unless products are selected for In-Home Setup as well.<\/p>"},"installationColumn":{"title":"In-Home Setup","toolTipDescription":"<p>Our team will unpack your new products and set them up in your desired location. The team will also dispose of any packaging. Please note, this service does not include assistance with your old products, unless products are selected for Removal as well.<\/p>"},"_isInEditorMode":false,"_editorView":"","_sectionModel":[],"_sectionable":[],"_id":"eacd4df4-642d-48cb-be40-c502486c9976","_sectionId":"1965","_livewireId":"jjpTMq477wZvnYpWFi53","_unpersisted":null,"_order":2,"_show":true,"_locked":false,"_mirrored":false,"_syncVariantWithMirroredSections":true,"_syncPaddingWithMirroredSections":true,"_syncLabelWithMirroredSections":true,"_shouldHideSection":false,"_shouldDisableSection":false,"_exists":true,"_zIndex":0,"_label":"","_bricks":{"restingText":"Add In-Home Setup & Removal","restingCTAText":"Learn More","updateText":"In-Home Setup & Removal services added!","updateCTAText":"Update","step1":{"title":"In-Home Setup & Removal","subTitle":"<p><em>Not eligible for promotional discounts<\/em><\/p><p><br><\/p><p>We offer the following In-Home Setup &amp; Removal services:<\/p>","description":"<p>1. In-Home Setup &amp; Removal<\/p><p>2. In-Home Setup Only<\/p><p>3. Removal Only<\/p>","instructions":"Check to see if your ZIP code qualifies:","failureMessage":"We're sorry. Unfortunately, In-Home Setup & Removal is not currently offered in your area.","successMessage":"In-Home Setup & Removal is offered in your area.","additionalInformation":"What is In-Home Setup & Removal? How does it work?","modal":{"title":"How It Works","content":"<p><strong>1. Place Your Order<\/strong><\/p><p>Choose your preferred In-Home Setup &amp; Removal services and add to your cart.<\/p><p>The services you choose will appear as a line item in your cart once successfully added.<\/p><p><br><\/p><p><strong>Please note:<\/strong>&nbsp;If you have more than one of the same type of product in your cart (two mattresses, for example) you will need to add your Removal or In-Home Setup selection twice. You can do so by clicking the + next to your Removal or In-Home Setup selection once added to your cart.<\/p><p><br><\/p><p><strong>2. Schedule Your Service<\/strong><\/p><p>Once your order has been placed, you will receive a confirmation email from Birch confirming the items in your order and providing additional shipping details. You will also receive a separate email from our In-Home Setup &amp; Removal Parter, LoadUp, allowing you to schedule your appointment.<\/p><p><br><\/p><p><strong>Please note:<\/strong>&nbsp;All products from your order should be delivered to your home prior to your scheduled appointment with LoadUp.<\/p><p><br><\/p><p><strong>3. Your Service Is Completed<\/strong><\/p><p>On the day of your scheduled In-Home Setup &amp; Removal service, the LoadUp team will come to your home and assist with your chosen services. Please note, your In-Home Setup &amp; Removal service must be canceled at least 24 hours prior to your scheduled service in order to receive a refund. In-Home Setup &amp; Removal cannot be canceled or refunded within 24 hours of your appointment.<\/p>"}},"step2":{"title":"<p>Select the In-Home &amp; Delivery service for each eligible item in your order:<\/p><p><br><\/p><p><strong>Please note: If you have more than one of the same type of product in your cart (two mattresses, for example) you will need to add your Removal or In-Home Setup selection twice. You can do so by clicking the + next to your Removal or In-Home Setup selection once added to your cart.<\/strong><\/p>"},"removalColumn":{"title":"Removal","toolTipDescription":"<p>Our team will remove your old products from your home. Please note, this service does not include assistance with your new products, unless products are selected for In-Home Setup as well.<\/p>"},"installationColumn":{"title":"In-Home Setup","toolTipDescription":"<p>Our team will unpack your new products and set them up in your desired location. The team will also dispose of any packaging. Please note, this service does not include assistance with your old products, unless products are selected for Removal as well.<\/p>"}},"_inputs":[],"_additional":[],"_variant":"sand","_padding":[],"isRedirecting":false,"zipCode":"","zipCodeIsEligible":false,"showWhiteGlove":false,"productVariantIdsNeededForSelectedServices":[]},"dataMeta":{"models":{"_sectionModel":{"class":"Helix\\Lego\\Models\\Section","id":1965,"relations":[],"connection":"tenant","collectionClass":null},"_sectionable":{"class":"Helix\\Lego\\Models\\Page","id":2,"relations":["sections","footer"],"connection":"tenant","collectionClass":null}}},"checksum":"3956fecba5a8344c73b1eb89a61cba8a7ee370691add001413bab7c909bfa6ec"}}" x-data="{ selections: { removal: JSON.parse(localStorage.getItem('removalSelections')) || [], setup: JSON.parse(localStorage.getItem('setupSelections')) || [], }, zipCode: window.Livewire.find('jjpTMq477wZvnYpWFi53').entangle('zipCode').defer, showWhiteGlove: window.Livewire.find('jjpTMq477wZvnYpWFi53').entangle('showWhiteGlove').defer, zipCodeIsEligible: window.Livewire.find('jjpTMq477wZvnYpWFi53').entangle('zipCodeIsEligible').defer, isLoading: false, init() { this.clearWhiteGloveOldData() if (localStorage.getItem('zipCode')) { this.zipCode = localStorage.getItem('zipCode'); } else { localStorage.setItem('zipCode', this.zipCode || ''); } $watch('selections.setup', value => { this.updateLocalStorage('setupSelections', value); this.resetExpiration(); }) $watch('selections.removal', value => { this.updateLocalStorage('removalSelections', value); this.resetExpiration(); }) $watch('zipCode', value => { localStorage.setItem('zipCode', value); this.resetExpiration(); }) $watch('selections', value => { this.isLoading = true }), $watch('zipCode', () => { this.isLoading = true }), $watch('selections', Alpine.debounce(async (selections) => { this.getServices(selections) }, 1000)) $watch('zipCode', Alpine.debounce(async () => { await $wire.call('verifyWhiteGloveZipCode') this.getServices(this.selections) }, 1000)) this.resetExpiration() }, updateLocalStorage(key, value) { localStorage.setItem(key, JSON.stringify(value)) }, resetExpiration() { const expirationTime = Date.now() + 24 * 60 * 60 * 1000; localStorage.setItem('expirationDate', expirationTime); }, clearWhiteGloveOldData() { const storedExpiration = localStorage.getItem('expirationDate'); if (storedExpiration) { const expirationTime = parseInt(storedExpiration, 10); const currentTime = Date.now(); if (currentTime > expirationTime) { this.clearWhiteGloveData(); } } }, clearWhiteGloveData() { localStorage.removeItem('zipCode') localStorage.removeItem('setupSelections') localStorage.removeItem('removalSelections') localStorage.removeItem('expirationDate') this.selections.setup = []; this.selections.removal = []; }, async getServices(selections) { await $wire.call('setWhiteGloveProductsFromParts', selections) this.isLoading = false }, }" x-on:reset-selections.window="selections.removal = []; selections.setup = [];" x-on:scroll-to-top.window="window.scrollTo({ top: 0, behavior: 'smooth' });" lego-section-id="1965" id="eacd4df4-642d-48cb-be40-c502486c9976" data-section="white-glove" class="white-glove-section sand " > <div class="w-full max-w-3xl mx-auto pt-6 cursor-pointer mb-6" x-show="!showWhiteGlove" x-cloak x-on:click="showWhiteGlove = !showWhiteGlove" > <div class=" mx-4"> <div class="flex gap-4 font-style-body-2 justify-between items-center p-4 bg-white rounded-md gap-4"> <div class="grid grid-cols-[auto,_1fr] gap-4 items-center cursor-pointer font-semibold uppercase "> <svg class="w-10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" class="w-10 mr-2" viewBox="0 0 240 240"><path d="M186.2 163.5c4.4 2.9 5.8 7.3 6.5 12a14 14 0 0 1-15.5 15.7c-3.6-.5-7-1.2-10.3-2.8a16.3 16.3 0 0 1-6.4-23.7l.3-.6-1.1-.1a367 367 0 0 0-39.3 2.6c-6.2.6-12.4.7-18.6 1l-16.3.4-1.5.2c3 2 4.1 4.8 5.1 7.6 1 3 2.2 6 1.7 9.1a15 15 0 0 1-13.3 11.8c-3 .2-6.1.5-9 0-6-1-10-4.7-12-10.4-.5-1.5-1.4-2.8-1.6-4.3-.8-4.2 0-8 2.5-11.5l.7-1-2.2-.2-23.2-.7c-1.3 0-2.1-.4-1.9-2 1-7 0-14-.5-20.9L27.6 104c-.4-5.7-.9-11.3-1.2-17L25 63c-.1-2.8.8-4 3.6-4.3L43 57.2l26.4-2.4c8.8-.6 17.6-1.2 26.5-1.5 12.3-.6 24.6-.9 36.8-1.3 5.2-.1 10.3.1 15 2.8.4.3 1 .5 1.6.6a23 23 0 0 1 13.9 9.6c2.2 3 4.7 6 6.7 9.1 1.5 2.4 2.5 5 3.7 7.6l1 2c4 6.2 6.6 13 6.6 20.5l.1 1.3.2.7h15.7c3.4-.1 6.2.8 8.7 3.2 4.3 4 8.7 7.7 13.2 11.4 3.5 2.8 5.1 6.5 5.5 10.6.5 6 .6 12 .4 17.9 0 5.7-5.9 11.4-11.8 12l-25 2-2 .1Z"/></svg> <div class="max-w-[150px] sm:max-w-full "> Add In-Home Setup & Removal </div> </div> <button class="shrink-0 font-style-body-2 cursor-pointer underline text-sea p-2" > <span class="w-full"> Learn More </span> <div class=""></div> </button> </div> </div> </div> <div x-cloak class="m-4" x-show="showWhiteGlove"> <div class="w-full max-w-[706px] mx-auto"> <div class="relative"> <div class="grid grid-flow-row gap-4 justify-center md:justify-normal font-style-body-2 items-center p-6 bg-white rounded-md"> <div class="pt-8 flex flex-col gap-4 justify-center items-center"> <svg class="w-10 justify-self-center" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" class="w-10 mr-2" viewBox="0 0 240 240"><path d="M186.2 163.5c4.4 2.9 5.8 7.3 6.5 12a14 14 0 0 1-15.5 15.7c-3.6-.5-7-1.2-10.3-2.8a16.3 16.3 0 0 1-6.4-23.7l.3-.6-1.1-.1a367 367 0 0 0-39.3 2.6c-6.2.6-12.4.7-18.6 1l-16.3.4-1.5.2c3 2 4.1 4.8 5.1 7.6 1 3 2.2 6 1.7 9.1a15 15 0 0 1-13.3 11.8c-3 .2-6.1.5-9 0-6-1-10-4.7-12-10.4-.5-1.5-1.4-2.8-1.6-4.3-.8-4.2 0-8 2.5-11.5l.7-1-2.2-.2-23.2-.7c-1.3 0-2.1-.4-1.9-2 1-7 0-14-.5-20.9L27.6 104c-.4-5.7-.9-11.3-1.2-17L25 63c-.1-2.8.8-4 3.6-4.3L43 57.2l26.4-2.4c8.8-.6 17.6-1.2 26.5-1.5 12.3-.6 24.6-.9 36.8-1.3 5.2-.1 10.3.1 15 2.8.4.3 1 .5 1.6.6a23 23 0 0 1 13.9 9.6c2.2 3 4.7 6 6.7 9.1 1.5 2.4 2.5 5 3.7 7.6l1 2c4 6.2 6.6 13 6.6 20.5l.1 1.3.2.7h15.7c3.4-.1 6.2.8 8.7 3.2 4.3 4 8.7 7.7 13.2 11.4 3.5 2.8 5.1 6.5 5.5 10.6.5 6 .6 12 .4 17.9 0 5.7-5.9 11.4-11.8 12l-25 2-2 .1Z"/></svg> <button x-on:click="showWhiteGlove = false" type="button" class="absolute top-1 right-0 p-4 grid-area-[1/2/2/3] -translate-y-1 self-start grid place-items-center rounded-full" > <svg class="w-3 h-3" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_1_971" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="12" height="12"> <rect width="12" height="12" fill="#D9D9D9"/> </mask> <g mask="url(#mask0_1_971)"> <path d="M9.00214 1.75423C9.34385 1.41252 9.89787 1.41252 10.2396 1.75423C10.5813 2.09594 10.5813 2.64996 10.2396 2.99166L2.99174 10.2395C2.65003 10.5812 2.09601 10.5812 1.7543 10.2395C1.41259 9.8978 1.41259 9.34378 1.7543 9.00207L9.00214 1.75423Z" fill="#00513E"/> <path d="M10.4164 9.00207C10.7581 9.34378 10.7581 9.8978 10.4164 10.2395C10.0746 10.5812 9.52063 10.5812 9.17892 10.2395L1.93108 2.99166C1.58937 2.64996 1.58937 2.09594 1.93108 1.75423C2.27278 1.41252 2.8268 1.41252 3.16851 1.75423L10.4164 9.00207Z" fill="#00513E"/> </g> </svg> </button> <div class="grid-area-[2/1/3/span_2] font-style-headline-5 text-center "> In-Home Setup & Removal </div> </div> <div class="font-style-body text-center "> <div class="strata-prose-editor"><p><em>Not eligible for promotional discounts</em></p><p><br></p><p>We offer the following In-Home Setup & Removal services:</p></div> </div> <div class="justify-center pb-4 font-semibold uppercase border-b-2 border-b-evergreen"> <div class="strata-prose-editor font-style-body grid justify-center"><p>1. In-Home Setup & Removal</p><p>2. In-Home Setup Only</p><p>3. Removal Only</p></div> </div> <div class="font-style-body text-center "> Check to see if your ZIP code qualifies: </div> <div class="flex flex-col items-center"> <div class="flex flex-col sm:flex-row flex-col md:flex-row items-center"> <input x-model="zipCode" @input="localStorage.setItem('zipCode', zipCode)" @keydown.enter="zipCheckIsLoading = true" wire:keydown.enter="verifyWhiteGloveZipCode" class="bg-gray-100 font-style-headline-5 text-center md:mr-4 md:mb-0 rounded-full text-evergreen px-8 py-3 mb-4" placeholder="Enter ZIP Code" /> <button x-on:click="getServices(selections)" wire:click="verifyWhiteGloveZipCode" class="gap-x-4 w-full flex justify-center font-style-headline-5 text-white font-medium rounded-full px-8 py-3" :class="[zipCode ? 'cta-with-arrow bg-sea hover:bg-sea-dark cursor-pointer' : 'bg-gray-400 cursor-not-allowed']" :disabled="! zipCode" wire:loading.class.remove="cta-with-arrow" > <svg wire:loading="1" wire:target="verifyWhiteGloveZipCode" class="animate-spin h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" class="opacity-25"/><path fill="currentColor" d="M4 12a8 8 0 0 1 8-8V0A12 12 0 0 0 0 12h4zm2 5.3A8 8 0 0 1 4 12H0c0 3 1.1 5.8 3 8l3-2.7z" class="opacity-75"/></svg> <div wire:loading.remove wire:target="verifyWhiteGloveZipCode" class="flex items-center "> Next <svg class="h-6" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 38 38"><path d="M29.9 20v.3a31 31 0 0 0-8.8 9.8l-2-1.5c2.3-3.4 4.5-6 6.7-7.5-1.4.1-3 .3-5.2.3H9.9V19h10.7c2.1 0 3.8 0 5.2.2-2.2-1.5-4.4-4-6.6-7.4l1.9-1.6a31 31 0 0 0 8.8 9.9z"/></svg> </div> </button> </div> </div> <div class="underline text-sea font-style-body-2 cursor-pointer text-center" x-on:click="$modal.open('white-glove', {"title":"How It Works","content":"<div class=\"strata-prose-editor\"><p><strong>1. Place Your Order<\/strong><\/p><p>Choose your preferred In-Home Setup &amp; Removal services and add to your cart.<\/p><p>The services you choose will appear as a line item in your cart once successfully added.<\/p><p><br><\/p><p><strong>Please note:<\/strong>&nbsp;If you have more than one of the same type of product in your cart (two mattresses, for example) you will need to add your Removal or In-Home Setup selection twice. You can do so by clicking the + next to your Removal or In-Home Setup selection once added to your cart.<\/p><p><br><\/p><p><strong>2. Schedule Your Service<\/strong><\/p><p>Once your order has been placed, you will receive a confirmation email from Birch confirming the items in your order and providing additional shipping details. You will also receive a separate email from our In-Home Setup &amp; Removal Parter, LoadUp, allowing you to schedule your appointment.<\/p><p><br><\/p><p><strong>Please note:<\/strong>&nbsp;All products from your order should be delivered to your home prior to your scheduled appointment with LoadUp.<\/p><p><br><\/p><p><strong>3. Your Service Is Completed<\/strong><\/p><p>On the day of your scheduled In-Home Setup &amp; Removal service, the LoadUp team will come to your home and assist with your chosen services. Please note, your In-Home Setup &amp; Removal service must be canceled at least 24 hours prior to your scheduled service in order to receive a refund. In-Home Setup &amp; Removal cannot be canceled or refunded within 24 hours of your appointment.<\/p><\/div>"})" > What is In-Home Setup & Removal? How does it work? </div> </div> </div> </div> <div class="max-w-[706px] mx-auto my-2" x-show="zipCodeIsEligible"> <div class="font-style-body p-6 bg-white rounded-md"> <div class="my-3 max-w-prose mx-auto mb-3"> <div class="strata-prose-editor"><p>Select the In-Home & Delivery service for each eligible item in your order:</p><p><br></p><p><strong>Please note: If you have more than one of the same type of product in your cart (two mattresses, for example) you will need to add your Removal or In-Home Setup selection twice. You can do so by clicking the + next to your Removal or In-Home Setup selection once added to your cart.</strong></p></div> </div> <div class="grid grid-cols-2 gap-x-2 xs:gap-x-6 sm:gap-x-8 items-end"> <div class="grid grid-flow-row content-start gap-y-4 sm:justify-self-end"> <div class="flex items-center gap-2 md:font-normal font-style-body md:font-style-headline-5 font-bold"> <div class="flex flex-wrap"> <span>Removal</span> </div> <svg x-on:click="$modal.open('white-glove', {"title":"Removal","content":"<div class=\"strata-prose-editor\"><p>Our team will remove your old products from your home. Please note, this service does not include assistance with your new products, unless products are selected for In-Home Setup as well.<\/p><\/div>"})" class="w-4 cursor-pointer flex-shrink-0" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" class="h-5 w-5" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0zm-7-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM9 9a1 1 0 0 0 0 2v3a1 1 0 0 0 1 1h1a1 1 0 1 0 0-2v-3a1 1 0 0 0-1-1H9z" clip-rule="evenodd"/></svg> </div> <div class="grid grid-flow-row gap-2 font-style-body"> <div class="grid grid-cols-[auto_1fr] items-center gap-2"> <input class="rounded-md cursor-pointer" id="servicesRemovalMattress" type="checkbox" x-model="selections.removal" value="Mattress" @mouseup="$event.target.blur()" @change="updateLocalStorage('removalSelections', selections.removal)" /> <label for="servicesRemovalMattress">Mattress</label> </div> <div class="grid grid-cols-[auto_1fr] items-center gap-2"> <input class="rounded-md cursor-pointer" id="servicesRemovalAdjustableBase" type="checkbox" x-model="selections.removal" value="Adjustable Base" @mouseup="$event.target.blur()" @change="updateLocalStorage('removalSelections', selections.removal)" /> <label for="servicesRemovalAdjustableBase">Adjustable Base</label> </div> <div class="grid grid-cols-[auto_1fr] items-center gap-2"> <input class="rounded-md cursor-pointer" id="servicesRemovalFoundation" type="checkbox" x-model="selections.removal" value="Foundation" @mouseup="$event.target.blur()" @change="updateLocalStorage('removalSelections', selections.removal)" /> <label for="servicesRemovalFoundation">Foundation</label> </div> </div> </div> <div class="grid grid-flow-row content-start gap-y-4"> <div class="flex items-center gap-1 md:font-normal font-style-body md:font-style-headline-5 font-bold"> <div class="flex flex-wrap"> <span>In-Home Setup</span> </div> <svg x-on:click="$modal.open('white-glove', {"title":"In-Home Setup","content":"<div class=\"strata-prose-editor\"><p>Our team will unpack your new products and set them up in your desired location. The team will also dispose of any packaging. Please note, this service does not include assistance with your old products, unless products are selected for Removal as well.<\/p><\/div>"})" class="w-4 cursor-pointer flex-shrink-0" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" class="h-5 w-5" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0zm-7-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM9 9a1 1 0 0 0 0 2v3a1 1 0 0 0 1 1h1a1 1 0 1 0 0-2v-3a1 1 0 0 0-1-1H9z" clip-rule="evenodd"/></svg> </div> <div class="grid grid-flow-row gap-2 font-style-body"> <div class="grid grid-cols-[auto_1fr] items-center gap-2"> <input class="rounded-md cursor-pointer" id="servicesSetupMattress" type="checkbox" x-model="selections.setup" value="Mattress" @mouseup="$event.target.blur()" @change="updateLocalStorage('setupSelections', selections.setup)" /> <label for="servicesSetupMattress">Mattress</label> </div> <div class="grid grid-cols-[auto_1fr] items-center gap-2"> <input class="rounded-md cursor-pointer" id="servicesSetupAdjustableBase" type="checkbox" x-model="selections.setup" value="Adjustable Base" @mouseup="$event.target.blur()" @change="updateLocalStorage('setupSelections', selections.setup)" /> <label for="servicesSetupAdjustableBase">Adjustable Base</label> </div> <div class="grid grid-cols-[auto_1fr] items-center gap-2"> <input class="rounded-md cursor-pointer" id="servicesSetupFoundation" type="checkbox" x-model="selections.setup" value="Foundation" @mouseup="$event.target.blur()" @change="updateLocalStorage('setupSelections', selections.setup)" /> <label for="servicesSetupFoundation">Foundation</label> </div> </div> </div> </div> <div class="w-full flex flex-col text-center justify-center items-center mt-8 gap-y-2" x-show="(selections.removal.length > 0 || selections.setup.length > 0) && ! isLoading"> <div class="font-style-body-2 text-center mt-8"> <div class="">Oh no! The service you selected is not available.</div> <div class="mt-2" x-show="(selections.removal.includes('Foundation') && ! selections.removal.includes('Mattress')) || (selections.setup.includes('Foundation') && ! selections.setup.includes('Mattress'))" > Foundation setup or removal is only offered in combination with the same Mattress service. Select Mattress setup to proceed with Foundation setup, or Mattress removal to proceed with Foundation removal.</div> </div> </div> <div class="grid justify-center mt-8" x-show="(selections.removal.length > 0 || selections.setup.length > 0) && isLoading"> <svg wire:click="addWhiteGloveServicesToCart" class="animate-spin h-12 w-12 text-sea" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" class="opacity-25"/><path fill="currentColor" d="M4 12a8 8 0 0 1 8-8V0A12 12 0 0 0 0 12h4zm2 5.3A8 8 0 0 1 4 12H0c0 3 1.1 5.8 3 8l3-2.7z" class="opacity-75"/></svg> </div> </div> </div> </div> </section>  <section wire:id="gIqow7kUK5sXbfYZHIJh" wire:initial-data="{"fingerprint":{"id":"gIqow7kUK5sXbfYZHIJh","name":"global-cart","locale":"en","path":"cart","method":"GET","v":"acj"},"effects":{"listeners":["itemAddedToCart","itemRemovedFromCart","itemQuantityChanged","cartCleared","addOnProductAddedToCart","addMedia:75eff5d0-5da7-4232-b817-5487d91532d1","updateMedia:75eff5d0-5da7-4232-b817-5487d91532d1:","updateMediaOrder","updateRepeaterOrder","updateSectionVariant:1964:","updateSectionPadding:1964:","updateSectionLabel:1964:","save:","set-order:","mirroredSectionUpdated"]},"serverMemo":{"children":[],"errors":[],"htmlHash":"4dcdaccc","data":{"orderSummary":{"shippingCopy":"<strong>FREE<\/strong> for US orders","checkoutButtonCopy":"","showDifferentDiscountCallout":false,"differentDiscountModalCopy":"","enableAffirmWidget":false,"secureCheckoutImage":{"provider":"null","media":[]}},"emptyCart":{"enableEmptyCartButton":true,"button":{"id":"","href":"https:\/\/birchliving.com\/products\/birch-natural-organic-mattress","text":"Continue Shopping","target":"_self","a11y_title":""}},"valueProps":null,"enableAffirmWidget":null,"enableCXWidget":false,"displayComparisonLink":true,"displayInCartAddOn":false,"_isInEditorMode":false,"_editorView":"","_sectionModel":[],"_sectionable":[],"_id":"75eff5d0-5da7-4232-b817-5487d91532d1","_sectionId":"1964","_livewireId":"gIqow7kUK5sXbfYZHIJh","_unpersisted":null,"_order":3,"_show":true,"_locked":false,"_mirrored":false,"_syncVariantWithMirroredSections":true,"_syncPaddingWithMirroredSections":true,"_syncLabelWithMirroredSections":true,"_shouldHideSection":false,"_shouldDisableSection":false,"_exists":true,"_zIndex":0,"_label":"","_bricks":{"orderSummary":{"shippingCopy":"<strong>FREE<\/strong> for US orders","checkoutButtonCopy":"","showDifferentDiscountCallout":false,"differentDiscountModalCopy":"","enableAffirmWidget":false,"secureCheckoutImage":{"provider":"null","media":[]}},"enableCXWidget":false,"displayComparisonLink":true,"displayInCartAddOn":false,"emptyCart":{"enableEmptyCartButton":true,"button":{"id":"","href":"https:\/\/birchliving.com\/products\/birch-natural-organic-mattress","text":"Continue Shopping","target":"_self","a11y_title":""}}},"_inputs":[],"_additional":[],"_variant":"sand","_padding":[],"isRedirecting":false},"dataMeta":{"models":{"_sectionModel":{"class":"Helix\\Lego\\Models\\Section","id":1964,"relations":[],"connection":"tenant","collectionClass":null},"_sectionable":{"class":"Helix\\Lego\\Models\\Page","id":2,"relations":["sections","footer"],"connection":"tenant","collectionClass":null}}},"checksum":"1d1a80c1b83e571d4167f7c9a0ac918156f89be373ce9b7f3b49a036ec9f41fd"}}" lego-section-id="1964" id="75eff5d0-5da7-4232-b817-5487d91532d1" data-section="global-cart" class="cart-section sand "> <div class="max-w-3xl mx-auto"> <div class="grid gap-4 grid-cols-1"> </div> </div> <div class="flex flex-col items-center justify-center py-32 gap-6"> <div class="text-2xl font-normal"> Your Cart is Empty </div> <section> <div class="container birch-cta flex justify-center md:px-0 xl:px-4"> <a class="flex items-center rounded-full text-white bg-sea px-5 py-3 text-base xl:text-xl font-sans no-underline no-underline h-9 lg:h-fit flex items-center justify-center cursor-pointer gap-2 no-underline text-base py-4 px-6 text-white font-normal with-arrow" href="https://birchliving.com/products/birch-natural-organic-mattress" target="_self" title="Continue Shopping" target="_self" > <span>Continue Shopping</span> </a> </div> </section> </div> </section>  <div wire:id="ccaqiIMfko0se4EqDAp3" wire:initial-data="{"fingerprint":{"id":"ccaqiIMfko0se4EqDAp3","name":"birch.paragraph","locale":"en","path":"cart","method":"GET","v":"acj"},"effects":{"listeners":["addMedia:38a6f566-d1ac-4ee4-ac57-62043c54d9cb","updateMedia:38a6f566-d1ac-4ee4-ac57-62043c54d9cb:","updateMediaOrder","updateRepeaterOrder","updateSectionVariant:1963:","updateSectionPadding:1963:","updateSectionLabel:1963:","save:","set-order:","mirroredSectionUpdated"]},"serverMemo":{"children":[],"errors":[],"htmlHash":"f116c935","data":{"title":{"content":"You Might Also Like","element":"div"},"image":{"provider":"null","media":[]},"content":"","cta":{"title":"","link":{"id":"","href":"#","text":"","target":"_self","a11y_title":""}},"_isInEditorMode":false,"_editorView":"","_sectionModel":[],"_sectionable":[],"_id":"38a6f566-d1ac-4ee4-ac57-62043c54d9cb","_sectionId":"1963","_livewireId":"ccaqiIMfko0se4EqDAp3","_unpersisted":null,"_order":4,"_show":true,"_locked":false,"_mirrored":false,"_syncVariantWithMirroredSections":true,"_syncPaddingWithMirroredSections":true,"_syncLabelWithMirroredSections":true,"_shouldHideSection":true,"_shouldDisableSection":false,"_exists":true,"_zIndex":0,"_label":"Cross Sell Header - Highest Attachment Rate","_bricks":{"title":{"content":"You Might Also Like","element":"div"},"image":{"provider":"null","media":[]},"content":"","cta":{"title":"","link":{"id":"","href":"#","text":"","target":"_self","a11y_title":""}}},"_inputs":[],"_additional":[],"_variant":"evergreen","_padding":{"Mobile":{"top":"pt-4","bottom":"pb-0"},"Tablet":{"top":"lg:pt-8","bottom":"lg:pb-0"},"Desktop":{"top":"xl:pt-12","bottom":"xl:pb-0"}}},"dataMeta":{"models":{"_sectionModel":{"class":"Helix\\Lego\\Models\\Section","id":1963,"relations":[],"connection":"tenant","collectionClass":null},"_sectionable":{"class":"Helix\\Lego\\Models\\Page","id":2,"relations":["sections","footer"],"connection":"tenant","collectionClass":null}}},"checksum":"e6e72a738363f1ca57f6387edc028a16a0d9fa9c4374e29c7a61c1dc01897489"}}" lego-section-id="1963" id="38a6f566-d1ac-4ee4-ac57-62043c54d9cb" data-section="birch.paragraph" style="display: none;" class="evergreen pt-4 pb-0 lg:pt-8 lg:pb-0 xl:pt-12 xl:pb-0 flex justify-center items-center" > <div class="container flex justify-center items-center flex-col"> <div class="font-style-headline-2 text-center max-w-prose mb-6">You Might Also Like</div> </div> </div>  <div wire:id="Dg5I9mHkSQlRUCFfCAyc" wire:initial-data="{"fingerprint":{"id":"Dg5I9mHkSQlRUCFfCAyc","name":"cross-sell","locale":"en","path":"cart","method":"GET","v":"acj"},"effects":{"listeners":["addMedia:1e4246c2-b6da-4c86-9c9f-3ad8ce532411","updateMedia:1e4246c2-b6da-4c86-9c9f-3ad8ce532411:","updateMediaOrder","updateRepeaterOrder","updateSectionVariant:1962:","updateSectionPadding:1962:","updateSectionLabel:1962:","save:","set-order:","mirroredSectionUpdated"]},"serverMemo":{"children":[],"errors":[],"htmlHash":"1d850e7e","data":{"crossSells":[{"product":{"productId":"2","variantIds":["9","10","11"],"useSpecifiedVariants":false},"ratingCount":"","content":"<p>Enjoy plush comfort and pressure relief on the surface of any mattress. Made with natural and organic materials, including cotton, wool, and latex, the Plush Topper maximizes airflow for a cool night's sleep.<\/p>"},{"product":{"productId":"29","variantIds":["128","129","130","131","132"],"useSpecifiedVariants":true},"ratingCount":"","content":"<p><span class=\"strata-text-size-lg\">Completely waterproof design for protection against spills and stains.<\/span><\/p><p><br><\/p><p><span class=\"strata-text-size-lg strata-text-color-evergreen\">\u2022<\/span><span class=\"strata-text-size-lg strata-text-color-sprout\">&nbsp;<\/span><span class=\"strata-text-size-lg\">GOTS certified organic cotton&nbsp;<\/span><\/p><p><span class=\"strata-text-size-lg\">\u2022&nbsp;Breathable waterproof internal layer<\/span><\/p><p><span class=\"strata-text-size-lg\">\u2022&nbsp;Skirted design for snug fit<\/span><\/p>"},{"product":{"productId":"8"},"ratingCount":"","content":"<p><span class=\"strata-text-size-lg\">Optimal loft and support for all sleeping positions.<\/span><\/p><p><br><\/p><p><span class=\"strata-text-size-lg\">\ufeff\ud83c\udf31&nbsp;GOTS &amp; eco-INSTITUT Certified, featuring Fair Trade cotton&nbsp;<\/span><\/p><p><span class=\"strata-text-size-lg\">\ud83d\udc11&nbsp;Made with natural &amp; certified organic materials<\/span><\/p><p><span class=\"strata-text-size-lg\">\ud83c\udf2c\ufe0f&nbsp;Breathable design keeps you cool while you sleep<\/span><\/p>"},{"product":{"productId":"14"},"ratingCount":"","content":"<p class=\"strata-text-align-left\"><span class=\"strata-text-color-evergreen strata-text-size-lg\">Wicks away moisture and absorbs spills and stains.<\/span><\/p><p class=\"strata-text-align-center\"><br><\/p><p class=\"strata-text-align-left\"><span class=\"strata-text-size-lg\">\ufeff\u2022 GOTS Certified, featuring Fair Trade cotton&nbsp;<\/span><\/p><p class=\"strata-text-align-left\"><span class=\"strata-text-size-lg\">\u2022&nbsp;Made with organic cotton<\/span><\/p><p class=\"strata-text-align-left\"><span class=\"strata-text-size-lg\">\u2022&nbsp;Soft, breathable sateen weave design<\/span><\/p>"},{"product":{"productId":"7"},"ratingCount":"","content":""},{"product":{"productId":"3"},"ratingCount":"","content":""}],"title":"","selectedVariants":{"2":7,"3":13,"7":30,"8":36,"14":72,"29":128},"addToCartText":"","redirectToCart":true,"carouselControlPosition":{"above":true,"below":false},"_isInEditorMode":false,"_editorView":"","_sectionModel":[],"_sectionable":[],"_id":"1e4246c2-b6da-4c86-9c9f-3ad8ce532411","_sectionId":"1962","_livewireId":"Dg5I9mHkSQlRUCFfCAyc","_unpersisted":null,"_order":5,"_show":true,"_locked":false,"_mirrored":false,"_syncVariantWithMirroredSections":true,"_syncPaddingWithMirroredSections":true,"_syncLabelWithMirroredSections":true,"_shouldHideSection":true,"_shouldDisableSection":false,"_exists":true,"_zIndex":0,"_label":"Cross Sell - Highest Attachment Rate","_bricks":{"title":"","carouselControlPosition":{"above":true,"below":false},"crossSells":[{"product":{"productId":"2","variantIds":["9","10","11"],"useSpecifiedVariants":false},"ratingCount":"","content":"<p>Enjoy plush comfort and pressure relief on the surface of any mattress. Made with natural and organic materials, including cotton, wool, and latex, the Plush Topper maximizes airflow for a cool night's sleep.<\/p>"},{"product":{"productId":"29","variantIds":["128","129","130","131","132"],"useSpecifiedVariants":true},"ratingCount":"","content":"<p><span class=\"strata-text-size-lg\">Completely waterproof design for protection against spills and stains.<\/span><\/p><p><br><\/p><p><span class=\"strata-text-size-lg strata-text-color-evergreen\">\u2022<\/span><span class=\"strata-text-size-lg strata-text-color-sprout\">&nbsp;<\/span><span class=\"strata-text-size-lg\">GOTS certified organic cotton&nbsp;<\/span><\/p><p><span class=\"strata-text-size-lg\">\u2022&nbsp;Breathable waterproof internal layer<\/span><\/p><p><span class=\"strata-text-size-lg\">\u2022&nbsp;Skirted design for snug fit<\/span><\/p>"},{"product":{"productId":"8"},"ratingCount":"","content":"<p><span class=\"strata-text-size-lg\">Optimal loft and support for all sleeping positions.<\/span><\/p><p><br><\/p><p><span class=\"strata-text-size-lg\">\ufeff\ud83c\udf31&nbsp;GOTS &amp; eco-INSTITUT Certified, featuring Fair Trade cotton&nbsp;<\/span><\/p><p><span class=\"strata-text-size-lg\">\ud83d\udc11&nbsp;Made with natural &amp; certified organic materials<\/span><\/p><p><span class=\"strata-text-size-lg\">\ud83c\udf2c\ufe0f&nbsp;Breathable design keeps you cool while you sleep<\/span><\/p>"},{"product":{"productId":"14"},"ratingCount":"","content":"<p class=\"strata-text-align-left\"><span class=\"strata-text-color-evergreen strata-text-size-lg\">Wicks away moisture and absorbs spills and stains.<\/span><\/p><p class=\"strata-text-align-center\"><br><\/p><p class=\"strata-text-align-left\"><span class=\"strata-text-size-lg\">\ufeff\u2022 GOTS Certified, featuring Fair Trade cotton&nbsp;<\/span><\/p><p class=\"strata-text-align-left\"><span class=\"strata-text-size-lg\">\u2022&nbsp;Made with organic cotton<\/span><\/p><p class=\"strata-text-align-left\"><span class=\"strata-text-size-lg\">\u2022&nbsp;Soft, breathable sateen weave design<\/span><\/p>"},{"product":{"productId":"7"},"ratingCount":"","content":""},{"product":{"productId":"3"},"ratingCount":"","content":""}],"addToCartText":"","redirectToCart":true},"_inputs":[],"_additional":[],"_variant":"evergreen","_padding":{"Mobile":{"top":"pt-1","bottom":"pb-2"},"Tablet":{"top":"lg:pt-1","bottom":"lg:pb-4"},"Desktop":{"top":"xl:pt-2","bottom":"xl:pb-6"}}},"dataMeta":{"models":{"_sectionModel":{"class":"Helix\\Lego\\Models\\Section","id":1962,"relations":[],"connection":"tenant","collectionClass":null},"_sectionable":{"class":"Helix\\Lego\\Models\\Page","id":2,"relations":["sections","footer"],"connection":"tenant","collectionClass":null}}},"checksum":"d4fda7f40e1ee46465733ae9d0630f8b49effc1e9f07eb99325502abf795fbd9"}}" lego-section-id="1962" id="1e4246c2-b6da-4c86-9c9f-3ad8ce532411" data-section="cross-sell" style="display: none;" class="global-product-cross-sell evergreen pt-1 pb-2 lg:pt-1 lg:pb-4 xl:pt-2 xl:pb-6" x-data > <div class="w-full container mx-auto"> <div class="flex justify-between py-2 items-center"> <div> <button class="underline font-normal text-left mb-1 text-[15px]" x-data x-on:click="$modal.open('basic', {"content":"<div>We strive to bring you the lowest prices. The strike-through or reference price indicates the Product\u2019s suggested retail price (SRP) and may not have been offered by us or other retailers at that price in the past and may not be offered for sale at that price on any future date. Thus, the strike-through price may not necessarily be the prevailing market price, regular retail price, or former price of a Product. In addition, Products may be offered by us or other retailers at the same or lower prices during future promotional events beginning on or after the last day of any advertised promotion. <a href=\"https:\/\/birchliving.com\/pages\/terms#:~:text=may%20cause%20you.-,Product%20Pricing.,-We%20strive%20to\">See Details<\/a><\/div>"})" > Pricing Details </button> </div> <div class="flex justify-between items-center gap-2"> <button type="button" class="swiper-previous-button mx-auto" aria-label="Previous cross-sell slide" > <svg class="w-10 h-10" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"> <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 9-3 3m0 0 3 3m-3-3h7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /> </svg> </button> <button type="button" class="swiper-next-button mx-auto" aria-label="Next cross-sell slide" > <svg class="w-10 h-10" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"> <path stroke-linecap="round" stroke-linejoin="round" d="m12.75 15 3-3m0 0-3-3m3 3h-7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /> </svg> </button> </div> </div> <div class="overflow-hidden swiper swiper-Dg5I9mHkSQlRUCFfCAyc mx-auto" > <div class="swiper-wrapper py-4"> <div class="swiper-slide w-full"> <div class="p-4 text-base grid grid-rows-[auto,_1fr] items-center gap-2 rounded rounded-11 py-4 border bg-white text-plus-medium-gray rounded rounded-11 py-7 px-4" > <div class="text-base font-bold flex h-12 py-2 pb-4 items-center leading-6"> <h2> <a class="!text-evergreen underline" target="_blank" href="https://birchliving.com/products/plush-pillow-top" > Plush Organic Mattress Topper </a> </h2> </div> <div class="h-48 relative overflow-hidden rounded-md aspect-w-4 aspect-h-3"> <div class="absolute inset-0 flex justify-center items-center"> <img alt="Birch Plush Organic Mattress Topper" sizes="100vw" loading="lazy" src="https://res.cloudinary.com/helixsleep/image/upload/f_auto/Cart_-_Plush_Organic_Mattress_Topper_qwkimr?_a=BAAAV6E0" srcset="https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_1200/Cart_-_Plush_Organic_Mattress_Topper_qwkimr?_a=BAAAV6E0 1200w, https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_929/Cart_-_Plush_Organic_Mattress_Topper_qwkimr?_a=BAAAV6E0 929w, https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_720/Cart_-_Plush_Organic_Mattress_Topper_qwkimr?_a=BAAAV6E0 720w, https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_557/Cart_-_Plush_Organic_Mattress_Topper_qwkimr?_a=BAAAV6E0 557w, https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_431/Cart_-_Plush_Organic_Mattress_Topper_qwkimr?_a=BAAAV6E0 431w, https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_334/Cart_-_Plush_Organic_Mattress_Topper_qwkimr?_a=BAAAV6E0 334w"> </div> </div> <div class="flex items-center h-8"> <span class="flex text-[#D5A000]"> </span> <span class="text-xs mt-1 text-evergreen"> </span> </div> <div class="font-bold font-bold text-evergreen"> <span class="qa-cross-sell-strikethrough-price overlay-line line-through font-normal "> $348.79 </span> <span class="px-1 font-bold text-evergreen text-xl"> $261.60 </span> </div> <div class="w-full"> <select class="w-full text-sm pt-3 pr-8 pb-2 pl-4 rounded-xl border-light-gray border-2 focus:outline-none focus:ring-2 focus:ring-light-gray focus:border-light-gray disabled:bg-gray-select-caret disabled:border-white disabled:cursor-not-allowed whitespace-nowrap text-ellipsis overflow-hidden mt-1 block w-full border border-sand-light bg-sand-light focus:outline-none focus:ring-sand-light focus:border-sand-light text-evergreen border-transparent pl-4 pr-10 py-4 rounded rounded-11" wire:model="selectedVariants.2" aria-label="Select variant" > <option wire:key="7" value="7" > Twin </option> <option wire:key="8" value="8" > Twin XL </option> <option wire:key="9" value="9" > Full </option> <option wire:key="10" value="10" > Queen </option> <option wire:key="11" value="11" > King </option> <option wire:key="12" value="12" > CA King </option> </select> </div> <div class="flex justify-center"> <button class="my-4 cta-style-primary w-full disabled:opacity-60 transition-opacity duration-300 text-center text-white font-sans p-4 rounded-full bg-sea hover:bg-sea-dark" type="button" wire:click="addToCart({"id":7,"shopify_id":19363245817952,"product_id":2,"title":"Twin","slug":"twin","price":34879,"presentment_prices":[{"price":{"amount":"348.79","currency_code":"USD"},"compare_at_price":null}],"sku":"HEBT33","position":1,"option_1":"Twin","option_2":null,"option_3":null,"inventory_policy":"deny","inventory_management":null,"inventory_item_id":19674364346464,"inventory_quantity":-1426,"created_at":"2022-02-09T16:20:16.000000Z","updated_at":"2025-03-13T02:25:09.000000Z","product":{"id":2,"shopify_id":2116400939104,"layout":"birch.layouts.app","title":"Plush Organic Mattress Topper","slug":"plush-pillow-top","indexable":1,"meta":{"page_title":"Birch Organic Mattress Topper | Natural Latex Mattress Topper","description":"The Plush Organic Mattress Topper by Birch is made of organic latex and cotton, providing plush comfort and pressure relief for the surface of any mattress. "},"options":[{"id":2877089841248,"name":"Size","values":["Twin","Twin XL","Full","Queen","King","CA King"],"position":1,"product_id":2116400939104}],"options_meta":null,"type":"topper","vendor":"Birch Living","tags":null,"footer_id":1,"published_at":"2022-04-03T08:00:00.000000Z","created_at":"2019-05-03T19:01:28.000000Z","updated_at":"2025-03-13T16:06:49.000000Z","deleted_at":null}})" > Add to cart </button> </div> </div> </div> <div class="swiper-slide w-full"> <div class="p-4 text-base grid grid-rows-[auto,_1fr] items-center gap-2 rounded rounded-11 py-4 border bg-white text-plus-medium-gray rounded rounded-11 py-7 px-4" > <div class="text-base font-bold flex h-12 py-2 pb-4 items-center leading-6"> <h2> <a class="!text-evergreen underline" target="_blank" href="https://birchliving.com/products/adjustable-base" > Adjustable Base </a> </h2> </div> <div class="h-48 relative overflow-hidden rounded-md aspect-w-4 aspect-h-3"> <div class="absolute inset-0 flex justify-center items-center"> <img alt="Helix Adjustable Base" sizes="100vw" loading="lazy" src="https://res.cloudinary.com/helixsleep/image/upload/f_auto/Helix_Adjustable_Base_mgjb8o?_a=BAAAV6E0" srcset="https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_900/Helix_Adjustable_Base_mgjb8o?_a=BAAAV6E0 900w, https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_697/Helix_Adjustable_Base_mgjb8o?_a=BAAAV6E0 697w, https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_540/Helix_Adjustable_Base_mgjb8o?_a=BAAAV6E0 540w, https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_418/Helix_Adjustable_Base_mgjb8o?_a=BAAAV6E0 418w, https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_323/Helix_Adjustable_Base_mgjb8o?_a=BAAAV6E0 323w"> </div> </div> <div class="flex items-center h-8"> <span class="flex text-[#D5A000]"> </span> <span class="text-xs mt-1 text-evergreen"> </span> </div> <div class="font-bold font-bold text-evergreen"> <span class="qa-cross-sell-strikethrough-price overlay-line line-through font-normal "> $973.75 </span> <span class="px-1 font-bold text-evergreen text-xl"> $730.32 </span> </div> <div class="w-full"> <select class="w-full text-sm pt-3 pr-8 pb-2 pl-4 rounded-xl border-light-gray border-2 focus:outline-none focus:ring-2 focus:ring-light-gray focus:border-light-gray disabled:bg-gray-select-caret disabled:border-white disabled:cursor-not-allowed whitespace-nowrap text-ellipsis overflow-hidden mt-1 block w-full border border-sand-light bg-sand-light focus:outline-none focus:ring-sand-light focus:border-sand-light text-evergreen border-transparent pl-4 pr-10 py-4 rounded rounded-11" wire:model="selectedVariants.29" aria-label="Select variant" > <option wire:key="128" value="128" > Twin XL </option> <option wire:key="129" value="129" > Full </option> <option wire:key="130" value="130" > Queen </option> <option wire:key="131" value="131" > King </option> <option wire:key="132" value="132" > CA King </option> </select> </div> <div class="flex justify-center"> <button class="my-4 cta-style-primary w-full disabled:opacity-60 transition-opacity duration-300 text-center text-white font-sans p-4 rounded-full bg-sea hover:bg-sea-dark" type="button" wire:click="addToCart({"id":128,"shopify_id":32941892042848,"product_id":29,"title":"Twin XL","slug":"twin-xl","price":97375,"presentment_prices":[{"price":{"amount":"973.75","currency_code":"USD"},"compare_at_price":null}],"sku":"HE4ADJBS33XL","position":2,"option_1":"Twin XL","option_2":null,"option_3":null,"inventory_policy":"deny","inventory_management":null,"inventory_item_id":34530289713248,"inventory_quantity":-86,"created_at":"2022-02-09T16:20:20.000000Z","updated_at":"2025-02-18T03:05:15.000000Z","product":{"id":29,"shopify_id":4799983648864,"layout":"birch.layouts.app","title":"Adjustable Base","slug":"adjustable-base","indexable":1,"meta":{"page_title":"Adjustable Base","description":"Head up & foot up adjustability, with memory settings. Built-in massage technology. No-Contact Delivery in 3-7 Business Days. No trial period. Returns only if packaging is unopened. "},"options":[{"id":6279721058400,"name":"Size","values":["Twin","Twin XL","Full","Queen","King","CA King"],"position":1,"product_id":4799983648864}],"options_meta":null,"type":"base","vendor":"Birch Living","tags":null,"footer_id":1,"published_at":"2022-04-02T12:00:00.000000Z","created_at":"2021-02-04T17:42:22.000000Z","updated_at":"2025-03-13T12:29:50.000000Z","deleted_at":null}})" > Add to cart </button> </div> </div> </div> <div class="swiper-slide w-full"> <div class="p-4 text-base grid grid-rows-[auto,_1fr] items-center gap-2 rounded rounded-11 py-4 border bg-white text-plus-medium-gray rounded rounded-11 py-7 px-4" > <div class="text-base font-bold flex h-12 py-2 pb-4 items-center leading-6"> <h2> <a class="!text-evergreen underline" target="_blank" href="https://birchliving.com/products/birch-foundation" > Birch Foundation </a> </h2> </div> <div class="h-48 relative overflow-hidden rounded-md aspect-w-4 aspect-h-3"> <div class="absolute inset-0 flex justify-center items-center"> <img alt="Foundation" sizes="100vw" loading="lazy" src="https://res.cloudinary.com/helixsleep/image/upload/f_auto/Foundation_kiztdr?_a=BAAAV6E0" srcset="https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_900/Foundation_kiztdr?_a=BAAAV6E0 900w, https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_697/Foundation_kiztdr?_a=BAAAV6E0 697w, https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_540/Foundation_kiztdr?_a=BAAAV6E0 540w, https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_418/Foundation_kiztdr?_a=BAAAV6E0 418w, https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_324/Foundation_kiztdr?_a=BAAAV6E0 324w, https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_250/Foundation_kiztdr?_a=BAAAV6E0 250w"> </div> </div> <div class="flex items-center h-8"> <span class="flex text-[#D5A000]"> </span> <span class="text-xs mt-1 text-evergreen"> </span> </div> <div class="font-bold font-bold text-evergreen"> <span class="qa-cross-sell-strikethrough-price overlay-line line-through font-normal "> $329 </span> <span class="px-1 font-bold text-evergreen text-xl"> $246.75 </span> </div> <div class="w-full"> <select class="w-full text-sm pt-3 pr-8 pb-2 pl-4 rounded-xl border-light-gray border-2 focus:outline-none focus:ring-2 focus:ring-light-gray focus:border-light-gray disabled:bg-gray-select-caret disabled:border-white disabled:cursor-not-allowed whitespace-nowrap text-ellipsis overflow-hidden mt-1 block w-full border border-sand-light bg-sand-light focus:outline-none focus:ring-sand-light focus:border-sand-light text-evergreen border-transparent pl-4 pr-10 py-4 rounded rounded-11" wire:model="selectedVariants.8" aria-label="Select variant" > <option wire:key="36" value="36" > Twin </option> <option wire:key="37" value="37" > Twin XL </option> <option wire:key="38" value="38" > Full </option> <option wire:key="39" value="39" > Queen </option> <option wire:key="40" value="40" > King </option> <option wire:key="41" value="41" > CA King </option> </select> </div> <div class="flex justify-center"> <button class="my-4 cta-style-primary w-full disabled:opacity-60 transition-opacity duration-300 text-center text-white font-sans p-4 rounded-full bg-sea hover:bg-sea-dark" type="button" wire:click="addToCart({"id":36,"shopify_id":32219178008672,"product_id":8,"title":"Twin","slug":"twin","price":32900,"presentment_prices":[{"price":{"amount":"329.00","currency_code":"USD"},"compare_at_price":null}],"sku":"BIRRTAF33","position":1,"option_1":"Twin","option_2":null,"option_3":null,"inventory_policy":"deny","inventory_management":null,"inventory_item_id":33803514970208,"inventory_quantity":-291,"created_at":"2022-02-09T16:20:17.000000Z","updated_at":"2025-03-13T04:15:09.000000Z","product":{"id":8,"shopify_id":4612438327392,"layout":"birch.layouts.app","title":"Birch Foundation","slug":"birch-foundation","indexable":1,"meta":{"page_title":"Birch Foundation","description":"The Birch Foundation made from Canadian sourced premium spruce is covered by organic cotton to provide a fully natural product. Tool-less assembly in minutes."},"options":[{"id":5994064216160,"name":"Size","values":["Twin","Twin XL","Full","Queen","King","CA King"],"position":1,"product_id":4612438327392}],"options_meta":null,"type":"base","vendor":"Birch Living","tags":null,"footer_id":1,"published_at":"2022-04-04T12:00:00.000000Z","created_at":"2020-05-06T02:23:23.000000Z","updated_at":"2025-03-13T12:29:49.000000Z","deleted_at":null}})" > Add to cart </button> </div> </div> </div> <div class="swiper-slide w-full"> <div class="p-4 text-base grid grid-rows-[auto,_1fr] items-center gap-2 rounded rounded-11 py-4 border bg-white text-plus-medium-gray rounded rounded-11 py-7 px-4" > <div class="text-base font-bold flex h-12 py-2 pb-4 items-center leading-6"> <h2> <a class="!text-evergreen underline" target="_blank" href="https://birchliving.com/products/birch-organic-mattress-pad" > Organic Mattress Pad </a> </h2> </div> <div class="h-48 relative overflow-hidden rounded-md aspect-w-4 aspect-h-3"> <div class="absolute inset-0 flex justify-center items-center"> <img alt sizes="100vw" loading="lazy" src="https://res.cloudinary.com/helixsleep/image/upload/f_auto/Mattress_Pad_pm227p?_a=BAAAV6E0" srcset="https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_900/Mattress_Pad_pm227p?_a=BAAAV6E0 900w, https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_697/Mattress_Pad_pm227p?_a=BAAAV6E0 697w, https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_540/Mattress_Pad_pm227p?_a=BAAAV6E0 540w, https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_418/Mattress_Pad_pm227p?_a=BAAAV6E0 418w, https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_323/Mattress_Pad_pm227p?_a=BAAAV6E0 323w"> </div> </div> <div class="flex items-center h-8"> <span class="flex text-[#D5A000]"> </span> <span class="text-xs mt-1 text-evergreen"> </span> </div> <div class="font-bold font-bold text-evergreen"> <span class="qa-cross-sell-strikethrough-price overlay-line line-through font-normal "> $186.25 </span> <span class="px-1 font-bold text-evergreen text-xl"> $139.69 </span> </div> <div class="w-full"> <select class="w-full text-sm pt-3 pr-8 pb-2 pl-4 rounded-xl border-light-gray border-2 focus:outline-none focus:ring-2 focus:ring-light-gray focus:border-light-gray disabled:bg-gray-select-caret disabled:border-white disabled:cursor-not-allowed whitespace-nowrap text-ellipsis overflow-hidden mt-1 block w-full border border-sand-light bg-sand-light focus:outline-none focus:ring-sand-light focus:border-sand-light text-evergreen border-transparent pl-4 pr-10 py-4 rounded rounded-11" wire:model="selectedVariants.14" aria-label="Select variant" > <option wire:key="72" value="72" > Twin </option> <option wire:key="73" value="73" > Twin XL </option> <option wire:key="74" value="74" disabled > Full (Out of stock) </option> <option wire:key="75" value="75" > Queen </option> <option wire:key="76" value="76" > King </option> <option wire:key="77" value="77" > CA King </option> </select> </div> <div class="flex justify-center"> <button class="my-4 cta-style-primary w-full disabled:opacity-60 transition-opacity duration-300 text-center text-white font-sans p-4 rounded-full bg-sea hover:bg-sea-dark" type="button" wire:click="addToCart({"id":72,"shopify_id":32576719945824,"product_id":14,"title":"Twin","slug":"twin","price":18625,"presentment_prices":[{"price":{"amount":"186.25","currency_code":"USD"},"compare_at_price":null}],"sku":"JFCWLMPAD01","position":1,"option_1":"Twin","option_2":null,"option_3":null,"inventory_policy":"deny","inventory_management":null,"inventory_item_id":34164519698528,"inventory_quantity":-83,"created_at":"2022-02-09T16:20:18.000000Z","updated_at":"2025-02-25T15:00:14.000000Z","product":{"id":14,"shopify_id":4695567990880,"layout":"birch.layouts.app","title":"Organic Mattress Pad","slug":"birch-organic-mattress-pad","indexable":1,"meta":{"page_title":"Organic Mattress Pad","description":"The Organic Cotton Mattress Pad is designed to help wick moisture and absorb spills and stains. It features organic cotton with a soft sateen weave that gives the product a silky, soft touch. The natural cotton fiber is highly breathable to keep you cool at night, while the top layer provides moisture wicking."},"options":[{"id":6114663661664,"name":"Size","values":["Twin","Twin XL","Full","Queen","King","CA King"],"position":1,"product_id":4695567990880}],"options_meta":null,"type":"cover","vendor":"Birch Living","tags":null,"footer_id":1,"published_at":"2022-03-23T12:00:00.000000Z","created_at":"2020-08-11T15:25:42.000000Z","updated_at":"2025-03-13T12:29:50.000000Z","deleted_at":null}})" > Add to cart </button> </div> </div> </div> <div class="swiper-slide w-full"> <div class="p-4 text-base grid grid-rows-[auto,_1fr] items-center gap-2 rounded rounded-11 py-4 border bg-white text-plus-medium-gray rounded rounded-11 py-7 px-4" > <div class="text-base font-bold flex h-12 py-2 pb-4 items-center leading-6"> <h2> <a class="!text-evergreen underline" target="_blank" href="https://birchliving.com/products/accidental-damage-coverage" > 10 Year Accidental Damage Coverage </a> </h2> </div> <div class="h-48 relative overflow-hidden rounded-md aspect-w-4 aspect-h-3"> <div class="absolute inset-0 flex justify-center items-center"> <img alt sizes="100vw" loading="lazy" src="https://res.cloudinary.com/helixsleep/image/upload/f_auto/Mulberry_ikbzzk?_a=BAAAV6E0" srcset="https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_900/Mulberry_ikbzzk?_a=BAAAV6E0 900w"> </div> </div> <div class="flex items-center h-8"> <span class="flex text-[#D5A000]"> </span> <span class="text-xs mt-1 text-evergreen"> </span> </div> <div class="font-bold font-bold text-evergreen"> <span class="qa-cross-sell-strikethrough-price overlay-line line-through font-normal "> $79 </span> <span class="px-1 font-bold text-evergreen text-xl"> $59.25 </span> </div> <div class="w-full"> <select class="w-full text-sm pt-3 pr-8 pb-2 pl-4 rounded-xl border-light-gray border-2 focus:outline-none focus:ring-2 focus:ring-light-gray focus:border-light-gray disabled:bg-gray-select-caret disabled:border-white disabled:cursor-not-allowed whitespace-nowrap text-ellipsis overflow-hidden mt-1 block w-full border border-sand-light bg-sand-light focus:outline-none focus:ring-sand-light focus:border-sand-light text-evergreen border-transparent pl-4 pr-10 py-4 rounded rounded-11" wire:model="selectedVariants.7" aria-label="Select variant" > <option wire:key="30" value="30" > Twin </option> <option wire:key="31" value="31" > Twin XL </option> <option wire:key="32" value="32" > Full </option> <option wire:key="33" value="33" > Queen </option> <option wire:key="34" value="34" > King </option> <option wire:key="35" value="35" > CA King </option> </select> </div> <div class="flex justify-center"> <button class="my-4 cta-style-primary w-full disabled:opacity-60 transition-opacity duration-300 text-center text-white font-sans p-4 rounded-full bg-sea hover:bg-sea-dark" type="button" wire:click="addToCart({"id":30,"shopify_id":19904048037984,"product_id":7,"title":"Twin","slug":"twin","price":7900,"presentment_prices":[{"price":{"amount":"79.00","currency_code":"USD"},"compare_at_price":null}],"sku":"BLMATGTYS1","position":1,"option_1":"Twin","option_2":null,"option_3":null,"inventory_policy":"deny","inventory_management":null,"inventory_item_id":20310949429344,"inventory_quantity":-164,"created_at":"2022-02-09T16:20:16.000000Z","updated_at":"2025-02-20T05:55:09.000000Z","product":{"id":7,"shopify_id":2234476265568,"layout":"birch.layouts.app","title":"10 Year Accidental Damage Coverage","slug":"accidental-damage-coverage","indexable":1,"meta":{"page_title":"10 Year Accidental Damage Coverage","description":"We know you buy your Birch mattress to last you for years and years to come. That\u2019s why we partnered with Mulberry to offer you best in class coverage that protects your mattress against life\u2019s everyday mishaps."},"options":[{"id":3028546453600,"name":"Size","values":["Twin","Twin XL","Full","Queen","King","CA King"],"position":1,"product_id":2234476265568}],"options_meta":null,"type":"service","vendor":"Birch Living","tags":null,"footer_id":1,"published_at":"2023-10-11T04:00:00.000000Z","created_at":"2019-07-22T18:51:43.000000Z","updated_at":"2025-03-13T12:29:50.000000Z","deleted_at":null}})" > Add to cart </button> </div> </div> </div> <div class="swiper-slide w-full"> <div class="p-4 text-base grid grid-rows-[auto,_1fr] items-center gap-2 rounded rounded-11 py-4 border bg-white text-plus-medium-gray rounded rounded-11 py-7 px-4" > <div class="text-base font-bold flex h-12 py-2 pb-4 items-center leading-6"> <h2> <a class="!text-evergreen underline" target="_blank" href="https://birchliving.com/products/organic-pillow" > Organic Pillow </a> </h2> </div> <div class="h-48 relative overflow-hidden rounded-md aspect-w-4 aspect-h-3"> <div class="absolute inset-0 flex justify-center items-center"> <img alt sizes="100vw" loading="lazy" src="https://res.cloudinary.com/helixsleep/image/upload/f_auto/Pillow_muchtu?_a=BAAAV6E0" srcset="https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_900/Pillow_muchtu?_a=BAAAV6E0 900w, https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_697/Pillow_muchtu?_a=BAAAV6E0 697w, https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_540/Pillow_muchtu?_a=BAAAV6E0 540w, https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_418/Pillow_muchtu?_a=BAAAV6E0 418w, https://res.cloudinary.com/helixsleep/image/upload/f_auto/c_scale,w_324/Pillow_muchtu?_a=BAAAV6E0 324w"> </div> </div> <div class="flex items-center h-8"> <span class="flex text-[#D5A000]"> </span> <span class="text-xs mt-1 text-evergreen"> </span> </div> <div class="font-bold font-bold text-evergreen"> <span class="qa-cross-sell-strikethrough-price overlay-line line-through font-normal "> $148.75 </span> <span class="px-1 font-bold text-evergreen text-xl"> $111.57 </span> </div> <div class="w-full"> <select class="w-full text-sm pt-3 pr-8 pb-2 pl-4 rounded-xl border-light-gray border-2 focus:outline-none focus:ring-2 focus:ring-light-gray focus:border-light-gray disabled:bg-gray-select-caret disabled:border-white disabled:cursor-not-allowed whitespace-nowrap text-ellipsis overflow-hidden mt-1 block w-full border border-sand-light bg-sand-light focus:outline-none focus:ring-sand-light focus:border-sand-light text-evergreen border-transparent pl-4 pr-10 py-4 rounded rounded-11" wire:model="selectedVariants.3" aria-label="Select variant" > <option wire:key="13" value="13" > Standard </option> <option wire:key="14" value="14" > King </option> </select> </div> <div class="flex justify-center"> <button class="my-4 cta-style-primary w-full disabled:opacity-60 transition-opacity duration-300 text-center text-white font-sans p-4 rounded-full bg-sea hover:bg-sea-dark" type="button" wire:click="addToCart({"id":13,"shopify_id":19363251093600,"product_id":3,"title":"Standard","slug":"standard","price":14875,"presentment_prices":[{"price":{"amount":"148.75","currency_code":"USD"},"compare_at_price":null}],"sku":"BLPILCHS4","position":1,"option_1":"Standard","option_2":null,"option_3":null,"inventory_policy":"deny","inventory_management":null,"inventory_item_id":19674369097824,"inventory_quantity":-11222,"created_at":"2022-02-09T16:20:16.000000Z","updated_at":"2025-03-13T11:55:08.000000Z","product":{"id":3,"shopify_id":2116401430624,"layout":"birch.layouts.app","title":"Organic Pillow","slug":"organic-pillow","indexable":1,"meta":{"page_title":"Birch Organic Eco Friendly Pillow | Best Organic Cotton Pillow","description":"The Birch Pillow is made from Organic Cotton, Latex, and Wool. These Eco Friendly Pillows are Hypoallergenic, and Comfortable No Matter How You Sleep."},"options":[{"id":2877090594912,"name":"Size","values":["Standard","King"],"position":1,"product_id":2116401430624}],"options_meta":null,"type":"pillow","vendor":"Birch Living","tags":null,"footer_id":1,"published_at":"2022-03-25T04:00:00.000000Z","created_at":"2019-05-03T19:02:35.000000Z","updated_at":"2025-03-13T16:16:16.000000Z","deleted_at":null}})" > Add to cart </button> </div> </div> </div> </div> <div class="swiper-pagination mb-4"></div> </div> <div class="flex justify-end" style="margin-top: -1rem; padding-bottom: 0.5rem;"> </div> </div> </div>  </main> </div> <footer aria-label="Footer"> <script> _affirm_config = { public_api_key: "ILMTMC3J48L796RE", script: "https://cdn1.affirm.com/js/v2/affirm.js" }; (function(l,g,m,e,a,f,b){var d,c=l[m]||{},h=document.createElement(f),n=document.getElementsByTagName(f)[0],k=function(a,b,c){return function(){a[b]._.push([c,arguments])}};c[e]=k(c,e,"set");d=c[e];c[a]={};c[a]._=[];d._=[];c[a][b]=k(c,a,b);a=0;for(b="set add save post open empty reset on off trigger ready setProduct".split(" ");a<b.length;a++)d[b[a]]=k(c,e,b[a]);a=0;for(b=["get","token","url","items"];a<b.length;a++)d[b[a]]=function(){};h.async=!0;h.src=g[f];n.parentNode.insertBefore(h,n);delete g[f];d(g);l[m]=c})(window,_affirm_config,"affirm","checkout","ui","script","ready"); </script>  <script> window.addEventListener('update-financing-amount', (event) => { const affirmElements = document.querySelectorAll('.affirm-as-low-as'); affirmElements.forEach(element => { element.setAttribute('data-amount', event.detail.amount); }); affirm.ui.refresh(); }) </script> </footer> <div wire:id="xZXNr0zuSOPzTvS3HkPx" wire:initial-data="{"fingerprint":{"id":"xZXNr0zuSOPzTvS3HkPx","name":"livewire-ui-modal","locale":"en","path":"cart","method":"GET","v":"acj"},"effects":{"listeners":["openModal","destroyComponent"]},"serverMemo":{"children":[],"errors":[],"htmlHash":"a6c9254e","data":{"activeComponent":null,"components":[]},"dataMeta":[],"checksum":"695f847ad23fdfc0ace211cfd9e9f06837cb396acd4a4b4a52c73c08681f398e"}}"> <script>(()=>{var t,e={331:()=>{function t(t){return function(t){if(Array.isArray(t))return e(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,o){if(!t)return;if("string"==typeof t)return e(t,o);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,o)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function e(t,e){(null==e||e>t.length)&&(e=t.length);for(var o=0,n=new Array(e);o<e;o++)n[o]=t[o];return n}window.LivewireUIModal=function(){return{show:!1,showActiveComponent:!0,activeComponent:!1,componentHistory:[],modalWidth:null,getActiveComponentModalAttribute:function(t){if(void 0!==this.$wire.get("components")[this.activeComponent])return this.$wire.get("components")[this.activeComponent].modalAttributes[t]},closeModalOnEscape:function(t){if(!1!==this.getActiveComponentModalAttribute("closeOnEscape")){var e=!0===this.getActiveComponentModalAttribute("closeOnEscapeIsForceful");this.closeModal(e)}},closeModalOnClickAway:function(t){!1!==this.getActiveComponentModalAttribute("closeOnClickAway")&&this.closeModal(!0)},closeModal:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(!1!==this.show){if(!0===this.getActiveComponentModalAttribute("dispatchCloseEvent")){var n=this.$wire.get("components")[this.activeComponent].name;Livewire.emit("modalClosed",n)}if(!0===this.getActiveComponentModalAttribute("destroyOnClose")&&Livewire.emit("destroyComponent",this.activeComponent),e>0)for(var i=0;i<e;i++){if(o){var r=this.componentHistory[this.componentHistory.length-1];Livewire.emit("destroyComponent",r)}this.componentHistory.pop()}var s=this.componentHistory.pop();s&&!1===t&&s?this.setActiveModalComponent(s,!0):this.setShowPropertyTo(!1)}},setActiveModalComponent:function(t){var e=this,o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(this.setShowPropertyTo(!0),this.activeComponent!==t){!1!==this.activeComponent&&!1===o&&this.componentHistory.push(this.activeComponent);var n=50;!1===this.activeComponent?(this.activeComponent=t,this.showActiveComponent=!0,this.modalWidth=this.getActiveComponentModalAttribute("maxWidthClass")):(this.showActiveComponent=!1,n=400,setTimeout((function(){e.activeComponent=t,e.showActiveComponent=!0,e.modalWidth=e.getActiveComponentModalAttribute("maxWidthClass")}),300)),this.$nextTick((function(){var o,i=null===(o=e.$refs[t])||void 0===o?void 0:o.querySelector("[autofocus]");i&&setTimeout((function(){i.focus()}),n)}))}},focusables:function(){return t(this.$el.querySelectorAll("a, button, input, textarea, select, details, [tabindex]:not([tabindex='-1'])")).filter((function(t){return!t.hasAttribute("disabled")}))},firstFocusable:function(){return this.focusables()[0]},lastFocusable:function(){return this.focusables().slice(-1)[0]},nextFocusable:function(){return this.focusables()[this.nextFocusableIndex()]||this.firstFocusable()},prevFocusable:function(){return this.focusables()[this.prevFocusableIndex()]||this.lastFocusable()},nextFocusableIndex:function(){return(this.focusables().indexOf(document.activeElement)+1)%(this.focusables().length+1)},prevFocusableIndex:function(){return Math.max(0,this.focusables().indexOf(document.activeElement))-1},setShowPropertyTo:function(t){var e=this;this.show=t,t?document.body.classList.add("overflow-y-hidden"):(document.body.classList.remove("overflow-y-hidden"),setTimeout((function(){e.activeComponent=!1,e.$wire.resetState()}),300))},init:function(){var t=this;this.modalWidth=this.getActiveComponentModalAttribute("maxWidthClass"),Livewire.on("closeModal",(function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];t.closeModal(e,o,n)})),Livewire.on("activeModalComponentChanged",(function(e){t.setActiveModalComponent(e)}))}}}},754:()=>{}},o={};function n(t){var i=o[t];if(void 0!==i)return i.exports;var r=o[t]={exports:{}};return e[t](r,r.exports,n),r.exports}n.m=e,t=[],n.O=(e,o,i,r)=>{if(!o){var s=1/0;for(u=0;u<t.length;u++){for(var[o,i,r]=t[u],a=!0,c=0;c<o.length;c++)(!1&r||s>=r)&&Object.keys(n.O).every((t=>n.O[t](o[c])))?o.splice(c--,1):(a=!1,r<s&&(s=r));if(a){t.splice(u--,1);var l=i();void 0!==l&&(e=l)}}return e}r=r||0;for(var u=t.length;u>0&&t[u-1][2]>r;u--)t[u]=t[u-1];t[u]=[o,i,r]},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t={387:0,109:0};n.O.j=e=>0===t[e];var e=(e,o)=>{var i,r,[s,a,c]=o,l=0;if(s.some((e=>0!==t[e]))){for(i in a)n.o(a,i)&&(n.m[i]=a[i]);if(c)var u=c(n)}for(e&&e(o);l<s.length;l++)r=s[l],n.o(t,r)&&t[r]&&t[r][0](),t[r]=0;return n.O(u)},o=self.webpackChunk=self.webpackChunk||[];o.forEach(e.bind(null,0)),o.push=e.bind(null,o.push.bind(o))})(),n.O(void 0,[109],(()=>n(331)));var i=n.O(void 0,[109],(()=>n(754)));i=n.O(i)})();</script> <div x-data="LivewireUIModal()" x-init="init()" x-on:close.stop="show = false" x-on:keydown.escape.window="closeModalOnEscape()" x-on:keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()" x-on:keydown.shift.tab.prevent="prevFocusable().focus()" x-show="show" class="fixed inset-0 z-40 overflow-y-auto" style="display: none;" > <div class="flex items-center justify-center min-h-screen px-4 pt-4 pb-10 text-center"> <div x-show="show" x-on:click="closeModalOnClickAway()" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 transition-all transform" > <div class="absolute inset-0 bg-black opacity-50"></div> </div> <span class="hidden xs:inline-block xs:align-middle xs:h-screen" aria-hidden="true"></span> <div x-show="show && showActiveComponent" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-bind:class="modalWidth" class="inline-block relative sm:w-full md:max-w-6xl align-bottom bg-white text-left overflow-hidden shadow-xl transition-all sm:my-8 sm:align-middle sm:w-full" > <button type="button" class="absolute grid place-items-center h-8 mr-6 mt-6 right-0 rounded-full top-0 w-8 text-3xl text-evergreen" x-on:click="closeModalOnClickAway()" > × </button> </div> </div> </div> </div>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5B3L78F" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <script type='text/javascript'> var zaius = window['zaius']||(window['zaius']=[]);zaius.methods=["initialize","onload","customer","entity","event","subscribe","unsubscribe","consent","identify","anonymize","dispatch"];zaius.factory=function(e){return function(){var t=Array.prototype.slice.call(arguments);t.unshift(e);zaius.push(t);return zaius}};(function(){for(var i=0;i<zaius.methods.length;i++){var method=zaius.methods[i];zaius[method]=zaius.factory(method)}var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src=("https:"===document.location.protocol?"https://":"http://")+"d1igp3oop3iho5.cloudfront.net/v2/MBfV6FGEh2QR_qKCUwG4AA/zaius-min.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})(); // Edits to this script should only be made below this line. zaius.event('pageview'); </script>   <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=c411e635-f17f-4fd9-b9d4-f0930d09085b"></script> <script type="text/javascript"> const dep = '["order questions","other","product questions","returns & warranties","shipping & delivery"]' let selectedDep = '' const departments = JSON.parse(dep) let selected = null; if(selectedDep.length>0){ selected = `select: "${selectedDep}"` }else{ selected = ''; } window.zESettings = { webWidget: { color: { theme: '#0173cf', header: '#0173cf', launcherText: '#FFFFFF', }, offset: { horizontal: '50px' }, contactOptions: { enabled: true }, chat: { departments: { enabled: departments, selected } } } }; </script>   <script type="module"> let swiperInstance; function initializeSwiper(id) { swiperInstance = new Swiper(".swiper-" + id, { slidesPerView: 1, spaceBetween: 20, freeMode: true, breakpoints: { 480: { slidesPerView: 1, }, 640: { slidesPerView: 2, }, 1024: { slidesPerView: 4, }, }, pagination: { el: '.swiper-pagination', clickable: true, renderBullet: function (index, className) { return `<span class="${className} pb-2"></span>`; }, }, navigation: { nextEl: ".swiper-next-button", prevEl: ".swiper-previous-button", }, on: { init: function () { adjustButtonOpacity(); applyPadding(); }, slideChange: function () { adjustButtonOpacity(); applyPadding(); }, transitionEnd: function () { adjustButtonOpacity(); applyPadding(); }, resize: function () { adjustButtonOpacity(); applyPadding(); }, }, }); adjustButtonOpacity(); applyPadding(); } function adjustButtonOpacity() { if (!swiperInstance) return; const prevButtons = document.querySelectorAll('.swiper-previous-button'); const nextButtons = document.querySelectorAll('.swiper-next-button'); if (!prevButtons || !nextButtons) return; const isBeginning = swiperInstance.isBeginning; const isEnd = swiperInstance.isEnd; prevButtons.forEach(button => { if (isBeginning) { button.classList.add('opacity-50'); } else { button.classList.remove('opacity-50'); } }); nextButtons.forEach(button => { if (isEnd) { button.classList.add('opacity-50'); } else { button.classList.remove('opacity-50'); } }); } function applyPadding() { const swiperContainer = document.querySelector('.swiper.swiper-Dg5I9mHkSQlRUCFfCAyc'); if (swiperContainer) { swiperContainer.style.padding = "0 0 2.5rem"; } } document.addEventListener("DOMContentLoaded", function () { initializeSwiper("Dg5I9mHkSQlRUCFfCAyc"); }); Livewire.hook('message.processed', (message, component) => { if (component.id === "Dg5I9mHkSQlRUCFfCAyc") { if (swiperInstance) { const activeIndex = swiperInstance.activeIndex; swiperInstance.destroy(true, true); initializeSwiper(component.id); swiperInstance.slideTo(activeIndex, 0, false); } else { initializeSwiper(component.id); } applyPadding(); } }); </script> <script> document.addEventListener('alpine:initializing', () => { Alpine.data('toggler', () => ({ showing: false, showDelay: null, toggle() { this.showing = ! this.showing }, show() { this.showing = true }, hide() { this.showing = false }, })) }) </script> </body> </html>

CINXE.COM

Cart - Birch