PageSourceSearch

https://www.primebrothers.com/item/125-sofa/1196898324

html primebrothers.com collected 2026-09-26 05:53:34 UTC 334,918 bytes, 4,633 lines download raw bytes

1<!DOCTYPE html>
2<html prefix="og: http://ogp.me/ns#" lang="en-US">
3<head>
4    <meta charset="utf-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, minimum-scale=1.0">
6    <title>Peak Living 125 000004687250 Contemporary Sofa with Tapered Wood Leg | Prime Brothers Furniture | Uph - Stationary Sofas</title>
7        <meta name="description" content="Shop for the Peak Living 125 000004687250 Contemporary Sofa with Tapered Wood Leg at Prime Brothers Furniture - Your Bay City, Saginaw, Midland, Michigan Furniture &amp; Mattress Store" />
8    <meta property="og:url" content="https://www.primebrothers.com/item/125-sofa/1196898324">
9    <meta property="og:site_name" content="Prime Brothers Furniture">
10        <meta property="fb:app_id" content="139906939907547">
11        <link rel="canonical" href="https://www.primebrothers.com/item/125-sofa/1196898324">
12<meta property="og:type" content="og:product"><meta property="og:title" content="125 Sofa"><meta property="og:description" content=""><meta property="og:image" content="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=webp&amp;quality=85"><meta property="og:image:alt" content="Contemporary Sofa with Tapered Wood Leg"><meta property="product:brand" content="Peak Living"><meta property="product:price:amount" content="488"><meta property="product:price:currency" content="USD">
13    <link rel="stylesheet" href="/assets/bundle.css?v=d977fc338980" />
14<link rel="preload" as="style" href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Round" onload="this.onload = null; this.rel = 'stylesheet'" crossorigin>
15<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200&display=block" onload="this.onload = null; this.rel = 'stylesheet'" crossorigin />
16<link rel="stylesheet" href="https://images.furnituredealer.net/rodeo/prod/c15fed87fdabe0735da35292236e5074/bb9bef060e474fa2a2e419b64e6bd2ab/css/445fc9dbba594c4d8e6acbd4e89f293d.css">
17<script type="text/javascript">
18    (function(c,l,a,r,i,t,y){
19        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
20        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
21        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
22    })(window, document, "clarity", "script", "o9tqfqdhe9");
23</script>
23<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 23-24
23
24<script async src="https://www.googletagmanager.com/gtag/js?id=
24AW-979384400
vendor: 15 bytes, lines 24-25
24">
25</script>
26<script>
27 
vendor: 133 bytes, lines 27-30
27window.dataLayer = window.dataLayer || [];
28 function gtag(){dataLayer.push(arguments);}
29 gtag('js', new Date());
30 gtag('config', '
30AW-979384400
vendor: 5 bytes, line 30
30');
31</script>
31
32    
32<script>
33            const consentRequired = false;
34             const consentReady = new Promise((resolve, reject) => {
35                 if(!consentRequired)
36                 {
37                    resolve(['necessary', 'marketing', 'analytics']);
38                    return;
39                 }
40                window.addEventListener('cc:onConsent', ({detail}) => {
41                   resolve(detail.cookie.categories);
42                }, { once: true });
43              });
44             const marketingConsentGranted = new Promise((resolve, reject) => {
45                consentReady.then((categories) => {
46                    console.log("categories", categories);
47                    if(categories.includes("marketing"))
48                       resolve(true);
49                    else
50                       reject(false);
51                 });
52             });
53    </script>
53
54    
54<script async src="https://www.googletagmanager.com/gtag/js"></script>
54
55    
55<script>
56        
vendor: 157 bytes, lines 56-59
56window.dataLayer = window.dataLayer || [];
57        function gtag() { dataLayer.push(arguments); }
58        gtag('js', new Date());
59        gtag('config', '
59G-282DMSXCEE
vendor: 126 bytes, lines 59-60
59', { 'groups':['client', 'all', 'ga'],'client_id':'fa2a677d-1c3d-4826-89e8-ca700597ba64','send_page_view': false });
60        
60gtag('config', 'G-SSG4DQ2W11', {'groups': ['fdn', 'all', 'ga'], 'send_page_view': false });
61        gtag('set', {"loggedIn":false,"gpid":0,"programLevel":"Gold","laurentide":false,"price":0.0,"quantity":0,"searchRank":0});
62        gtag('event', 'page_view', { 'send_to': 'all' });
63    </script>
63
64    
64<script src="/lib/jquery/dist/jquery.min.js"></script>
64
65    
65<script>
66        window.googleSignInApi = $.Deferred();
67        window.fbLoaded = $.Deferred();
68        window.fbPixel = $.Deferred();
69    </script>
69
70        <link rel="icon" type="image/png" href="https://images.furnituredealer.net/img/dealer/35/upload/favicon/091ccdb19787489988759eed51f89b7f.png" />
71<script>
72    // global vars
73    var Utils = {
74        baseUrl: 'https://www.primebrothers.com/',
75        dealerId: '35',
76        facebookPixelId: '',
77        roomPlannerApiBaseUrl: 'https://api.furnituredealer.net/v2'
78    };
79    var CurrentUser = {
80        id: '0',
81        firstName: '',
82        lastName: '',
83        email: '',
84        phone: '',
85        streetAddress: '',
86        city: '',
87        state: 'None',
88        country: ''
89    }
90    var udata = {
91        UserId: 0,
92        GlobalUserId: '',
93        DealerId: 35,
94        UserCookie: 'fa2a677d-1c3d-4826-89e8-ca700597ba64',
95        UserSession: '',
96        RoomPlannerId: 0,
97        IsAuthenticated: false
98    };
99    const productListData = {};
100    const _eventData = {"view_item":{"currency":"USD","value":488.0,"items":[{"item_id":"1196898324","item_name":"Sofa","item_sku":"000004687250","item_mpn":"12503-3010","item_brand":"Peak Living","item_collection":"125","quantity":0,"price":488.0,"item_category":"Upholstry","item_category2":"Living Room","item_category3":"Sofas","item_category4":"Uph - Stationary Sofas","index":0}],"send_to":["all"]}};
101</script>
vendor: 2 bytes, line 101
101
102<script>
103    const hasKlaviyo = typeof klaviyo != "undefined";
104</script>
vendor: 2 bytes, line 104
104
105<script src="/js/tracking.js?v=PqeS9oUu3njF8ui3qhSgUgML6Hdfnc55X20yoBouztg"></script>
105
106    
106<script type="text/javascript">
107        // Bootstrap Laurentide loader using server-prepared script URL.
108    marketingConsentGranted.then(() => {
109        (function (w, d, n) {
110        if (!(n in w)) {
111        w[n] = function () {
112        w[n].q.push(arguments);
113        if ("undefined" != typeof laurentide) { laurentide.execute(); }
114        };
115        w[n].q = [];
116        }
117        var s = d.createElement('script');
118        s.src = 'https://hydrant.furnituredealer.net/js/dist/t.js';
119        s.async = 1;
120        var fs = d.getElementsByTagName('script')[0];
121        fs.parentNode.insertBefore(s, fs);
122        })(window, document, 'laurentideTracker');
123        var eventParams = {
124        actionData: {"page":{"pageType":"Item Page","url":null,"title":null},"contact":null,"productData":{"pageUrl":"https://www.primebrothers.com/item/125-sofa/1196898324","imageUrl":"https://images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg","description":"Sofa","attributes":{"Category":"Sofas","DesignStyle":"Contemporary","RoomName":"Living Room","Price":"488","ManufacturerName":"Peak Living"}}}
125        };
126laurentideTracker("init", "tfAK4I5U0UeFMXrRft7yw");
127        laurentideTracker("send", "pageView", eventParams);
128     });
129    </script>
129
130    <link rel="stylesheet" href="/css/pages/item/item-15.css" />
131    <link rel="stylesheet" href="/lib/glightbox/glightbox.css" />
132</head>
133<body>
134    
134<script>
135        window.userLocationDetectionComplete = detectAndPostUserLocation();
136        async function detectAndPostUserLocation() {
137            const locationData = {
138                browserLat: 0,
139                browserLng: 0,
140                cfZip: "",
141                cfCity: "",
142                cfLat: "",
143                cfLng: ""
144            };
145            try {
146                // Browser geolocation is optional; CF location still runs even if this fails.
147                const browserLocationEnabled = false;
148                if (browserLocationEnabled && navigator.geolocation) {
149                    try {
150                        const pos = await getCurrentPosition();
151                        locationData.browserLat = pos.coords.latitude;
152                        locationData.browserLng = pos.coords.longitude;
153                    } catch (geoError) {
154                        console.debug("Geolocation unavailable/denied.", geoError);
155                    }
156                }
157                // Always perform CF lookup.
158                const cfRes = await fetch("https://apicf.furnituredealer.net/v2/location/cflocate", {
159                    method: "GET"
160                });
161                if (cfRes.ok) {
162                    console.log("detectlocation - response " + JSON.stringify(cfRes));
163                    const cf = await cfRes.json();
164                    locationData.cfCity = cf.city ?? "";
165                    locationData.cfZip = cf.zipCode ?? "";
166                    locationData.cfLat = cf.latitude ?? "";
167                    locationData.cfLng = cf.longitude ?? "";
168                }
169                // Post detected location back to the app.
170                await fetch(`${Utils.baseUrl}userlocation/SetDetectedLocation`, {
171                    method: "POST",
172                    headers: { "Content-Type": "application/json" },
173                    body: JSON.stringify(locationData),
174                    credentials: "same-origin"
175                });
176            } catch (err) {
177                console.error("User location detection/post failed.", err);
178            } finally {
179                // Optional event for non-Promise listeners.
180                document.dispatchEvent(new CustomEvent("userlocation:detection-complete"));
181                console.log("detectlocation - finally ");
182            }
183        }
184        function getCurrentPosition(options = { enableHighAccuracy: fal
184se, timeout: 5000, maximumAge: 300000 }) {
185            return new Promise((resolve, reject) => {
186                navigator.geolocation.getCurrentPosition(resolve, reject, options);
187            });
188        }
189    </script>
189
190<div class="targeted-section targeted-section__3 ">
191</div>
192<header class="hlv6 border-bottom bg-white hlv6-logoleftsearchright position-relative " id="header">
193    <div class="hlv6-main d-flex align-items-stretch flex-wrap flex-lg-nowrap px-0 px-lg-3" 
194        x-data="headerApp" 
195        x-on:search-focus="searchFocus = true;$store.headerMask.on = true" 
196        x-on:search-blur="searchFocus = false;$store.headerMask.on = false" 
197        x-on:mask-clicked.window="searchFocus = false;showSearch = false;">
198        <div class="hlv6-mobile-trigger-wrapper d-flex align-items-center d-lg-none py-3">
199            <div class="hlv6-mobile-trigger" 
200                :class="{'open': $store.mobileMenu.show}" 
201                x-on:click="$store.mobileMenu.toggle();handleMask();searchFocus = false;showSearch = false;" 
202                x-on:keyup.enter="$store.mobileMenu.toggle();handleMask();searchFocus = false;showSearch = false;" 
203                tabindex="0" 
204                aria-label="toggle menu">
205                <span></span>
206                <span></span>
207                <span></span>
208                <span></span>
209            </div>
210        </div>
211        <div class="hlv6-mobile-trigger-wrapper d-flex d-lg-none align-items-center justify-content-center py-3" 
212            aria-label="toggle search" 
213            tabindex="0" 
214            x-on:click="handleShowSearch();$store.mobileMenu.toggle(false)" 
215            x-on:keyup.enter="handleShowSearch();$store.mobileMenu.toggle(false)" 
216            role="button">
217            <span class="material-symbols-outlined fw-200 notranslate" style="font-size:32px !important;">search</span>
218        </div>
219<a class="hlv6-logo w-100 my-auto mx-auto me-lg-4 py-3" href="/">
220<picture>
221    <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/img/dealer/35/upload/logo/0d3727d218474b5f86d201f3c9566cf3.png?format=webp&amp;quality=85" type="image/webp">
222    <img src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/img/dealer/35/upload/logo/0d3727d218474b5f86d201f3c9566cf3.png?format=jpg&amp;quality=85" alt="Prime Brothers Furniture&#x27;s logo" loading="eager" class="d-none d-lg-block" />
223</picture>
224<picture>
225    <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/img/dealer/35/upload/mobilelogo/b00f6db4438144978439489455399b45.png?format=webp&amp;quality=85" type="image/webp">
226    <img src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/img/dealer/35/upload/mobilelogo/b00f6db4438144978439489455399b45.png?format=jpg&amp;quality=85" alt="Prime Brothers Furniture&#x27;s logo" loading="eager" class="d-lg-none" />
227</picture></a>
228<div class="hlv6-nav hlv6-nav--single w-100 d-none d-lg-flex" x-data="headerNav()" x-on:non-nav-hover.window="resetNav">
229    <ul class="hlv6-container d-flex align-items-center justify-content-between position-relative">
230            <li class="hlv6-nav__nav0-menu  position-relative  __show-icon"
231                x-on:mouseenter="mouseEnter(0, 0, 12)"
232                x-on:mouseleave="mouseLeave(0, 0)"
233                x-on:keydown.enter="mouseEnter(0, 0, 12)"
234                tabindex="0"
235                aria-label="open Start Shopping menu"
236                :aria-expanded="(activeNav0Show == 0).toString()">
237                    <a class="d-block my-2 mx-2 text-nowrap  nav-builder-item__start-shopping"
238                       href="https://www.primebrothers.com/getstarted"
239                       >Start Shopping</a>
240                    <ul class="hlv6-nav__nav1-menu position-absolute text-nowrap"
241                        :class="{__active: activeNav0Show == 0}"
242                        x-show="activeNav0Show == 0" x-cloak>
243                            <li class="hlv6-nav__nav1-menu-item"
244                                x-on:mouseenter="mouseEnter(1, 0)"
245                                x-on:mouseleave="mouseLeave(1, 0)"
246                                x-on:keydown.enter="mouseEnter(1, 0)"
247                                aria-label="open Shop In Stock  menu"
248                                :aria-expanded="(activeNav1Show == 0).toString()">
249                                    <a class="d-block mb-1  nav-builder-item__shop-in-stock-"
250                                       href="https://www.primebrothers.com/p/shop-in-stock"
251                                       >Shop In Stock </a>
252                                    <div class="hlv6-nav__nav2-menu text-nowrap"
253                                         :class="{__active: activeNav1Show == 0}"
254                                         x-show="activeNav1Show == 0 || false" x-cloak>
255                                        <ul class="hlv6-nav__nav2-menu-wrapper">
256                                                <li>
257                                                    <a class="d-block nav-builder-item__"
258                                                       ></a>
259                                                </li>
260                                        </ul>
261                                    </div>
262                            </li>
263                            <li class="hlv6-nav__nav1-menu-item"
264                                x-on:mouseenter="mouseEnter(1, 1)"
265                                x-on:mouseleave="mouseLeave(1, 1)"
266                                x-on:keydown.enter="mouseEnter(1, 1)"
267                                aria-label="open Living Room menu"
268                                :aria-expanded="(activeNav1Show == 1).toString()">
269                                    <a class="d-block mb-1  nav-builder-item__living-room"
270                                       href="https://www.primebrothers.com/livingroom/"
271                                       >Living Room</a>
272                                    <div class="hlv6-nav__nav2-menu text-nowrap"
273                                         :class="{__active: activeNav1Show == 1}"
274                                         x-show="activeNav1Show == 1 || false" x-cloak>
275                                        <ul class="hlv6-nav__nav2-menu-wrapper">
276                                                <li>
277                                                    <a class="d-block nav-builder-item__living-room-sets"
278                                                       href="https://www.primebrothers.com/browse/living-room-groups/491"
279                                                       >Living Room Sets</a>
280                                                </li>
281                                                <li>
282                                                    <a class="d-block nav-builder-item__sofas-&amp;-loveseats"
283                                                       href="https://www.primebrothers.com/browse/sofas-and-loveseats/635"
284                                                       >Sofas &amp; Loveseats</a>
285                                                </li>
286                                                <li>
287                                                    <a class="d-block nav-builder-item__sectional-sofas"
288                                                       href="/browse/living-room/sectionals/7"
289                                                       >Sectional Sofas</a>
290                                                </li>
291                                                <li>
292                                                    <a class="d-block nav-builder-item__accent-chairs"
293                                                       href="/browse/living-room/all-chairs/4"
294                                                       >Accent Chairs</a>
295                                                </li>
296                                                <li>
297                                                    <a class="d-block nav-builder-item__recliners"
298                                                       href="/browse/living-room/recliners/36"
299                                                       >Recliners</a>
300                                                </li>
301                                                <li>
302                                                    <a class="d-block nav-builder
302-item__reclining-sofas"
303                                                       href="/browse/living-room/reclining-sofas/35"
304                                                       >Reclining Sofas</a>
305                                                </li>
306                                                <li>
307                                                    <a class="d-block nav-builder-item__lift-chairs"
308                                                       href="https://www.primebrothers.com/browse?pid=-443069027"
309                                                       >LIft Chairs</a>
310                                                </li>
311                                                <li>
312                                                    <a class="d-block nav-builder-item__sleepers-&amp;-futons"
313                                                       href="https://www.primebrothers.com/browse/sofa-sleepers-and-futons/636"
314                                                       >Sleepers &amp; Futons</a>
315                                                </li>
316                                                <li>
317                                                    <a class="d-block nav-builder-item__ottomans-&amp;-poufs"
318                                                       href="https://www.primebrothers.com/browse/ottomans-and-poufs/637"
319                                                       >Ottomans &amp; Poufs</a>
320                                                </li>
321                                                <li>
322                                                    <a class="d-block nav-builder-item__benches"
323                                                       href="/browse/living-room/benches/25"
324                                                       >Benches</a>
325                                                </li>
326                                                <li>
327                                                    <a class="d-block nav-builder-item__coffee-tables"
328                                                       href="/browse/accent-tables/cocktail-tables/76"
329                                                       >Coffee Tables</a>
330                                                </li>
331                                                <li>
332                                                    <a class="d-block nav-builder-item__side-&amp;-end-tables"
333                                                       href="/browse/accent-tables/end-tables/75"
334                                                       >Side &amp; End Tables</a>
335                                                </li>
336                                                <li>
337                                                    <a class="d-block nav-builder-item__consoles-&amp;-accent-cabinets"
338                                                       href="https://www.primebrothers.com/browse/consoles-and-accent-cabinets/645"
339                                                       >Consoles &amp; Accent Cabinets</a>
340                                                </li>
341                                                <li>
342                                                    <a class="d-block nav-builder-item__tv-stands-&amp;-media-cabinets"
343                                                       href="https://www.primebrothers.com/browse/tv-stands-and-media-cabinets/644"
344                                                       >TV Stands &amp; Media Cabinets</a>
345                                                </li>
346                                                <li>
347                                                    <a class="d-block nav-builder-item__bookcases-&amp;-shelving"
348                                                       href="/browse/living-room/bookcases/26"
349                                                       >Bookcases &amp; Shelving</a>
350                                                </li>
351                                                <li>
352                                                    <a class="d-block nav-builder
352-item__rugs"
353                                                       href="/browse/living-room/rugs/65"
354                                                       >Rugs</a>
355                                                </li>
356                                                <li>
357                                                    <a class="d-block nav-builder-item__pillows-&amp;-throws"
358                                                       href="https://www.primebrothers.com/browse/pillow-and-throws/638"
359                                                       >Pillows &amp; Throws</a>
360                                                </li>
361                                                <li>
362                                                    <a class="d-block nav-builder-item__all-living-room-furniture"
363                                                       href="https://www.primebrothers.com/livingroom/"
364                                                       >All Living Room Furniture</a>
365                                                </li>
366                                        </ul>
367                                    </div>
368                            </li>
369                            <li class="hlv6-nav__nav1-menu-item"
370                                x-on:mouseenter="mouseEnter(1, 2)"
371                                x-on:mouseleave="mouseLeave(1, 2)"
372                                x-on:keydown.enter="mouseEnter(1, 2)"
373                                aria-label="open Home Office menu"
374                                :aria-expanded="(activeNav1Show == 2).toString()">
375                                    <a class="d-block mb-1  nav-builder-item__home-office"
376                                       href="https://www.primebrothers.com/office/"
377                                       >Home Office</a>
378                                    <div class="hlv6-nav__nav2-menu text-nowrap"
379                                         :class="{__active: activeNav1Show == 2}"
380                                         x-show="activeNav1Show == 2 || false" x-cloak>
381                                        <ul class="hlv6-nav__nav2-menu-wrapper">
382                                                <li>
383                                                    <a class="d-block nav-builder-item__desks"
384                                                       href="/browse/home-office/desks/53"
385                                                       >Desks</a>
386                                                </li>
387                                                <li>
388                                                    <a class="d-block nav-builder-item__office-chairs"
389                                                       href="/browse/home-office/chairs-and-seating/54"
390                                                       >Office Chairs</a>
391                                                </li>
392                                                <li>
393                                                    <a class="d-block nav-builder-item__bookcases-&amp;-shelving"
394                                                       href="/browse/living-room/bookcases/26"
395                                                       >Bookcases &amp; Shelving</a>
396                                                </li>
397                                                <li>
398                                                    <a class="d-block nav-builder-item__file-&amp;-storage-cabinets"
399                                                       href="/browse/home-office/filing-and-storage/55"
400                                                       >File &amp; Storage Cabinets</a>
401                                                </li>
402                                                <li>
403                                                    <a class="d-block nav-builder-item__kids-desks-&amp;-desk-chairs"
404                                                       href="https://www.primebrothers.com/browse/kids-desks-and-desk-chairs/642"
405                                                       >Kids Desks &amp; Desk Chairs</a>
406                                                </li>
407                                                <li>
408                                                    <a class="d-block nav-builder
408-item__all-home-office"
409                                                       href="https://www.primebrothers.com/office/"
410                                                       >All Home Office</a>
411                                                </li>
412                                        </ul>
413                                    </div>
414                            </li>
415                            <li class="hlv6-nav__nav1-menu-item"
416                                x-on:mouseenter="mouseEnter(1, 3)"
417                                x-on:mouseleave="mouseLeave(1, 3)"
418                                x-on:keydown.enter="mouseEnter(1, 3)"
419                                aria-label="open Dining Room menu"
420                                :aria-expanded="(activeNav1Show == 3).toString()">
421                                    <a class="d-block mb-1  nav-builder-item__dining-room"
422                                       href="https://www.primebrothers.com/diningroom/"
423                                       >Dining Room</a>
424                                    <div class="hlv6-nav__nav2-menu text-nowrap"
425                                         :class="{__active: activeNav1Show == 3}"
426                                         x-show="activeNav1Show == 3 || false" x-cloak>
427                                        <ul class="hlv6-nav__nav2-menu-wrapper">
428                                                <li>
429                                                    <a class="d-block nav-builder-item__table-&amp;-chair-sets"
430                                                       href="/browse/dining-room/table-and-chair-sets/431"
431                                                       >Table &amp; Chair Sets</a>
432                                                </li>
433                                                <li>
434                                                    <a class="d-block nav-builder-item__dining-tables"
435                                                       href="/browse/dining-room/tables/432"
436                                                       >Dining Tables</a>
437                                                </li>
438                                                <li>
439                                                    <a class="d-block nav-builder-item__dining-chairs"
440                                                       href="/browse/dining-room/chairs/43"
441                                                       >Dining Chairs</a>
442                                                </li>
443                                                <li>
444                                                    <a class="d-block nav-builder-item__bar-stools"
445                                                       href="/browse/dining-room/bar-stools/48"
446                                                       >Bar Stools</a>
447                                                </li>
448                                                <li>
449                                                    <a class="d-block nav-builder-item__dining-benches"
450                                                       href="https://www.primebrothers.com/browse/dining-benches/556"
451                                                       >Dining Benches</a>
452                                                </li>
453                                                <li>
454                                                    <a class="d-block nav-builder-item__sideboards-&amp;-buffets"
455                                                       href="https://www.primebrothers.com/browse/dining-room/sideboards-and-buffets/626"
456                                                       >Sideboards &amp; Buffets</a>
457                                                </li>
458                                                <li>
459                                                    <a class="d-block nav-builder-item__display-&amp;-china-cabinets"
460                                                       href="https://www.primebrothers.com/browse/display-and-china-cabinets/639"
461                                                       >Display &amp; China Cabinets</a>
462                                                </li>
463                                                <li>
464                                                    <a class="d-block nav-builder
464-item__bars,-carts-&amp;-bar-cabinets"
465                                                       href="/browse/dining-room/bars/47"
466                                                       >Bars, Carts &amp; Bar Cabinets</a>
467                                                </li>
468                                                <li>
469                                                    <a class="d-block nav-builder-item__kitchen-islands"
470                                                       href="https://www.primebrothers.com/browse/dining-room/kitchen-islands/627"
471                                                       >Kitchen Islands</a>
472                                                </li>
473                                                <li>
474                                                    <a class="d-block nav-builder-item__dining-room-collections"
475                                                       href="https://www.primebrothers.com/browse/dining-room-collections/489"
476                                                       >Dining Room Collections</a>
477                                                </li>
478                                                <li>
479                                                    <a class="d-block nav-builder-item__all-dining-room-furniture"
480                                                       href="https://www.primebrothers.com/diningroom/"
481                                                       >All Dining Room Furniture</a>
482                                                </li>
483                                        </ul>
484                                    </div>
485                            </li>
486                            <li class="hlv6-nav__nav1-menu-item"
487                                x-on:mouseenter="mouseEnter(1, 4)"
488                                x-on:mouseleave="mouseLeave(1, 4)"
489                                x-on:keydown.enter="mouseEnter(1, 4)"
490                                aria-label="open Bedroom menu"
491                                :aria-expanded="(activeNav1Show == 4).toString()">
492                                    <a class="d-block mb-1  nav-builder-item__bedroom"
493                                       href="https://www.primebrothers.com/bedroom/"
494                                       >Bedroom</a>
495                                    <div class="hlv6-nav__nav2-menu text-nowrap"
496                                         :class="{__active: activeNav1Show == 4}"
497                                         x-show="activeNav1Show == 4 || false" x-cloak>
498                                        <ul class="hlv6-nav__nav2-menu-wrapper">
499                                                <li>
500                                                    <a class="d-block nav-builder-item__bedroom-sets"
501                                                       href="https://www.primebrothers.com/browse/bedroom-groups/488"
502                                                       >Bedroom Sets</a>
503                                                </li>
504                                                <li>
505                                                    <a class="d-block nav-builder-item__beds"
506                                                       href="/browse/bedroom/beds/14"
507                                                       >Beds</a>
508                                                </li>
509                                                <li>
510                                                    <a class="d-block nav-builder-item__nightstands"
511                                                       href="/browse/bedroom/nightstands/23"
512                                                       >Nightstands</a>
513                                                </li>
514                                                <li>
515                                                    <a class="d-block nav-builder-item__dressers-&amp;-chests"
516                                                       href="https://www.primebrothers.com/browse/dressers-and-chests/16"
517                                                       >Dressers &amp; Chests</a>
518                                                </li>
519                                                <li>
520                                                    <a class="d-block nav-builder
520-item__armoires-&amp;-wardrobes"
521                                                       href="/browse/bedroom/armoires/15"
522                                                       >Armoires &amp; Wardrobes</a>
523                                                </li>
524                                                <li>
525                                                    <a class="d-block nav-builder-item__benches"
526                                                       href="/browse/living-room/benches/25"
527                                                       >Benches</a>
528                                                </li>
529                                                <li>
530                                                    <a class="d-block nav-builder-item__kids-bedroom"
531                                                       href="https://www.primebrothers.com/kidsbedroom"
532                                                       >Kids Bedroom</a>
533                                                </li>
534                                                <li>
535                                                    <a class="d-block nav-builder-item__mattresses-&amp;-foundations"
536                                                       href="https://www.primebrothers.com/mattresses/"
537                                                       >Mattresses &amp; Foundations</a>
538                                                </li>
539                                                <li>
540                                                    <a class="d-block nav-builder-item__bed-frames"
541                                                       href="https://www.primebrothers.com/browse/bed-frames/640"
542                                                       >Bed Frames</a>
543                                                </li>
544                                                <li>
545                                                    <a class="d-block nav-builder-item__pillows-&amp;-sheets"
546                                                       href="https://www.primebrothers.com/browse/pillows-and-sheets/607"
547                                                       >Pillows &amp; Sheets</a>
548                                                </li>
549                                                <li>
550                                                    <a class="d-block nav-builder-item__all-bedroom"
551                                                       href="https://www.primebrothers.com/bedroom/"
552                                                       >All Bedroom</a>
553                                                </li>
554                                        </ul>
555                                    </div>
556                            </li>
557                            <li class="hlv6-nav__nav1-menu-item"
558                                x-on:mouseenter="mouseEnter(1, 5)"
559                                x-on:mouseleave="mouseLeave(1, 5)"
560                                x-on:keydown.enter="mouseEnter(1, 5)"
561                                aria-label="open Mattresses menu"
562                                :aria-expanded="(activeNav1Show == 5).toString()">
563                                    <a class="d-block mb-1  nav-builder-item__mattresses"
564                                       href="https://www.primebrothers.com/mattress/"
565                                       >Mattresses</a>
566                                    <div class="hlv6-nav__nav2-menu text-nowrap"
567                                         :class="{__active: activeNav1Show == 5}"
568                                         x-show="activeNav1Show == 5 || false" x-cloak>
569                                        <ul class="hlv6-nav__nav2-menu-wrapper">
570                                                <li>
571                                                    <a class="d-block nav-builder-item__king-size-mattresses"
572                                                       href="https://www.primebrothers.com/browse/king-size-mattresses/474"
573                                                       >King Size Mattresses</a>
574                                                </li>
575                                                <li>
576                                                    <a class="d-block nav-builder
576-item__queen-size-mattresses"
577                                                       href="https://www.primebrothers.com/browse/queen-size-mattresses/473"
578                                                       >Queen Size Mattresses</a>
579                                                </li>
580                                                <li>
581                                                    <a class="d-block nav-builder-item__full-size-mattresses"
582                                                       href="https://www.primebrothers.com/browse/full-size-mattresses/472"
583                                                       >Full Size Mattresses</a>
584                                                </li>
585                                                <li>
586                                                    <a class="d-block nav-builder-item__twin-size-mattresses"
587                                                       href="https://www.primebrothers.com/browse/twin-size-mattresses/471"
588                                                       >Twin Size Mattresses</a>
589                                                </li>
590                                                <li>
591                                                    <a class="d-block nav-builder-item__foundations"
592                                                       href="https://www.primebrothers.com/browse/foundations/632"
593                                                       >Foundations</a>
594                                                </li>
595                                        </ul>
596                                    </div>
597                            </li>
598                            <li class="hlv6-nav__nav1-menu-item"
599                                x-on:mouseenter="mouseEnter(1, 6)"
600                                x-on:mouseleave="mouseLeave(1, 6)"
601                                x-on:keydown.enter="mouseEnter(1, 6)"
602                                aria-label="open Accents &amp; Decor menu"
603                                :aria-expanded="(activeNav1Show == 6).toString()">
604                                    <a class="d-block mb-1  nav-builder-item__accents-&amp;-decor"
605                                       href="https://www.primebrothers.com/accents/"
606                                       >Accents &amp; Decor</a>
607                                    <div class="hlv6-nav__nav2-menu text-nowrap"
608                                         :class="{__active: activeNav1Show == 6}"
609                                         x-show="activeNav1Show == 6 || false" x-cloak>
610                                        <ul class="hlv6-nav__nav2-menu-wrapper">
611                                                <li>
612                                                    <a class="d-block nav-builder-item__rugs"
613                                                       href="/browse/living-room/rugs/65"
614                                                       >Rugs</a>
615                                                </li>
616                                                <li>
617                                                    <a class="d-block nav-builder-item__pillows"
618                                                       href="https://www.primebrothers.com/browse/pillows/604"
619                                                       >Pillows</a>
620                                                </li>
621                                                <li>
622                                                    <a class="d-block nav-builder-item__throws"
623                                                       href="https://www.primebrothers.com/browse/throws/610"
624                                                       >Throws</a>
625                                                </li>
626                                                <li>
627                                                    <a class="d-block nav-builder-item__ottomans-&amp;-poufs"
628                                                       href="https://www.primebrothers.com/browse/ottomans-and-poufs/637"
629                                                       >Ottomans &amp; Poufs</a>
630                                                </li>
631                                                <li>
632                                                    <a class="d-block nav-builder
632-item__benches"
633                                                       href="/browse/living-room/benches/25"
634                                                       >Benches</a>
635                                                </li>
636                                                <li>
637                                                    <a class="d-block nav-builder-item__accent-tables"
638                                                       href="https://www.primebrothers.com/browse/accent-tables/33"
639                                                       >Accent Tables</a>
640                                                </li>
641                                                <li>
642                                                    <a class="d-block nav-builder-item__consoles-&amp;-accent-cabinets"
643                                                       href="https://www.primebrothers.com/browse/console-and-accent-cabinets/645"
644                                                       >Consoles &amp; Accent Cabinets</a>
645                                                </li>
646                                                <li>
647                                                    <a class="d-block nav-builder-item__coat-rack-&amp;-hall-trees"
648                                                       href="https://www.primebrothers.com/browse/coat-rack-and-hall-trees/237"
649                                                       >Coat Rack &amp; Hall Trees</a>
650                                                </li>
651                                                <li>
652                                                    <a class="d-block nav-builder-item__mirrors"
653                                                       href="/browse/bedroom/mirrors/32"
654                                                       >Mirrors</a>
655                                                </li>
656                                                <li>
657                                                    <a class="d-block nav-builder-item__wall-art"
658                                                       href="/browse/accents/wall-art/583"
659                                                       >Wall Art</a>
660                                                </li>
661                                                <li>
662                                                    <a class="d-block nav-builder-item__lamps-&amp;-lighting"
663                                                       href="https://www.primebrothers.com/browse/lamps-and-lighting/31"
664                                                       >Lamps &amp; Lighting</a>
665                                                </li>
666                                                <li>
667                                                    <a class="d-block nav-builder-item__accessories"
668                                                       href="https://www.primebrothers.com/browse/accessories/582"
669                                                       >Accessories</a>
670                                                </li>
671                                        </ul>
672                                    </div>
673                            </li>
674                            <li class="hlv6-nav__nav1-menu-item"
675                                x-on:mouseenter="mouseEnter(1, 7)"
676                                x-on:mouseleave="mouseLeave(1, 7)"
677                                x-on:keydown.enter="mouseEnter(1, 7)"
678                                aria-label="open Storage &amp; Display menu"
679                                :aria-expanded="(activeNav1Show == 7).toString()">
680                                    <a class="d-block mb-1 no-link nav-builder-item__storage-&amp;-display"
681                                       >Storage &amp; Display</a>
682                                    <div class="hlv6-nav__nav2-menu text-nowrap"
683                                         :class="{__active: activeNav1Show == 7}"
684                                         x-show="activeNav1Show == 7 || false" x-cloak>
685                                        <ul class="hlv6-nav__nav2-menu-wrapper">
686                                                <li>
687                                                    <a class="d-block nav-builder
687-item__storage-cabinets-&amp;-consoles"
688                                                       href="https://www.primebrothers.com/browse/storage-cabinets-and-consoles/645"
689                                                       >Storage Cabinets &amp; Consoles</a>
690                                                </li>
691                                                <li>
692                                                    <a class="d-block nav-builder-item__display-cabinets-&amp;-curios"
693                                                       href="https://www.primebrothers.com/browse/display-cabinets-and-curios/639"
694                                                       >Display Cabinets &amp; Curios</a>
695                                                </li>
696                                                <li>
697                                                    <a class="d-block nav-builder-item__bookcases-&amp;-shelving"
698                                                       href="/browse/living-room/bookcases/26"
699                                                       >Bookcases &amp; Shelving</a>
700                                                </li>
701                                                <li>
702                                                    <a class="d-block nav-builder-item__storage-benches-&amp;-ottomans"
703                                                       href="https://www.primebrothers.com/browse/storage-benches-and-ottomans/646"
704                                                       >Storage Benches &amp; Ottomans</a>
705                                                </li>
706                                                <li>
707                                                    <a class="d-block nav-builder-item__bar-&amp;-wine-storage"
708                                                       href="/browse/dining-room/bars/47"
709                                                       >Bar &amp; Wine Storage</a>
710                                                </li>
711                                        </ul>
712                                    </div>
713                            </li>
714                            <li class="hlv6-nav__nav1-menu-item"
715                                x-on:mouseenter="mouseEnter(1, 8)"
716                                x-on:mouseleave="mouseLeave(1, 8)"
717                                x-on:keydown.enter="mouseEnter(1, 8)"
718                                aria-label="open Kids menu"
719                                :aria-expanded="(activeNav1Show == 8).toString()">
720                                    <a class="d-block mb-1  nav-builder-item__kids"
721                                       href="https://www.primebrothers.com/kidsbedroom"
722                                       >Kids</a>
723                                    <div class="hlv6-nav__nav2-menu text-nowrap"
724                                         :class="{__active: activeNav1Show == 8}"
725                                         x-show="activeNav1Show == 8 || false" x-cloak>
726                                        <ul class="hlv6-nav__nav2-menu-wrapper">
727                                                <li>
728                                                    <a class="d-block nav-builder-item__kids-bedroom-sets"
729                                                       href="/browse/kids-bedroom/kids-bedroom-sets/594"
730                                                       >Kids Bedroom Sets</a>
731                                                </li>
732                                                <li>
733                                                    <a class="d-block nav-builder-item__kids-beds"
734                                                       href="/browse/bedroom/kids-beds/67"
735                                                       >Kids Beds</a>
736                                                </li>
737                                                <li>
738                                                    <a class="d-block nav-builder-item__bunk-beds-&amp;-lofts"
739                                                       href="/browse/bedroom/bunk-beds/18"
740                                                       >Bunk Beds &amp; Lofts</a>
741                                                </li>
742                                                <li>
743                                                    <a class="d-block nav-builder
743-item__nightstands"
744                                                       href="/browse/kids-bedroom/kids-nightstands/543"
745                                                       >Nightstands</a>
746                                                </li>
747                                                <li>
748                                                    <a class="d-block nav-builder-item__kids-dressers-&amp;-chests"
749                                                       href="https://www.primebrothers.com/browse/kids-dressers-and-chests/643"
750                                                       >Kids Dressers &amp; Chests</a>
751                                                </li>
752                                                <li>
753                                                    <a class="d-block nav-builder-item__bookcases-&amp;-shelving"
754                                                       href="https://www.primebrothers.com/browse/bookcases-and-shelving/647"
755                                                       >Bookcases &amp; Shelving</a>
756                                                </li>
757                                                <li>
758                                                    <a class="d-block nav-builder-item__desks-&amp;-desk-chairs"
759                                                       href="https://www.primebrothers.com/browse/desks-and-desk-chairs/642"
760                                                       >Desks &amp; Desk Chairs</a>
761                                                </li>
762                                                <li>
763                                                    <a class="d-block nav-builder-item__benches-&amp;-poufs"
764                                                       href="https://www.primebrothers.com/browse/benches-and-poufs/648"
765                                                       >Benches &amp; Poufs</a>
766                                                </li>
767                                                <li>
768                                                    <a class="d-block nav-builder-item__all-kids-furniture"
769                                                       href="https://www.primebrothers.com/kidsbedroom/"
770                                                       >All Kids Furniture</a>
771                                                </li>
772                                        </ul>
773                                    </div>
774                            </li>
775                            <li class="hlv6-nav__nav1-menu-item"
776                                x-on:mouseenter="mouseEnter(1, 9)"
777                                x-on:mouseleave="mouseLeave(1, 9)"
778                                x-on:keydown.enter="mouseEnter(1, 9)"
779                                aria-label=""
780                                :aria-expanded="(activeNav1Show == 9).toString()">
781                                    <a class="d-block mb-1  nav-builder-item__outdoor"
782                                       href="https://www.primebrothers.com/outdoor/"
783                                       >Outdoor</a>
784                            </li>
785                            <li class="hlv6-nav__nav1-menu-item"
786                                x-on:mouseenter="mouseEnter(1, 10)"
787                                x-on:mouseleave="mouseLeave(1, 10)"
788                                x-on:keydown.enter="mouseEnter(1, 10)"
789                                aria-label=""
790                                :aria-expanded="(activeNav1Show == 10).toString()">
791                                    <a class="d-block mb-1  nav-builder-item__bogo-deals"
792                                       href="https://www.primebrothers.com/promotion/bogo"
793                                       >BOGO Deals</a>
794                            </li>
795                            <li class="hlv6-nav__nav1-menu-item"
796                                x-on:mouseenter="mouseEnter(1, 11)"
797                                x-on:mouseleave="mouseLeave(1, 11)"
798                                x-on:keydown.enter="mouseEnter(1, 11)"
799                                aria-label="open Store Info menu"
800                                :aria-expanded="(activeNav1Show == 11).toString()">
801                                    <a class="d-block mb-1 no-link nav-builder
801-item__store-info"
802                                       >Store Info</a>
803                                    <div class="hlv6-nav__nav2-menu text-nowrap"
804                                         :class="{__active: activeNav1Show == 11}"
805                                         x-show="activeNav1Show == 11 || false" x-cloak>
806                                        <ul class="hlv6-nav__nav2-menu-wrapper">
807                                                <li>
808                                                    <a class="d-block nav-builder-item__about-us"
809                                                       href="https://www.primebrothers.com/about-us/"
810                                                       >About Us</a>
811                                                </li>
812                                                <li>
813                                                    <a class="d-block nav-builder-item__financing"
814                                                       href="https://www.primebrothers.com/financing/"
815                                                       >Financing</a>
816                                                </li>
817                                                <li>
818                                                    <a class="d-block nav-builder-item__track-your-delivery"
819                                                       href="https://www.primebrothers.com/track-your-order"
820                                                       >Track Your Delivery</a>
821                                                </li>
822                                        </ul>
823                                    </div>
824                            </li>
825                    </ul>
826            </li>
827    </ul>
828</div>
829<div class="ms-auto d-none d-lg-flex justify-content-end w-100 order-2">
830    <div class="d-flex flex-column">
831        <div class="hlv6-search d-flex justify-content-end pt-3" :class="{'__show ': showSearch}">
832            <div class="border mt-2 mt-lg-auto mb-auto w-100" :class="{'border-dark': searchFocus}">
833<div id="searchbox-2f2c001e9619476cbbe48e4e16f552c5" x-data="autoCompleteSearch()" role="search" class="keyword-search position-relative d-flex align-items-center" x-on:click.outside="open = false"
834     data-search-string=""
835     data-autocomplete-url="/browse/Main/GetAutoCompleteKeywords">
836    <input aria-autocomplete="list" aria-describedby="searchbox-2f2c001e9619476cbbe48e4e16f552c5-error" aria-label="Search By Keyword" autocomplete="off" class="js-search-auto-complete hlv6-search__text-box form-control border-0" id="searchbox-2f2c001e9619476cbbe48e4e16f552c5-input" name="SearchString" placeholder="search" type="search" value="" x-model="searchString" x-on:blur="$dispatch(&#x27;search-blur&#x27;)" x-on:focus="$dispatch(&#x27;search-focus&#x27;); open = true" x-on:input.debounce="fetchAutocompleteKeywords" x-on:keyup.enter="submitSearch(searchString)" />
837        <i id="searchbox-2f2c001e9619476cbbe48e4e16f552c5-font-icon" tabindex="0" class="search-submit-btn hlv6-search__submit mx-2 material-icons notranslate" alt="Search submit" role="button" x-on:click="submitSearch(searchString)" x-on:keyup.enter="submitSearch(searchString)">search</i>
838    <span class="search__focus" role="presentation"></span>
839    <div id="searchbox-2f2c001e9619476cbbe48e4e16f552c5-error" class="visually-hidden" aria-live="polite"></div>
840    <div class="autocomplete-suggestions" x-show="open && suggestions.length" x-cloak x-transition>
841        <template x-for="group in suggestions" :key="group.name">
842            <div>
843                <div class="autocomplete-group" role="group">
844                    <strong class="group-title" x-text="group.name"></strong>
845                </div>
846                <template x-for="item in group.items" :key="item.kw">
847                    <div class="autocomplete-suggestion" tabindex="0" data-index="0" role="option" x-html="highlight(item.kw)" x-on:click="submitSearch(item.kw, group.name)" x-on:keyup.enter="submitSearch(item.kw, group.name)"></div>
848                </template>
849            </div>
850        </template>
851    </div>
852</div>
853            </div>
854        </div>
855        <div class="d-flex align-items-center justify-content-end">
856<div class="hlv6-nav-secondary d-none d-lg-flex text-nowrap" x-data="headerNav()">
857        <ul class="d-flex align-items-center position-relative py-3 "
858            x-data="{show: false}"
859            x-on:mouseenter="show = false"
860            x-on:mouseleave="show = false"
861            x-on:nav-hover.window="show = false"
862            x-on:non-nav-hover.window="show = false"
863            x-on:keydown.enter="show = false"
864            tabindex="0"
865            :aria-expanded="show.toString()"
866            aria-label="Toggle Current Ad">
867            <li class="nav-builder-single-level me-3">
868                    <a class=" nav-builder-item__current-ad"
869                       href="https://www.primebrothers.com/sale/"
870                       aria-label="Current Ad"
871                       title="Current Ad"
872                       >
873                            <span>Current Ad</span>
874                    </a>
875            </li>
876        </ul>
877</div>
878                <div class="hlv6-location hlv6-nav-secondary position-relative me-3 d-none d-lg-flex align-items-center py-3 h-100"
879                     :class="{'px-1': false, 'me-3': true}"
880                     x-data="{show: false}"
881                     x-on:mouseenter="hoverIntent(true, () => { show = true }, $el)"
882                     x-on:mouseleave="hoverIntent(false, () => { show = false })"
883                     x-on:nav-hover.window="show = false"
884                     x-on:non-nav-hover.window="show = false"
885                     x-on:keydown.enter="hoverIntent(true, () => { show = true }, $el)"
886                     tabindex="0"
887                     aria-label="Toggle location"
888                     :aria-expanded="show.toString()"
889                     aria-controls="hlv6-location-menu">
890                        <a class="text-capitalize" href="https://www.primebrothers.com/store/bay-city">location</a>
891                    <div id="hlv6-location-menu" class="hlv6-location-menu position-absolute animated faster border-left border-right border-bottom" x-show="show" x-cloak x-transition:enter="fadeIn" x-transition:leave="fadeOut">
892                            <div class="hlv6-location-menu-title lead text-center border-bottom p-2">come say hello!</div>
893                                <div class="hlv6-location-menu-wrapper py-1 px-2">
894                                    <a class="hlv6-store" itemscope itemtype="https://schema.org/LocalBusiness" href="https://www.primebrothers.com/store/bay-city">
895                                        <div class="hlv6-store-name notranslate" itemprop="name">Prime Brothers Furniture</div>
896                                        <div class="hlv6-store-address" itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
897                                            <div itemprop="streetAddress">
898                                                1500 Euclid Ave.
899                                            </div>
900                                            <span itemprop="addressLocality">Bay City</span>,
901                                            <span itemprop="addressRegion">MI</span>
902                                            <span itemprop="postalCode">48706</span>
903                                        </div>
904                                            <div class="hlv6-store-phone1" itemprop="telephone">989-686-1212</div>
905                                    </a>
906                                </div>
907                                <div class="d-flex align-items-center justify-content-center py-2 border-top">
908                                    <a href="https://www.primebrothers.com/store/bay-city" class="btn btn-outline-dark">Get Directions</a>
909                                </div>
910                    </div>
911                </div>
912                <div class="hlv6-my-account hlv6-nav-secondary d-none d-lg-flex align-items-center py-3" :class="{'px-1': false}">
913                        <a class="text-nowrap" href="/login?returnUrl=%2Fitem%2F125-sofa%2F1196898324" rel="nofollow">Sign In</a>
914                </div>
915<div x-data x-cloak class="d-flex align-items-center">
916    <div class="hlv6-nav-secondary align-items-center px-1 py-3"
917         :class="{'me-1': $store.listStatus.totalItemCount > 0, 'd-flex': $store.listStatus.visible}"
918         x-show="$store.listStatus.visible"
919         x-cloak
920         x-transition>
921        <div class="list-status"
922             role="button"
923             tabindex="0"
924             title="My Lists"
925             aria-label="My Lists"
926             onclick="toggleListStatus()">
927            <span class="list-status__icon">
928                <span class="material-symbols-outlined fw-200 notranslate" style="font-size:32px !important;">favorite</span>
929                <span class="list-status__count"
930                      x-show="$store.listStatus.totalItemCount > 0"
931                      x-cloak
932                      x-text="$store.listStatus.totalItemCount"></span>
933            </span>
934        </div>
935    </div>
936</div>
937<div id="cartStatusSlideOut-app" class="hlv6-cart position-relative ms-1 d-flex align-items-center"></div>
938<script>
939    window.cartStatusAppData = window.cartStatusAppData || {};
940    window.cartStatusAppData.model = {
941        containerSelector: "#cartStatusSlideOut-app",
942        slideOutId: "cartStatusSlideOut",
943        isMobileInstance: false,
944        viewCartUrl: "https://www.primebrothers.com/shoppingcart/checkout",
945        showViewFullCartLink: false,
946        checkoutButtonText: "Checkout!",
947        estimatedTotalDisclaimer: "This estimated amount does not include delivery or tax and is subject to change.",
948        cartItemCount: 0,
949        cartPriceTotal: "",
950        cartItems: [],
951        cartTotalAddons: [],
952        urls: {
953            cartStatusUpdate: "/shoppingcart/ShoppingCart/CartStatusUpdate",
954            updateCartItem: "/shoppingcart/ShoppingCart/UpdateCartItem",
955            bundleDiscounts: "/shoppingcart/ShoppingCart/BundleDiscounts?cssWrapperClasses=px-3%20pt-3",
956            bundleDiscountTotals: "/shoppingcart/ShoppingCart/BundleDiscountTotalsV5",
957            getCartTotalAddons: "/shoppingcart/ShoppingCart/GetCartTotalAddons",
958            addOrUpdateCartTotalAddon: "/shoppingcart/ShoppingCart/AddOrUpdateCartTotalAddon"
959        }
960    };
961</script>
vendor: 2 bytes, line 961
961
962<script src="/js/apps/cart-status/app.js"></script>
962
963        </div>
964    </div>
965</div>
966        <div class="hlv6-mobile-trigger-wrapper d-flex d-lg-none align-items-center justify-content-center py-3"
967             x-data x-cloak>
968            <template x-if="$store.listStatus.visible">
969                <div class="list-status"
970                     role="button"
971                     tabindex="0"
972                     title="My Lists"
973                     aria-label="My Lists"
974                     onclick="toggleListStatus()">
975                    <span class="list-status__icon">
976                        <span class="material-symbols-outlined fw-200 notranslate" style="font-size:32px !important;">favorite</span>
977                        <span class="list-status__count"
978                              x-show="$store.listStatus.totalItemCount > 0"
979                              x-text="$store.listStatus.totalItemCount"></span>
980                    </span>
981                </div>
982            </template>
983        </div>
984        <div class="hlv6-mobile-trigger-wrapper d-flex d-lg-none align-items-center justify-content-end py-3 pe-2">
985<div id="cartStatusSlideOutMobile-app" class="hlv6-cart position-relative ms-1 d-flex align-items-center"></div>
986<script>
987    window.cartStatusAppData = window.cartStatusAppData || {};
988    window.cartStatusAppData.model = {
989        containerSelector: "#cartStatusSlideOutMobile-app",
990        slideOutId: "cartStatusSlideOutMobile",
991        isMobileInstance: true,
992        viewCartUrl: "https://www.primebrothers.com/shoppingcart/checkout",
993        showViewFullCartLink: false,
994        checkoutButtonText: "Checkout!",
995        estimatedTotalDisclaimer: "This estimated amount does not include delivery or tax and is subject to change.",
996        cartItemCount: 0,
997        cartPriceTotal: "",
998        cartItems: [],
999        cartTotalAddons: [],
1000        urls: {
1001            cartStatusUpdate: "/shoppingcart/ShoppingCart/CartStatusUpdate",
1002            updateCartItem: "/shoppingcart/ShoppingCart/UpdateCartItem",
1003            bundleDiscounts: "/shoppingcart/ShoppingCart/BundleDiscounts?cssWrapperClasses=px-3%20pt-3",
1004            bundleDiscountTotals: "/shoppingcart/ShoppingCart/BundleDiscountTotalsV5",
1005            getCartTotalAddons: "/shoppingcart/ShoppingCart/GetCartTotalAddons",
1006            addOrUpdateCartTotalAddon: "/shoppingcart/ShoppingCart/AddOrUpdateCartTotalAddon"
1007        }
1008    };
1009</script>
vendor: 2 bytes, line 1009
1009
1010<script src="/js/apps/cart-status/app.js"></script>
1010
1011        </div>
1012        <div class="hlv6-search d-flex d-lg-none flex-grow-1 w-100 mx-3 mx-lg-5 py-lg-3" :class="{'__show ': showSearch}">
1013            <div class="border flex-grow-1 mt-2 mt-lg-auto mb-auto" :class="{'border-dark': searchFocus}">
1014<div id="searchbox-22244dd60a414eeb84aa913b909934d9" x-data="autoCompleteSearch()" role="search" class="keyword-search position-relative flex-grow-1 w-100 d-flex align-items-center" x-on:click.outside="open = false"
1015     data-search-string=""
1016     data-autocomplete-url="/browse/Main/GetAutoCompleteKeywords">
1017    <input aria-autocomplete="list" aria-describedby="searchbox-22244dd60a414eeb84aa913b909934d9-error" aria-label="Search By Keyword" autocomplete="off" class="js-search-auto-complete hlv6-search__text-box form-control border-0" id="searchbox-22244dd60a414eeb84aa913b909934d9-input" name="SearchString" placeholder="search" type="search" value="" x-model="searchString" x-on:blur="$dispatch(&#x27;search-blur&#x27;)" x-on:focus="$dispatch(&#x27;search-focus&#x27;); open = true" x-on:input.debounce="fetchAutocompleteKeywords" x-on:keyup.enter="submitSearch(searchString)" />
1018        <i id="searchbox-22244dd60a414eeb84aa913b909934d9-font-icon" tabindex="0" class="search-submit-btn hlv6-search__submit mx-2 material-icons notranslate" alt="Search submit" role="button" x-on:click="submitSearch(searchString)" x-on:keyup.enter="submitSearch(searchString)">search</i>
1019    <span class="search__focus" role="presentation"></span>
1020    <div id="searchbox-22244dd60a414eeb84aa913b909934d9-error" class="visually-hidden" aria-live="polite"></div>
1021    <div class="autocomplete-suggestions" x-show="open && suggestions.length" x-cloak x-transition>
1022        <template x-for="group in suggestions" :key="group.name">
1023            <div>
1024                <div class="autocomplete-group" role="group">
1025                    <strong class="group-title" x-text="group.name"></strong>
1026                </div>
1027                <template x-for="item in group.items" :key="item.kw">
1028                    <div class="autocomplete-suggestion" tabindex="0" data-index="0" role="option" x-html="highlight(item.kw)" x-on:click="submitSearch(item.kw, group.name)" x-on:keyup.enter="submitSearch(item.kw, group.name)"></div>
1029                </template>
1030            </div>
1031        </template>
1032    </div>
1033</div>
1034            </div>
1035        </div>
1036    </div>
1037</header>
1038<div class="hlv6-mobile-menu position-fixed animated faster" x-data="headerNav()" x-show="$store.mobileMenu.show" x-cloak x-transition:enter="slideInLeft" x-transition:leave="slideOutLeft">
1039        <ul class="">
1040            <li>
1041                    <a class="align-items-center p-3 border-bottom d-none nav-builder-item__start-shopping __has-children"
1042                       href="https://www.primebrothers.com/getstarted"
1043                       x-on:click="setActiveNav0(0, $event, 12, true)"
1044                       x-on:keyup.enter="setActiveNav0(0, $event, 12, true)"
1045                       role="button" tabindex="0"
1046                       aria-label="toggle Start Shopping"
1047                       :class="{'__active': activeNav0Show == 0}">Start Shopping</a>
1048            </li>
1049                <ul class="text-nowrap" x-show="activeNav0Show == 0 || true" x-cloak>
1050                        <li>
1051                                <a class="d-flex align-items-center py-3 pe-3 border-bottom ps-3 nav-builder-item__shop-in-stock- __has-children"
1052                                   href="https://www.primebrothers.com/p/shop-in-stock"
1053                                   x-on:click="setActiveNav1(0, $event, 1);"
1054                                   x-on:keyup.enter="setActiveNav1(0, $event, 1)"
1055                                   tabindex="0"
1056                                   aria-label="toggle Shop In Stock "
1057                                   :class="{'__active': activeNav1Show == 0}">Shop In Stock </a>
1058                                <ul class="text-nowrap" x-show="activeNav1Show == 0" x-cloak>
1059                                        <li>
1060                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder
1060-item__"></a>
1061                                        </li>
1062                                </ul>
1063                        </li>
1064                        <li>
1065                                <a class="d-flex align-items-center py-3 pe-3 border-bottom ps-3 nav-builder-item__living-room __has-children"
1066                                   href="https://www.primebrothers.com/livingroom/"
1067                                   x-on:click="setActiveNav1(1, $event, 18);"
1068                                   x-on:keyup.enter="setActiveNav1(1, $event, 18)"
1069                                   tabindex="0"
1070                                   aria-label="toggle Living Room"
1071                                   :class="{'__active': activeNav1Show == 1}">Living Room</a>
1072                                <ul class="text-nowrap" x-show="activeNav1Show == 1" x-cloak>
1073                                        <li>
1074                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__living-room-sets"
1075                                               href="https://www.primebrothers.com/browse/living-room-groups/491">Living Room Sets</a>
1076                                        </li>
1077                                        <li>
1078                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__sofas-&amp;-loveseats"
1079                                               href="https://www.primebrothers.com/browse/sofas-and-loveseats/635">Sofas &amp; Loveseats</a>
1080                                        </li>
1081                                        <li>
1082                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__sectional-sofas"
1083                                               href="/browse/living-room/sectionals/7">Sectional Sofas</a>
1084                                        </li>
1085                                        <li>
1086                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__accent-chairs"
1087                                               href="/browse/living-room/all-chairs/4">Accent Chairs</a>
1088                                        </li>
1089                                        <li>
1090                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__recliners"
1091                                               href="/browse/living-room/recliners/36">Recliners</a>
1092                                        </li>
1093                                        <li>
1094                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__reclining-sofas"
1095                                               href="/browse/living-room/reclining-sofas/35">Reclining Sofas</a>
1096                                        </li>
1097                                        <li>
1098                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__lift-chairs"
1099                                               href="https://www.primebrothers.com/browse?pid=-443069027">LIft Chairs</a>
1100                                        </li>
1101                                        <li>
1102                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__sleepers-&amp;-futons"
1103                                               href="https://www.primebrothers.com/browse/sofa-sleepers-and-futons/636">Sleepers &amp; Futons</a>
1104                                        </li>
1105                                        <li>
1106                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__ottomans-&amp;-poufs"
1107                                               href="https://www.primebrothers.com/browse/ottomans-and-poufs/637">Ottomans &amp; Poufs</a>
1108                                        </li>
1109                                        <li>
1110                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder
1110-item__benches"
1111                                               href="/browse/living-room/benches/25">Benches</a>
1112                                        </li>
1113                                        <li>
1114                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__coffee-tables"
1115                                               href="/browse/accent-tables/cocktail-tables/76">Coffee Tables</a>
1116                                        </li>
1117                                        <li>
1118                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__side-&amp;-end-tables"
1119                                               href="/browse/accent-tables/end-tables/75">Side &amp; End Tables</a>
1120                                        </li>
1121                                        <li>
1122                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__consoles-&amp;-accent-cabinets"
1123                                               href="https://www.primebrothers.com/browse/consoles-and-accent-cabinets/645">Consoles &amp; Accent Cabinets</a>
1124                                        </li>
1125                                        <li>
1126                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__tv-stands-&amp;-media-cabinets"
1127                                               href="https://www.primebrothers.com/browse/tv-stands-and-media-cabinets/644">
1127TV Stands &amp; Media Cabinets</a>
1128                                        </li>
1129                                        <li>
1130                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__bookcases-&amp;-shelving"
1131                                               href="/browse/living-room/bookcases/26">Bookcases &amp; Shelving</a>
1132                                        </li>
1133                                        <li>
1134                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__rugs"
1135                                               href="/browse/living-room/rugs/65">Rugs</a>
1136                                        </li>
1137                                        <li>
1138                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__pillows-&amp;-throws"
1139                                               href="https://www.primebrothers.com/browse/pillow-and-throws/638">Pillows &amp; Throws</a>
1140                                        </li>
1141                                        <li>
1142                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__all-living-room-furniture"
1143                                               href="https://www.primebrothers.com/livingroom/">All Living Room Furniture</a>
1144                                        </li>
1145                                </ul>
1146                        </li>
1147                        <li>
1148                                <a class="d-flex align-items-center py-3 pe-3 border-bottom ps-3 nav-builder-item__home-office __has-children"
1149                                   href="https://www.primebrothers.com/office/"
1150                                   x-on:click="setActiveNav1(2, $event, 6);"
1151                                   x-on:keyup.enter="setActiveNav1(2, $event, 6)"
1152                                   tabindex="0"
1153                                   aria-label="toggle Home Office"
1154                                   :class="{'__active': activeNav1Show == 2}">Home Office</a>
1155                                <ul class="text-nowrap" x-show="activeNav1Show == 2" x-cloak>
1156                                        <li>
1157                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__desks"
1158                                               href="/browse/home-office/desks/53">Desks</a>
1159                                        </li>
1160                                        <li>
1161                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__office-chairs"
1162                                               href="/browse/home-office/chairs-and-seating/54">Office Chairs</a>
1163                                        </li>
1164                                        <li>
1165                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__bookcases-&amp;-shelving"
1166                                               href="/browse/living-room/bookcases/26">Bookcases &amp; Shelving</a>
1167                                        </li>
1168                                        <li>
1169                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__file-&amp;-storage-cabinets"
1170                                               href="/browse/home-office/filing-and-storage/55">File &amp; Storage Cabinets</a>
1171                                        </li>
1172                                        <li>
1173                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__kids-desks-&amp;-desk-chairs"
1174                                               href="https://www.primebrothers.com/browse/kids-desks-and-desk-chairs/642">Kids Desks &amp; Desk Chairs</a>
1175                                        </li>
1176                                        <li>
1177                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder
1177-item__all-home-office"
1178                                               href="https://www.primebrothers.com/office/">All Home Office</a>
1179                                        </li>
1180                                </ul>
1181                        </li>
1182                        <li>
1183                                <a class="d-flex align-items-center py-3 pe-3 border-bottom ps-3 nav-builder-item__dining-room __has-children"
1184                                   href="https://www.primebrothers.com/diningroom/"
1185                                   x-on:click="setActiveNav1(3, $event, 11);"
1186                                   x-on:keyup.enter="setActiveNav1(3, $event, 11)"
1187                                   tabindex="0"
1188                                   aria-label="toggle Dining Room"
1189                                   :class="{'__active': activeNav1Show == 3}">Dining Room</a>
1190                                <ul class="text-nowrap" x-show="activeNav1Show == 3" x-cloak>
1191                                        <li>
1192                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__table-&amp;-chair-sets"
1193                                               href="/browse/dining-room/table-and-chair-sets/431">Table &amp; Chair Sets</a>
1194                                        </li>
1195                                        <li>
1196                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__dining-tables"
1197                                               href="/browse/dining-room/tables/432">Dining Tables</a>
1198                                        </li>
1199                                        <li>
1200                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__dining-chairs"
1201                                               href="/browse/dining-room/chairs/43">Dining Chairs</a>
1202                                        </li>
1203                                        <li>
1204                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__bar-stools"
1205                                               href="/browse/dining-room/bar-stools/48">Bar Stools</a>
1206                                        </li>
1207                                        <li>
1208                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__dining-benches"
1209                                               href="https://www.primebrothers.com/browse/dining-benches/556">Dining Benches</a>
1210                                        </li>
1211                                        <li>
1212                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__sideboards-&amp;-buffets"
1213                                               href="https://www.primebrothers.com/browse/dining-room/sideboards-and-buffets/626">Sideboards &amp; Buffets</a>
1214                                        </li>
1215                                        <li>
1216                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__display-&amp;-china-cabinets"
1217                                               href="https://www.primebrothers.com/browse/display-and-china-cabinets/639">Display &amp; China Cabinets</a>
1218                                        </li>
1219                                        <li>
1220                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__bars,-carts-&amp;-bar-cabinets"
1221                                               href="/browse/dining-room/bars/47">Bars, Carts &amp; Bar Cabinets</a>
1222                                        </li>
1223                                        <li>
1224                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__kitchen-islands"
1225                                               href="https://www.primebrothers.com/browse/dining-room/kitchen-islands/627">Kitchen Islands</a>
1226                                        </li>
1227                                        <li>
1228                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder
1228-item__dining-room-collections"
1229                                               href="https://www.primebrothers.com/browse/dining-room-collections/489">Dining Room Collections</a>
1230                                        </li>
1231                                        <li>
1232                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__all-dining-room-furniture"
1233                                               href="https://www.primebrothers.com/diningroom/">All Dining Room Furniture</a>
1234                                        </li>
1235                                </ul>
1236                        </li>
1237                        <li>
1238                                <a class="d-flex align-items-center py-3 pe-3 border-bottom ps-3 nav-builder-item__bedroom __has-children"
1239                                   href="https://www.primebrothers.com/bedroom/"
1240                                   x-on:click="setActiveNav1(4, $event, 11);"
1241                                   x-on:keyup.enter="setActiveNav1(4, $event, 11)"
1242                                   tabindex="0"
1243                                   aria-label="toggle Bedroom"
1244                                   :class="{'__active': activeNav1Show == 4}">Bedroom</a>
1245                                <ul class="text-nowrap" x-show="activeNav1Show == 4" x-cloak>
1246                                        <li>
1247                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__bedroom-sets"
1248                                               href="https://www.primebrothers.com/browse/bedroom-groups/488">Bedroom Sets</a>
1249                                        </li>
1250                                        <li>
1251                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__beds"
1252                                               href="/browse/bedroom/beds/14">Beds</a>
1253                                        </li>
1254                                        <li>
1255                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__nightstands"
1256                                               href="/browse/bedroom/nightstands/23">Nightstands</a>
1257                                        </li>
1258                                        <li>
1259                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__dressers-&amp;-chests"
1260                                               href="https://www.primebrothers.com/browse/dressers-and-chests/16">Dressers &amp; Chests</a>
1261                                        </li>
1262                                        <li>
1263                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__armoires-&amp;-wardrobes"
1264                                               href="/browse/bedroom/armoires/15">Armoires &amp; Wardrobes</a>
1265                                        </li>
1266                                        <li>
1267                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__benches"
1268                                               href="/browse/living-room/benches/25">Benches</a>
1269                                        </li>
1270                                        <li>
1271                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__kids-bedroom"
1272                                               href="https://www.primebrothers.com/kidsbedroom">Kids Bedroom</a>
1273                                        </li>
1274                                        <li>
1275                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__mattresses-&amp;-foundations"
1276                                               href="https://www.primebrothers.com/mattresses/">Mattresses &amp; Foundations</a>
1277                                        </li>
1278                                        <li>
1279                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder
1279-item__bed-frames"
1280                                               href="https://www.primebrothers.com/browse/bed-frames/640">Bed Frames</a>
1281                                        </li>
1282                                        <li>
1283                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__pillows-&amp;-sheets"
1284                                               href="https://www.primebrothers.com/browse/pillows-and-sheets/607">Pillows &amp; Sheets</a>
1285                                        </li>
1286                                        <li>
1287                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__all-bedroom"
1288                                               href="https://www.primebrothers.com/bedroom/">All Bedroom</a>
1289                                        </li>
1290                                </ul>
1291                        </li>
1292                        <li>
1293                                <a class="d-flex align-items-center py-3 pe-3 border-bottom ps-3 nav-builder-item__mattresses __has-children"
1294                                   href="https://www.primebrothers.com/mattress/"
1295                                   x-on:click="setActiveNav1(5, $event, 5);"
1296                                   x-on:keyup.enter="setActiveNav1(5, $event, 5)"
1297                                   tabindex="0"
1298                                   aria-label="toggle Mattresses"
1299                                   :class="{'__active': activeNav1Show == 5}">Mattresses</a>
1300                                <ul class="text-nowrap" x-show="activeNav1Show == 5" x-cloak>
1301                                        <li>
1302                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__king-size-mattresses"
1303                                               href="https://www.primebrothers.com/browse/king-size-mattresses/474">King Size Mattresses</a>
1304                                        </li>
1305                                        <li>
1306                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__queen-size-mattresses"
1307                                               href="https://www.primebrothers.com/browse/queen-size-mattresses/473">Queen Size Mattresses</a>
1308                                        </li>
1309                                        <li>
1310                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__full-size-mattresses"
1311                                               href="https://www.primebrothers.com/browse/full-size-mattresses/472">Full Size Mattresses</a>
1312                                        </li>
1313                                        <li>
1314                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__twin-size-mattresses"
1315                                               href="https://www.primebrothers.com/browse/twin-size-mattresses/471">Twin Size Mattresses</a>
1316                                        </li>
1317                                        <li>
1318                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__foundations"
1319                                               href="https://www.primebrothers.com/browse/foundations/632">Foundations</a>
1320                                        </li>
1321                                </ul>
1322                        </li>
1323                        <li>
1324                                <a class="d-flex align-items-center py-3 pe-3 border-bottom ps-3 nav-builder-item__accents-&amp;-decor __has-children"
1325                                   href="https://www.primebrothers.com/accents/"
1326                                   x-on:click="setActiveNav1(6, $event, 12);"
1327                                   x-on:keyup.enter="setActiveNav1(6, $event, 12)"
1328                                   tabindex="0"
1329                                   aria-label="toggle Accents &amp; Decor"
1330                                   :class="{'__active': activeNav1Show == 6}">Accents &amp; Decor</a>
1331                                <ul class="text-nowrap" x-show="activeNav1Show == 6" x-cloak>
1332                                        <li>
1333                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder
1333-item__rugs"
1334                                               href="/browse/living-room/rugs/65">Rugs</a>
1335                                        </li>
1336                                        <li>
1337                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__pillows"
1338                                               href="https://www.primebrothers.com/browse/pillows/604">Pillows</a>
1339                                        </li>
1340                                        <li>
1341                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__throws"
1342                                               href="https://www.primebrothers.com/browse/throws/610">Throws</a>
1343                                        </li>
1344                                        <li>
1345                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__ottomans-&amp;-poufs"
1346                                               href="https://www.primebrothers.com/browse/ottomans-and-poufs/637">Ottomans &amp; Poufs</a>
1347                                        </li>
1348                                        <li>
1349                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__benches"
1350                                               href="/browse/living-room/benches/25">Benches</a>
1351                                        </li>
1352                                        <li>
1353                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__accent-tables"
1354                                               href="https://www.primebrothers.com/browse/accent-tables/33">Accent Tables</a>
1355                                        </li>
1356                                        <li>
1357                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__consoles-&amp;-accent-cabinets"
1358                                               href="https://www.primebrothers.com/browse/console-and-accent-cabinets/645">Consoles &amp; Accent Cabinets</a>
1359                                        </li>
1360                                        <li>
1361                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__coat-rack-&amp;-hall-trees"
1362                                               href="https://www.primebrothers.com/browse/coat-rack-and-hall-trees/237">Coat Rack &amp; Hall Trees</a>
1363                                        </li>
1364                                        <li>
1365                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__mirrors"
1366                                               href="/browse/bedroom/mirrors/32">Mirrors</a>
1367                                        </li>
1368                                        <li>
1369                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__wall-art"
1370                                               href="/browse/accents/wall-art/583">Wall Art</a>
1371                                        </li>
1372                                        <li>
1373                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__lamps-&amp;-lighting"
1374                                               href="https://www.primebrothers.com/browse/lamps-and-lighting/31">Lamps &amp; Lighting</a>
1375                                        </li>
1376                                        <li>
1377                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__accessories"
1378                                               href="https://www.primebrothers.com/browse/accessories/582">Accessories</a>
1379                                        </li>
1380                                </ul>
1381                        </li>
1382                        <li>
1383                                <a class="d-flex align-items-center py-3 pe-3 border-bottom ps-3 nav-builder
1383-item__storage-&amp;-display __has-children"
1384                                   x-on:click="setActiveNav1(7, $event, 5);"
1385                                   x-on:keyup.enter="setActiveNav1(7, $event, 5)"
1386                                   tabindex="0"
1387                                   aria-label="toggle Storage &amp; Display"
1388                                   :class="{'__active': activeNav1Show == 7}">Storage &amp; Display</a>
1389                                <ul class="text-nowrap" x-show="activeNav1Show == 7" x-cloak>
1390                                        <li>
1391                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__storage-cabinets-&amp;-consoles"
1392                                               href="https://www.primebrothers.com/browse/storage-cabinets-and-consoles/645">Storage Cabinets &amp; Consoles</a>
1393                                        </li>
1394                                        <li>
1395                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__display-cabinets-&amp;-curios"
1396                                               href="https://www.primebrothers.com/browse/display-cabinets-and-curios/639">Display Cabinets &amp; Curios</a>
1397                                        </li>
1398                                        <li>
1399                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__bookcases-&amp;-shelving"
1400                                               href="/browse/living-room/bookcases/26">Bookcases &amp; Shelving</a>
1401                                        </li>
1402                                        <li>
1403                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__storage-benches-&amp;-ottomans"
1404                                               href="https://www.primebrothers.com/browse/storage-benches-and-ottomans/646">Storage Benches &amp; Ottomans</a>
1405                                        </li>
1406                                        <li>
1407                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__bar-&amp;-wine-storage"
1408                                               href="/browse/dining-room/bars/47">Bar &amp; Wine Storage</a>
1409                                        </li>
1410                                </ul>
1411                        </li>
1412                        <li>
1413                                <a class="d-flex align-items-center py-3 pe-3 border-bottom ps-3 nav-builder-item__kids __has-children"
1414                                   href="https://www.primebrothers.com/kidsbedroom"
1415                                   x-on:click="setActiveNav1(8, $event, 9);"
1416                                   x-on:keyup.enter="setActiveNav1(8, $event, 9)"
1417                                   tabindex="0"
1418                                   aria-label="toggle Kids"
1419                                   :class="{'__active': activeNav1Show == 8}">Kids</a>
1420                                <ul class="text-nowrap" x-show="activeNav1Show == 8" x-cloak>
1421                                        <li>
1422                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__kids-bedroom-sets"
1423                                               href="/browse/kids-bedroom/kids-bedroom-sets/594">Kids Bedroom Sets</a>
1424                                        </li>
1425                                        <li>
1426                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__kids-beds"
1427                                               href="/browse/bedroom/kids-beds/67">Kids Beds</a>
1428                                        </li>
1429                                        <li>
1430                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder
1430-item__bunk-beds-&amp;-lofts"
1431                                               href="/browse/bedroom/bunk-beds/18">Bunk Beds &amp; Lofts</a>
1432                                        </li>
1433                                        <li>
1434                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__nightstands"
1435                                               href="/browse/kids-bedroom/kids-nightstands/543">Nightstands</a>
1436                                        </li>
1437                                        <li>
1438                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__kids-dressers-&amp;-chests"
1439                                               href="https://www.primebrothers.com/browse/kids-dressers-and-chests/643">Kids Dressers &amp; Chests</a>
1440                                        </li>
1441                                        <li>
1442                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__bookcases-&amp;-shelving"
1443                                               href="https://www.primebrothers.com/browse/bookcases-and-shelving/647">Bookcases &amp; Shelving</a>
1444                                        </li>
1445                                        <li>
1446                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__desks-&amp;-desk-chairs"
1447                                               href="https://www.primebrothers.com/browse/desks-and-desk-chairs/642">Desks &amp; Desk Chairs</a>
1448                                        </li>
1449                                        <li>
1450                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__benches-&amp;-poufs"
1451                                               href="https://www.primebrothers.com/browse/benches-and-poufs/648">Benches &amp; Poufs</a>
1452                                        </li>
1453                                        <li>
1454                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__all-kids-furniture"
1455                                               href="https://www.primebrothers.com/kidsbedroom/">All Kids Furniture</a>
1456                                        </li>
1457                                </ul>
1458                        </li>
1459                        <li>
1460                                <a class="d-flex align-items-center py-3 pe-3 border-bottom ps-3 nav-builder-item__outdoor "
1461                                   href="https://www.primebrothers.com/outdoor/"
1462                                   x-on:click="setActiveNav1(9, $event, 0);"
1463                                   x-on:keyup.enter="setActiveNav1(9, $event, 0)"
1464                                   tabindex="0"
1465                                   aria-label="toggle Outdoor"
1466                                   :class="{'__active': activeNav1Show == 9}">Outdoor</a>
1467                        </li>
1468                        <li>
1469                                <a class="d-flex align-items-center py-3 pe-3 border-bottom ps-3 nav-builder-item__bogo-deals "
1470                                   href="https://www.primebrothers.com/promotion/bogo"
1471                                   x-on:click="setActiveNav1(10, $event, 0);"
1472                                   x-on:keyup.enter="setActiveNav1(10, $event, 0)"
1473                                   tabindex="0"
1474                                   aria-label="toggle BOGO Deals"
1475                                   :class="{'__active': activeNav1Show == 10}">BOGO Deals</a>
1476                        </li>
1477                        <li>
1478                                <a class="d-flex align-items-center py-3 pe-3 border-bottom ps-3 nav-builder-item__store-info __has-children"
1479                                   x-on:click="setActiveNav1(11, $event, 3);"
1480                                   x-on:keyup.enter="setActiveNav1(11, $event, 3)"
1481                                   tabindex="0"
1482                                   aria-label="toggle Store Info"
1483                                   :class="{'__active': activeNav1Show == 11}">Store Info</a>
1484                                <ul class="text-nowrap" x-show="activeNav1Show == 11" x-cloak>
1485                                        <li>
1486                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder
1486-item__about-us"
1487                                               href="https://www.primebrothers.com/about-us/">About Us</a>
1488                                        </li>
1489                                        <li>
1490                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__financing"
1491                                               href="https://www.primebrothers.com/financing/">Financing</a>
1492                                        </li>
1493                                        <li>
1494                                            <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__track-your-delivery"
1495                                               href="https://www.primebrothers.com/track-your-order">Track Your Delivery</a>
1496                                        </li>
1497                                </ul>
1498                        </li>
1499                </ul>
1500        </ul>
1501        <ul>
1502            <li>
1503                    <a class="align-items-center p-3 border-bottom d-flex nav-builder-item__current-ad "
1504                       href="https://www.primebrothers.com/sale/"
1505                       x-on:click="setActiveSecondaryNav0(0, $event, 0)"
1506                       role="button"
1507                       :class="{'__active': activeSecondaryNav0Show == 0}">Current Ad</a>
1508            </li>
1509        </ul>
1510    <ul>
1511        <li>
1512            <a class="nav-builder-item__location d-flex align-items-center p-3 border-bottom text-capitalize" href="https://www.primebrothers.com/store/bay-city">location</a>
1513        </li>
1514            <li>
1515                <a class="nav-builder-item__sign-in d-flex align-items-center p-3 border-bottom" href="/login?returnUrl=%2Fitem%2F125-sofa%2F1196898324" rel="nofollow">Sign In</a>
1516            </li>
1517    </ul>
1518</div>
1519<div class="targeted-section targeted-section__12 ">
1520<style> @media (max-width: 992px) {#rodeo-73d5r{font-size: 16px !important;}}</style>
1521<a href="https://www.primebrothers.com/gascho"><div class="section-outer-full bg-primary" style="height: auto;min-height: auto;padding: 8px 0px 8px 0px;margin: 0px 0px 0px 0px" id="rodeo-8rj71"><div class="section-inner-large" style=""><div class="font-weight-normal fw-normal text-center text-capitalize text-white Paragraph" style="height: auto;min-height: auto;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;font-size:20px" id="rodeo-73d5r"><p>Customize solid wood furniture made in america! Gascho furniture &gt;</p></div></div></div></a></div>
1522<div x-data
1523     x-cloak
1524     class="hlv6-mask animated fast position-fixed"
1525     x-show="$store.headerMask.on"
1526     x-on:click="$store.headerMask.on = false;$store.mobileMenu.toggle(false);$dispatch('mask-clicked')"
1527     x-transition:enter="fadeIn"
1528     x-transition:leave="fadeOut"
1529     role="button"></div>
1530    <main role="main" class="pb-3">
1531<div class="item-page-15 container-xl" id="item-page-15">
1532<div class="mb-4 d-flex align-items-center breadcrumbs-wrapper">
1533        <a href="https://www.primebrothers.com/livingroom/" class="text-muted text-breadcrumbs text-lowercase me-1">Living Room Furniture</a>
1534        <span class="text-muted text-breadcrumbs material-symbols-outlined notranslate me-1">keyboard_arrow_right</span>
1535        <a href="https://www.primebrothers.com/browse?pid=-984643396" class="text-muted text-breadcrumbs text-lowercase me-1">Sofas</a>
1536        <span class="d-none d-md-block text-muted text-breadcrumbs material-symbols-outlined notranslate me-1">keyboard_arrow_right</span>
1537        <span class="d-none d-md-block text-breadcrumbs text-lowercase">Peak Living 125 Sofa</span>
1538</div>
1539    <div class="row no-gutters mb-5 position-relative align-items-start" id="topsection">
1540        <div class="col-12 col-md-6 col-lg-7 pe-md-4 __desktop-sticky" style="top:1rem;" id="topsection-left">
1541    <div class="iplv15-images" id="imagesection">
1542        <div class="gallery">
1543                <div class="swiper-container gallery-slider" id="image-gallery">
1544                    <div class="swiper-wrapper">
1545                            <div class="swiper-slide">
1546                                        <a href="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=webp&amp;quality=85" class="glightbox" data-type="image" data-gallery="item-page-gallery" >
1547                                            <picture>
1548                                                <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=webp&amp;quality=85&amp;width=450&amp;height=450&amp;scale=both&amp;trim.threshold=20&amp;trim.percentpadding=1" media="(max-width: 450px)" type="image/webp">
1549                                                <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=jpg&amp;quality=85&amp;width=450&amp;height=450&amp;scale=both&amp;trim.threshold=20&amp;trim.percentpadding=1" media="(max-width: 450px)">
1550                                                <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=webp&amp;quality=95&amp;width=729&amp;height=729&amp;scale=canvas&amp;trim.threshold=20&amp;trim.percentpadding=1" type="image/webp">
1551                                                <img src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=jpg&amp;quality=95&amp;width=729&amp;height=729&amp;scale=canvas&amp;trim.threshold=20&amp;trim.percentpadding=1" alt="Peak Living 125 Sofa"  />
1552                                            </picture>
1553                                        </a>
1554                            </div>
1555                            <div class="swiper-slide">
1556                                        <a href="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/747dafb99bf443e8a6a84d3e100fec11.jpg?format=webp&amp;quality=85" class="glightbox" data-type="image" data-gallery="item-page-gallery" >
1557                                            <picture>
1558                                                <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/747dafb99bf443e8a6a84d3e100fec11.jpg?format=webp&amp;quality=85&amp;width=450&amp;height=450&amp;scale=both&amp;trim.threshold=20&amp;trim.percentpadding=1" media="(max-width: 450px)" type="image/webp">
1559                                                <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/747dafb99bf443e8a6a84d3e100fec11.jpg?format=jpg&amp;quality=85&amp;width=450&amp;height=450&amp;scale=both&amp;trim.threshold=20&amp;trim.percentpadding=1" media="(max-width: 450px)">
1560                                                <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/747dafb99bf443e8a6a84d3e100fec11.jpg?format=webp&amp;quality=95&amp;width=729&amp;height=729&amp;scale=canvas&amp;trim.threshold=20&amp;trim.percentpadding=1" type="image/webp">
1561                                                <img src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/747dafb99bf443e8a6a84d3e100fec11.jpg?format=jpg&amp;quality=95&amp;width=729&amp;height=729&amp;scale=canvas&amp;trim.threshold=20&amp;trim.percentpadding=1" alt="Peak Living 125 Sofa"  />
1562                                            </picture>
1563                                        </a>
1564                            </div>
1565                            <div class="swiper-slide">
1566                                        <a href="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/1eb85d4e55134e6cb7625165f6e38e04.jpg?format=webp&amp;quality=85" class="glightbox" data-type="image" data-gallery="item-page-gallery"  data-description="Tuscan Java" >
1567                                            <picture>
1568                                                <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/1eb85d4e55134e6cb7625165f6e38e04.jpg?format=webp&amp;quality=85&amp;width=450&amp;height=450&amp;scale=both&amp;trim.threshold=20&amp;trim.percentpadding=1" media="(max-width: 450px)" type="image/webp">
1569                                                <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/1eb85d4e55134e6cb7625165f6e38e04.jpg?format=jpg&amp;quality=85&amp;width=450&amp;height=450&amp;scale=both&amp;trim.threshold=20&amp;trim.percentpadding=1" media="(max-width: 450px)">
1570                                                <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/1eb85d4e55134e6cb7625165f6e38e04.jpg?format=webp&amp;quality=95&amp;width=729&amp;height=729&amp;scale=canvas&amp;trim.threshold=20&amp;trim.percentpadding=1" type="image/webp">
1571                                                <img src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/1eb85d4e55134e6cb7625165f6e38e04.jpg?format=jpg&amp;quality=95&amp;width=729&amp;height=729&amp;scale=canvas&amp;trim.threshold=20&amp;trim.percentpadding=1" alt="Tuscan Java"  />
1572                                            </picture>
1573                                        </a>
1574                                    <div class="p-2 text-dark position-absolute" style="bottom:0;left:0;right:0;background:rgba(255, 255, 255, .7)">Tuscan Java</div>
1575                            </div>
1576                    </div>
1577                        <span class="visually-hidden"> Media</span>
1578                        <div class="d-flex d-md-none align-items-center justify-content-center">
1579                            <div class="d-none align-items-center justify-content-center btn-360-model btn-3D-model btn-ar border-end border-dark pe-2 me-2 mt-3" id="btn-3d-360-ar-wrapper">
1580                                <div class="d-none align-items-center btn-mobile btn-360-model pe-2">
1581                                    <button aria-current="false" aria-label="View 360° media" data-bs-toggle="modal" data-bs-target="#item360AssetViewerModal"
1582                                            onclick="trackContentInteraction('media_360','play_video','','item')"
1583                                            class="d-flex align-items-center justify-content-center btn-360-3d-ar-outline square-button-mobile p-2 icon-btn-3d" style="min-width: 3rem">
1584                                        <img src="https://images.furnituredealer.net/img/rotate_360_icon.svg" alt="See in 360°" width="27" height="27">
1585                                    </button>
1586                                </div>
1587                                <div class="d-none align-items-center btn-mobile btn-3D-model pe-2">
1588                                    <button aria-current="false" aria-label="View 3D media" data-bs-toggle="modal" data-bs-target="#item3DAssetViewerModal"
1589                                            onclick="trackContentInteraction('media_3d','play_video','','item')"
1590                                            class="d-flex align-items-center justify-content-center btn-360-3d-ar-outline square-button-mobile p-2 icon-btn-3d" style="min-width: 3rem">
1591                                        <img src="https://images.furnituredealer.net/img/rotate_360_icon.svg" alt="See in 3D" width="27" height="27">
1592                                    </button>
1593                                </div>
1594                                <div class="d-none align-items-center btn-mobile btn-ar pe-2">
1595                                    <a id="view-in-ar" x-data x-on:click.stop.prevent="trackContentInteraction('media_ar','play_video','','item')" aria-current="false" aria-label="View in AR"
1596                                       class="d-flex justify-content-center align-items-center btn-360-3d-ar-outline square-button-mobile p-2" href="#">
1597                                        <div class="d-flex align-items-center">
1598                                            <span class="material-symbols-outlined notranslate" style="padding-top: 2px; font-size: 24px !important;">
1599                                                view_in_ar
1600                                            </span>
1601                                        </div>
1602                                        <span class="text-nowrap btn-360-3d-ar-label btn-360-3d-ar-label--compact">View in Room</span>
1603                                    </a>
1604                                </div>
1605                            </div>
1606                            <div class="swiper-pagination pt-1 mt-3 text-nowrap" style="overflow-x: hidden; max-width: 100%;"></div>
1607                        </div>
1608                        <div class="swiper-button-prev d-none d-md-flex"></div>
1609                        <div class="swiper-button-next d-none d-md-flex"></div>
1610                </div>
1611                <div class="d-none d-md-flex align-items-stretch">
1612                    <div class="d-none align-items-center justify-content-center btn-360-model btn-3D-model btn-ar border-end border-dark me-2 mt-3" id="btn-3d-360-ar-wrapper">
1613                        <div class="d-none align-items-center btn-desktop btn-360-model pe-2">
1614                            <button aria-current="false" aria-label="View 360° media" data-bs-toggle="modal" data-bs-target="#item360AssetViewerModal"
1615                                    onclick="trackContentInteraction('media_360','play_video','','item')"
1616                                    class="d-flex flex-column align-items-center justify-content-center btn-360-3d-ar-outline square-button p-2 icon-btn-3d">
1617                                <img src="https://images.furnituredealer.net/img/rotate_360_icon.svg" alt="See in 360°" width="37" height="37">
1618                                <span class="text-nowrap pt-2 btn-360-3d-ar-label">See in 360°</span>
1619                            </button>
1620                        </div>
1621                        <div class="d-none align-items-center btn-desktop btn-3D-model pe-2">
1622                            <button aria-current="false" aria-label="View 3D media" data-bs-toggle="modal" data-bs-target="#item3DAssetViewerModal"
1623                                    onclick="trackContentInteraction('media_3d','play_video','','item')"
1624                                    class="d-flex flex-column align-items-center justify-content-center btn-360-3d-ar-outline square-button icon-btn-3d p-2">
1625                                <img src="https://images.furnituredealer.net/img/rotate_360_icon.svg" alt="See in 3D" width="37" height="37">
1626                                <span class="text-nowrap pt-2 btn-360-3d-ar-label">See in 3D</span>
1627                            </button>
1628                        </div>
1629                        <div class="d-none align-items-center btn-desktop btn-ar pe-2">
1630                            <button aria-current="false" aria-label="View in AR" data-bs-toggle="modal" data-bs-target="#marxentArAssetViewerModal"
1631                                    onclick="trackContentInteraction('media_ar','play_video','','item')"
1632                                    class="d-flex flex-column justify-content-center align-items-center btn-360-3d-ar-outline square-button p-2">
1633                                <div class="d-flex justify-content-center align-items-center" style="height: 37px;">
1634                                    <span class="material-symbols-outlined notranslate" style="padding-top: 2px; font-size: 30px !important;">
1635                                        view_in_ar
1636                                    </span>
1637                                </div>
1638                                <span class="text-nowrap pt-2 btn-360-3d-ar-label">View in Room</span>
1639                            </button>
1640                        </div>
1641                    </div>
1642                        <div class="swiper-container gallery-thumbs w-100 d-none d-md-block mt-3">
1643                            <div class="swiper-wrapper">
1644                                    <div class="swiper-slide bg-white" role="button">
1645                                        <picture>
1646                                            <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=webp&amp;quality=95&amp;width=100&amp;height=100&amp;scale=both&amp;trim.threshold=20&amp;trim.percentpadding=1" type="image/webp">
1647                                            <img src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=jpg&amp;quality=95&amp;width=100&amp;height=100&amp;scale=both&amp;trim.threshold=20&amp;trim.percentpadding=1" alt="Peak Living 125 Sofa" />
1648                                        </picture>
1649                                    </div>
1650                                    <div class="swiper-slide bg-white" role="button">
1651                                        <picture>
1652                                            <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/747dafb99bf443e8a6a84d3e100fec11.jpg?format=webp&amp;quality=95&amp;width=100&amp;height=100&amp;scale=both&amp;trim.threshold=20&amp;trim.percentpadding=1" type="image/webp">
1653                                            <img src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/747dafb99bf443e8a6a84d3e100fec11.jpg?format=jpg&amp;quality=95&amp;width=100&amp;height=100&amp;scale=both&amp;trim.threshold=20&amp;trim.percentpadding=1" alt="Peak Living 125 Sofa" />
1654                                        </picture>
1655                                    </div>
1656                                    <div class="swiper-slide bg-white" role="button">
1657                                        <picture>
1658                                            <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/1eb85d4e55134e6cb7625165f6e38e04.jpg?format=webp&amp;quality=95&amp;width=100&amp;height=100&amp;scale=both&amp;trim.threshold=20&amp;trim.percentpadding=1" type="image/webp">
1659                                            <img src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/1eb85d4e55134e6cb7625165f6e38e04.jpg?format=jpg&amp;quality=95&amp;width=100&amp;height=100&amp;scale=both&amp;trim.threshold=20&amp;trim.percentpadding=1" alt="Tuscan Java" />
1660                                        </picture>
1661                                    </div>
1662                            </div>
1663                        </div>
1664                </div>
1665        </div>
1666    </div>
1667    
1667<script>
1668        let imageSectionHasMultipleImages = true
1669    </script>
1669
1670        </div>
1671        <div class="col-12 col-md-6 col-lg-5 ps-md-4" id="topsection-right">
1672<style>
1673    .modal-custom-width {
1674        max-width: 450px !important;
1675        margin-left: auto !important;
1676        margin-right: auto !important;
1677    }
1678    .modal-image {
1679        width: 100% !important;
1680        max-width: 350px !important;
1681    }
1682    .modal-header.no-image {
1683        padding: 1rem 1.5rem 0 1.5rem !important;
1684    }
1685    .modal-header.show-image {
1686        padding: 1rem 1.5rem !important;
1687    }
1688    @media screen and (max-width: 992px) {
1689        .modal-image {
1690            width: 100%;
1691            max-width: none !important;
1692        }
1693        .modal-header.modal-header-mobile {
1694            padding-bottom: 0.5rem;
1695        }
1696    }
1697</style>
1698<div class="iplv15-top-section" x-data="itemPageTopSection()" x-on:remove-cart-item.window="checkIfRemovedFromCart(event.detail.gpid)">
1699    <div class="bg-white py-2" :class="{'__desktop-sticky': isSticky}" id="topInfo" style="top: -1px; z-index: 10;">
1700        <h1 class="mb-1">
1701Contemporary Sofa with Tapered Wood Leg
1702        </h1>
1703            <div class="iplv15-collection-wrapper fw-bold">
1704                    <a class="iplv15-collection-name text-decoration-underline" href="https://www.primebrothers.com/collection/125-1a1b9950487c/125">125 Collection</a>
1705                    <span class="iplv15-mfg-wrapper">
1706                        by <a href="https://www.primebrothers.com/brand/peak-living/-1950851770"
1707                              class="iplv15-mfg-name text-decoration-underline">
1708                            Peak Living
1709                        </a>
1710                    </span>
1711            </div>
1712            <!-- Show both SKU if they have the config, but only if the MFG sku exists, and the SKUs are different  (Mfg SKU === modelnumber) -->
1713            <div>
1714                <div title='000004687250'
1715                     class="iplv15-sku small text-nowrap mt-1"
1716                     style="overflow-y: clip; text-overflow: ellipsis;">
1717                    SKU: 000004687250
1718                </div>
1719            </div>
1720    </div>
1721        <div class="item-page-reviews mb-3">
1722                <div class="d-flex align-items-center">
1723                    <span rel="5" class="d-flex align-items-center rating"></span>
1724                    <a href="#reviews" role="button"
1725                       class="small text-decoration-underline item-page-15-link ms-2">
1726                        (2)
1727                    </a>
1728                    <a rel="nofollow" role="button" class="small text-decoration-underline item-page-15-link ms-auto" href="/reviews/Add/1196898324">
1729                        Write a Review
1730                    </a>
1731                </div>
1732        </div>
1733        <div class="d-flex flex-wrap align-items-center item-page-15-tags my-3">
1734<span class="item-page-availability-section__instock"><span class="i-tag ItemTag ItemTag_26  d-inline-block" style="" data-toggle="tooltip" data-container="body" data-placement="bottom" tabindex="0" title="This item is in stock at our warehouse.">In Stock</span></span>
1735<span class="i-tag ItemTag ItemTag_262" data-toggle="tooltip" data-container="body" data-placement="bottom" tabindex="0" title="This item is on display in our showroom."></span>        </div>
1736        <div class="border-top border-bottom my-3" id="fabricSection">
1737    <div class="my-3" x-data="{currentSize: 'Tuscan Java', showall: false}" id="fabrics">
1738            <div class="d-flex">
1739                <div>Color: </div>
1740                <div class="fw-bold ms-2" x-text="currentSize">Tuscan Java</div>
1741            </div>
1742        <div class="d-flex align-items-center flex-wrap">
1743                        <a href="https://www.primebrothers.com/item/_/346894265"
1744                           title="Roman Steele"
1745                           class="__size-option __fabric-size iplv15-fabric-size mt-2 me-2 p-1 border text-nowrap"
1746                           x-on:mouseover="currentSize='Roman Steele'"
1747                           x-on:mouseleave="currentSize='Tuscan Java'">
1748                            <picture>
1749                                <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/feaecdd3d82249d1967011065cc6e1d9.jpg?format=webp&amp;quality=85&amp;width=50&amp;height=50&amp;scale=both" type="image/webp">
1750                                <img src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/feaecdd3d82249d1967011065cc6e1d9.jpg?width=50&amp;height=50&amp;scale=both" width="50" height="50" alt="Roman Steele" />
1751                            </picture>
1752                        </a>
1753                        <div class="__size-option __fabric-size iplv15-fabric-size __selected mt-2 me-2 p-1 border text-nowrap">
1754                            <picture>
1755                                <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/1eb85d4e55134e6cb7625165f6e38e04.jpg?format=webp&amp;quality=85&amp;width=50&amp;height=50&amp;scale=both" type="image/webp">
1756                                <img src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/1eb85d4e55134e6cb7625165f6e38e04.jpg?width=50&amp;height=50&amp;scale=both" width="50" height="50" alt="Tuscan Java" />
1757                            </picture>
1758                        </div>
1759        </div>
1760    </div>
1761        </div>
1762    <div class="bg-white" :class="{ '__desktop-sticky': isSticky }" id="pricing" style="z-index: 10;">
1763            <div class="prices my-3">
1764    <div class="price-slot price-slot-middle fw-bold large-font " style="color:#cc1111;">
1765        <span class="price-slot__pre price-slot-middle__pre">Sale Price:</span>
1766        <span class="price-slot__amt price-slot-middle__amt">$488.00</span>
1767        <span class="price-slot__post price-slot-middle__post">
1768        </span>
1769    </div>
1770            </div>
1771            <div class="mb-3">
1772            </div>
1773<script>
1774    window.addOnsModel = {
1775        addonGroups: [],
1776        parentItemPrice: 488,
1777        addToCart: true,
1778        cartQuantity: 0,
1779        cartQuantityRequired: false,
1780        inCartAddonGpids: []
1781    };
1782</script>
1782
1783    <div x-show="addonGroups.length > 0" x-cloak class="item-page-15__addons mb-3">
1784        <template x-for="addonGroup in addonGroups" :key="addonGroup.GroupId">
1785            <div>
1786                <template x-if="addonGroup.PresentationType == 0">
1787                    <div x-data="addonGroupComponent(addonGroup)"
1788                         x-on:addon-removed-from-cart.window="resetSelectedOption($event.detail.gpid)"
1789                         class="addon-group-feature position-relative border-top border-bottom addon-option py-3"
1790                         :class="{ 'border-dark __active': showSelectModal }" style="margin-top: -1px;">
1791                        <div @click="showSelectModal = !showSelectModal"
1792                             @keypress="showSelectModal = !showSelectModal" tabindex="0"
1793                             title="Click to show options" role="button"
1794                             class="d-flex align-items-center">
1795                            <div class="me-auto">
1796                                <div class="mb-1" :class="{ 'fw-bold': showSelectModal }">
1797                                    <span x-text="groupNameLeadInText"></span> <span x-text="groupName"></span>
1798                                </div>
1799                                <div x-show="selectedOption.Gpid == 0" x-cloak class="small text-muted fst-italic">
1800                                    Click to show options
1801                                </div>
1802                                <div x-show="selectedOption.Gpid != 0" x-cloak>
1803                                    <div x-text="selectedOption.SDesc" class="fw-bolder"></div>
1804                                    <div x-text="selectedOption.Qty > 1 ? 'Qty: ' + selectedOption.Qty + ' (required for this item)' : ''" class="small mt-2"></div>
1805                                    <div x-show="selectedOption.PricingHtml" x-cloak x-html="selectedOption.PricingHtml" class="mt-2"></div>
1806                                    <template x-if="!selectedOption.IsStandardPopupEnabled">
1807                                        <a :href="selectedOption.Url" target="_blank"
1808                                           title="Click to view this product"
1809                                           class="text-decoration-underline d-inline-block mt-2 small">learn more</a>
1810                                    </template>
1811                                    <template x-if="selectedOption.IsStandardPopupEnabled">
1812                                        <a @click.prevent.stop="openStandardAddonsModal(selectedOption)" href="#"
1813                                           title="Learn more about this product" class="text-decoration-underline d-inline-block mt-2 small">learn more</a>
1814                                    </template>
1815                                </div>
1816                            </div>
1817                            <div x-show="selectedOption.Price > 0" x-cloak x-text="formatPrice(selectedOption.Price)" class="fw-bold ms-auto"></div>
1818                            <div class="ms-3">
1819                                <div x-show="selectedOption.Gpid === 0" x-cloak class="addon-option-image __no-image">
1820                                    <span x-show="!showSelectModal" x-cloak class="material-icons notranslate">add</span>
1821                                    <span x-show="showSelectModal" x-cloak class="material-icons notranslate">remove</span>
1822                                </div>
1823                                <div x-show="selectedOption.Gpid !== 0" x-cloak class="addon-option-image">
1824                                    <picture>
1825                                        <source :srcset="selectedOption.WebpImageUrl" type="image/webp">
1826                                        <img :src="selectedOption.ImageUrl"
1827                                             :alt="selectedOption.SDesc"
1828                                             width="150" height="150">
1829                                    </picture>
1830                                </div>
1831                            </div>
1832                        </div>
1833                        <div x-show="showSelectModal" x-cloak class="border-top w-100 mt-3">
1834                            <div style="max-height: 20rem; overflow-y: auto;">
1835                                <div x-show="selectedOption.Gpid > 0" x-cloak
1836                                     @click="handleNoneOptionSelected(addonGroup)"
1837                                     @keypress="handleNoneOptionSelected(addonGroup)"
1838                                     tabindex="0" title="Click to select none" role="button"
1839                                     class="container border-bottom addon-option-none py-2 px-0">
1840                                    <div class="row g-0">
1841                                        <div class="col-3 pe-3">
1842                                            <div class="addon-option-image __no-image py-2">
1843                                                <span class="material-icons notranslate">not_interested</span>
1844                                            </div>
1845                                        </div>
1846                                        <div class="col-9 d-flex align-items-center">
1847                                            <div class="text-uppercase fw-bolder">None</div>
1848                                        </div>
1849                                    </div>
1850                                </div>
1851                                <template x-for="(addon, index) in addonOptions" :key="addon.Gpid">
1852                                    <div @click="handleSelectAddon(addon)"
1853                                         @keypress="handleSelectAddon(addon)"
1854                                         role="button" tabindex="0" title="Click to select this product"
1855                                         class="container py-2 px-0" :class="{ 'border-top': index > 0 }">
1856                                        <div class="row g-0">
1857                                            <div class="col-3 pe-3">
1858                                                <picture>
1859                                                    <source :srcset="addon.WebpImageUrl" type="image/webp">
1860                                                    <img :src="addon.ImageUrl" :alt="addon.SDesc"
1861                                                         width="100" height="100" class="border rounded" />
1862                                                </picture>
1863                                            </div>
1864                                            <div class="col-9">
1865                                                <div x-text="addon.SDesc"
1866                                                     class="fw-bolder m-auto"></div>
1867                                                <span x-html="addon.PricingHtml"></span>
1868                                                <div class="d-flex justify-content-between align-items-center pt-1 mt-auto">
1869                                                    <template x-if="!addon.IsStandardPopupEnabled">
1870                                                        <a :href="addon.Url" target="_blank"
1871                                                           title="Learn more about this product"
1872                                                           class="d-inline-block small text-decoration-underline">learn more</a>
1873                                                    </template>
1874                                                    <template x-if="addon.IsStandardPopupEnabled">
1875                                                        <a @click.prevent.stop="openStandardAddonsModal(addon)" href="#"
1876                                                           title="Learn more about this product" class="d-inline-block small text-decoration-underline">learn more</a>
1877                                                    </template>
1878                                                    <div x-show="selectedOption.Gpid != addon.Gpid" x-cloak>
1879                                                        <div @click.stop="handleSelectAddon(addon)" @keypress="handleSelectAddon(addon)" tabindex="0"
1880                                                             role="button" title="Add this product" :data-gpid="addon.Gpid"
1881                                                             class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-dark add-button addon-option-add-btn me-3">
1882                                                            <span class="font-xs text-uppercase pe-2">Add</span>
1883                                                            <span class="material-symbols-outlined notranslate fw-300" style="font-size: 77% !important;">add</span>
1884                                                        </div>
1885                                                    </div>
1886                                                    <div x-show="selectedOption.Gpid == addon.Gpid" x-cloak>
1887                                                        <div @click.stop="handleNoneOptionSelected(addonGroup)" @keypress="handleNoneOptionSelected(addonGroup)"
1888                                                             tabindex="0" title="Remove this product" :data-gpid="addon.Gpid"
1889                                                             class="d-flex align-items-center justify-content-center btn btn-sm btn-outline-dark remove-button addon-option-add-btn me-3">
1890                                                            <span class="font-xs text-uppercase pe-2">Remove</span>
1891                                                            <span class="material-symbols-outlined notranslate" style="font-size: 77% !important;">close</span>
1892                                                        </div>
1893                                                    </div>
1894                                                </div>
1895                                            </div>
1896                                        </div>
1897                                    </div>
1898                                </template>
1899                            </div>
1900                        </div>
1901                    </div>
1902                </template>
1903                <template x-if="addonGroup.PresentationType == 2">
1904                    <div x-data="addonGroupComponent(addonGroup)"
1905                         x-on:addon-removed-from-cart.window="resetSelectedOption($event.detail.gpid)"
1906                         class="addon-group-primary position-relative addon-option border-bottom py-3"
1907                         :class="{ 'border-dark __active': showSelectModal }"
1908                         style="margin-top: -1px;">
1909                        <div class="row g-0 pb-1 mt-2 mb-4">
1910                            <div class="col-6 pe-2">
1911                                <div x-text="addonGroup.PrimaryAddonButtonLabel1" @click="handleNoneOptionSelected(addonGroup)"
1912                                     @keypress="handleNoneOptionSelected(addonGroup)" role="button" tabindex="0" :aria-label="addonGroup.PrimaryAddonButtonLabel1"
1913                                     class="d-flex align-items-center justify-content-center btn w-100 btn-outline-dark py-3 h-100"
1914                                     :class="{ 'border': selectedOption.Gpid != 0  }"></div>
1915                            </div>
1916                            <div class="col-6 ps-2">
1917                                <div x-text="addonGroup.PrimaryAddonButtonLabel2" @click="handleSelectAddon(primaryAddon)" @keypress="handleSelectAddon(primaryAddon)"
1918                                     role="button" tabindex="0" :aria-label="addonGroup.PrimaryAddonButtonLabel2"
1919                                     class="d-flex align-items-center justify-content-center btn w-100 btn-outline-dark h-100 py-3"
1920                                     :class="{ 'border': selectedOption.Gpid == 0 }"></div>
1921                            </div>
1922                        </div>
1923                        <div>
1924                            <div class="d-flex align-items-center mb-3">
1925                                <div class="fw-bold">
1926                                    <span x-text="groupNameLeadInText"></span> <span x-text="groupName"></span>
1927                                </div>
1928                                <div x-show="selectedOption.Gpid != 0" x-cloak class="badge badge-pill badge-primary ms-2">Selected</div>
1929                            </div>
1930                            <template x-if="selectedOption.Gpid != 0">
1931                                <div class="row g-0 border border-dark rounded addon-option-container p-3">
1932                                    <div class="col-3">
1933                                        <picture>
1934                                            <source :srcset="selectedOption.WebpImageUrl" type="image/webp">
1935                                            <img :src="selectedOption.ImageUrl" :alt="selectedOption.SDesc" width="90" height="90" class="border rounded p-1">
1936                                        </picture>
1937                                    </div>
1938                                    <div class="col-9 ps-3 d-flex flex-column">
1939                                        <div x-text="selectedOption.SDesc" class="fw-bolder addon-option-sdesc"></div>
1940                                        <div x-show="selectedOption.PricingHtml" x-cloak x-html="selectedOption.PricingHtml" class="d-flex flex-row-reverse justify-content-end font-sm addon-option-pricing mt-1"></div>
1941                                        <div x-show="selectedOption.Qty > 1" x-cloak x-text="selectedOption.Qty > 1 ? 'Qty: ' + selectedOption.Qty + ' (required for this item)' : ''" class="font-sm mt-1 mb-2"></div>
1942                                        <div x-show="!selectedOption.Qty || selectedOption.Qty == 1" x-cloak class="font-sm mt-1 mb-2 addon-option-qty-1">Qty: 1</div>
1943                                        <div class="d-flex justify-content-between align-items-center pt-1 mt-auto">
1944                                            <template x-if="!selectedOption.IsStandardPopupEnabled">
1945                                                <a :href="selectedOption.Url" target="_blank"
1946                                                   title="Learn more about this product"
1947                                                   class="d-inline-block small text-decoration-underline">learn more</a>
1948                                            </template>
1949                                            <template x-if="selectedOption.IsStandardPopupEnabled">
1950                                                <a @click.prevent="openStandardAddonsModal(selectedOption)" href="#"
1951                                                   title="Learn more about this product" class="d-inline-block small text-decoration-underline">learn more</a>
1952                                            </template>
1953                                            <div @click="handleNoneOptionSelected(addonGroup)" @keypress="handleNoneOptionSelected(addonGroup)" tabindex="0"
1954                                                 role="button" title="Remove this product" :data-gpid="selectedOption.Gpid"
1955                                                 class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-dark remove-button addon-option-add-btn">
1956                                                <span class="font-xs text-uppercase pe-2">Remove</span>
1957                                                <span class="material-symbols-outlined notranslate fw-300" style="font-size: 77% !important;">close</span>
1958                                            </div>
1959                                        </div>
1960                                    </div>
1961                                </div>
1962                            </template>
1963                            <template x-if="primaryAddon.Gpid != 0 && selectedOption.Gpid == 0">
1964                                <div class="row g-0 border rounded addon-option-container p-3">
1965                                    <div class="col-3">
1966                                        <picture>
1967                                            <source :srcset="primaryAddon.WebpImageUrl" type="image/webp">
1968                                            <img :src="primaryAddon.ImageUrl"
1969                                                 :alt="primaryAddon.SDesc"
1970                                                 width="90" height="90" class="border rounded p-1">
1971                                        </picture>
1972                                    </div>
1973                                    <div class="col-9 ps-3 d-flex flex-column">
1974                                        <div x-text="primaryAddon.SDesc" class="fw-bolder addon-option-sdesc"></div>
1975                                        <div x-show="primaryAddon.PricingHtml" x-cloak x-html="primaryAddon.PricingHtml"
1976                                             class="d-flex flex-row-reverse justify-content-end font-sm addon-option-pricing mt-1"></div>
1977                                        <div x-show="primaryAddon.Qty > 1" x-cloak x-text="primaryAddon.Qty > 1 ? 'Qty: ' + primaryAddon.Qty + ' (required for this item)' : ''"
1978                                             class="font-sm mt-1 mb-2"></div>
1979                                        <div x-show="!primaryAddon.Qty || primaryAddon.Qty == 1" x-cloak class="font-sm mt-1 mb-2 addon-option-qty-1">Qty: 1</div>
1980                                        <div class="d-flex justify-content-between align-items-center pt-1 mt-auto">
1981                                            <template x-if="!primaryAddon.IsStandardPopupEnabled">
1982                                                <a :href="primaryAddon.Url" target="_blank"
1983                                                   title="Learn more about this product"
1984                                                   class="d-inline-block small text-decoration-underline">learn more</a>
1985                                            </template>
1986                                            <template x-if="primaryAddon.IsStandardPopupEnabled">
1987                                                <a @click.prevent="openStandardAddonsModal(primaryAddon)" href="#"
1988                                                   title="Learn more about this product" class="d-inline-block small text-decoration-underline">learn more</a>
1989                                            </template>
1990                                            <div @click="handleSelectAddon(primaryAddon)" @keypress="handleSelectAddon(primaryAddon)" tabindex="0"
1991                                                 role="button" title="Add this product" :data-gpid="selectedOption.Gpid"
1992                                                 class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-dark add-button addon-option-add-btn">
1993                                                <span class="font-xs text-uppercase pe-2">Add</span>
1994                                                <span class="material-symbols-outlined notranslate fw-300" style="font-size: 77% !important;">add</span>
1995                                            </div>
1996                                            <div x-show="selectedOption.Gpid == primaryAddon.Gpid" x-cloak>
1997                                                <div @click="handleNoneOptionSelected(addonGroup)" @keypress="handleNoneOptionSelected(addonGroup)"
1998                                                     tabindex="0" title="Remove this product" :data-gpid="selectedOption.Gpid"
1999                                                     class="d-flex align-items-center justify-content-center btn btn-sm btn-outline-dark remove-button addon-option-add-btn">
2000                                                    <span class="font-xs text-uppercase pe-2">Remove</span>
2001                                                    <span class="material-symbols-outlined notranslate" style="font-size: 77% !important;">close</span>
2002                                                </div>
2003                                            </div>
2004                                        </div>
2005                                    </div>
2006                                </div>
2007                            </template>
2008                            <div @click="showSelectModal = !showSelectModal" @keypress="showSelectModal = !showSelectModal" tabindex="0"
2009                                 :title="'More' + ' ' + groupName" role="button" class="d-flex align-items-center pt-1 mt-4 mb-2">
2010                                <div class="font-sm text-decoration-underline">
2011                                    More <span x-text="convertToSingular(groupName)" class="text-lowercase"></span> options
2012                                </div>
2013                                <div x-show="!showSelectModal" x-cloak class="material-symbols-outlined notranslate ms-1" style="font-size: 21px !important;">
2014                                    keyboard_arrow_down
2015                                </div>
2016                                <div x-show="showSelectModal" x-cloak class="material-symbols-outlined notranslate ms-1" style="font-size: 21px !important;">
2017                                    keyboard_arrow_up
2018                                </div>
2019                            </div>
2020                        </div>
2021                        <div x-show="showSelectModal" x-cloak class="w-100 mt-1">
2022                            <div class="pt-2">
2023                                <template x-for="(addon, index) in addonOptions" :key="addon.Gpid">
2024                                    <div @click="handleSelectAddon(addon)"
2025                                         @keypress="handleSelectAddon(addon)"
2026                                         role="button" tabindex="0" title="Click to add this product" :data-gpid="addon.Gpid"
2027                                         class="container add-button py-2 px-0">
2028                                        <div class="row g-0 border rounded addon-option-container p-3" :class="{ 'border-dark': selectedOption.Gpid == addon.Gpid }">
2029                                            <div class="col-3">
2030                                                <picture>
2031                                                    <source :srcset="addon.WebpImageUrl" type="image/webp">
2032                                                    <img :src="addon.ImageUrl" :alt="addon.SDesc"
2033                                                         width="90" height="90" class="border rounded p-1">
2034                                                </picture>
2035                                            </div>
2036                                            <div class="col-9 d-flex flex-column ps-3">
2037                                                <div x-text="addon.SDesc" class="fw-bolder addon-option-sdesc"></div>
2038                                                <div x-show="addon.PricingHtml" x-cloak x-html="addon.PricingHtml"
2039                                                     class="d-flex flex-row-reverse justify-content-end font-sm addon-option-pricing mt-1"></div>
2040                                                <div x-show="addon.Qty > 1" x-cloak x-text="addon.Qty > 1 ? 'Qty: ' + addon.Qty + ' (required for this item)' : ''"
2041                                                     class="font-sm mt-1 mb-2"></div>
2042                                                <div x-show="!addon.Qty || addon.Qty == 1" x-cloak class="font-sm mt-1 mb-2 addon-option-qty-1">Qty: 1</div>
2043                                                <div class="d-flex justify-content-between align-items-center pt-1 mt-auto">
2044                                                    <template x-if="!addon.IsStandardPopupEnabled">
2045                                                        <a :href="addon.Url" target="_blank"
2046                                                           title="Learn more about this product"
2047                                                           class="d-inline-block small text-decoration-underline">learn more</a>
2048                                                    </template>
2049                                                    <template x-if="addon.IsStandardPopupEnabled">
2050                                                        <a @click.prevent.stop="openStandardAddonsModal(addon)" href="#"
2051                                                           title="Learn more about this product" class="d-inline-block small text-decoration-underline">learn more</a>
2052                                                    </template>
2053                                                    <div x-show="selectedOption.Gpid == addon.Gpid" x-cloak>
2054                                                        <div @click.stop="handleNoneOptionSelected(addonGroup)" @keypress.stop="handleNoneOptionSelected(addonGroup)"
2055                                                             tabindex="0" title="Remove this product"
2056                                                             class="d-flex align-items-center justify-content-center btn btn-sm btn-outline-dark addon-option-add-btn">
2057                                                            <span class="font-xs text-uppercase pe-2">Remove</span>
2058                                                            <span class="material-symbols-outlined notranslate" style="font-size: 77% !important;">close</span>
2059                                                        </div>
2060                                                    </div>
2061                                                    <div x-show="selectedOption.Gpid != addon.Gpid" x-cloak>
2062                                                        <div @click="handleSelectAddon(addon)" @keypress="handleSelectAddon(addon)" tabindex="0" title="Select this product" :data-gpid="selectedOption.Gpid"
2063                                                             class="d-flex align-items-center justify-content-center btn btn-sm btn-outline-dark add-button addon-option-add-btn">
2064                                                            <span class="font-xs text-uppercase pe-2">Add</span>
2065                                                            <span class="material-symbols-outlined notranslate" style="font-size: 77% !important;">add</span>
2066                                                        </div>
2067                                                    </div>
2068                                                </div>
2069                                            </div>
2070                                        </div>
2071                                    </div>
2072                                </template>
2073                            </div>
2074                        </div>
2075                    </div>
2076                </template>
2077                <template x-if="addonGroup.PresentationType == 3">
2078                    <div x-data="addonGroupComponent(addonGroup)"
2079                         x-on:addon-removed-from-cart.window="resetSelectedOption($event.detail.gpid)"
2080                         class="addon-group-dropdown position-relative addon-option pt-3"
2081                         :class="{ 'border-dark __active': showSelectModal, 'border-bottom pb-3': checkDropDownIndex(true) }" style="margin-top: -1px;">
2082                        <div class="btn-group w-100">
2083                            <div @click="showSelectModal = !showSelectModal" @keypress="showSelectModal = !showSelectModal"
2084                                 :aria-label="selectedOption.Gpid != 0 ? selectedOption.SDesc : groupNameLeadInText + ' ' + groupName" tabindex="0"
2085                                 class="d-flex align-items-stretch btn-addon-dropdown border border-end-0 rounded-left w-100 p-0"
2086                                 :class="{ 'border-dark': selectedOption.Gpid != 0 && !showSelectModal }">
2087                                <div class="d-flex flex-grow-1 align-items-center">
2088                                    <div class="rounded-left addon-group-dropdown-image" :class="{ 'border-end py-1 px-2': selectedOption.Gpid != 0 && showSelectModal, 'border-dark border-right py-1 px-2': selectedOption.Gpid != 0 && !showSelectModal }">
2089                                        <img x-show="selectedOption.Gpid != 0" x-cloak :src="selectedOption.ImageUrl" alt="selectedOption.SDesc"
2090                                             class="img-fluid" style="object-fit: contain; width: 40px; height: 40px;">
2091                                    </div>
2092                                    <div class="d-flex justify-content-between px-2 my-auto ms-1">
2093                                        <div class="d-flex align-items-center" :class="{ 'dropdown-input': selectedOption.Gpid != 0 }">
2094                                            <h5 x-text="selectedOption.Gpid != 0 ? selectedOption.SDesc : groupNameLeadInText + ' ' + groupName" class="my-0"
2095                                                style="text-overflow: ellipsis; overflow: hidden; white-space: nowrap;cursor: default"></h5>
2096                                            <div x-show="selectedOption.Gpid != 0" x-cloak @click.stop="handleDropdownClick()" role="button" title="Remove this product" :data-gpid="selectedOption.Gpid" class="material-symbols-outlined notranslate align-middle remove-button ps-1"
2097                                                 style="font-size: 20px !important; color: #c11c11; padding-top: 0.1rem;">
2098                                                close
2099                                            </div>
2100                                        </div>
2101                                        <div x-show="selectedOption.Gpid != 0 && selectedOption.Price > 0" x-cloak x-text="formatPrice(selectedOption.Price)" class="addon-drop-selected-price px-2" style="font-size: 1rem;"></div>
2102                                    </div>
2103                                </div>
2104                            </div>
2105                            <div @click="showSelectModal = !showSelectModal" :title="'More' + ' ' + groupName" class="btn-addon-dropdown border rounded-right p-1"
2106                                 :class="{ 'border-dark': selectedOption.Gpid != 0 && !showSelectModal }" style="max-width: 2.5rem; cursor: pointer">
2107                                <span class="material-symbols-outlined notranslate pt-2">keyboard_arrow_down</span>
2108                            </div>
2109                        </div>
2110                        <div x-show="showSelectModal" x-cloak x-on:click.away="showSelectModal = false;" class="shadow-sm w-100 mt-3">
2111                            <div style="max-height: 20.75rem; overflow-y: auto !important;">
2112                                <template x-for="(addon, index) in addonOptions" :key="addon.Gpid">
2113                                    <div @click="handleSelectAddon(addon)" @keypress="handleSelectAddon(addon)" role="button" tabindex="0"
2114                                         title="Click to select this product" :data-gpid="addon.Gpid" class="container add-button px-0"
2115                                         :class="{ 'pb-2': index < addonGroup.AddonOptions.length - 1 }">
2116                                        <div class="row g-0 border rounded addon-option-container p-3" :class="{ 'border-dark': selectedOption.Gpid == addon.Gpid }">
2117                                            <div class="col-3">
2118                                                <picture>
2119                                                    <source :srcset="addon.WebpImageUrl" type="image/webp">
2120                                                    <img :src="addon.ImageUrl" :alt="addon.SDesc" width="90" height="90" class="border rounded p-1">
2121                                                </picture>
2122                                            </div>
2123                                            <div class="col-9 d-flex flex-column ps-3">
2124                                                <div x-text="addon.SDesc" class="fw-bolder addon-option-sdesc"></div>
2125                                                <div x-show="addon.PricingHtml" x-cloak x-html="addon.PricingHtml"
2126                                                     class="d-flex flex-row-reverse justify-content-end font-sm addon-option-pricing mt-1"></div>
2127                                                <div x-show="addon.Qty > 1" x-cloak x-text="addon.Qty > 1 ? 'Qty: ' + addon.Qty + ' (required for this item)' : ''"
2128                                                     class="font-sm mt-1 mb-2"></div>
2129                                                <div x-show="!addon.Qty || addon.Qty == 1" x-cloak class="font-sm mt-1 mb-2 addon-option-qty-1">Qty: 1</div>
2130                                                <div class="d-flex justify-content-between align-items-center pt-1 mt-auto">
2131                                                    <template x-if="!addon.IsStandardPopupEnabled">
2132                                                        <a :href="addon.Url" target="_blank"
2133                                                           title="Learn more about this product"
2134                                                           class="d-inline-block small text-decoration-underline">learn more</a>
2135                                                    </template>
2136                                                    <template x-if="addon.IsStandardPopupEnabled">
2137                                                        <a @click.prevent.stop="openStandardAddonsModal(addon)" href="#"
2138                                                           title="Learn more about this product" class="d-inline-block small text-decoration-underline">learn more</a>
2139                                                    </template>
2140                                                    <div x-show="selectedOption.Gpid == addon.Gpid" x-cloak>
2141                                                        <div @click.stop="handleNoneOptionSelected(addonGroup)"
2142                                                             @keypress.stop="handleNoneOptionSelected(addonGroup)" tabindex="0" title="Remove this product"
2143                                                             :data-gpid="selectedOption.Gpid"
2144                                                             class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-dark remove-button addon-option-add-btn">
2145                                                            <span class="font-xs text-uppercase pe-2">Remove</span>
2146                                                            <span class="material-symbols-outlined notranslate" style="font-size: 77% !important;">close</span>
2147                                                        </div>
2148                                                    </div>
2149                                                    <div x-show="selectedOption.Gpid != addon.Gpid" x-cloak>
2150                                                        <div @click.stop="handleSelectAddon(addon)" @keypress.stop="handleSelectAddon(addon)" tabindex="0"
2151                                                             title="Select this product" :data-gpid="addon.Gpid"
2152                                                             class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-dark add-button addon-option-add-btn">
2153                                                            <span class="font-xs text-uppercase pe-2">Add</span>
2154                                                            <span class="material-symbols-outlined notranslate" style="font-size: 77% !important;">add</span>
2155                                                        </div>
2156                                                    </div>
2157                                                </div>
2158                                            </div>
2159                                        </div>
2160                                    </div>
2161                                </template>
2162                            </div>
2163                        </div>
2164                    </div>
2165                </template>
2166                <template x-if="addonGroup.PresentationType == 1">
2167                    <div x-data="addonGroupComponent(addonGroup)"
2168                         x-on:addon-removed-from-cart.window="resetSelectedOption($event.detail.gpid)"
2169                         class="addon-group-checkbox border-bottom py-3" style="margin-top: -1px;">
2170                        <template x-for="(addon, index) in addonOptions" :key="addon.Gpid">
2171                            <div class="form-check mb-1">
2172                                <input @change="checkCheckboxValue(event, addon, addonGroup)" type="checkbox" value=""
2173                                       class="form-check-input" :id="'check' + addon.Gpid" :checked="selectedOption.Gpid != 0 && selectedOption.Gpid == addon.Gpid ? true : false"
2174                                       :disabled="isDisabled(addon.Gpid)">
2175                                <label :for="'check' + addon.Gpid" class="form-check-label">
2176                                    <template x-if="!addon.UseModal">
2177                                        <a x-text="addon.SDesc" :href="addon.Url" title="Learn more about this product"
2178                                           class="text-decoration-underline cursor-pointer checkboxes-addon-description m-auto"></a>
2179                                    </template>
2180                                    <template x-if="addon.UseModal">
2181                                        <a @click.prevent="openCustomAddonsModal(addon)" x-text="addon.SDesc"
2182                                           href="#" class="text-decoration-underline cursor-pointer checkboxes-addon-description m-auto"></a>
2183                                    </template>
2184                                    <span class="text-nowrap addon-pricing" :class="{'__unpriced': addon.Price == 0}">
2185                                        <span style="margin: 0 0.1rem;">for</span>
2186                                        <span x-show="addon.Price > 0" x-html="addon.PricingHtml" class="addon-pricing-html-container"></span>
2187                                        <span x-show="addon.Price == 0" class="addon-pricing-html-container">$0.00</span>
2188                                    </span>
2189                                </label>
2190                            </div>
2191                        </template>
2192                    </div>
2193                </template>
2194            </div>
2195        </template>
2196    </div>
2197    <div x-show="selectedAddonItems.length > 0" x-cloak class="lead fw-bold text-primary mb-3">
2198        <div class="d-flex">
2199            <span class="me-auto">Price with selected options:</span>
2200            <span class="ms-3" x-text="addToCartPrice"></span>
2201        </div>
2202    </div>
2203<div tabindex="-1" role="dialog" aria-hidden="true" class="modal fade" style="z-index: 2147483648;" id="customAddonsModal">
2204    <div role="document" class="modal-dialog custom-top-align"
2205         :class="{ 'modal-lg mw-700': currentAddon.ShowModalImage && !showLearnMoreDesc, 'modal-lg mw-500': showLearnMoreDesc }">
2206        <div class="modal-content border-0">
2207            <div x-show="!showLearnMoreDesc" x-cloak class="modal-header"
2208                 :class="{ 'p-3': currentAddon.ModalTitle, 'p-2': !currentAddon.ModalTitle }">
2209                <template x-if="currentAddon.ModalTitle">
2210                    <h5 id="customAddonsModalLabel" x-text="currentAddon.ModalTitle" class="modal-title pop-up-modal-title larger w-100 pb-0"></h5>
2211                </template>
2212                <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
2213                    <span aria-hidden="true">&times;</span>
2214                </button>
2215            </div>
2216            <div x-show="showLearnMoreDesc" x-cloak class="modal-header justify-content-between py-2">
2217                <a @click="showLearnMoreDesc = !showLearnMoreDesc"
2218                   href="#" role="button" class="d-flex">
2219                    <span class="material-symbols-outlined notranslate arrow-back fw-300">
2220                        arrow_back_ios_new
2221                    </span>
2222                </a>
2223                <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
2224                    <span aria-hidden="true">&times;</span>
2225                </button>
2226            </div>
2227            <div x-show="!showLearnMoreDesc" x-cloak class="modal-body addons-modal-body p-0">
2228                <div class="container-fluid pt-3 px-3">
2229                    <div class="row">
2230                        <div x-show="currentAddon.ShowModalImage" x-cloak class="col-12 col-sm-5 mb-3 mb-sm-0">
2231                            <img :src="currentAddon.ImageUrl" :alt="currentAddon.SDesc"
2232                                 class="d-block border rounded w-100 mw-500 p-3 mx-auto">
2233                        </div>
2234                        <div class="px-3"
2235                             :class="{ 'col-12 col-sm-7': currentAddon.ShowModalImage, 'col-12': !currentAddon.ShowModalImage }">
2236                            <div x-html="currentAddon.LDesc"></div>
2237                            <a x-show="currentAddon.ShowLearnMoreLink" x-cloak @click="showLearnMoreDesc = !showLearnMoreDesc"
2238                               href="#"
2239                               class="font-sm text-muted text-decoration-underline mt-2"
2240                               :class="{'d-inline-block': currentAddon.ShowLearnMoreLink}">
2241                                learn more
2242                            </a>
2243                        </div>
2244                    </div>
2245                </div>
2246                <div class="container-fluid px-0 mt-3">
2247                    <div class="row align-items-center bg-light py-4 mx-3 mb-0">
2248                        <div class="col-auto">
2249                            <span x-show="currentAddon.ManufacturerName" x-cloak
2250                                  x-text="currentAddon.ManufacturerName"
2251                                  class="text-secondary fw-bold responsive-text-smaller"></span>
2252                            <span x-show="!currentAddon.ManufacturerName" x-cloak
2253                                  class="material-symbols-outlined notranslate">
2254                                policy
2255                            </span>
2256                        </div>
2257                        <div class="col">
2258                            <div class="row justify-content-center">
2259                                <span x-text="currentAddon.AddonItemShortDescriptionOverride ?? currentAddon.SDesc"
2260                                      class="fw-bold responsive-text col-padding"></span>
2261                            </div>
2262                        </div>
2263                        <div class="col-auto">
2264                            <div x-text="formatPrice(currentAddon.Price)"
2265                                 class="fw-bold text-end responsive-text"></div>
2266                        </div>
2267                    </div>
2268                </div>
2269            </div>
2270            <div x-show="showLearnMoreDesc" x-cloak class="modal-body addons-modal-body p-0">
2271                <div class="container-fluid pt-3 px-3">
2272                    <div class="row">
2273                        <div class="col-12 px-3">
2274                            <div x-html="currentAddon.LearnMoreDesc" class="__learn-more-description"></div>
2275                        </div>
2276                    </div>
2277                </div>
2278            </div>
2279            <div class="modal-footer border-top-0 p-3">
2280                <div class="row addon-modal-btns w-100 mx-0">
2281                    <div class="col-12 col-sm-6 px-0 pe-sm-1 mb-2 mb-sm-0">
2282                        <button class="btn w-100 btn-outline-dark font-sm rounded-0 w-100 p-2" data-bs-dismiss="modal">
2283                            NO THANKS
2284                        </button>
2285                    </div>
2286                    <div class="col-12 col-sm-6 px-0 ps-sm-2">
2287                        <button x-on:click="handleSelectOption(currentAddon)"
2288                                class="btn w-100 btn-danger font-sm rounded-0 w-100 p-2"
2289                                data-bs-dismiss="modal">
2290                            <span x-show="!currentAddonIsSelected" x-cloak>ADD TO CART</span>
2291                            <span x-show="currentAddonIsSelected" x-cloak>REMOVE FROM CART</span>
2292                        </button>
2293                    </div>
2294                </div>
2295            </div>
2296        </div>
2297    </div>
2298</div>
2299<div tabindex="-1" role="dialog" aria-hidden="true" class="modal fade" style="z-index: 2147483648;" id="standardAddonsModal">
2300    <div role="document" class="modal-dialog custom-top-align modal-lg">
2301        <div class="modal-content">
2302            <div class="modal-header border-0 pb-0">
2303                <h5 class="modal-title"></h5>
2304                <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
2305                    <span aria-hidden="true">&times;</span>
2306                </button>
2307            </div>
2308            <div class="modal-body">
2309                <div class="row">
2310                    <div class="col-12 col-lg-5 d-sm-none d-lg-block">
2311                        <img :src="currentAddon.ImageUrl" :alt="currentAddon.SDesc" class="d-block border rounded w-100 p-3 mx-auto" />
2312                        <div class="mt-3 mb-4">
2313                            <a :href="currentAddon.Url" role="button" target="_blank" class="addon-view-details-btn btn btn-outline-dark w-100 mt-3 mx-auto">View Full Details</a>
2314                        </div>
2315                    </div>
2316                    <div class="col-12 col-lg-7">
2317                        <div class="d-flex mb-3">
2318                            <img :src="currentAddon.ImageUrl" :alt="currentAddon.SDesc" class="d-none d-sm-block d-lg-none border rounded p-3 me-3" style="max-width: 12rem;" />
2319                            <div>
2320                                <template x-if="currentAddon.SDesc">
2321                                    <h2 x-text="currentAddon.SDesc" class="pb-2 mb-1" id="standardAddonsModalLabel"></h2>
2322                                </template>
2323                                <template x-if="currentAddon.PricingHtml">
2324                                    <h3 x-show="currentAddon.PricingHtml" x-html="currentAddon.PricingHtml" class="addon-price"></h3>
2325                                </template>
2326                            </div>
2327                        </div>
2328                        <p x-html="currentAddon.LDescHtml" class="__addon-description"></p>
2329                        <div class="row d-flex flex-row align-items-end">
2330                            <div class="col-auto pe-0">
2331                                <label for="quantity">Qty.</label>
2332                                <input type="number" :value="currentAddon.Qty" min="1" readonly class="form-control" id="quantity" style="max-width: 3.5em;" />
2333                            </div>
2334                            <div class="col">
2335                                <button @click="handleSelectAddonStandardPopup(currentAddon)"
2336                                        class="btn btn-dark w-100 mt-md-3 mt-lg-0 "
2337                                        data-bs-dismiss="modal">
2338                                    <span x-show="!currentAddonIsSelected" x-cloak class="text-nowrap">ADD TO CART</span>
2339                                    <span x-show="currentAddonIsSelected" x-cloak class="text-nowrap">REMOVE FROM CART</span>
2340                                </button>
2341                            </div>
2342                        </div>
2343                        <template x-if="(currentAddon.Width && currentAddon.Width != '0') || (currentAddon.Depth && currentAddon.Depth != '0') || (currentAddon.Height && currentAddon.Height != '0')">
2344                            <div class="pt-1 mt-3">
2345                                <div x-data="{ show: false }" class="border-top border-bottom" id="addonDimensions">
2346                                    <div x-on:click="show = !show" x-on:keyup.enter="show = !show" role="button" tabindex="0"
2347                                         :aria-expanded="show.toString()" aria-controls="addon-dimensions-section" aria-label="Toggle Add-On Dimensions"
2348                                         class="d-flex justify-content-between border-bottom-0 iplv15-toggle-header pb-0 ps-0">
2349                                        <div class="d-flex flex-wrap align-items-center py-3">
2350                                            <h4 class="d-inline-flex align-items-center fw-bold mb-0 me-2" style="font-size: 1rem;">Dimensions:</h4>
2351                                            <div class="d-inline-flex align-items-center flex-wrap fw-bold" style="font-size: 1rem;">
2352                                                <span><span x-text="currentAddon.Width"></span><text>" W</text></span>
2353                                                <span class="mx-1">×</span>
2354                                                <span><span x-text="currentAddon.Depth"></span><text>" D</text></span>
2355                                                <span class="mx-1">×</span>
2356                                                <span><span x-text="currentAddon.Height"></span><text>" H</text></span>
2357                                            </div>
2358                                        </div>
2359                                        <div class="d-flex align-items-center">
2360                                            <span x-show="show" tabindex="0" aria-label="Show Less" class="material-icons notranslate ms-auto">remove</span>
2361                                            <span x-show="!show" tabindex="0" aria-label="Show More" class="material-icons notranslate ms-auto">add</span>
2362                                        </div>
2363                                    </div>
2364                                    <div x-show="show" id="addon-dimensions-section">
2365                                        <div class="table-responsive-xl">
2366                                            <table class="table border-bottom mb-0">
2367                                                <tbody>
2368                                                    <tr style="font-size: 0.9em">
2369                                                        <td class="dimensions-td" style="min-width: 15rem;">Depth (front to back)</td>
2370                                                        <td class="dimensions-td"><span x-text="currentAddon.Depth"></span></td>
2371                                                    </tr>
2372                                                    <tr style="font-size: 0.9em">
2373                                                        <td class="dimensions-td" style="min-width: 15rem;">Height (bottom to top)</td>
2374                                                        <td class="dimensions-td"><span x-text="currentAddon.Height"></span></td>
2375                                                    </tr>
2376                                                    <tr style="font-size: 0.9em">
2377                                                        <td class="dimensions-td border-bottom-0" style="min-width: 15rem;">Width (side to side)</td>
2378                                                        <td class="dimensions-td border-bottom-0"><span x-text="currentAddon.Width"></span></td>
2379                                                    </tr>
2380                                                </tbody>
2381                                            </table>
2382                                        </div>
2383                                    </div>
2384                                </div>
2385                            </div>
2386                        </template>
2387                        <div class="mt-3 d-none d-sm-block d-lg-none">
2388                            <a :href="currentAddon.Url" role="button" target="_blank" class="addon-view-details-btn btn btn-outline-dark w-100 mt-3 mx-auto">View Full Details</a>
2389                        </div>
2390                    </div>
2391                </div>
2392            </div>
2393            <div class="modal-footer border-top-0 pt-0 pb-2"></div>
2394        </div>
2395    </div>
2396</div>
2397<div tabindex="-1" role="dialog" class="modal" id="added-to-cart-modal">
2398    <div role="document" class="modal-dialog">
2399        <div class="modal-content">
2400            <div class="modal-header">
2401                <button type="button" data-bs-dismiss="modal" aria-label="Close" class="btn-close"></button>
2402            </div>
2403            <div class="modal-body p-4" id="added-to-cart-modal-body"></div>
2404        </div>
2405    </div>
2406</div>
2407            <div class="d-flex flex-column flex-lg-row align-items-baseline">
2408                <div x-show="selectedAddonItems.length == 0" x-cloak class="w-25 me-4">
2409                    <div class="d-flex align-items-center justify-content-start position-relative my-3">
2410                        <div class="item-page-15-qty-text small me-2">Qty:</div>
2411                            <select x-model="parentQuantity" name="quantity"
2412                                    class="form-select fw-bold px-1"
2413                                    id="quantitySelect">
2414                                <option value="1" selected>1</option>
2415                                <option value="2">2</option>
2416                                <option value="3">3</option>
2417                                <option value="4">4</option>
2418                                <option value="5">5</option>
2419                                <option value="6">6</option>
2420                                <option value="7">7</option>
2421                                <option value="8">8</option>
2422                                <option value="9">9</option>
2423                                <option value="10">10</option>
2424                            </select>
2425                    </div>
2426                </div>
2427                <div class="w-100 pb-3">
2428                    <div x-show="itemIsInCart" x-cloak>
2429                        <a href="https://www.primebrothers.com/ShoppingCart" title="Click to view cart"
2430                           class="item-page-15-add-to-cart-btn py-3 px-4">
2431                            Item<span x-show="addToCartItemCount > 1" x-cloak>s</span> in Cart
2432                            <div x-show="addToCartItemCount > 1" x-cloak class="small">
2433                                (<span x-text="addToCartItemCount"></span> products)
2434                            </div>
2435                        </a>
2436                    </div>
2437                    <div x-show="!itemIsInCart" x-cloak>
2438                        <div class="d-flex flex-column flex-md-row justify-content-center align-items-center">
2439                            <button x-show="!adding" x-cloak @click="addToCartClick" aria-l
2439ive="polite"
2440                                    class="item-page-15-add-to-cart-btn py-3 px-4">
2441                                Add to Cart
2442                                <div x-show="addToCartItemCount > 1" x-cloak
2443                                     class="small">
2444                                    (<span x-text="addToCartItemCount"></span> products)
2445                                </div>
2446                            </button>
2447                            <button x-show="adding" x-cloak class="item-page-15-add-to-cart-btn py-3 px-4">
2448                                <span role="status" aria-hidden="true"
2449                                      class="spinner-border spinner-border-sm me-1"></span>
2450                                Adding...
2451                                <div x-show="addToCartItemCount > 1" x-cloak class="small">
2452                                    (<span x-text="addToCartItemCount"></span> products)
2453                                </div>
2454                            </button>
2455                        </div>
2456                    </div>
2457                </div>
2458            </div>
2459            <div id="itemPage15PricingDesc" x-show="hasPricingDescription" x-cloak>
2460                <div class="targeted-section targeted-section__52 item-page-15-pricing-desc">
2461</div>
2462            </div>
2463    </div>
2464    <div class="mb-3 pb-3 border-bottom" x-data="{show: !false}" id="ondisplayat">
2465        <div class="iplv15-toggle-header d-flex align-items-center border-bottom-0 ps-0 pb-0"
2466             x-on:click="show = !show; trackContentInteraction('on_display_at', show ? 'expand' : 'collapse', '', 'item')"
2467             x-on:keyup.enter="show = !show; trackContentInteraction('on_display_at', show ? 'expand' : 'collapse', '', 'item')"
2468             role="button"
2469             tabindex="0"
2470             :aria-expanded="show.toString()"
2471             aria-label="Toggle Where Can I See This Product in Store??">
2472            <h2 class="pt-2">Where Can I See This Product in Store?</h2>
2473            <span class="ms-auto material-symbols-outlined fw-300 notranslate pt-2" aria-label="show less" tabindex="0" x-show="show">remove</span>
2474            <span class="ms-auto material-symbols-outlined fw-300 notranslate pt-2" aria-label="show more" tabindex="0" x-show="!show">add</span>
2475        </div>
2476        <div x-show="show" class="pt-3" x-cloak>
2477                    <div x-data="storeModalApp()">
2478                        <div class="row">
2479                                <div class="col-6 mb-1">
2480                                    <a class="text-decoration-underline text-primary" href="#" x-on:click.prevent="openModal(262)">Prime Brothers Furniture</a>
2481                                </div>
2482                        </div>
2483                        <div tabindex="-1" role="dialog" class="modal fade" id="storeModal" aria-labelledby="storeModalLabel" aria-hidden="true">
2484                            <div class="modal-dialog custom-top-align" role="document">
2485                                <div class="modal-content">
2486                                    <div class="modal-header" style="padding: 1rem 1.5rem !important;">
2487                                        <div class="d-flex flex-column justify-content-center">
2488                                            <h2 x-text="currentStore.storeName" style="font-size: 1.5rem !important;" id="storeModalLabel"></h2>
2489                                            <span x-text="storeProfileHeadline" style="font-size: 0.9em !important;"></span>
2490                                        </div>
2491                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
2492                                    </div>
2493                                    <div class="modal-body" style="font-size: 1.1rem; padding: 1.25rem 1.5rem 1.75rem 1.5rem !important; ">
2494                                        <h2 class="mb-2">Store Location</h2>
2495                                        <div x-html="currentStore.addressHtml"></div>
2496                                        <a x-text="currentStore.phoneNumber" :href="currentStore.phoneUrl" class="text-decoration-underline" style="color: #467b96"></a>
2497                                        <a :href="currentStore.urlForDirections" target="_blank"
2498                                           class="btn btn-primary mt-3"
2499                                           style="display: block; width: fit-content; margin-bottom: 2rem;">
2500                                            Directions
2501                                        </a>
2502                                        <h2 class="mb-2">Store Hours</h2>
2503                                        <div x-html="currentStore.storeHoursString" class="mb-2"></div>
2504                                        <a :href="currentStore.storeLink" class="text-muted text-decoration-underline">view profile</a>
2505                                    </div>
2506                                </div>
2507                            </div>
2508                        </div>
2509                    </div>
2510        </div>
2511    </div>
2512<script>
2513    function storeModalApp() {
2514        return {
2515            stores: [{"storeId":262,"keywordList":"Furniture & Mattress","storeLink":"https://www.primebrothers.com/store/bay-city","storeName":"Prime Brothers Furniture","distance":0.0,"city":"Bay City","stateAbbreviation":"MI","addressHtml":"<span itemprop=\"streetAddress\">1500 Euclid Ave.<br></span><span itemprop=\"addressLocality\">Bay City</span>, <span itemprop=\"addressRegion\">MI</span> <span itemprop=\"postalCode\">48706</span>","urlForDirections":"https://www.google.com/maps/dir/?api=1&destination=1500+Euclid+Ave.+Bay+City+MI+48706","storeHoursString":"Mon-Fri 9am - 8pm<br>Saturday 9am - 6pm<br>Sunday 12 - 4pm","phoneNumber":"989-686-1212","phoneUrl":"tel:9896861212","selectedStore":false,"isDistantStore":false}],
2516            currentStore: {},
2517            get storeProfileHeadline() {
2518                const store = this.currentStore;
2519                return Object.keys(store).length ? `${store.city}, ${store.stateAbbreviation} ${store.keywordList} Store` : "";
2520            },
2521            openModal(storeId) {
2522                // Find store by ID
2523                this.currentStore = this.stores.find((s) => s.storeId === storeId);
2524                // Use Bootstrap's modal method to show modal
2525                $('#storeModal').modal('show');
2526            },
2527        }
2528    }
2529</script>
2529
2530        <div class="border-bottom py-3 mb-3">
2531<div class="delivery-lookup">
2532    <div class="delivery-lookup__top">
2533        <div class="delivery-lookup__top-desc">
2534            <div class="delivery-lookup__title">Estimated Delivery Price</div>
2535                <div class="delivery-lookup__text">Enter your zip code to get a delivery estimate.</div>
2536        </div>
2537        <div class="delivery-lookup__input form-group  __active">
2538<input aria-label="Enter Zip Code to get a delivery estimate" class="form-control zipcodeLookupInput" id="ZipCode" inputmode="numeric" name="ZipCode" pattern="[0-9]*" placeholder="zip code" type="number" value="" />
2539            <button class="delivery-lookup__submit" disabled="disabled" data-gpid="1196898324" type="button">Submit</button>
2540        </div>
2541    </div>
2542        <div class="delivery-lookup__desc"></div>
2543    <link rel="stylesheet" href="/css/pages/shopping-cart/delivery-lookup.css" />
2544    
2544<script src="/js/pages/shopping-cart/delivery.js"></script>
2544
2545    
2545<script>
2546        // Disable scroll when focused on a number input.
2547        $('.delivery-lookup').on('focus', 'input[type=number]', function (e) {
2548            $(this).on('wheel', function (e) {
2549                e.preventDefault();
2550            });
2551        });
2552        // Restore scroll on number inputs.
2553        $('.delivery-lookup').on('blur', 'input[type=number]', function (e) {
2554            $(this).off('wheel');
2555        });
2556        // Disable up and down keys.
2557        $('.delivery-lookup').on('keydown', 'input[type=number]', function (e) {
2558            if (e.which == 38 || e.which == 40)
2559                e.preventDefault();
2560        });
2561        //adds hover box to show up on "i" info icon
2562        document.querySelectorAll('.fdn-tooltip').forEach(function (el) {
2563            var popover = new bootstrap.Popover(el, {
2564                trigger: 'hover focus',
2565                placement: 'bottom',
2566                customClass: 'dark-popover'
2567            });
2568        });
2569        var noPickUpLocations = false;
2570        var noServiceLocations = false;
2571        if (noPickUpLocations) {
2572            console.error("WARNING - no pickup locations have been defined");
2573        }
2574        if (noServiceLocations) {
2575            console.error("WARNING - no service locations have been defined");
2576        }
2577    </script>
2577
2578</div>
2579        </div>
2580<div class="mb-3 pb-3 border-bottom" x-data="{show: false}" id="contactform">
2581    <button type="button"
2582            class="btn btn-primary w-100 rounded-1 p-2 "
2583            x-show="!show"
2584            x-on:click="show=true"
2585            :aria-expanded="show.toString()"
2586            >
2587        Ask a Question
2588    </button>
2589    <div x-show="show" x-cloak>
2590        <div class="mb-4">
2591            <div class="d-flex align-items-center">
2592                <h2 class="mb-0"
2593                    >
2594                    Ask a Question
2595                </h2>
2596                <span x-cloak x-show="show" tabindex="0" class="ms-auto small text-primary text-decoration-underline" role="button" x-on:click="show = !show" x-on:keyup.enter="show = !show">less</span>
2597            </div>
2598        </div>
2599        <form method="post" id="contactUsForm" class="needs-validation" novalidate="" encType="multipart/form-data" onsubmit="return ValidateForm(event, 'contactUsForm', 'false');" action="/contactus">
2600            <input type="hidden" id="ContactFormUrl" name="ContactFormUrl" value="" />
2601            <input type="hidden" data-val="true" data-val-required="The Gpid field is required." id="Gpid" name="Gpid" value="1196898324" />
2602            <div>
2603                <div class="mb-3" role="group" aria-label="Your Contact Information">
2604                    <div class="row no-gutters mb-3">
2605                        <div class="col-12 mb-3 mb-sm-0 col-sm-6 pe-sm-2">
2606                            <div>
2607                                <label class="form-label" for="FirstName">First Name *</label>
2608                                <input type="text" class="form-control" required data-val="true" data-val-required="The FirstName field is required." id="FirstName" name="FirstName" value="" />
2609                                <div class="invalid-feedback">First Name is required</div>
2610                            </div>
2611                        </div>
2612                        <div class="col-12 col-sm-6 ps-sm-2">
2613                            <div>
2614                                <label class="form-label" for="LastName">Last Name *</label>
2615                                <input type="text" class="form-control" required data-val="true" data-val-required="The LastName field is required." id="LastName" name="LastName" value="" />
2616                                <div class="invalid-feedback">Last Name is required</div>
2617                            </div>
2618                        </div>
2619                    </div>
2620                        <div class="mb-3">
2621                            <label class="form-label" for="StreetAddress">Street Address *</label>
2622                            <input type="text" class="form-control" required="required" id="StreetAddress" name="StreetAddress" value="" />
2623                                <div class="invalid-feedback">Street Address is required</div>
2624                        </div>
2625                    <div class="d-flex flex-column flex-md-row">
2626                            <div class="mb-3 me-md-3">
2627                                <label class="form-label" for="City">City *</label>
2628                                <input type="text" class="form-control" required="required" id="City" name="City" value="" />
2629                                    <div class="invalid-feedback">City is required</div>
2630                            </div>
2631                            <div class="mb-3">
2632                                <label class="form-label" for="SelectedState">State *</label>
2633                                <select class="form-select" required="required" data-val="true" data-val-required="The SelectedState field is required." id="SelectedState" name="SelectedState"><option selected="selected" value="0">--- Select ---</option>
2634<option value="1">Alabama</option>
2635<option value="3">Arizona</option>
2636<option value="4">Arkansas</option>
2637<option value="5">California</option>
2638<option value="6">Colorado</option>
2639<option value="7">Connecticut</option>
2640<option value="8">Delaware</option>
2641<option value="9">District of Columbia</option>
2642<option value="10">Florida</option>
2643<option value="11">Georgia</option>
2644<option value="13">Idaho</option>
2645<option value="14">Illinois</option>
2646<option value="15">Indiana</option>
2647<option value="16">Iowa</option>
2648<option value="17">Kansas</option>
2649<option value="18">Kentucky</option>
2650<option value="19">Louisiana</option>
2651<option value="20">Maine</option>
2652<option value="21">Maryland</option>
2653<option value="22">Massachusetts</option>
2654<option value="23">Michigan</option>
2655<option value="24">Minnesota</option>
2656<option value="25">Mississippi</option>
2657<option value="26">Missouri</option>
2658<option value="27">Montana</option>
2659<option value="28">Nebraska</option>
2660<option value="29">Nevada</option>
2661<option value="30">New Hampshire</option>
2662<option value="31">New Jersey</option>
2663<option value="32">New Mexico</option>
2664<option value="33">New York</option>
2665<option value="34">North Carolina</option>
2666<option value="35">North Dakota</option>
2667<option value="36">Ohio</option>
2668<option value="37">Oklahoma</option>
2669<option value="38">Oregon</option>
2670<option value="39">Pennsylvania</option>
2671<option value="41">Rhode Island</option>
2672<option value="42">South Carolina</option>
2673<option value="43">South Dakota</option>
2674<option value="44">Tennessee</option>
2675<option value="45">Texas</option>
2676<option value="46">Utah</option>
2677<option value="47">Vermont</option>
2678<option value="49">Virginia</option>
2679<option value="50">Washington</option>
2680<option value="51">West Virginia</option>
2681<option value="52">Wisconsin</option>
2682<option value="53">Wyoming</option>
2683</select>
2684                                    <div class="invalid-feedback">State is required</div>
2685                            </div>
2686                            <div class="mb-3 ms-md-3">
2687                                    <label class="form-label" for="PostalCode">Zip Code *</label>
2688                                    <input class="form-control" aria_label="Zip Code" type="text" pattern="[0-9]*" inputmode="numeric" required="required" id="PostalCode" name="PostalCode" value="" />
2689                                        <div class="invalid-feedback">Zip Code is required</div>
2690                            </div>
2691                    </div>
2692                </div>
2693                <div class="mb-3" role="group" aria-label="Your Message">
2694                        <div class="mb-3">
2695                            <label class="form-label">Question Type</label>
2696                                <div class="form-check">
2697                                    <label class="form-check-label">
2698                                        <input type="hidden" data-val="true" data-val-required="The Id field is required." id="QuestionTypeList_0__Id" name="QuestionTypeList[0].Id" value="1" />
2699                                        <input type="hidden" id="QuestionTypeList_0__Value" name="QuestionTypeList[0].Value" value="Pricing" />
2700                                        <input type="checkbox" class="form-check-input" data-val="true" data-val-required="The isChecked field is required." id="QuestionTypeList_0__isChecked" name="QuestionTypeList[0].isChecked" value="true" />
2701                                        <span>Pricing</span>
2702                                    </label>
2703                                </div>
2704                                <div class="form-check">
2705                                    <label class="form-check-label">
2706                                        <input type="hidden" data-val="true" data-val-required="The Id field is required." id="QuestionTypeList_1__Id" name="QuestionTypeList[1].Id" value="2" />
2707                                        <input type="hidden" id="QuestionTypeList_1__Value" name="QuestionTypeList[1].Value" value="Availability" />
2708                                        <input type="checkbox" class="form-check-input" data-val="true" data-val-required="The isChecked field is required." id="QuestionTypeList_1__isChecked" name="QuestionTypeList[1].isChecked" value="true" />
2709                                        <span>Availability</span>
2710                                    </label>
2711                                </div>
2712                                <div class="form-check">
2713                                    <label class="form-check-label">
2714                                        <input type="hidden" data-val="true" data-val-required="The Id field is required." id="QuestionTypeList_2__Id" name="QuestionTypeList[2].Id" value="3" />
2715                                        <input type="hidden" id="QuestionTypeList_2__Value" name="QuestionTypeList[2].Value" value="Order Status" />
2716                                        <input type="checkbox" class="form-check-input" data-val="true" data-val-required="The isChecked field is required." id="QuestionTypeList_2__isChecked" name="QuestionTypeList[2].isChecked" value="true" />
2717                                        <span>Order Status</span>
2718                                    </label>
2719                                </div>
2720                                <div class="form-check">
2721                                    <label class="form-check-label">
2722                                        <input type="hidden" data-val="true" data-val-required="The Id field is required." id="QuestionTypeList_3__Id" name="QuestionTypeList[3].Id" value="4" />
2723                                        <input type="hidden" id="QuestionTypeList_3__Value" name="QuestionTypeList[3].Value" value="Product Information" />
2724                                        <input type="checkbox" class="form-check-input" data-val="true" data-val-required="The isChecked field is required." id="QuestionTypeList_3__isChecked" name="QuestionTypeList[3].isChecked" value="true" />
2725                                        <span>Product Information</span>
2726                                    </label>
2727                                </div>
2728                                <div class="form-check">
2729                                    <label class="form-check-label">
2730                                        <input type="hidden" data-val="true" data-val-required="The Id field is required." id="QuestionTypeList_4__Id" name="QuestionTypeList[4].Id" value="5" />
2731                                        <input type="hidden" id="QuestionTypeList_4__Value" name="QuestionTypeList[4].Value" value="Financing Information" />
2732                                        <input type="checkbox" class="form-check-input" data-val="true" data-val-required="The isChecked field is required." id="QuestionTypeList_4__isChecked" name="QuestionTypeList[4].isChecked" value="true" />
2733                                        <span>Financing Information</span>
2734                                    </label>
2735                                </div>
2736                                <div class="form-check">
2737                                    <label class="form-check-label">
2738                                        <input type="hidden" data-val="true" data-val-required="The Id field is required." id="QuestionTypeList_5__Id" name="QuestionTypeList[5].Id" value="6" />
2739                                        <input type="hidden" id="QuestionTypeList_5__Value" name="QuestionTypeList[5].Value" value="Warranty/Replacement Information" />
2740                                        <input type="checkbox" class="form-check-input" data-val="true" data-val-required="The isChecked field is required." id="QuestionTypeList_5__isChecked" name="QuestionTypeList[5].isChecked" value="true" />
2741                                        <span>Warranty/Replacement Information</span>
2742                                    </label>
2743                                </div>
2744                                <div class="form-check">
2745                                    <label class="form-check-label">
2746                                        <input type="hidden" data-val="true" data-val-required="The Id field is required." id="QuestionTypeList_6__Id" name="QuestionTypeList[6].Id" value="7" />
2747                                        <input type="hidden" id="QuestionTypeList_6__Value" name="QuestionTypeList[6].Value" value="Other" />
2748                                        <input type="checkbox" class="form-check-input" data-val="true" data-val-required="The isChecked field is required." id="QuestionTypeList_6__isChecked" name="QuestionTypeList[6].isChecked" value="true" />
2749                                        <span>Other</span>
2750                                    </label>
2751                                </div>
2752                        </div>
2753                    <div>
2754                        <label class="form-label" for="Message">How can we help you? *</label>
2755                        <textarea class="form-control" required id="Message" name="Message">
2756</textarea>
2757                        <div class="invalid-feedback">Message is required</div>
2758                    </div>
2759                </div>
2760                    <div class="mb-3" role="group" aria-label="Your Preferences">
2761                            <div class="form-check mb-3">
2762                                <input type="checkbox" class="form-check-input" data-val="true" data-val-required="The SignUpForOffersAndPromotions field is required." id="SignUpForOffersAndPromotions" name="SignUpForOffersAndPromotions" value="true" />
2763                                <label class="form-check-label" for="SignUpForOffersAndPromotions">Sign-up for email offers and promotions</label>
2764                            </div>
2765                            <div class="mb-3">
2766                                <label class="form-label" for="SelectedPreferredStore">
2767                                    Preferred Store *
2768                                </label>
2769                                <select class="form-select" required="required" data-val="true" data-val-required="The SelectedPreferredStore field is required." id="SelectedPreferredStore" name="SelectedPreferredStore"><option value="">--- Select ---</option>
2770<option value="262">Prime Brothers Furniture</option>
2771</select>
2772                                    <div class="invalid-feedback">Preferred Store is required</div>
2773                            </div>
2774                        <div class="mb-3 contact-method-field " data-contact-method="email" aria-hidden="False.ToString().ToLower()">
2775                            <label class="form-label" for="EmailAddress">Email Address *</label>
2776                            <input type="email" class="form-control" required="required" aria-describedby="EmailAddress-error" id="EmailAddress" name="EmailAddress" value="" />
2777                            <div class="invalid-feedback" id="EmailAddress-error">Email Address is required</div>
2778                        </div>
2779                        <div class="mb-3 contact-method-field " data-contact-method="phone" aria-hidden="False.ToString().ToLower()">
2780                            <label class="form-label" for="PhoneNumber">Phone Number *</label>
2781                            <input type="tel" class="form-control" required="required" aria-describedby="PhoneNumber-error" id="PhoneNumber" name="PhoneNumber" value="" />
2782                            <div class="invalid-feedback" id="PhoneNumber-error">Phone Number is required</div>
2783                        </div>
2784                            <div class="mb-3">
2785                                <label class="form-label" for="PreferredSalesAssociate">Preferred Sales Associate (optional)</label>
2786                                <input class="form-control" type="text" id="PreferredSalesAssociate" name="PreferredSalesAssociate" value="" />
2787                            </div>
2788                    </div>
2789            </div>
2790            <div class="form-row xexyz">
2791                <label aria-hidden="hidden" class="xexyz" for="Hp_tb">Important Field</label>
2792                <input aria-hidden="hidden" class="xexyz" id="Hp_tb" name="Hp_tb" placeholder="Important Field" type="text" value="" />
2793                <label aria-hidden="hidden" class="xexyz" for="HAgreeToTermsCB">Do you agree to the terms of service? (*Required)</label>
2794                <input aria-hidden="hidden" class="xexyz" data-val="true" data-val-required="The HAgreeToTermsCB f
2794ield is required." id="HAgreeToTermsCB" name="HAgreeToTermsCB" type="checkbox" value="true" />
2795            </div>
2796            <div class="form-row xexyz">
2797                <label aria-hidden="hidden" class="xexyz" for="Rv_hp">Really Important Field</label>
2798                <input aria-hidden="hidden" class="xexyz" id="Rv_hp" name="Rv_hp" placeholder="Really Important Field" type="text" value="_rvhp_" />
2799            </div>
2800            <input type="hidden" name="FormRenderedAtUtcTicks" id="FormRenderedAtUtcTicks" tabindex="-1" aria-label="timestamp" />
2801            
2801<script>
2802                (function () {
2803                    var form = document.currentScript.closest('form');
2804                    document.addEventListener('DOMContentLoaded', function () {
2805                        var nowUtcMs = Date.now();
2806                        var ticks = nowUtcMs * 10000 + 621355968000000000;
2807                        var renderedAtEl = form.querySelector('[name="FormRenderedAtUtcTicks"]');
2808                        var contactFormUrlEl = form.querySelector('[name="ContactFormUrl"]');
2809                        if (renderedAtEl) {
2810                            renderedAtEl.value = ticks;
2811                        }
2812                        if (contactFormUrlEl && !contactFormUrlEl.value) {
2813                            contactFormUrlEl.value = window.location.href;
2814                        }
2815                    });
2816                })();
2817            </script>
2817
2818            <div class="mt-4">
2819                    <button class="btn btn-primary col-12 rounded-0" type="submit" id="contactUsFormSubmit">Send</button>
2820            </div>
2821        <input name="__RequestVerificationToken" type="hidden" value="CfDJ8ODjSf37AwlPurqhzV5cDUtPnwqJpq0_RhDcW4sqxPWKd_PS3aOYuvGGYOLfuabJH3jIgtM4TXYyPTWFV6FqaDhgAC6SXS4Y64rXYmmbhPOB6TqMkoWBSHXXun3IiCIVVgv7KGeK0Rjv87aTkC5_NSg" /><input name="QuestionTypeList[0].isChecked" type="hidden" value="false" /><input name="QuestionTypeList[1].isChecked" type="hidden" value="false" /><input name="QuestionTypeList[2].isChecked" type="hidden" value="false" /><input name="QuestionTypeList[3].isChecked" type="hidden" value="false" /><input name="QuestionTypeList[4].isChecked" type="hidden" value="false" /><input name="QuestionTypeList[5].isChecked" type="hidden" value="false" /><input name="QuestionTypeList[6].isChecked" type="hidden" value="false" /><input name="SignUpForOffersAndPromotions" type="hidden" value="false" /><input name="HAgreeToTermsCB" type="hidden" value="false" /></form>
2822    </div>
2823    
2823<script>
2824        (function () {
2825            var form = document.getElementById("contactUsForm");
2826            if (!form) return;
2827            var response = form.querySelector('[name="PreferredResponse"]');
2828            var email = form.querySelector('[name="EmailAddress"]');
2829            var phone = form.querySelector('[name="PhoneNumber"]');
2830            var emailWrapper = form.querySelector('[data-contact-method="email"]');
2831            var phoneWrapper = form.querySelector('[data-contact-method="phone"]');
2832            var preferredResponseVisible = false;
2833            var phoneVisibleByConfig = true;
2834            var phoneRequiredByConfig = true;
2835            var requirePhoneOrEmail = false;
2836            function updateContactMethodFields() {
2837                var value = preferredResponseVisible && response ? response.value : "0";
2838                var emailSelected = value === "1";
2839                var phoneSelected = value === "2" || value === "3";
2840                var noResponseSelected = value === "0" || value === "";
2841                var showEmail = emailSelected || noResponseSelected;
2842                var showPhone = phoneSelected || (noResponseSelected && phoneVisibleByConfig);
2843                var emailRequired = emailSelected || (noResponseSelected && !requirePhoneOrEmail);
2844                var phoneRequired = phoneSelected || (noResponseSelected && phoneRequiredByConfig);
2845                emailWrapper.classList.toggle("d-none", !showEmail);
2846                emailWrapper.setAttribute("aria-hidden", (!showEmail).toString());
2847                phoneWrapper.classList.toggle("d-none", !showPhone);
2848                phoneWrapper.setAttribute("aria-hidden", (!showPhone).toString());
2849                email.required = emailRequired;
2850                phone.required = phoneRequired;
2851                email.disabled = !showEmail;
2852                phone.disabled = !showPhone;
2853                email.setAttribute("aria-describedby", emailRequired ? "EmailAddress-error" : "");
2854                phone.setAttribute("aria-describedby", phoneRequired ? "PhoneNumber-error" : "");
2855                email.closest(".contact-method-field").querySelector("label").textContent = emailRequired ? "Email Address *" : "Email Address";
2856                phone.closest(".contact-method-field").querySelector("label").textContent = phoneRequired ? "Phone Number *" : "Phone Number";
2857            }
2858            document.addEventListener("DOMContentLoaded", function () {
2859                updateContactMethodFields();
2860                if (response) response.addEventListener("change", updateContactMethodFields);
2861            });
2862        })();
2863    </script>
2863
2864    
2864<script>
2865        // validate form
2866        function ValidateForm(e, formId, isPurchaseForm) {
2867            let submitBtn = "";
2868            if (isPurchaseForm && isPurchaseForm != "false")
2869            {
2870                submitBtn = document.getElementById('contactUsFormSubmit-purchase');
2871            }
2872            else {
2873                submitBtn = document.getElementById('contactUsFormSubmit');
2874            }
2875            submitBtn.disabled = true;
2876            submitBtn.innerHTML = `
2877                <span class="spinner-border spinner-border-sm me-2"
2878                        role="status"
2879                        aria-hidden="true"></span>
2880                Sending...
2881            `;
2882            var form = document.getElementById(formId);
2883            form.classList.remove('was-validated');
2884            // Clear any previously set custom validity before re-checking
2885            var emailEl = form.querySelector('[name="EmailAddress"]');
2886            var phoneEl = form.querySelector('[name="PhoneNumber"]');
2887            var preferredResponseEl = form.querySelector('[name="PreferredResponse"]');
2888            if (emailEl) emailEl.setCustomValidity("");
2889            if (phoneEl) phoneEl.setCustomValidity("");
2890            if (preferredResponseEl) preferredResponseEl.setCustomValidity("");
2891                var preferredStoreEl = form.querySelector('[name="SelectedPreferredStore"]');
2892                if (preferredStoreEl) preferredStoreEl.setCustomValidity("");
2893            var valid = form.checkValidity();
2894                if (preferredStoreEl && preferredStoreEl.value === "") {
2895                    preferredStoreEl.setCustomValidity("Preferred Store is required");
2896                    valid = false;
2897                }
2898            if (preferredResponseEl && false && false) {
2899                if (preferredResponseEl.value === "0") {
2900                    preferredResponseEl.setCustomValidity("Please select a preferred response method");
2901                    valid = false;
2902                }
2903            }
2904            if (preferredResponseEl && false && (preferredResponseEl.value === "1" || preferredResponseEl.value === "2" || preferredResponseEl.value === "3")) {
2905                if (preferredResponseEl.value === "1" && (!emailEl.value.length || emailEl.validity.typeMismatch)) {
2906                    emailEl.setCustomValidity("Email Address is required");
2907                    valid = false;
2908                }
2909                if ((preferredResponseEl.value === "2" || preferredResponseEl.value === "3") && !phoneEl.value.length) {
2910                    phoneEl.setCustomValidity("Phone Number is required");
2911                    valid = false;
2912                }
2913            }
2914            else if (false) {
2915                if ((emailEl.value.length == 0 || emailEl.validity.typeMismatch) && phoneEl.value.length == 0) {
2916                    emailEl.setCustomValidity(" ");
2917                    phoneEl.setCustomValidity("Phone Number or Email Address is required");
2918                    valid = false;
2919                }
2920            }
2921            if (!valid) {
2922                e.preventDefault();
2923                form.classList.add('was-validated');
2924                submitBtn.disabled = false;
2925                submitBtn.innerHTML = "Send";
2926                // Scroll to the first invalid field
2927                var firstInvalid = form.querySelector(':invalid:not(fieldset)');
2928                if (firstInvalid) {
2929                    firstInvalid.scrollIntoView({ behavior: 'smooth', block: 'center' });
2930                    firstInvalid.focus();
2931                }
2932                return false;
2933            }
2934            else {
2935                return true;
2936            }
2937        }
2938        // Clear custom validity when user types in email or phone fields
2939        document.addEventListener('input', function (evt) {
2940            if (evt.target.name === "EmailAddress" || evt.target.name === "PhoneNumber") {
2941                var parentForm = evt.target.closest('form');
2942                if (parentForm) {
2943                    var emailEl = parentForm.querySelector('[name="EmailAddress"]');
2944                    var phoneEl = parentForm.querySelector('[name="PhoneNumber"]');
2945                    if (emailEl) emailEl.setCustomValidity("");
2946                    if (phoneEl) phoneEl.setCustomValidity("");
2947                }
2948            }
2949        });
2950    </script>
2950
2951</div>
2952<div x-data="{ show: !true }" class="mb-3 pb-3 border-bottom" id="dimensions">
2953    <div x-on:click="show = !show; trackContentInteraction('dimensions', show ? 'expand' : 'collapse', '', 'item')"
2954         x-on:keyup.enter="show = !show; trackContentInteraction('dimensions', show ? 'expand' : 'collapse', '', 'item')"
2955         role="button"
2956         tabindex="0"
2957         class="d-flex justify-content-between border-bottom-0 iplv15-toggle-header pb-0 ps-0"
2958         :aria-expanded="show.toString()"
2959         aria-controls="dimensions-section"
2960         aria-label="Toggle Dimensions">
2961        <div class="d-flex flex-wrap align-items-center">
2962            <h2 class="mb-0 d-inline-flex align-items-center me-2">
2963                Dimensions:
2964            </h2>
2965                <div class="d-inline-flex flex-wrap align-items-center fw-bold" style="font-size: 1.1rem;">
2966                    <span>89<text>" W</text></span>
2967                    <span class="mx-1">×</span>
2968                    <span>38<text>" D</text></span>
2969                    <span class="mx-1">×</span>
2970                    <span>39<text>" H</text></span>
2971                </div>
2972        </div>
2973        <div class="d-flex align-items-center">
2974            <span x-show="show" tabindex="0" class="material-symbols-outlined notranslate ms-auto" aria-label="show less">remove</span>
2975            <span x-show="!show" tabindex="0" class="material-symbols-outlined notranslate ms-auto" aria-label="show more">add</span>
2976        </div>
2977    </div>
2978    <div id="dimensions-section" x-show="show" x-cloak class="pt-3">
2979            <img loading="lazy" src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/img/dealer/-1/creative/9f160a107cc543ffbfed18a0a7ab4f22.jpg?format=webp&amp;quality=85" alt="Line drawing of product"
2980                 width="759" height="273"
2981                 class="img-fluid my-3" />
2982        <div class="table-responsive-xl">
2983            <table class="table border-bottom-0 border-bottom-md">
2984                <tbody>
2985                        <tr style="font-size: 0.9em">
2986                            <td class="dimensions-td" style="min-width: 15rem;">Width (side to side)</td>
2987                            <td class="dimensions-td">89</td>
2988                        </tr>
2989                        <tr style="font-size: 0.9em">
2990                            <td class="dimensions-td" style="min-width: 15rem;">Depth (front to back)</td>
2991                            <td class="dimensions-td">38</td>
2992                        </tr>
2993                        <tr style="font-size: 0.9em">
2994                            <td class="dimensions-td" style="min-width: 15rem;">Height (bottom to top)</td>
2995                            <td class="dimensions-td">39</td>
2996                        </tr>
2997                </tbody>
2998            </table>
2999        </div>
3000            <div class="mt-3" style="padding-left: 0.75rem;">
3001                <a href="#specifications" class="text-primary text-decoration-underline">see more specs</a>
3002            </div>
3003    </div>
3004</div>
3005<div class="mb-3 pb-3 border-bottom" id="disclaimer" x-data="itemPageDisclaimer()" x-show="hasDisclaimer" x-cloak x-init="_init()">
3006    <div class="iplv15-toggle-header d-flex align-items-center border-bottom-0 ps-0 pb-0"
3007         x-on:click="show = !show; trackContentInteraction('disclaimer', show ? 'expand' : 'collapse', '', 'item')"
3008         x-on:keyup.enter="show = !show; trackContentInteraction('disclaimer', show ? 'expand' : 'collapse', '', 'item')"
3009         role="button"
3010         tabindex="0"
3011         :aria-expanded="show.toString()"
3012         aria-controls="disclaimer-section"
3013         aria-label="Toggle Disclaimer">
3014        <h2>Disclaimer</h2>
3015        <span class="ms-auto material-symbols-outlined notranslate" aria-label="show less" tabindex="0" x-show="show">remove</span>
3016        <span class="ms-auto material-symbols-outlined notranslate" aria-label="show more" tabindex="0" x-show="!show">add</span>
3017    </div>
3018    <div id="disclaimer-section" x-show="show" class="pt-3" x-cloak>
3019        <div id="itemPage15Disclaimer">
3020            <div class="targeted-section targeted-section__51 item-page-15-disclaimer">
3021</div>
3022        </div>
3023    </div>
3024</div>
3025<script>
3026    document.addEventListener('alpine:init', () => {
3027        Alpine.data('itemPageDisclaimer', () => ({
3028            _init() {
3029                const parentDiv = document.getElementsByClassName("item-page-15-disclaimer")[0];
3030                this.hasDisclaimer = parentDiv.children.length > 0;
3031            },
3032            hasDisclaimer: false,
3033            show: !true
3034        }));
3035    });
3036</script>
3036
3037<div class="" id="sharelinks">
3038    <div class="">
3039        <button
3040            type="button"
3041                class="add-to-list--trigger w-100 btn btn-outline-dark rounded-1 p-3 d-flex align-items-center justify-content-center"
3042            title="Save to list"
3043            aria-label="Save to list"
3044            aria-controls="fav-popover"
3045            aria-haspopup="dialog"
3046            aria-expanded="false"
3047            data-fav-trigger
3048            data-gpid="1196898324">
3049            <i class="material-symbols-outlined fw-400 notranslate" style="font-size: 1.2rem;">favorite</i>
3050            <span class="text-decoration-none" data-fav-label>Add to a List</span>
3051        </button>
3052            <button type="button" class="js-add-to-room-plan room-planner-btn w-100 btn btn-outline-dark rounded-1 p-3 d-flex align-items-center justify-content-center mt-2" data-room-plan-item="{&quot;gpid&quot;:1196898324,&quot;ItemId&quot;:-22735804,&quot;ItemNum&quot;:&quot;12503-3010&quot;,&quot;MfgSKU&quot;:&quot;000004687250&quot;,&quot;width&quot;:&quot;89&quot;,&quot;depth&quot;:&quot;38&quot;,&quot;iconid&quot;:7,&quot;productType&quot;:&quot;Uph - Stationary Sofas&quot;,&quot;imageURL&quot;:&quot;https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=jpg&amp;quality=95&amp;width=729&amp;height=729&amp;scale=canvas&amp;trim.threshold=20&amp;trim.percentpadding=1&quot;,&quot;MinDesc&quot;:&quot;Contemporary Sofa with Tapered Wood Leg&quot;,&quot;CategoryName&quot;:&quot;dummy&quot;,&quot;widthInches&quot;:&quot;89&quot;,&quot;depthInches&quot;:&quot;38&quot;,&quot;iconId&quot;:7,&quot;productTypeId&quot;:-984643396,&quot;imageUrl&quot;:&quot;https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=jpg&amp;quality=95&amp;width=729&amp;height=729&amp;scale=canvas&amp;trim.threshold=20&amp;trim.percentpadding=1&quot;,&quot;name&quot;:&quot;Contemporary Sofa with Tapered Wood Leg&quot;,&quot;sku&quot;:&quot;000004687250&quot;,&quot;productUrl&quot;:&quot;https://www.primebrothers.com/item/125-sofa/1196898324&quot;}">Add To Room Plan</button>
3053    </div>
3054    <div class="ms-auto d-flex align-items-center mt-3" id="social-media-links">
3055        <a class="me-2" href="https://www.facebook.com/sharer/sharer.php?u=https://www.primebrothers.com/item/125-sofa/1196898324" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" title="Share this product on Facebook">
3056            <img src="https://images.furnituredealer.net/img/commonimages/icons/footer/light_facebook.svg" loading="lazy" style="max-width: 1.2rem" alt="facebook logo" />
3057        </a>
3058        <a class="me-2" href="https://twitter.com/intent/tweet?text=Check out this 125 Sofa by Peak Living at Prime Brothers Furniture&amp;url=https://www.primebrothers.com/item/125-sofa/1196898324" target="_blank" rel="noopener" title="Tweet about this product">
3059            <img src="https://images.furnituredealer.net/img/commonimages/icons/footer/light_twitter.svg" loading="lazy" style="max-width: 1.2rem" alt="x logo" />
3060        </a>
3061        <a class="me-2" href="https://pinterest.com/pin/create/bookmarklet/?url=https://www.primebrothers.com/item/125-sofa/1196898324&amp;description=125 Sofa by Peak Living at Prime Brothers Furniture&amp;media=https%3A%2F%2Fimageresizer.furnituredealer.net%2Fimg%2Fremote%2Fimages.furnituredealer.net%2Fb%2Fp%2Fa1e18853-5f6b-4575-b42b-6c376b416583%2Fassets%2Fbf3ae5f5ca5441e5941d7819e3982c73.jpg%3Fformat%3Dwebp%26quality%3D95%26width%3D729%26height%3D729%26scale%3Dcanvas%26trim.threshold%3D20%26trim.percentpadding%3D1" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" title="Pin this product">
3062            <img src="https://images.furnituredealer.net/img/commonimages/icons/footer/light_pinterest.svg" loading="lazy" style="max-width: 1.2rem" alt="pinterest logo" />
3063        </a>
3064    </div>
3065    <a href="#" class="d-none ms-auto item-page-15-link text-decoration-underline text-lowercase" id="share-link">share this page</a>
3066</div>
3067        <div class="position-fixed bg-white shadow-lg animated fast slideInUp __item-page-card p-2"
3068             style="left: 0; right: 0; bottom: 0; z-index: 2147483647">
3069            <div class="row no-gutters">
3070                <div class="col-5 col-sm-4">
3071                        <picture>
3072                            <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=webp&amp;quality=85&amp;width=200&amp;height=200&amp;scale=both&amp;trim.threshold=20&amp;trim.percentpadding=0.5"
3073                                    type="image/webp">
3074                            <img src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?width=200&amp;height=200&amp;scale=both&amp;trim.threshold=20&amp;trim.percentpadding=0.5"
3075                                 alt="Contemporary Sofa with Tapered Wood Leg" loading="lazy" />
3076                        </picture>
3077                </div>
3078                <div class="col-7 col-sm-8 ps-3">
3079                        <div class="fw-bold">Contemporary Sofa with Tapered Wood Leg</div>
3080                        <a href="https://www.primebrothers.com/collection/125-1a1b9950487c/125" class="small text-decoration-underline">
3081                            125 Collection
3082                        </a>
3083                        <div class="small mt-2">
3084    <div class="price-slot price-slot-middle fw-bold large-font " style="color:#cc1111;">
3085        <span class="price-slot__pre price-slot-middle__pre">Sale Price:</span>
3086        <span class="price-slot__amt price-slot-middle__amt">$488.00</span>
3087        <span class="price-slot__post price-slot-middle__post">
3088        </span>
3089    </div>
3090                        </div>
3091                        <div class="mt-2">
3092                            <div x-show="itemIsInCart" x-cloak>
3093                                <a href="https://www.primebrothers.com/ShoppingCart" title="Click to view cart"
3094                                   class="d-inline-block item-page-15-add-to-cart-btn py-2 px-3"
3095                                   style="font-size: 0.8rem;">
3096                                    Item<span x-show="selectedAddonItems.length > 0" x-cloak>s</span> in Cart
3097                                    <span x-show="addToCartItemCount > 1" x-cloak>
3098                                        (<span x-text="addToCartItemCount"></span>)
3099                                    </span>
3100                                </a>
3101                            </div>
3102                            <div x-show="!itemIsInCart" x-cloak>
3103                                <div class="d-flex flex-column flex-md-row justify-content-center align-items-center">
3104                                    <button x-show="!adding" x-cloak @click="addToCartClick"
3105                                            aria-live="polite"
3106                                            class="item-page-15-add-to-cart-btn py-2 px-3"
3107                                            style="font-size: 0.8rem;">
3108                                        Add to Cart
3109                                        <span x-show="addToCartItemCount > 1" x-cloak>
3110                                            (<span x-text="addToCartItemCount"></span>)
3111                                        </span>
3112                                    </button>
3113                                    <button x-show="adding" x-cloak class="item-page-15-add-to-cart-btn py-2 px-3" style="font-size: 0.8rem;">
3114                                        <span role="status" aria-hidden="true"
3115                                              class="spinner-border spinner-border-sm me-1"></span>
3116                                        Adding...
3117                                        <span x-show="addToCartItemCount > 1" x-cloak>
3118                                            (<span x-text="addToCartItemCount"></span>)
3119                                        </span>
3120                                    </button>
3121                                </div>
3122                            </div>
3123                        </div>
3124                </div>
3125            </div>
3126        </div>
3127</div>
3128<script>
3129    window.topSectionModel = {
3130        gpid: '1196898324',
3131        parentQuantity: (0 > 0 && !false) ? 0 : 1,
3132        itemIsInCart: false,
3133        cartQuantity: 0,
3134        cartQuantityRequired: false,
3135        enableTopSectionStickiness: false,
3136        stripePublicKey: '',
3137        stripeConnectAccountId: '',
3138        itemPriceCents: 48800
3139    };
3140</script>
vendor: 2 bytes, line 3140
3140
3141<script src="/js/pages/item/top-section.js"></script>
3141
3142        </div>
3143    </div>
3144        <div id="bottomsection" class="d-flex flex-column">
3145<div class="js-ajax-partial" data-controller="Item" data-action="HtmlFeatures" data-route-values="{&quot;gpid&quot;:1196898324,&quot;collectionId&quot;:&quot;125-1a1b9950487c&quot;,&quot;collectionNum&quot;:&quot;125&quot;,&quot;mfgId&quot;:-1950851770,&quot;attributeIds&quot;:[-1319836248,-1070342577,-1070342577,-578253466,332186896,909071124,971334345,1077288188,1489963393,1489963393,2088504428],&quot;attributeOptionIds&quot;:[-876205001,-1416032796,1056656680,2072674031,-873669307,-1950851770,10776804,982351949,-2047491191,1077832169,1365149074]}" data-callback="handleItemListLoaded" data-requestpriority="5"></div>
3146<div class="js-ajax-partial" data-controller="Item" data-action="RoomGroupItems" data-route-values="{&quot;gpid&quot;:1196898324,&quot;productTypeId&quot;:-984643396,&quot;categoryId&quot;:897084358,&quot;departmentId&quot;:-902325686}" data-callback="handleItemListLoaded" data-requestpriority="8"></div>
3147<div class="js-ajax-partial" data-controller="Item" data-action="AdditionalOptions" data-route-values="{&quot;gpid&quot;:1196898324,&quot;itemRootCSS&quot;:&quot;swiper-slide mt-3&quot;}" data-callback="handleItemListLoaded" data-requestpriority="7"></div>
3148<div class="js-ajax-partial" data-controller="Item" data-action="ProductConfigurationOptions" data-route-values="{&quot;gpid&quot;:1196898324}" data-callback="" data-requestpriority="5"></div>
3149<div class="js-ajax-partial" data-controller="Item" data-action="RelatedItems" data-route-values="{&quot;collectionId&quot;:&quot;125-1a1b9950487c&quot;,&quot;collectionNum&quot;:&quot;125&quot;,&quot;collectionName&quot;:&quot;125&quot;,&quot;roomId&quot;:2,&quot;gpidToExclude&quot;:1196898324}" data-callback="handleItemListLoaded" data-requestpriority="6"></div>
3150<div x-data="collapseSection(0)" class="mb-5" id="specifications">
3151    <div x-on:click="toggleShow"
3152         x-on:keyup.enter="toggleShow"
3153         :role="isCollapsible ? 'button' : null"
3154         :tabindex="isCollapsible ? '0' : null"
3155         class="d-none d-md-flex justify-content-between align-items-center iplv15-toggle-header px-md-3 mb-md-3"
3156         aria-label="Toggle Specifications">
3157        <h2 class="mb-0">Specifications</h2>
3158        <button x-show="isCollapsible" :class="{'d-flex': isCollapsible}" class="align-items-center btn btn-link text-reset text-decoration-none border-0 p-0 m-0" aria-label="Toggle Specifications">
3159            <span x-show="show" class="material-icons notranslate">expand_less</span>
3160            <span x-show="!show" class="material-icons notranslate">expand_more</span>
3161        </button>
3162    </div>
3163    <div class="list-item">
3164        <div class="d-flex d-md-none d-flex align-items-center border-bottom-0 iplv15-toggle-header pb-0 ps-0"
3165             x-on:click="toggleShow" x-on:keyup.enter="toggleShow"
3166             role="button" tabindex="0" aria-label="Toggle Specifications">
3167            <div class="list__header" style="padding-top: 1.125rem; padding-bottom: 1.125rem;">
3168                <h2 class="mb-0">Specifications</h2>
3169                <span x-show="show" class="material-icons notranslate" aria-label="Show Less">remove</span>
3170                <span x-show="!show" class="material-icons notranslate" aria-label="Show More">add</span>
3171            </div>
3172        </div>
3173        <div x-show="show" x-collapse x-cloak>
3174                    <div class="spec-group">
3175                        <h2 class="spec-group-header mb-3">Product</h2>
3176                            <div x-show="show" x-collapse class="d-md-none list__content">
3177                                <div class="list__attribute">
3178                                    <div class="list__attribute__item">
3179                                        <span class="list__attribute__title">Motion Type</span>
3180                                        <span class="list__attribute__value">Stationary</span>
3181                                    </div>
3182                                </div>
3183                            </div>
3184                            <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2">
3185                                    <div class="row">
3186                                        <div class="col-md-3">Motion Type</div>
3187                                        <div class="col-md-9">
3188                                                <ul class="mb-0 ps-0" style="list-style-type: none">
3189                                                        <li>Stationary</li>
3190                                                </ul>
3191                                        </div>
3192                                    </div>
3193                            </div>
3194                    </div>
3195                    <div class="spec-group">
3196                        <h2 class="spec-group-header mb-3">Dimensions</h2>
3197                            <div x-show="show" x-collapse class="d-md-none list__content">
3198                                <div class="list__attribute">
3199                                    <div class="list__attribute__item">
3200                                        <span class="list__attribute__title">Height (bottom to top)</span>
3201                                        <span class="list__attribute__value">39" H</span>
3202                                    </div>
3203                                </div>
3204                            </div>
3205                            <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2">
3206                                    <div class="row">
3207                                        <div class="col-md-3">Height (bottom to top)</div>
3208                                        <div class="col-md-9">
3209                                                <ul class="mb-0 ps-0" style="list-style-type: none">
3210                                                        <li>39" H</li>
3211                                                </ul>
3212                                        </div>
3213                                    </div>
3214                            </div>
3215                            <div x-show="show" x-collapse class="d-md-none list__content">
3216                                <div class="list__attribute">
3217                                    <div class="list__attribute__item">
3218                                        <span class="list__attribute__title">Width (side to side)</span>
3219                                        <span class="list__attribute__value">89" W</span>
3220                                    </div>
3221                                </div>
3222                            </div>
3223                            <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2">
3224                                    <div class="row">
3225                                        <div class="col-md-3">Width (side to side)</div>
3226                                        <div class="col-md-9">
3227                                                <ul class="mb-0 ps-0" style="list-style-type: none">
3228                                                        <li>89" W</li>
3229                                                </ul>
3230                                        </div>
3231                                    </div>
3232                            </div>
3233                            <div x-show="show" x-collapse class="d-md-none list__content">
3234                                <div class="list__attribute">
3235                                    <div class="list__attribute__item">
3236                                        <span class="list__attribute__title">Depth (front to back)</span>
3237                                        <span class="list__attribute__value">38" D</span>
3238                                    </div>
3239                                </div>
3240                            </div>
3241                            <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2">
3242                                    <div class="row">
3243                                        <div class="col-md-3">Depth (front to back)</div>
3244                                        <div class="col-md-9">
3245                                                <ul class="mb-0 ps-0" style="list-style-type: none">
3246                                                        <li>38" D</li>
3247                                                </ul>
3248                                        </div>
3249                                    </div>
3250                            </div>
3251                    </div>
3252                    <div class="spec-group">
3253                        <h2 class="spec-group-header mb-3">Style Elements</h2>
3254                            <div x-show="show" x-collapse class="d-md-none list__content">
3255                                <div class="list__attribute">
3256                                    <div class="list__attribute__item">
3257                                        <span class="list__attribute__title">Color Family</span>
3258                                        <span class="list__attribute__value">Brown</span>
3259                                    </div>
3260                                </div>
3261                            </div>
3262                            <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2">
3263                                    <div class="row">
3264                                        <div class="col-md-3">Color Family</div>
3265                                        <div class="col-md-9">
3266                                                <ul class="mb-0 ps-0" style="list-style-type: none">
3267                                                        <li>Brown</li>
3268                                                </ul>
3269                                        </div>
3270                                    </div>
3271                            </div>
3272                            <div x-show="show" x-collapse class="d-md-none list__content">
3273                                <div class="list__attribute">
3274                                    <div class="list__attribute__item">
3275                                        <span class="list__attribute__title">Color Name</span>
3276                                        <span class="list__attribute__value">Tuscan Java</span>
3277                                    </div>
3278                                </div>
3279                            </div>
3280                            <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2">
3281                                    <div class="row">
3282                                        <div class="col-md-3">Color Name</div>
3283                                        <div class="col-md-9">
3284                                                <ul class="mb-0 ps-0" style="list-style-type: none">
3285                                                        <li>Tuscan Java</li>
3286                                                </ul>
3287                                        </div>
3288                                    </div>
3289                            </div>
3290                            <div x-show="show" x-collapse class="d-md-none list__content">
3291                                <div class="list__attribute">
3292                                    <div class="list__attribute__item">
3293                                        <span class="list__attribute__title">Leg / Base Type</span>
3294                                        <span class="list__attribute__value">Exposed Wood Leg, Tapered Leg</span>
3295                                    </div>
3296                                </div>
3297                            </div>
3298                            <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2">
3299                                    <div class="row">
3300                                        <div class="col-md-3">Leg / Base Type</div>
3301                                        <div class="col-md-9">
3302                                                <ul class="mb-0 ps-0" style="list-style-type: none">
3303                                                        <li>Exposed Wood Leg</li>
3304                                                        <li>Tapered Leg</li>
3305                                                </ul>
3306                                        </div>
3307                                    </div>
3308                            </div>
3309                            <div x-show="show" x-collapse class="d-md-none list__content">
3310                                <div class="list__attribute">
3311                                    <div class="list__attribute__item">
3312                                        <span class="list__attribute__title">Design Style</span>
3313                                        <span class="list__attribute__value">Contemporary</span>
3314                                    </div>
3315                                </div>
3316                            </div>
3317                            <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2">
3318                                    <div class="row">
3319                                        <div class="col-md-3">Design Style</div>
3320                                        <div class="col-md-9">
3321                                                <ul class="mb-0 ps-0" style="list-style-type: none">
3322                                                        <li>Contemporary</li>
3323                                                </ul>
3324                                        </div>
3325                                    </div>
3326                            </div>
3327                            <div x-show="show" x-collapse class="d-md-none list__content">
3328                                <div class="list__attribute">
3329                                    <div class="list__attribute__item">
3330                                        <span class="list__attribute__title">Wood Tone</span>
3331                                        <span class="list__attribute__value">Dark</span>
3332                                    </div>
3333                                </div>
3334                            </div>
3335                            <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2">
3336                                    <div class="row">
3337                                        <div class="col-md-3">Wood Tone</div>
3338                                        <div class="col-md-9">
3339                                                <ul class="mb-0 ps-0" style="list-style-type: none">
3340                                                        <li>Dark</li>
3341                                                </ul>
3342                                        </div>
3343                                    </div>
3344                            </div>
3345                            <div x-show="show" x-collapse class="d-md-none list__content">
3346                                <div class="list__attribute">
3347                                    <div class="list__attribute__item">
3348                                        <span class="list__attribute__title">Seat Back Description</span>
3349                                        <span class="list__attribute__value">Semi-attached or tight back</span>
3350                                    </div>
3351                                </div>
3352                            </div>
3353                            <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2">
3354                                    <div class="row">
3355                                        <div class="col-md-3">Seat Back Description</div>
3356                                        <div class="col-md-9">
3357                                                <ul class="mb-0 ps-0" style="list-style-type: none">
3358                                                        <li>Semi-attached or tight back</li>
3359                                                </ul>
3360                                        </div>
3361                                    </div>
3362                            </div>
3363                            <div x-show="show" x-collapse class="d-md-none list__content">
3364                                <div class="list__attribute">
3365                                    <div class="list__attribute__item">
3366                                        <span class="list__attribute__title">Seat Description</span>
3367                                        <span class="list__attribute__value">Loose with nonreversible seats</span>
3368                                    </div>
3369                                </div>
3370                            </div>
3371                            <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2">
3372                                    <div class="row">
3373                                        <div class="col-md-3">Seat Description</div>
3374                                        <div class="col-md-9">
3375                                                <ul class="mb-0 ps-0" style="list-style-type: none">
3376                                                        <li>Loose with nonreversible seats</li>
3377                                                </ul>
3378                                        </div>
3379                                    </div>
3380                            </div>
3381                            <div x-show="show" x-collapse class="d-md-none list__content">
3382                                <div class="list__attribute">
3383                                    <div class="list__attribute__item">
3384                                        <span class="list__attribute__title">Arm Type - Upholstered</span>
3385                                        <span class="list__attribute__value">Track Arms, Flare Tapered Arms</span>
3386                                    </div>
3387                                </div>
3388                            </div>
3389                            <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2">
3390                                    <div class="row">
3391                                        <div class="col-md-3">Arm Type - Upholstered</div>
3392                                        <div class="col-md-9">
3393                                                <ul class="mb-0 ps-0" style="list-style-type: none">
3394                                                        <li>Track Arms</li>
3395                                                        <li>Flare Tapered Arms</li>
3396                                                </ul>
3397                                        </div>
3398                                    </div>
3399                            </div>
3400                            <div x-show="show" x-collapse class="d-md-none list__content">
3401                                <div class="list__attribute">
3402                                    <div class="list__attribute__item">
3403                                        <span class="list__attribute__title">Pillow Description</span>
3404                                        <span class="list__attribute__value">Four pillows total; One set in Denali Shadow fabric and one set in Eden Spice fabric</span>
3405                                    </div>
3406                                </div>
3407                            </div>
3408                            <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2">
3409                                    <div class="row">
3410                                        <div class="col-md-3">Pillow Description</div>
3411                                        <div class="col-md-9">
3412                                                <ul class="mb-0 ps-0" style="list-style-type: none">
3413                                                        <li>Four pillows total; One set in Denali Shadow fabric and one set in Eden Spice fabric</li>
3414                                                </ul>
3415                                        </div>
3416                                    </div>
3417                            </div>
3418                    </div>
3419                    <div class="spec-group">
3420                        <h2 class="spec-group-header mb-3">Upholstery</h2>
3421                            <div x-show="show" x-collapse class="d-md-none list__content">
3422                                <div class="list__attribute">
3423                                    <div class="list__attribute__item">
3424                                        <span class="list__attribute__title">Fabric Patterns</span>
3425                                        <span class="list__attribute__value">Solid</span>
3426                                    </div>
3427                                </div>
3428                            </div>
3429                            <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2">
3430                                    <div class="row">
3431                                        <div class="col-md-3">Fabric Patterns</div>
3432                                        <div class="col-md-9">
3433                                                <ul class="mb-0 ps-0" style="list-style-type: none">
3434                                                        <li>Solid</li>
3435                                                </ul>
3436                                        </div>
3437                                    </div>
3438                            </div>
3439                            <div x-show="show" x-collapse class="d-md-none list__content">
3440                                <div class="list__attribute">
3441                                    <div class="list__attribute__item">
3442                                        <span class="list__attribute__title">Upholstery Type</span>
3443                                        <span class="list__attribute__value">Fabric</span>
3444                                    </div>
3445                                </div>
3446                            </div>
3447                            <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2">
3448                                    <div class="row">
3449                                        <div class="col-md-3">Upholstery Type</div>
3450                                        <div class="col-md-9">
3451                                                <ul class="mb-0 ps-0" style="list-style-type: none">
3452                                                        <li>Fabric</li>
3453                                                </ul>
3454                                        </div>
3455                                    </div>
3456                            </div>
3457                    </div>
3458                    <div class="spec-group">
3459                        <h2 class="spec-group-header mb-3">Item &amp; Dimensions</h2>
3460                            <div x-show="show" x-collapse class="d-md-none list__content">
3461                                <div class="list__attribute">
3462                                    <div class="list__attribute__item">
3463                                        <span class="list__attribute__title">Manufacturer</span>
3464                                        <span class="list__attribute__value">Peak Living</span>
3465                                    </div>
3466                                </div>
3467                            </div>
3468                            <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2">
3469                                    <div class="row">
3470                                        <div class="col-md-3">Manufacturer</div>
3471                                        <div class="col-md-9">
3472                                                <ul class="mb-0 ps-0" style="list-style-type: none">
3473                                                        <li>Peak Living</li>
3474                                                </ul>
3475                                        </div>
3476                                    </div>
3477                            </div>
3478                    </div>
3479        </div>
3480    </div>
3481</div>
3482<script>
3483    document.addEventListener('alpine:init', () => {
3484        Alpine.data('collapseSection', (collapsibleOption) => ({
3485            show: true,
3486            isCollapsible: collapsibleOption !== 0, // 0 = NotCollapsibleShowAlways
3487            isMobile: (window.matchMedia('(max-width: 767px)').matches),
3488            init() {
3489                // Apply collapsible logic for desktop
3490                if (window.matchMedia('(min-width: 768px)').matches) {
3491                    if (collapsibleOption === 1) { // CollapsibleOpenByDefault
3492                        this.show = true;
3493                    } else if (collapsibleOption === 2) { // CollapsibleCollapsedByDefault
3494                        this.show = false;
3495                    }
3496                } else {
3497                    this.show = false; // Always collapsible on mobile
3498                }
3499            },
3500            toggleShow() {
3501                if (this.isCollapsible || this.isMobile) {
3502                    this.show = !this.show;
3503                }
3504            }
3505        }));
3506    });
3507</script>
3507
3508<div class="js-ajax-partial" data-controller="Rebate" data-action="ListProductRebates" data-route-values="{&quot;mprId&quot;:&quot;3daa76773567407b978357b790ddaff3&quot;,&quot;hideFilters&quot;:true}" data-callback="" data-requestpriority="5"></div>
3509            <div class="mb-5" id="seocopy">
3510                The 125 Contemporary Sofa with Tapered Wood Leg, made by Peak Living, 
3511                is brought to you by Prime Brothers Furniture. Prime Brothers Furniture is a local furniture store, serving the Bay City, Saginaw, Midland, Michigan area. Product availability may vary.
3512                <a href="https://www.primebrothers.com/contactus?gpid=1196898324" rel="nofollow">Contact us</a> for the most current availability on this product.
3513            </div> 
3514<div class="js-ajax-partial" data-controller="Item" data-action="SimilarItems" data-route-values="{&quot;gpid&quot;:1196898324,&quot;itemRootCSS&quot;:&quot;swiper-slide mt-3&quot;}" data-callback="handleItemListLoaded" data-requestpriority="4"></div>
3515<div class="js-ajax-partial" data-controller="Item" data-action="ComplementaryProducts" data-route-values="{&quot;gpid&quot;:1196898324}" data-callback="handleItemListLoaded" data-requestpriority="3"></div>
3516<div class="mb-5" id="collectiondetails">
3517    <div class="iplv15-toggle-header d-flex align-items-center px-md-3">
3518        <h2>Collection Details</h2>
3519    </div>
3520    <div class="pt-3 px-3"> 
3521        <div class="mb-3"></div>
3522        <div>
3523            The 125 collection is an amazing option if you are looking for
3524            Contemporary  furniture.
3525            Our store serves the Bay City, Saginaw, Midland, Michigan area.
3526        </div>
3527            <div class="mt-4">
3528                <a href="https://www.primebrothers.com/collection/125-1a1b9950487c/125" class="item-page-15-link text-uppercase text-decoration-underline fw-bold">See the full collection</a>
3529            </div>
3530    </div>
3531</div>
3532<link rel="stylesheet" href="/lib/glightbox/glightbox.css" />
3533<script type="text/javascript" src="/js/libs/jquery.raty.min.js"></script>
vendor: 2 bytes, line 3533
3533
3534<script type="text/javascript" src="/lib/glightbox/glightbox.js"></script>
3534
3535<style>
3536    .item-page-15 .rating.__small img {
3537        width: 1.1rem;
3538    }
3539    .item-page-15 .iplv15-review-images {
3540        display: grid;
3541        grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
3542        gap: 0.6rem;
3543        max-width: 430px;
3544    }
3545    .item-page-15 .iplv15-review-image-link {
3546        display: block;
3547        border-radius: 0.5rem;
3548        overflow: hidden;
3549        border: 1px solid #e9ecef;
3550        background: #fff;
3551    }
3552    .item-page-15 .iplv15-review-image-link img {
3553        width: 100%;
3554        aspect-ratio: 1 / 1;
3555        object-fit: cover;
3556        display: block;
3557    }
3558    @media (min-width: 768px) {
3559        .item-page-15 ._product-reviews-overall {
3560            position: sticky;
3561            top: 1rem;
3562        }
3563        .item-page-15 .iplv15-review-images {
3564            grid-template-columns: repeat(auto-fill, minmax(105px, 1fr));
3565            max-width: 520px;
3566        }
3567    }
3568</style>
3569<div class="mb-5" id="reviews">
3570    <div class="iplv15-toggle-header">
3571        <h2>Reviews (2)</h2>
3572    </div>
3573    <div class="pt-3 px-3">
3574        <div class="row no-gutters">
3575            <div class="col-12 col-md-4 pe-md-3 mb-5 mb-md-0">
3576                <div class="_product-reviews-overall">
3577                    <div class="mb-4">
3578                        <h3 class="fw-bold mb-2">Overall rating for this product</h3>
3579                        <div class="d-flex align-items-center">
3580                            <span class="rating me-2" rel="5"></span>
3581                            <div>5 out of 5</div>
3582                        </div>
3583                    </div>
3584                    <h3 class="fw-bold mb-2">Review this product</h3>
3585                    <a class="btn btn-outline-dark" rel="nofollow" role="button" href="/reviews/Add/1196898324">Write a Customer Review</a>
3586                </div>
3587            </div>
3588            <div class="col-12 col-md-8 ps-md-2">
3589<style>
3590    .item-page-15 .iplv15-review-image-button {
3591        width: 100%;
3592        padding: 0;
3593        cursor: pointer;
3594    }
3595    .item-page-15 .customer-images-more-tile {
3596        width: 100%;
3597        min-height: 90px;
3598        aspect-ratio: 1 / 1;
3599        display: flex;
3600        align-items: center;
3601        justify-content: center;
3602        border: 1px solid #e9ecef;
3603        border-radius: 0.5rem;
3604        background: #f8f9fa;
3605        color: #212529;
3606        font-weight: 600;
3607        text-align: center;
3608    }
3609    .customer-images-row {
3610        overflow-x: auto;
3611        flex-wrap: nowrap;
3612        display: flex;
3613        gap: 0.6rem;
3614        max-width: 100%;
3615    }
3616    .item-page-15 .customer-images-row > * {
3617        min-width: 90px;
3618    }
3619    .item-page-15 .iplv15-customer-images-nav:disabled {
3620        opacity: 0.45;
3621        cursor: not-allowed;
3622        box-shadow: none;
3623    }
3624    body.glightbox-open .__item-page-card {
3625        display: none !important;
3626    }
3627    body.glightbox-open .glightbox-container {
3628        z-index: 2147483647 !important;
3629    }
3630    body.glightbox-open .glightbox-container .gslide-description {
3631        z-index: 2;
3632    }
3633    body.glightbox-open.glightbox-mobile .glightbox-container .gslide-description {
3634        top: 0 !important;
3635        bottom: auto !important;
3636        padding: 1rem 1rem 1.25rem !important;
3637        background: linear-gradient(to bottom, rgba(17, 17, 17, 0.92) 0%, rgba(17, 17, 17, 0.72) 45%, rgba(17, 17, 17, 0) 100%) !important;
3638    }
3639    body.glightbox-open.glightbox-mobile .glightbox-container .gdesc-inner {
3640        padding: 0 !important;
3641    }
3642    body.glightbox-open.glightbox-mobile .glightbox-container .gslide-desc {
3643        display: block !important;
3644        color: #fff !important;
3645    }
3646    @media (min-width: 768px) {
3647        .item-page-15 .customer-images-row {
3648            display: grid;
3649            grid-template-columns: repeat(auto-fill, minmax(105px, 1fr));
3650            overflow: visible;
3651            flex-wrap: wrap;
3652        }
3653        .item-page-15 .customer-images-row > * {
3654            min-width: 0;
3655        }
3656    }
3657</style>
3658<script>
3659    var customerImageSlides = [
3660    ];
3661    function renderModalStars(rating) {
3662        var modalRating = document.getElementById('iplv15CustomerImagesModalRating');
3663        if (!modalRating) {
3664            return;
3665        }
3666        var numericRating = parseFloat(rating || 0);
3667        if (Number.isNaN(numericRating)) {
3668            numericRating = 0;
3669        }
3670        modalRating.innerHTML = '';
3671        for (var i = 1; i <= 5; i++) {
3672            var icon = 'star_border';
3673            if (numericRating >= i) {
3674                icon = 'star';
3675            } else if (numericRating >= i - 0.5) {
3676                icon = 'star_half';
3677            }
3678            var star = document.createElement('span');
3679            star.className = 'material-icons notranslate';
3680            star.setAttribute('aria-hidden', 'true');
3681            star.style.fontSize = '1.1rem';
3682            star.style.color = '#f0ad4e';
3683            star.textContent = icon;
3684            modalRating.appendChild(star);
3685        }
3686        modalRating.setAttribute('aria-label', numericRating + ' out of 5 stars');
3687    }
3688    function escapeHtml(value) {
3689        return String(value || '')
3690            .replace(/&/g, '&amp;')
3691            .replace(/</g, '&lt;')
3692            .replace(/>/g, '&gt;')
3693            .replace(/"/g, '&quot;')
3694            .replace(/'/g, '&#39;');
3695    }
3696    function initCustomerImagesMobileLightbox() {
3697        if (typeof GLightbox !== 'function') {
3698            return;
3699        }
3700        var mobileTriggers = Array.prototype.slice.call(document.querySelectorAll('.js-customer-image-mobile-trigger'));
3701        if (!mobileTriggers.length || !customerImageSlides.length) {
3702            return;
3703        }
3704        var mobileLightbox = GLightbox({
3705            elements: customerImageSlides.map(function (slide) {
3706                var reviewerName = escapeHtml(slide.reviewerName || 'Anonymous');
3707                var ratingText = escapeHtml('(' + slide.reviewRating + ' out of 5)');
3708                var commentsText = escapeHtml(slide.reviewComments || 'No written comments provided.');
3709                return {
3710                    href: slide.imageUrl,
3711                    type: 'image',
3712                    title: reviewerName + ' ' + ratingText,
3713                    description: commentsText
3714                };
3715            }),
3716            touchNavigation: true,
3717            loop: false,
3718            moreLength: 140,
3719            descPosition: 'top',
3720            openEffect: 'fade',
3721            closeEffect: 'fade'
3722        });
3723        mobileTriggers.forEach(function (trigger, index) {
3724            trigger.addEventListener('click', function (event) {
3725                event.preventDefault();
3726                mobileLightbox.open(null, index);
3727            });
3728        });
3729    }
3730    function initCustomerImagesModal() {
3731        var modalElement = document.getElementById('iplv15CustomerImagesModal');
3732        if (!modalElement || !window.bootstrap) {
3733            return;
3734        }
3735        var thumbnailButtons = Array.prototype.slice.call(document.querySelectorAll('.js-customer-image-trigger'));
3736        if (!thumbnailButtons.length || !customerImageSlides.length) {
3737            return;
3738        }
3739        var modal = bootstrap.Modal.getOrCreateInstance(modalElement);
3740        var modalImage = document.getElementById('iplv15CustomerImagesModalImage');
3741        var modalCounter = document.getElementById('iplv15CustomerImagesCounter');
3742        var reviewerName = document.getElementById('iplv15CustomerImagesReviewerName');
3743        var modalRatingText = document.getElementById('iplv15CustomerImagesModalRatingText');
3744        var modalComments = document.getElementById('iplv15CustomerImagesModalComments');
3745        var prevButton = document.getElementById('iplv15CustomerImagesPrev');
3746        var nextButton = document.getElementById('iplv15CustomerImagesNext');
3747        var currentIndex = 0;
3748        var lastTrigger = null;
3749        function updateNavigationState() {
3750            prevButton.disabled = currentIndex <= 0;
3751            nextButton.disabled = currentIndex >= customerImageSlides.length - 1;
3752        }
3753        function renderSlide(index) {
3754            var slide = customerImageSlides[index];
3755            if (!slide) {
3756                return;
3757            }
3758            currentIndex = index;
3759            modalImage.src = slide.imageUrl;
3760            modalImage.alt = slide.imageAlt || 'Customer review image';
3761            modalCounter.textContent = 'Image ' + (index + 1) + ' of ' + customerImageSlides.length;
3762            reviewerName.textContent = slide.reviewerName || 'Anonymous';
3763            modalComments.textContent = slide.reviewComments || 'No written comments provided.';
3764            renderModalStars(slide.reviewRating);
3765            modalRatingText.textContent = slide.reviewRating + ' out of 5';
3766            updateNavigationState();
3767        }
3768        function openModal(index, trigger) {
3769            lastTrigger = trigger;
3770            renderSlide(index);
3771            modal.show();
3772        }
3773        function moveSlide(offset) {
3774            var nextIndex = currentIndex + offset;
3775            if (nextIndex < 0 || nextIndex >= customerImageSlides.length) {
3776                return;
3777            }
3778            renderSlide(nextIndex);
3779        }
3780        thumbnailButtons.forEach(function (button, index) {
3781            button.addEventListener('click', function () {
3782                openModal(index, button);
3783            });
3784        });
3785        prevButton.addEventListener('click', function () {
3786            moveSlide(-1);
3787        });
3788        nextButton.addEventListener('click', function () {
3789            moveSlide(1);
3790        });
3791        modalElement.addEventListener('keydown', function (event) {
3792            if (event.key === 'ArrowLeft') {
3793                event.preventDefault();
3794                moveSlide(-1);
3795            }
3796            if (event.key === 'ArrowRight') {
3797                event.preventDefault();
3798                moveSlide(1);
3799            }
3800        });
3801        modalElement.addEventListener('hidden.bs.modal', function () {
3802            if (lastTrigger) {
3803                lastTrigger.focus();
3804            }
3805        });
3806    }
3807    if (document.readyState === 'complete') {
3808        initCustomerImagesMobileLightbox();
3809        initCustomerImagesModal();
3810    } else {
3811        window.addEventListener('load', function () {
3812            initCustomerImagesMobileLightbox();
3813            initCustomerImagesModal();
3814        }, { once: true });
3815    }
3816</script>
3816
3817                    <div class="">
3818                        <div class="d-flex align-items-center mb-3">
3819                            <span class="material-icons notranslate me-2" style="font-size:30px">account_circle</span>
3820                            <div style="font-size:1.1rem;">Anonymous</div>
3821                                <div class="d-flex ms-3 iplv15-review-verified-purchase">
3822                                    <span class="material-icons notranslate me-1" style="font-size:18px">verified</span>
3823                                    <div class="small">Verified Purchaser</div>
3824                                </div>
3825                        </div>
3826                        <div class="mb-3">
3827                            <div class="d-flex align-items-center mb-1">
3828                                <span class="rating __small me-2" rel="5"></span>
3829                            </div>
3830                            <div class="small text-muted mb-3">Reviewed on May 18, 2026</div>
3831                        </div>
3832                    </div>
3833                    <div class="mt-4 pt-4 border-top">
3834                        <div class="d-flex align-items-center mb-3">
3835                            <span class="material-icons notranslate me-2" style="font-size:30px">account_circle</span>
3836                            <div style="font-size:1.1rem;">Anonymous</div>
3837                                <div class="d-flex ms-3 iplv15-review-verified-purchase">
3838                                    <span class="material-icons notranslate me-1" style="font-size:18px">verified</span>
3839                                    <div class="small">Verified Purchaser</div>
3840                                </div>
3841                        </div>
3842                        <div class="mb-3">
3843                            <div class="d-flex align-items-center mb-1">
3844                                <span class="rating __small me-2" rel="5"></span>
3845                            </div>
3846                            <div class="small text-muted mb-3">Reviewed on September 19, 2025</div>
3847                        </div>
3848                    </div>
3849            </div>
3850        </div>
3851    </div>
3852</div>
3853<script>
3854    function initReviewRating($elements) {
3855        if (typeof $ === 'undefined' || !$.fn || typeof $.fn.raty !== 'function') {
3856            return;
3857        }
3858        $elements.each(function () {
3859            var $element = $(this);
3860            $element.empty();
3861            $element.raty({
3862                path: "https://images.furnituredealer.net/img/",
3863                width: 110,
3864                readOnly: true,
3865                score: $element.attr("rel"),
3866            });
3867        });
3868    }
3869    initReviewRating($('.rating'));
3870</script>
3870
3871        </div>
3872        <div class="mb-5 item-page-keywords">
3873            <div class="small text-center mb-4">
3874                <a href="#" class="text-decoration-underline">Back to Top</a>
3875            </div>
3876                <div class="small mb-4">
3877                    <span class="fw-bold">Similar search terms: </span>Sofa, Couch, Couches, Backless Sofas, Conversation Sofas, Conversational Sofas, Theater Seating, Theatre Seating, Home Theater Furniture, Angled Sofa, Davenport, Stationary Sofa, Stationary Couch, Home Theater Seating, Upholstered Sofa, Upholstered Furniture, Sofa Couch, Living Room Furniture, Furniture, Seating
3878                </div>
3879            <div class="small">
3880                <span class="fw-bold">Reference #: </span> 000004687250
3881            </div>
3882        </div>
3883</div>
3884<div tabindex="-1" aria-hidden="true" class="modal fade" id="item3DAssetViewerModal">
3885    <div class="modal-dialog modal-xl">
3886        <div class="modal-content">
3887            <div class="modal-header border-bottom-0">
3888                <button type="button" data-bs-dismiss="modal" aria-label="Close" class="btn-close"></button>
3889            </div>
3890            <div class="modal-body pt-0">
3891<div class="js-ajax-partial" data-controller="Item" data-action="Get3DAssets" data-route-values="{&quot;customSku&quot;:&quot;000004687250&quot;}" data-callback="" data-requestpriority="10"></div>
3892            </div>
3893        </div>
3894    </div>
3895</div>
3896<div tabindex="-1" aria-hidden="true" class="modal fade" id="marxentArAssetViewerModal">
3897    <div class="modal-dialog modal-dialog-centered">
3898        <div class="modal-content">
3899            <div class="modal-header border-bottom-0 pb-2">
3900                <button type="button" data-bs-dismiss="modal" aria-label="Close" class="btn-close"></button>
3901            </div>
3902            <div class="modal-body pt-0">
3903<div class="js-ajax-partial" data-controller="Item" data-action="MarxentArViewer" data-route-values="{&quot;gpid&quot;:1196898324,&quot;customSku&quot;:&quot;000004687250&quot;,&quot;itemHasArAsset&quot;:true}" data-callback="" data-requestpriority="10"></div>
3904            </div>
3905        </div>
3906    </div>
3907</div>
3908<div tabindex="-1" aria-hidden="true" class="modal fade" id="item360AssetViewerModal">
3909    <div class="modal-dialog modal-xl">
3910        <div class="modal-content">
3911            <div class="modal-header border-bottom-0">
3912                <button type="button" data-bs-dismiss="modal" aria-label="Close" class="btn-close"></button>
3913            </div>
3914            <div class="modal-body pt-0">
3915<div class="js-ajax-partial" data-controller="Item" data-action="Get360Assets" data-route-values="{&quot;customSku&quot;:&quot;000004687250&quot;}" data-callback="check360AssetContent" data-requestpriority="10"></div>
3916            </div>
3917        </div>
3918    </div>
3919</div>
3920<a href="#" rel="ar" class="d-none btn" id="view-in-ar-hidden-btn"><img src="" width="0" height="0" alt="empty image element">View in AR</a>
3921    </main>
3922    
3922<script type="application/ld+json">{"@context":"https://www.schema.org","@type":"Product","name":"125 Sofa","brand":{"@type":"Brand","name":"Peak Living"},"category":"Sofas","image":"https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=webp&quality=85","mpn":"12503-3010","offers":{"@type":"Offer","priceCurrency":"USD","price":488.0,"itemCondition":"https://schema.org/NewCondition","availability":"https://schema.org/InStock"},"aggregateRating":{"@type":"AggregateRating","ratingValue":5.0,"reviewCount":2}}</script>
vendor: 2 bytes, line 3922
3922
3923<script type="application/ld+json">{"@context":"https://www.schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Living Room Furniture","item":"https://www.primebrothers.com/livingroom/"},{"@type":"ListItem","position":2,"name":"Sofas","item":"https://www.primebrothers.com/browse?pid=-984643396"},{"@type":"ListItem","position":3,"name":"Peak Living 125 Sofa","item":"https://www.primebrothers.com/item/125-sofa/1196898324"}]}</script>
vendor: 2 bytes, line 3923
3923
3924<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","url":"https://www.primebrothers.com","potentialAction":{"@type":"SearchAction","target":"search/keyword/{search_term_string}","query-input":"required name=search_term_string"}}</script>
vendor: 2 bytes, line 3924
3924
3925<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","logo":"https://images.furnituredealer.net/img/dealer/35/upload/logo/0d3727d218474b5f86d201f3c9566cf3.png","url":"https://www.primebrothers.com","name":"Prime Brothers Furniture"}</script>
3925
3926<div class="flv6 flv6-dt" x-data="footerApp">
3927        <div class="flv6-recently-viewed border-top bg-white p-3">
3928            <div class="container-fluid">
3929    <div class="swiper-container recently-viewed product-list" data-list-id="recently_viewed" data-list-name="Recently Viewed">
3930        <div class="swiper-header">
3931            <h2 class="recently-viewed__title">Recently Viewed</h2>
3932        </div>
3933        <div class="row">
3934                <div class="col-4 col-md-2 product-list__product" data-gpid="1196898324">
3935                    <a class="content-slider__link" href="https://www.primebrothers.com/item/125-sofa/1196898324">
3936                        <picture>
3937                            <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=webp&amp;quality=85&amp;width=450&amp;height=450&amp;scale=both&amp;trim.threshold=20&amp;trim.percentpadding=1" type="image/webp">
3938                            <img loading="lazy" width="450" height="450" class="content-slider__image" src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?width=450&amp;height=450&amp;scale=both&amp;trim.threshold=20&amp;trim.percentpadding=1" alt="Contemporary Sofa with Tapered Wood Leg">
3939                        </picture>
3940                        <span class="content-slider__description">Contemporary Sofa with Tapered Wood Leg</span>
3941                    </a>
3942                </div>
3943        </div>
3944    </div>
3945    
3945<script>
3946        (function () {
3947            var products = [{"item_id":"1196898324","item_name":"Contemporary Sofa with Tapered Wood Leg","item_sku":"000004687250","item_mpn":"12503-3010","item_brand":"Peak Living","item_collection":"125","quantity":1,"price":488.0,"item_category":"Upholstery","item_category2":"Living Room","item_category3":"Sofas","item_category4":"Uph - Stationary Sofas","index":0}];
3948            products.forEach(p => {
3949                if (!productListData.hasOwnProperty(p.item_id))
3950                    productListData[p.item_id] = p;
3951            })
3952        })();
3953    </script>
3953
3954            </div>
3955        </div>
3956    <div class="flv6-main-wrapper">
3957        <div class="container-fluid">
3958                <div class="d-flex flex-column flex-md-row align-items-center align-items-md-stretch justify-content-center py-4 border-bottom">
3959                    <div class="flv6-registration">
3960<div class="email-only-reg EmailOnlyReg" x-data="emailOnlyRegisterApp" data-submit-url="/EmailSignup">
3961        <div class="email-only-reg-wrapper">
3962            <label class="email-only-reg__form__label" for="EmailOnlyRegistration_EmailAddress">don&#x2019;t miss out on deals &amp; new releases</label>
3963            <div class="d-flex align-items-center">
3964                <input aria-describedby="emailOnlyReg_0c6de5aa7b88430a89c92db870685739_error" class="email-only-reg__form__textbox emailyonlysubmithook " data-val="true" data-val-email="The EmailOnlyRegistration_EmailAddress field is not a valid e-mail address." data-val-required="The EmailOnlyRegistration_EmailAddress field is required." id="EmailOnlyRegistration_EmailAddress" name="EmailOnlyRegistration_EmailAddress" placeholder="Email address" type="text" value="" />
3965                <input x-show="!submitting"
3966                       type="button"
3967                       value="Sign Up"
3968                       id="emailOnlyReg_0c6de5aa7b88430a89c92db870685739_submit"
3969                       class="email-only-reg__form__submit "
3970                       role="button"
3971                       x-on:click="registerClick($event)"
3972                       x-cloak />
3973                <button x-show="submitting"
3974                        class="email-only-reg__form__submit px-2"
3975                        type="button"
3976                        disabled
3977                        x-cloak>
3978                    <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
3979                    <span class="visually-hidden" aria-label="Submitting">Submitting...</span>
3980                </button>
3981            </div>
3982        </div>
3983        <div x-show="statusMessage" class="email-only-reg__status text-lg-right" id="emailOnlyReg_0c6de5aa7b88430a89c92db870685739_error" aria-live="polite">
3984            <span x-text="statusMessage"></span>
3985        </div>
3986    <div class="xexyz honey visually-hidden">
3987        <label aria-hidden="true" class="fdn-form-label invisible" for="xexyz">Contact Notes - Required*</label>
3988        <input aria-hidden="true" class="form-control requirednotes fdn-form-textbox" id="xexyz" name="xexyz" type="text" value="" />
3989        <label aria-hidden="true" class="fdn-form-label invisible" for="xexyz_cb">Do you agree to the terms of service?</label>
3990        <input aria-hidden="true" class="terms-cb" data-val="true" data-val-required="The Do you agree to the terms of service? field is required." id="xexyz_cb" name="xexyz_cb" type="checkbox" value="true" /><input name="xexyz_cb" type="hidden" value="false" />
3991    </div>
3992</div>
3993                    </div>
3994<div class="flv6-social-media mt-3 mt-md-0 d-flex align-items-center py-1">
3995        <a class="flv6-social-media-link" href="https://www.facebook.com/PrimeBrothersFurniture" target="_blank" rel="noopener noreferrer">
3996            <img src="https://images.furnituredealer.net/img/commonimages/icons/footer/dark_facebook.svg" loading="lazy" alt="Visit us on Facebook" />
3997        </a>
3998        <a class="flv6-social-media-link" href="https://www.pinterest.com/primebrothers/" target="_blank" rel="noopener noreferrer">
3999            <img src="https://images.furnituredealer.net/img/commonimages/icons/footer/dark_pinterest.svg" loading="lazy" alt="Visit us on Pinterest" />
4000        </a>
4001        <a class="flv6-social-media-link" href="https://www.youtube.com/channel/UCtSgxF8dOXMBgJcwvNZ4Gug" target="_blank" rel="noopener noreferrer">
4002            <img src="https://images.furnituredealer.net/img/commonimages/icons/footer/dark_youtube.svg" loading="lazy" alt="Visit us on YouTube" />
4003        </a>
4004</div>
4005                </div>
4006            <div class="targeted-section targeted-section__4 flv6-banner-top">
4007</div>
4008            <div class="py-md-4 border-bottom d-flex flex-column flex-lg-row row no-gutters">
4009                <div class="flv6-nav d-flex flex-column flex-md-row justify-content-between flex-grow-1 col-12 col-lg-8 pe-lg-5">
4010                        <div class="" :class="{'border-bottom py-3': isMobile }">
4011                                <div class="nav-builder-single-level"
4012                                     :class="{'d-flex align-items-center': isMobile}"
4013                                     :role="isMobile ? 'button' : ''"
4014                                     x-on:click="setActiveNav(0)"
4015                                     x-on:keyup.enter="setActiveNav(0)"
4016                                     :tabindex="isMobile ? 0 : -1">
4017                                    <div class="flv6-heading nav-builder-heading fw-bold text-uppercase nav-builder-item__categories">Categories</div>
4018                                    <span class="material-symbols-outlined notranslate fw-300 ms-auto" :class="{__active: activeNav == 0}" x-show="isMobile" x-cloak>chevron_right</span>
4019                                </div>
4020                                <div class="flv6-nav-builder-sub-menu animated faster" x-show="!isMobile || (isMobile && activeNav == 0)" x-collapse>
4021                                    <div class="d-flex flex-column">
4022                                            <a class="font-sm mt-2 nav-builder-item__living-room"
4023                                               href="https://www.primebrothers.com/livingroom/"
4024                                            >Living Room</a>
4025                                            <a class="font-sm mt-2 nav-builder-item__bedroom"
4026                                               href="https://www.primebrothers.com/bedroom/"
4027                                            >Bedroom</a>
4028                                            <a class="font-sm mt-2 nav-builder-item__dining-room"
4029                                               href="https://www.primebrothers.com/diningroom/"
4030                                            >Dining Room</a>
4031                                            <a class="font-sm mt-2 nav-builder-item__home-office"
4032                                               href="https://www.primebrothers.com/office/"
4033                                            >Home Office</a>
4034                                            <a class="font-sm mt-2 nav-builder-item__entertainment"
4035                                               href="https://www.primebrothers.com/entertainment/"
4036                                            >Entertainment</a>
4037                                            <a class="font-sm mt-2 nav-builder-item__accent-&amp;-decor"
4038                                               href="https://www.primebrothers.com/accents/"
4039                                            >Accent &amp; Decor</a>
4040                                            <a class="font-sm mt-2 nav-builder-item__mattresses"
4041                                               href="https://www.primebrothers.com/mattress/"
4042                                            >Mattresses</a>
4043                                            <a class="font-sm mt-2 nav-builder-item__shop-by-style"
4044                                               href="https://www.primebrothers.com/p/shop-by-style-mw"
4045                                            >Shop by Style</a>
4046                                    </div>
4047                                </div>
4048                        </div>
4049                        <div class="" :class="{'border-bottom py-3': isMobile }">
4050                                <div class="nav-builder-single-level"
4051                                     :class="{'d-flex align-items-center': isMobile}"
4052                                     :role="isMobile ? 'button' : ''"
4053                                     x-on:click="setActiveNav(1)"
4054                                     x-on:keyup.enter="setActiveNav(1)"
4055                                     :tabindex="isMobile ? 0 : -1">
4056                                    <div class="flv6-heading nav-builder-heading fw-bold text-uppercase nav-builder-item__store-info">Store Info</div>
4057                                    <span class="material-symbols-outlined notranslate fw-300 ms-auto" :class="{__active: activeNav == 1}" x-show="isMobile" x-cloak>chevron_right</span>
4058                                </div>
4059                                <div class="flv6-nav-builder-sub-menu animated faster" x-show="!isMobile || (isMobile && activeNav == 1)" x-collapse>
4060                                    <div class="d-flex flex-column">
4061                                            <a class="font-sm mt-2 nav-builder-item__about-us"
4062                                               href="https://www.primebrothers.com/about-us/"
4063                                            >About Us</a>
4064                                            <a class="font-sm mt-2 nav-builder-item__store-locations"
4065                                               href="https://www.primebrothers.com/stores"
4066                                            >Store Locations</a>
4067                                    </div>
4068                                </div>
4069                        </div>
4070                        <div class="" :class="{'border-bottom py-3': isMobile }">
4071                                <div class="nav-builder-single-level"
4072                                     :class="{'d-flex align-items-center': isMobile}"
4073                                     :role="isMobile ? 'button' : ''"
4074                                     x-on:click="setActiveNav(2)"
4075                                     x-on:keyup.enter="setActiveNav(2)"
4076                                     :tabindex="isMobile ? 0 : -1">
4077                                    <div class="flv6-heading nav-builder-heading fw-bold text-uppercase nav-builder-item__customer-service">Customer Service</div>
4078                                    <span class="material-symbols-outlined notranslate fw-300 ms-auto" :class="{__active: activeNav == 2}" x-show="isMobile" x-cloak>chevron_right</span>
4079                                </div>
4080                                <div class="flv6-nav-builder-sub-menu animated faster" x-show="!isMobile || (isMobile && activeNav == 2)" x-collapse>
4081                                    <div class="d-flex flex-column">
4082                                            <a class="font-sm mt-2 nav-builder-item__contact-us"
4083                                               href="https://www.primebrothers.com/contactus"
4084                                            >Contact Us</a>
4085                                            <a class="font-sm mt-2 nav-builder-item__financing"
4086                                               href="https://www.primebrothers.com/financing/"
4087                                            >Financing</a>
4088                                            <a class="font-sm mt-2 nav-builder-item__email-registration"
4089                                               href="https://www.primebrothers.com/email-list"
4090                                            >Email Registration</a>
4091                                            <a class="font-sm mt-2 nav-builder-item__my-account"
4092                                               href="https://www.primebrothers.com/Account/Home"
4093                                            >My Account</a>
4094                                            <a class="font-sm mt-2 nav-builder-item__delivery-&amp;-returns"
4095                                               href="https://www.primebrothers.com/p/delivery"
4096                                            >Delivery &amp; Returns</a>
4097                                            <a class="font-sm mt-2 nav-builder-item__terms-&amp;-conditions"
4098                                               href="https://www.primebrothers.com/p/delivery"
4099                                            >Terms &amp; Conditions</a>
4100                                    </div>
4101                                </div>
4102                        </div>
4103                        <div class="" :class="{'border-bottom py-3': isMobile }">
4104                                <div class="nav-builder-single-level"
4105                                     :class="{'d-flex align-items-center': isMobile}"
4106                                     :role="isMobile ? 'button' : ''"
4107                                     x-on:click="setActiveNav(3)"
4108                                     x-on:keyup.enter="setActiveNav(3)"
4109                                     :tabindex="isMobile ? 0 : -1">
4110                                    <div class="flv6-heading nav-builder
4110-heading fw-bold text-uppercase nav-builder-item__shopping-tools">Shopping Tools</div>
4111                                    <span class="material-symbols-outlined notranslate fw-300 ms-auto" :class="{__active: activeNav == 3}" x-show="isMobile" x-cloak>chevron_right</span>
4112                                </div>
4113                                <div class="flv6-nav-builder-sub-menu animated faster" x-show="!isMobile || (isMobile && activeNav == 3)" x-collapse>
4114                                    <div class="d-flex flex-column">
4115                                            <a class="font-sm mt-2 nav-builder-item__shopping-tips"
4116                                               href="https://www.primebrothers.com/p/furniture-shopping-tips"
4117                                            >Shopping Tips</a>
4118                                            <a class="font-sm mt-2 nav-builder-item__room-planner"
4119                                               href="https://www.primebrothers.com/roomplanner"
4120                                            >Room Planner</a>
4121                                            <a class="font-sm mt-2 nav-builder-item__current-ad"
4122                                               href="https://www.primebrothers.com/sale/"
4123                                            >Current Ad</a>
4124                                            <a class="font-sm mt-2 nav-builder-item__brands-we-carry"
4125                                               href="https://www.primebrothers.com/brand"
4126                                            >Brands We Carry</a>
4127                                            <a class="font-sm mt-2 nav-builder-item__my-lists"
4128                                               href="https://www.primebrothers.com/quicklist/list"
4129                                            >My Lists</a>
4130                                            <a class="font-sm mt-2 nav-builder-item__furniture-safety-tips"
4131                                               href="https://www.primebrothers.com/furniture-safety-tips"
4132                                            >Furniture Safety Tips</a>
4133                                    </div>
4134                                </div>
4135                        </div>
4136                </div>
4137                <div class="mt-4 mt-lg-0 mb-4 mb-md-0 col-12 col-lg-4">
4138                        <div class="flv6-stores-wrapper __bg p-4">
4139                                <div class="flv6-store" itemscope itemtype="https://schema.org/LocalBusiness">
4140                                    <div class="flv6-heading fw-bold text-uppercase mb-3">come say hello!</div>
4141                                    <div class="flv6-store-details">
4142                                            <div class="flv6-store-phone mb-3">
4143                                                <div class="d-flex align-items-center">
4144                                                    <span class="material-symbols-outlined notranslate fw-300 fill me-3">call</span>
4145                                                    <a href="tel:9896861212" itemprop="telephone">
4146                                                        <span>(989) 686-1212</span>
4147                                                    </a>
4148                                                </div>
4149                                            </div>
4150                                        <div class="flv6-store-email mb-3">
4151                                            <div class="d-flex align-items-center">
4152                                                <span class="material-symbols-outlined notranslate fw-300 fill me-3">mail</span>
4153                                                <a href="/contactus">Send us a message</a>
4154                                            </div>
4155                                        </div>
4156                                        <div class="flv6-store-address">
4157                                            <div class="d-flex align-items-center" itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
4158                                                <span class="material-symbols-outlined notranslate fw-300 fill me-3">location_on</span>
4159                                                <a href="https://www.primebrothers.com/store/bay-city" class="d-flex align-items-center flex-wrap" aria-label="View store details">
4160                                                    <span itemprop="streetAddress">1500 Euclid Ave.</span>
4161                                                    <span class="material-symbols-outlined notranslate fw-300 fill mx-1" style="font-size: 7px !important;">fiber_manual_record</span>
4162                                                    <span itemprop="addressLocality">Bay City</span>
4163                                                    <span class="me-1">,</span>
4164                                                    <span itemprop="addressRegion" class="me-1">MI</span>
4165                                                    <span itemprop="postalCode">48706</span>
4166                                                </a>
4167                                            </div>
4168                                        </div>
4169                                    </div>
4170                                </div>
4171                        </div>
4172                    <div class="targeted-section targeted-section__14 flv6-banner">
4173</div>
4174                </div>
4175            </div>
4176            <div class="targeted-section targeted-section__13 flv6-banner-bottom">
4177</div>
4178            <div class="py-4">
4179                <div class="flv6-seo mb-3 small">Prime Brothers Furniture offers furniture and mattresses for every room in your home. Shop <a href="https://www.primebrothers.com/living-room/">living room furniture</a>, <a href="https://www.primebrothers.com/bedroom/">bedroom furniture</a>, <a href="https://www.primebrothers.com/dining-room/">dining room furniture</a>, and <a href="https://www.primebrothers.com/mattresses/">mattresses</a> from a wide selection of trusted brands and styles. Whether you are furnishing a single room or updating your entire home, Prime Brothers Furniture can help you find furniture that fits your space, needs, and budget. Visit Prime Brothers Furniture for furniture and mattresses serving the Bay City, Saginaw, Midland, Michigan area.</div>
4180                <div class="flv6-information-accuracy mb-3 small"><span class="fw-bold">Information Accuracy</span> - We have taken great care to provide you with information that is accurate and useful. Please notify us if you find an error and we will do our best to correct it. We ask that you contact us directly to confirm information about pricing, color, features, dimensions, availability and lead times.</div>
4181                <div class="flv6-copyright-permission small">Nothing on this page may be copied or reproduced without explicit permission from FurnitureDealer.net, Inc.</div>
4182            </div>
4183        </div>
4184    </div>
4185    <div class="flv6-bottom pt-3 pb-2">
4186        <div class="container-fluid d-flex align-items-center justify-content-center justify-content-lg-start flex-wrap">
4187            <a href="https://www.furnituredealer.net/" target="_blank" rel="noopener noreferrer" class="flv6-fdn-copyright d-flex flex-column flex-sm-row align-items-center me-lg-auto order-1 order-lg-0 mb-2">
4188                <img loading="lazy" class="mb-3 mb-sm-0 me-sm-3" src="https://images.furnituredealer.net/img/fdn_logo/fdn-icon-off-white.png" alt="Powered by FurnitureDealer.Net" />
4189                <span class="small text-center text-sm-left">Site Powered by FurnitureDealer.net © 2006 - 2026 FurnitureDealer.net, Inc., All rights reserved.</span>
4190            </a>
4191            <div class="d-flex align-items-center justify-content-center order-0 order-lg-1 mb-3 mb-lg-2 flex-wrap" style="margin-left:-1rem;">
4192                    <a href="https://www.primebrothers.com/legal/privacypolicy" class="flv6-privacy-policy small ms-3 mb-2 mb-sm-0">Privacy Policy</a>
4193                    <a href="https://www.primebrothers.com/legal/accessibilitystatement" class="flv6-accessibility small ms-3 mb-2 mb-sm-0">Accessibility Statement</a>
4194                    <a href="https://www.primebrothers.com/legal/do-not-sell-my-pers
4194onal-information" class="flv6-do-not-sell small ms-3 mb-2 mb-sm-0">Do Not Sell My Personal Information</a>
4195            </div>
4196        </div>
4197    </div>
4198</div>
4199<script src="/lib/jquery/dist/jquery.min.js"></script>
vendor: 2 bytes, line 4199
4199
4200<script src="/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
vendor: 2 bytes, line 4200
4200
4201<script src="/js/libs/enquire.min.js"></script>
vendor: 2 bytes, line 4201
4201
4202<script src="/js/libs/modernizr-3.6.0.js"></script>
vendor: 2 bytes, line 4202
4202
4203<script src="/lib/swiper/swiper.min.js"></script>
vendor: 2 bytes, line 4203
4203
4204<script src="/js/site.js?v=TISerFmwS-tTO6cB_2uWORfYRLp7t-YIW5WqMiKecoo"></script>
vendor: 2 bytes, line 4204
4204
4205<script defer src="/lib/alpine/alpine-persist.min.js"></script>
vendor: 2 bytes, line 4205
4205
4206<script defer src="/lib/alpine/alpine-collapse.min.js"></script>
vendor: 2 bytes, line 4206
4206
4207<script defer src="/js/list-status.js"></script>
vendor: 2 bytes, line 4207
4207
4208<script defer src="/js/components/search-box.js"></script>
vendor: 2 bytes, line 4208
4208
4209<script defer src="/js/components/email-signup.js"></script>
vendor: 2 bytes, line 4209
4209
4210<script defer src="/lib/alpine/alpine-3.10.5.min.js"></script>
vendor: 2 bytes, line 4210
4210
4211<script src="/js/fd-events.js?v=l18e8mB4gGP7USGB1BBUPAkLmQXKy-Mkl-xU83BgCrE"></script>
vendor: 2 bytes, line 4211
4211
4212<script src="/js/log.js"></script>
vendor: 2 bytes, line 4212
4212
4213<script>
4214    // Pages can opt out before the footer renders. V3 is the default engine sitewide;
4215    // the in-app banners let users switch between V3 and classic V2.
4216    window.__FDN_ROOM_PLANNER__ = window.__FDN_ROOM_PLANNER__ || {};
4217    if (typeof window.__FDN_ROOM_PLANNER__.v3Enabled !== "boolean") {
4218        window.__FDN_ROOM_PLANNER__.v3Enabled = true;
4219    }
4220    if (typeof window.__FDN_ROOM_PLANNER__.tryV3BannerEnabled !== "boolean") {
4221        window.__FDN_ROOM_PLANNER__.tryV3BannerEnabled = window.__FDN_ROOM_PLANNER__.v3Enabled;
4222    }
4223    (function () {
4224        if (window.__FDN_ROOM_PLANNER__.tryV3BannerEnabled) {
4225            return;
4226        }
4227        function stripEngineSwitchBanners() {
4228            document.querySelectorAll(".fdn-try-v3-banner, .fdn-use-classic-banner").forEach(function (el) {
4229                el.remove();
4230            });
4231            ["fdn-try-v3-banner-styles", "fdn-use-classic-banner-styles"].forEach(function (id) {
4232                var styles = document.getElementById(id);
4233                if (styles) {
4234                    styles.remove();
4235                }
4236            });
4237        }
4238        stripEngineSwitchBanners();
4239        new MutationObserver(stripEngineSwitchBanners).observe(document.documentElement, {
4240            childList: true,
4241            subtree: true
4242        });
4243    })();
4244</script>
vendor: 2 bytes, line 4244
4244
4245<script src="/components/roomplanner/v3/init.js?v=wXnVsp6kt6meHNtoFsYMwHE5yzMg3lKKNkk5wehrwxU"></script>
vendor: 2 bytes, line 4245
4245
4246<script src="/components/roomplanner/v2/init.js?v=JnoqYX5TCcacykK-Yv__Aw8kotKqi7fOrCjAgMsETZQ"></script>
vendor: 2 bytes, line 4246
4246
4247<script defer src="/js/rodeo/main.js"></script>
4247
4248    
4248<script src="/js/header/header-layout-6.js"></script>
4248
4249    
4249<script src="/js/footer/footer-layout-6.js"></script>
vendor: 2 bytes, line 4249
4249
4250<script type="module">
4251    // Use "~/" so ASP.NET resolves JS module URLs with current PathBase
4252    // (includes dealer segment in dev/staging, no dealer segment in production).
4253    import { initProduct } from '/js/product/product.js';
4254    import { initCompare } from '/js/product/compare.js';
4255    import { initFavorites } from '/js/product/favorites.js';
4256    document.addEventListener('DOMContentLoaded', () => {
4257        initCompare();
4258        initFavorites();
4259        document.querySelectorAll('[data-product]').forEach(initProduct);
4260        document.querySelectorAll('[data-bs-toggle="popover"]').forEach(el => new bootstrap.Popover(el));
4261        const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
4262        const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
4263    });
4264</script>
vendor: 2 bytes, line 4264
4264
4265<script>
4266    // global vars
4267    // var Utils = {
4268    //     baseUrl: '/',
4269    // };
4270    var browseConfig = {"useSliderHoverTransition":true,"featureSecondImageSliderHover":true};
4271</script>
4271
4272<div id="fav-popover"
4273     class="bg-white rounded-3 shadow-lg"
4274     role="dialog"
4275     aria-label="Save to list"
4276     aria-modal="false"
4277     tabindex="-1"
4278     hidden>
4279    <span tabindex="0" data-fav-guard="start" class="visually-hidden">Start</span>
4280    <div class="fav-popover-arrow" aria-hidden="true"></div>
4281    <div class="fav-popover-header px-3 py-2">
4282        <div class="d-flex align-items-center justify-content-between gap-2">
4283            <span>Save to List</span>
4284            <span class="fav-popover-status text-muted small"
4285                  data-fav-status
4286                  role="status"
4287                  aria-live="polite"></span>
4288        </div>
4289    </div>
4290    <div class="fav-popover-alert d-none mx-3 mt-3"
4291         data-fav-error
4292         role="alert"
4293         aria-live="assertive"></div>
4294    <div class="fav-popover-lists" data-fav-lists></div>
4295    <div class="px-3 py-3 border-bottom d-none" data-fav-create>
4296        <label class="form-label small fw-semibold mb-2" for="favNewListName">New list name</label>
4297        <div class="input-group">
4298            <input type="text"
4299                   id="favNewListName"
4300                   class="form-control"
4301                   placeholder="New list name"
4302                   autocomplete="off"
4303                   aria-describedby="favCreateHelp"
4304                   data-fav-new-name />
4305            <button type="button"
4306                    class="btn btn-primary"
4307                    data-fav-create-submit>
4308                Create
4309            </button>
4310        </div>
4311        <div id="favCreateHelp" class="form-text">Press Enter to create the list and save this item.</div>
4312    </div>
4313    <button type="button"
4314            class="fav-room-plan-btn"
4315            data-fav-room-plan>
4316        <span class="material-symbols-outlined notranslate" style="font-size: 18px;">space_dashboard</span>
4317        Add to Room Plan
4318    </button>
4319    <div class="d-flex align-items-center justify-content-between px-3 py-2">
4320        <button type="button"
4321                class="btn btn-sm btn-outline-primary d-flex align-items-center"
4322                data-fav-create-open>
4323            <span class="material-symbols-outlined notranslate me-1" style="font-size: 18px;">add</span>
4324            New List
4325        </button>
4326        <a class="fav-view-all-link small fw-medium" href="/quicklist/List" data-fav-view-all>
4327            view all lists
4328        </a>
4329    </div>
4330    <span tabindex="0" data-fav-guard="end" class="visually-hidden">End</span>
4331</div>
4332<div x-data="listStatus" x-cloak>
4333    <div id="listStatusSlideOut"
4334         class="offcanvas offcanvas-end"
4335         style="max-width:28rem"
4336         tabindex="-1"
4337         aria-labelledby="listStatusSlideOutTitle">
4338        <div class="d-flex flex-column h-100">
4339            <div class="d-flex align-items-center py-3 mx-3 border-bottom position-sticky bg-white" style="top:0;z-index:1;">
4340                <div class="lead" style="font-size:1.5rem" id="listStatusSlideOutTitle">My Lists</div>
4341                <div class="ms-auto">
4342                    <a class="text-primary text-decoration-underline me-3"
4343                       :href="viewAllListsUrl()"
4344                       :tabindex="slideOutOpen ? 0 : -1">View All</a>
4345                </div>
4346                <span class="material-symbols-outlined notranslate fw-200"
4347                      :tabindex="slideOutOpen ? 0 : -1"
4348                      style="font-size:28px;"
4349                      role="button"
4350                      data-bs-dismiss="offcanvas"
4351                      title="close"
4352                      aria-label="Close">close</span>
4353            </div>
4354            <template x-if="lists.length > 1">
4355                <div class="px-3 py-2 border-bottom">
4356                    <select class="form-select"
4357                            x-on:change="selectList(lists.find(l => l.id === Number($event.target.value)))">
4358                        <template x-for="list in lists" :key="list.id">
4359                            <option :value="list.id" :selected="activeList?.id === list.id" x-text="list.title + ' (' + list.itemCount + ')'"></option>
4360                        </template>
4361                    </select>
4362                </div>
4363            </template>
4364            <div class="flex-grow-1 px-3 py-3" style="overflow-y:auto">
4365                <template x-if="!loaded">
4366                    <div class="p-5 position-relative">
4367                        <div class="spinner-border position-absolute" role="status"
4368                             style="top:calc(50% - 1.5rem);left:calc(50% - 1.5rem);width:3rem;height:3rem;border-width:2px;">
4369                            <span class="visually-hidden">Loading...</span>
4370                        </div>
4371                    </div>
4372                </template>
4373                <template x-if="loaded && lists.length === 0">
4374                    <div class="text-center text-muted py-4">
4375                        <span class="material-symbols-outlined notranslate d-block mb-2" style="font-size:2.5rem;">favorite</span>
4376                        <p>No lists yet.</p>
4377                        <p class="small">Save items by clicking the <span class="material-symbols-outlined notranslate" style="font-size:1rem;vertical-align:middle;">favorite</span> on any product.</p>
4378                    </div>
4379                </template>
4380                <template x-if="loaded && activeList">
4381                    <div>
4382                        <template x-if="loadingItems">
4383                            <div class="p-5 position-relative">
4384                                <div class="spinner-border position-absolute" role="status"
4385                                     style="top: calc(50% - 1.5rem); left: calc(50% - 1.5rem); width: 3rem; height: 3rem; border-width: 2px; z-index: 2;">
4386                                    <span class="visually-hidden">Loading...</span>
4387                                </div>
4388                            </div>
4389                        </template>
4390                        <template x-if="!loadingItems && items.length > 0">
4391                            <div>
4392                                <div class="row g-2">
4393                                    <template x-for="item in items" :key="item.gpid">
4394                                        <div class="col-4">
4395                                            <a :href="item.itemPageUrl" class="d-block text-decoration-none text-dark">
4396                                                <div class="border rounded overflow-hidden bg-white">
4397                                                    <img :src="item.imageUrl"
4398                                                         :alt="item.title"
4399                                                         loading="lazy"
4400                                                         class="img-fluid" />
4401                                                </div>
4402                                                <div class="small mt-1 text-truncate" x-text="item.title"></div>
4403                                            </a>
4404                                        </div>
4405                                    </template>
4406                                </div>
4407                                <template x-if="activeList.itemCount > items.length">
4408                                    <div class="text-center mt-2">
4409                                        <a class="small text-primary"
4410                                           :href="viewListUrl(activeList)"
4411                                           :tabindex="slideOutOpen ? 0 : -1"
4412                                           x-text="'View all ' + activeList.itemCount + ' items'"></a>
4413                                    </div>
4414                                </template>
4415                            </div>
4416                        </template>
4417                        <template x-if="!loadingItems && items.length === 0 && activeList.itemCount === 0">
4418                            <p class="text-muted small">No items in this list yet.</p>
4419                        </template>
4420                    </div>
4421                </template>
4422            </div>
4423            <div class="px-3 py-3 border-top bg-white" x-show="loaded && activeList" x-cloak>
4424                <div class="list-status__share-panel border rounded-3 p-3 mb-3">
4425                    <div class="small fw-semibold mb-1">Shopper share link</div>
4426                    <template x-if="activeList && activeList.isPublic">
4427                        <div>
4428                            <div class="d-flex align-items-start gap-2">
4429                                <a class="list-status__share-link small text-break"
4430                                   :href="activeList.publicLinkUrl"
4431                                   target="_blank"
4432                                   rel="noopener"
4433                                   :tabindex="slideOutOpen ? 0 : -1"
4434                                   :aria-label="'Open shareable link for ' + activeList.title"
4435                                   x-text="activeList.publicLinkUrl"></a>
4436                                <button class="btn btn-outline-secondary btn-sm flex-shrink-0"
4437                                        type="button"
4438                                        :disabled="copyingShareLink"
4439                                        :tabindex="slideOutOpen ? 0 : -1"
4440                                        x-on:click="copyShareLink()"
4441                                        title="Copy link"
4442                                        aria-label="Copy shareable link">
4443                                    <span class="material-symbols-outlined notranslate fs-6">content_copy</span>
4444                                </button>
4445                            </div>
4446                            <div class="text-success small mt-1" x-show="shareCopyMessage" x-cloak x-text="shareCopyMessage"></div>
4447                            <div class="text-muted small mt-2">Anyone with the link can view this list.</div>
4448                        </div>
4449                    </template>
4450                    <template x-if="activeList && !activeList.isPublic">
4451                        <div class="small text-muted">
4452                            Sharing is off for this list. Open Manage List to turn on a shopper share link.
4453                        </div>
4454                    </template>
4455                </div>
4456                <a class="btn btn-primary w-100"
4457                   :href="viewListUrl(activeList)"
4458                   :tabindex="slideOutOpen ? 0 : -1">
4459                    Manage List
4460                </a>
4461            </div>
4462        </div>
4463    </div>
4464</div>
4465<div id="compareTray" class="compare-tray" hidden role="region" aria-label="Product comparison">
4466    <div class="compare-tray__inner">
4467        <div class="compare-tray__top d-flex align-items-center justify-content-between mb-2">
4468            <div class="font-sm">
4469                <span class="compare-tray__title">Compare</span>
4470                <span class="compare-tray__count" data-compare-count aria-live="polite">0 selected</span>
4471            </div>
4472            <div class="compare-tray__right">
4473                <button type="button" class="compare-tray__clear btn btn-outline-dark btn-sm me-2" data-compare-clear>
4474                    Clear
4475                </button>
4476                <button type="button" class="compare-tray__go btn btn-primary btn-sm" data-compare-go disabled>
4477                    Compare
4478                </button>
4479            </div>
4480        </div>
4481        <div class="compare-tray__items d-flex align-items-start" data-compare-items role="list"></div>
4482    </div>
4483</div>
4484<script type="text/javascript">
4485/* <![CDATA[ */
4486var google_conversion_id = 946043270;
4487var google_custom_params = window.google_tag_params;
4488var google_remarketing_only = true;
4489/* ]]> */
4490</script>
vendor: 2 bytes, line 4490
4490
4491<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
4492</script>
4492
4493<noscript>
4494<div style="display:inline;">
4495<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/946043270/?value=0&amp;guid=ON&amp;script=0"/>
4496</div>
4497</noscript>
4498 <!-- START Netsertive GTM Code -->
4499<!-- January 2015 -->
vendor: 63 bytes, lines 4499-4500
4499
4500<noscript><iframe src="//www.googletagmanager.com/ns.html?id=
4500GTM-TLTMM9
vendor: 85 bytes, lines 4500-4501
4500"
4501height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
4502<script>
vendor: 325 bytes, lines 4502-4506
4502(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
4503new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
4504j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
4505'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
4506})(window,document,'script','dataLayer','
4506GTM-TLTMM9
vendor: 3 bytes, line 4506
4506');
4506</script>
4506
4507<!-- END Netsertive GTM Code -->
4507<script defer src="https://connect.podium.com/widget.js#API_TOKEN=c3211afb-323b-4ac7-8979-2f8b981d9f5e" id="podium-widget" data-api-token="c3211afb-323b-4ac7-8979-2f8b981d9f5e"></script>
4507
4508    
4508<script type="text/javascript" src="/js/libs/jquery.raty.min.js"></script>
4508
4509    
4509<script type="text/javascript">
4510        function initReviewRating($elements)
4511        {
4512            if (typeof $ === 'undefined' || !$.fn || typeof $.fn.raty !== 'function') {
4513                return;
4514            }
4515        $elements.each(function() {
4516            var $element = $(this);
4517            $element.empty();
4518            $element.raty({
4519            path: "https://images.furnituredealer.net/img/",
4520                width: 110,
4521                readOnly: true,
4522                score: $element.attr("rel"),
4523            });
4524        });
4525    }
4526    initReviewRating($('.rating'));
4527    </script>
4527
4528     
4528<script>
4529            fdEvents.publish('view_item', {"currency":"USD","value":488.0,"items":[{"item_id":"1196898324","item_name":"Sofa","item_sku":"000004687250","item_mpn":"12503-3010","item_brand":"Peak Living","item_collection":"125","quantity":0,"price":488.0,"item_category":"Upholstry","item_category2":"Living Room","item_category3":"Sofas","item_category4":"Uph - Stationary Sofas","index":0}],"send_to":["all"]});
4530                </script>
4530
4531    <div class="ltide-body-container"></div>
4532    
4532<script src="/js/pages/item/item-15.js"></script>
4532
4533    
4533<script src="/lib/glightbox/glightbox.js"></script>
4533
4534    
4534<script>
4535        const itemPageUrl = "https://www.primebrothers.com/item/125-sofa/1196898324";
4536        // Ashley 3D Model
4537        const has3dModelUrl = false;
4538        // General 3D Model (e.g., Marxent)
4539        const has3dModel = false;
4540        // General AR Model (e.g., Marxent)
4541        const hasArModel = false;
4542        window.onload = function () {
4543            window.setTimeout(function () {
4544                TrackEvent('Item Page', 'Read - Time', '1196898324', false);
4545            }, 25000);
4546        }
4547        $(function () {
4548            if (hasKlaviyo) {
4549                var kItem = {"ProductName":"125 Sofa","ProductId":"1196898324","SKU":"000004687250","Categories":["Uph - Stationary Sofas","Sofas","Living Room"],"URL":"https://www.primebrothers.com/item/125-sofa/1196898324","ImageURL":"https://images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg","Brand":"Peak Living","Price":488.0};
4550                klaviyo.track("Viewed Product", kItem);
4551                klaviyo.trackViewedItem({
4552                    "Title": kItem.ProductName,
4553                    "ItemId": kItem.ProductID,
4554                    "Categories": kItem.Categories,
4555                    "ImageUrl": kItem.ImageURL,
4556                    "Url": kItem.URL,
4557                    "Metadata": {
4558                        "Brand": kItem.Brand,
4559                        "Price": kItem.Price
4560                    }
4561                });
4562            }
4563        });
4564        window.fbPixel.done(function () {
4565            fetch(Utils.baseUrl + 'Item/api/TrackMetaViewContentEvent?gpid=' + '1196898324')
4566                .then(response => {
4567                    //Fetch API does not reject on HTTP error status like 404, so we need to check the response.ok property.
4568                    if (!response.ok) {
4569                        throw new Error('Network response was not ok');
4570                    }
4571                    return response.text();
4572                })
4573                .then(eventId => {
4574                    if (eventId) {
4575                        fbq('track', 'ViewContent', {"content_name":"Sofa","content_category":"Sofas","content_ids":["1196898324"],"content_type":"product","value":488.0,"currency":"USD","external_id":""}, { eventID: eventId });
4576                    }
4577                })
4578                .catch(error => {
4579                    //This catch block handles network errors or errors thrown in the .then() block.
4580                    console.error('There was a problem getting FB metadata:', error);
4581                });
4582        });
4583        document.addEventListener('alpine:init', () => {
4584            Alpine.store('roomGroupStore', {
4585                items: []
4586            });
4587        });
4588        function swiperComponent() {
4589            return {
4590                init() {
4591                    this.initSwiper();
4592                    // Re-initialize Swiper on window resize
4593                    window.addEventListener('resize', () => {
4594                        //this.initSwiper();
4595                    });
4596                },
4597                swiper: null,
4598                showSwiper: false,
4599                useSwiperOnMobile: true,
4600                breakpoint: 768,
4601                initSwiper() {
4602                    // If carousel display setting is enabled, and screen size is within mobile range,
4603                    // initialize swiper; otherwise, destroy swiper
4604                    if (this.useSwiperOnMobile && window.innerWidth <= this.breakpoint) {
4605                        if (!this.showSwiper) {
4606                            this.showSwiper = true;
4607                            this.$nextTick(() => {
4608                                const container = this.$refs.swiperContainer;
4609                                const paginationEl = container.querySelector(':scope > .swiper-pagination');
4610                                this.swiper = new Swiper(container, {
4611                                    calculateHeight: true,
4612                                    preloadImages: false,
4613                                    slidesPerView: 2,
4614                                    spaceBetween: 0,
4615                                    watchOverflow: true,
4616                                    centerInsufficientSlides: false,
4617                                    ...(paginationEl ? { pagination: { el: paginationEl } } : {}),
4618                                    slidesPerGroup: 2
4619                                });
4620                            });
4621                        }
4622                    } else {
4623                        this.showSwiper = false;
4624                        if (this.swiper) {
4625                            this.swiper.destroy();
4626                        }
4627                    }
4628                }
4629            };
4630        }
4631    </script>
4631
4632    </body>
4633</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.