PageSourceSearch

https://www.mccoys.com/shop/search?searchText=Plywood

html mccoys.com collected 2026-09-25 20:35:01 UTC 963,344 bytes, 13,821 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html lang="en">
5<head>
6    <title>Search Products</title>
7    
8    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
9    <meta name="viewport" content="width=device-width, initial-scale=1" />
10    <meta charset="utf-8">
11        <link href="/css/bundle.css?v=XXtDTb7ywXvzdOxzTZyVq3I2wfLniOw9O1T4Z_D55Qs" rel="stylesheet" type="text/css" />
12    
13    
13<script type="text/javascript">(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: "gtm" + "." + "js" }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-NTPGVSC');</script>
13
14
15    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
16</head>
17<body>
vendor: 73 bytes, lines 17-19
17
18    
19    <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
19GTM-NTPGVSC
vendor: 94 bytes, lines 19-21
19" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
20
21        
21<style>
22    #header-nav.header-pinned {
23        transition: transform 0.25s ease;
24    }
25
26    #header-nav.header-pinned.header-hidden {
27        transform: translateY(-100%);
28    }
29</style>
30<div id="header-container">
31    <header>
32
33                <div class="d-flex m-0" style="background-color:#FFE900;min-height:65px;"><p style="text-align: center; color: #00563d; font-size: 20px; width: 100%; margin-bottom: 0; align-self: center;"><strong>Get free delivery on orders over $50 with code FREEDELIVERY. <a style="text-decoration: underline; font-size: 19px;" href="/free-delivery" title="Free Delivery">See details.</a></strong></p></div>
34        <nav id="header-nav">
35            <div class="container d-flex justify-content-between align-items-center px-0 pt-2 pt-lg-0">
36                <div class="d-flex align-items-center ps-2">
37                    <a href="#" class="d-lg-none me-2" aria-label="Mobile Menu Toggle" data-bs-toggle="modal" data-bs-target="#mobile-menu">
38                        <img id="bars-icon" src="/images/bars.svg?v=kZCvLyqUT-z-OmIggxCJ84O1b_jSX7fFMu4d_MrKDHE" alt="Mobile Menu Toggle" />
39                    </a>
40                    <a href="/" aria-label="McCoy's Building Supply Home">
41                        <img id="logo-icon" src="/images/logo.svg?v=u_fdUVf25bKlW1RHr1zfuNpGMR1weYDBSojaq4qQxsw" alt="McCoy's Building Supply Home" />
42                    </a>
43                    <div class="d-none d-lg-block">
44                        <div class="dropdown d-inline ms-4">
45                            <a href="#" class="text-white d-inline-block header-icon" data-bs-toggle="dropdown" aria-label="Mega Menu Toggle" aria-haspopup="true" aria-expanded="false">
46                                Shop Products
47                            </a>
48                            <div class="dropdown-menu dropdown-menu-right p-3" style="width: 500px;">
49                                <section class="row">
50                                    <div class="row mt-3">
51                                        <div class="col-6">
52                                            <ul style="list-style:none;padding-left:4px;">
53                                                    <li>
54                                                        <a href="/shop/building-materials" class="menu-item">
55                                                            <p>Building Materials</p>
56                                                        </a>
57                                                    </li>
58                                                    <li>
59                                                        <a href="/shop/doors-windows" class="menu-item">
60                                                            <p>Doors &amp; Windows</p>
61                                                        </a>
62                                                    </li>
63                                                    <li>
64                                                        <a href="/shop/electrical" class="menu-item">
65                                                            <p>Electrical</p>
66                                                        </a>
67                                                    </li>
68                                                    <li>
69                                                        <a href="/shop/farm-ranch-animal-care" class="menu-item">
70                                                            <p>Farm, Ranch &amp; Animal Care</p>
71                                                        </a>
72                                                    </li>
73                                                    <li>
74                                                        <a href="/shop/fasteners" class="menu-item">
75                                                            <p>Fasteners</p>
76                                                        </a>
77                                                    </li>
78                                                    <li>
79                                                        <a href="/shop/fencing" class="menu-item">
80                                                            <p>Fencing</p>
81                                                        </a>
82                                                    </li>
83                                                    <li>
84                                                        <a href="/shop/grilling-outdoor-living" class="menu-item">
85                                                            <p>Grilling &amp; Outdoor Living</p>
86                                                        </a>
87                                                    </li>
88                                                    <li>
89                                                        <a href="/shop/hardware" class="menu-item">
90                                                            <p>Hardware</p>
91                                                        </a>
92                                                    </li>
93                                                    <li>
94                                                        <a href="/shop/heating-cooling-ventilation" class="menu-item">
95                                                            <p>Heating, Cooling, &amp; Ventilation</p>
96                                                        </a>
97                                                    </li>
98                                                    <li>
99                                                        <a href="/shop/holiday" class="menu-item">
100                                                            <p>Holiday</p>
101                                                        </a>
102                                                    </li>
103                                            </ul>
104                                        </div>
105                                        <div class="col-6">
106                                            <ul style="list-style:none;padding-left:4px;">
107                                                    <li>
108                                                        <a href="/shop/home-interior" class="menu-item">
109                                                            <p>Home Interior</p>
110                                                        </a>
111                                                    </li>
112                                                    <li>
113                                                        <a href="/shop/kitchen-bath" class="menu-item">
114                                                            <p>Kitchen &amp; Bath</p>
115                                                        </a>
116                                                    </li>
117                                                    <li>
118                                                        <a href="/shop/lighting-ceiling-fans" class="menu-item">
119                                                            <p>Lighting &amp; Ceiling Fans</p>
120                                                        </a>
121                                                    </li>
122                                                    <li>
123                                                        <a href="/shop/paint" class="menu-item">
124                                                            <p>Paint</p>
125                                                        </a>
126                                                    </li>
127                                                    <li>
128                                                        <a href="/shop/pipe-pipe-fittings" class="menu-item">
129                                                            <p>Pipe &amp; Pipe Fittings</p>
130                                                        </a>
131                                                    </li>
132                                                    <li>
133                                                        <a href="/shop/plumbing" class="menu-item">
134                                                            <p>Plumbing</p>
135                                                        </a>
136                                                    </li>
137                                                    <li>
138                                                        <a href="/shop/storage-organization" class="menu-item">
139                                                            <p>Storage &amp; Organization</p>
140                                                        </a>
141                                                    </li>
142                                                    <li>
143                                                        <a href="/shop/tools" class="menu-item">
144                                                            <p>Tools</p>
145                                                        </a>
146                                                    </li>
147                                                    <li>
148                                                        <a href="/shop/tractor-trailer-auto" class="menu-item">
149                                                            <p>Tractor, Trailer &amp; Auto</p>
150                                                        </a>
151                                                    </li>
152                                                    <li>
153                                                        <a href="/shop/workwear-safety-gear" class="menu-item">
154                                                            <p>Workwear &amp; Safety Gear</p>
155                                                        </a>
156                                                    </li>
157                                                <li>
158                                                    <a href="/shop">See All Categories</a>
159                                                </li>
160                                            </ul>
161                                        </div>
162                                    </div>
163                                    <div class="col-6 mt-2 mx-auto">
164                                        <a class="btn btn-primary w-100" href="/on-sale" style="font-weight:700;letter-spacing:0.35px;">See What's On Sale!</a>
165                                    </div>
166                                    <div class="col-6 mt-2 mx-auto">
167                                        <a class="btn w-100" href="/pro-center" style="background-color:#DEDBC3;font-weight:700;letter-spacing:0.35px;">Tools of the Trade</a>
168                                    </div>
169                                </section>
170                            </div>
171                        </div>
172                                <a href="/diy-center" class="text-white ms-4 header-icon">DIY Center</a>
173                                <a href="/pro-center" class="text-white ms-4 header-icon">Pro Center</a>
174                        <section id="catalog-menu" class="d-none"></section>
175                    </div>
176                </div>
177                <div class="d-flex align-items-center pe-4">
178                        <div class="dropdown">
179                            <a href="#" class="d-inline-block me-3" data-bs-toggle="dropdown" aria-label="User Menu Toggle" aria-haspopup="true" aria-expanded="false">
180                                <img id="user-icon" src="/images/user-icon.svg?v=AidQAGB4uT50nXzPU49zkuqQpBJTsZFOyvf5Ew7QXjs" alt="User Menu Toggle" />
181                            </a>
182                            <div class="dropdown-menu dropdown-menu-right">
183                                <h6 class="dropdown-header">Hello, Guest</h6>
184                                <div class="dropdown-divider"></div>
185                                <a class="dropdown-item" href="/login?ReturnUrl=%2Fshop%2Fsearch%3FsearchText
185%3DPlywood">Sign in</a>
186                                <a class="dropdown-item" href="/user/register">Register</a>
187                            </div>
188                        </div>
189                    <a href="/shop/cart" class="position-relative">
190                        <img id="cart-icon" src="/images/cart.svg?v=p75QCt6e9u9eA6UzKn7RDPqPmEXGEWdYGGB77dZjato" alt="Cart" />
191                        <span class="position-absolute top-0 start-100 translate-middle badge rounded bg-white text-primary" style="border: 2px solid #0e513b;border-radius:2px;">
192                            0
193                        </span>
194                    </a>
195                </div>
196                <div id="header-search" class="dropdown">
197                    <div class="input-group" data-bs-toggle="dropdown" aria-label="Header Search" aria-haspopup="true" aria-expanded="false">
198                        <input id="header-search-input" type="text" class="form-control" aria-label="Search Text" autocomplete="off" value="" />
199                        <div id="search-button" class="input-group-append">
200                            <span class="input-group-text">
201                                <img id="magnifying-glass-icon" src="/images/magnifying-glass.svg?v=rQEUhLppYoX9HadqRIfz7ZvNSYuG57QlK_5_TPnikZI" alt="Search Products" />
202                            </span>
203                        </div>
204                    </div>
205                    <div id="header-search-dropdown" class="dropdown-menu w-100">
206                        <div class="history-dropdown d-none">
207                            <p id="clr-srch-hist" style="float:right;cursor:pointer;font-size:12px;padding:.5rem;margin:auto;">Clear History</p>
208                            <div class="dropdown-header">
209                                Search History
210                            </div>
211                            <div id="search-history" style="overflow:hidden;">
212                            </div>
213                        </div>
214                        <div id="trending-searches">
215                            <div class="dropdown-header">
216                                Trending Searches
217                            </div>
218                            <a class="dropdown-item" href="/shop/search?searchText=Plywood">Plywood</a>
219                            <a class="dropdown-item" href="/shop/search?searchText=2x4">2X4</a>
220                            <a class="dropdown-item" href="/shop/search?searchText=OSB">OSB</a>
221                            <a class="dropdown-item" href="/shop/search?searchText=Cedar">Cedar</a>
222                            <a class="dropdown-item" href="/shop/search?searchText=Concrete">Concrete</a>
223                        </div>
224                    </div>
225                </div>
226            </div>
227        </nav>
228            <div class="home-page-container mx-auto px-0 d-flex justify-content-end mt-1">
229                <div class="d-flex align-items-center">
230                    <div class="lh-sm">
231                        My Store: <a href="/stores/san-marcos-tx" data-storenum="70">San Marcos</a>
232                        <br />
233Open Today 7am-6pm                    </div>
234                    <a href="/stores">
235                        <img id="map-marker-icon" src="/images/map-marker.svg?v=AONzY5JaDZjQwmBy2L9EheP10HKAoUCUR3NJKn5aQIY" alt="Find 
235Stores" />
236                    </a>
237                </div>
238            </div>
239    </header>
240</div>
241<div id="mobile-menu" class="modal">
242    <div class="modal-dialog modal-fullscreen">
243        <div class="modal-content">
244            <div class="modal-header">
245                <h5 class="modal-title">McCoy's Building Supply</h5>
246                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
247            </div>
248            <div class="modal-body" style="overflow-y:scroll;">
249                <ul class="nav flex-column">
250                    <li class="nav-item">
251                        <a class="nav-link" data-bs-toggle="collapse" href="#mobile-menu-catalog-links" role="button" aria-expanded="false" aria-controls="mobile-menu-catalog-links">Shop Products</a>
252                    </li>
253                    <li id="mobile-menu-catalog-links" class="nav-item collapse show shadow-sm" style="transition:none;max-height:fit-content;background-color:#f1f1f1;">
254                        <ul class="nav flex-column">
255                                <li class="nav-item ms-4">
256                                    <a href="/shop/building-materials" class="nav-link">
257                                        Building Materials
258                                    </a>
259                                </li>
260                                <li class="nav-item ms-4">
261                                    <a href="/shop/doors-windows" class="nav-link">
262                                        Doors &amp; Windows
263                                    </a>
264                                </li>
265                                <li class="nav-item ms-4">
266                                    <a href="/shop/electrical" class="nav-link">
267                                        Electrical
268                                    </a>
269                                </li>
270                                <li class="nav-item ms-4">
271                                    <a href="/shop/farm-ranch-animal-care" class="nav-link">
272                                        Farm, Ranch &amp; Animal Care
273                                    </a>
274                                </li>
275                                <li class="nav-item ms-4">
276                                    <a href="/shop/fasteners" class="nav-link">
277                                        Fasteners
278                                    </a>
279                                </li>
280                                <li class="nav-item ms-4">
281                                    <a href="/shop/fencing" class="nav-link">
282                                        Fencing
283                                    </a>
284                                </li>
285                                <li class="nav-item ms-4">
286                                    <a href="/shop/grilling-outdoor-living" class="nav-link">
287                                        Grilling &amp; Outdoor Living
288                                    </a>
289                                </li>
290                                <li class="nav-item ms-4">
291                                    <a href="/shop/hardware" class="nav-link">
292                                        Hardware
293                                    </a>
294                                </li>
295                                <li class="nav-item ms-4">
296                                    <a href="/shop/heating-cooling-ventilation" class="nav-link">
297                                        Heating, Cooling, &amp; Ventilation
298                                    </a>
299                                </li>
300                                <li class="nav-item ms-4">
301                                    <a href="/shop/holiday" class="nav-link">
302                                        Holiday
303                                    </a>
304                                </li>
305                                <li class="nav-item ms-4">
306                                    <a href="/shop/home-interior" class="nav-link">
307                                        Home Interior
308                                    </a>
309                                </li>
310                                <li class="nav-item ms-4">
311                                    <a href="/shop/kitchen-bath" class="nav-link">
312                                        Kitchen &amp; Bath
313                                    </a>
314                                </li>
315                                <li class="nav-item ms-4">
316                                    <a href="/shop/lighting-ceiling-fans" class="nav-link">
317                                        Lighting &amp; Ceiling Fans
318                                    </a>
319                                </li>
320                                <li class="nav-item ms-4">
321                                    <a href="/shop/paint" class="nav-link">
322                                        Paint
323                                    </a>
324                                </li>
325                                <li class="nav-item ms-4">
326                                    <a href="/shop/pipe-pipe-fittings" class="nav-link">
327                                        Pipe &amp; Pipe Fittings
328                                    </a>
329                                </li>
330                                <li class="nav-item ms-4">
331                                    <a href="/shop/plumbing" class="nav-link">
332                                        Plumbing
333                                    </a>
334                                </li>
335                                <li class="nav-item ms-4">
336                                    <a href="/shop/storage-organization" class="nav-link">
337                                        Storage &amp; Organization
338                                    </a>
339                                </li>
340                                <li class="nav-item ms-4">
341                                    <a href="/shop/tools" class="nav-link">
342                                        Tools
343                                    </a>
344                                </li>
345                                <li class="nav-item ms-4">
346                                    <a href="/shop/tractor-trailer-auto" class="nav-link">
347                                        Tractor, Trailer &amp; Auto
348                                    </a>
349                                </li>
350                                <li class="nav-item ms-4">
351                                    <a href="/shop/workwear-safety-gear" class="nav-link">
352                                        Workwear &amp; Safety Gear
353                                    </a>
354                                </li>
355                            <li class="nav-item ms-4">
356                                <a href="/shop" class="nav-link">See All Categories</a>
357                            </li>
358                        </ul>
359                    </li>
360                        <li class="nav-item">
361                            <a class="nav-link" href="/diy-center">DIY Center</a>
362                        </li>
363                        <li class="nav-item">
364                            <a class="nav-link" href="/pro-center">Pro Center</a>
365                        </li>
366                </ul>
367            </div>
368        </div>
369    </div>
370</div>
371<script type="text/javascript">
372    const searchBarTextBox = document.getElementById("header-search-input");
373    const searchBarTermsContainer = document.getElementById("header-search-dropdown");
374    const searchButton = document.getElementById("search-button");
375    const searchBarTermsContainerTrending = searchBarTermsContainer.innerHTML;
376    var searchTimer = null;
377    var searchXhr = null;
378
379    searchBarTextBox.addEventListener("input", function () {
380        clearTimeout(searchTimer);
381        if (searchXhr !== null) {
382            searchXhr.abort();
383            searchXhr = null;
384        }
385        var searchText = searchBarTextBox.value.toLowerCase();
386        searchTimer = setTimeout(function () {
387            if (searchText.length > 2) {
388                postJson("/shop/search/header/", {
389                    "content": {
390                        "searchText": searchText
391                    }
392                })
393                    .done(function (xhr) {
394                        searchBarTermsContainer.innerHTML = xhr.responseText;
395                    })
396                    .fail(function () {
397                        console.log("failed getting search terms");
398                    });
399            }
400            else {
401                searchBarTermsContainer.innerHTML = searchBarTermsContainerTrending;
402            }
403        }, 600);
404    });
405    searchBarTextBox.addEventListener("keydown", function (event) {
406        if (event.key === "Enter") {
407            headerSearch();
408        }
409    });
410    searchButton.addEventListener("click", function () {
411        headerSearch();
412    });
413    function headerSearch() {
414        var text = searchBarTextBox.value.toLowerCase();
415        if (text === null || text === undefined || text.length < 1) {
416            return;
417        }
418        var expires = new Date(Date.now() + 30 * 24 * 60 * 60 * 1000).toUTCString();
419        document.cookie = "LastSearchTerm=" + encodeURIComponent(text) + "; expires=" + expires + "; path=/; SameSite=None; Secure";
420        window.location.href = "/shop/search?searchText=" + encodeURIComponent(text);
421    }
422
423    // Amazon-style header: once the visitor has scrolled past it, just the green nav
424    // bar pins to the top and slides out of view on scroll-down, then pops back in on
425    // scroll-up. Only active on search/category pages, and only at non-tiny widths -
426    // everywhere/every-size else the header just stays in normal document flow. Other
427    // pages can read window.getStickyHeaderOffset() to know how much space this bar
428    // currently occupies at the top of the viewport.
429    (function () {
430        var headerNav = document.getElementById("header-nav");
431        if (!headerNav) {
432            return;
433        }
434        var rollupEligiblePage = true;
435        var tinyBreakpoint = 576;
436
437        var headerPlaceholder = document.createElement("div");
438        headerPlaceholder.style.display = "none";
439        headerNav.parentNode.insertBefore(headerPlaceholder, headerNav.nextSibling);
440
441        var lastScrollY = window.scrollY || document.documentElement.scrollTop;
442        var isPinned = false;
443        var isHidden = false;
444
445        function isTinyViewport() {
446            return window.innerWidth < tinyBreakpoint;
447        }
448
449        function rollupActive() {
450            return rollupEligiblePage && !isTinyViewport();
451        }
452
453        function pin() {
454            if (isPinned) {
455                return;
456            }
457            var rect = headerNav.getBoundingClientRect();
458            headerPlaceholder.style.height = rect.height + "px";
459            headerPlaceholder.style.display = "block";
460            headerNav.style.position = "fixed";
461            headerNav.style.top = "0";
462            headerNav.style.left = "0";
463            headerNav.style.right = "0";
464            headerNav.style.width = "100%";
465            headerNav.style.zIndex = "1030";
466            headerNav.classList.add("header-pinned");
467            isPinned = true;
468        }
469
470        function unpin() {
471            if (!isPinned) {
472                return;
473            }
474            headerPlaceholder.style.display = "none";
475            headerNav.style.position = "";
476            headerNav.style.top = "";
477            headerNav.style.left = "";
478            headerNav.style.right = "";
479            headerNav.style.width = "";
480            headerNav.style.zIndex = "";
481            headerNav.classList.remove("header-pinned", "header-hidden");
482            isPinned = false;
483            isHidden = false;
484        }
485
486        function onScroll() {
487            if (!rollupActive()) {
488                unpin();
489                lastScrollY = window.scrollY || document.documentElement.scrollTop;
490                return;
491            }
492
493            var scrollY = window.scrollY || document.documentElement.scrollTop;
494            var headerHeight = headerNav.offsetHeight;
495
496            if (scrollY <= headerHeight) {
497                unpin();
498                lastScrollY = scrollY;
499                return;
500            }
501
502            pin();
503
504            if (scrollY >
504 lastScrollY && !isHidden) {
505                headerNav.classList.add("header-hidden");
506                isHidden = true;
507            } else if (scrollY < lastScrollY && isHidden) {
508                headerNav.classList.remove("header-hidden");
509                isHidden = false;
510            }
511            lastScrollY = scrollY;
512        }
513
514        window.getStickyHeaderOffset = function () {
515            return (isPinned && !isHidden) ? headerNav.offsetHeight : 0;
516        };
517
518        window.addEventListener("scroll", onScroll, { passive: true });
519        window.addEventListener("resize", function () {
520            if (!rollupActive() && isPinned) {
521                unpin();
522            }
523        });
524    })();
525</script>
525
526
527    <div id="main-container">
528        <main class="container p-2">
529            <nav aria-label="breadcrumb">
530    <ol class="breadcrumb">
531        <li class="breadcrumb-item"><a class="fw-normal header-icon" href="/shop">Shop</a></li>
532        <li class="breadcrumb-item">search Plywood</li>
533    </ol>
534</nav>
535<h1>Results for <i>Plywood</i></h1>
536    
537<style>
538    #categoriesContainer {
539        max-width: 100%;
540    }
541
542    #similarCategoriesCarousel {
543        width: 98%;
544        overflow: hidden;
545        display: inline-flex !important;
546    }
547
548    .similar-category-img {
549        
550        max-height: 125px;
551        width: auto;
552        padding: 5px;
553    }
554
555    .carousel-inner {
556        width: 93%;
557        margin: auto;
558    }
559
560    .similar-category-container {
561        width: 31%;
562    }
563
564    .similar-category-label {
565        white-space: nowrap;
566        overflow: hidden;
567        text-overflow: ellipsis;
568        display: block;
569    }
570
571    @media only screen and (max-width: 991px) {
572        #categoriesContainer {
573            max-width: 100%;
574        }
575    }
576
577    @media only screen and (max-width: 768px) {
578        #similarCategoriesCarousel {
579            width: 100%;
580        }
581
582        .carousel-control-prev {
583            width: unset;
584        }
585
586        .carousel-control-next {
587            width: unset;
588        }
589
590        .similar-category-container {
591            width: 50%;
592        }
593
594        .similar-category-img {
595            max-height: 85px;
596            width: auto;
597            padding: 5px;
598        }
599    }
600
601    .carousel-item-next, .carousel-item-prev, .carousel-item.active {
602        display: inline-flex;
603    }
604
605    .arrow-filter {
606        filter: brightness(0) saturate(100%) invert(25%) sepia(14%) saturate(3288%) hue-rotate(119deg) brightness(94%) contrast(101%);
607    }
608</style>
609
610<div class="container text-center my-0 my-sm-2" id="categoriesContainer">
611    <hr class="my-0 my-sm-2" />
612    <div id="similarCategoriesCarousel" class="carousel slide">
613        <button class="carousel-control-prev" type="button" data-bs-target="#similarCategoriesCarousel" data-bs-slide="prev" style="width:fit-content;">
614            <span class="carousel-control-prev-icon arrow-filter" aria-hidden="true" style="opacity: 1;"></span>
615            <span class="visually-hidden">Previous</span>
616        </button>
617        <div class="carousel-inner">
618                <div class="carousel-item active" style="justify-content:center;">
619                            <div class="similar-category-container">
620                                <p class="text-secondary fw-light mb-0 px-2 text-center">Building Materials</p>
621                                <a href="/shop/c/103116106101104000">
622                                    <div class="row py-0 py-sm-2" style="display:block;">
623                                        <img src="https://assets.unilogcorp.com/187/CATEGORY/IMG/102084023.jpg" alt="103116106101104000" class="similar-category-img">
624                                    </div>
625                                    <div class="row" style="display:block;">
626                                        <span class="similar-category-label" href="/shop/c/103116106101104000">Plywood Sheathing</span>
627                                    </div>
628                                </a>
629                            </div>
630                            <div class="similar-category-container">
631                                <p class="text-secondary fw-light mb-0 px-2 text-center">Building Materials</p>
632                                <a href="/shop/c/103116106101102000">
633                                    <div class="row py-0 py-sm-2" style="display:block;">
634                                        <img src="https://assets.unilogcorp.com/187/CATEGORY/IMG/102138474.jpg" alt="103116106101102000" class="similar-category-img">
635                                    </div>
636                                    <div class="row" style="display:block;">
637                                        <span class="similar-category-label" href="/shop/c/103116106101102000">Sanded Plywood</span>
638                                    </div>
639                                </a>
640                            </div>
641                            <div class="similar-category-container">
642                                <p class="text-secondary fw-light mb-0 px-2 text-center">Building Materials</p>
643                                <a href="/shop/c/103116106101103000">
644                                    <div class="row py-0 py-sm-2" style="display:block;">
645                                        <img src="https://assets.unilogcorp.com/187/CATEGORY/IMG/102138578.jpg" alt="103116106101103000" class="similar-category-img">
646                                    </div>
647                                    <div class="row" style="display:block;">
648                                        <span class="similar-category-label" href="/shop/c/103116106101103000">Hardwood &amp; Veneer Plywood</span>
649                                    </div>
650                                </a>
651                            </div>
652                            <div class="similar-category-container">
653                                <p class="text-secondary fw-light mb-0 px-2 text-center">Building Materials</p>
654                                <a href="/shop/c/103102112000000000">
655                                    <div class="row py-0 py-sm-2" style="display:block;">
656                                        <img src="https://assets.unilogcorp.com/187/CATEGORY/IMG/103102112000000000PlywoodClips.jpg" alt="103102112000000000" class="similar-category-img">
657                                    </div>
658                                    <div class="row" style="display:block;">
659                                        <span class="similar-category-label" href="/shop/c/103102112000000000">Plywood Clips</span>
660                                    </div>
661                                </a>
662                            </div>
663                </div>
664                <div class="carousel-item" style="justify-content:center;">
665                            <div class="similar-category-container">
666                                <p class="text-secondary fw-light mb-0 px-2 text-center">Building Materials</p>
667                                <a href="/shop/c/103116106102103000">
668                                    <div class="row py-0 py-sm-2" style="display:block;">
669                                        <img src="https://assets.unilogcorp.com/187/CATEGORY/IMG/103116106102103000ProjectPanels.jpg" alt="103116106102103000" class="similar-category-img">
670                                    </div>
671                                    <div class="row" style="display:block;">
672                                        <span class="similar-category-label" href="/shop/c/103116106102103000">Project Panels</span>
673                                    </div>
674                                </a>
675                            </div>
676                            <div class="similar-category-container">
677                                <p class="text-secondary fw-light mb-0 px-2 text-center">Building Materials</p>
678                                <a href="/shop/c/103116106101105000">
679                                    <div class="row py-0 py-sm-2" style="display:block;">
680                                        <img src="https://assets.unilogcorp.com/187/CATEGORY/IMG/MDO.jpg" alt="103116106101105000" class="similar-category-img">
681                                    </div>
682                                    <div class="row" style="display:block;">
683                                        <span class="similar-category-label" href="/shop/c/103116106101105000">Medium Density Overlay (MDO)</span>
684                                    </div>
685                                </a>
686                            </div>
687                            <div class="similar-category-container">
688                                <p class="text-secondary fw-light mb-0 px-2 text-center">Building Materials</p>
689                                <a href="/shop/c/103116103111000000">
690                                    <div class="row py-0 py-sm-2" style="display:block;">
691                                        <img src="https://assets.unilogcorp.com/187/CATEGORY/IMG/102084040.jpg" alt="103116103111000000" class="similar-category-img">
692                                    </div>
693                                    <div class="row" style="display:block;">
694                                        <span class="similar-category-label" href="/shop/c/103116103111000000">Oriented Strand Board (OSB)</span>
695                                    </div>
696                                </a>
697                            </div>
698                            <div class="similar-category-container">
699                                <p class="text-secondary fw-light mb-0 px-2 text-center">Building Materials</p>
700                                <a href="/shop/c/103116103127105000">
701                                    <div class="row py-0 py-sm-2" style="display:block;">
702                                        <img src="https://assets.unilogcorp.com/187/CATEGORY/IMG/103116103127105000SidingPanels.jpg" alt="103116103127105000" class="similar-category-img">
703                                    </div>
704                                    <div class="row" style="display:block;">
705                                        <span class="similar-category-label" href="/shop/c/103116103127105000">Siding Panels</span>
706                                    </div>
707                                </a>
708                            </div>
709                </div>
710                <div class="carousel-item" style="justify-content:center;">
711                            <div class="similar-category-container">
712                                <p class="text-secondary fw-light mb-0 px-2 text-center">Building Materials</p>
713                                <a href="/shop/c/103116106101107001">
714                                    <div class="row py-0 py-sm-2" style="display:block;">
715                                        <img src="https://assets.unilogcorp.com/187/CATEGORY/IMG/mdf.png" alt="103116106101107001" class="similar-category-img">
716                                    </div>
717                                    <div class="row" style="display:block;">
718                                        <span class="similar-category-label" href="/shop/c/103116106101107001">MDF</span>
719                                    </div>
720                                </a>
721                            </div>
722                            <div class="similar-category-container">
723                                <p class="text-secondary fw-light mb-0 px-2 text-center">Building Materials</p>
724                                <a href="/shop/c/103116103109000000">
725                                    <div class="row py-0 py-sm-2" style="display:block;">
726                                        <img src="https://assets.unilogcorp.com/187/CATEGORY/IMG/lattice.png" alt="103116103109000000" class="similar-category-img">
727                                    </div>
728                                    <div class="row" style="display:block;">
729                                        <span class="similar-category-label" href="/shop/c/103116103109000000">Lattice Panels</span>
730                                    </div>
731                                </a>
732                            </div>
733                            <div class="similar-category-container">
734                                <p class="text-secondary fw-light mb-0 px-2 text-center">Building Materials</p>
735                                <a href="/shop/c/103116106102101000">
736                                    <div class="row py-0 py-sm-2" style="display:block;">
737                                        <img src="https://assets.unilogcorp.com/187/CATEGORY/IMG/pegboard.png" alt="103116106102101000" class="similar-category-img">
738                                    </div>
739                                    <div class="row" style="display:block;">
740                                        <span class="similar-category-label" href="/shop/c/103116106102101000">Hardboard &amp; Pegboard</span>
741                                    </div>
742                                </a>
743                            </div>
744                            <div class="similar-category-container">
745                                <p class="text-secondary fw-light mb-0 px-2 text-center">Building Materials</p>
746                                <a href="/shop/c/103114103101000000">
747                                    <div class="row py-0 py-sm-2" style="display:block;">
748                                        <img src="https://assets.unilogcorp.com/187/CATEGORY/IMG/103114103101000000_Portable_Scaffolding.jpg" alt="103114103101000000" class="similar-category-img">
749                                    </div>
750                                    <div class="row" style="display:block;">
751                                        <span class="similar-category-label" href="/shop/c/103114103101000000">Portable Scaffolding</span>
752                                    </div>
753                                </a>
754                            </div>
755                </div>
756                <div class="carousel-item" style="justify-content:center;">
757                            <div class="similar-category-container">
758                                <p class="text-secondary fw-light mb-0 px-2 text-center">Building Materials</p>
759                                <a href="/shop/c/103114103104000000">
760                                    <div class="row py-0 py-sm-2" style="display:block;">
761                                        <img src="https://assets.unilogcorp.com/187/CATEGORY/IMG/1366418.jpg" alt="103114103104000000" class="similar-category-img">
762                                    </div>
763                                    <div class="row" style="display:block;">
764                                        <span class="similar-category-label" href="/shop/c/103114103104000000">Scaffolding Parts &amp; Accessories</span>
765                                    </div>
766                                </a>
767                            </div>
768                            <div class="similar-category-container">
769                                <p class="text-secondary fw-light mb-0 px-2 text-center">Building Materials</p>
770                                <a href="/shop/c/103114102101000000">
771                                    <div class="row py-0 py-sm-2" style="display:block;">
772                                        <img src="https://assets.unilogcorp.com/187/CATEGORY/IMG/0017384.jpg" alt="103114102101000000" class="similar-category-img">
773                                    </div>
774                                    <div class="row" style="display:block;">
775                                        <span class="similar-category-label" href="/shop/c/103114102101000000">Attic Ladders</span>
776                                    </div>
777                                </a>
778                            </div>
779                            <div class="similar-category-container">
780                                <p class="text-secondary fw-light mb-0 px-2 text-center">Lighting &amp; Ceiling Fans</p>
781                                <a href="/shop/c/103115103104000000">
782                                    <div class="row py-0 py-sm-2" style="display:block;">
783                                        <img src="https://assets.unilogcorp.com/187/CATEGORY/IMG/102251749.jpg" alt="103115103104000000" class="similar-category-img">
784                                    </div>
785                                    <div class="row" style="display:block;">
786                                        <span class="similar-category-label" href="/shop/c/103115103104000000">Ceiling Fans</span>
787                                    </div>
788                                </a>
789                            </div>
790                            <div class="similar-category-container">
791                                <p class="text-secondary fw-light mb-0 px-2 text-center">Storage &amp; Organization</p>
792                                <a href="/shop/c/110107106102000000">
793                                    <div class="row py-0 py-sm-2" style="display:block;">
794                                        <img src="https://assets.unilogcorp.com/187/CATEGORY/IMG/6209803.jpg" alt="110107106102000000" class="similar-category-img">
795                                    </div>
796                                    <div class="row" style="display:block;">
797                                        <span class="similar-category-label" href="/shop/c/110107106102000000">Pegboards</span>
798                                    </div>
799                                </a>
800                            </div>
801                </div>
802        </div>
803        <button class="carousel-control-next" type="button" data-bs-target="#similarCategoriesCarousel" data-bs-slide="next" style="width:fit-content;">
804            <span class="carousel-control-next-icon arrow-filter" aria-hidden="true" style="opacity: 1;"></span>
805            <span class="visually-hidden">Next</span>
806        </button>
807    </div>
808    <hr class="my-0 my-sm-2" />
809</div>
810
811<script type="text/javascript">
812    var windowWidth = window.innerWidth;
813    var categoryCarousel = document.getElementById("similarCategoriesCarousel").cloneNode(true);
814    var categoriesPerChunk = 4;
815    if (windowWidth < 769) {
816        categoriesPerChunk = 2;
817        resizeSlider(2);
818    }
819    else if (windowWidth > 768 && windowWidth < 992) {
820        categoriesPerChunk = 3;
821        resizeSlider(3);
822    }
823
824    window.addEventListener("resize", function () {
825
826        if (window.innerWidth < 769 && categoriesPerChunk != 2) {
827            categoriesPerChunk = 2;
828            resizeSlider(2);
829        }
830        else if (window.innerWidth > 768 && window.innerWidth < 992 && categoriesPerChunk != 3) {
831            categoriesPerChunk = 3;
832            resizeSlider(3);
833        }
834        else if (window.innerWidth >= 992 && categoriesPerChunk != 4) {
835            categoriesPerChunk = 4;
836            resizeSlider(4);
837        }
838
839    });
840
841    function generateCategoryCard(element) {
842        var newCategoryCardWrapper = document.createElement("div");
843        var newCategoryLink = document.createElement("a");
844        newCategoryLink.href = element.childNodes[3].href;
845        newCategoryCardWrapper.classList.add("similar-category-container");
846
847        var parentCategoryText = document.createElement("p");
848        parentCategoryText.innerText = element.childNodes[1].innerText;
849        parentCategoryText.classList.add("text-secondary");
850        parentCategoryText.classList.add("fw-light");
851        parentCategoryText.classList.add("mb-0");
852        parentCategoryText.classList.add("text-center");
853        parentCategoryText.classList.add("px-2");
854
855        var imageHolster = document.createElement("div");
856        imageHolster.classList.add("row");
857        imageHolster.classList.add("py-0", "py-sm-2");
858        imageHolster.style.display = "block";
859
860        var image = document.createElement("img");
861        var t = element.childNodes[3].childNodes[1].childNodes[1].src;
862        if (t == "" || t == undefined) {
863            t = element.getElementsByTagName("img")[0].dataset.cfsrc;
864            if (t == "" || t == undefined) {
865                t = element.getElementsByTagName("img")[0].src;
866            }
867        }
868        image.src = t;
869        image.alt = element.childNodes[3].childNodes[1].childNodes[1].alt;
870        image.classList.add("similar-category-img");
871        imageHolster.appendChild(image);
872
873        var labelHolster = document.createElement("div");
874        labelHolster.classList.add("row");
875        labelHolster.style.display = "block";
876        var label = document.createElement("span");
877        label.href = element.childNodes[3].href;
878        label.classList.add("similar-category-label");
879        label.innerText = element.childNodes[3].childNodes[3].childNodes[1].innerText
880        labelHolster.appendChild(label);
881
882        newCategoryLink.appendChild(imageHolster);
883        newCategoryLink.appendChild(labelHolster);
884        newCategoryCardWrapper.appendChild(parentCategoryText);
885        newCategoryCardWrapper.appendChild(newCategoryLink);
886
887        return newCategoryCardWrapper;
888    }
889
890    function generateCategoryChunk(elements, offset) {
891        var newChunk = document.createElement("div");
892        newChunk.classList.add("carousel-item");
893        if (offset == 0) { newChunk.classList.add("active"); }
894        newChunk.style.justifyContent = "center";
895        newChunk.classList.add("carousel-item");
896        for (z = 0 + (categoriesPerChunk * offset); z < categoriesPerChunk + (categoriesPerChunk * offset); z++) {
897            if (z < elements.length)
898                newChunk.appendChild(generateCategoryCard(elements[z]));
899        }
900        return newChunk;
901    }
902
903    function resizeSlider(size) {
904        document.getElementById("similarCategoriesCarousel").querySelectorAll(".carousel-item").forEach(function (e) {
905            e.remove();
906        });
907        var currentScope = categoryCarousel.querySelectorAll(".similar-category-container").length / categoriesPerChunk;
908        var currentScope = currentScope % 1 === 0 ? currentScope : parseInt(currentScope) + 1;
909        var toReplicate = categoryCarousel.querySelectorAll(".similar-category-container");
910        for (i = 0; i < currentScope; i++) {
911            document.getElementsByClassName("carousel-inner")[0].appendChild(generateCategoryChunk(toReplicate, i));
912        }
913    }
914</script>
914
915<div class="row">
916    <div class="col-12 col-lg-3">
917        <div class="d-block col-md-6 d-lg-none mt-3">
918            <button class="btn btn-primary" data-bs-toggle="collapse" data-bs-target="#category-facets" aria-expanded="false" aria-controls="category-facets">
919                Filters
920            </button>
921        </div>
922        <div id="category-facets" class="collapse d-lg-block mt-3">
923            <a href="/shop/search?searchtext=Plywood" class="btn btn-primary w-100">Reset Filters</a>
924            
925            <form id="category-facet-form" method="get" class="w-100 my-3">
926                <div class="card">
927                    <div class="card-body">
928                        <div class="form-check form-switch">
929                            <input class="form-check-input" type="checkbox" role="switch" id="in-stock-my-store-toggle" onclick="UpdateFromRadioButtons()" />
930                            <label class="form-check-label user-select-none" for="in-stock-my-store-toggle">
931                                In Stock at My Store
932                            </label>
933                        </div>
934                    </div>
935                </div>
936                
937                    <div id="filter-Brand" class="accordion accordion-flush border mt-3">
938                        <div class="accordion-item">
939                            <h2 class="accordion-header">
940                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#filter-Brand-content" aria-expanded="false" aria-controls="filter-Brand-content">
941                                    Brand
942                                </button>
943                            </h2>
944                            <div id="filter-Brand-content" class="accordion-collapse collapse " data-bs-parent="#filter-Brand">
945                                <div class="accordion-body">
946                                        <div class="form-check" name="form-check-inputs">
947                                            <input class="form-check-input border-primary" type="checkbox" name="Brand" onclick="UpdateProductCards(this)" value="ALEXANDRIA Moulding"  />
948                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
949                                                ALEXANDRIA Moulding
950                                            </label>
951                                        </div>
952                                        <div class="form-check" name="form-check-inputs">
953                                            <input class="form-check-input border-primary" type="checkbox" name="Brand" onclick="UpdateProductCards(this)" value="Boise Cascade"  />
954                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
955                                                Boise Cascade
956                                            </label>
957                                        </div>
958                                        <div class="form-check" name="form-check-inputs">
959                                            <input class="form-check-input border-primary" type="checkbox" name="Brand" onclick="UpdateProductCards(this)" value="Freud"  />
960                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
961                                                Freud
962                                            </label>
963                                        </div>
964                                        <div class="form-check" name="form-check-inputs">
965                                            <input class="form-check-input border-primary" type="checkbox" name="Brand" onclick="UpdateProductCards(this)" value="Harvest Lane Honey"  />
966                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
967                                                Harvest Lane Honey
968                                            </label>
969                                        </div>
970                                        <div class="form-check" name="form-check-inputs">
971                                            <input class="form-check-input border-primary" type="checkbox" name="Brand" onclick="UpdateProductCards(this)" value="Holland"  />
972                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
973                                                Holland
974                                            </label>
975                                        </div>
976                                        <div class="form-check" name="form-check-inputs">
977                                            <input class="form-check-input border-primary" type="checkbox" name="Brand" onclick="UpdateProductCards(this)" value="Hunter"  />
978                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
979                                                Hunter
980                                            </label>
981                                        </div>
982                                        <div class="form-check" name="form-check-inputs">
983                                            <input class="form-check-input border-primary" type="checkbox" name="Brand" onclick="UpdateProductCards(this)" value="M-D"  />
984                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
985                                                M-D
986                                            </label>
987                                        </div>
988                                        <div class="form-check" name="form-check-inputs">
989                                            <input class="form-check-input border-primary" type="checkbox" name="Brand" onclick="UpdateProductCards(this)" value="Marwin"  />
990                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
991                                                Marwin
992                                            </label>
993                                        </div>
994                                        <div class="form-check" name="form-check-inputs">
995                                            <input class="form-check-input border-primary" type="checkbox" name="Brand" onclick="UpdateProductCards(this)" value="Metaltech"  />
996                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
997                                                Metaltech
998                                            </label>
999                                        </div>
1000                                        <div class="form-check" name="form-check-inputs">
1001                                            <input class="form-check-input border-primary" type="checkbox" name="Brand" onclick="UpdateProductCards(this)" value="Plylox"  />
1002                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1003                                                Plylox
1004                                            </label>
1005                                        </div>
1006                                        <div class="form-check" name="form-check-inputs">
1007                                            <input class="form-check-input border-primary" type="checkbox" name="Brand" onclick="UpdateProductCards(this)" value="ProSource"  />
1008                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1009                                                ProSource
1010                                            </label>
1011                                        </div>
1012                                        <div class="form-check" name="form-check-inputs">
1013                                            <input class="form-check-input border-primary" type="checkbox" name="Brand" onclick="UpdateProductCards(this)" value="Simpson Strong-Tie"  />
1014                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1015                                                Simpson Strong-Tie
1016                                            </label>
1017                                        </div>
1018                                        <div class="form-check" name="form-check-inputs">
1019                                            <input class="form-check-input border-primary" type="checkbox" name="Brand" onclick="UpdateProductCards(this)" value="SteelLinx"  />
1020                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1021                                                SteelLinx
1022                                            </label>
1023                                        </div>
1024                                        <div class="form-check" name="form-check-inputs">
1025                                            <input class="form-check-input border-primary" type="checkbox" name="Brand" onclick="UpdateProductCards(this)" value="Tamlyn"  />
1026                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1027                                                Tamlyn
1028                                            </label>
1029                                        </div>
1030                                        <div class="form-check" name="form-check-inputs">
1031                                            <input class="form-check-input border-primary" type="checkbox" name="Brand" onclick="UpdateProductCards(this)" value="Weyerhaeuser"  />
1032                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1033                                                Weyerhaeuser
1034                                            </label>
1035                                        </div>
1036                                        <div class="form-check" name="form-check-inputs">
1037                                            <input class="form-check-input border-primary" type="checkbox" name="Brand" onclick="UpdateProductCards(this)" value="Wood Products"  />
1038                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1039                                                Wood Products
1040                                            </label>
1041                                        </div>
1042                                </div>
1043                            </div>
1044                        </div>
1045                    </div>
1046                    <div id="filter-Actual-Thickness" class="accordion accordion-flush border mt-3">
1047                        <div class="accordion-item">
1048                            <h2 class="accordion-header">
1049                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#filter-Actual-Thickness-content" aria-expanded="false" aria-controls="filter-Actual-Thickness-content">
1050                                    Actual Thickness
1051                                </button>
1052                            </h2>
1053                            <div id="filter-Actual-Thickness-content" 
1053class="accordion-collapse collapse " data-bs-parent="#filter-Actual-Thickness">
1054                                <div class="accordion-body">
1055                                        <div class="form-check" name="form-check-inputs">
1056                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value=".075 in"  />
1057                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1058                                                .075 in
1059                                            </label>
1060                                        </div>
1061                                        <div class="form-check" name="form-check-inputs">
1062                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value=".095 in"  />
1063                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1064                                                .095 in
1065                                            </label>
1066                                        </div>
1067                                        <div class="form-check" name="form-check-inputs">
1068                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value="1/8 in"  />
1069                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1070                                                1/8 in
1071                                            </label>
1072                                        </div>
1073                                        <div class="form-check" name="form-check-inputs">
1074                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value="3/16 in"  />
1075                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1076                                                3/16 in
1077                                            </label>
1078                                        </div>
1079                                        <div class="form-check" name="form-check-inputs">
1080                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value=".234 in"  />
1081                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1082                                                .234 in
1083                                            </label>
1084                                        </div>
1085                                        <div class="form-check" name="form-check-inputs">
1086                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value=".25 in"  />
1087                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1088                                                .25 in
1089                                            </label>
1090                                        </div>
1091                                        <div class="form-check" name="form-check-inputs">
1092                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value=".328 in"  />
1093                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1094                                                .328 in
1095                                            </label>
1096                                        </div>
1097                                        <div class="form-check" name="form-check-inputs">
1098                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value=".354 in"  />
1099                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1100                                                .354 in
1101                                            </label>
1102                                        </div>
1103                                        <div class="form-check" name="form-check-inputs">
1104                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value=".375 in"  />
1105                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1106                                                .375 in
1107                                            </label>
1108                                        </div>
1109                                        <div class="form-check" name="form-check-inputs">
1110                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value="3/8 in"  />
1111                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1112                                                3/8 in
1113                                            </label>
1114                                        </div>
1115                                        <div class="form-check" name="form-check-inputs">
1116                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value="7/16 in"  />
1117                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1118                                                7/16 in
1119                                            </label>
1120                                        </div>
1121                                        <div class="form-check" name="form-check-inputs">
1122                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value=".453 in"  />
1123                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1124                                                .453 in
1125                                            </label>
1126                                        </div>
1127                                        <div class="form-check" name="form-check-inputs">
1128                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value="15/32 in"  />
1129                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1130                                                15/32 in
1131                                            </label>
1132                                        </div>
1133                                        <div class="form-check" name="form-check-inputs">
1134                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value=".5 in"  />
1135                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1136                                                .5 in
1137                                            </label>
1138                                        </div>
1139                                        <div class="form-check" name="form-check-inputs">
1140                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value="1/2 in"  />
1141                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1142                                                1/2 in
1143                                            </label>
1144                                        </div>
1145                                        <div class="form-check" name="form-check-inputs">
1146                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value=".578 in"  />
1147                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1148                                                .578 in
1149                                            </label>
1150                                        </div>
1151                                        <div class="form-check" name="form-check-inputs">
1152                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value="19/32 in"  />
1153                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1154                                                19/32 in
1155                                            </label>
1156                                        </div>
1157                                        <div class="form-check" name="form-check-inputs">
1158                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value="5/8 in"  />
1159                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1160                                                5/8 in
1161                                            </label>
1162                                        </div>
1163                                        <div class="form-check" name="form-check-inputs">
1164                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value=".703 in"  />
1165                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1166                                                .703 in
1167                                            </label>
1168                                        </div>
1169                                        <div class="form-check" name="form-check-inputs">
1170                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value="23/32 in"  />
1171                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1172                                                23/32 in
1173                                            </label>
1174                                        </div>
1175                                        <div class="form-check" name="form-check-inputs">
1176                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value=".75 in"  />
1177                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1178                                                .75 in
1179                                            </label>
1180                                        </div>
1181                                        <div class="form-check" name="form-check-inputs">
1182                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value="3/4 in"  />
1183                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1184                                                3/4 in
1185                                            </label>
1186                                        </div>
1187                                        <div class="form-check" name="form-check-inputs">
1188                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value="1.091 in"  />
1189                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1190                                                1.091 in
1191                                            </label>
1192                                        </div>
1193                                        <div class="form-check" name="form-check-inputs">
1194                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value="4.8 mm"  />
1195                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1196                                                4.8 mm
1197                                            </label>
1198                                        </div>
1199                                        <div class="form-check" name="form-check-inputs">
1200                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value="5.2 mm"  />
1201                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1202                                                5.2 mm
1203                                            </label>
1204                                        </div>
1205                                        <div class="form-check" name="form-check-inputs">
1206                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value="5.5 mm"  />
1207                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1208                                                5.5 mm
1209                                            </label>
1210                                        </div>
1211                                        <div class="form-check" name="form-check-inputs">
1212                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value="15 mm"  />
1213                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1214                                                15 mm
1215                                            </label>
1216                                        </div>
1217                                        <div class="form-check" name="form-check-inputs">
1218                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Thickness" onclick="UpdateProductCards(this)" value="18 mm"  />
1219                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1220                                                18 mm
1221                                            </label>
1222                                        </div>
1223                                </div>
1224                            </div>
1225                        </div>
1226                    </div>
1227                    <div id="filter-Grade" class="accordion accordion-flush border mt-3">
1228                        <div class="accordion-item">
1229                            <h2 class="accordion-header">
1230                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#filter-Grade-content" aria-expanded="false" aria-controls="filter-Grade-content">
1231                              
1231      Grade
1232                                </button>
1233                            </h2>
1234                            <div id="filter-Grade-content" class="accordion-collapse collapse " data-bs-parent="#filter-Grade">
1235                                <div class="accordion-body">
1236                                        <div class="form-check" name="form-check-inputs">
1237                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="AC"  />
1238                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1239                                                AC
1240                                            </label>
1241                                        </div>
1242                                        <div class="form-check" name="form-check-inputs">
1243                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="B-2"  />
1244                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1245                                                B-2
1246                                            </label>
1247                                        </div>
1248                                        <div class="form-check" name="form-check-inputs">
1249                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="B-C"  />
1250                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1251                                                B-C
1252                                            </label>
1253                                        </div>
1254                                        <div class="form-check" name="form-check-inputs">
1255                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="BB"  />
1256                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1257                                                BB
1258                                            </label>
1259                                        </div>
1260                                        <div class="form-check" name="form-check-inputs">
1261                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="BC"  />
1262                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1263                                                BC
1264                                            </label>
1265                                        </div>
1266                                        <div class="form-check" name="form-check-inputs">
1267                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="BCX"  />
1268                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1269                                                BCX
1270                                            </label>
1271                                        </div>
1272                                        <div class="form-check" name="form-check-inputs">
1273                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="C-2"  />
1274                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1275                                                C-2
1276                                            </label>
1277                                        </div>
1278                                        <div class="form-check" name="form-check-inputs">
1279                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="C-3"  />
1280                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1281                                                C-3
1282                                            </label>
1283                                        </div>
1284                                        <div class="form-check" name="form-check-inputs">
1285                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="C-4"  />
1286                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1287                                                C-4
1288                                            </label>
1289                                        </div>
1290                                        <div class="form-check" name="form-check-inputs">
1291                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="C2"  />
1292                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1293                                                C2
1294                                            </label>
1295                                        </div>
1296                                        <div class="form-check" name="form-check-inputs">
1297                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="CC"  />
1298                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1299                                                CC
1300                                            </label>
1301                                        </div>
1302                                        <div class="form-check" name="form-check-inputs">
1303                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="CCX"  />
1304                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1305                                                CCX
1306                                            </label>
1307                                        </div>
1308                                        <div class="form-check" name="form-check-inputs">
1309                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="CD"  />
1310                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1311                                                CD
1312                                            </label>
1313                                        </div>
1314                                        <div class="form-check" name="form-check-inputs">
1315                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="CDX 3-Ply"  />
1316                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1317                                                CDX 3-Ply
1318                                            </label>
1319                                        </div>
1320                                        <div class="form-check" name="form-check-inputs">
1321                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="CDX 4-Ply"  />
1322                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1323                                                CDX 4-Ply
1324                                            </label>
1325                                        </div>
1326                                        <div class="form-check" name="form-check-inputs">
1327                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="D-3"  />
1328                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1329                                                D-3
1330                                            </label>
1331                                        </div>
1332                                        <div class="form-check" name="form-check-inputs">
1333                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="OSB/1"  />
1334                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1335                                                OSB/1
1336                                            </label>
1337                                        </div>
1338                                        <div class="form-check" name="form-check-inputs">
1339                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="Paint"  />
1340                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1341                                                Paint
1342                                            </label>
1343                                        </div>
1344                                        <div class="form-check" name="form-check-inputs">
1345                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="Plugged, Touched, Sanded"  />
1346                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1347                                                Plugged, Touched, Sanded
1348                                            </label>
1349                                        </div>
1350                                        <div class="form-check" name="form-check-inputs">
1351                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="Premium"  />
1352                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1353                                                Premium
1354                                            </label>
1355                                        </div>
1356                                        <div class="form-check" name="form-check-inputs">
1357                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="Rated Sheathing"  />
1358                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1359                                                Rated Sheathing
1360                                            </label>
1361                                        </div>
1362                                        <div class="form-check" name="form-check-inputs">
1363                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="Reverse Board-and-Batten-12-in OC"  />
1364                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1365                                                Reverse Board-and-Batten-12-in OC
1366                                            </label>
1367                                        </div>
1368                                        <div class="form-check" name="form-check-inputs">
1369                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="T1-11, 4-in OC"  />
1370                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1371                                                T1-11, 4-in OC
1372                                            </label>
1373                                        </div>
1374                                        <div class="form-check" name="form-check-inputs">
1375                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="T1-11, 4-in OC, Premium"  />
1376                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1377                                                T1-11, 4-in OC, Premium
1378                                            </label>
1379                                        </div>
1380                                        <div class="form-check" name="form-check-inputs">
1381                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="T1-11, 8-in OC"  />
1382                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1383                                                T1-11, 8-in OC
1384                                            </label>
1385                                        </div>
1386                                        <div class="form-check" name="form-check-inputs">
1387                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="T1-11, 8-in OC, Premium"  />
1388                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1389                                                T1-11, 8-in OC, Premium
1390                                            </label>
1391                                        </div>
1392                                        <div class="form-check" name="form-check-inputs">
1393                                            <input class="form-check-input border-primary" type="checkbox" name="Grade" onclick="UpdateProductCards(this)" value="Treated Fire Rated"  />
1394                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1395                                                Treated Fire Rated
1396                                            </label>
1397                                        </div>
1398                                </div>
1399                            </div>
1400                        </div>
1401                    </div>
1402                    <div id="filter-Species" class="accordion accordion-flush border mt-3">
1403                        <div class="accordion-item">
1404                            <h2 class="accordion-header">
1405                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#filter-Species-content" aria-expanded="false" aria-controls="filter-Species-content">
1406                                    Species
1407                                </button>
1408                            </h2>
1409                            <div id="filter-Species-content" class="accordion-collapse collapse " data-bs-parent="#filter-Species">
1410                                <div class="accordion-body">
1411                                        <div class="form-check" name="form-check-inputs">
1412                                            <input class="form-check-input border-primary" type="checkbox" name="Species" onclick="UpdateProductCards(this)" value="Alder"  />
1413                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1414                                                Alder
1415                                            </label>
1416                                        </div>
1417                                        <div class="form-check" name="form-check-inputs">
1418                                            <input class="form-check-input border-primary" type="checkbox" name="Species" onclick="UpdateProductCards(this)" value="Birch"  />
1419                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1420                                                Birch
1421                                            </label>
1422                                        </div>
1423                                        <div class="form-check" name="form-check-inputs">
1424                                            <input class="form-check-input border-primary" type="checkbox" name="Species" onclick="UpdateProductCards(this)" value="Lauan"  />
1425                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1426                                                Lauan
1427                                            </label>
1428                                        </div>
1429                                        <div class="form-check" name="form-check-inputs">
1430                                            <input class="form-check-input border-primary" type="checkbox" name="Species" onclick="UpdateProductCards(this)" value="Lauan Mahogany"  />
1431                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1432                                                Lauan Mahogany
1433                                            </label>
1434                                        </div>
1435                                        <div class="form-check" name="form-check-inputs">
1436                                            <input class="form-check-input border-primary" type="checkbox" name="Species" onclick="UpdateProductCards(this)" value="Maple"  />
1437                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1438                                                Maple
1439                                            </label>
1440                                        </div>
1441                                        <div class="form-check" name="form-check-inputs">
1442                                            <input class="form-check-input border-primary" type="checkbox" name="Species" onclick="UpdateProductCards(this)" value="Maple Sap"  />
1443                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1444                                                Maple Sap
1445                                            </label>
1446                                        </div>
1447                                        <div class="form-check" name="form-check-inputs">
1448                                            <input class="form-check-input border-primary" type="checkbox" name="Species" onclick="UpdateProductCards(this)" value="Masonite"  />
1449                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1450                                                Masonite
1451                                            </label>
1452                                        </div>
1453                                        <div class="form-check" name="form-check-inputs">
1454                                            <input class="form-check-input border-primary" type="checkbox" name="Species" onclick="UpdateProductCards(this)" value="Plywood"  />
1455                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1456                                                Plywood
1457                                            </label>
1458                                        </div>
1459                                        <div class="form-check" name="form-check-inputs">
1460                                            <input class="form-check-input border-primary" type="checkbox" name="Species" onclick="UpdateProductCards(this)" value="Radiata Pine"  />
1461                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1462                                                Radiata Pine
1463                                            </label>
1464                                        </div>
1465                                        <div class="form-check" name="form-check-inputs">
1466                                            <input class="form-check-input border-primary" type="checkbox" name="Species" onclick="UpdateProductCards(this)" value="Red Oak"  />
1467                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1468                                                Red Oak
1469                                            </label>
1470                                        </div>
1471                                        <div class="form-check" name="form-check-inputs">
1472                                            <input class="form-check-input border-primary" type="checkbox" name="Species" onclick="UpdateProductCards(this)" value="Southern Pine"  />
1473                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1474                                                Southern Pine
1475                                            </label>
1476                                        </div>
1477                                        <div class="form-check" name="form-check-inputs">
1478                                            <input class="form-check-input border-primary" type="checkbox" name="Species" onclick="UpdateProductCards(this)" value="Species Varies"  />
1479                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1480                                                Species Varies
1481                                            </label>
1482                                        </div>
1483                                </div>
1484                            </div>
1485                        </div>
1486                    </div>
1487                    <div id="filter-Maximum-Roof-Span" class="accordion accordion-flush border mt-3">
1488                        <div class="accordion-item">
1489                            <h2 class="accordion-header">
1490                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#filter-Maximum-Roof-Span-content" aria-expanded="false" aria-controls="filter-Maximum-Roof-Span-content">
1491                                    Maximum Roof Span
1492                                </button>
1493                            </h2>
1494                            <div id="filter-Maximum-Roof-Span-content" 
1494class="accordion-collapse collapse " data-bs-parent="#filter-Maximum-Roof-Span">
1495                                <div class="accordion-body">
1496                                        <div class="form-check" name="form-check-inputs">
1497                                            <input class="form-check-input border-primary" type="checkbox" name="Maximum Roof Span" onclick="UpdateProductCards(this)" value="24 in"  />
1498                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1499                                                24 in
1500                                            </label>
1501                                        </div>
1502                                        <div class="form-check" name="form-check-inputs">
1503                                            <input class="form-check-input border-primary" type="checkbox" name="Maximum Roof Span" onclick="UpdateProductCards(this)" value="32 in"  />
1504                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1505                                                32 in
1506                                            </label>
1507                                        </div>
1508                                        <div class="form-check" name="form-check-inputs">
1509                                            <input class="form-check-input border-primary" type="checkbox" name="Maximum Roof Span" onclick="UpdateProductCards(this)" value="40 in"  />
1510                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1511                                                40 in
1512                                            </label>
1513                                        </div>
1514                                        <div class="form-check" name="form-check-inputs">
1515                                            <input class="form-check-input border-primary" type="checkbox" name="Maximum Roof Span" onclick="UpdateProductCards(this)" value="24"  />
1516                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1517                                                24
1518                                            </label>
1519                                        </div>
1520                                        <div class="form-check" name="form-check-inputs">
1521                                            <input class="form-check-input border-primary" type="checkbox" name="Maximum Roof Span" onclick="UpdateProductCards(this)" value="32"  />
1522                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1523                                                32
1524                                            </label>
1525                                        </div>
1526                                        <div class="form-check" name="form-check-inputs">
1527                                            <input class="form-check-input border-primary" type="checkbox" name="Maximum Roof Span" onclick="UpdateProductCards(this)" value="40"  />
1528                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1529                                                40
1530                                            </label>
1531                                        </div>
1532                                        <div class="form-check" name="form-check-inputs">
1533                                            <input class="form-check-input border-primary" type="checkbox" name="Maximum Roof Span" onclick="UpdateProductCards(this)" value="48"  />
1534                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1535                                                48
1536                                            </label>
1537                                        </div>
1538                                        <div class="form-check" name="form-check-inputs">
1539                                            <input class="form-check-input border-primary" type="checkbox" name="Maximum Roof Span" onclick="UpdateProductCards(this)" value="32 with Clip, 28 without Clip"  />
1540                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1541                                                32 with Clip, 28 without Clip
1542                                            </label>
1543                                        </div>
1544                                        <div class="form-check" name="form-check-inputs">
1545                                            <input class="form-check-input border-primary" type="checkbox" name="Maximum Roof Span" onclick="UpdateProductCards(this)" value="32 with PC, 28 without PC"  />
1546                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1547                                                32 with PC, 28 without PC
1548                                            </label>
1549                                        </div>
1550                                        <div class="form-check" name="form-check-inputs">
1551                                            <input class="form-check-input border-primary" type="checkbox" name="Maximum Roof Span" onclick="UpdateProductCards(this)" value="32, 28"  />
1552                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1553                                                32, 28
1554                                            </label>
1555                                        </div>
1556                                        <div class="form-check" name="form-check-inputs">
1557                                            <input class="form-check-input border-primary" type="checkbox" name="Maximum Roof Span" onclick="UpdateProductCards(this)" value="40 with PC, 32 without PC"  />
1558                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1559                                                40 with PC, 32 without PC
1560                                            </label>
1561                                        </div>
1562                                        <div class="form-check" name="form-check-inputs">
1563                                            <input class="form-check-input border-primary" type="checkbox" name="Maximum Roof Span" onclick="UpdateProductCards(this)" value="40, 32"  />
1564                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1565                                                40, 32
1566                                            </label>
1567                                        </div>
1568                                </div>
1569                            </div>
1570                        </div>
1571                    </div>
1572                    <div id="filter-Actual-Width" class="accordion accordion-flush border mt-3">
1573                        <div class="accordion-item">
1574                            <h2 class="accordion-header">
1575                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#filter-Actual-Width-content" aria-expanded="false" aria-controls="filter-Actual-Width-content">
1576                                    Actual Width
1577                                </button>
1578                            </h2>
1579                            <div id="filter-Actual-Width-content" 
1579class="accordion-collapse collapse " data-bs-parent="#filter-Actual-Width">
1580                                <div class="accordion-body">
1581                                        <div class="form-check" name="form-check-inputs">
1582                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Width" onclick="UpdateProductCards(this)" value="2 ft"  />
1583                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1584                                                2 ft
1585                                            </label>
1586                                        </div>
1587                                        <div class="form-check" name="form-check-inputs">
1588                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Width" onclick="UpdateProductCards(this)" value="4 ft"  />
1589                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1590                                                4 ft
1591                                            </label>
1592                                        </div>
1593                                        <div class="form-check" name="form-check-inputs">
1594                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Width" onclick="UpdateProductCards(this)" value="4 in"  />
1595                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1596                                                4 in
1597                                            </label>
1598                                        </div>
1599                                        <div class="form-check" name="form-check-inputs">
1600                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Width" onclick="UpdateProductCards(this)" value="11-3/4 in"  />
1601                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1602                                                11-3/4 in
1603                                            </label>
1604                                        </div>
1605                                        <div class="form-check" name="form-check-inputs">
1606                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Width" onclick="UpdateProductCards(this)" value="17-3/4 in"  />
1607                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1608                                                17-3/4 in
1609                                            </label>
1610                                        </div>
1611                                        <div class="form-check" name="form-check-inputs">
1612                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Width" onclick="UpdateProductCards(this)" value="23-3/4 in"  />
1613                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1614                                                23-3/4 in
1615                                            </label>
1616                                        </div>
1617                                        <div class="form-check" name="form-check-inputs">
1618                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Width" onclick="UpdateProductCards(this)" value="35-3/4 in"  />
1619                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1620                                                35-3/4 in
1621                                            </label>
1622                                        </div>
1623                                        <div class="form-check" name="form-check-inputs">
1624                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Width" onclick="UpdateProductCards(this)" value="48-3/4 in"  />
1625                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1626                                                48-3/4 in
1627                                            </label>
1628                                        </div>
1629                                        <div class="form-check" name="form-check-inputs">
1630                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Width" onclick="UpdateProductCards(this)" value="49 in"  />
1631                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1632                                                49 in
1633                                            </label>
1634                                        </div>
1635                                </div>
1636                            </div>
1637                        </div>
1638                    </div>
1639                    <div id="filter-Surface" class="accordion accordion-flush border mt-3">
1640                        <div class="accordion-item">
1641                            <h2 class="accordion-header">
1642                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#filter-Surface-content" aria-expanded="false" aria-controls="filter-Surface-content">
1643                                    Surface
1644                                </button>
1645                            </h2>
1646                            <div id="filter-Surface-content" class="accordion-collapse collapse " data-bs-parent="#filter-Surface">
1647                                <div class="accordion-body">
1648                                        <div class="form-check" name="form-check-inputs">
1649                                            <input class="form-check-input border-primary" type="checkbox" name="Surface" onclick="UpdateProductCards(this)" value="Fire Treated"  />
1650                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1651                                                Fire Treated
1652                                            </label>
1653                                        </div>
1654                                        <div class="form-check" name="form-check-inputs">
1655                                            <input class="form-check-input border-primary" type="checkbox" name="Surface" onclick="UpdateProductCards(this)" value="Plugged One Side, Touch Sanded"  />
1656                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1657                                                Plugged One Side, Touch Sanded
1658                                            </label>
1659                                        </div>
1660                                        <div class="form-check" name="form-check-inputs">
1661                                            <input class="form-check-input border-primary" type="checkbox" name="Surface" onclick="UpdateProductCards(this)" value="Pressure Treated"  />
1662                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1663                                                Pressure Treated
1664                                            </label>
1665                                        </div>
1666                                        <div class="form-check" name="form-check-inputs">
1667                                            <input class="form-check-input border-primary" type="checkbox" name="Surface" onclick="UpdateProductCards(this)" value="Radiant Barrier"  />
1668                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1669                                                Radiant Barrier
1670                                            </label>
1671                                        </div>
1672                                        <div class="form-check" name="form-check-inputs">
1673                                            <input class="form-check-input border-primary" type="checkbox" name="Surface" onclick="UpdateProductCards(this)" value="Sanded"  />
1674                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1675                                                Sanded
1676                                            </label>
1677                                        </div>
1678                                        <div class="form-check" name="form-check-inputs">
1679                                            <input class="form-check-input border-primary" type="checkbox" name="Surface" onclick="UpdateProductCards(this)" value="Straight Edge"  />
1680                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1681                                                Straight Edge
1682                                            </label>
1683                                        </div>
1684                                        <div class="form-check" name="form-check-inputs">
1685                                            <input class="form-check-input border-primary" type="checkbox" name="Surface" onclick="UpdateProductCards(this)" value="Surfaced on 1 Side"  />
1686                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1687                                                Surfaced on 1 Side
1688                                            </label>
1689                                        </div>
1690                                        <div class="form-check" name="form-check-inputs">
1691                                            <input class="form-check-input border-primary" type="checkbox" name="Surface" onclick="UpdateProductCards(this)" value="Tongue &amp; Groove"  />
1692                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1693                                                Tongue &amp; Groove
1694                                            </label>
1695                                        </div>
1696                                </div>
1697                            </div>
1698                        </div>
1699                    </div>
1700                    <div id="filter-Material" class="accordion accordion-flush border mt-3">
1701                        <div class="accordion-item">
1702                            <h2 class="accordion-header">
1703                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#filter-Material-content" aria-expanded="false" aria-controls="filter-Material-content">
1704                                    Material
1705                                </button>
1706                            </h2>
1707                            <div id="filter-Material-content" class="accordion-collapse collapse " data-bs-parent="#filter-Material">
1708                                <div class="accordion-body">
1709                                        <div class="form-check" name="form-check-inputs">
1710                                            <input class="form-check-input border-primary" type="checkbox" name="Material" onclick="UpdateProductCards(this)" value="Aluminum/Plywood"  />
1711                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1712                                                Aluminum/Plywood
1713                                            </label>
1714                                        </div>
1715                                        <div class="form-check" name="form-check-inputs">
1716                                            <input class="form-check-input border-primary" type="checkbox" name="Material" onclick="UpdateProductCards(this)" value="Carbide"  />
1717                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1718                                                Carbide
1719                                            </label>
1720                                        </div>
1721                                        <div class="form-check" name="form-check-inputs">
1722                                            <input class="form-check-input border-primary" type="checkbox" name="Material" onclick="UpdateProductCards(this)" value="Carbon Steel"  />
1723                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1724                                                Carbon Steel
1725                                            </label>
1726                                        </div>
1727                                        <div class="form-check" name="form-check-inputs">
1728                                            <input class="form-check-input border-primary" type="checkbox" name="Material" onclick="UpdateProductCards(this)" value="Plywood"  />
1729                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1730                                                Plywood
1731                                            </label>
1732                                        </div>
1733                                        <div class="form-check" name="form-check-inputs">
1734                                            <input class="form-check-input border-primary" type="checkbox" name="Material" onclick="UpdateProductCards(this)" value="Plywood/Steel"  />
1735                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1736                                                Plywood/Steel
1737                                            </label>
1738                                        </div>
1739                                        <div class="form-check" name="form-check-inputs">
1740                                            <input class="form-check-input border-primary" type="checkbox" name="Material" onclick="UpdateProductCards(this)" value="Stainless Steel"  />
1741                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1742                                                Stainless Steel
1743                                            </label>
1744                                        </div>
1745                                        <div class="form-check" name="form-check-inputs">
1746                                            <input class="form-check-input border-primary" type="checkbox" name="Material" onclick="UpdateProductCards(this)" value="Steel"  />
1747                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1748                                                Steel
1749                                            </label>
1750                                        </div>
1751                                        <div class="form-check" name="form-check-inputs">
1752                                            <input class="form-check-input border-primary" type="checkbox" name="Material" onclick="UpdateProductCards(this)" value="Wood"  />
1753                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1754                                                Wood
1755                                            </label>
1756                                        </div>
1757                                </div>
1758                            </div>
1759                        </div>
1760                    </div>
1761                    <div id="filter-Actual-Length" class="accordion accordion-flush border mt-3">
1762                        <div class="accordion-item">
1763                            <h2 class="accordion-header">
1764                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#filter-Actual-Length-content" aria-expanded="false" aria-controls="filter-Actual-Length-content">
1765                                    Actual Length
1766                                </button>
1767                            </h2>
1768                            <div id="filter-Actual-Length-content" 
1768class="accordion-collapse collapse " data-bs-parent="#filter-Actual-Length">
1769                                <div class="accordion-body">
1770                                        <div class="form-check" name="form-check-inputs">
1771                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Length" onclick="UpdateProductCards(this)" value="2 ft"  />
1772                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1773                                                2 ft
1774                                            </label>
1775                                        </div>
1776                                        <div class="form-check" name="form-check-inputs">
1777                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Length" onclick="UpdateProductCards(this)" value="4 ft"  />
1778                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1779                                                4 ft
1780                                            </label>
1781                                        </div>
1782                                        <div class="form-check" name="form-check-inputs">
1783                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Length" onclick="UpdateProductCards(this)" value="8 ft"  />
1784                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1785                                                8 ft
1786                                            </label>
1787                                        </div>
1788                                        <div class="form-check" name="form-check-inputs">
1789                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Length" onclick="UpdateProductCards(this)" value="17-3/4 in"  />
1790                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1791                                                17-3/4 in
1792                                            </label>
1793                                        </div>
1794                                        <div class="form-check" name="form-check-inputs">
1795                                            <input class="form-check-input border-primary" type="checkbox" name="Actual Length" onclick="UpdateProductCards(this)" value="97 in"  />
1796                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1797                                                97 in
1798                                            </label>
1799                                        </div>
1800                                </div>
1801                            </div>
1802                        </div>
1803                    </div>
1804                    <div id="filter-Height" class="accordion accordion-flush border mt-3">
1805                        <div class="accordion-item">
1806                            <h2 class="accordion-header">
1807                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#filter-Height-content" aria-expanded="false" aria-controls="filter-Height-content">
1808                                    Height
1809                                </button>
1810                            </h2>
1811                            <div id="filter-Height-content" class="accordion-collapse collapse " data-bs-parent="#filter-Height">
1812                                <div class="accordion-body">
1813                                        <div class="form-check" name="form-check-inputs">
1814                                            <input class="form-check-input border-primary" type="checkbox" name="Height" onclick="UpdateProductCards(this)" value="5/8 in"  />
1815                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1816                                                5/8 in
1817                                            </label>
1818                                        </div>
1819                                        <div class="form-check" name="form-check-inputs">
1820                                            <input class="form-check-input border-primary" type="checkbox" name="Height" onclick="UpdateProductCards(this)" value="1 in"  />
1821                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1822                                                1 in
1823                                            </label>
1824                                        </div>
1825                                        <div class="form-check" name="form-check-inputs">
1826                                            <input class="form-check-input border-primary" type="checkbox" name="Height" onclick="UpdateProductCards(this)" value="1-1/4 in"  />
1827                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1828                                                1-1/4 in
1829                                            </label>
1830                                        </div>
1831                                </div>
1832                            </div>
1833                        </div>
1834                    </div>
1835                    <div id="filter-Length" class="accordion accordion-flush border mt-3">
1836                        <div class="accordion-item">
1837                            <h2 class="accordion-header">
1838                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#filter-Length-content" aria-expanded="false" aria-controls="filter-Length-content">
1839                                    Length
1840                                </button>
1841                            </h2>
1842                            <div id="filter-Length-content" class="accordion-collapse collapse " data-bs-parent="#filter-Length">
1843                                <div class="accordion-body">
1844                                        <div class="form-check" name="form-check-inputs">
1845                                            <input class="form-check-input border-primary" type="checkbox" name="Length" onclick="UpdateProductCards(this)" value="1-1/4 in"  />
1846                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1847                                                1-1/4 in
1848                                            </label>
1849                                        </div>
1850                                        <div class="form-check" name="form-check-inputs">
1851                                            <input class="form-check-input border-primary" type="checkbox" name="Length" onclick="UpdateProductCards(this)" value="10-1/2 in"  />
1852                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1853                                                10-1/2 in
1854                                            </label>
1855                                        </div>
1856                                        <div class="form-check" name="form-check-inputs">
1857                                            <input class="form-check-input border-primary" type="checkbox" name="Length" onclick="UpdateProductCards(this)" value="48 in"  />
1858                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1859                                                48 in
1860                                            </label>
1861                                        </div>
1862                                </div>
1863                            </div>
1864                        </div>
1865                    </div>
1866                    <div id="filter-Finish" class="accordion accordion-flush border mt-3">
1867                        <div class="accordion-item">
1868                            <h2 class="accordion-header">
1869                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#filter-Finish-content" aria-expanded="false" aria-controls="filter-Finish-content">
1870                                    Finish
1871                                </button>
1872                            </h2>
1873                            <div id="filter-Finish-content" class="accordion-collapse collapse " data-bs-parent="#filter-Finish">
1874                                <div class="accordion-body">
1875                                        <div class="form-check" name="form-check-inputs">
1876                                            <input class="form-check-input border-primary" type="checkbox" name="Finish" onclick="UpdateProductCards(this)" value="Galvanized"  />
1877                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1878                                                Galvanized
1879                                            </label>
1880                                        </div>
1881                                        <div class="form-check" name="form-check-inputs">
1882                                            <input class="form-check-input border-primary" type="checkbox" name="Finish" onclick="UpdateProductCards(this)" value="Zinc Galvanized"  />
1883                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1884                                                Zinc Galvanized
1885                                            </label>
1886                                        </div>
1887                                </div>
1888                            </div>
1889                        </div>
1890                    </div>
1891                    <div id="filter-Material-Thickness" class="accordion accordion-flush border mt-3">
1892                        <div class="accordion-item">
1893                            <h2 class="accordion-header">
1894                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#filter-Material-Thickness-content" aria-expanded="false" aria-controls="filter-Material-Thickness-content">
1895                                    Material Thickness
1896                                </button>
1897                            </h2>
1898                            <div id="filter-Material-Thickness-content" 
1898class="accordion-collapse collapse " data-bs-parent="#filter-Material-Thickness">
1899                                <div class="accordion-body">
1900                                        <div class="form-check" name="form-check-inputs">
1901                                            <input class="form-check-input border-primary" type="checkbox" name="Material Thickness" onclick="UpdateProductCards(this)" value="20 ga"  />
1902                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1903                                                20 ga
1904                                            </label>
1905                                        </div>
1906                                        <div class="form-check" name="form-check-inputs">
1907                                            <input class="form-check-input border-primary" type="checkbox" name="Material Thickness" onclick="UpdateProductCards(this)" value="20"  />
1908                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1909                                                20
1910                                            </label>
1911                                        </div>
1912                                </div>
1913                            </div>
1914                        </div>
1915                    </div>
1916                    <div id="filter-Number-of-PC-per-Spans" class="accordion accordion-flush border mt-3">
1917                        <div class="accordion-item">
1918                            <h2 class="accordion-header">
1919                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#filter-Number-of-PC-per-Spans-content" aria-expanded="false" aria-controls="filter-Number-of-PC-per-Spans-content">
1920                                    Number of PC per Spans
1921                                </button>
1922                            </h2>
1923                            <div id="filter-Number-of-PC-per-Spans-content" class="accordion-collapse collapse " data-bs-parent="#filter-Number-of-PC-per-Spans">
1924                                <div class="accordion-body">
1925                                        <div class="form-check" name="form-check-inputs">
1926                                            <input class="form-check-input border-primary" type="checkbox" name="Number of PC per Spans" onclick="UpdateProductCards(this)" value="1"  />
1927                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1928                                                1
1929                                            </label>
1930                                        </div>
1931                                        <div class="form-check" name="form-check-inputs">
1932                                            <input class="form-check-input border-primary" type="checkbox" name="Number of PC per Spans" onclick="UpdateProductCards(this)" value="2"  />
1933                                            <label class="form-check-label user-select-none" onclick="toggleFacet(this)">
1934                                                2
1935                                            </label>
1936                                        </div>
1937                                </div>
1938                            </div>
1939                        </div>
1940                    </div>
1941            </form>
1942            <a id="reset-filters" href="/shop/search?searchtext=Plywood" class="btn btn-primary w-100">Reset Filters</a>
1943        </div>
1944    </div>
1945    <div id="no-results-container" class="col-lg-9 text-center text-primary d-none">
1946        <img class="img-fluid" src="/images/no-results.jpg?v=wXTsGroNMs8gAVPcU2Bi-DF6cl-S7PTbZ3sL-c_eY0k" alt="No results" />
1947    </div>
1948    <div class="col-12 col-lg-9">
1949        <div class="virtual-scroll-container">
1950            <section id="product-cards" class="row">
1951        <div class="col-12 col-sm-6 col-md-4 mb-3">
1952        <a class="card card-container h-100" href="/shop/p/020203/cdx-3-ply-plywood-1532-in-x-4-ft-x-8-ft-southern-pine-12-in" data-sku="020203">
1953            <div class="card-body d-flex justify-content-between flex-column lh-sm">
1954                <div class="d-flex flex-column justify-content-between h-100">
1955                    <div class="position-relative">
1956                            <img src="/images/BulkSavings_Flag.png?v=YjORMYmDpLvNMhxBW8oCGICGOLjYOO-SyS--I5YDtRQ" alt="See Bulk Pricing" style="position:absolute; top:0; left:0; width:25%; z-index:2;" />
1957                        <div class="d-flex align-items-start justify-content-between">
1958                            <div class="d-flex align-items-center flex-wrap gap-1">
1959                            </div>
1960                            <button type="button" class="product-card-save-btn"
1961                                    data-save-product-sku="020203"
1962                                    data-save-saved-for-later="false"
1963                                    data-save-list-ids=""
1964                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
1965                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020203', this); return false;"
1966                                    style="position:static;">
1967                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
1968                            </button>
1969                        </div>
1970                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
1971                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODSP.jpg" alt="CDX 3-Ply Plywood, 15/32 in x 4 ft x 8 ft - Southern Pine (1/2 in)" class="img-fluid product-image" />
1972                        </div>
1973                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
1974                        <div class="mt-2 fw-normal" data-name>CDX 3-Ply Plywood, 15/32 in x 4 ft x 8 ft - Southern Pine (1/2 in)</div>
1975                    </div>
1976                    <div class="mt-2">
1977                        <div class="fw-normal">Sku: 020203</div>
1978                            <div class="fw-normal mt-2">
1978225 Available at <span class="text-primary fw-bold">San Marcos</span></div>
1979                        <div class="pc-price myriad mt-2">
1980$26<sup style="top: -10px;">.19</sup>
1981                        </div>
1982                        <div class="my-0">
1983                                <span class="pc-bulk-msg">
1984                                    
1985    <span>Get <strong>BULK PRICE</strong> with</span>
1986    <br />
198772 or more at $23.57 EA
1988                                </span>
1989                        </div>
1990                        <div class="pt-2">
1991                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
1992                                    <template class="cart-options-template">
1993<div class="cart-options"
1994     data-sku="020203"
1995     data-store-number="0"
1996     data-uom="EA"
1997     data-max-order="9999"
1998     data-existing-pickup="0"
1999     data-existing-delivery="0"
2000     data-method="pickup"
2001     data-cannot-add="false">
2002    <div class="mb-3">
2003            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
2004        <div class="h6 m-0">CDX 3-Ply Plywood, 15/32 in x 4 ft x 8 ft - Southern Pine (1/2 in)</div>
2005    </div>
2006    
2007<div class="card-container cart-options-panel">
2008    <div class="fulfillment-options">
2009        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
2010             style="border-color:#4C741C;">
2011            <div class="co-pickup-check fulfillment-check" style="display:flex;">
2012                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
2013            </div>
2014            <div class="fulfillment-title">Pickup</div>
2015                    <div class="fulfillment-text" style="margin-top:6px;">
2016                        <span class="fw-bold">225</span> <span>Available Today</span>
2017                    </div>
2018                    <div class="fulfillment-text" style="margin-top:2px;">
2019                        <span class="fw-bold">2,520</span> <span>As soon as 10/02</span>
2020                    </div>
2021        </div>
2022            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
2023                 style="border-color:#ced4da;">
2024                <div class="co-delivery-check fulfillment-check" style="display:none;">
2025                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
2026                </div>
2027                <div class="fulfillment-title">Delivery</div>
2028                        <div class="fulfillment-text" style="margin-top:6px;">
2029                            <span class="fw-bold">225</span> <span>Available Today</span>
2030                        </div>
2031                        <div class="fulfillment-text" style="margin-top:2px;">
2032                            <span class="fw-bold">2,520</span> <span>As soon as 10/02</span>
2033                        </div>
2034            </div>
2035    </div>
2036    <div style="margin-top:12px;">
2037        <div class="fulfillment-meta">
2038            <span class="fw-bold">Free Pickup at </span>
2039            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
2040        </div>
2041        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
2042                <span class="fulfillment-stockitem">
2043                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
2044                        <span>225 in stock</span>
2045                </span>
2046                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
2047                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
2048                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
2049                    </svg>
2050                    Outside Item
2051                </span>
2052        </div>
2053    </div>
2054
2055    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
2056        No additional quantity can be added.
2057    </div>
2058</div>
2059    
2060<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
2061    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
2062        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
2063        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
2063 color:#212529;" />
2064        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
2065    </div>
2066    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
2067</div>
2068</div></template>
2069                        </div>
2070                    </div>
2071                </div>
2072            </div>
2073        </a>
2074    </div>
2075    <div class="col-12 col-sm-6 col-md-4 mb-3">
2076        <a class="card card-container h-100" href="/shop/p/020209/cd-plywood-2332-in-x-4-ft-x-8-ft-southern-pine-34-in" data-sku="020209">
2077            <div class="card-body d-flex justify-content-between flex-column lh-sm">
2078                <div class="d-flex flex-column justify-content-between h-100">
2079                    <div class="position-relative">
2080                            <img src="/images/BulkSavings_Flag.png?v=YjORMYmDpLvNMhxBW8oCGICGOLjYOO-SyS--I5YDtRQ" alt="See Bulk Pricing" style="position:absolute; top:0; left:0; width:25%; z-index:2;" />
2081                        <div class="d-flex align-items-start justify-content-between">
2082                            <div class="d-flex align-items-center flex-wrap gap-1">
2083                            </div>
2084                            <button type="button" class="product-card-save-btn"
2085                                    data-save-product-sku="020209"
2086                                    data-save-saved-for-later="false"
2087                                    data-save-list-ids=""
2088                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
2089                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020209', this); return false;"
2090                                    style="position:static;">
2091                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
2092                            </button>
2093                        </div>
2094                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
2095                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODSP.jpg" alt="CD Plywood, 23/32 in x 4 ft x 8 ft - Southern Pine (3/4 in)" class="img-fluid product-image" />
2096                        </div>
2097                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
2098                        <div class="mt-2 fw-normal" data-name>CD Plywood, 23/32 in x 4 ft x 8 ft - Southern Pine (3/4 in)</div>
2099                    </div>
2100                    <div class="mt-2">
2101                        <div class="fw-normal">Sku: 020209</div>
2102                            <div class="fw-normal mt-2">484 Available at <span class="text-primary fw-bold">San Marcos</span></div>
2103                        <div class="pc-price myriad mt-2">
2104$39<sup style="top: -10px;">.59</sup>
2105                        </div>
2106                        <div class="my-0">
2107                                <span class="pc-bulk-msg">
2108                                    
2109    <span>Get <strong>BULK PRICE</strong> with</span>
2110    <br />
211148 or more at $35.63 EA
2112                                </span>
2113                        </div>
2114                        <div class="pt-2">
2115                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
2116                                    <template class="cart-options-template">
2117<div class="cart-options"
2118     data-sku="020209"
2119     data-store-number="0"
2120     data-uom="EA"
2121     data-max-order="9999"
2122     data-existing-pickup="0"
2123     data-existing-delivery="0"
2124     data-method="pickup"
2125     data-cannot-add="false">
2126    <div class="mb-3">
2127            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
2128        <div class="h6 m-0">CD Plywood, 23/32 in x 4 ft x 8 ft - Southern Pine (3/4 in)</div>
2129    </div>
2130    
2131<div class="card-container cart-options-panel">
2132    <div class="fulfillment-options">
2133        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
2134             style="border-color:#4C741C;">
2135            <div class="co-pickup-check fulfillment-check" style="display:flex;">
2136                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
2137            </div>
2138            <div class="fulfillment-title">Pickup</div>
2139                    <div class="fulfillment-text" style="margin-top:6px;">
2140                        <span class="fw-bold">484</span> <span>Available Today</span>
2141                    </div>
2142                    <div class="fulfillment-text" style="margin-top:2px;">
2143                        <span class="fw-bold">3,648</span> <span>As soon as 10/02</span>
2144                    </div>
2145        </div>
2146            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
2147                 style="border-color:#ced4da;">
2148                <div class="co-delivery-check fulfillment-check" style="display:none;">
2149                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
2150                </div>
2151                <div class="fulfillment-title">Delivery</div>
2152                        <div class="fulfillment-text" style="margin-top:6px;">
2153                            <span class="fw-bold">484</span> <span>Available Today</span>
2154                        </div>
2155                        <div class="fulfillment-text" style="margin-top:2px;">
2156                            <span class="fw-bold">3,648</span> <span>As soon as 10/02</span>
2157                        </div>
2158            </div>
2159    </div>
2160    <div style="margin-top:12px;">
2161        <div class="fulfillment-meta">
2162            <span class="fw-bold">Free Pickup at </span>
2163            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
2164        </div>
2165        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
2166                <span class="fulfillment-stockitem">
2167                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
2168                        <span>484 in stock</span>
2169                </span>
2170                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
2171                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
2172                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
2173                    </svg>
2174                    Outside Item
2175                </span>
2176        </div>
2177    </div>
2178
2179    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
2180        No additional quantity can be added.
2181    </div>
2182</div>
2183    
2184<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
2185    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
2186        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
2187        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
2188        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
2189    </div>
2190    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
2191</div>
2192</div></template>
2193                        </div>
2194                    </div>
2195                </div>
2196            </div>
2197        </a>
2198    </div>
2199    <div class="col-12 col-sm-6 col-md-4 mb-3">
2200        <a class="card card-container h-100" href="/shop/p/020200/cd-plywood-38-in-x-4-ft-x-8-ft-southern-pine" data-sku="020200">
2201            <div class="card-body d-flex justify-content-between flex-column lh-sm">
2202                <div class="d-flex flex-column justify-content-between h-100">
2203                    <div class="position-relative">
2204                            <img src="/images/BulkSavings_Flag.png?v=YjORMYmDpLvNMhxBW8oCGICGOLjYOO-SyS--I5YDtRQ" alt="See Bulk Pricing" style="position:absolute; top:0; left:0; width:25%; z-index:2;" />
2205                        <div class="d-flex align-items-start justify-content-between">
2206                            <div class="d-flex align-items-center flex-wrap gap-1">
2207                            </div>
2208                            <button type="button" class="product-card-save-btn"
2209                                    data-save-product-sku="020200"
2210                                    data-save-saved-for-later="false"
2211                                    data-save-list-ids=""
2212                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
2213                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020200', this); return false;"
2214                                    style="position:static;">
2215                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
2216                            </button>
2217                        </div>
2218                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
2219                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODSP.jpg" alt="CD Plywood, 3/8 in x 4 ft x 8 ft - Southern Pine" class="img-fluid product-image" />
2220                        </div>
2221                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
2222                        <div class="mt-2 fw-normal" data-name>CD Plywood, 3/8 in x 4 ft x 8 ft - Southern Pine</div>
2223                    </div>
2224                    <div class="mt-2">
2225                        <div class="fw-normal">Sku: 020200</div>
2226                            <div class="fw-normal mt-2">
2226242 Available at <span class="text-primary fw-bold">San Marcos</span></div>
2227                        <div class="pc-price myriad mt-2">
2228$23<sup style="top: -10px;">.89</sup>
2229                        </div>
2230                        <div class="my-0">
2231                                <span class="pc-bulk-msg">
2232                                    
2233    <span>Get <strong>BULK PRICE</strong> with</span>
2234    <br />
223590 or more at $21.50 EA
2236                                </span>
2237                        </div>
2238                        <div class="pt-2">
2239                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
2240                                    <template class="cart-options-template">
2241<div class="cart-options"
2242     data-sku="020200"
2243     data-store-number="0"
2244     data-uom="EA"
2245     data-max-order="9999"
2246     data-existing-pickup="0"
2247     data-existing-delivery="0"
2248     data-method="pickup"
2249     data-cannot-add="false">
2250    <div class="mb-3">
2251            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
2252        <div class="h6 m-0">CD Plywood, 3/8 in x 4 ft x 8 ft - Southern Pine</div>
2253    </div>
2254    
2255<div class="card-container cart-options-panel">
2256    <div class="fulfillment-options">
2257        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
2258             style="border-color:#4C741C;">
2259            <div class="co-pickup-check fulfillment-check" style="display:flex;">
2260                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
2261            </div>
2262            <div class="fulfillment-title">Pickup</div>
2263                    <div class="fulfillment-text" style="margin-top:6px;">
2264                        <span class="fw-bold">242</span> <span>Available Today</span>
2265                    </div>
2266                    <div class="fulfillment-text" style="margin-top:2px;">
2267                        <span class="fw-bold">1,710</span> <span>As soon as 10/02</span>
2268                    </div>
2269        </div>
2270            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
2271                 style="border-color:#ced4da;">
2272                <div class="co-delivery-check fulfillment-check" style="display:none;">
2273                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
2274                </div>
2275                <div class="fulfillment-title">Delivery</div>
2276                        <div class="fulfillment-text" style="margin-top:6px;">
2277                            <span class="fw-bold">242</span> <span>Available Today</span>
2278                        </div>
2279                        <div class="fulfillment-text" style="margin-top:2px;">
2280                            <span class="fw-bold">1,710</span> <span>As soon as 10/02</span>
2281                        </div>
2282            </div>
2283    </div>
2284    <div style="margin-top:12px;">
2285        <div class="fulfillment-meta">
2286            <span class="fw-bold">Free Pickup at </span>
2287            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
2288        </div>
2289        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
2290                <span class="fulfillment-stockitem">
2291                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
2292                        <span>242 in stock</span>
2293                </span>
2294                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
2295                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
2296                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
2297                    </svg>
2298                    Outside Item
2299                </span>
2300        </div>
2301    </div>
2302
2303    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
2304        No additional quantity can be added.
2305    </div>
2306</div>
2307    
2308<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
2309    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
2310        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
2311        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
2311 color:#212529;" />
2312        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
2313    </div>
2314    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
2315</div>
2316</div></template>
2317                        </div>
2318                    </div>
2319                </div>
2320            </div>
2321        </a>
2322    </div>
2323    <div class="col-12 col-sm-6 col-md-4 mb-3">
2324        <a class="card card-container h-100" href="/shop/p/02064178/appearance-plywood-18-mm-x-4-ft-x-8-ft-birch-34-in-paint-grade" data-sku="02064178">
2325            <div class="card-body d-flex justify-content-between flex-column lh-sm">
2326                <div class="d-flex flex-column justify-content-between h-100">
2327                    <div class="position-relative">
2328                        <div class="d-flex align-items-start justify-content-between">
2329                            <div class="d-flex align-items-center flex-wrap gap-1">
2330                            </div>
2331                            <button type="button" class="product-card-save-btn"
2332                                    data-save-product-sku="02064178"
2333                                    data-save-saved-for-later="false"
2334                                    data-save-list-ids=""
2335                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
2336                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02064178', this); return false;"
2337                                    style="position:static;">
2338                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
2339                            </button>
2340                        </div>
2341                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
2342                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODBIRCH.jpg" alt="Appearance Plywood, 18 mm x 4 ft x 8 ft - Birch (3/4 in), Paint Grade" class="img-fluid product-image" />
2343                        </div>
2344                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
2345                        <div class="mt-2 fw-normal" data-name>Appearance Plywood, 18 mm x 4 ft x 8 ft - Birch (3/4 in), Paint Grade</div>
2346                    </div>
2347                    <div class="mt-2">
2348                        <div class="fw-normal">Sku: 02064178</div>
2349                            <div class="fw-normal mt-2">7 Available at <span class="text-primary fw-bold">San Marcos</span></div>
2350                        <div class="pc-price myriad mt-2">
2351$63<sup style="top: -10px;">.99</sup>
2352                        </div>
2353                        <div class="my-0">
2354&nbsp;                        </div>
2355                        <div class="pt-2">
2356                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
2357                                    <template class="cart-options-template">
2358<div class="cart-options"
2359     data-sku="02064178"
2360     data-store-number="0"
2361     data-uom="EA"
2362     data-max-order="9999"
2363     data-existing-pickup="0"
2364     data-existing-delivery="0"
2365     data-method="pickup"
2366     data-cannot-add="false">
2367    <div class="mb-3">
2368            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
2369        <div class="h6 m-0">Appearance Plywood, 18 mm x 4 ft x 8 ft - Birch (3/4 in), Paint Grade</div>
2370    </div>
2371    
2372<div class="card-container cart-options-panel">
2373    <div class="fulfillment-options">
2374        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
2375             style="border-color:#4C741C;">
2376            <div class="co-pickup-check fulfillment-check" style="display:flex;">
2377                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
2378            </div>
2379            <div class="fulfillment-title">Pickup</div>
2380                    <div class="fulfillment-text" style="margin-top:6px;">
2381                        <span class="fw-bold">7</span> <span>Available Today</span>
2382                    </div>
2383                    <div class="fulfillment-text" style="margin-top:2px;">
2384                        <span class="fw-bold">860</span> <span>As soon as 10/02</span>
2385                    </div>
2386        </div>
2387            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
2388                 style="border-color:#ced4da;">
2389                <div class="co-delivery-check fulfillment-check" style="display:none;">
2390                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
2391                </div>
2392                <div class="fulfillment-title">Delivery</div>
2393                        <div class="fulfillment-text" style="margin-top:6px;">
2394                            <span class="fw-bold">7</span> <span>Available Today</span>
2395                        </div>
2396                        <div class="fulfillment-text" style="margin-top:2px;">
2397                            <span class="fw-bold">860</span> <span>As soon as 10/02</span>
2398                        </div>
2399            </div>
2400    </div>
2401    <div style="margin-top:12px;">
2402        <div class="fulfillment-meta">
2403            <span class="fw-bold">Free Pickup at </span>
2404            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
2405        </div>
2406        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
2407                <span class="fulfillment-stockitem">
2408                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
2409                        <span>7 in stock</span>
2410                </span>
2411        </div>
2412    </div>
2413
2414    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
2415        No additional quantity can be added.
2416    </div>
2417</div>
2418    
2419<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
2420    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
2421        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
2422        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
2423        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
2424    </div>
2425    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
2426</div>
2427</div></template>
2428                        </div>
2429                    </div>
2430                </div>
2431            </div>
2432        </a>
2433    </div>
2434            <div class="col-12 col-sm-6 col-md-4 mb-3">
2435    <a class="card h-100" href="/diy-center/lumberyard/what-is-plywood-anyway">
2436        <div class="card-body lh-sm">
2437            <div class="h-100">
2438                <div class="d-flex align-items-center justify-content-center shop-card-img-container">
2439                    <img src="/media/qxkir1xm/opengraph_plywood.jpg?v=1da5eba9194d870&amp;v=SdndlvYkPN8tsLCazMcRq2qdEFzm-Pke9LRKBXbsmeA" alt="Image missing" class="img-fluid product-image" />
2440                </div>
2441                <div class="fw-bold mt-2">What is Plywood, Anyway?</div>
2442                <div class="mt-2 border border-secondary-subtle border-2"></div>
2443                <div class="fw-normal mt-2">
2444                    What is plywood? This common, but strong and affordable building material is anything but simple. Determine what type of plywood is right for your next project.
2445                </div>
2446                <div class="fw-bold mt-1">
2447                    Read More
2448                </div>
2449            </div>
2450        </div>
2451    </a>
2452</div>
2453    <div class="col-12 col-sm-6 col-md-4 mb-3">
2454        <a class="card card-container h-100" href="/shop/p/020206/cd-plywood-1932-in-x-4-ft-x-8-ft-southern-pine-58-in" data-sku="020206">
2455            <div class="card-body d-flex justify-content-between flex-column lh-sm">
2456                <div class="d-flex flex-column justify-content-between h-100">
2457                    <div class="position-relative">
2458                            <img src="/images/BulkSavings_Flag.png?v=YjORMYmDpLvNMhxBW8oCGICGOLjYOO-SyS--I5YDtRQ" alt="See Bulk Pricing" style="position:absolute; top:0; left:0; width:25%; z-index:2;" />
2459                        <div class="d-flex align-items-start justify-content-between">
2460                            <div class="d-flex align-items-center flex-wrap gap-1">
2461                            </div>
2462                            <button type="button" class="product-card-save-btn"
2463                                    data-save-product-sku="020206"
2464                                    data-save-saved-for-later="false"
2465                                    data-save-list-ids=""
2466                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
2467                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020206', this); return false;"
2468                                    style="position:static;">
2469                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
2470                            </button>
2471                        </div>
2472                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
2473                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODSP.jpg" alt="CD Plywood, 19/32 in x 4 ft x 8 ft - Southern Pine (5/8 in)" class="img-fluid product-image" />
2474                        </div>
2475                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
2476                        <div class="mt-2 fw-normal" data-name>CD Plywood, 19/32 in x 4 ft x 8 ft - Southern Pine (5/8 in)</div>
2477                    </div>
2478                    <div class="mt-2">
2479                        <div class="fw-normal">Sku: 020206</div>
2480                            <div class="fw-normal mt-2">
248080 Available at <span class="text-primary fw-bold">San Marcos</span></div>
2481                        <div class="pc-price myriad mt-2">
2482$31<sup style="top: -10px;">.99</sup>
2483                        </div>
2484                        <div class="my-0">
2485                                <span class="pc-bulk-msg">
2486                                    
2487    <span>Get <strong>BULK PRICE</strong> with</span>
2488    <br />
248952 or more at $28.79 EA
2490                                </span>
2491                        </div>
2492                        <div class="pt-2">
2493                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
2494                                    <template class="cart-options-template">
2495<div class="cart-options"
2496     data-sku="020206"
2497     data-store-number="0"
2498     data-uom="EA"
2499     data-max-order="9999"
2500     data-existing-pickup="0"
2501     data-existing-delivery="0"
2502     data-method="pickup"
2503     data-cannot-add="false">
2504    <div class="mb-3">
2505            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
2506        <div class="h6 m-0">CD Plywood, 19/32 in x 4 ft x 8 ft - Southern Pine (5/8 in)</div>
2507    </div>
2508    
2509<div class="card-container cart-options-panel">
2510    <div class="fulfillment-options">
2511        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
2512             style="border-color:#4C741C;">
2513            <div class="co-pickup-check fulfillment-check" style="display:flex;">
2514                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
2515            </div>
2516            <div class="fulfillment-title">Pickup</div>
2517                    <div class="fulfillment-text" style="margin-top:6px;">
2518                        <span class="fw-bold">80</span> <span>Available Today</span>
2519                    </div>
2520                    <div class="fulfillment-text" style="margin-top:2px;">
2521                        <span class="fw-bold">1,508</span> <span>As soon as 10/02</span>
2522                    </div>
2523        </div>
2524            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
2525                 style="border-color:#ced4da;">
2526                <div class="co-delivery-check fulfillment-check" style="display:none;">
2527                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
2528                </div>
2529                <div class="fulfillment-title">Delivery</div>
2530                        <div class="fulfillment-text" style="margin-top:6px;">
2531                            <span class="fw-bold">80</span> <span>Available Today</span>
2532                        </div>
2533                        <div class="fulfillment-text" style="margin-top:2px;">
2534                            <span class="fw-bold">1,508</span> <span>As soon as 10/02</span>
2535                        </div>
2536            </div>
2537    </div>
2538    <div style="margin-top:12px;">
2539        <div class="fulfillment-meta">
2540            <span class="fw-bold">Free Pickup at </span>
2541            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
2542        </div>
2543        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
2544                <span class="fulfillment-stockitem">
2545                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
2546                        <span>80 in stock</span>
2547                </span>
2548                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
2549                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
2550                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
2551                    </svg>
2552                    Outside Item
2553                </span>
2554        </div>
2555    </div>
2556
2557    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
2558        No additional quantity can be added.
2559    </div>
2560</div>
2561    
2562<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
2563    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
2564        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
2565        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
2565 color:#212529;" />
2566        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
2567    </div>
2568    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
2569</div>
2570</div></template>
2571                        </div>
2572                    </div>
2573                </div>
2574            </div>
2575        </a>
2576    </div>
2577    <div class="col-12 col-sm-6 col-md-4 mb-3">
2578        <a class="card card-container h-100" href="/shop/p/011403/bcx-plywood-2332-in-x-4-ft-x-8-ft-southern-pine-pressure-treated-34-in" data-sku="011403">
2579            <div class="card-body d-flex justify-content-between flex-column lh-sm">
2580                <div class="d-flex flex-column justify-content-between h-100">
2581                    <div class="position-relative">
2582                        <div class="d-flex align-items-start justify-content-between">
2583                            <div class="d-flex align-items-center flex-wrap gap-1">
2584                            </div>
2585                            <button type="button" class="product-card-save-btn"
2586                                    data-save-product-sku="011403"
2587                                    data-save-saved-for-later="false"
2588                                    data-save-list-ids=""
2589                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
2590                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('011403', this); return false;"
2591                                    style="position:static;">
2592                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
2593                            </button>
2594                        </div>
2595                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
2596                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/PT Plywood.jpg" alt="BCX Plywood, 23/32 in x 4 ft x 8 ft - Southern Pine, Pressure Treated (3/4 in)" class="img-fluid product-image" />
2597                        </div>
2598                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
2599                        <div class="mt-2 fw-normal" data-name>BCX Plywood, 23/32 in x 4 ft x 8 ft - Southern Pine, Pressure Treated (3/4 in)</div>
2600                    </div>
2601                    <div class="mt-2">
2602                        <div class="fw-normal">Sku: 011403</div>
2603                            <div class="fw-normal mt-2">53 Available at <span class="text-primary fw-bold">San Marcos</span></div>
2604                        <div class="pc-price myriad mt-2">
2605$67<sup style="top: -10px;">.99</sup>
2606                        </div>
2607                        <div class="my-0">
2608&nbsp;                        </div>
2609                        <div class="pt-2">
2610                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
2611                                    <template class="cart-options-template">
2612<div class="cart-options"
2613     data-sku="011403"
2614     data-store-number="0"
2615     data-uom="EA"
2616     data-max-order="9999"
2617     data-existing-pickup="0"
2618     data-existing-delivery="0"
2619     data-method="pickup"
2620     data-cannot-add="false">
2621    <div class="mb-3">
2622            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
2623        <div class="h6 m-0">BCX Plywood, 23/32 in x 4 ft x 8 ft - Southern Pine, Pressure Treated (3/4 in)</div>
2624    </div>
2625    
2626<div class="card-container cart-options-panel">
2627    <div class="fulfillment-options">
2628        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
2629             style="border-color:#4C741C;">
2630            <div class="co-pickup-check fulfillment-check" style="display:flex;">
2631                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
2632            </div>
2633            <div class="fulfillment-title">Pickup</div>
2634                    <div class="fulfillment-text" style="margin-top:6px;">
2635                        <span class="fw-bold">53</span> <span>Available Today</span>
2636                    </div>
2637                    <div class="fulfillment-text" style="margin-top:2px;">
2638                        <span class="fw-bold">122</span> <span>As soon as 09/28</span>
2639                    </div>
2640        </div>
2641            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
2642                 style="border-color:#ced4da;">
2643                <div class="co-delivery-check fulfillment-check" style="display:none;">
2644                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
2645                </div>
2646                <div class="fulfillment-title">Delivery</div>
2647                        <div class="fulfillment-text" style="margin-top:6px;">
2648                            <span class="fw-bold">53</span> <span>Available Today</span>
2649                        </div>
2650                        <div class="fulfillment-text" style="margin-top:2px;">
2651                            <span class="fw-bold">122</span> <span>As soon as 09/28</span>
2652                        </div>
2653            </div>
2654    </div>
2655    <div style="margin-top:12px;">
2656        <div class="fulfillment-meta">
2657            <span class="fw-bold">Free Pickup at </span>
2658            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
2659        </div>
2660        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
2661                <span class="fulfillment-stockitem">
2662                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
2663                        <span>53 in stock</span>
2664                </span>
2665                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
2666                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
2667                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
2668                    </svg>
2669                    Outside Item
2670                </span>
2671        </div>
2672    </div>
2673
2674    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
2675        No additional quantity can be added.
2676    </div>
2677</div>
2678    
2679<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
2680    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
2681        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
2682        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
2683        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
2684    </div>
2685    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
2686</div>
2687</div></template>
2688                        </div>
2689                    </div>
2690                </div>
2691            </div>
2692        </a>
2693    </div>
2694    <div class="col-12 col-sm-6 col-md-4 mb-3">
2695        <a class="card card-container h-100" href="/shop/p/020212/cd-underlayment-2332-in-x-4-ft-x-8-ft-southern-pine-plywood-tongue-groove-34-in" data-sku="020212">
2696            <div class="card-body d-flex justify-content-between flex-column lh-sm">
2697                <div class="d-flex flex-column justify-content-between h-100">
2698                    <div class="position-relative">
2699                            <img src="/images/BulkSavings_Flag.png?v=YjORMYmDpLvNMhxBW8oCGICGOLjYOO-SyS--I5YDtRQ" alt="See Bulk Pricing" style="position:absolute; top:0; left:0; width:25%; z-index:2;" />
2700                        <div class="d-flex align-items-start justify-content-between">
2701                            <div class="d-flex align-items-center flex-wrap gap-1">
2702                            </div>
2703                            <button type="button" class="product-card-save-btn"
2704                                    data-save-product-sku="020212"
2705                                    data-save-saved-for-later="false"
2706                                    data-save-list-ids=""
2707                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
2708                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020212', this); return false;"
2709                                    style="position:static;">
2710                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
2711                            </button>
2712                        </div>
2713                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
2714                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODSP-T&amp;G.jpg" alt="CD Underlayment, 23/32 in x 4 ft x 8 ft - Southern Pine Plywood, Tongue &amp; Groove (3/4 in)" class="img-fluid product-image" />
2715                        </div>
2716                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
2717                        <div class="mt-2 fw-normal" data-name>CD Underlayment, 23/32 in x 4 ft x 8 ft - Southern Pine Plywood, Tongue &amp; Groove (3/4 in)</div>
2718                    </div>
2719                    <div class="mt-2">
2720                        <div class="fw-normal">Sku: 020212</div>
2721                            <div class="fw-normal mt-2">
27214 Available at <span class="text-primary fw-bold">San Marcos</span></div>
2722                        <div class="pc-price myriad mt-2">
2723$50<sup style="top: -10px;">.99</sup>
2724                        </div>
2725                        <div class="my-0">
2726                                <span class="pc-bulk-msg">
2727                                    
2728    <span>Get <strong>BULK PRICE</strong> with</span>
2729    <br />
273048 or more at $45.89 EA
2731                                </span>
2732                        </div>
2733                        <div class="pt-2">
2734                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
2735                                    <template class="cart-options-template">
2736<div class="cart-options"
2737     data-sku="020212"
2738     data-store-number="0"
2739     data-uom="EA"
2740     data-max-order="9999"
2741     data-existing-pickup="0"
2742     data-existing-delivery="0"
2743     data-method="pickup"
2744     data-cannot-add="false">
2745    <div class="mb-3">
2746            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
2747        <div class="h6 m-0">CD Underlayment, 23/32 in x 4 ft x 8 ft - Southern Pine Plywood, Tongue &amp; Groove (3/4 in)</div>
2748    </div>
2749    
2750<div class="card-container cart-options-panel">
2751    <div class="fulfillment-options">
2752        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
2753             style="border-color:#4C741C;">
2754            <div class="co-pickup-check fulfillment-check" style="display:flex;">
2755                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
2756            </div>
2757            <div class="fulfillment-title">Pickup</div>
2758                    <div class="fulfillment-text" style="margin-top:6px;">
2759                        <span class="fw-bold">4</span> <span>Available Today</span>
2760                    </div>
2761                    <div class="fulfillment-text" style="margin-top:2px;">
2762                        <span class="fw-bold">816</span> <span>As soon as 10/02</span>
2763                    </div>
2764        </div>
2765            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
2766                 style="border-color:#ced4da;">
2767                <div class="co-delivery-check fulfillment-check" style="display:none;">
2768                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
2769                </div>
2770                <div class="fulfillment-title">Delivery</div>
2771                        <div class="fulfillment-text" style="margin-top:6px;">
2772                            <span class="fw-bold">4</span> <span>Available Today</span>
2773                        </div>
2774                        <div class="fulfillment-text" style="margin-top:2px;">
2775                            <span class="fw-bold">816</span> <span>As soon as 10/02</span>
2776                        </div>
2777            </div>
2778    </div>
2779    <div style="margin-top:12px;">
2780        <div class="fulfillment-meta">
2781            <span class="fw-bold">Free Pickup at </span>
2782            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
2783        </div>
2784        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
2785                <span class="fulfillment-stockitem">
2786                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
2787                        <span>4 in stock</span>
2788                </span>
2789                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
2790                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
2791                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
2792                    </svg>
2793                    Outside Item
2794                </span>
2795        </div>
2796    </div>
2797
2798    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
2799        No additional quantity can be added.
2800    </div>
2801</div>
2802    
2803<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
2804    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
2805        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
2806        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
2806 color:#212529;" />
2807        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
2808    </div>
2809    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
2810</div>
2811</div></template>
2812                        </div>
2813                    </div>
2814                </div>
2815            </div>
2816        </a>
2817    </div>
2818    <div class="col-12 col-sm-6 col-md-4 mb-3">
2819        <a class="card card-container h-100" href="/shop/p/02064160/c-2-plywood-12-in-x-4-ft-x-8-ft-birch" data-sku="02064160">
2820            <div class="card-body d-flex justify-content-between flex-column lh-sm">
2821                <div class="d-flex flex-column justify-content-between h-100">
2822                    <div class="position-relative">
2823                        <div class="d-flex align-items-start justify-content-between">
2824                            <div class="d-flex align-items-center flex-wrap gap-1">
2825                            </div>
2826                            <button type="button" class="product-card-save-btn"
2827                                    data-save-product-sku="02064160"
2828                                    data-save-saved-for-later="false"
2829                                    data-save-list-ids=""
2830                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
2831                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02064160', this); return false;"
2832                                    style="position:static;">
2833                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
2834                            </button>
2835                        </div>
2836                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
2837                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODBIRCH.jpg" alt="C-2 Plywood, 1/2 in x 4 ft x 8 ft - Birch" class="img-fluid product-image" />
2838                        </div>
2839                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
2840                        <div class="mt-2 fw-normal" data-name>C-2 Plywood, 1/2 in x 4 ft x 8 ft - Birch</div>
2841                    </div>
2842                    <div class="mt-2">
2843                        <div class="fw-normal">Sku: 02064160</div>
2844                            <div class="fw-normal mt-2">10 Available at <span class="text-primary fw-bold">San Marcos</span></div>
2845                        <div class="pc-price myriad mt-2">
2846$53<sup style="top: -10px;">.99</sup>
2847                        </div>
2848                        <div class="my-0">
2849&nbsp;                        </div>
2850                        <div class="pt-2">
2851                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
2852                                    <template class="cart-options-template">
2853<div class="cart-options"
2854     data-sku="02064160"
2855     data-store-number="0"
2856     data-uom="EA"
2857     data-max-order="9999"
2858     data-existing-pickup="0"
2859     data-existing-delivery="0"
2860     data-method="pickup"
2861     data-cannot-add="false">
2862    <div class="mb-3">
2863            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
2864        <div class="h6 m-0">C-2 Plywood, 1/2 in x 4 ft x 8 ft - Birch</div>
2865    </div>
2866    
2867<div class="card-container cart-options-panel">
2868    <div class="fulfillment-options">
2869        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
2870             style="border-color:#4C741C;">
2871            <div class="co-pickup-check fulfillment-check" style="display:flex;">
2872                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
2873            </div>
2874            <div class="fulfillment-title">Pickup</div>
2875                    <div class="fulfillment-text" style="margin-top:6px;">
2876                        <span class="fw-bold">10</span> <span>Available Today</span>
2877                    </div>
2878                    <div class="fulfillment-text" style="margin-top:2px;">
2879                        <span class="fw-bold">150</span> <span>As soon as 10/02</span>
2880                    </div>
2881        </div>
2882            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
2883                 style="border-color:#ced4da;">
2884                <div class="co-delivery-check fulfillment-check" style="display:none;">
2885                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
2886                </div>
2887                <div class="fulfillment-title">Delivery</div>
2888                        <div class="fulfillment-text" style="margin-top:6px;">
2889                            <span class="fw-bold">10</span> <span>Available Today</span>
2890                        </div>
2891                        <div class="fulfillment-text" style="margin-top:2px;">
2892                            <span class="fw-bold">150</span> <span>As soon as 10/02</span>
2893                        </div>
2894            </div>
2895    </div>
2896    <div style="margin-top:12px;">
2897        <div class="fulfillment-meta">
2898            <span class="fw-bold">Free Pickup at </span>
2899            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
2900        </div>
2901        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
2902                <span class="fulfillment-stockitem">
2903                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
2904                        <span>10 in stock</span>
2905                </span>
2906        </div>
2907    </div>
2908
2909    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
2910        No additional quantity can be added.
2911    </div>
2912</div>
2913    
2914<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
2915    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
2916        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
2917        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
2918        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
2919    </div>
2920    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
2921</div>
2922</div></template>
2923                        </div>
2924                    </div>
2925                </div>
2926            </div>
2927        </a>
2928    </div>
2929            <div class="col-12 col-sm-6 col-md-4 mb-3">
2930    <a class="card h-100" href="/diy-center/lumberyard/everything-you-need-to-know-about-osb-and-its-benefits">
2931        <div class="card-body lh-sm">
2932            <div class="h-100">
2933                <div class="d-flex align-items-center justify-content-center shop-card-img-container">
2934                    <img src="/media/slmnhbz1/opengraph_everythingaboutosb.jpg?v=1da5eba901871a0&amp;v=iRrS86uAX5IA-_EihfgDNS-mQV1h6yNsOgKiJlzIHeg" alt="Image missing" class="img-fluid product-image" />
2935                </div>
2936                <div class="fw-bold mt-2">Everything You Need to Know About OSB and Its Benefits</div>
2937                <div class="mt-2 border border-secondary-subtle border-2"></div>
2938                <div class="fw-normal mt-2">
2939                    OSB, or &#x201C;oriented strand board,&#x201D; might be the ideal material for your project. Discover the benefits and uses of this economical and strong plywood alternative.
2940                </div>
2941                <div class="fw-bold mt-1">
2942                    Read More
2943                </div>
2944            </div>
2945        </div>
2946    </a>
2947</div>
2948    <div class="col-12 col-sm-6 col-md-4 mb-3">
2949        <a class="card card-container h-100" href="/shop/p/020100/b
2949c-plywood-14-in-x-4-ft-x-8-ft-southern-pine" data-sku="020100">
2950            <div class="card-body d-flex justify-content-between flex-column lh-sm">
2951                <div class="d-flex flex-column justify-content-between h-100">
2952                    <div class="position-relative">
2953                        <div class="d-flex align-items-start justify-content-between">
2954                            <div class="d-flex align-items-center flex-wrap gap-1">
2955                            </div>
2956                            <button type="button" class="product-card-save-btn"
2957                                    data-save-product-sku="020100"
2958                                    data-save-saved-for-later="false"
2959                                    data-save-list-ids=""
2960                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
2961                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020100', this); return false;"
2962                                    style="position:static;">
2963                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
2964                            </button>
2965                        </div>
2966                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
2967                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODSP.jpg" alt="BC Plywood, 1/4 in x 4 ft x 8 ft - Southern Pine" class="img-fluid product-image" />
2968                        </div>
2969                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
2970                        <div class="mt-2 fw-normal" data-name>BC Plywood, 1/4 in x 4 ft x 8 ft - Southern Pine</div>
2971                    </div>
2972                    <div class="mt-2">
2973                        <div class="fw-normal">Sku: 020100</div>
2974                            <div class="fw-normal mt-2">15 Available at <span class="text-primary fw-bold">San Marcos</span></div>
2975                        <div class="pc-price myriad mt-2">
2976$31<sup style="top: -10px;">.79</sup>
2977                        </div>
2978                        <div class="my-0">
2979&nbsp;                        </div>
2980                        <div class="pt-2">
2981                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
2982                                    <template class="cart-options-template">
2983<div class="cart-options"
2984     data-sku="020100"
2985     data-store-number="0"
2986     data-uom="EA"
2987     data-max-order="9999"
2988     data-existing-pickup="0"
2989     data-existing-delivery="0"
2990     data-method="pickup"
2991     data-cannot-add="false">
2992    <div class="mb-3">
2993            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
2994        <div class="h6 m-0">BC Plywood, 1/4 in x 4 ft x 8 ft - Southern Pine</div>
2995    </div>
2996    
2997<div class="card-container cart-options-panel">
2998    <div class="fulfillment-options">
2999        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
3000             style="border-color:#4C741C;">
3001            <div class="co-pickup-check fulfillment-check" style="display:flex;">
3002                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
3003            </div>
3004            <div class="fulfillment-title">Pickup</div>
3005                    <div class="fulfillment-text" style="margin-top:6px;">
3006                        <span class="fw-bold">15</span> <span>Available Today</span>
3007                    </div>
3008                    <div class="fulfillment-text" style="margin-top:2px;">
3009                        <span class="fw-bold">540</span> <span>As soon as 10/02</span>
3010                    </div>
3011        </div>
3012            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
3013                 style="border-color:#ced4da;">
3014                <div class="co-delivery-check fulfillment-check" style="display:none;">
3015                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
3016                </div>
3017                <div class="fulfillment-title">Delivery</div>
3018                        <div class="fulfillment-text" style="margin-top:6px;">
3019                            <span class="fw-bold">15</span> <span>Available Today</span>
3020                        </div>
3021                        <div class="fulfillment-text" style="margin-top:2px;">
3022                            <span class="fw-bold">540</span> <span>As soon as 10/02</span>
3023                        </div>
3024            </div>
3025    </div>
3026    <div style="margin-top:12px;">
3027        <div class="fulfillment-meta">
3028            <span class="fw-bold">Free Pickup at </span>
3029            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
3030        </div>
3031        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
3032                <span class="fulfillment-stockitem">
3033                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
3034                        <span>15 in stock</span>
3035                </span>
3036                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
3037                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
3038                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
3039                    </svg>
3040                    Outside Item
3041                </span>
3042        </div>
3043    </div>
3044
3045    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
3046        No additional quantity can be added.
3047    </div>
3048</div>
3049    
3050<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
3051    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
3052        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
3053        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
3054        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
3055    </div>
3056    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
3057</div>
3058</div></template>
3059                        </div>
3060                    </div>
3061                </div>
3062            </div>
3063        </a>
3064    </div>
3065    <div class="col-12 col-sm-6 col-md-4 mb-3">
3066        <a class="card card-container h-100" href="/shop/p/020112/bc-plywood-2332-in-x-4-ft-x-8-ft-southern-pine-34-in" data-sku="020112">
3067            <div class="card-body d-flex justify-content-between flex-column lh-sm">
3068                <div class="d-flex flex-column justify-content-between h-100">
3069                    <div class="position-relative">
3070                        <div class="d-flex align-items-start justify-content-between">
3071                            <div class="d-flex align-items-center flex-wrap gap-1">
3072                            </div>
3073                            <button type="button" class="product-card-save-btn"
3074                                    data-save-product-sku="020112"
3075                                    data-save-saved-for-later="false"
3076                                    data-save-list-ids=""
3077                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
3078                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020112', this); return false;"
3079                                    style="position:static;">
3080                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
3081                            </button>
3082                        </div>
3083                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
3084                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODSP.jpg" alt="BC Plywood, 23/32 in x 4 ft x 8 ft - Southern Pine (3/4 in)" class="img-fluid product-image" />
3085                        </div>
3086                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
3087                        <div class="mt-2 fw-normal" data-name>BC Plywood, 23/32 in x 4 ft x 8 ft - Southern Pine (3/4 in)</div>
3088                    </div>
3089                    <div class="mt-2">
3090                        <div class="fw-normal">Sku: 020112</div>
3091                            <div class="fw-normal mt-2">
309138 Available at <span class="text-primary fw-bold">San Marcos</span></div>
3092                        <div class="pc-price myriad mt-2">
3093$52<sup style="top: -10px;">.99</sup>
3094                        </div>
3095                        <div class="my-0">
3096&nbsp;                        </div>
3097                        <div class="pt-2">
3098                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
3099                                    <template class="cart-options-template">
3100<div class="cart-options"
3101     data-sku="020112"
3102     data-store-number="0"
3103     data-uom="EA"
3104     data-max-order="9999"
3105     data-existing-pickup="0"
3106     data-existing-delivery="0"
3107     data-method="pickup"
3108     data-cannot-add="false">
3109    <div class="mb-3">
3110            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
3111        <div class="h6 m-0">BC Plywood, 23/32 in x 4 ft x 8 ft - Southern Pine (3/4 in)</div>
3112    </div>
3113    
3114<div class="card-container cart-options-panel">
3115    <div class="fulfillment-options">
3116        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
3117             style="border-color:#4C741C;">
3118            <div class="co-pickup-check fulfillment-check" style="display:flex;">
3119                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
3120            </div>
3121            <div class="fulfillment-title">Pickup</div>
3122                    <div class="fulfillment-text" style="margin-top:6px;">
3123                        <span class="fw-bold">38</span> <span>Available Today</span>
3124                    </div>
3125                    <div class="fulfillment-text" style="margin-top:2px;">
3126                        <span class="fw-bold">600</span> <span>As soon as 10/02</span>
3127                    </div>
3128        </div>
3129            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
3130                 style="border-color:#ced4da;">
3131                <div class="co-delivery-check fulfillment-check" style="display:none;">
3132                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
3133                </div>
3134                <div class="fulfillment-title">Delivery</div>
3135                        <div class="fulfillment-text" style="margin-top:6px;">
3136                            <span class="fw-bold">38</span> <span>Available Today</span>
3137                        </div>
3138                        <div class="fulfillment-text" style="margin-top:2px;">
3139                            <span class="fw-bold">600</span> <span>As soon as 10/02</span>
3140                        </div>
3141            </div>
3142    </div>
3143    <div style="margin-top:12px;">
3144        <div class="fulfillment-meta">
3145            <span class="fw-bold">Free Pickup at </span>
3146            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
3147        </div>
3148        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
3149                <span class="fulfillment-stockitem">
3150                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
3151                        <span>38 in stock</span>
3152                </span>
3153                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
3154                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
3155                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
3156                    </svg>
3157                    Outside Item
3158                </span>
3159        </div>
3160    </div>
3161
3162    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
3163        No additional quantity can be added.
3164    </div>
3165</div>
3166    
3167<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
3168    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
3169        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
3170        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
3170 color:#212529;" />
3171        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
3172    </div>
3173    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
3174</div>
3175</div></template>
3176                        </div>
3177                    </div>
3178                </div>
3179            </div>
3180        </a>
3181    </div>
3182    <div class="col-12 col-sm-6 col-md-4 mb-3">
3183        <a class="card card-container h-100" href="/shop/p/02064150/14-in-x-4-ft-x-8-ft-birch-c2-import" data-sku="02064150">
3184            <div class="card-body d-flex justify-content-between flex-column lh-sm">
3185                <div class="d-flex flex-column justify-content-between h-100">
3186                    <div class="position-relative">
3187                        <div class="d-flex align-items-start justify-content-between">
3188                            <div class="d-flex align-items-center flex-wrap gap-1">
3189                            </div>
3190                            <button type="button" class="product-card-save-btn"
3191                                    data-save-product-sku="02064150"
3192                                    data-save-saved-for-later="false"
3193                                    data-save-list-ids=""
3194                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
3195                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02064150', this); return false;"
3196                                    style="position:static;">
3197                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
3198                            </button>
3199                        </div>
3200                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
3201                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/02064150a.jpg" alt="1/4 in x 4 ft x 8 ft Birch C2 Import" class="img-fluid product-image" />
3202                        </div>
3203                            <div class="fw-bold mt-2" data-brand>Holland</div>
3204                        <div class="mt-2 fw-normal" data-name>1/4 in x 4 ft x 8 ft Birch C2 Import</div>
3205                    </div>
3206                    <div class="mt-2">
3207                        <div class="fw-normal">Sku: 02064150</div>
3208                            <div class="fw-normal mt-2">18 Available at <span class="text-primary fw-bold">San Marcos</span></div>
3209                        <div class="pc-price myriad mt-2">
3210$33<sup style="top: -10px;">.99</sup>
3211                        </div>
3212                        <div class="my-0">
3213&nbsp;                        </div>
3214                        <div class="pt-2">
3215                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
3216                                    <template class="cart-options-template">
3217<div class="cart-options"
3218     data-sku="02064150"
3219     data-store-number="0"
3220     data-uom="EA"
3221     data-max-order="9999"
3222     data-existing-pickup="0"
3223     data-existing-delivery="0"
3224     data-method="pickup"
3225     data-cannot-add="false">
3226    <div class="mb-3">
3227            <div class="fw-bold" style="font-size:0.875rem;">Holland</div>
3228        <div class="h6 m-0">1/4 in x 4 ft x 8 ft Birch C2 Import</div>
3229    </div>
3230    
3231<div class="card-container cart-options-panel">
3232    <div class="fulfillment-options">
3233        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
3234             style="border-color:#4C741C;">
3235            <div class="co-pickup-check fulfillment-check" style="display:flex;">
3236                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
3237            </div>
3238            <div class="fulfillment-title">Pickup</div>
3239                    <div class="fulfillment-text" style="margin-top:6px;">
3240                        <span class="fw-bold">18</span> <span>Available Today</span>
3241                    </div>
3242                    <div class="fulfillment-text" style="margin-top:2px;">
3243                        <span class="fw-bold">385</span> <span>As soon as 10/02</span>
3244                    </div>
3245        </div>
3246            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
3247                 style="border-color:#ced4da;">
3248                <div class="co-delivery-check fulfillment-check" style="display:none;">
3249                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
3250                </div>
3251                <div class="fulfillment-title">Delivery</div>
3252                        <div class="fulfillment-text" style="margin-top:6px;">
3253                            <span class="fw-bold">18</span> <span>Available Today</span>
3254                        </div>
3255                        <div class="fulfillment-text" style="margin-top:2px;">
3256                            <span class="fw-bold">385</span> <span>As soon as 10/02</span>
3257                        </div>
3258            </div>
3259    </div>
3260    <div style="margin-top:12px;">
3261        <div class="fulfillment-meta">
3262            <span class="fw-bold">Free Pickup at </span>
3263            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
3264        </div>
3265        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
3266                <span class="fulfillment-stockitem">
3267                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
3268                        <span>18 in stock</span>
3269                </span>
3270                <span class="fulfillment-stockitem" dataset-aisle="Aisle 41">
3271                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
3272                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
3273                    </svg>
3274                    Aisle 41
3275                </span>
3276        </div>
3277    </div>
3278
3279    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
3280        No additional quantity can be added.
3281    </div>
3282</div>
3283    
3284<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
3285    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
3286        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
3287        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
3288        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
3289    </div>
3290    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
3291</div>
3292</div></template>
3293                        </div>
3294                    </div>
3295                </div>
3296            </div>
3297        </a>
3298    </div>
3299    <div class="col-12 col-sm-6 col-md-4 mb-3">
3300        <a class="card card-container h-100" href="/shop/p/011400/bcx-plywood-1532-in-x-4-ft-x-8-ft-southern-pine-pressure-treated-12-in" data-sku="011400">
3301            <div class="card-body d-flex justify-content-between flex-column lh-sm">
3302                <div class="d-flex flex-column justify-content-between h-100">
3303                    <div class="position-relative">
3304                        <div class="d-flex align-items-start justify-content-between">
3305                            <div class="d-flex align-items-center flex-wrap gap-1">
3306                            </div>
3307                            <button type="button" class="product-card-save-btn"
3308                                    data-save-product-sku="011400"
3309                                    data-save-saved-for-later="false"
3310                                    data-save-list-ids=""
3311                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
3312                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('011400', this); return false;"
3313                                    style="position:static;">
3314                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
3315                            </button>
3316                        </div>
3317                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
3318                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/PT Plywood.jpg" alt="BCX Plywood, 15/32 in x 4 ft x 8 ft - Southern Pine, Pressure Treated (1/2 in)" class="img-fluid product-image" />
3319                        </div>
3320                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
3321                        <div class="mt-2 fw-normal" data-name>BCX Plywood, 15/32 in x 4 ft x 8 ft - Southern Pine, Pressure Treated (1/2 in)</div>
3322                    </div>
3323                    <div class="mt-2">
3324                        <div class="fw-normal">Sku: 011400</div>
3325                            <div class="fw-normal mt-2">
332522 Available at <span class="text-primary fw-bold">San Marcos</span></div>
3326                        <div class="pc-price myriad mt-2">
3327$58<sup style="top: -10px;">.99</sup>
3328                        </div>
3329                        <div class="my-0">
3330&nbsp;                        </div>
3331                        <div class="pt-2">
3332                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
3333                                    <template class="cart-options-template">
3334<div class="cart-options"
3335     data-sku="011400"
3336     data-store-number="0"
3337     data-uom="EA"
3338     data-max-order="9999"
3339     data-existing-pickup="0"
3340     data-existing-delivery="0"
3341     data-method="pickup"
3342     data-cannot-add="false">
3343    <div class="mb-3">
3344            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
3345        <div class="h6 m-0">BCX Plywood, 15/32 in x 4 ft x 8 ft - Southern Pine, Pressure Treated (1/2 in)</div>
3346    </div>
3347    
3348<div class="card-container cart-options-panel">
3349    <div class="fulfillment-options">
3350        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
3351             style="border-color:#4C741C;">
3352            <div class="co-pickup-check fulfillment-check" style="display:flex;">
3353                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
3354            </div>
3355            <div class="fulfillment-title">Pickup</div>
3356                    <div class="fulfillment-text" style="margin-top:6px;">
3357                        <span class="fw-bold">22</span> <span>Available Today</span>
3358                    </div>
3359                    <div class="fulfillment-text" style="margin-top:2px;">
3360                        <span class="fw-bold">210</span> <span>As soon as 09/28</span>
3361                    </div>
3362        </div>
3363            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
3364                 style="border-color:#ced4da;">
3365                <div class="co-delivery-check fulfillment-check" style="display:none;">
3366                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
3367                </div>
3368                <div class="fulfillment-title">Delivery</div>
3369                        <div class="fulfillment-text" style="margin-top:6px;">
3370                            <span class="fw-bold">22</span> <span>Available Today</span>
3371                        </div>
3372                        <div class="fulfillment-text" style="margin-top:2px;">
3373                            <span class="fw-bold">210</span> <span>As soon as 09/28</span>
3374                        </div>
3375            </div>
3376    </div>
3377    <div style="margin-top:12px;">
3378        <div class="fulfillment-meta">
3379            <span class="fw-bold">Free Pickup at </span>
3380            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
3381        </div>
3382        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
3383                <span class="fulfillment-stockitem">
3384                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
3385                        <span>22 in stock</span>
3386                </span>
3387                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
3388                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
3389                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
3390                    </svg>
3391                    Outside Item
3392                </span>
3393        </div>
3394    </div>
3395
3396    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
3397        No additional quantity can be added.
3398    </div>
3399</div>
3400    
3401<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
3402    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
3403        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
3404        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
3404 color:#212529;" />
3405        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
3406    </div>
3407    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
3408</div>
3409</div></template>
3410                        </div>
3411                    </div>
3412                </div>
3413            </div>
3414        </a>
3415    </div>
3416            <div class="col-12 col-sm-6 col-md-4 mb-3">
3417    <a class="card h-100" href="/diy-center/knowledge-center/edge-banding">
3418        <div class="card-body lh-sm">
3419            <div class="h-100">
3420                <div class="d-flex align-items-center justify-content-center shop-card-img-container">
3421                    <img src="/media/ng5dcpq4/veneeredging-socialmedia-1200x630.jpg?v=1dabec7d868d810&amp;v=dLLW9pxu9fe9woqZKLpGvBvHJMxfYMmX52yY5VLDeJ8" alt="Image missing" class="img-fluid product-image" />
3422                </div>
3423                <div class="fw-bold mt-2">How to Create a Beautiful Finish with Edge Banding</div>
3424                <div class="mt-2 border border-secondary-subtle border-2"></div>
3425                <div class="fw-normal mt-2">
3426                    Edge banding is an elegant solution that can cover just about anything you want to tackle. Follow along as we discuss the tips and tricks for working with edge banding.
3427                </div>
3428                <div class="fw-bold mt-1">
3429                    Read More
3430                </div>
3431            </div>
3432        </div>
3433    </a>
3434</div>
3435    <div class="col-12 col-sm-6 col-md-4 mb-3">
3436        <a class="card card-container h-100" href="/shop/p/160126/appearance-plywood-38-in-x-4-ft-x-8-ft-species-varies-beaded" data-sku="160126">
3437            <div class="card-body d-flex justify-content-between flex-column lh-sm">
3438                <div class="d-flex flex-column justify-content-between h-100">
3439                    <div class="position-relative">
3440                        <div class="d-flex align-items-start justify-content-between">
3441                            <div class="d-flex align-items-center flex-wrap gap-1">
3442                            </div>
3443                            <button type="button" class="product-card-save-btn"
3444                                    data-save-product-sku="160126"
3445                                    data-save-saved-for-later="false"
3446                                    data-save-list-ids=""
3447                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
3448                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('160126', this); return false;"
3449                                    style="position:static;">
3450                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
3451                            </button>
3452                        </div>
3453                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
3454                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/beadb.jpg" alt="Appearance Plywood, 3/8 in x 4 ft x 8 ft - Species Varies, Beaded" class="img-fluid product-image" />
3455                        </div>
3456                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
3457                        <div class="mt-2 fw-normal" data-name>Appearance Plywood, 3/8 in x 4 ft x 8 ft - Species Varies, Beaded</div>
3458                    </div>
3459                    <div class="mt-2">
3460                        <div class="fw-normal">Sku: 160126</div>
3461                            <div class="fw-normal mt-2">32 Available at <span class="text-primary fw-bold">San Marcos</span></div>
3462                        <div class="pc-price myriad mt-2">
3463$39<sup style="top: -10px;">.99</sup>
3464                        </div>
3465                        <div class="my-0">
3466&nbsp;                        </div>
3467                        <div class="pt-2">
3468                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
3469                                    <template class="cart-options-template">
3470<div class="cart-options"
3471     data-sku="160126"
3472     data-store-number="0"
3473     data-uom="EA"
3474     data-max-order="9999"
3475     data-existing-pickup="0"
3476     data-existing-delivery="0"
3477     data-method="pickup"
3478     data-cannot-add="false">
3479    <div class="mb-3">
3480            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
3481        <div class="h6 m-0">Appearance Plywood, 3/8 in x 4 ft x 8 ft - Species Varies, Beaded</div>
3482    </div>
3483    
3484<div class="card-container cart-options-panel">
3485    <div class="fulfillment-options">
3486        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
3487             style="border-color:#4C741C;">
3488            <div class="co-pickup-check fulfillment-check" style="display:flex;">
3489                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
3490            </div>
3491            <div class="fulfillment-title">Pickup</div>
3492                    <div class="fulfillment-text" style="margin-top:6px;">
3493                        <span class="fw-bold">32</span> <span>Available Today</span>
3494                    </div>
3495                    <div class="fulfillment-text" style="margin-top:2px;">
3496                        <span class="fw-bold">168</span> <span>As soon as 09/28</span>
3497                    </div>
3498        </div>
3499            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
3500                 style="border-color:#ced4da;">
3501                <div class="co-delivery-check fulfillment-check" style="display:none;">
3502                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
3503                </div>
3504                <div class="fulfillment-title">Delivery</div>
3505                        <div class="fulfillment-text" style="margin-top:6px;">
3506                            <span class="fw-bold">32</span> <span>Available Today</span>
3507                        </div>
3508                        <div class="fulfillment-text" style="margin-top:2px;">
3509                            <span class="fw-bold">168</span> <span>As soon as 09/28</span>
3510                        </div>
3511            </div>
3512    </div>
3513    <div style="margin-top:12px;">
3514        <div class="fulfillment-meta">
3515            <span class="fw-bold">Free Pickup at </span>
3516            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
3517        </div>
3518        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
3519                <span class="fulfillment-stockitem">
3520                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
3521                        <span>32 in stock</span>
3522                </span>
3523                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
3524                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
3525                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
3526                    </svg>
3527                    Outside Item
3528                </span>
3529        </div>
3530    </div>
3531
3532    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
3533        No additional quantity can be added.
3534    </div>
3535</div>
3536    
3537<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
3538    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
3539        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
3540        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
3541        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
3542    </div>
3543    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
3544</div>
3545</div></template>
3546                        </div>
3547                    </div>
3548                </div>
3549            </div>
3550        </a>
3551    </div>
3552    <div class="col-12 col-sm-6 col-md-4 mb-3">
3553        <a class="card card-container h-100" href="/shop/p/020103/bc-plywood-1132-in-x-4-ft-x-8-ft-southern-pine-38-in" data-sku="020103">
3554            <div class="card-body d-flex justify-content-between flex-column lh-sm">
3555                <div class="d-flex flex-column justify-content-between h-100">
3556                    <div class="position-relative">
3557                        <div class="d-flex align-items-start justify-content-between">
3558                            <div class="d-flex align-items-center flex-wrap gap-1">
3559                            </div>
3560                            <button type="button" class="product-card-save-btn"
3561                                    data-save-product-sku="020103"
3562                                    data-save-saved-for-later="false"
3563                                    data-save-list-ids=""
3564                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
3565                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020103', this); return false;"
3566                                    style="position:static;">
3567                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
3568                            </button>
3569                        </div>
3570                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
3571                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODSP.jpg" alt="BC Plywood, 11/32 in x 4 ft x 8 ft - Southern Pine (3/8 in)" class="img-fluid product-image" />
3572                        </div>
3573                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
3574                        <div class="mt-2 fw-normal" data-name>BC Plywood, 11/32 in x 4 ft x 8 ft - Southern Pine (3/8 in)</div>
3575                    </div>
3576                    <div class="mt-2">
3577                        <div class="fw-normal">Sku: 020103</div>
3578                            <div class="fw-normal mt-2">
357844 Available at <span class="text-primary fw-bold">San Marcos</span></div>
3579                        <div class="pc-price myriad mt-2">
3580$38<sup style="top: -10px;">.79</sup>
3581                        </div>
3582                        <div class="my-0">
3583&nbsp;                        </div>
3584                        <div class="pt-2">
3585                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
3586                                    <template class="cart-options-template">
3587<div class="cart-options"
3588     data-sku="020103"
3589     data-store-number="0"
3590     data-uom="EA"
3591     data-max-order="9999"
3592     data-existing-pickup="0"
3593     data-existing-delivery="0"
3594     data-method="pickup"
3595     data-cannot-add="false">
3596    <div class="mb-3">
3597            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
3598        <div class="h6 m-0">BC Plywood, 11/32 in x 4 ft x 8 ft - Southern Pine (3/8 in)</div>
3599    </div>
3600    
3601<div class="card-container cart-options-panel">
3602    <div class="fulfillment-options">
3603        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
3604             style="border-color:#4C741C;">
3605            <div class="co-pickup-check fulfillment-check" style="display:flex;">
3606                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
3607            </div>
3608            <div class="fulfillment-title">Pickup</div>
3609                    <div class="fulfillment-text" style="margin-top:6px;">
3610                        <span class="fw-bold">44</span> <span>Available Today</span>
3611                    </div>
3612                    <div class="fulfillment-text" style="margin-top:2px;">
3613                        <span class="fw-bold">270</span> <span>As soon as 10/02</span>
3614                    </div>
3615        </div>
3616            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
3617                 style="border-color:#ced4da;">
3618                <div class="co-delivery-check fulfillment-check" style="display:none;">
3619                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
3620                </div>
3621                <div class="fulfillment-title">Delivery</div>
3622                        <div class="fulfillment-text" style="margin-top:6px;">
3623                            <span class="fw-bold">44</span> <span>Available Today</span>
3624                        </div>
3625                        <div class="fulfillment-text" style="margin-top:2px;">
3626                            <span class="fw-bold">270</span> <span>As soon as 10/02</span>
3627                        </div>
3628            </div>
3629    </div>
3630    <div style="margin-top:12px;">
3631        <div class="fulfillment-meta">
3632            <span class="fw-bold">Free Pickup at </span>
3633            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
3634        </div>
3635        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
3636                <span class="fulfillment-stockitem">
3637                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
3638                        <span>44 in stock</span>
3639                </span>
3640                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
3641                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
3642                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
3643                    </svg>
3644                    Outside Item
3645                </span>
3646        </div>
3647    </div>
3648
3649    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
3650        No additional quantity can be added.
3651    </div>
3652</div>
3653    
3654<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
3655    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
3656        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
3657        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
3657 color:#212529;" />
3658        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
3659    </div>
3660    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
3661</div>
3662</div></template>
3663                        </div>
3664                    </div>
3665                </div>
3666            </div>
3667        </a>
3668    </div>
3669    <div class="col-12 col-sm-6 col-md-4 mb-3">
3670        <a class="card card-container h-100" href="/shop/p/020215/cd-underlayment-1-18-in-x-4-ft-x-8-ft-southern-pine-plywood-tongue-groove" data-sku="020215">
3671            <div class="card-body d-flex justify-content-between flex-column lh-sm">
3672                <div class="d-flex flex-column justify-content-between h-100">
3673                    <div class="position-relative">
3674                            <img src="/images/BulkSavings_Flag.png?v=YjORMYmDpLvNMhxBW8oCGICGOLjYOO-SyS--I5YDtRQ" alt="See Bulk Pricing" style="position:absolute; top:0; left:0; width:25%; z-index:2;" />
3675                        <div class="d-flex align-items-start justify-content-between">
3676                            <div class="d-flex align-items-center flex-wrap gap-1">
3677                            </div>
3678                            <button type="button" class="product-card-save-btn"
3679                                    data-save-product-sku="020215"
3680                                    data-save-saved-for-later="false"
3681                                    data-save-list-ids=""
3682                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
3683                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020215', this); return false;"
3684                                    style="position:static;">
3685                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
3686                            </button>
3687                        </div>
3688                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
3689                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/PLYWOODSP-T&amp;G.jpg" alt="CD Underlayment, 1-1/8 in x 4 ft x 8 ft - Southern Pine Plywood, Tongue &amp; Groove" class="img-fluid product-image" />
3690                        </div>
3691                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
3692                        <div class="mt-2 fw-normal" data-name>CD Underlayment, 1-1/8 in x 4 ft x 8 ft - Southern Pine Plywood, Tongue &amp; Groove</div>
3693                    </div>
3694                    <div class="mt-2">
3695                        <div class="fw-normal">Sku: 020215</div>
3696                            <div class="fw-normal mt-2">26 Available at <span class="text-primary fw-bold">San Marcos</span></div>
3697                        <div class="pc-price myriad mt-2">
3698$77<sup style="top: -10px;">.99</sup>
3699                        </div>
3700                        <div class="my-0">
3701                                <span class="pc-bulk-msg">
3702                                    
3703    <span>Get <strong>BULK PRICE</strong> with</span>
3704    <br />
370527 or more at $70.19 EA
3706                                </span>
3707                        </div>
3708                        <div class="pt-2">
3709                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
3710                                    <template class="cart-options-template">
3711<div class="cart-options"
3712     data-sku="020215"
3713     data-store-number="0"
3714     data-uom="EA"
3715     data-max-order="9999"
3716     data-existing-pickup="0"
3717     data-existing-delivery="0"
3718     data-method="pickup"
3719     data-cannot-add="false">
3720    <div class="mb-3">
3721            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
3722        <div class="h6 m-0">CD Underlayment, 1-1/8 in x 4 ft x 8 ft - Southern Pine Plywood, Tongue &amp; Groove</div>
3723    </div>
3724    
3725<div class="card-container cart-options-panel">
3726    <div class="fulfillment-options">
3727        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
3728             style="border-color:#4C741C;">
3729            <div class="co-pickup-check fulfillment-check" style="display:flex;">
3730                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
3731            </div>
3732            <div class="fulfillment-title">Pickup</div>
3733                    <div class="fulfillment-text" style="margin-top:6px;">
3734                        <span class="fw-bold">26</span> <span>Available Today</span>
3735                    </div>
3736                    <div class="fulfillment-text" style="margin-top:2px;">
3737                        <span class="fw-bold">334</span> <span>As soon as 10/02</span>
3738                    </div>
3739        </div>
3740            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
3741                 style="border-color:#ced4da;">
3742                <div class="co-delivery-check fulfillment-check" style="display:none;">
3743                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
3744                </div>
3745                <div class="fulfillment-title">Delivery</div>
3746                        <div class="fulfillment-text" style="margin-top:6px;">
3747                            <span class="fw-bold">26</span> <span>Available Today</span>
3748                        </div>
3749                        <div class="fulfillment-text" style="margin-top:2px;">
3750                            <span class="fw-bold">334</span> <span>As soon as 10/02</span>
3751                        </div>
3752            </div>
3753    </div>
3754    <div style="margin-top:12px;">
3755        <div class="fulfillment-meta">
3756            <span class="fw-bold">Free Pickup at </span>
3757            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
3758        </div>
3759        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
3760                <span class="fulfillment-stockitem">
3761                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
3762                        <span>26 in stock</span>
3763                </span>
3764                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
3765                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
3766                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
3767                    </svg>
3768                    Outside Item
3769                </span>
3770        </div>
3771    </div>
3772
3773    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
3774        No additional quantity can be added.
3775    </div>
3776</div>
3777    
3778<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
3779    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
3780        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
3781        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
3782        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
3783    </div>
3784    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
3785</div>
3786</div></template>
3787                        </div>
3788                    </div>
3789                </div>
3790            </div>
3791        </a>
3792    </div>
3793    <div class="col-12 col-sm-6 col-md-4 mb-3">
3794        <a class="card card-container h-100" href="/shop/p/7501141-052303-12/simpson-strong-tie-psca-series-psca-716-panel-sheathing-clip-20-ga-thick-material-steel-galvanized" data-sku="7501141-052303-12">
3795            <div class="card-body d-flex justify-content-between flex-column lh-sm">
3796                <div class="d-flex flex-column justify-content-between h-100">
3797                    <div class="position-relative">
3798                        <div class="d-flex align-items-start justify-content-between">
3799                            <div class="d-flex align-items-center flex-wrap gap-1">
3800                            </div>
3801                            <button type="button" class="product-card-save-btn"
3802                                    data-save-product-sku="7501141-052303-12"
3803                                    data-save-saved-for-later="false"
3804                                    data-save-list-ids=""
3805                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
3806                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('7501141-052303-12', this); return false;"
3807                                    style="position:static;">
3808                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
3809                            </button>
3810                        </div>
3811                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
3812                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/101860498.jpg" alt="P
3812SCA Series PSCA 7/16 Panel Sheathing Clip, 20 ga Thick Material, Steel, Galvanized" class="img-fluid product-image" />
3813                        </div>
3814                            <div class="fw-bold mt-2" data-brand>Simpson Strong-Tie</div>
3815                        <div class="mt-2 fw-normal" data-name>PSCA Series PSCA 7/16 Panel Sheathing Clip, 20 ga Thick Material, Steel, Galvanized</div>
3816                    </div>
3817                    <div class="mt-2">
3818                        <div class="fw-normal">Sku: 12037802</div>
3819                            <div class="fw-normal mt-2">30 Available at <span class="text-primary fw-bold">San Marcos</span></div>
3820                        <div class="pc-price myriad mt-2">
3821$12<sup style="top: -10px;"><span>.79</span><span class="pc-price-uom"> / Box</span></sup>
3822                        </div>
3823                        <div class="my-0">
3824&nbsp;                        </div>
3825                        <div class="pt-2">
3826                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
3827                                    <template class="cart-options-template">
3828<div class="cart-options"
3829     data-sku="7501141-052303-12"
3830     data-store-number="0"
3831     data-uom="BOX"
3832     data-max-order="9999"
3833     data-existing-pickup="0"
3834     data-existing-delivery="0"
3835     data-method="pickup"
3836     data-cannot-add="false">
3837    <div class="mb-3">
3838            <div class="fw-bold" style="font-size:0.875rem;">Simpson Strong-Tie</div>
3839        <div class="h6 m-0">PSCA Series PSCA 7/16 Panel Sheathing Clip, 20 ga Thick Material, Steel, Galvanized</div>
3840    </div>
3841    
3842<div class="card-container cart-options-panel">
3843    <div class="fulfillment-options">
3844        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
3845             style="border-color:#4C741C;">
3846            <div class="co-pickup-check fulfillment-check" style="display:flex;">
3847                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
3848            </div>
3849            <div class="fulfillment-title">Pickup</div>
3850                    <div class="fulfillment-text" style="margin-top:6px;">
3851                        <span class="fw-bold">30</span> <span>Available Today</span>
3852                    </div>
3853                    <div class="fulfillment-text" style="margin-top:2px;">
3854                        <span class="fw-bold">28</span> <span>As soon as 10/01</span>
3855                    </div>
3856        </div>
3857            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
3858                 style="border-color:#ced4da;">
3859                <div class="co-delivery-check fulfillment-check" style="display:none;">
3860                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
3861                </div>
3862                <div class="fulfillment-title">Delivery</div>
3863                        <div class="fulfillment-text" style="margin-top:6px;">
3864                            <span class="fw-bold">30</span> <span>Available Today</span>
3865                        </div>
3866                        <div class="fulfillment-text" style="margin-top:2px;">
3867                            <span class="fw-bold">28</span> <span>As soon as 10/01</span>
3868                        </div>
3869            </div>
3870    </div>
3871    <div style="margin-top:12px;">
3872        <div class="fulfillment-meta">
3873            <span class="fw-bold">Free Pickup at </span>
3874            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
3875        </div>
3876        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
3877                <span class="fulfillment-stockitem">
3878                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
3879                        <span>30 in stock</span>
3880                </span>
3881        </div>
3882    </div>
3883
3884    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
3885        No additional quantity can be added.
3886    </div>
3887</div>
3888    
3889<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
3890    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
3891        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
3892        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
3893        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
3894    </div>
3895    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
3896</div>
3897</div></template>
3898                        </div>
3899                    </div>
3900                </div>
3901            </div>
3902        </a>
3903    </div>
3904    <div class="col-12 col-sm-6 col-md-4 mb-3">
3905        <a class="card card-container h-100" href="/shop/p/020109/bc-plywood-1932-in-x-4-ft-x-8-ft-southern-pine-58-in" data-sku="020109">
3906            <div class="card-body d-flex justify-content-between flex-column lh-sm">
3907                <div class="d-flex flex-column justify-content-between h-100">
3908                    <div class="position-relative">
3909                        <div class="d-flex align-items-start justify-content-between">
3910                            <div class="d-flex align-items-center flex-wrap gap-1">
3911                            </div>
3912                            <button type="button" class="product-card-save-btn"
3913                                    data-save-product-sku="020109"
3914                                    data-save-saved-for-later="false"
3915                                    data-save-list-ids=""
3916                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
3917                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020109', this); return false;"
3918                                    style="position:static;">
3919                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
3920                            </button>
3921                        </div>
3922                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
3923                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODSP.jpg" alt="BC Plywood, 19/32 in x 4 ft x 8 ft - Southern Pine (5/8 in)" class="img-fluid product-image" />
3924                        </div>
3925                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
3926                        <div class="mt-2 fw-normal" data-name>BC Plywood, 19/32 in x 4 ft x 8 ft - Southern Pine (5/8 in)</div>
3927                    </div>
3928                    <div class="mt-2">
3929                        <div class="fw-normal">Sku: 020109</div>
3930                            <div class="fw-normal mt-2">8 Available at <span class="text-primary fw-bold">San Marcos</span></div>
3931                        <div class="pc-price myriad mt-2">
3932$46<sup style="top: -10px;">.49</sup>
3933                        </div>
3934                        <div class="my-0">
3935&nbsp;                        </div>
3936                        <div class="pt-2">
3937                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
3938                                    <template class="cart-options-template">
3939<div class="cart-options"
3940     data-sku="020109"
3941     data-store-number="0"
3942     data-uom="EA"
3943     data-max-order="9999"
3944     data-existing-pickup="0"
3945     data-existing-delivery="0"
3946     data-method="pickup"
3947     data-cannot-add="false">
3948    <div class="mb-3">
3949            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
3950        <div class="h6 m-0">BC Plywood, 19/32 in x 4 ft x 8 ft - Southern Pine (5/8 in)</div>
3951    </div>
3952    
3953<div class="card-container cart-options-panel">
3954    <div class="fulfillment-options">
3955        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
3956             style="border-color:#4C741C;">
3957            <div class="co-pickup-check fulfillment-check" style="display:flex;">
3958                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
3959            </div>
3960            <div class="fulfillment-title">Pickup</div>
3961                    <div class="fulfillment-text" style="margin-top:6px;">
3962                        <span class="fw-bold">8</span> <span>Available Today</span>
3963                    </div>
3964                    <div class="fulfillment-text" style="margin-top:2px;">
3965                        <span class="fw-bold">116</span> <span>As soon as 10/02</span>
3966                    </div>
3967        </div>
3968            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
3969                 style="border-color:#ced4da;">
3970                <div class="co-delivery-check fulfillment-check" style="display:none;">
3971                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
3972                </div>
3973                <div class="fulfillment-title">Delivery</div>
3974                        <div class="fulfillment-text" style="margin-top:6px;">
3975                            <span class="fw-bold">8</span> <span>Available Today</span>
3976                        </div>
3977                        <div class="fulfillment-text" style="margin-top:2px;">
3978                            <span class="fw-bold">116</span> <span>As soon as 10/02</span>
3979                        </div>
3980            </div>
3981    </div>
3982    <div style="margin-top:12px;">
3983        <div class="fulfillment-meta">
3984            <span class="fw-bold">Free Pickup at </span>
3985            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
3986        </div>
3987        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
3988                <span class="fulfillment-stockitem">
3989                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
3990                        <span>8 in stock</span>
3991                </span>
3992                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
3993                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
3994                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
3995                    </svg>
3996                    Outside Item
3997                </span>
3998        </div>
3999    </div>
4000
4001    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
4002        No additional quantity can be added.
4003    </div>
4004</div>
4005    
4006<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
4007    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
4008        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
4009        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
4010        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
4011    </div>
4012    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
4013</div>
4014</div></template>
4015                        </div>
4016                    </div>
4017                </div>
4018            </div>
4019        </a>
4020    </div>
4021    <div class="col-12 col-sm-6 col-md-4 mb-3">
4022        <a class="card card-container h-100" href="/shop/p/02064165/c-2-plywood-15-mm-x-4-ft-x-8-ft-birch-58-in" data-sku="02064165">
4023            <div class="card-body d-flex justify-content-between flex-column lh-sm">
4024                <div class="d-flex flex-column justify-content-between h-100">
4025                    <div class="position-relative">
4026                        <div class="d-flex align-items-start justify-content-between">
4027                            <div class="d-flex align-items-center flex-wrap gap-1">
4028                            </div>
4029                            <button type="button" class="product-card-save-btn"
4030                                    data-save-product-sku="02064165"
4031                                    data-save-saved-for-later="false"
4032                                    data-save-list-ids=""
4033                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
4034                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02064165', this); return false;"
4035                                    style="position:static;">
4036                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
4037                            </button>
4038                        </div>
4039                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
4040                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODBIRCH.jpg" alt="C-2 Plywood, 15 mm x 4 ft x 8 ft - Birch (5/8 in)" class="img-fluid product-image" />
4041                        </div>
4042                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
4043                        <div class="mt-2 fw-normal" data-name>C-2 Plywood, 15 mm x 4 ft x 8 ft - Birch (5/8 in)</div>
4044                    </div>
4045                    <div class="mt-2">
4046                        <div class="fw-normal">Sku: 02064165</div>
4047                            <div class="fw-normal mt-2">
404716 Available at <span class="text-primary fw-bold">San Marcos</span></div>
4048                        <div class="pc-price myriad mt-2">
4049$62<sup style="top: -10px;">.99</sup>
4050                        </div>
4051                        <div class="my-0">
4052&nbsp;                        </div>
4053                        <div class="pt-2">
4054                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
4055                                    <template class="cart-options-template">
4056<div class="cart-options"
4057     data-sku="02064165"
4058     data-store-number="0"
4059     data-uom="EA"
4060     data-max-order="9999"
4061     data-existing-pickup="0"
4062     data-existing-delivery="0"
4063     data-method="pickup"
4064     data-cannot-add="false">
4065    <div class="mb-3">
4066            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
4067        <div class="h6 m-0">C-2 Plywood, 15 mm x 4 ft x 8 ft - Birch (5/8 in)</div>
4068    </div>
4069    
4070<div class="card-container cart-options-panel">
4071    <div class="fulfillment-options">
4072        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
4073             style="border-color:#4C741C;">
4074            <div class="co-pickup-check fulfillment-check" style="display:flex;">
4075                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
4076            </div>
4077            <div class="fulfillment-title">Pickup</div>
4078                    <div class="fulfillment-text" style="margin-top:6px;">
4079                        <span class="fw-bold">16</span> <span>Available Today</span>
4080                    </div>
4081                    <div class="fulfillment-text" style="margin-top:2px;">
4082                        <span class="fw-bold">77</span> <span>As soon as 09/28</span>
4083                    </div>
4084        </div>
4085            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
4086                 style="border-color:#ced4da;">
4087                <div class="co-delivery-check fulfillment-check" style="display:none;">
4088                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
4089                </div>
4090                <div class="fulfillment-title">Delivery</div>
4091                        <div class="fulfillment-text" style="margin-top:6px;">
4092                            <span class="fw-bold">16</span> <span>Available Today</span>
4093                        </div>
4094                        <div class="fulfillment-text" style="margin-top:2px;">
4095                            <span class="fw-bold">77</span> <span>As soon as 09/28</span>
4096                        </div>
4097            </div>
4098    </div>
4099    <div style="margin-top:12px;">
4100        <div class="fulfillment-meta">
4101            <span class="fw-bold">Free Pickup at </span>
4102            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
4103        </div>
4104        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
4105                <span class="fulfillment-stockitem">
4106                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
4107                        <span>16 in stock</span>
4108                </span>
4109                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
4110                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
4111                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
4112                    </svg>
4113                    Outside Item
4114                </span>
4115        </div>
4116    </div>
4117
4118    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
4119        No additional quantity can be added.
4120    </div>
4121</div>
4122    
4123<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
4124    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
4125        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
4126        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
4126 color:#212529;" />
4127        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
4128    </div>
4129    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
4130</div>
4131</div></template>
4132                        </div>
4133                    </div>
4134                </div>
4135            </div>
4136        </a>
4137    </div>
4138    <div class="col-12 col-sm-6 col-md-4 mb-3">
4139        <a class="card card-container h-100" href="/shop/p/7501133-052303-12/simpson-strong-tie-psca-series-psca-1532-panel-sheathing-clip-20-ga-thick-material-steel-galvanized" data-sku="7501133-052303-12">
4140            <div class="card-body d-flex justify-content-between flex-column lh-sm">
4141                <div class="d-flex flex-column justify-content-between h-100">
4142                    <div class="position-relative">
4143                        <div class="d-flex align-items-start justify-content-between">
4144                            <div class="d-flex align-items-center flex-wrap gap-1">
4145                            </div>
4146                            <button type="button" class="product-card-save-btn"
4147                                    data-save-product-sku="7501133-052303-12"
4148                                    data-save-saved-for-later="false"
4149                                    data-save-list-ids=""
4150                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
4151                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('7501133-052303-12', this); return false;"
4152                                    style="position:static;">
4153                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
4154                            </button>
4155                        </div>
4156                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
4157                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/101860499.jpg" alt="PSCA Series PSCA 15/32 Panel Sheathing Clip, 20 ga Thick Material, Steel, Galvanized" class="img-fluid product-image" />
4158                        </div>
4159                            <div class="fw-bold mt-2" data-brand>Simpson Strong-Tie</div>
4160                        <div class="mt-2 fw-normal" data-name>PSCA Series PSCA 15/32 Panel Sheathing Clip, 20 ga Thick Material, Steel, Galvanized</div>
4161                    </div>
4162                    <div class="mt-2">
4163                        <div class="fw-normal">Sku: 12037804</div>
4164                            <div class="fw-normal mt-2">29 Available at <span class="text-primary fw-bold">San Marcos</span></div>
4165                        <div class="pc-price myriad mt-2">
4166$12<sup style="top: -10px;"><span>.79</span><span class="pc-price-uom"> / Box</span></sup>
4167                        </div>
4168                        <div class="my-0">
4169&nbsp;                        </div>
4170                        <div class="pt-2">
4171                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
4172                                    <template class="cart-options-template">
4173<div class="cart-options"
4174     data-sku="7501133-052303-12"
4175     data-store-number="0"
4176     data-uom="BOX"
4177     data-max-order="9999"
4178     data-existing-pickup="0"
4179     data-existing-delivery="0"
4180     data-method="pickup"
4181     data-cannot-add="false">
4182    <div class="mb-3">
4183            <div class="fw-bold" style="font-size:0.875rem;">Simpson Strong-Tie</div>
4184        <div class="h6 m-0">PSCA Series PSCA 15/32 Panel Sheathing Clip, 20 ga Thick Material, Steel, Galvanized</div>
4185    </div>
4186    
4187<div class="card-container cart-options-panel">
4188    <div class="fulfillment-options">
4189        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
4190             style="border-color:#4C741C;">
4191            <div class="co-pickup-check fulfillment-check" style="display:flex;">
4192                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
4193            </div>
4194            <div class="fulfillment-title">Pickup</div>
4195                    <div class="fulfillment-text" style="margin-top:6px;">
4196                        <span class="fw-bold">29</span> <span>Available Today</span>
4197                    </div>
4198                    <div class="fulfillment-text" style="margin-top:2px;">
4199                        <span class="fw-bold">6</span> <span>As soon as 10/02</span>
4200                    </div>
4201        </div>
4202            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
4203                 style="border-color:#ced4da;">
4204                <div class="co-delivery-check fulfillment-check" style="display:none;">
4205                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
4206                </div>
4207                <div class="fulfillment-title">Delivery</div>
4208                        <div class="fulfillment-text" style="margin-top:6px;">
4209                            <span class="fw-bold">29</span> <span>Available Today</span>
4210                        </div>
4211                        <div class="fulfillment-text" style="margin-top:2px;">
4212                            <span class="fw-bold">6</span> <span>As soon as 10/02</span>
4213                        </div>
4214            </div>
4215    </div>
4216    <div style="margin-top:12px;">
4217        <div class="fulfillment-meta">
4218            <span class="fw-bold">Free Pickup at </span>
4219            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
4220        </div>
4221        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
4222                <span class="fulfillment-stockitem">
4223                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
4224                        <span>29 in stock</span>
4225                </span>
4226        </div>
4227    </div>
4228
4229    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
4230        No additional quantity can be added.
4231    </div>
4232</div>
4233    
4234<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
4235    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
4236        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
4237        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
4238        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
4239    </div>
4240    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
4241</div>
4242</div></template>
4243                        </div>
4244                    </div>
4245                </div>
4246            </div>
4247        </a>
4248    </div>
4249    <div class="col-12 col-sm-6 col-md-4 mb-3">
4250        <a class="card card-container h-100" href="/shop/p/020533/plywood-14-in-x-2-ft-x-4-ft-lauan-mahogany" data-sku="020533">
4251            <div class="card-body d-flex justify-content-between flex-column lh-sm">
4252                <div class="d-flex flex-column justify-content-between h-100">
4253                    <div class="position-relative">
4254                        <div class="d-flex align-items-start justify-content-between">
4255                            <div class="d-flex align-items-center flex-wrap gap-1">
4256                            </div>
4257                            <button type="button" class="product-card-save-btn"
4258                                    data-save-product-sku="020533"
4259                                    data-save-saved-for-later="false"
4260                                    data-save-list-ids=""
4261                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
4262                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020533', this); return false;"
4263                                    style="position:static;">
4264                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
4265                            </button>
4266                        </div>
4267                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
4268                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/luanpic.jpg" alt="Plywood, 1/4 in x 2 ft x 4 ft - Lauan Mahogany" class="img-fluid product-image" />
4269                        </div>
4270                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
4271                        <div class="mt-2 fw-normal" data-name>Plywood, 1/4 in x 2 ft x 4 ft - Lauan Mahogany</div>
4272                    </div>
4273                    <div class="mt-2">
4274                        <div class="fw-normal">Sku: 020533</div>
4275                            <div class="fw-normal mt-2">
42756 Available at <span class="text-primary fw-bold">San Marcos</span></div>
4276                        <div class="pc-price myriad mt-2">
4277$16<sup style="top: -10px;">.49</sup>
4278                        </div>
4279                        <div class="my-0">
4280&nbsp;                        </div>
4281                        <div class="pt-2">
4282                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
4283                                    <template class="cart-options-template">
4284<div class="cart-options"
4285     data-sku="020533"
4286     data-store-number="0"
4287     data-uom="EA"
4288     data-max-order="9999"
4289     data-existing-pickup="0"
4290     data-existing-delivery="0"
4291     data-method="pickup"
4292     data-cannot-add="false">
4293    <div class="mb-3">
4294            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
4295        <div class="h6 m-0">Plywood, 1/4 in x 2 ft x 4 ft - Lauan Mahogany</div>
4296    </div>
4297    
4298<div class="card-container cart-options-panel">
4299    <div class="fulfillment-options">
4300        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
4301             style="border-color:#4C741C;">
4302            <div class="co-pickup-check fulfillment-check" style="display:flex;">
4303                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
4304            </div>
4305            <div class="fulfillment-title">Pickup</div>
4306                    <div class="fulfillment-text" style="margin-top:6px;">
4307                        <span class="fw-bold">6</span> <span>Available Today</span>
4308                    </div>
4309                    <div class="fulfillment-text" style="margin-top:2px;">
4310                        <span class="fw-bold">40</span> <span>As soon as 09/28</span>
4311                    </div>
4312        </div>
4313            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
4314                 style="border-color:#ced4da;">
4315                <div class="co-delivery-check fulfillment-check" style="display:none;">
4316                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
4317                </div>
4318                <div class="fulfillment-title">Delivery</div>
4319                        <div class="fulfillment-text" style="margin-top:6px;">
4320                            <span class="fw-bold">6</span> <span>Available Today</span>
4321                        </div>
4322                        <div class="fulfillment-text" style="margin-top:2px;">
4323                            <span class="fw-bold">40</span> <span>As soon as 09/28</span>
4324                        </div>
4325            </div>
4326    </div>
4327    <div style="margin-top:12px;">
4328        <div class="fulfillment-meta">
4329            <span class="fw-bold">Free Pickup at </span>
4330            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
4331        </div>
4332        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
4333                <span class="fulfillment-stockitem">
4334                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
4335                        <span>6 in stock</span>
4336                </span>
4337                <span class="fulfillment-stockitem" dataset-aisle="Aisle 41">
4338                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
4339                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
4340                    </svg>
4341                    Aisle 41
4342                </span>
4343        </div>
4344    </div>
4345
4346    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
4347        No additional quantity can be added.
4348    </div>
4349</div>
4350    
4351<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
4352    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
4353        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
4354        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
4354 color:#212529;" />
4355        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
4356    </div>
4357    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
4358</div>
4359</div></template>
4360                        </div>
4361                    </div>
4362                </div>
4363            </div>
4364        </a>
4365    </div>
4366    <div class="col-12 col-sm-6 col-md-4 mb-3">
4367        <a class="card card-container h-100" href="/shop/p/020560/d-3-plywood-34-in-x-2-ft-x-4-ft-birch" data-sku="020560">
4368            <div class="card-body d-flex justify-content-between flex-column lh-sm">
4369                <div class="d-flex flex-column justify-content-between h-100">
4370                    <div class="position-relative">
4371                        <div class="d-flex align-items-start justify-content-between">
4372                            <div class="d-flex align-items-center flex-wrap gap-1">
4373                            </div>
4374                            <button type="button" class="product-card-save-btn"
4375                                    data-save-product-sku="020560"
4376                                    data-save-saved-for-later="false"
4377                                    data-save-list-ids=""
4378                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
4379                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020560', this); return false;"
4380                                    style="position:static;">
4381                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
4382                            </button>
4383                        </div>
4384                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
4385                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODBIRCH.jpg" alt="D-3 Plywood, 3/4 in x 2 ft x 4 ft - Birch" class="img-fluid product-image" />
4386                        </div>
4387                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
4388                        <div class="mt-2 fw-normal" data-name>D-3 Plywood, 3/4 in x 2 ft x 4 ft - Birch</div>
4389                    </div>
4390                    <div class="mt-2">
4391                        <div class="fw-normal">Sku: 020560</div>
4392                            <div class="fw-normal mt-2">5 Available at <span class="text-primary fw-bold">San Marcos</span></div>
4393                        <div class="pc-price myriad mt-2">
4394$44<sup style="top: -10px;">.99</sup>
4395                        </div>
4396                        <div class="my-0">
4397&nbsp;                        </div>
4398                        <div class="pt-2">
4399                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
4400                                    <template class="cart-options-template">
4401<div class="cart-options"
4402     data-sku="020560"
4403     data-store-number="0"
4404     data-uom="EA"
4405     data-max-order="9999"
4406     data-existing-pickup="0"
4407     data-existing-delivery="0"
4408     data-method="pickup"
4409     data-cannot-add="false">
4410    <div class="mb-3">
4411            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
4412        <div class="h6 m-0">D-3 Plywood, 3/4 in x 2 ft x 4 ft - Birch</div>
4413    </div>
4414    
4415<div class="card-container cart-options-panel">
4416    <div class="fulfillment-options">
4417        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
4418             style="border-color:#4C741C;">
4419            <div class="co-pickup-check fulfillment-check" style="display:flex;">
4420                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
4421            </div>
4422            <div class="fulfillment-title">Pickup</div>
4423                    <div class="fulfillment-text" style="margin-top:6px;">
4424                        <span class="fw-bold">5</span> <span>Available Today</span>
4425                    </div>
4426                    <div class="fulfillment-text" style="margin-top:2px;">
4427                        <span class="fw-bold">36</span> <span>As soon as 09/28</span>
4428                    </div>
4429        </div>
4430            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
4431                 style="border-color:#ced4da;">
4432                <div class="co-delivery-check fulfillment-check" style="display:none;">
4433                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
4434                </div>
4435                <div class="fulfillment-title">Delivery</div>
4436                        <div class="fulfillment-text" style="margin-top:6px;">
4437                            <span class="fw-bold">5</span> <span>Available Today</span>
4438                        </div>
4439                        <div class="fulfillment-text" style="margin-top:2px;">
4440                            <span class="fw-bold">36</span> <span>As soon as 09/28</span>
4441                        </div>
4442            </div>
4443    </div>
4444    <div style="margin-top:12px;">
4445        <div class="fulfillment-meta">
4446            <span class="fw-bold">Free Pickup at </span>
4447            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
4448        </div>
4449        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
4450                <span class="fulfillment-stockitem">
4451                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
4452                        <span>5 in stock</span>
4453                </span>
4454                <span class="fulfillment-stockitem" dataset-aisle="Aisle 41">
4455                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
4456                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
4457                    </svg>
4458                    Aisle 41
4459                </span>
4460        </div>
4461    </div>
4462
4463    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
4464        No additional quantity can be added.
4465    </div>
4466</div>
4467    
4468<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
4469    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
4470        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
4471        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
4472        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
4473    </div>
4474    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
4475</div>
4476</div></template>
4477                        </div>
4478                    </div>
4479                </div>
4480            </div>
4481        </a>
4482    </div>
4483    <div class="col-12 col-sm-6 col-md-4 mb-3">
4484        <a class="card card-container h-100" href="/shop/p/020502/bc-plywood-1132-in-x-2-ft-x-4-ft-southern-pine-38-in" data-sku="020502">
4485            <div class="card-body d-flex justify-content-between flex-column lh-sm">
4486                <div class="d-flex flex-column justify-content-between h-100">
4487                    <div class="position-relative">
4488                        <div class="d-flex align-items-start justify-content-between">
4489                            <div class="d-flex align-items-center flex-wrap gap-1">
4490                            </div>
4491                            <button type="button" class="product-card-save-btn"
4492                                    data-save-product-sku="020502"
4493                                    data-save-saved-for-later="false"
4494                                    data-save-list-ids=""
4495                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
4496                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020502', this); return false;"
4497                                    style="position:static;">
4498                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
4499                            </button>
4500                        </div>
4501                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
4502                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODSP.jpg" alt="BC Plywood, 11/32 in x 2 ft x 4 ft - Southern Pine (3/8 in)" class="img-fluid product-image" />
4503                        </div>
4504                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
4505                        <div class="mt-2 fw-normal" data-name>BC Plywood, 11/32 in x 2 ft x 4 ft - Southern Pine (3/8 in)</div>
4506                    </div>
4507                    <div class="mt-2">
4508                        <div class="fw-normal">Sku: 020502</div>
4509                            <div class="fw-normal mt-2">
45097 Available at <span class="text-primary fw-bold">San Marcos</span></div>
4510                        <div class="pc-price myriad mt-2">
4511$24<sup style="top: -10px;">.99</sup>
4512                        </div>
4513                        <div class="my-0">
4514&nbsp;                        </div>
4515                        <div class="pt-2">
4516                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
4517                                    <template class="cart-options-template">
4518<div class="cart-options"
4519     data-sku="020502"
4520     data-store-number="0"
4521     data-uom="EA"
4522     data-max-order="9999"
4523     data-existing-pickup="0"
4524     data-existing-delivery="0"
4525     data-method="pickup"
4526     data-cannot-add="false">
4527    <div class="mb-3">
4528            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
4529        <div class="h6 m-0">BC Plywood, 11/32 in x 2 ft x 4 ft - Southern Pine (3/8 in)</div>
4530    </div>
4531    
4532<div class="card-container cart-options-panel">
4533    <div class="fulfillment-options">
4534        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
4535             style="border-color:#4C741C;">
4536            <div class="co-pickup-check fulfillment-check" style="display:flex;">
4537                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
4538            </div>
4539            <div class="fulfillment-title">Pickup</div>
4540                    <div class="fulfillment-text" style="margin-top:6px;">
4541                        <span class="fw-bold">7</span> <span>Available Today</span>
4542                    </div>
4543                    <div class="fulfillment-text" style="margin-top:2px;">
4544                        <span class="fw-bold">39</span> <span>As soon as 09/28</span>
4545                    </div>
4546        </div>
4547            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
4548                 style="border-color:#ced4da;">
4549                <div class="co-delivery-check fulfillment-check" style="display:none;">
4550                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
4551                </div>
4552                <div class="fulfillment-title">Delivery</div>
4553                        <div class="fulfillment-text" style="margin-top:6px;">
4554                            <span class="fw-bold">7</span> <span>Available Today</span>
4555                        </div>
4556                        <div class="fulfillment-text" style="margin-top:2px;">
4557                            <span class="fw-bold">39</span> <span>As soon as 09/28</span>
4558                        </div>
4559            </div>
4560    </div>
4561    <div style="margin-top:12px;">
4562        <div class="fulfillment-meta">
4563            <span class="fw-bold">Free Pickup at </span>
4564            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
4565        </div>
4566        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
4567                <span class="fulfillment-stockitem">
4568                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
4569                        <span>7 in stock</span>
4570                </span>
4571                <span class="fulfillment-stockitem" dataset-aisle="Aisle 41">
4572                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
4573                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
4574                    </svg>
4575                    Aisle 41
4576                </span>
4577        </div>
4578    </div>
4579
4580    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
4581        No additional quantity can be added.
4582    </div>
4583</div>
4584    
4585<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
4586    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
4587        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
4588        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
4588 color:#212529;" />
4589        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
4590    </div>
4591    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
4592</div>
4593</div></template>
4594                        </div>
4595                    </div>
4596                </div>
4597            </div>
4598        </a>
4599    </div>
4600    <div class="col-12 col-sm-6 col-md-4 mb-3">
4601        <a class="card card-container h-100" href="/shop/p/02060230/d-3-plywood-34-in-x-4-ft-x-8-ft-birch" data-sku="02060230">
4602            <div class="card-body d-flex justify-content-between flex-column lh-sm">
4603                <div class="d-flex flex-column justify-content-between h-100">
4604                    <div class="position-relative">
4605                        <div class="d-flex align-items-start justify-content-between">
4606                            <div class="d-flex align-items-center flex-wrap gap-1">
4607                            </div>
4608                            <button type="button" class="product-card-save-btn"
4609                                    data-save-product-sku="02060230"
4610                                    data-save-saved-for-later="false"
4611                                    data-save-list-ids=""
4612                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
4613                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02060230', this); return false;"
4614                                    style="position:static;">
4615                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
4616                            </button>
4617                        </div>
4618                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
4619                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODBIRCH.jpg" alt="D-3 Plywood, 3/4 in x 4 ft x 8 ft - Birch" class="img-fluid product-image" />
4620                        </div>
4621                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
4622                        <div class="mt-2 fw-normal" data-name>D-3 Plywood, 3/4 in x 4 ft x 8 ft - Birch</div>
4623                    </div>
4624                    <div class="mt-2">
4625                        <div class="fw-normal">Sku: 02060230</div>
4626                            <div class="fw-normal mt-2">20 Available at <span class="text-primary fw-bold">San Marcos</span></div>
4627                        <div class="pc-price myriad mt-2">
4628$85<sup style="top: -10px;">.99</sup>
4629                        </div>
4630                        <div class="my-0">
4631&nbsp;                        </div>
4632                        <div class="pt-2">
4633                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
4634                                    <template class="cart-options-template">
4635<div class="cart-options"
4636     data-sku="02060230"
4637     data-store-number="0"
4638     data-uom="EA"
4639     data-max-order="9999"
4640     data-existing-pickup="0"
4641     data-existing-delivery="0"
4642     data-method="pickup"
4643     data-cannot-add="false">
4644    <div class="mb-3">
4645            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
4646        <div class="h6 m-0">D-3 Plywood, 3/4 in x 4 ft x 8 ft - Birch</div>
4647    </div>
4648    
4649<div class="card-container cart-options-panel">
4650    <div class="fulfillment-options">
4651        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
4652             style="border-color:#4C741C;">
4653            <div class="co-pickup-check fulfillment-check" style="display:flex;">
4654                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
4655            </div>
4656            <div class="fulfillment-title">Pickup</div>
4657                    <div class="fulfillment-text" style="margin-top:6px;">
4658                        <span class="fw-bold">20</span> <span>Available Today</span>
4659                    </div>
4660                    <div class="fulfillment-text" style="margin-top:2px;">
4661                        <span class="fw-bold">8</span> <span>As soon as 09/28</span>
4662                    </div>
4663        </div>
4664            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
4665                 style="border-color:#ced4da;">
4666                <div class="co-delivery-check fulfillment-check" style="display:none;">
4667                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
4668                </div>
4669                <div class="fulfillment-title">Delivery</div>
4670                        <div class="fulfillment-text" style="margin-top:6px;">
4671                            <span class="fw-bold">20</span> <span>Available Today</span>
4672                        </div>
4673                        <div class="fulfillment-text" style="margin-top:2px;">
4674                            <span class="fw-bold">8</span> <span>As soon as 09/28</span>
4675                        </div>
4676            </div>
4677    </div>
4678    <div style="margin-top:12px;">
4679        <div class="fulfillment-meta">
4680            <span class="fw-bold">Free Pickup at </span>
4681            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
4682        </div>
4683        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
4684                <span class="fulfillment-stockitem">
4685                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
4686                        <span>20 in stock</span>
4687                </span>
4688        </div>
4689    </div>
4690
4691    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
4692        No additional quantity can be added.
4693    </div>
4694</div>
4695    
4696<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
4697    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
4698        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
4699        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
4700        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
4701    </div>
4702    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
4703</div>
4704</div></template>
4705                        </div>
4706                    </div>
4707                </div>
4708            </div>
4709        </a>
4710    </div>
4711    <div class="col-12 col-sm-6 col-md-4 mb-3">
4712        <a class="card card-container h-100" href="/shop/p/020526/bc-plywood-2332-in-x-2-ft-x-2-ft-southern-pine-34-in" data-sku="020526">
4713            <div class="card-body d-flex justify-content-between flex-column lh-sm">
4714                <div class="d-flex flex-column justify-content-between h-100">
4715                    <div class="position-relative">
4716                        <div class="d-flex align-items-start justify-content-between">
4717                            <div class="d-flex align-items-center flex-wrap gap-1">
4718                            </div>
4719                            <button type="button" class="product-card-save-btn"
4720                                    data-save-product-sku="020526"
4721                                    data-save-saved-for-later="false"
4722                                    data-save-list-ids=""
4723                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
4724                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020526', this); return false;"
4725                                    style="position:static;">
4726                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
4727                            </button>
4728                        </div>
4729                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
4730                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODSP.jpg" alt="BC Plywood, 23/32 in x 2 ft x 2 ft - Southern Pine (3/4 in)" class="img-fluid product-image" />
4731                        </div>
4732                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
4733                        <div class="mt-2 fw-normal" data-name>BC Plywood, 23/32 in x 2 ft x 2 ft - Southern Pine (3/4 in)</div>
4734                    </div>
4735                    <div class="mt-2">
4736                        <div class="fw-normal">Sku: 020526</div>
4737                            <div class="fw-normal mt-2">
47373 Available at <span class="text-primary fw-bold">San Marcos</span></div>
4738                        <div class="pc-price myriad mt-2">
4739$24<sup style="top: -10px;">.99</sup>
4740                        </div>
4741                        <div class="my-0">
4742&nbsp;                        </div>
4743                        <div class="pt-2">
4744                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
4745                                    <template class="cart-options-template">
4746<div class="cart-options"
4747     data-sku="020526"
4748     data-store-number="0"
4749     data-uom="EA"
4750     data-max-order="9999"
4751     data-existing-pickup="0"
4752     data-existing-delivery="0"
4753     data-method="pickup"
4754     data-cannot-add="false">
4755    <div class="mb-3">
4756            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
4757        <div class="h6 m-0">BC Plywood, 23/32 in x 2 ft x 2 ft - Southern Pine (3/4 in)</div>
4758    </div>
4759    
4760<div class="card-container cart-options-panel">
4761    <div class="fulfillment-options">
4762        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
4763             style="border-color:#4C741C;">
4764            <div class="co-pickup-check fulfillment-check" style="display:flex;">
4765                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
4766            </div>
4767            <div class="fulfillment-title">Pickup</div>
4768                    <div class="fulfillment-text" style="margin-top:6px;">
4769                        <span class="fw-bold">3</span> <span>Available Today</span>
4770                    </div>
4771                    <div class="fulfillment-text" style="margin-top:2px;">
4772                        <span class="fw-bold">38</span> <span>As soon as 09/28</span>
4773                    </div>
4774        </div>
4775            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
4776                 style="border-color:#ced4da;">
4777                <div class="co-delivery-check fulfillment-check" style="display:none;">
4778                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
4779                </div>
4780                <div class="fulfillment-title">Delivery</div>
4781                        <div class="fulfillment-text" style="margin-top:6px;">
4782                            <span class="fw-bold">3</span> <span>Available Today</span>
4783                        </div>
4784                        <div class="fulfillment-text" style="margin-top:2px;">
4785                            <span class="fw-bold">38</span> <span>As soon as 09/28</span>
4786                        </div>
4787            </div>
4788    </div>
4789    <div style="margin-top:12px;">
4790        <div class="fulfillment-meta">
4791            <span class="fw-bold">Free Pickup at </span>
4792            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
4793        </div>
4794        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
4795                <span class="fulfillment-stockitem">
4796                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
4797                        <span>3 in stock</span>
4798                </span>
4799                <span class="fulfillment-stockitem" dataset-aisle="Aisle 41">
4800                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
4801                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
4802                    </svg>
4803                    Aisle 41
4804                </span>
4805        </div>
4806    </div>
4807
4808    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
4809        No additional quantity can be added.
4810    </div>
4811</div>
4812    
4813<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
4814    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
4815        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
4816        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
4816 color:#212529;" />
4817        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
4818    </div>
4819    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
4820</div>
4821</div></template>
4822                        </div>
4823                    </div>
4824                </div>
4825            </div>
4826        </a>
4827    </div>
4828    <div class="col-12 col-sm-6 col-md-4 mb-3">
4829        <a class="card card-container h-100" href="/shop/p/020554/d-3-plywood-14-in-x-2-ft-x-4-ft-birch" data-sku="020554">
4830            <div class="card-body d-flex justify-content-between flex-column lh-sm">
4831                <div class="d-flex flex-column justify-content-between h-100">
4832                    <div class="position-relative">
4833                        <div class="d-flex align-items-start justify-content-between">
4834                            <div class="d-flex align-items-center flex-wrap gap-1">
4835                            </div>
4836                            <button type="button" class="product-card-save-btn"
4837                                    data-save-product-sku="020554"
4838                                    data-save-saved-for-later="false"
4839                                    data-save-list-ids=""
4840                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
4841                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020554', this); return false;"
4842                                    style="position:static;">
4843                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
4844                            </button>
4845                        </div>
4846                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
4847                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODBIRCH.jpg" alt="D-3 Plywood, 1/4 in x 2 ft x 4 ft - Birch" class="img-fluid product-image" />
4848                        </div>
4849                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
4850                        <div class="mt-2 fw-normal" data-name>D-3 Plywood, 1/4 in x 2 ft x 4 ft - Birch</div>
4851                    </div>
4852                    <div class="mt-2">
4853                        <div class="fw-normal">Sku: 020554</div>
4854                            <div class="fw-normal mt-2">8 Available at <span class="text-primary fw-bold">San Marcos</span></div>
4855                        <div class="pc-price myriad mt-2">
4856$25<sup style="top: -10px;">.49</sup>
4857                        </div>
4858                        <div class="my-0">
4859&nbsp;                        </div>
4860                        <div class="pt-2">
4861                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
4862                                    <template class="cart-options-template">
4863<div class="cart-options"
4864     data-sku="020554"
4865     data-store-number="0"
4866     data-uom="EA"
4867     data-max-order="9999"
4868     data-existing-pickup="0"
4869     data-existing-delivery="0"
4870     data-method="pickup"
4871     data-cannot-add="false">
4872    <div class="mb-3">
4873            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
4874        <div class="h6 m-0">D-3 Plywood, 1/4 in x 2 ft x 4 ft - Birch</div>
4875    </div>
4876    
4877<div class="card-container cart-options-panel">
4878    <div class="fulfillment-options">
4879        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
4880             style="border-color:#4C741C;">
4881            <div class="co-pickup-check fulfillment-check" style="display:flex;">
4882                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
4883            </div>
4884            <div class="fulfillment-title">Pickup</div>
4885                    <div class="fulfillment-text" style="margin-top:6px;">
4886                        <span class="fw-bold">8</span> <span>Available Today</span>
4887                    </div>
4888                    <div class="fulfillment-text" style="margin-top:2px;">
4889                        <span class="fw-bold">35</span> <span>As soon as 09/28</span>
4890                    </div>
4891        </div>
4892            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
4893                 style="border-color:#ced4da;">
4894                <div class="co-delivery-check fulfillment-check" style="display:none;">
4895                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
4896                </div>
4897                <div class="fulfillment-title">Delivery</div>
4898                        <div class="fulfillment-text" style="margin-top:6px;">
4899                            <span class="fw-bold">8</span> <span>Available Today</span>
4900                        </div>
4901                        <div class="fulfillment-text" style="margin-top:2px;">
4902                            <span class="fw-bold">35</span> <span>As soon as 09/28</span>
4903                        </div>
4904            </div>
4905    </div>
4906    <div style="margin-top:12px;">
4907        <div class="fulfillment-meta">
4908            <span class="fw-bold">Free Pickup at </span>
4909            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
4910        </div>
4911        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
4912                <span class="fulfillment-stockitem">
4913                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
4914                        <span>8 in stock</span>
4915                </span>
4916                <span class="fulfillment-stockitem" dataset-aisle="Aisle 41">
4917                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
4918                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
4919                    </svg>
4920                    Aisle 41
4921                </span>
4922        </div>
4923    </div>
4924
4925    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
4926        No additional quantity can be added.
4927    </div>
4928</div>
4929    
4930<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
4931    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
4932        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
4933        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
4934        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
4935    </div>
4936    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
4937</div>
4938</div></template>
4939                        </div>
4940                    </div>
4941                </div>
4942            </div>
4943        </a>
4944    </div>
4945    <div class="col-12 col-sm-6 col-md-4 mb-3">
4946        <a class="card card-container h-100" href="/shop/p/020530/plywood-14-in-x-2-ft-x-2-ft-lauan-mahogany" data-sku="020530">
4947            <div class="card-body d-flex justify-content-between flex-column lh-sm">
4948                <div class="d-flex flex-column justify-content-between h-100">
4949                    <div class="position-relative">
4950                        <div class="d-flex align-items-start justify-content-between">
4951                            <div class="d-flex align-items-center flex-wrap gap-1">
4952                            </div>
4953                            <button type="button" class="product-card-save-btn"
4954                                    data-save-product-sku="020530"
4955                                    data-save-saved-for-later="false"
4956                                    data-save-list-ids=""
4957                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
4958                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020530', this); return false;"
4959                                    style="position:static;">
4960                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
4961                            </button>
4962                        </div>
4963                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
4964                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/luanpic.jpg" alt="Plywood, 1/4 in x 2 ft x 2 ft - Lauan Mahogany" class="img-fluid product-image" />
4965                        </div>
4966                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
4967                        <div class="mt-2 fw-normal" data-name>Plywood, 1/4 in x 2 ft x 2 ft - Lauan Mahogany</div>
4968                    </div>
4969                    <div class="mt-2">
4970                        <div class="fw-normal">Sku: 020530</div>
4971                            <div class="fw-normal mt-2">
49714 Available at <span class="text-primary fw-bold">San Marcos</span></div>
4972                        <div class="pc-price myriad mt-2">
4973$9<sup style="top: -10px;">.29</sup>
4974                        </div>
4975                        <div class="my-0">
4976&nbsp;                        </div>
4977                        <div class="pt-2">
4978                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
4979                                    <template class="cart-options-template">
4980<div class="cart-options"
4981     data-sku="020530"
4982     data-store-number="0"
4983     data-uom="EA"
4984     data-max-order="9999"
4985     data-existing-pickup="0"
4986     data-existing-delivery="0"
4987     data-method="pickup"
4988     data-cannot-add="false">
4989    <div class="mb-3">
4990            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
4991        <div class="h6 m-0">Plywood, 1/4 in x 2 ft x 2 ft - Lauan Mahogany</div>
4992    </div>
4993    
4994<div class="card-container cart-options-panel">
4995    <div class="fulfillment-options">
4996        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
4997             style="border-color:#4C741C;">
4998            <div class="co-pickup-check fulfillment-check" style="display:flex;">
4999                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
5000            </div>
5001            <div class="fulfillment-title">Pickup</div>
5002                    <div class="fulfillment-text" style="margin-top:6px;">
5003                        <span class="fw-bold">4</span> <span>Available Today</span>
5004                    </div>
5005                    <div class="fulfillment-text" style="margin-top:2px;">
5006                        <span class="fw-bold">39</span> <span>As soon as 09/28</span>
5007                    </div>
5008        </div>
5009            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
5010                 style="border-color:#ced4da;">
5011                <div class="co-delivery-check fulfillment-check" style="display:none;">
5012                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
5013                </div>
5014                <div class="fulfillment-title">Delivery</div>
5015                        <div class="fulfillment-text" style="margin-top:6px;">
5016                            <span class="fw-bold">4</span> <span>Available Today</span>
5017                        </div>
5018                        <div class="fulfillment-text" style="margin-top:2px;">
5019                            <span class="fw-bold">39</span> <span>As soon as 09/28</span>
5020                        </div>
5021            </div>
5022    </div>
5023    <div style="margin-top:12px;">
5024        <div class="fulfillment-meta">
5025            <span class="fw-bold">Free Pickup at </span>
5026            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
5027        </div>
5028        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
5029                <span class="fulfillment-stockitem">
5030                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
5031                        <span>4 in stock</span>
5032                </span>
5033                <span class="fulfillment-stockitem" dataset-aisle="Aisle 41">
5034                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
5035                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
5036                    </svg>
5037                    Aisle 41
5038                </span>
5039        </div>
5040    </div>
5041
5042    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
5043        No additional quantity can be added.
5044    </div>
5045</div>
5046    
5047<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
5048    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
5049        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
5050        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
5050 color:#212529;" />
5051        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
5052    </div>
5053    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
5054</div>
5055</div></template>
5056                        </div>
5057                    </div>
5058                </div>
5059            </div>
5060        </a>
5061    </div>
5062    <div class="col-12 col-sm-6 col-md-4 mb-3">
5063        <a class="card card-container h-100" href="/shop/p/1090208-052303-02/alexandria-moulding-py002-py048c-12-in-x-2ft-x-4-ft-sanded-rectangular-plywood" data-sku="1090208-052303-02">
5064            <div class="card-body d-flex justify-content-between flex-column lh-sm">
5065                <div class="d-flex flex-column justify-content-between h-100">
5066                    <div class="position-relative">
5067                        <div class="d-flex align-items-start justify-content-between">
5068                            <div class="d-flex align-items-center flex-wrap gap-1">
5069                            </div>
5070                            <button type="button" class="product-card-save-btn"
5071                                    data-save-product-sku="1090208-052303-02"
5072                                    data-save-saved-for-later="false"
5073                                    data-save-list-ids=""
5074                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
5075                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('1090208-052303-02', this); return false;"
5076                                    style="position:static;">
5077                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
5078                            </button>
5079                        </div>
5080                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
5081                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/100008023.jpg" alt="PY002-PY048C 1/2 in x 2ft x 4 ft Sanded Rectangular Plywood" class="img-fluid product-image" />
5082                        </div>
5083                            <div class="fw-bold mt-2" data-brand>ALEXANDRIA Moulding</div>
5084                        <div class="mt-2 fw-normal" data-name>PY002-PY048C 1/2 in x 2ft x 4 ft Sanded Rectangular Plywood</div>
5085                    </div>
5086                    <div class="mt-2">
5087                        <div class="fw-normal">Sku: 020503</div>
5088                            <div class="fw-normal mt-2">7 Available at <span class="text-primary fw-bold">San Marcos</span></div>
5089                        <div class="pc-price myriad mt-2">
5090$27<sup style="top: -10px;">.49</sup>
5091                        </div>
5092                        <div class="my-0">
5093&nbsp;                        </div>
5094                        <div class="pt-2">
5095                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
5096                                    <template class="cart-options-template">
5097<div class="cart-options"
5098     data-sku="1090208-052303-02"
5099     data-store-number="0"
5100     data-uom="EA"
5101     data-max-order="9999"
5102     data-existing-pickup="0"
5103     data-existing-delivery="0"
5104     data-method="pickup"
5105     data-cannot-add="false">
5106    <div class="mb-3">
5107            <div class="fw-bold" style="font-size:0.875rem;">ALEXANDRIA Moulding</div>
5108        <div class="h6 m-0">PY002-PY048C 1/2 in x 2ft x 4 ft Sanded Rectangular Plywood</div>
5109    </div>
5110    
5111<div class="card-container cart-options-panel">
5112    <div class="fulfillment-options">
5113        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
5114             style="border-color:#4C741C;">
5115            <div class="co-pickup-check fulfillment-check" style="display:flex;">
5116                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
5117            </div>
5118            <div class="fulfillment-title">Pickup</div>
5119                    <div class="fulfillment-text" style="margin-top:6px;">
5120                        <span class="fw-bold">7</span> <span>Available Today</span>
5121                    </div>
5122                    <div class="fulfillment-text" style="margin-top:2px;">
5123                        <span class="fw-bold">193</span> <span>As soon as 10/01</span>
5124                    </div>
5125        </div>
5126            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
5127                 style="border-color:#ced4da;">
5128                <div class="co-delivery-check fulfillment-check" style="display:none;">
5129                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
5130                </div>
5131                <div class="fulfillment-title">Delivery</div>
5132                        <div class="fulfillment-text" style="margin-top:6px;">
5133                            <span class="fw-bold">7</span> <span>Available Today</span>
5134                        </div>
5135                        <div class="fulfillment-text" style="margin-top:2px;">
5136                            <span class="fw-bold">193</span> <span>As soon as 10/01</span>
5137                        </div>
5138            </div>
5139    </div>
5140    <div style="margin-top:12px;">
5141        <div class="fulfillment-meta">
5142            <span class="fw-bold">Free Pickup at </span>
5143            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
5144        </div>
5145        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
5146                <span class="fulfillment-stockitem">
5147                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
5148                        <span>7 in stock</span>
5149                </span>
5150                <span class="fulfillment-stockitem" dataset-aisle="Aisle 41">
5151                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
5152                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
5153                    </svg>
5154                    Aisle 41
5155                </span>
5156        </div>
5157    </div>
5158
5159    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
5160        No additional quantity can be added.
5161    </div>
5162</div>
5163    
5164<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
5165    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
5166        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
5167        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
5168        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
5169    </div>
5170    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
5171</div>
5172</div></template>
5173                        </div>
5174                    </div>
5175                </div>
5176            </div>
5177        </a>
5178    </div>
5179    <div class="col-12 col-sm-6 col-md-4 mb-3">
5180        <a class="card card-container h-100" href="/shop/p/2973881-052303-02/alexandria-moulding-py006-py048c-34-in-x-4-ft-x-4-ft-square-plywood" data-sku="2973881-052303-02">
5181            <div class="card-body d-flex justify-content-between flex-column lh-sm">
5182                <div class="d-flex flex-column justify-content-between h-100">
5183                    <div class="position-relative">
5184                        <div class="d-flex align-items-start justify-content-between">
5185                            <div class="d-flex align-items-center flex-wrap gap-1">
5186                            </div>
5187                            <button type="button" class="product-card-save-btn"
5188                                    data-save-product-sku="2973881-052303-02"
5189                                    data-save-saved-for-later="false"
5190                                    data-save-list-ids=""
5191                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
5192                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('2973881-052303-02', this); return false;"
5193                                    style="position:static;">
5194                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
5195                            </button>
5196                        </div>
5197                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
5198                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/100020971.jpg" alt="PY006-PY048C 3/4 in x 4 ft x 4 ft Square Plywood" class="img-fluid product-image" />
5199                        </div>
5200                            <div class="fw-bold mt-2" data-brand>ALEXANDRIA Moulding</div>
5201                        <div class="mt-2 fw-normal" data-name>PY006-PY048C 3/4 in x 4 ft x 4 ft Square Plywood</div>
5202                    </div>
5203                    <div class="mt-2">
5204                        <div class="fw-normal">Sku: 020515</div>
5205                            <div class="fw-normal mt-2">
52055 Available at <span class="text-primary fw-bold">San Marcos</span></div>
5206                        <div class="pc-price myriad mt-2">
5207$44<sup style="top: -10px;">.99</sup>
5208                        </div>
5209                        <div class="my-0">
5210&nbsp;                        </div>
5211                        <div class="pt-2">
5212                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
5213                                    <template class="cart-options-template">
5214<div class="cart-options"
5215     data-sku="2973881-052303-02"
5216     data-store-number="0"
5217     data-uom="EA"
5218     data-max-order="9999"
5219     data-existing-pickup="0"
5220     data-existing-delivery="0"
5221     data-method="pickup"
5222     data-cannot-add="false">
5223    <div class="mb-3">
5224            <div class="fw-bold" style="font-size:0.875rem;">ALEXANDRIA Moulding</div>
5225        <div class="h6 m-0">PY006-PY048C 3/4 in x 4 ft x 4 ft Square Plywood</div>
5226    </div>
5227    
5228<div class="card-container cart-options-panel">
5229    <div class="fulfillment-options">
5230        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
5231             style="border-color:#4C741C;">
5232            <div class="co-pickup-check fulfillment-check" style="display:flex;">
5233                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
5234            </div>
5235            <div class="fulfillment-title">Pickup</div>
5236                    <div class="fulfillment-text" style="margin-top:6px;">
5237                        <span class="fw-bold">5</span> <span>Available Today</span>
5238                    </div>
5239                    <div class="fulfillment-text" style="margin-top:2px;">
5240                        <span class="fw-bold">28</span> <span>As soon as 10/01</span>
5241                    </div>
5242        </div>
5243            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
5244                 style="border-color:#ced4da;">
5245                <div class="co-delivery-check fulfillment-check" style="display:none;">
5246                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
5247                </div>
5248                <div class="fulfillment-title">Delivery</div>
5249                        <div class="fulfillment-text" style="margin-top:6px;">
5250                            <span class="fw-bold">5</span> <span>Available Today</span>
5251                        </div>
5252                        <div class="fulfillment-text" style="margin-top:2px;">
5253                            <span class="fw-bold">28</span> <span>As soon as 10/01</span>
5254                        </div>
5255            </div>
5256    </div>
5257    <div style="margin-top:12px;">
5258        <div class="fulfillment-meta">
5259            <span class="fw-bold">Free Pickup at </span>
5260            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
5261        </div>
5262        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
5263                <span class="fulfillment-stockitem">
5264                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
5265                        <span>5 in stock</span>
5266                </span>
5267                <span class="fulfillment-stockitem" dataset-aisle="Aisle 41">
5268                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
5269                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
5270                    </svg>
5271                    Aisle 41
5272                </span>
5273        </div>
5274    </div>
5275
5276    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
5277        No additional quantity can be added.
5278    </div>
5279</div>
5280    
5281<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
5282    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
5283        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
5284        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
5284 color:#212529;" />
5285        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
5286    </div>
5287    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
5288</div>
5289</div></template>
5290                        </div>
5291                    </div>
5292                </div>
5293            </div>
5294        </a>
5295    </div>
5296    <div class="col-12 col-sm-6 col-md-4 mb-3">
5297        <a class="card card-container h-100" href="/shop/p/02064152/import-beaded-white-birch-plywood-52-mm-x-4-ft-x-8-ft-birch-14-in" data-sku="02064152">
5298            <div class="card-body d-flex justify-content-between flex-column lh-sm">
5299                <div class="d-flex flex-column justify-content-between h-100">
5300                    <div class="position-relative">
5301                        <div class="d-flex align-items-start justify-content-between">
5302                            <div class="d-flex align-items-center flex-wrap gap-1">
5303                            </div>
5304                            <button type="button" class="product-card-save-btn"
5305                                    data-save-product-sku="02064152"
5306                                    data-save-saved-for-later="false"
5307                                    data-save-list-ids=""
5308                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
5309                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02064152', this); return false;"
5310                                    style="position:static;">
5311                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
5312                            </button>
5313                        </div>
5314                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
5315                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/02064152.jpg" alt="Import Beaded White Birch Plywood, 5.2 mm x 4 ft x 8 ft - Birch (1/4 in)" class="img-fluid product-image" />
5316                        </div>
5317                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
5318                        <div class="mt-2 fw-normal" data-name>Import Beaded White Birch Plywood, 5.2 mm x 4 ft x 8 ft - Birch (1/4 in)</div>
5319                    </div>
5320                    <div class="mt-2">
5321                        <div class="fw-normal">Sku: 02064152</div>
5322                            <div class="fw-normal mt-2">24 Available at <span class="text-primary fw-bold">San Marcos</span></div>
5323                        <div class="pc-price myriad mt-2">
5324$44<sup style="top: -10px;">.99</sup>
5325                        </div>
5326                        <div class="my-0">
5327&nbsp;                        </div>
5328                        <div class="pt-2">
5329                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
5330                                    <template class="cart-options-template">
5331<div class="cart-options"
5332     data-sku="02064152"
5333     data-store-number="0"
5334     data-uom="EA"
5335     data-max-order="9999"
5336     data-existing-pickup="0"
5337     data-existing-delivery="0"
5338     data-method="pickup"
5339     data-cannot-add="false">
5340    <div class="mb-3">
5341            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
5342        <div class="h6 m-0">Import Beaded White Birch Plywood, 5.2 mm x 4 ft x 8 ft - Birch (1/4 in)</div>
5343    </div>
5344    
5345<div class="card-container cart-options-panel">
5346    <div class="fulfillment-options">
5347        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
5348             style="border-color:#4C741C;">
5349            <div class="co-pickup-check fulfillment-check" style="display:flex;">
5350                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
5351            </div>
5352            <div class="fulfillment-title">Pickup</div>
5353                    <div class="fulfillment-text" style="margin-top:6px;">
5354                        <span class="fw-bold">24</span> <span>Available Today</span>
5355                    </div>
5356                    <div class="fulfillment-text" style="margin-top:2px;">
5357                        <span class="fw-bold">75</span> <span>As soon as 10/02</span>
5358                    </div>
5359        </div>
5360            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
5361                 style="border-color:#ced4da;">
5362                <div class="co-delivery-check fulfillment-check" style="display:none;">
5363                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
5364                </div>
5365                <div class="fulfillment-title">Delivery</div>
5366                        <div class="fulfillment-text" style="margin-top:6px;">
5367                            <span class="fw-bold">24</span> <span>Available Today</span>
5368                        </div>
5369                        <div class="fulfillment-text" style="margin-top:2px;">
5370                            <span class="fw-bold">75</span> <span>As soon as 10/02</span>
5371                        </div>
5372            </div>
5373    </div>
5374    <div style="margin-top:12px;">
5375        <div class="fulfillment-meta">
5376            <span class="fw-bold">Free Pickup at </span>
5377            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
5378        </div>
5379        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
5380                <span class="fulfillment-stockitem">
5381                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
5382                        <span>24 in stock</span>
5383                </span>
5384                <span class="fulfillment-stockitem" dataset-aisle="Aisle 41">
5385                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
5386                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
5387                    </svg>
5388                    Aisle 41
5389                </span>
5390        </div>
5391    </div>
5392
5393    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
5394        No additional quantity can be added.
5395    </div>
5396</div>
5397    
5398<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
5399    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
5400        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
5401        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
5402        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
5403    </div>
5404    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
5405</div>
5406</div></template>
5407                        </div>
5408                    </div>
5409                </div>
5410            </div>
5411        </a>
5412    </div>
5413    <div class="col-12 col-sm-6 col-md-4 mb-3">
5414        <a class="card card-container h-100" href="/shop/p/8369639-052303-02/alexandria-moulding-py001-py048c-14-in-x-2-ft-x-4-ft-rectangular-plywood" data-sku="8369639-052303-02">
5415            <div class="card-body d-flex justify-content-between flex-column lh-sm">
5416                <div class="d-flex flex-column justify-content-between h-100">
5417                    <div class="position-relative">
5418                        <div class="d-flex align-items-start justify-content-between">
5419                            <div class="d-flex align-items-center flex-wrap gap-1">
5420                            </div>
5421                            <button type="button" class="product-card-save-btn"
5422                                    data-save-product-sku="8369639-052303-02"
5423                                    data-save-saved-for-later="false"
5424                                    data-save-list-ids=""
5425                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
5426                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('8369639-052303-02', this); return false;"
5427                                    style="position:static;">
5428                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
5429                            </button>
5430                        </div>
5431                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
5432                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/100082884.jpg" alt="PY001-PY048C 1/4 in x 2 ft x 4 ft Rectangular Plywood" class="img-fluid product-image" />
5433                        </div>
5434                            <div class="fw-bold mt-2" data-brand>ALEXANDRIA Moulding</div>
5435                        <div class="mt-2 fw-normal" data-name>PY001-PY048C 1/4 in x 2 ft x 4 ft Rectangular Plywood</div>
5436                    </div>
5437                    <div class="mt-2">
5438                        <div class="fw-normal">Sku: 020500</div>
5439                            <div class="fw-normal mt-2">
54392 Available at <span class="text-primary fw-bold">San Marcos</span></div>
5440                        <div class="pc-price myriad mt-2">
5441$16<sup style="top: -10px;">.49</sup>
5442                        </div>
5443                        <div class="my-0">
5444&nbsp;                        </div>
5445                        <div class="pt-2">
5446                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
5447                                    <template class="cart-options-template">
5448<div class="cart-options"
5449     data-sku="8369639-052303-02"
5450     data-store-number="0"
5451     data-uom="EA"
5452     data-max-order="9999"
5453     data-existing-pickup="0"
5454     data-existing-delivery="0"
5455     data-method="pickup"
5456     data-cannot-add="false">
5457    <div class="mb-3">
5458            <div class="fw-bold" style="font-size:0.875rem;">ALEXANDRIA Moulding</div>
5459        <div class="h6 m-0">PY001-PY048C 1/4 in x 2 ft x 4 ft Rectangular Plywood</div>
5460    </div>
5461    
5462<div class="card-container cart-options-panel">
5463    <div class="fulfillment-options">
5464        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
5465             style="border-color:#4C741C;">
5466            <div class="co-pickup-check fulfillment-check" style="display:flex;">
5467                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
5468            </div>
5469            <div class="fulfillment-title">Pickup</div>
5470                    <div class="fulfillment-text" style="margin-top:6px;">
5471                        <span class="fw-bold">2</span> <span>Available Today</span>
5472                    </div>
5473                    <div class="fulfillment-text" style="margin-top:2px;">
5474                        <span class="fw-bold">247</span> <span>As soon as 10/01</span>
5475                    </div>
5476        </div>
5477            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
5478                 style="border-color:#ced4da;">
5479                <div class="co-delivery-check fulfillment-check" style="display:none;">
5480                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
5481                </div>
5482                <div class="fulfillment-title">Delivery</div>
5483                        <div class="fulfillment-text" style="margin-top:6px;">
5484                            <span class="fw-bold">2</span> <span>Available Today</span>
5485                        </div>
5486                        <div class="fulfillment-text" style="margin-top:2px;">
5487                            <span class="fw-bold">247</span> <span>As soon as 10/01</span>
5488                        </div>
5489            </div>
5490    </div>
5491    <div style="margin-top:12px;">
5492        <div class="fulfillment-meta">
5493            <span class="fw-bold">Free Pickup at </span>
5494            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
5495        </div>
5496        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
5497                <span class="fulfillment-stockitem">
5498                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
5499                        <span>2 in stock</span>
5500                </span>
5501                <span class="fulfillment-stockitem" dataset-aisle="Aisle 41">
5502                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
5503                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
5504                    </svg>
5505                    Aisle 41
5506                </span>
5507        </div>
5508    </div>
5509
5510    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
5511        No additional quantity can be added.
5512    </div>
5513</div>
5514    
5515<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
5516    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
5517        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
5518        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
5518 color:#212529;" />
5519        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
5520    </div>
5521    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
5522</div>
5523</div></template>
5524                        </div>
5525                    </div>
5526                </div>
5527            </div>
5528        </a>
5529    </div>
5530    <div class="col-12 col-sm-6 col-md-4 mb-3">
5531        <a class="card card-container h-100" href="/shop/p/3809365-052303-02/alexandria-moulding-py003-py048c-34-in-x-2-ft-x-4-ft-sanded-rectangular-plywood" data-sku="3809365-052303-02">
5532            <div class="card-body d-flex justify-content-between flex-column lh-sm">
5533                <div class="d-flex flex-column justify-content-between h-100">
5534                    <div class="position-relative">
5535                        <div class="d-flex align-items-start justify-content-between">
5536                            <div class="d-flex align-items-center flex-wrap gap-1">
5537                            </div>
5538                            <button type="button" class="product-card-save-btn"
5539                                    data-save-product-sku="3809365-052303-02"
5540                                    data-save-saved-for-later="false"
5541                                    data-save-list-ids=""
5542                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
5543                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('3809365-052303-02', this); return false;"
5544                                    style="position:static;">
5545                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
5546                            </button>
5547                        </div>
5548                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
5549                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/100028083.jpg" alt="PY003-PY048C 3/4 in x 2 ft x 4 ft Sanded Rectangular Plywood" class="img-fluid product-image" />
5550                        </div>
5551                            <div class="fw-bold mt-2" data-brand>ALEXANDRIA Moulding</div>
5552                        <div class="mt-2 fw-normal" data-name>PY003-PY048C 3/4 in x 2 ft x 4 ft Sanded Rectangular Plywood</div>
5553                    </div>
5554                    <div class="mt-2">
5555                        <div class="fw-normal">Sku: 020506</div>
5556                            <div class="fw-normal mt-2">6 Available at <span class="text-primary fw-bold">San Marcos</span></div>
5557                        <div class="pc-price myriad mt-2">
5558$30<sup style="top: -10px;">.49</sup>
5559                        </div>
5560                        <div class="my-0">
5561&nbsp;                        </div>
5562                        <div class="pt-2">
5563                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
5564                                    <template class="cart-options-template">
5565<div class="cart-options"
5566     data-sku="3809365-052303-02"
5567     data-store-number="0"
5568     data-uom="EA"
5569     data-max-order="9999"
5570     data-existing-pickup="0"
5571     data-existing-delivery="0"
5572     data-method="pickup"
5573     data-cannot-add="false">
5574    <div class="mb-3">
5575            <div class="fw-bold" style="font-size:0.875rem;">ALEXANDRIA Moulding</div>
5576        <div class="h6 m-0">PY003-PY048C 3/4 in x 2 ft x 4 ft Sanded Rectangular Plywood</div>
5577    </div>
5578    
5579<div class="card-container cart-options-panel">
5580    <div class="fulfillment-options">
5581        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
5582             style="border-color:#4C741C;">
5583            <div class="co-pickup-check fulfillment-check" style="display:flex;">
5584                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
5585            </div>
5586            <div class="fulfillment-title">Pickup</div>
5587                    <div class="fulfillment-text" style="margin-top:6px;">
5588                        <span class="fw-bold">6</span> <span>Available Today</span>
5589                    </div>
5590                    <div class="fulfillment-text" style="margin-top:2px;">
5591                        <span class="fw-bold">84</span> <span>As soon as 10/01</span>
5592                    </div>
5593        </div>
5594            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
5595                 style="border-color:#ced4da;">
5596                <div class="co-delivery-check fulfillment-check" style="display:none;">
5597                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
5598                </div>
5599                <div class="fulfillment-title">Delivery</div>
5600                        <div class="fulfillment-text" style="margin-top:6px;">
5601                            <span class="fw-bold">6</span> <span>Available Today</span>
5602                        </div>
5603                        <div class="fulfillment-text" style="margin-top:2px;">
5604                            <span class="fw-bold">84</span> <span>As soon as 10/01</span>
5605                        </div>
5606            </div>
5607    </div>
5608    <div style="margin-top:12px;">
5609        <div class="fulfillment-meta">
5610            <span class="fw-bold">Free Pickup at </span>
5611            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
5612        </div>
5613        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
5614                <span class="fulfillment-stockitem">
5615                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
5616                        <span>6 in stock</span>
5617                </span>
5618                <span class="fulfillment-stockitem" dataset-aisle="Aisle 41">
5619                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
5620                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
5621                    </svg>
5622                    Aisle 41
5623                </span>
5624        </div>
5625    </div>
5626
5627    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
5628        No additional quantity can be added.
5629    </div>
5630</div>
5631    
5632<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
5633    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
5634        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
5635        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
5636        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
5637    </div>
5638    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
5639</div>
5640</div></template>
5641                        </div>
5642                    </div>
5643                </div>
5644            </div>
5645        </a>
5646    </div>
5647    <div class="col-12 col-sm-6 col-md-4 mb-3">
5648        <a class="card card-container h-100" href="/shop/p/12037800/simpson-strong-tie-pscl-series-pscl-34-panel-sheathing-clip-48-roof-span-20-ga-thick-material-steel-galvanized" data-sku="12037800">
5649            <div class="card-body d-flex justify-content-between flex-column lh-sm">
5650                <div class="d-flex flex-column justify-content-between h-100">
5651                    <div class="position-relative">
5652                        <div class="d-flex align-items-start justify-content-between">
5653                            <div class="d-flex align-items-center flex-wrap gap-1">
5654                            </div>
5655                            <button type="button" class="product-card-save-btn"
5656                                    data-save-product-sku="12037800"
5657                                    data-save-saved-for-later="false"
5658                                    data-save-list-ids=""
5659                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
5660                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('12037800', this); return false;"
5661                                    style="position:static;">
5662                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
5663                            </button>
5664                        </div>
5665                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
5666                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/100313402.jpg" alt="P
5666SCL Series PSCL 3/4 Panel Sheathing Clip, 48 Roof Span, 20 ga Thick Material, Steel, Galvanized" class="img-fluid product-image" />
5667                        </div>
5668                            <div class="fw-bold mt-2" data-brand>Simpson Strong-Tie</div>
5669                        <div class="mt-2 fw-normal" data-name>PSCL Series PSCL 3/4 Panel Sheathing Clip, 48 Roof Span, 20 ga Thick Material, Steel, Galvanized</div>
5670                    </div>
5671                    <div class="mt-2">
5672                        <div class="fw-normal">Sku: 12037800</div>
5673                            <div class="fw-normal mt-2">7 Available at <span class="text-primary fw-bold">San Marcos</span></div>
5674                        <div class="pc-price myriad mt-2">
5675$31<sup style="top: -10px;"><span>.99</span><span class="pc-price-uom"> / Box</span></sup>
5676                        </div>
5677                        <div class="my-0">
5678&nbsp;                        </div>
5679                        <div class="pt-2">
5680                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
5681                                    <template class="cart-options-template">
5682<div class="cart-options"
5683     data-sku="12037800"
5684     data-store-number="0"
5685     data-uom="BX"
5686     data-max-order="9999"
5687     data-existing-pickup="0"
5688     data-existing-delivery="0"
5689     data-method="pickup"
5690     data-cannot-add="false">
5691    <div class="mb-3">
5692            <div class="fw-bold" style="font-size:0.875rem;">Simpson Strong-Tie</div>
5693        <div class="h6 m-0">PSCL Series PSCL 3/4 Panel Sheathing Clip, 48 Roof Span, 20 ga Thick Material, Steel, Galvanized</div>
5694    </div>
5695    
5696<div class="card-container cart-options-panel">
5697    <div class="fulfillment-options">
5698        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
5699             style="border-color:#4C741C;">
5700            <div class="co-pickup-check fulfillment-check" style="display:flex;">
5701                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
5702            </div>
5703            <div class="fulfillment-title">Pickup</div>
5704                    <div class="fulfillment-text" style="margin-top:6px;">
5705                        <span class="fw-bold">7</span> <span>Available Today</span>
5706                    </div>
5707                    <div class="fulfillment-text" style="margin-top:2px;">
5708                        <span class="fw-bold">33</span> <span>As soon as 09/28</span>
5709                    </div>
5710        </div>
5711            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
5712                 style="border-color:#ced4da;">
5713                <div class="co-delivery-check fulfillment-check" style="display:none;">
5714                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
5715                </div>
5716                <div class="fulfillment-title">Delivery</div>
5717                        <div class="fulfillment-text" style="margin-top:6px;">
5718                            <span class="fw-bold">7</span> <span>Available Today</span>
5719                        </div>
5720                        <div class="fulfillment-text" style="margin-top:2px;">
5721                            <span class="fw-bold">33</span> <span>As soon as 09/28</span>
5722                        </div>
5723            </div>
5724    </div>
5725    <div style="margin-top:12px;">
5726        <div class="fulfillment-meta">
5727            <span class="fw-bold">Free Pickup at </span>
5728            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
5729        </div>
5730        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
5731                <span class="fulfillment-stockitem">
5732                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
5733                        <span>7 in stock</span>
5734                </span>
5735                <span class="fulfillment-stockitem" dataset-aisle="Aisle 4">
5736                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
5737                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
5738                    </svg>
5739                    Aisle 4
5740                </span>
5741        </div>
5742    </div>
5743
5744    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
5745        No additional quantity can be added.
5746    </div>
5747</div>
5748    
5749<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
5750    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
5751        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
5752        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
5753        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
5754    </div>
5755    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
5756</div>
5757</div></template>
5758                        </div>
5759                    </div>
5760                </div>
5761            </div>
5762        </a>
5763    </div>
5764    <div class="col-12 col-sm-6 col-md-4 mb-3">
5765        <a class="card card-container h-100" href="/shop/p/7235393-052303-02/alexandria-moulding-py004-py048c-14-in-x-4-ft-x-4-ft-square-plywood" data-sku="7235393-052303-02">
5766            <div class="card-body d-flex justify-content-between flex-column lh-sm">
5767                <div class="d-flex flex-column justify-content-between h-100">
5768                    <div class="position-relative">
5769                        <div class="d-flex align-items-start justify-content-between">
5770                            <div class="d-flex align-items-center flex-wrap gap-1">
5771                            </div>
5772                            <button type="button" class="product-card-save-btn"
5773                                    data-save-product-sku="7235393-052303-02"
5774                                    data-save-saved-for-later="false"
5775                                    data-save-list-ids=""
5776                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
5777                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('7235393-052303-02', this); return false;"
5778                                    style="position:static;">
5779                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
5780                            </button>
5781                        </div>
5782                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
5783                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/100074596.jpg" alt="PY004-PY048C 1/4 in x 4 ft x 4 ft Square Plywood" class="img-fluid product-image" />
5784                        </div>
5785                            <div class="fw-bold mt-2" data-brand>ALEXANDRIA Moulding</div>
5786                        <div class="mt-2 fw-normal" data-name>PY004-PY048C 1/4 in x 4 ft x 4 ft Square Plywood</div>
5787                    </div>
5788                    <div class="mt-2">
5789                        <div class="fw-normal">Sku: 02050600</div>
5790                            <div class="fw-normal mt-2">
57906 Available at <span class="text-primary fw-bold">San Marcos</span></div>
5791                        <div class="pc-price myriad mt-2">
5792$32<sup style="top: -10px;">.99</sup>
5793                        </div>
5794                        <div class="my-0">
5795&nbsp;                        </div>
5796                        <div class="pt-2">
5797                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
5798                                    <template class="cart-options-template">
5799<div class="cart-options"
5800     data-sku="7235393-052303-02"
5801     data-store-number="0"
5802     data-uom="EA"
5803     data-max-order="9999"
5804     data-existing-pickup="0"
5805     data-existing-delivery="0"
5806     data-method="pickup"
5807     data-cannot-add="false">
5808    <div class="mb-3">
5809            <div class="fw-bold" style="font-size:0.875rem;">ALEXANDRIA Moulding</div>
5810        <div class="h6 m-0">PY004-PY048C 1/4 in x 4 ft x 4 ft Square Plywood</div>
5811    </div>
5812    
5813<div class="card-container cart-options-panel">
5814    <div class="fulfillment-options">
5815        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
5816             style="border-color:#4C741C;">
5817            <div class="co-pickup-check fulfillment-check" style="display:flex;">
5818                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
5819            </div>
5820            <div class="fulfillment-title">Pickup</div>
5821                    <div class="fulfillment-text" style="margin-top:6px;">
5822                        <span class="fw-bold">6</span> <span>Available Today</span>
5823                    </div>
5824                    <div class="fulfillment-text" style="margin-top:2px;">
5825                        <span class="fw-bold">258</span> <span>As soon as 10/01</span>
5826                    </div>
5827        </div>
5828            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
5829                 style="border-color:#ced4da;">
5830                <div class="co-delivery-check fulfillment-check" style="display:none;">
5831                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
5832                </div>
5833                <div class="fulfillment-title">Delivery</div>
5834                        <div class="fulfillment-text" style="margin-top:6px;">
5835                            <span class="fw-bold">6</span> <span>Available Today</span>
5836                        </div>
5837                        <div class="fulfillment-text" style="margin-top:2px;">
5838                            <span class="fw-bold">258</span> <span>As soon as 10/01</span>
5839                        </div>
5840            </div>
5841    </div>
5842    <div style="margin-top:12px;">
5843        <div class="fulfillment-meta">
5844            <span class="fw-bold">Free Pickup at </span>
5845            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
5846        </div>
5847        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
5848                <span class="fulfillment-stockitem">
5849                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
5850                        <span>6 in stock</span>
5851                </span>
5852                <span class="fulfillment-stockitem" dataset-aisle="Aisle 41">
5853                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
5854                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
5855                    </svg>
5856                    Aisle 41
5857                </span>
5858        </div>
5859    </div>
5860
5861    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
5862        No additional quantity can be added.
5863    </div>
5864</div>
5865    
5866<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
5867    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
5868        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
5869        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
5869 color:#212529;" />
5870        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
5871    </div>
5872    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
5873</div>
5874</div></template>
5875                        </div>
5876                    </div>
5877                </div>
5878            </div>
5879        </a>
5880    </div>
5881    <div class="col-12 col-sm-6 col-md-4 mb-3">
5882        <a class="card card-container h-100" href="/shop/p/02084300/18-in-x-4-ft-x-8-ft-energy-brace-green" data-sku="02084300">
5883            <div class="card-body d-flex justify-content-between flex-column lh-sm">
5884                <div class="d-flex flex-column justify-content-between h-100">
5885                    <div class="position-relative">
5886                        <div class="d-flex align-items-start justify-content-between">
5887                            <div class="d-flex align-items-center flex-wrap gap-1">
5888                            </div>
5889                            <button type="button" class="product-card-save-btn"
5890                                    data-save-product-sku="02084300"
5891                                    data-save-saved-for-later="false"
5892                                    data-save-list-ids=""
5893                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
5894                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02084300', this); return false;"
5895                                    style="position:static;">
5896                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
5897                            </button>
5898                        </div>
5899                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
5900                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/02084300a.jpg" alt="1/8 in x 4 ft x 8 ft Energy Brace Green" class="img-fluid product-image" />
5901                        </div>
5902                            <div class="fw-bold mt-2" data-brand>Boise Cascade</div>
5903                        <div class="mt-2 fw-normal" data-name>1/8 in x 4 ft x 8 ft Energy Brace Green</div>
5904                    </div>
5905                    <div class="mt-2">
5906                        <div class="fw-normal">Sku: 02084300</div>
5907                            <div class="fw-normal mt-2">419 Available at <span class="text-primary fw-bold">San Marcos</span></div>
5908                        <div class="pc-price myriad mt-2">
5909$15<sup style="top: -10px;">.19</sup>
5910                        </div>
5911                        <div class="my-0">
5912&nbsp;                        </div>
5913                        <div class="pt-2">
5914                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
5915                                    <template class="cart-options-template">
5916<div class="cart-options"
5917     data-sku="02084300"
5918     data-store-number="0"
5919     data-uom="EA"
5920     data-max-order="9999"
5921     data-existing-pickup="0"
5922     data-existing-delivery="0"
5923     data-method="pickup"
5924     data-cannot-add="false">
5925    <div class="mb-3">
5926            <div class="fw-bold" style="font-size:0.875rem;">Boise Cascade</div>
5927        <div class="h6 m-0">1/8 in x 4 ft x 8 ft Energy Brace Green</div>
5928    </div>
5929    
5930<div class="card-container cart-options-panel">
5931    <div class="fulfillment-options">
5932        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
5933             style="border-color:#4C741C;">
5934            <div class="co-pickup-check fulfillment-check" style="display:flex;">
5935                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
5936            </div>
5937            <div class="fulfillment-title">Pickup</div>
5938                    <div class="fulfillment-text" style="margin-top:6px;">
5939                        <span class="fw-bold">419</span> <span>Available Today</span>
5940                    </div>
5941                    <div class="fulfillment-text" style="margin-top:2px;">
5942                        <span class="fw-bold">2,000</span> <span>As soon as 10/02</span>
5943                    </div>
5944        </div>
5945            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
5946                 style="border-color:#ced4da;">
5947                <div class="co-delivery-check fulfillment-check" style="display:none;">
5948                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
5949                </div>
5950                <div class="fulfillment-title">Delivery</div>
5951                        <div class="fulfillment-text" style="margin-top:6px;">
5952                            <span class="fw-bold">419</span> <span>Available Today</span>
5953                        </div>
5954                        <div class="fulfillment-text" style="margin-top:2px;">
5955                            <span class="fw-bold">2,000</span> <span>As soon as 10/02</span>
5956                        </div>
5957            </div>
5958    </div>
5959    <div style="margin-top:12px;">
5960        <div class="fulfillment-meta">
5961            <span class="fw-bold">Free Pickup at </span>
5962            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
5963        </div>
5964        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
5965                <span class="fulfillment-stockitem">
5966                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
5967                        <span>419 in stock</span>
5968                </span>
5969                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
5970                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
5971                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
5972                    </svg>
5973                    Outside Item
5974                </span>
5975        </div>
5976    </div>
5977
5978    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
5979        No additional quantity can be added.
5980    </div>
5981</div>
5982    
5983<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
5984    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
5985        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
5986        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
5987        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
5988    </div>
5989    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
5990</div>
5991</div></template>
5992                        </div>
5993                    </div>
5994                </div>
5995            </div>
5996        </a>
5997    </div>
5998    <div class="col-12 col-sm-6 col-md-4 mb-3">
5999        <a class="card card-container h-100" href="/shop/p/02072014/716x12x16-valuform-concrete-benderboard" data-sku="02072014">
6000            <div class="card-body d-flex justify-content-between flex-column lh-sm">
6001                <div class="d-flex flex-column justify-content-between h-100">
6002                    <div class="position-relative">
6003                        <div class="d-flex align-items-start justify-content-between">
6004                            <div class="d-flex align-items-center flex-wrap gap-1">
6005                            </div>
6006                            <button type="button" class="product-card-save-btn"
6007                                    data-save-product-sku="02072014"
6008                                    data-save-saved-for-later="false"
6009                                    data-save-list-ids=""
6010                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
6011                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02072014', this); return false;"
6012                                    style="position:static;">
6013                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
6014                            </button>
6015                        </div>
6016                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
6017                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/02072014a.jpg" alt="7/16X12&quot;X16&#x27;
6017 Valuform Concrete Benderboard" class="img-fluid product-image" />
6018                        </div>
6019                            <div class="fw-bold mt-2" data-brand>SteelLinx</div>
6020                        <div class="mt-2 fw-normal" data-name>7/16X12&quot;X16&#x27; Valuform Concrete Benderboard</div>
6021                    </div>
6022                    <div class="mt-2">
6023                        <div class="fw-normal">Sku: 02072014</div>
6024                            <div class="fw-normal mt-2">37 Available at <span class="text-primary fw-bold">San Marcos</span></div>
6025                        <div class="pc-price myriad mt-2">
6026$20<sup style="top: -10px;">.99</sup>
6027                        </div>
6028                        <div class="my-0">
6029&nbsp;                        </div>
6030                        <div class="pt-2">
6031                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
6032                                    <template class="cart-options-template">
6033<div class="cart-options"
6034     data-sku="02072014"
6035     data-store-number="0"
6036     data-uom="EA"
6037     data-max-order="9999"
6038     data-existing-pickup="0"
6039     data-existing-delivery="0"
6040     data-method="pickup"
6041     data-cannot-add="false">
6042    <div class="mb-3">
6043            <div class="fw-bold" style="font-size:0.875rem;">SteelLinx</div>
6044        <div class="h6 m-0">7/16X12&quot;X16&#x27; Valuform Concrete Benderboard</div>
6045    </div>
6046    
6047<div class="card-container cart-options-panel">
6048    <div class="fulfillment-options">
6049        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
6050             style="border-color:#4C741C;">
6051            <div class="co-pickup-check fulfillment-check" style="display:flex;">
6052                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
6053            </div>
6054            <div class="fulfillment-title">Pickup</div>
6055                    <div class="fulfillment-text" style="margin-top:6px;">
6056                        <span class="fw-bold">37</span> <span>Available Today</span>
6057                    </div>
6058                    <div class="fulfillment-text" style="margin-top:2px;">
6059                        <span class="fw-bold">820</span> <span>As soon as 09/28</span>
6060                    </div>
6061        </div>
6062            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
6063                 style="border-color:#ced4da;">
6064                <div class="co-delivery-check fulfillment-check" style="display:none;">
6065                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
6066                </div>
6067                <div class="fulfillment-title">Delivery</div>
6068                        <div class="fulfillment-text" style="margin-top:6px;">
6069                            <span class="fw-bold">37</span> <span>Available Today</span>
6070                        </div>
6071                        <div class="fulfillment-text" style="margin-top:2px;">
6072                            <span class="fw-bold">820</span> <span>As soon as 09/28</span>
6073                        </div>
6074            </div>
6075    </div>
6076    <div style="margin-top:12px;">
6077        <div class="fulfillment-meta">
6078            <span class="fw-bold">Free Pickup at </span>
6079            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
6080        </div>
6081        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
6082                <span class="fulfillment-stockitem">
6083                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
6084                        <span>37 in stock</span>
6085                </span>
6086                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
6087                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
6088                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
6089                    </svg>
6090                    Outside Item
6091                </span>
6092        </div>
6093    </div>
6094
6095    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
6096        No additional quantity can be added.
6097    </div>
6098</div>
6099    
6100<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
6101    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
6102        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
6103        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
6103 color:#212529;" />
6104        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
6105    </div>
6106    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
6107</div>
6108</div></template>
6109                        </div>
6110                    </div>
6111                </div>
6112            </div>
6113        </a>
6114    </div>
6115    <div class="col-12 col-sm-6 col-md-4 mb-3">
6116        <a class="card card-container h-100" href="/shop/p/01140302/ccx-plywood-34-in-x-4-ft-x-8-ft-southern-pine-pressure-treated" data-sku="01140302">
6117            <div class="card-body d-flex justify-content-between flex-column lh-sm">
6118                <div class="d-flex flex-column justify-content-between h-100">
6119                    <div class="position-relative">
6120                        <div class="d-flex align-items-start justify-content-between">
6121                            <div class="d-flex align-items-center flex-wrap gap-1">
6122                            </div>
6123                            <button type="button" class="product-card-save-btn"
6124                                    data-save-product-sku="01140302"
6125                                    data-save-saved-for-later="false"
6126                                    data-save-list-ids=""
6127                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
6128                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('01140302', this); return false;"
6129                                    style="position:static;">
6130                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
6131                            </button>
6132                        </div>
6133                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
6134                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/PT Plywood.jpg" alt="CCX Plywood, 3/4 in x 4 ft x 8 ft - Southern Pine, Pressure Treated" class="img-fluid product-image" />
6135                        </div>
6136                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
6137                        <div class="mt-2 fw-normal" data-name>CCX Plywood, 3/4 in x 4 ft x 8 ft - Southern Pine, Pressure Treated</div>
6138                    </div>
6139                    <div class="mt-2">
6140                        <div class="fw-normal">Sku: 01140302</div>
6141                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
6142                        <div class="pc-price myriad mt-2">
6143$60<sup style="top: -10px;">.99</sup>
6144                        </div>
6145                        <div class="my-0">
6146&nbsp;                        </div>
6147                        <div class="pt-2">
6148                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('01140302')">Find Closest</button>
6149                        </div>
6150                    </div>
6151                </div>
6152            </div>
6153        </a>
6154    </div>
6155    <div class="col-12 col-sm-6 col-md-4 mb-3">
6156        <a class="card card-container h-100" href="/shop/p/01140300/rated-sheathing-plywood-2332-in-x-4-ft-x-8-ft-southern-pine-pressure-treated-34-in" data-sku="01140300">
6157            <div class="card-body d-flex justify-content-between flex-column lh-sm">
6158                <div class="d-flex flex-column justify-content-between h-100">
6159                    <div class="position-relative">
6160                        <div class="d-flex align-items-start justify-content-between">
6161                            <div class="d-flex align-items-center flex-wrap gap-1">
6162                            </div>
6163                            <button type="button" class="product-card-save-btn"
6164                                    data-save-product-sku="01140300"
6165                                    data-save-saved-for-later="false"
6166                                    data-save-list-ids=""
6167                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
6168                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('01140300', this); return false;"
6169                                    style="position:static;">
6170                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
6171                            </button>
6172                        </div>
6173                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
6174                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/PT Plywood.jpg" alt="Rated Sheathing Plywood, 23/32 in x 4 ft x 8 ft - Southern Pine, Pressure Treated (3/4 in)" class="img-fluid product-image" />
6175                        </div>
6176                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
6177                        <div class="mt-2 fw-normal" data-name>Rated Sheathing Plywood, 23/32 in x 4 ft x 8 ft - Southern Pine, Pressure Treated (3/4 in)</div>
6178                    </div>
6179                    <div class="mt-2">
6180                        <div class="fw-normal">Sku: 01140300</div>
6181                            <div class="fw-normal mt-2">
61810 Available at <span class="text-primary fw-bold">San Marcos</span></div>
6182                        <div class="pc-price myriad mt-2">
6183$57<sup style="top: -10px;">.99</sup>
6184                        </div>
6185                        <div class="my-0">
6186&nbsp;                        </div>
6187                        <div class="pt-2">
6188                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('01140300')">Find Closest</button>
6189                        </div>
6190                    </div>
6191                </div>
6192            </div>
6193        </a>
6194    </div>
6195    <div class="col-12 col-sm-6 col-md-4 mb-3">
6196        <a class="card card-container h-100" href="/shop/p/020106/bc-plywood-1532-in-x-4-ft-x-8-ft-southern-pine-12-in" data-sku="020106">
6197            <div class="card-body d-flex justify-content-between flex-column lh-sm">
6198                <div class="d-flex flex-column justify-content-between h-100">
6199                    <div class="position-relative">
6200                        <div class="d-flex align-items-start justify-content-between">
6201                            <div class="d-flex align-items-center flex-wrap gap-1">
6202                            </div>
6203                            <button type="button" class="product-card-save-btn"
6204                                    data-save-product-sku="020106"
6205                                    data-save-saved-for-later="false"
6206                                    data-save-list-ids=""
6207                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
6208                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020106', this); return false;"
6209                                    style="position:static;">
6210                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
6211                            </button>
6212                        </div>
6213                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
6214                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODSP.jpg" alt="BC Plywood, 15/32 in x 4 ft x 8 ft - Southern Pine (1/2 in)" class="img-fluid product-image" />
6215                        </div>
6216                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
6217                        <div class="mt-2 fw-normal" data-name>BC Plywood, 15/32 in x 4 ft x 8 ft - Southern Pine (1/2 in)</div>
6218                    </div>
6219                    <div class="mt-2">
6220                        <div class="fw-normal">Sku: 020106</div>
6221                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
6222                        <div class="pc-price myriad mt-2">
6223$44<sup style="top: -10px;">.79</sup>
6224                        </div>
6225                        <div class="my-0">
6226&nbsp;                        </div>
6227                        <div class="pt-2">
6228                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('020106')">Find Closest</button>
6229                        </div>
6230                    </div>
6231                </div>
6232            </div>
6233        </a>
6234    </div>
6235    <div class="col-12 col-sm-6 col-md-4 mb-3">
6236        <a class="card card-container h-100" href="/shop/p/01140000/rated-sheathing-plywood-1532-in-x-4-ft-x-8-ft-southern-pine-pressure-treated-12-in" data-sku="01140000">
6237            <div class="card-body d-flex justify-content-between flex-column lh-sm">
6238                <div class="d-flex flex-column justify-content-between h-100">
6239                    <div class="position-relative">
6240                        <div class="d-flex align-items-start justify-content-between">
6241                            <div class="d-flex align-items-center flex-wrap gap-1">
6242                            </div>
6243                            <button type="button" class="product-card-save-btn"
6244                                    data-save-product-sku="01140000"
6245                                    data-save-saved-for-later="false"
6246                                    data-save-list-ids=""
6247                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
6248                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('01140000', this); return false;"
6249                                    style="position:static;">
6250                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
6251                            </button>
6252                        </div>
6253                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
6254                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/PT Plywood.jpg" alt="Rated Sheathing Plywood, 15/32 in x 4 ft x 8 ft - Southern Pine, Pressure Treated (1/2 in)" class="img-fluid product-image" />
6255                        </div>
6256                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
6257                        <div class="mt-2 fw-normal" data-name>Rated Sheathing Plywood, 15/32 in x 4 ft x 8 ft - Southern Pine, Pressure Treated (1/2 in)</div>
6258                    </div>
6259                    <div class="mt-2">
6260                        <div class="fw-normal">Sku: 01140000</div>
6261                            <div class="fw-normal mt-2">
62610 Available at <span class="text-primary fw-bold">San Marcos</span></div>
6262                        <div class="pc-price myriad mt-2">
6263$44<sup style="top: -10px;">.99</sup>
6264                        </div>
6265                        <div class="my-0">
6266&nbsp;                        </div>
6267                        <div class="pt-2">
6268                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('01140000')">Find Closest</button>
6269                        </div>
6270                    </div>
6271                </div>
6272            </div>
6273        </a>
6274    </div>
6275    <div class="col-12 col-sm-6 col-md-4 mb-3">
6276        <a class="card card-container h-100" href="/shop/p/020635/14-in-x-4ft-x-8-ft-lauan-interior-panel" data-sku="020635">
6277            <div class="card-body d-flex justify-content-between flex-column lh-sm">
6278                <div class="d-flex flex-column justify-content-between h-100">
6279                    <div class="position-relative">
6280                        <div class="d-flex align-items-start justify-content-between">
6281                            <div class="d-flex align-items-center flex-wrap gap-1">
6282                            </div>
6283                            <button type="button" class="product-card-save-btn"
6284                                    data-save-product-sku="020635"
6285                                    data-save-saved-for-later="false"
6286                                    data-save-list-ids=""
6287                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
6288                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020635', this); return false;"
6289                                    style="position:static;">
6290                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
6291                            </button>
6292                        </div>
6293                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
6294                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/020635a.jpg" alt="1/4 in x 4ft x 8 ft Lauan Interior Panel" class="img-fluid product-image" />
6295                        </div>
6296                            <div class="fw-bold mt-2" data-brand>Boise Cascade</div>
6297                        <div class="mt-2 fw-normal" data-name>1/4 in x 4ft x 8 ft Lauan Interior Panel</div>
6298                    </div>
6299                    <div class="mt-2">
6300                        <div class="fw-normal">Sku: 020635</div>
6301                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
6302                        <div class="pc-price myriad mt-2">
6303$31<sup style="top: -10px;">.99</sup>
6304                        </div>
6305                        <div class="my-0">
6306&nbsp;                        </div>
6307                        <div class="pt-2">
6308                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('020635')">Find Closest</button>
6309                        </div>
6310                    </div>
6311                </div>
6312            </div>
6313        </a>
6314    </div>
6315    <div class="col-12 col-sm-6 col-md-4 mb-3">
6316        <a class="card card-container h-100" href="/shop/p/01140301/cc-plywood-1532-in-x-4-ft-x-8-ft-southern-pine-pressure-treated-12-in" data-sku="01140301">
6317            <div class="card-body d-flex justify-content-between flex-column lh-sm">
6318                <div class="d-flex flex-column justify-content-between h-100">
6319                    <div class="position-relative">
6320                        <div class="d-flex align-items-start justify-content-between">
6321                            <div class="d-flex align-items-center flex-wrap gap-1">
6322                            </div>
6323                            <button type="button" class="product-card-save-btn"
6324                                    data-save-product-sku="01140301"
6325                                    data-save-saved-for-later="false"
6326                                    data-save-list-ids=""
6327                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
6328                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('01140301', this); return false;"
6329                                    style="position:static;">
6330                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
6331                            </button>
6332                        </div>
6333                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
6334                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/PT Plywood.jpg" alt="CC Plywood, 15/32 in x 4 ft x 8 ft - Southern Pine, Pressure Treated (1/2 in)" class="img-fluid product-image" />
6335                        </div>
6336                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
6337                        <div class="mt-2 fw-normal" data-name>CC Plywood, 15/32 in x 4 ft x 8 ft - Southern Pine, Pressure Treated (1/2 in)</div>
6338                    </div>
6339                    <div class="mt-2">
6340                        <div class="fw-normal">Sku: 01140301</div>
6341                            <div class="fw-normal mt-2">
63410 Available at <span class="text-primary fw-bold">San Marcos</span></div>
6342                        <div class="pc-price myriad mt-2">
6343$49<sup style="top: -10px;">.99</sup>
6344                        </div>
6345                        <div class="my-0">
6346&nbsp;                        </div>
6347                        <div class="pt-2">
6348                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('01140301')">Find Closest</button>
6349                        </div>
6350                    </div>
6351                </div>
6352            </div>
6353        </a>
6354    </div>
6355    <div class="col-12 col-sm-6 col-md-4 mb-3">
6356        <a class="card card-container h-100" href="/shop/p/02060466/d-3-plywood-34-in-x-4-ft-x-8-ft-maple" data-sku="02060466">
6357            <div class="card-body d-flex justify-content-between flex-column lh-sm">
6358                <div class="d-flex flex-column justify-content-between h-100">
6359                    <div class="position-relative">
6360                        <div class="d-flex align-items-start justify-content-between">
6361                            <div class="d-flex align-items-center flex-wrap gap-1">
6362                            </div>
6363                            <button type="button" class="product-card-save-btn"
6364                                    data-save-product-sku="02060466"
6365                                    data-save-saved-for-later="false"
6366                                    data-save-list-ids=""
6367                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
6368                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02060466', this); return false;"
6369                                    style="position:static;">
6370                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
6371                            </button>
6372                        </div>
6373                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
6374                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/maple.jpg" alt="D-3 Plywood, 3/4 in x 4 ft x 8 ft - Maple" class="img-fluid product-image" />
6375                        </div>
6376                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
6377                        <div class="mt-2 fw-normal" data-name>D-3 Plywood, 3/4 in x 4 ft x 8 ft - Maple</div>
6378                    </div>
6379                    <div class="mt-2">
6380                        <div class="fw-normal">Sku: 02060466</div>
6381                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
6382                        <div class="pc-price myriad mt-2">
6383$91<sup style="top: -10px;">.99</sup>
6384                        </div>
6385                        <div class="my-0">
6386&nbsp;                        </div>
6387                        <div class="pt-2">
6388                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('02060466')">Find Closest</button>
6389                        </div>
6390                    </div>
6391                </div>
6392            </div>
6393        </a>
6394    </div>
6395    <div class="col-12 col-sm-6 col-md-4 mb-3">
6396        <a class="card card-container h-100" href="/shop/p/02060312/b-2-plywood-34-in-x-4-ft-x-8-ft-red-oak" data-sku="02060312">
6397            <div class="card-body d-flex justify-content-between flex-column lh-sm">
6398                <div class="d-flex flex-column justify-content-between h-100">
6399                    <div class="position-relative">
6400                        <div class="d-flex align-items-start justify-content-between">
6401                            <div class="d-flex align-items-center flex-wrap gap-1">
6402                            </div>
6403                            <button type="button" class="product-card-save-btn"
6404                                    data-save-product-sku="02060312"
6405                                    data-save-saved-for-later="false"
6406                                    data-save-list-ids=""
6407                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
6408                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02060312', this); return false;"
6409                                    style="position:static;">
6410                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
6411                            </button>
6412                        </div>
6413                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
6414                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODOAK.jpg" alt="B-2 Plywood, 3/4 in x 4 ft x 8 ft - Red Oak" class="img-fluid product-image" />
6415                        </div>
6416                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
6417                        <div class="mt-2 fw-normal" data-name>B-2 Plywood, 3/4 in x 4 ft x 8 ft - Red Oak</div>
6418                    </div>
6419                    <div class="mt-2">
6420                        <div class="fw-normal">Sku: 02060312</div>
6421                            <div class="fw-normal mt-2">
64210 Available at <span class="text-primary fw-bold">San Marcos</span></div>
6422                        <div class="pc-price myriad mt-2">
6423$96<sup style="top: -10px;">.99</sup>
6424                        </div>
6425                        <div class="my-0">
6426&nbsp;                        </div>
6427                        <div class="pt-2">
6428                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('02060312')">Find Closest</button>
6429                        </div>
6430                    </div>
6431                </div>
6432            </div>
6433        </a>
6434    </div>
6435    <div class="col-12 col-sm-6 col-md-4 mb-3">
6436        <a class="card card-container h-100" href="/shop/p/120377/simpson-strong-tie-pscl1932-panel-sheathing-clip-40-32-roof-span-20-thick-material-steel-galvanized" data-sku="120377">
6437            <div class="card-body d-flex justify-content-between flex-column lh-sm">
6438                <div class="d-flex flex-column justify-content-between h-100">
6439                    <div class="position-relative">
6440                        <div class="d-flex align-items-start justify-content-between">
6441                            <div class="d-flex align-items-center flex-wrap gap-1">
6442                            </div>
6443                            <button type="button" class="product-card-save-btn"
6444                                    data-save-product-sku="120377"
6445                                    data-save-saved-for-later="false"
6446                                    data-save-list-ids=""
6447                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
6448                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('120377', this); return false;"
6449                                    style="position:static;">
6450                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
6451                            </button>
6452                        </div>
6453                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
6454                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/100313401.jpg" alt="PSCL19/32 Panel Sheathing Clip, 40, 32 Roof Span, 20 Thick Material, Steel, Galvanized" class="img-fluid product-image" />
6455                        </div>
6456                            <div class="fw-bold mt-2" data-brand>Simpson Strong-Tie</div>
6457                        <div class="mt-2 fw-normal" data-name>PSCL19/32 Panel Sheathing Clip, 40, 32 Roof Span, 20 Thick Material, Steel, Galvanized</div>
6458                    </div>
6459                    <div class="mt-2">
6460                        <div class="fw-normal">Sku: 120377</div>
6461                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
6462                        <div class="pc-price myriad mt-2">
6463$32<sup style="top: -10px;"><span>.99</span><span class="pc-price-uom"> / Box</span></sup>
6464                        </div>
6465                        <div class="my-0">
6466&nbsp;                        </div>
6467                        <div class="pt-2">
6468                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('120377')">Find Closest</button>
6469                        </div>
6470                    </div>
6471                </div>
6472            </div>
6473        </a>
6474    </div>
6475    <div class="col-12 col-sm-6 col-md-4 mb-3">
6476        <a class="card card-container h-100" href="/shop/p/02060210/b-2-plywood-34-in-x-4-ft-x-8-ft-birch" data-sku="02060210">
6477            <div class="card-body d-flex justify-content-between flex-column lh-sm">
6478                <div class="d-flex flex-column justify-content-between h-100">
6479                    <div class="position-relative">
6480                        <div class="d-flex align-items-start justify-content-between">
6481                            <div class="d-flex align-items-center flex-wrap gap-1">
6482                            </div>
6483                            <button type="button" class="product-card-save-btn"
6484                                    data-save-product-sku="02060210"
6485                                    data-save-saved-for-later="false"
6486                                    data-save-list-ids=""
6487                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
6488                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02060210', this); return false;"
6489                                    style="position:static;">
6490                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
6491                            </button>
6492                        </div>
6493                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
6494                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODBIRCH.jpg" alt="B-2 Plywood, 3/4 in x 4 ft x 8 ft - Birch" class="img-fluid product-image" />
6495                        </div>
6496                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
6497                        <div class="mt-2 fw-normal" data-name>B-2 Plywood, 3/4 in x 4 ft x 8 ft - Birch</div>
6498                    </div>
6499                    <div class="mt-2">
6500                        <div class="fw-normal">Sku: 02060210</div>
6501                            <div class="fw-normal mt-2">
65010 Available at <span class="text-primary fw-bold">San Marcos</span></div>
6502                        <div class="pc-price myriad mt-2">
6503$106<sup style="top: -10px;">.99</sup>
6504                        </div>
6505                        <div class="my-0">
6506&nbsp;                        </div>
6507                        <div class="pt-2">
6508                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('02060210')">Find Closest</button>
6509                        </div>
6510                    </div>
6511                </div>
6512            </div>
6513        </a>
6514    </div>
6515    <div class="col-12 col-sm-6 col-md-4 mb-3">
6516        <a class="card card-container h-100" href="/shop/p/02060315/c-3-plywood-34-in-x-4-ft-x-8-ft-red-oak" data-sku="02060315">
6517            <div class="card-body d-flex justify-content-between flex-column lh-sm">
6518                <div class="d-flex flex-column justify-content-between h-100">
6519                    <div class="position-relative">
6520                        <div class="d-flex align-items-start justify-content-between">
6521                            <div class="d-flex align-items-center flex-wrap gap-1">
6522                            </div>
6523                            <button type="button" class="product-card-save-btn"
6524                                    data-save-product-sku="02060315"
6525                                    data-save-saved-for-later="false"
6526                                    data-save-list-ids=""
6527                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
6528                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02060315', this); return false;"
6529                                    style="position:static;">
6530                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
6531                            </button>
6532                        </div>
6533                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
6534                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODOAK.jpg" alt="C-3 Plywood, 3/4 in x 4 ft x 8 ft - Red Oak" class="img-fluid product-image" />
6535                        </div>
6536                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
6537                        <div class="mt-2 fw-normal" data-name>C-3 Plywood, 3/4 in x 4 ft x 8 ft - Red Oak</div>
6538                    </div>
6539                    <div class="mt-2">
6540                        <div class="fw-normal">Sku: 02060315</div>
6541                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
6542                        <div class="pc-price myriad mt-2">
6543$93<sup style="top: -10px;">.99</sup>
6544                        </div>
6545                        <div class="my-0">
6546&nbsp;                        </div>
6547                        <div class="pt-2">
6548                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('02060315')">Find Closest</button>
6549                        </div>
6550                    </div>
6551                </div>
6552            </div>
6553        </a>
6554    </div>
6555    <div class="col-12 col-sm-6 col-md-4 mb-3">
6556        <a class="card card-container h-100" href="/shop/p/01140200/rated-sheathing-plywood-1932-in-x-4-ft-x-8-ft-southern-pine-pressure-treated-58-in" data-sku="01140200">
6557            <div class="card-body d-flex justify-content-between flex-column lh-sm">
6558                <div class="d-flex flex-column justify-content-between h-100">
6559                    <div class="position-relative">
6560                        <div class="d-flex align-items-start justify-content-between">
6561                            <div class="d-flex align-items-center flex-wrap gap-1">
6562                            </div>
6563                            <button type="button" class="product-card-save-btn"
6564                                    data-save-product-sku="01140200"
6565                                    data-save-saved-for-later="false"
6566                                    data-save-list-ids=""
6567                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
6568                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('01140200', this); return false;"
6569                                    style="position:static;">
6570                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
6571                            </button>
6572                        </div>
6573                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
6574                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/PT Plywood.jpg" alt="Rated Sheathing Plywood, 19/32 in x 4 ft x 8 ft - Southern Pine, Pressure Treated (5/8 in)" class="img-fluid product-image" />
6575                        </div>
6576                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
6577                        <div class="mt-2 fw-normal" data-name>Rated Sheathing Plywood, 19/32 in x 4 ft x 8 ft - Southern Pine, Pressure Treated (5/8 in)</div>
6578                    </div>
6579                    <div class="mt-2">
6580                        <div class="fw-normal">Sku: 01140200</div>
6581                            <div class="fw-normal mt-2">
65810 Available at <span class="text-primary fw-bold">San Marcos</span></div>
6582                        <div class="pc-price myriad mt-2">
6583$51<sup style="top: -10px;">.99</sup>
6584                        </div>
6585                        <div class="my-0">
6586&nbsp;                        </div>
6587                        <div class="pt-2">
6588                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('01140200')">Find Closest</button>
6589                        </div>
6590                    </div>
6591                </div>
6592            </div>
6593        </a>
6594    </div>
6595    <div class="col-12 col-sm-6 col-md-4 mb-3">
6596        <a class="card card-container h-100" href="/shop/p/020686/rated-sheathing-plywood-2332-in-x-4-ft-x-8-ft-southern-pine-fire-treated-34-in" data-sku="020686">
6597            <div class="card-body d-flex justify-content-between flex-column lh-sm">
6598                <div class="d-flex flex-column justify-content-between h-100">
6599                    <div class="position-relative">
6600                        <div class="d-flex align-items-start justify-content-between">
6601                            <div class="d-flex align-items-center flex-wrap gap-1">
6602                            </div>
6603                            <button type="button" class="product-card-save-btn"
6604                                    data-save-product-sku="020686"
6605                                    data-save-saved-for-later="false"
6606                                    data-save-list-ids=""
6607                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
6608                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020686', this); return false;"
6609                                    style="position:static;">
6610                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
6611                            </button>
6612                        </div>
6613                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
6614                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODSP.jpg" alt="Rated Sheathing Plywood, 23/32 in x 4 ft x 8 ft - Southern Pine, Fire Treated (3/4 in)" class="img-fluid product-image" />
6615                        </div>
6616                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
6617                        <div class="mt-2 fw-normal" data-name>Rated Sheathing Plywood, 23/32 in x 4 ft x 8 ft - Southern Pine, Fire Treated (3/4 in)</div>
6618                    </div>
6619                    <div class="mt-2">
6620                        <div class="fw-normal">Sku: 020686</div>
6621                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
6622                        <div class="pc-price myriad mt-2">
6623$71<sup style="top: -10px;">.99</sup>
6624                        </div>
6625                        <div class="my-0">
6626&nbsp;                        </div>
6627                        <div class="pt-2">
6628                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('020686')">Find Closest</button>
6629                        </div>
6630                    </div>
6631                </div>
6632            </div>
6633        </a>
6634    </div>
6635    <div class="col-12 col-sm-6 col-md-4 mb-3">
6636        <a class="card card-container h-100" href="/shop/p/020115/bb-plywood-2332-in-x-4-ft-x-8-ft-southern-pine-oiled-edge-sealed-34-in" data-sku="020115">
6637            <div class="card-body d-flex justify-content-between flex-column lh-sm">
6638                <div class="d-flex flex-column justify-content-between h-100">
6639                    <div class="position-relative">
6640                        <div class="d-flex align-items-start justify-content-between">
6641                            <div class="d-flex align-items-center flex-wrap gap-1">
6642                            </div>
6643                            <button type="button" class="product-card-save-btn"
6644                                    data-save-product-sku="020115"
6645                                    data-save-saved-for-later="false"
6646                                    data-save-list-ids=""
6647                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
6648                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020115', this); return false;"
6649                                    style="position:static;">
6650                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
6651                            </button>
6652                        </div>
6653                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
6654                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODSP.jpg" alt="BB Plywood, 23/32 in x 4 ft x 8 ft - Southern Pine, Oiled &amp; Edge Sealed (3/4 in)" class="img-fluid product-image" />
6655                        </div>
6656                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
6657                        <div class="mt-2 fw-normal" data-name>BB Plywood, 23/32 in x 4 ft x 8 ft - Southern Pine, Oiled &amp; Edge Sealed (3/4 in)</div>
6658                    </div>
6659                    <div class="mt-2">
6660                        <div class="fw-normal">Sku: 020115</div>
6661                            <div class="fw-normal mt-2">
66610 Available at <span class="text-primary fw-bold">San Marcos</span></div>
6662                        <div class="pc-price myriad mt-2">
6663$56<sup style="top: -10px;">.99</sup>
6664                        </div>
6665                        <div class="my-0">
6666&nbsp;                        </div>
6667                        <div class="pt-2">
6668                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('020115')">Find Closest</button>
6669                        </div>
6670                    </div>
6671                </div>
6672            </div>
6673        </a>
6674    </div>
6675    <div class="col-12 col-sm-6 col-md-4 mb-3">
6676        <a class="card card-container h-100" href="/shop/p/02060220/c-3-plywood-34-in-x-4-ft-x-8-ft-birch" data-sku="02060220">
6677            <div class="card-body d-flex justify-content-between flex-column lh-sm">
6678                <div class="d-flex flex-column justify-content-between h-100">
6679                    <div class="position-relative">
6680                        <div class="d-flex align-items-start justify-content-between">
6681                            <div class="d-flex align-items-center flex-wrap gap-1">
6682                            </div>
6683                            <button type="button" class="product-card-save-btn"
6684                                    data-save-product-sku="02060220"
6685                                    data-save-saved-for-later="false"
6686                                    data-save-list-ids=""
6687                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
6688                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02060220', this); return false;"
6689                                    style="position:static;">
6690                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
6691                            </button>
6692                        </div>
6693                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
6694                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODBIRCH.jpg" alt="C-3 Plywood, 3/4 in x 4 ft x 8 ft - Birch" class="img-fluid product-image" />
6695                        </div>
6696                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
6697                        <div class="mt-2 fw-normal" data-name>C-3 Plywood, 3/4 in x 4 ft x 8 ft - Birch</div>
6698                    </div>
6699                    <div class="mt-2">
6700                        <div class="fw-normal">Sku: 02060220</div>
6701                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
6702                        <div class="pc-price myriad mt-2">
6703$82<sup style="top: -10px;">.99</sup>
6704                        </div>
6705                        <div class="my-0">
6706&nbsp;                        </div>
6707                        <div class="pt-2">
6708                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('02060220')">Find Closest</button>
6709                        </div>
6710                    </div>
6711                </div>
6712            </div>
6713        </a>
6714    </div>
6715    <div class="col-12 col-sm-6 col-md-4 mb-3">
6716        <a class="card card-container h-100" href="/shop/p/020231/cd-plywood-1932-in-x-4-ft-x-8-ft-southern-pine-radiant-barrier-58-in" data-sku="020231">
6717            <div class="card-body d-flex justify-content-between flex-column lh-sm">
6718                <div class="d-flex flex-column justify-content-between h-100">
6719                    <div class="position-relative">
6720                        <div class="d-flex align-items-start justify-content-between">
6721                            <div class="d-flex align-items-center flex-wrap gap-1">
6722                            </div>
6723                            <button type="button" class="product-card-save-btn"
6724                                    data-save-product-sku="020231"
6725                                    data-save-saved-for-later="false"
6726                                    data-save-list-ids=""
6727                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
6728                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020231', this); return false;"
6729                                    style="position:static;">
6730                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
6731                            </button>
6732                        </div>
6733                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
6734                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/020230.jpeg" alt="CD Plywood, 19/32 in x 4 ft x 8 ft - Southern Pine, Radiant Barrier (5/8 in)" class="img-fluid product-image" />
6735                        </div>
6736                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
6737                        <div class="mt-2 fw-normal" data-name>CD Plywood, 19/32 in x 4 ft x 8 ft - Southern Pine, Radiant Barrier (5/8 in)</div>
6738                    </div>
6739                    <div class="mt-2">
6740                        <div class="fw-normal">Sku: 020231</div>
6741                            <div class="fw-normal mt-2">
67410 Available at <span class="text-primary fw-bold">San Marcos</span></div>
6742                        <div class="pc-price myriad mt-2">
6743$52<sup style="top: -10px;">.99</sup>
6744                        </div>
6745                        <div class="my-0">
6746&nbsp;                        </div>
6747                        <div class="pt-2">
6748                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('020231')">Find Closest</button>
6749                        </div>
6750                    </div>
6751                </div>
6752            </div>
6753        </a>
6754    </div>
6755    <div class="col-12 col-sm-6 col-md-4 mb-3">
6756        <a class="card card-container h-100" href="/shop/p/020230/cd-plywood-1532-in-x-4-ft-x-8-ft-southern-pine-radiant-barrier-12-in" data-sku="020230">
6757            <div class="card-body d-flex justify-content-between flex-column lh-sm">
6758                <div class="d-flex flex-column justify-content-between h-100">
6759                    <div class="position-relative">
6760                        <div class="d-flex align-items-start justify-content-between">
6761                            <div class="d-flex align-items-center flex-wrap gap-1">
6762                            </div>
6763                            <button type="button" class="product-card-save-btn"
6764                                    data-save-product-sku="020230"
6765                                    data-save-saved-for-later="false"
6766                                    data-save-list-ids=""
6767                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
6768                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020230', this); return false;"
6769                                    style="position:static;">
6770                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
6771                            </button>
6772                        </div>
6773                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
6774                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/020230.jpeg" alt="CD Plywood, 15/32 in x 4 ft x 8 ft - Southern Pine, Radiant Barrier (1/2 in)" class="img-fluid product-image" />
6775                        </div>
6776                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
6777                        <div class="mt-2 fw-normal" data-name>CD Plywood, 15/32 in x 4 ft x 8 ft - Southern Pine, Radiant Barrier (1/2 in)</div>
6778                    </div>
6779                    <div class="mt-2">
6780                        <div class="fw-normal">Sku: 020230</div>
6781                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
6782                        <div class="pc-price myriad mt-2">
6783$44<sup style="top: -10px;">.99</sup>
6784                        </div>
6785                        <div class="my-0">
6786&nbsp;                        </div>
6787                        <div class="pt-2">
6788                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('020230')">Find Closest</button>
6789                        </div>
6790                    </div>
6791                </div>
6792            </div>
6793        </a>
6794    </div>
6795    <div class="col-12 col-sm-6 col-md-4 mb-3">
6796        <a class="card card-container h-100" href="/shop/p/020670/12-in-x-4-ft-x-8-ft-mdo-s1s" data-sku="020670">
6797            <div class="card-body d-flex justify-content-between flex-column lh-sm">
6798                <div class="d-flex flex-column justify-content-between h-100">
6799                    <div class="position-relative">
6800                        <div class="d-flex align-items-start justify-content-between">
6801                            <div class="d-flex align-items-center flex-wrap gap-1">
6802                            </div>
6803                            <button type="button" class="product-card-save-btn"
6804                                    data-save-product-sku="020670"
6805                                    data-save-saved-for-later="false"
6806                                    data-save-list-ids=""
6807                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
6808                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020670', this); return false;"
6809                                    style="position:static;">
6810                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
6811                            </button>
6812                        </div>
6813                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
6814                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/020670a.jpg" alt="1/2 in x 4 ft x 8 ft MDO S1S" class="img-fluid product-image" />
6815                        </div>
6816                            <div class="fw-bold mt-2" data-brand>Weyerhaeuser</div>
6817                        <div class="mt-2 fw-normal" data-name>1/2 in x 4 ft x 8 ft MDO S1S</div>
6818                    </div>
6819                    <div class="mt-2">
6820                        <div class="fw-normal">Sku: 020670</div>
6821                            <div class="fw-normal mt-2">
68210 Available at <span class="text-primary fw-bold">San Marcos</span></div>
6822                        <div class="pc-price myriad mt-2">
6823$78<sup style="top: -10px;">.99</sup>
6824                        </div>
6825                        <div class="my-0">
6826&nbsp;                        </div>
6827                        <div class="pt-2">
6828                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('020670')">Find Closest</button>
6829                        </div>
6830                    </div>
6831                </div>
6832            </div>
6833        </a>
6834    </div>
6835    <div class="col-12 col-sm-6 col-md-4 mb-3">
6836        <a class="card card-container h-100" href="/shop/p/02060467/c-2-plywood-34-in-x-4-ft-x-8-ft-maple" data-sku="02060467">
6837            <div class="card-body d-flex justify-content-between flex-column lh-sm">
6838                <div class="d-flex flex-column justify-content-between h-100">
6839                    <div class="position-relative">
6840                        <div class="d-flex align-items-start justify-content-between">
6841                            <div class="d-flex align-items-center flex-wrap gap-1">
6842                            </div>
6843                            <button type="button" class="product-card-save-btn"
6844                                    data-save-product-sku="02060467"
6845                                    data-save-saved-for-later="false"
6846                                    data-save-list-ids=""
6847                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
6848                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02060467', this); return false;"
6849                                    style="position:static;">
6850                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
6851                            </button>
6852                        </div>
6853                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
6854                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/maple.jpg" alt="C-2 Plywood, 3/4 in x 4 ft x 8 ft - Maple" class="img-fluid product-image" />
6855                        </div>
6856                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
6857                        <div class="mt-2 fw-normal" data-name>C-2 Plywood, 3/4 in x 4 ft x 8 ft - Maple</div>
6858                    </div>
6859                    <div class="mt-2">
6860                        <div class="fw-normal">Sku: 02060467</div>
6861                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
6862                        <div class="pc-price myriad mt-2">
6863$100<sup style="top: -10px;">.99</sup>
6864                        </div>
6865                        <div class="my-0">
6866&nbsp;                        </div>
6867                        <div class="pt-2">
6868                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('02060467')">Find Closest</button>
6869                        </div>
6870                    </div>
6871                </div>
6872            </div>
6873        </a>
6874    </div>
6875    <div class="col-12 col-sm-6 col-md-4 mb-3">
6876        <a class="card card-container h-100" href="/shop/p/7501166-052303-12/simpson-strong-tie-pscl-series-pscl-1532-panel-sheathing-clip-20-ga-thick-material-steel-galvanized" data-sku="7501166-052303-12">
6877            <div class="card-body d-flex justify-content-between flex-column lh-sm">
6878                <div class="d-flex flex-column justify-content-between h-100">
6879                    <div class="position-relative">
6880                        <div class="d-flex align-items-start justify-content-between">
6881                            <div class="d-flex align-items-center flex-wrap gap-1">
6882                            </div>
6883                            <button type="button" class="product-card-save-btn"
6884                                    data-save-product-sku="7501166-052303-12"
6885                                    data-save-saved-for-later="false"
6886                                    data-save-list-ids=""
6887                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
6888                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('7501166-052303-12', this); return false;"
6889                                    style="position:static;">
6890                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
6891                            </button>
6892                        </div>
6893                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
6894                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/100313400.jpg" alt="P
6894SCL Series PSCL 15/32 Panel Sheathing Clip, 20 ga Thick Material, Steel, Galvanized" class="img-fluid product-image" />
6895                        </div>
6896                            <div class="fw-bold mt-2" data-brand>Simpson Strong-Tie</div>
6897                        <div class="mt-2 fw-normal" data-name>PSCL Series PSCL 15/32 Panel Sheathing Clip, 20 ga Thick Material, Steel, Galvanized</div>
6898                    </div>
6899                    <div class="mt-2">
6900                        <div class="fw-normal">Sku: 7501166-052303-12</div>
6901                            <div class="fw-normal mt-2">4 Available for <span class="text-primary fw-bold">SHIP TO STORE</span></div>
6902                        <div class="pc-price myriad mt-2">
6903$24<sup style="top: -10px;"><span>.99</span><span class="pc-price-uom"> / Box</span></sup>
6904                        </div>
6905                        <div class="my-0">
6906&nbsp;                        </div>
6907                        <div class="pt-2">
6908                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
6909                                    <template class="cart-options-template">
6910<div class="cart-options"
6911     data-sku="7501166-052303-12"
6912     data-store-number="0"
6913     data-uom="BX"
6914     data-max-order="9999"
6915     data-existing-pickup="0"
6916     data-existing-delivery="0"
6917     data-method="pickup"
6918     data-cannot-add="false">
6919    <div class="mb-3">
6920            <div class="fw-bold" style="font-size:0.875rem;">Simpson Strong-Tie</div>
6921        <div class="h6 m-0">PSCL Series PSCL 15/32 Panel Sheathing Clip, 20 ga Thick Material, Steel, Galvanized</div>
6922    </div>
6923    
6924<div class="card-container cart-options-panel">
6925    <div class="fulfillment-options">
6926        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
6927             style="border-color:#4C741C;">
6928            <div class="co-pickup-check fulfillment-check" style="display:flex;">
6929                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
6930            </div>
6931            <div class="fulfillment-title">Ship to Store</div>
6932                    <div class="fulfillment-text" style="margin-top:6px;">
6933                        <span class="fw-bold">4</span> <span>As soon as 10/01</span>
6934                    </div>
6935        </div>
6936            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
6937                 style="border-color:#ced4da;">
6938                <div class="co-delivery-check fulfillment-check" style="display:none;">
6939                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
6940                </div>
6941                <div class="fulfillment-title">Delivery</div>
6942                        <div class="fulfillment-text" style="margin-top:6px;">
6943                            <span class="fw-bold">4</span> <span>As soon as 10/01</span>
6944                        </div>
6945            </div>
6946    </div>
6947    <div style="margin-top:12px;">
6948        <div class="fulfillment-meta">
6949            <span class="fw-bold">Free Pickup at </span>
6950            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
6951        </div>
6952        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
6953                <span class="fulfillment-stockitem">
6954                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
6955                        <span class="text-primary fw-bold">4 SHIP TO STORE</span>
6956                </span>
6957        </div>
6958    </div>
6959
6960    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
6961        No additional quantity can be added.
6962    </div>
6963</div>
6964    
6965<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
6966    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
6967        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
6968        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
6968 color:#212529;" />
6969        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
6970    </div>
6971    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
6972</div>
6973</div></template>
6974                        </div>
6975                    </div>
6976                </div>
6977            </div>
6978        </a>
6979    </div>
6980    <div class="col-12 col-sm-6 col-md-4 mb-3">
6981        <a class="card card-container h-100" href="/shop/p/9450321-052303-02/alexandria-moulding-py005-py048c-12-in-x-4-ft-x-4-ft-square-plywood" data-sku="9450321-052303-02">
6982            <div class="card-body d-flex justify-content-between flex-column lh-sm">
6983                <div class="d-flex flex-column justify-content-between h-100">
6984                    <div class="position-relative">
6985                        <div class="d-flex align-items-start justify-content-between">
6986                            <div class="d-flex align-items-center flex-wrap gap-1">
6987                            </div>
6988                            <button type="button" class="product-card-save-btn"
6989                                    data-save-product-sku="9450321-052303-02"
6990                                    data-save-saved-for-later="false"
6991                                    data-save-list-ids=""
6992                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
6993                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('9450321-052303-02', this); return false;"
6994                                    style="position:static;">
6995                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
6996                            </button>
6997                        </div>
6998                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
6999                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/100091067.jpg" alt="PY005-PY048C 1/2 in x 4 ft x 4 ft Square Plywood" class="img-fluid product-image" />
7000                        </div>
7001                            <div class="fw-bold mt-2" data-brand>ALEXANDRIA Moulding</div>
7002                        <div class="mt-2 fw-normal" data-name>PY005-PY048C 1/2 in x 4 ft x 4 ft Square Plywood</div>
7003                    </div>
7004                    <div class="mt-2">
7005                        <div class="fw-normal">Sku: 9450321-052303-02</div>
7006                            <div class="fw-normal mt-2">100 Available for <span class="text-primary fw-bold">SHIP TO STORE</span></div>
7007                        <div class="pc-price myriad mt-2">
7008$35<sup style="top: -10px;">.99</sup>
7009                        </div>
7010                        <div class="my-0">
7011&nbsp;                        </div>
7012                        <div class="pt-2">
7013                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
7014                                    <template class="cart-options-template">
7015<div class="cart-options"
7016     data-sku="9450321-052303-02"
7017     data-store-number="0"
7018     data-uom="EA"
7019     data-max-order="9999"
7020     data-existing-pickup="0"
7021     data-existing-delivery="0"
7022     data-method="pickup"
7023     data-cannot-add="false">
7024    <div class="mb-3">
7025            <div class="fw-bold" style="font-size:0.875rem;">ALEXANDRIA Moulding</div>
7026        <div class="h6 m-0">PY005-PY048C 1/2 in x 4 ft x 4 ft Square Plywood</div>
7027    </div>
7028    
7029<div class="card-container cart-options-panel">
7030    <div class="fulfillment-options">
7031        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
7032             style="border-color:#4C741C;">
7033            <div class="co-pickup-check fulfillment-check" style="display:flex;">
7034                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
7035            </div>
7036            <div class="fulfillment-title">Ship to Store</div>
7037                    <div class="fulfillment-text" style="margin-top:6px;">
7038                        <span class="fw-bold">100</span> <span>As soon as 10/01</span>
7039                    </div>
7040        </div>
7041            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
7042                 style="border-color:#ced4da;">
7043                <div class="co-delivery-check fulfillment-check" style="display:none;">
7044                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
7045                </div>
7046                <div class="fulfillment-title">Delivery</div>
7047                        <div class="fulfillment-text" style="margin-top:6px;">
7048                            <span class="fw-bold">100</span> <span>As soon as 10/01</span>
7049                        </div>
7050            </div>
7051    </div>
7052    <div style="margin-top:12px;">
7053        <div class="fulfillment-meta">
7054            <span class="fw-bold">Free Pickup at </span>
7055            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
7056        </div>
7057        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
7058                <span class="fulfillment-stockitem">
7059                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
7060                        <span class="text-primary fw-bold">100 SHIP TO STORE</span>
7061                </span>
7062        </div>
7063    </div>
7064
7065    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
7066        No additional quantity can be added.
7067    </div>
7068</div>
7069    
7070<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
7071    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
7072        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
7073        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
7074        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
7075    </div>
7076    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
7077</div>
7078</div></template>
7079                        </div>
7080                    </div>
7081                </div>
7082            </div>
7083        </a>
7084    </div>
7085    <div class="col-12 col-sm-6 col-md-4 mb-3">
7086        <a class="card card-container h-100" href="/shop/p/28700000/plylox-ply-03-window-clip-carbon-steel" data-sku="28700000">
7087            <div class="card-body d-flex justify-content-between flex-column lh-sm">
7088                <div class="d-flex flex-column justify-content-between h-100">
7089                    <div class="position-relative">
7090                        <div class="d-flex align-items-start justify-content-between">
7091                            <div class="d-flex align-items-center flex-wrap gap-1">
7092                            </div>
7093                            <button type="button" class="product-card-save-btn"
7094                                    data-save-product-sku="28700000"
7095                                    data-save-saved-for-later="false"
7096                                    data-save-list-ids=""
7097                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
7098                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('28700000', this); return false;"
7099                                    style="position:static;">
7100                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
7101                            </button>
7102                        </div>
7103                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
7104                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/102157779.jpg" alt="PLY-03 Window Clip, Carbon Steel" class="img-fluid product-image" />
7105                        </div>
7106                            <div class="fw-bold mt-2" data-brand>Plylox</div>
7107                        <div class="mt-2 fw-normal" data-name>
7107PLY-03 Window Clip, Carbon Steel</div>
7108                    </div>
7109                    <div class="mt-2">
7110                        <div class="fw-normal">Sku: 28700000</div>
7111                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
7112                        <div class="pc-price myriad mt-2">
7113$28<sup style="top: -10px;"><span>.99</span><span class="pc-price-uom"> / Bag</span></sup>
7114                        </div>
7115                        <div class="my-0">
7116&nbsp;                        </div>
7117                        <div class="pt-2">
7118                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('28700000')">Find Closest</button>
7119                        </div>
7120                    </div>
7121                </div>
7122            </div>
7123        </a>
7124    </div>
7125    <div class="col-12 col-sm-6 col-md-4 mb-3">
7126        <a class="card card-container h-100" href="/shop/p/28700110/plylox-ply-02-window-clip-stainless-steel" data-sku="28700110">
7127            <div class="card-body d-flex justify-content-between flex-column lh-sm">
7128                <div class="d-flex flex-column justify-content-between h-100">
7129                    <div class="position-relative">
7130                        <div class="d-flex align-items-start justify-content-between">
7131                            <div class="d-flex align-items-center flex-wrap gap-1">
7132                            </div>
7133                            <button type="button" class="product-card-save-btn"
7134                                    data-save-product-sku="28700110"
7135                                    data-save-saved-for-later="false"
7136                                    data-save-list-ids=""
7137                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
7138                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('28700110', this); return false;"
7139                                    style="position:static;">
7140                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
7141                            </button>
7142                        </div>
7143                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
7144                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/102157780.jpg" alt="PLY-02 Window Clip, Stainless Steel" class="img-fluid product-image" />
7145                        </div>
7146                            <div class="fw-bold mt-2" data-brand>Plylox</div>
7147                        <div class="mt-2 fw-normal" data-name>PLY-02 Window Clip, Stainless Steel</div>
7148                    </div>
7149                    <div class="mt-2">
7150                        <div class="fw-normal">Sku: 28700110</div>
7151                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
7152                        <div class="pc-price myriad mt-2">
7153$33<sup style="top: -10px;"><span>.99</span><span class="pc-price-uom"> / Bag</span></sup>
7154                        </div>
7155                        <div class="my-0">
7156&nbsp;                        </div>
7157                        <div class="pt-2">
7158                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('28700110')">Find Closest</button>
7159                        </div>
7160                    </div>
7161                </div>
7162            </div>
7163        </a>
7164    </div>
7165    <div class="col-12 col-sm-6 col-md-4 mb-3">
7166        <a class="card card-container h-100" href="/shop/p/02060495/cc-plywood-34-in-x-4-ft-x-8-ft-alder" data-sku="02060495">
7167            <div class="card-body d-flex justify-content-between flex-column lh-sm">
7168                <div class="d-flex flex-column justify-content-between h-100">
7169                    <div class="position-relative">
7170                        <div class="d-flex align-items-start justify-content-between">
7171                            <div class="d-flex align-items-center flex-wrap gap-1">
7172                            </div>
7173                            <button type="button" class="product-card-save-btn"
7174                                    data-save-product-sku="02060495"
7175                                    data-save-saved-for-later="false"
7176                                    data-save-list-ids=""
7177                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
7178                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02060495', this); return false;"
7179                                    style="position:static;">
7180                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
7181                            </button>
7182                        </div>
7183                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
7184                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/Sheet.jpg" alt="CC Plywood, 3/4 in x 4 ft x 8 ft - Alder" class="img-fluid product-image" />
7185                        </div>
7186                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
7187                        <div class="mt-2 fw-normal" data-name>CC Plywood, 3/4 in x 4 ft x 8 ft - Alder</div>
7188                    </div>
7189                    <div class="mt-2">
7190                        <div class="fw-normal">Sku: 02060495</div>
7191                            <div class="fw-normal mt-2">
71910 Available at <span class="text-primary fw-bold">San Marcos</span></div>
7192                        <div class="pc-price myriad mt-2">
7193$119<sup style="top: -10px;">.99</sup>
7194                        </div>
7195                        <div class="my-0">
7196&nbsp;                        </div>
7197                        <div class="pt-2">
7198                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('02060495')">Find Closest</button>
7199                        </div>
7200                    </div>
7201                </div>
7202            </div>
7203        </a>
7204    </div>
7205    <div class="col-12 col-sm-6 col-md-4 mb-3">
7206        <a class="card card-container h-100" href="/shop/p/020101/ac-plywood-14-in-x-4-ft-x-8-ft-southern-pine" data-sku="020101">
7207            <div class="card-body d-flex justify-content-between flex-column lh-sm">
7208                <div class="d-flex flex-column justify-content-between h-100">
7209                    <div class="position-relative">
7210                        <div class="d-flex align-items-start justify-content-between">
7211                            <div class="d-flex align-items-center flex-wrap gap-1">
7212                            </div>
7213                            <button type="button" class="product-card-save-btn"
7214                                    data-save-product-sku="020101"
7215                                    data-save-saved-for-later="false"
7216                                    data-save-list-ids=""
7217                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
7218                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020101', this); return false;"
7219                                    style="position:static;">
7220                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
7221                            </button>
7222                        </div>
7223                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
7224                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODSP.jpg" alt="AC Plywood, 1/4 in x 4 ft x 8 ft - Southern Pine" class="img-fluid product-image" />
7225                        </div>
7226                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
7227                        <div class="mt-2 fw-normal" data-name>AC Plywood, 1/4 in x 4 ft x 8 ft - Southern Pine</div>
7228                    </div>
7229                    <div class="mt-2">
7230                        <div class="fw-normal">Sku: 020101</div>
7231                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
7232                        <div class="pc-price myriad mt-2">
7233$29<sup style="top: -10px;">.19</sup>
7234                        </div>
7235                        <div class="my-0">
7236&nbsp;                        </div>
7237                        <div class="pt-2">
7238                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('020101')">Find Closest</button>
7239                        </div>
7240                    </div>
7241                </div>
7242            </div>
7243        </a>
7244    </div>
7245    <div class="col-12 col-sm-6 col-md-4 mb-3">
7246        <a class="card card-container h-100" href="/shop/p/02061800/ac-plywood-34-in-x-4-ft-x-8-ft-radiata-pine" data-sku="02061800">
7247            <div class="card-body d-flex justify-content-between flex-column lh-sm">
7248                <div class="d-flex flex-column justify-content-between h-100">
7249                    <div class="position-relative">
7250                        <div class="d-flex align-items-start justify-content-between">
7251                            <div class="d-flex align-items-center flex-wrap gap-1">
7252                            </div>
7253                            <button type="button" class="product-card-save-btn"
7254                                    data-save-product-sku="02061800"
7255                                    data-save-saved-for-later="false"
7256                                    data-save-list-ids=""
7257                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
7258                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02061800', this); return false;"
7259                                    style="position:static;">
7260                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
7261                            </button>
7262                        </div>
7263                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
7264                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODSP.jpg" alt="AC Plywood, 3/4 in x 4 ft x 8 ft - Radiata Pine" class="img-fluid product-image" />
7265                        </div>
7266                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
7267                        <div class="mt-2 fw-normal" data-name>AC Plywood, 3/4 in x 4 ft x 8 ft - Radiata Pine</div>
7268                    </div>
7269                    <div class="mt-2">
7270                        <div class="fw-normal">Sku: 02061800</div>
7271                            <div class="fw-normal mt-2">
72710 Available at <span class="text-primary fw-bold">San Marcos</span></div>
7272                        <div class="pc-price myriad mt-2">
7273$70<sup style="top: -10px;">.19</sup>
7274                        </div>
7275                        <div class="my-0">
7276&nbsp;                        </div>
7277                        <div class="pt-2">
7278                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('02061800')">Find Closest</button>
7279                        </div>
7280                    </div>
7281                </div>
7282            </div>
7283        </a>
7284    </div>
7285    <div class="col-12 col-sm-6 col-md-4 mb-3">
7286        <a class="card card-container h-100" href="/shop/p/16012603/c-4-plywood-38-in-x-4-ft-x-8-ft-radiata-pine-sanded" data-sku="16012603">
7287            <div class="card-body d-flex justify-content-between flex-column lh-sm">
7288                <div class="d-flex flex-column justify-content-between h-100">
7289                    <div class="position-relative">
7290                        <div class="d-flex align-items-start justify-content-between">
7291                            <div class="d-flex align-items-center flex-wrap gap-1">
7292                            </div>
7293                            <button type="button" class="product-card-save-btn"
7294                                    data-save-product-sku="16012603"
7295                                    data-save-saved-for-later="false"
7296                                    data-save-list-ids=""
7297                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
7298                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('16012603', this); return false;"
7299                                    style="position:static;">
7300                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
7301                            </button>
7302                        </div>
7303                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
7304                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODSP.jpg" alt="C-4 Plywood, 3/8 in x 4 ft x 8 ft - Radiata Pine, Sanded" class="img-fluid product-image" />
7305                        </div>
7306                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
7307                        <div class="mt-2 fw-normal" data-name>C-4 Plywood, 3/8 in x 4 ft x 8 ft - Radiata Pine, Sanded</div>
7308                    </div>
7309                    <div class="mt-2">
7310                        <div class="fw-normal">Sku: 16012603</div>
7311                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
7312                        <div class="pc-price myriad mt-2">
7313$51<sup style="top: -10px;">.99</sup>
7314                        </div>
7315                        <div class="my-0">
7316&nbsp;                        </div>
7317                        <div class="pt-2">
7318                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('16012603')">Find Closest</button>
7319                        </div>
7320                    </div>
7321                </div>
7322            </div>
7323        </a>
7324    </div>
7325    <div class="col-12 col-sm-6 col-md-4 mb-3">
7326        <a class="card card-container h-100" href="/shop/p/02060468/b-2-plywood-34-in-x-4-ft-x-8-ft-maple-sap" data-sku="02060468">
7327            <div class="card-body d-flex justify-content-between flex-column lh-sm">
7328                <div class="d-flex flex-column justify-content-between h-100">
7329                    <div class="position-relative">
7330                        <div class="d-flex align-items-start justify-content-between">
7331                            <div class="d-flex align-items-center flex-wrap gap-1">
7332                            </div>
7333                            <button type="button" class="product-card-save-btn"
7334                                    data-save-product-sku="02060468"
7335                                    data-save-saved-for-later="false"
7336                                    data-save-list-ids=""
7337                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
7338                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02060468', this); return false;"
7339                                    style="position:static;">
7340                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
7341                            </button>
7342                        </div>
7343                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
7344                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/maple.jpg" alt="B-2 Plywood, 3/4 in x 4 ft x 8 ft - Maple Sap" class="img-fluid product-image" />
7345                        </div>
7346                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
7347                        <div class="mt-2 fw-normal" data-name>B-2 Plywood, 3/4 in x 4 ft x 8 ft - Maple Sap</div>
7348                    </div>
7349                    <div class="mt-2">
7350                        <div class="fw-normal">Sku: 02060468</div>
7351                            <div class="fw-normal mt-2">
73510 Available at <span class="text-primary fw-bold">San Marcos</span></div>
7352                        <div class="pc-price myriad mt-2">
7353$100<sup style="top: -10px;">.99</sup>
7354                        </div>
7355                        <div class="my-0">
7356&nbsp;                        </div>
7357                        <div class="pt-2">
7358                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('02060468')">Find Closest</button>
7359                        </div>
7360                    </div>
7361                </div>
7362            </div>
7363        </a>
7364    </div>
7365    <div class="col-12 col-sm-6 col-md-4 mb-3">
7366        <a class="card card-container h-100" href="/shop/p/02064048/cc-plywood-18-mm-x-4-ft-x-8-ft-alder-34-in" data-sku="02064048">
7367            <div class="card-body d-flex justify-content-between flex-column lh-sm">
7368                <div class="d-flex flex-column justify-content-between h-100">
7369                    <div class="position-relative">
7370                        <div class="d-flex align-items-start justify-content-between">
7371                            <div class="d-flex align-items-center flex-wrap gap-1">
7372                            </div>
7373                            <button type="button" class="product-card-save-btn"
7374                                    data-save-product-sku="02064048"
7375                                    data-save-saved-for-later="false"
7376                                    data-save-list-ids=""
7377                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
7378                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02064048', this); return false;"
7379                                    style="position:static;">
7380                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
7381                            </button>
7382                        </div>
7383                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
7384                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/Sheet.jpg" alt="CC Plywood, 18 mm x 4 ft x 8 ft - Alder (3/4 in)" class="img-fluid product-image" />
7385                        </div>
7386                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
7387                        <div class="mt-2 fw-normal" data-name>CC Plywood, 18 mm x 4 ft x 8 ft - Alder (3/4 in)</div>
7388                    </div>
7389                    <div class="mt-2">
7390                        <div class="fw-normal">Sku: 02064048</div>
7391                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
7392                        <div class="pc-price myriad mt-2">
7393$136<sup style="top: -10px;">.99</sup>
7394                        </div>
7395                        <div class="my-0">
7396&nbsp;                        </div>
7397                        <div class="pt-2">
7398                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('02064048')">Find Closest</button>
7399                        </div>
7400                    </div>
7401                </div>
7402            </div>
7403        </a>
7404    </div>
7405    <div class="col-12 col-sm-6 col-md-4 mb-3">
7406        <a class="card card-container h-100" href="/shop/p/020211/cd-underlayment-2332-in-x-4-ft-x-8-ft-southern-pine-sanded-34-in" data-sku="020211">
7407            <div class="card-body d-flex justify-content-between flex-column lh-sm">
7408                <div class="d-flex flex-column justify-content-between h-100">
7409                    <div class="position-relative">
7410                        <div class="d-flex align-items-start justify-content-between">
7411                            <div class="d-flex align-items-center flex-wrap gap-1">
7412                            </div>
7413                            <button type="button" class="product-card-save-btn"
7414                                    data-save-product-sku="020211"
7415                                    data-save-saved-for-later="false"
7416                                    data-save-list-ids=""
7417                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
7418                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020211', this); return false;"
7419                                    style="position:static;">
7420                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
7421                            </button>
7422                        </div>
7423                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
7424                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODSP.jpg" alt="CD Underlayment, 23/32 in x 4 ft x 8 ft - Southern Pine, Sanded (3/4 in)" class="img-fluid product-image" />
7425                        </div>
7426                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
7427                        <div class="mt-2 fw-normal" data-name>CD Underlayment, 23/32 in x 4 ft x 8 ft - Southern Pine, Sanded (3/4 in)</div>
7428                    </div>
7429                    <div class="mt-2">
7430                        <div class="fw-normal">Sku: 020211</div>
7431                            <div class="fw-normal mt-2">
74310 Available at <span class="text-primary fw-bold">San Marcos</span></div>
7432                        <div class="pc-price myriad mt-2">
7433$41<sup style="top: -10px;">.89</sup>
7434                        </div>
7435                        <div class="my-0">
7436&nbsp;                        </div>
7437                        <div class="pt-2">
7438                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('020211')">Find Closest</button>
7439                        </div>
7440                    </div>
7441                </div>
7442            </div>
7443        </a>
7444    </div>
7445    <div class="col-12 col-sm-6 col-md-4 mb-3">
7446        <a class="card card-container h-100" href="/shop/p/7501190-052303-12/simpson-strong-tie-pscl-series-pscl-716-panel-sheathing-clip-20-ga-thick-material-steel-galvanized" data-sku="7501190-052303-12">
7447            <div class="card-body d-flex justify-content-between flex-column lh-sm">
7448                <div class="d-flex flex-column justify-content-between h-100">
7449                    <div class="position-relative">
7450                        <div class="d-flex align-items-start justify-content-between">
7451                            <div class="d-flex align-items-center flex-wrap gap-1">
7452                            </div>
7453                            <button type="button" class="product-card-save-btn"
7454                                    data-save-product-sku="7501190-052303-12"
7455                                    data-save-saved-for-later="false"
7456                                    data-save-list-ids=""
7457                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
7458                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('7501190-052303-12', this); return false;"
7459                                    style="position:static;">
7460                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
7461                            </button>
7462                        </div>
7463                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
7464                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/101831338.jpg" alt="PSCL Series PSCL 7/16 Panel Sheathing Clip, 20 ga Thick Material, Steel, Galvanized" class="img-fluid product-image" />
7465                        </div>
7466                            <div class="fw-bold mt-2" data-brand>Simpson Strong-Tie</div>
7467                        <div class="mt-2 fw-normal" data-name>PSCL Series PSCL 7/16 Panel Sheathing Clip, 20 ga Thick Material, Steel, Galvanized</div>
7468                    </div>
7469                    <div class="mt-2">
7470                        <div class="fw-normal">Sku: 7501190-052303-12</div>
7471                            <div class="fw-normal mt-2">1 Available for <span class="text-primary fw-bold">SHIP TO STORE</span></div>
7472                        <div class="pc-price myriad mt-2">
7473$29<sup style="top: -10px;"><span>.99</span><span class="pc-price-uom"> / Box</span></sup>
7474                        </div>
7475                        <div class="my-0">
7476&nbsp;                        </div>
7477                        <div class="pt-2">
7478                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
7479                                    <template class="cart-options-template">
7480<div class="cart-options"
7481     data-sku="7501190-052303-12"
7482     data-store-number="0"
7483     data-uom="BX"
7484     data-max-order="9999"
7485     data-existing-pickup="0"
7486     data-existing-delivery="0"
7487     data-method="pickup"
7488     data-cannot-add="false">
7489    <div class="mb-3">
7490            <div class="fw-bold" style="font-size:0.875rem;">Simpson Strong-Tie</div>
7491        <div class="h6 m-0">PSCL Series PSCL 7/16 Panel Sheathing Clip, 20 ga Thick Material, Steel, Galvanized</div>
7492    </div>
7493    
7494<div class="card-container cart-options-panel">
7495    <div class="fulfillment-options">
7496        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
7497             style="border-color:#4C741C;">
7498            <div class="co-pickup-check fulfillment-check" style="display:flex;">
7499                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
7500            </div>
7501            <div class="fulfillment-title">Ship to Store</div>
7502                    <div class="fulfillment-text" style="margin-top:6px;">
7503                        <span class="fw-bold">1</span> <span>As soon as 10/01</span>
7504                    </div>
7505        </div>
7506            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
7507                 style="border-color:#ced4da;">
7508                <div class="co-delivery-check fulfillment-check" style="display:none;">
7509                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
7510                </div>
7511                <div class="fulfillment-title">Delivery</div>
7512                        <div class="fulfillment-text" style="margin-top:6px;">
7513                            <span class="fw-bold">1</span> <span>As soon as 10/01</span>
7514                        </div>
7515            </div>
7516    </div>
7517    <div style="margin-top:12px;">
7518        <div class="fulfillment-meta">
7519            <span class="fw-bold">Free Pickup at </span>
7520            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
7521        </div>
7522        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
7523                <span class="fulfillment-stockitem">
7524                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
7525                        <span class="text-primary fw-bold">1 SHIP TO STORE</span>
7526                </span>
7527        </div>
7528    </div>
7529
7530    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
7531        No additional quantity can be added.
7532    </div>
7533</div>
7534    
7535<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
7536    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
7537        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
7538        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
7539        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
7540    </div>
7541    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
7542</div>
7543</div></template>
7544                        </div>
7545                    </div>
7546                </div>
7547            </div>
7548        </a>
7549    </div>
7550    <div class="col-12 col-sm-6 col-md-4 mb-3">
7551        <a class="card card-container h-100" href="/shop/p/020685/1532-in-x-4-ft-x-8-ft-prs-treated-fire-rated-plywood-12-in" data-sku="020685">
7552            <div class="card-body d-flex justify-content-between flex-column lh-sm">
7553                <div class="d-flex flex-column justify-content-between h-100">
7554                    <div class="position-relative">
7555                        <div class="d-flex align-items-start justify-content-between">
7556                            <div class="d-flex align-items-center flex-wrap gap-1">
7557                            </div>
7558                            <button type="button" class="product-card-save-btn"
7559                                    data-save-product-sku="020685"
7560                                    data-save-saved-for-later="false"
7561                                    data-save-list-ids=""
7562                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
7563                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020685', this); return false;"
7564                                    style="position:static;">
7565                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
7566                            </button>
7567                        </div>
7568                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
7569                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/020685a.jpg" alt="15/32 in x 4 ft x 8 ft PRS Treated Fire Rated Plywood (1/2 in)" class="img-fluid product-image" />
7570                        </div>
7571                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
7572                        <div class="mt-2 fw-normal" data-name>15/32 in x 4 ft x 8 ft PRS Treated Fire Rated Plywood (1/2 in)</div>
7573                    </div>
7574                    <div class="mt-2">
7575                        <div class="fw-normal">Sku: 020685</div>
7576                            <div class="fw-normal mt-2">
75760 Available at <span class="text-primary fw-bold">San Marcos</span></div>
7577                        <div class="pc-price myriad mt-2">
7578$62<sup style="top: -10px;">.99</sup>
7579                        </div>
7580                        <div class="my-0">
7581&nbsp;                        </div>
7582                        <div class="pt-2">
7583                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('020685')">Find Closest</button>
7584                        </div>
7585                    </div>
7586                </div>
7587            </div>
7588        </a>
7589    </div>
7590    <div class="col-12 col-sm-6 col-md-4 mb-3">
7591        <a class="card card-container h-100" href="/shop/p/020687/rated-sheathing-plywood-1932-in-x-4-ft-x-8-ft-southern-pine-fire-treated-58-in" data-sku="020687">
7592            <div class="card-body d-flex justify-content-between flex-column lh-sm">
7593                <div class="d-flex flex-column justify-content-between h-100">
7594                    <div class="position-relative">
7595                        <div class="d-flex align-items-start justify-content-between">
7596                            <div class="d-flex align-items-center flex-wrap gap-1">
7597                            </div>
7598                            <button type="button" class="product-card-save-btn"
7599                                    data-save-product-sku="020687"
7600                                    data-save-saved-for-later="false"
7601                                    data-save-list-ids=""
7602                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
7603                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020687', this); return false;"
7604                                    style="position:static;">
7605                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
7606                            </button>
7607                        </div>
7608                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
7609                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODSP.jpg" alt="Rated Sheathing Plywood, 19/32 in x 4 ft x 8 ft - Southern Pine, Fire Treated (5/8 in)" class="img-fluid product-image" />
7610                        </div>
7611                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
7612                        <div class="mt-2 fw-normal" data-name>Rated Sheathing Plywood, 19/32 in x 4 ft x 8 ft - Southern Pine, Fire Treated (5/8 in)</div>
7613                    </div>
7614                    <div class="mt-2">
7615                        <div class="fw-normal">Sku: 020687</div>
7616                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
7617                        <div class="pc-price myriad mt-2">
7618$65<sup style="top: -10px;">.99</sup>
7619                        </div>
7620                        <div class="my-0">
7621&nbsp;                        </div>
7622                        <div class="pt-2">
7623                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('020687')">Find Closest</button>
7624                        </div>
7625                    </div>
7626                </div>
7627            </div>
7628        </a>
7629    </div>
7630    <div class="col-12 col-sm-6 col-md-4 mb-3">
7631        <a class="card card-container h-100" href="/shop/p/020118/plugged-touched-sanded-plywood-38-in-x-4-ft-x-8-ft-southern-pine-plugged-one-side-touch-sanded" data-sku="020118">
7632            <div class="card-body d-flex justify-content-between flex-column lh-sm">
7633                <div class="d-flex flex-column justify-content-between h-100">
7634                    <div class="position-relative">
7635                        <div class="d-flex align-items-start justify-content-between">
7636                            <div class="d-flex align-items-center flex-wrap gap-1">
7637                            </div>
7638                            <button type="button" class="product-card-save-btn"
7639                                    data-save-product-sku="020118"
7640                                    data-save-saved-for-later="false"
7641                                    data-save-list-ids=""
7642                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
7643                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020118', this); return false;"
7644                                    style="position:static;">
7645                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
7646                            </button>
7647                        </div>
7648                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
7649                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODSP.jpg" alt="Plugged, Touched, Sanded Plywood, 3/8 in x 4 ft x 8 ft - Southern Pine, Plugged One Side, Touch Sanded" class="img-fluid product-image" />
7650                        </div>
7651                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
7652                        <div class="mt-2 fw-normal" data-name>Plugged, Touched, Sanded Plywood, 3/8 in x 4 ft x 8 ft - Southern Pine, Plugged One Side, Touch Sanded</div>
7653                    </div>
7654                    <div class="mt-2">
7655                        <div class="fw-normal">Sku: 020118</div>
7656                            <div class="fw-normal mt-2">
76560 Available at <span class="text-primary fw-bold">San Marcos</span></div>
7657                        <div class="pc-price myriad mt-2">
7658$33<sup style="top: -10px;">.99</sup>
7659                        </div>
7660                        <div class="my-0">
7661&nbsp;                        </div>
7662                        <div class="pt-2">
7663                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('020118')">Find Closest</button>
7664                        </div>
7665                    </div>
7666                </div>
7667            </div>
7668        </a>
7669    </div>
7670    <div class="col-12 col-sm-6 col-md-4 mb-3">
7671        <a class="card card-container h-100" href="/shop/p/020204/cdx-4-ply-plywood-1532-in-x-4-ft-x-8-ft-southern-pine-12-in" data-sku="020204">
7672            <div class="card-body d-flex justify-content-between flex-column lh-sm">
7673                <div class="d-flex flex-column justify-content-between h-100">
7674                    <div class="position-relative">
7675                        <div class="d-flex align-items-start justify-content-between">
7676                            <div class="d-flex align-items-center flex-wrap gap-1">
7677                            </div>
7678                            <button type="button" class="product-card-save-btn"
7679                                    data-save-product-sku="020204"
7680                                    data-save-saved-for-later="false"
7681                                    data-save-list-ids=""
7682                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
7683                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020204', this); return false;"
7684                                    style="position:static;">
7685                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
7686                            </button>
7687                        </div>
7688                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
7689                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODSP.jpg" alt="CDX 4-Ply Plywood, 15/32 in x 4 ft x 8 ft - Southern Pine (1/2 in)" class="img-fluid product-image" />
7690                        </div>
7691                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
7692                        <div class="mt-2 fw-normal" data-name>CDX 4-Ply Plywood, 15/32 in x 4 ft x 8 ft - Southern Pine (1/2 in)</div>
7693                    </div>
7694                    <div class="mt-2">
7695                        <div class="fw-normal">Sku: 020204</div>
7696                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
7697                        <div class="pc-price myriad mt-2">
7698$25<sup style="top: -10px;">.59</sup>
7699                        </div>
7700                        <div class="my-0">
7701&nbsp;                        </div>
7702                        <div class="pt-2">
7703                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('020204')">Find Closest</button>
7704                        </div>
7705                    </div>
7706                </div>
7707            </div>
7708        </a>
7709    </div>
7710    <div class="col-12 col-sm-6 col-md-4 mb-3">
7711        <a class="card card-container h-100" href="/shop/p/020218/cd-underlayment-1932-in-x-4-ft-x-8-ft-southern-pine-tongue-groove-58-in" data-sku="020218">
7712            <div class="card-body d-flex justify-content-between flex-column lh-sm">
7713                <div class="d-flex flex-column justify-content-between h-100">
7714                    <div class="position-relative">
7715                        <div class="d-flex align-items-start justify-content-between">
7716                            <div class="d-flex align-items-center flex-wrap gap-1">
7717                            </div>
7718                            <button type="button" class="product-card-save-btn"
7719                                    data-save-product-sku="020218"
7720                                    data-save-saved-for-later="false"
7721                                    data-save-list-ids=""
7722                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
7723                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020218', this); return false;"
7724                                    style="position:static;">
7725                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
7726                            </button>
7727                        </div>
7728                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
7729                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PLYWOODSP-T&amp;G.jpg" alt="CD Underlayment, 19/32 in x 4 ft x 8 ft - Southern Pine, Tongue &amp; Groove (5/8 in)" class="img-fluid product-image" />
7730                        </div>
7731                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
7732                        <div class="mt-2 fw-normal" data-name>CD Underlayment, 19/32 in x 4 ft x 8 ft - Southern Pine, Tongue &amp; Groove (5/8 in)</div>
7733                    </div>
7734                    <div class="mt-2">
7735                        <div class="fw-normal">Sku: 020218</div>
7736                            <div class="fw-normal mt-2">
77360 Available at <span class="text-primary fw-bold">San Marcos</span></div>
7737                        <div class="pc-price myriad mt-2">
7738$42<sup style="top: -10px;">.99</sup>
7739                        </div>
7740                        <div class="my-0">
7741&nbsp;                        </div>
7742                        <div class="pt-2">
7743                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('020218')">Find Closest</button>
7744                        </div>
7745                    </div>
7746                </div>
7747            </div>
7748        </a>
7749    </div>
7750    <div class="col-12 col-sm-6 col-md-4 mb-3">
7751        <a class="card card-container h-100" href="/shop/p/02084308/18-in-x-4-ft-x-8-ft-energy-brace-red" data-sku="02084308">
7752            <div class="card-body d-flex justify-content-between flex-column lh-sm">
7753                <div class="d-flex flex-column justify-content-between h-100">
7754                    <div class="position-relative">
7755                        <div class="d-flex align-items-start justify-content-between">
7756                            <div class="d-flex align-items-center flex-wrap gap-1">
7757                            </div>
7758                            <button type="button" class="product-card-save-btn"
7759                                    data-save-product-sku="02084308"
7760                                    data-save-saved-for-later="false"
7761                                    data-save-list-ids=""
7762                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
7763                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02084308', this); return false;"
7764                                    style="position:static;">
7765                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
7766                            </button>
7767                        </div>
7768                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
7769                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/02084308a.jpg" alt="1/8 in x 4 ft x 8 ft Energy Brace Red" class="img-fluid product-image" />
7770                        </div>
7771                            <div class="fw-bold mt-2" data-brand>Boise Cascade</div>
7772                        <div class="mt-2 fw-normal" data-name>1/8 in x 4 ft x 8 ft Energy Brace Red</div>
7773                    </div>
7774                    <div class="mt-2">
7775                        <div class="fw-normal">Sku: 02084308</div>
7776                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
7777                        <div class="pc-price myriad mt-2">
7778$16<sup style="top: -10px;">.99</sup>
7779                        </div>
7780                        <div class="my-0">
7781&nbsp;                        </div>
7782                        <div class="pt-2">
7783                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('02084308')">Find Closest</button>
7784                        </div>
7785                    </div>
7786                </div>
7787            </div>
7788        </a>
7789    </div>
7790    <div class="col-12 col-sm-6 col-md-4 mb-3">
7791        <a class="card card-container h-100" href="/shop/p/6956551-052303-28/tamlyn-pcsl1532-framing-plywood-clip-20-ga-thick-material-steel-galvanized" data-sku="6956551-052303-28">
7792            <div class="card-body d-flex justify-content-between flex-column lh-sm">
7793                <div class="d-flex flex-column justify-content-between h-100">
7794                    <div class="position-relative">
7795                        <div class="d-flex align-items-start justify-content-between">
7796                            <div class="d-flex align-items-center flex-wrap gap-1">
7797                            </div>
7798                            <button type="button" class="product-card-save-btn"
7799                                    data-save-product-sku="6956551-052303-28"
7800                                    data-save-saved-for-later="false"
7801                                    data-save-list-ids=""
7802                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
7803                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('6956551-052303-28', this); return false;"
7804                                    style="position:static;">
7805                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
7806                            </button>
7807                        </div>
7808                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
7809                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/103026063.jpg" alt="PCSL1532 Framing Plywood Clip, 20 ga Thick Material, Steel, Galvanized" class="img-fluid product-image" />
7810                        </div>
7811                            <div class="fw-bold mt-2" data-brand>Tamlyn</div>
7812                        <div class="mt-2 fw-normal" data-name>PCSL1532 Framing Plywood Clip, 20 ga Thick Material, Steel, Galvanized</div>
7813                    </div>
7814                    <div class="mt-2">
7815                        <div class="fw-normal">Sku: 6956551-052303-28</div>
7816                            <div class="fw-normal mt-2">39 Available for <span class="text-primary fw-bold">SHIP TO STORE</span></div>
7817                        <div class="pc-price myriad mt-2">
7818$24<sup style="top: -10px;">.62</sup>
7819                        </div>
7820                        <div class="my-0">
7821&nbsp;                        </div>
7822                        <div class="pt-2">
7823                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
7824                                    <template class="cart-options-template">
7825<div class="cart-options"
7826     data-sku="6956551-052303-28"
7827     data-store-number="0"
7828     data-uom="BX2"
7829     data-max-order="9999"
7830     data-existing-pickup="0"
7831     data-existing-delivery="0"
7832     data-method="pickup"
7833     data-cannot-add="false">
7834    <div class="mb-3">
7835            <div class="fw-bold" style="font-size:0.875rem;">Tamlyn</div>
7836        <div class="h6 m-0">PCSL1532 Framing Plywood Clip, 20 ga Thick Material, Steel, Galvanized</div>
7837    </div>
7838    
7839<div class="card-container cart-options-panel">
7840    <div class="fulfillment-options">
7841        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
7842             style="border-color:#4C741C;">
7843            <div class="co-pickup-check fulfillment-check" style="display:flex;">
7844                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
7845            </div>
7846            <div class="fulfillment-title">Ship to Store</div>
7847                    <div class="fulfillment-text" style="margin-top:6px;">
7848                        <span class="fw-bold">39</span> <span>As soon as 10/01</span>
7849                    </div>
7850        </div>
7851            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
7852                 style="border-color:#ced4da;">
7853                <div class="co-delivery-check fulfillment-check" style="display:none;">
7854                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
7855                </div>
7856                <div class="fulfillment-title">Delivery</div>
7857                        <div class="fulfillment-text" style="margin-top:6px;">
7858                            <span class="fw-bold">39</span> <span>As soon as 10/01</span>
7859                        </div>
7860            </div>
7861    </div>
7862    <div style="margin-top:12px;">
7863        <div class="fulfillment-meta">
7864            <span class="fw-bold">Free Pickup at </span>
7865            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
7866        </div>
7867        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
7868                <span class="fulfillment-stockitem">
7869                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
7870                        <span class="text-primary fw-bold">39 SHIP TO STORE</span>
7871                </span>
7872        </div>
7873    </div>
7874
7875    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
7876        No additional quantity can be added.
7877    </div>
7878</div>
7879    
7880<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
7881    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
7882        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
7883        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
7884        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
7885    </div>
7886    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
7887</div>
7888</div></template>
7889                        </div>
7890                    </div>
7891                </div>
7892            </div>
7893        </a>
7894    </div>
7895    <div class="col-12 col-sm-6 col-md-4 mb-3">
7896        <a class="card card-container h-100" href="/shop/p/6956296-052303-28/tamlyn-pcs12-framing-plywood-clip-20-ga-thick-material-steel-galvanized" data-sku="6956296-052303-28">
7897            <div class="card-body d-flex justify-content-between flex-column lh-sm">
7898                <div class="d-flex flex-column justify-content-between h-100">
7899                    <div class="position-relative">
7900                        <div class="d-flex align-items-start justify-content-between">
7901                            <div class="d-flex align-items-center flex-wrap gap-1">
7902                            </div>
7903                            <button type="button" class="product-card-save-btn"
7904                                    data-save-product-sku="6956296-052303-28"
7905                                    data-save-saved-for-later="false"
7906                                    data-save-list-ids=""
7907                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
7908                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('6956296-052303-28', this); return false;"
7909                                    style="position:static;">
7910                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
7911                            </button>
7912                        </div>
7913                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
7914                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/100064553.jpg" alt="PCS12 Framing Plywood Clip, 20 ga Thick Material, Steel, Galvanized" class="img-fluid product-image" />
7915                        </div>
7916                            <div class="fw-bold mt-2" data-brand>Tamlyn</div>
7917                        <div class="mt-2 fw-normal" data-name>PCS12 Framing Plywood Clip, 20 ga Thick Material, Steel, Galvanized</div>
7918                    </div>
7919                    <div class="mt-2">
7920                        <div class="fw-normal">Sku: 6956296-052303-28</div>
7921                            <div class="fw-normal mt-2">153 Available for <span class="text-primary fw-bold">SHIP TO STORE</span></div>
7922                        <div class="pc-price myriad mt-2">
7923$24<sup style="top: -10px;">.62</sup>
7924                        </div>
7925                        <div class="my-0">
7926&nbsp;                        </div>
7927                        <div class="pt-2">
7928                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
7929                                    <template class="cart-options-template">
7930<div class="cart-options"
7931     data-sku="6956296-052303-28"
7932     data-store-number="0"
7933     data-uom="BX2"
7934     data-max-order="9999"
7935     data-existing-pickup="0"
7936     data-existing-delivery="0"
7937     data-method="pickup"
7938     data-cannot-add="false">
7939    <div class="mb-3">
7940            <div class="fw-bold" style="font-size:0.875rem;">Tamlyn</div>
7941        <div class="h6 m-0">PCS12 Framing Plywood Clip, 20 ga Thick Material, Steel, Galvanized</div>
7942    </div>
7943    
7944<div class="card-container cart-options-panel">
7945    <div class="fulfillment-options">
7946        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
7947             style="border-color:#4C741C;">
7948            <div class="co-pickup-check fulfillment-check" style="display:flex;">
7949                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
7950            </div>
7951            <div class="fulfillment-title">Ship to Store</div>
7952                    <div class="fulfillment-text" style="margin-top:6px;">
7953                        <span class="fw-bold">153</span> <span>As soon as 10/01</span>
7954                    </div>
7955        </div>
7956            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
7957                 style="border-color:#ced4da;">
7958                <div class="co-delivery-check fulfillment-check" style="display:none;">
7959                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
7960                </div>
7961                <div class="fulfillment-title">Delivery</div>
7962                        <div class="fulfillment-text" style="margin-top:6px;">
7963                            <span class="fw-bold">153</span> <span>As soon as 10/01</span>
7964                        </div>
7965            </div>
7966    </div>
7967    <div style="margin-top:12px;">
7968        <div class="fulfillment-meta">
7969            <span class="fw-bold">Free Pickup at </span>
7970            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
7971        </div>
7972        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
7973                <span class="fulfillment-stockitem">
7974                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
7975                        <span class="text-primary fw-bold">153 SHIP TO STORE</span>
7976                </span>
7977        </div>
7978    </div>
7979
7980    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
7981        No additional quantity can be added.
7982    </div>
7983</div>
7984    
7985<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
7986    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
7987        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
7988        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
7989        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
7990    </div>
7991    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
7992</div>
7993</div></template>
7994                        </div>
7995                    </div>
7996                </div>
7997            </div>
7998        </a>
7999    </div>
8000    <div class="col-12 col-sm-6 col-md-4 mb-3">
8001        <a class="card card-container h-100" href="/shop/p/6956445-052303-28/tamlyn-pcs58-framing-plywood-clip-20-ga-thick-material-steel-galvanized" data-sku="6956445-052303-28">
8002            <div class="card-body d-flex justify-content-between flex-column lh-sm">
8003                <div class="d-flex flex-column justify-content-between h-100">
8004                    <div class="position-relative">
8005                        <div class="d-flex align-items-start justify-content-between">
8006                            <div class="d-flex align-items-center flex-wrap gap-1">
8007                            </div>
8008                            <button type="button" class="product-card-save-btn"
8009                                    data-save-product-sku="6956445-052303-28"
8010                                    data-save-saved-for-later="false"
8011                                    data-save-list-ids=""
8012                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
8013                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('6956445-052303-28', this); return false;"
8014                                    style="position:static;">
8015                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
8016                            </button>
8017                        </div>
8018                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
8019                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/100064562.jpg" alt="PCS58 Framing Plywood Clip, 20 ga Thick Material, Steel, Galvanized" class="img-fluid product-image" />
8020                        </div>
8021                            <div class="fw-bold mt-2" data-brand>Tamlyn</div>
8022                        <div class="mt-2 fw-normal" data-name>PCS58 Framing Plywood Clip, 20 ga Thick Material, Steel, Galvanized</div>
8023                    </div>
8024                    <div class="mt-2">
8025                        <div class="fw-normal">Sku: 6956445-052303-28</div>
8026                            <div class="fw-normal mt-2">93 Available for <span class="text-primary fw-bold">SHIP TO STORE</span></div>
8027                        <div class="pc-price myriad mt-2">
8028$30<sup style="top: -10px;">.68</sup>
8029                        </div>
8030                        <div class="my-0">
8031&nbsp;                        </div>
8032                        <div class="pt-2">
8033                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
8034                                    <template class="cart-options-template">
8035<div class="cart-options"
8036     data-sku="6956445-052303-28"
8037     data-store-number="0"
8038     data-uom="BX2"
8039     data-max-order="9999"
8040     data-existing-pickup="0"
8041     data-existing-delivery="0"
8042     data-method="pickup"
8043     data-cannot-add="false">
8044    <div class="mb-3">
8045            <div class="fw-bold" style="font-size:0.875rem;">Tamlyn</div>
8046        <div class="h6 m-0">PCS58 Framing Plywood Clip, 20 ga Thick Material, Steel, Galvanized</div>
8047    </div>
8048    
8049<div class="card-container cart-options-panel">
8050    <div class="fulfillment-options">
8051        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
8052             style="border-color:#4C741C;">
8053            <div class="co-pickup-check fulfillment-check" style="display:flex;">
8054                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
8055            </div>
8056            <div class="fulfillment-title">Ship to Store</div>
8057                    <div class="fulfillment-text" style="margin-top:6px;">
8058                        <span class="fw-bold">93</span> <span>As soon as 10/01</span>
8059                    </div>
8060        </div>
8061            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
8062                 style="border-color:#ced4da;">
8063                <div class="co-delivery-check fulfillment-check" style="display:none;">
8064                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
8065                </div>
8066                <div class="fulfillment-title">Delivery</div>
8067                        <div class="fulfillment-text" style="margin-top:6px;">
8068                            <span class="fw-bold">93</span> <span>As soon as 10/01</span>
8069                        </div>
8070            </div>
8071    </div>
8072    <div style="margin-top:12px;">
8073        <div class="fulfillment-meta">
8074            <span class="fw-bold">Free Pickup at </span>
8075            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
8076        </div>
8077        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
8078                <span class="fulfillment-stockitem">
8079                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
8080                        <span class="text-primary fw-bold">93 SHIP TO STORE</span>
8081                </span>
8082        </div>
8083    </div>
8084
8085    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
8086        No additional quantity can be added.
8087    </div>
8088</div>
8089    
8090<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
8091    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
8092        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
8093        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
8094        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
8095    </div>
8096    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
8097</div>
8098</div></template>
8099                        </div>
8100                    </div>
8101                </div>
8102            </div>
8103        </a>
8104    </div>
8105    <div class="col-12 col-sm-6 col-md-4 mb-3">
8106        <a class="card card-container h-100" href="/shop/p/6772743-052303-28/alexandria-moulding-pyr03-py018c-34-in-x-17-34-in-round-plywood" data-sku="6772743-052303-28">
8107            <div class="card-body d-flex justify-content-between flex-column lh-sm">
8108                <div class="d-flex flex-column justify-content-between h-100">
8109                    <div class="position-relative">
8110                        <div class="d-flex align-items-start justify-content-between">
8111                            <div class="d-flex align-items-center flex-wrap gap-1">
8112                            </div>
8113                            <button type="button" class="product-card-save-btn"
8114                                    data-save-product-sku="6772743-052303-28"
8115                                    data-save-saved-for-later="false"
8116                                    data-save-list-ids=""
8117                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
8118                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('6772743-052303-28', this); return false;"
8119                                    style="position:static;">
8120                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
8121                            </button>
8122                        </div>
8123                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
8124                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/100060081.jpg" alt="PYR03-PY018C 3/4 in x 17-3/4 in Round Plywood" class="img-fluid product-image" />
8125                        </div>
8126                            <div class="fw-bold mt-2" data-brand>ALEXANDRIA Moulding</div>
8127                        <div class="mt-2 fw-normal" data-name>PYR03-PY018C 3/4 in x 17-3/4 in Round Plywood</div>
8128                    </div>
8129                    <div class="mt-2">
8130                        <div class="fw-normal">Sku: 6772743-052303-28</div>
8131                            <div class="fw-normal mt-2">7 Available for <span class="text-primary fw-bold">SHIP TO STORE</span></div>
8132                        <div class="pc-price myriad mt-2">
8133$23<sup style="top: -10px;">.42</sup>
8134                        </div>
8135                        <div class="my-0">
8136&nbsp;                        </div>
8137                        <div class="pt-2">
8138                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
8139                                    <template class="cart-options-template">
8140<div class="cart-options"
8141     data-sku="6772743-052303-28"
8142     data-store-number="0"
8143     data-uom="EA"
8144     data-max-order="9999"
8145     data-existing-pickup="0"
8146     data-existing-delivery="0"
8147     data-method="pickup"
8148     data-cannot-add="false">
8149    <div class="mb-3">
8150            <div class="fw-bold" style="font-size:0.875rem;">ALEXANDRIA Moulding</div>
8151        <div class="h6 m-0">PYR03-PY018C 3/4 in x 17-3/4 in Round Plywood</div>
8152    </div>
8153    
8154<div class="card-container cart-options-panel">
8155    <div class="fulfillment-options">
8156        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
8157             style="border-color:#4C741C;">
8158            <div class="co-pickup-check fulfillment-check" style="display:flex;">
8159                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
8160            </div>
8161            <div class="fulfillment-title">Ship to Store</div>
8162                    <div class="fulfillment-text" style="margin-top:6px;">
8163                        <span class="fw-bold">7</span> <span>As soon as 10/01</span>
8164                    </div>
8165        </div>
8166            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
8167                 style="border-color:#ced4da;">
8168                <div class="co-delivery-check fulfillment-check" style="display:none;">
8169                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
8170                </div>
8171                <div class="fulfillment-title">Delivery</div>
8172                        <div class="fulfillment-text" style="margin-top:6px;">
8173                            <span class="fw-bold">7</span> <span>As soon as 10/01</span>
8174                        </div>
8175            </div>
8176    </div>
8177    <div style="margin-top:12px;">
8178        <div class="fulfillment-meta">
8179            <span class="fw-bold">Free Pickup at </span>
8180            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
8181        </div>
8182        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
8183                <span class="fulfillment-stockitem">
8184                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
8185                        <span class="text-primary fw-bold">7 SHIP TO STORE</span>
8186                </span>
8187        </div>
8188    </div>
8189
8190    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
8191        No additional quantity can be added.
8192    </div>
8193</div>
8194    
8195<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
8196    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
8197        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
8198        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
8199        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
8200    </div>
8201    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
8202</div>
8203</div></template>
8204                        </div>
8205                    </div>
8206                </div>
8207            </div>
8208        </a>
8209    </div>
8210    <div class="col-12 col-sm-6 col-md-4 mb-3">
8211        <a class="card card-container h-100" href="/shop/p/0547331-052303-28/alexandria-moulding-pyr01-py036c-34-in-x-35-34-in-round-plywood" data-sku="0547331-052303-28">
8212            <div class="card-body d-flex justify-content-between flex-column lh-sm">
8213                <div class="d-flex flex-column justify-content-between h-100">
8214                    <div class="position-relative">
8215                        <div class="d-flex align-items-start justify-content-between">
8216                            <div class="d-flex align-items-center flex-wrap gap-1">
8217                            </div>
8218                            <button type="button" class="product-card-save-btn"
8219                                    data-save-product-sku="0547331-052303-28"
8220                                    data-save-saved-for-later="false"
8221                                    data-save-list-ids=""
8222                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
8223                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('0547331-052303-28', this); return false;"
8224                                    style="position:static;">
8225                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
8226                            </button>
8227                        </div>
8228                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
8229                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/100004203.jpg" alt="PYR01-PY036C 3/4 in x 35-3/4 in Round Plywood" class="img-fluid product-image" />
8230                        </div>
8231                            <div class="fw-bold mt-2" data-brand>ALEXANDRIA Moulding</div>
8232                        <div class="mt-2 fw-normal" data-name>PYR01-PY036C 3/4 in x 35-3/4 in Round Plywood</div>
8233                    </div>
8234                    <div class="mt-2">
8235                        <div class="fw-normal">Sku: 0547331-052303-28</div>
8236                            <div class="fw-normal mt-2">51 Available for <span class="text-primary fw-bold">SHIP TO STORE</span></div>
8237                        <div class="pc-price myriad mt-2">
8238$88<sup style="top: -10px;">.42</sup>
8239                        </div>
8240                        <div class="my-0">
8241&nbsp;                        </div>
8242                        <div class="pt-2">
8243                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
8244                                    <template class="cart-options-template">
8245<div class="cart-options"
8246     data-sku="0547331-052303-28"
8247     data-store-number="0"
8248     data-uom="EA"
8249     data-max-order="9999"
8250     data-existing-pickup="0"
8251     data-existing-delivery="0"
8252     data-method="pickup"
8253     data-cannot-add="false">
8254    <div class="mb-3">
8255            <div class="fw-bold" style="font-size:0.875rem;">ALEXANDRIA Moulding</div>
8256        <div class="h6 m-0">PYR01-PY036C 3/4 in x 35-3/4 in Round Plywood</div>
8257    </div>
8258    
8259<div class="card-container cart-options-panel">
8260    <div class="fulfillment-options">
8261        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
8262             style="border-color:#4C741C;">
8263            <div class="co-pickup-check fulfillment-check" style="display:flex;">
8264                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
8265            </div>
8266            <div class="fulfillment-title">Ship to Store</div>
8267                    <div class="fulfillment-text" style="margin-top:6px;">
8268                        <span class="fw-bold">51</span> <span>As soon as 10/01</span>
8269                    </div>
8270        </div>
8271            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
8272                 style="border-color:#ced4da;">
8273                <div class="co-delivery-check fulfillment-check" style="display:none;">
8274                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
8275                </div>
8276                <div class="fulfillment-title">Delivery</div>
8277                        <div class="fulfillment-text" style="margin-top:6px;">
8278                            <span class="fw-bold">51</span> <span>As soon as 10/01</span>
8279                        </div>
8280            </div>
8281    </div>
8282    <div style="margin-top:12px;">
8283        <div class="fulfillment-meta">
8284            <span class="fw-bold">Free Pickup at </span>
8285            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
8286        </div>
8287        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
8288                <span class="fulfillment-stockitem">
8289                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
8290                        <span class="text-primary fw-bold">51 SHIP TO STORE</span>
8291                </span>
8292        </div>
8293    </div>
8294
8295    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
8296        No additional quantity can be added.
8297    </div>
8298</div>
8299    
8300<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
8301    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
8302        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
8303        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
8304        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
8305    </div>
8306    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
8307</div>
8308</div></template>
8309                        </div>
8310                    </div>
8311                </div>
8312            </div>
8313        </a>
8314    </div>
8315    <div class="col-12 col-sm-6 col-md-4 mb-3">
8316        <a class="card card-container h-100" href="/shop/p/1475367-052303-28/alexandria-moulding-pyr04-py024c-34-in-x-23-34-in-round-plywood" data-sku="1475367-052303-28">
8317            <div class="card-body d-flex justify-content-between flex-column lh-sm">
8318                <div class="d-flex flex-column justify-content-between h-100">
8319                    <div class="position-relative">
8320                        <div class="d-flex align-items-start justify-content-between">
8321                            <div class="d-flex align-items-center flex-wrap gap-1">
8322                            </div>
8323                            <button type="button" class="product-card-save-btn"
8324                                    data-save-product-sku="1475367-052303-28"
8325                                    data-save-saved-for-later="false"
8326                                    data-save-list-ids=""
8327                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
8328                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('1475367-052303-28', this); return false;"
8329                                    style="position:static;">
8330                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
8331                            </button>
8332                        </div>
8333                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
8334                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/100010771.jpg" alt="PYR04-PY024C 3/4 in x 23-3/4 in Round Plywood" class="img-fluid product-image" />
8335                        </div>
8336                            <div class="fw-bold mt-2" data-brand>ALEXANDRIA Moulding</div>
8337                        <div class="mt-2 fw-normal" data-name>
8337PYR04-PY024C 3/4 in x 23-3/4 in Round Plywood</div>
8338                    </div>
8339                    <div class="mt-2">
8340                        <div class="fw-normal">Sku: 1475367-052303-28</div>
8341                            <div class="fw-normal mt-2">29 Available for <span class="text-primary fw-bold">SHIP TO STORE</span></div>
8342                        <div class="pc-price myriad mt-2">
8343$38<sup style="top: -10px;">.30</sup>
8344                        </div>
8345                        <div class="my-0">
8346&nbsp;                        </div>
8347                        <div class="pt-2">
8348                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
8349                                    <template class="cart-options-template">
8350<div class="cart-options"
8351     data-sku="1475367-052303-28"
8352     data-store-number="0"
8353     data-uom="EA"
8354     data-max-order="9999"
8355     data-existing-pickup="0"
8356     data-existing-delivery="0"
8357     data-method="pickup"
8358     data-cannot-add="false">
8359    <div class="mb-3">
8360            <div class="fw-bold" style="font-size:0.875rem;">ALEXANDRIA Moulding</div>
8361        <div class="h6 m-0">PYR04-PY024C 3/4 in x 23-3/4 in Round Plywood</div>
8362    </div>
8363    
8364<div class="card-container cart-options-panel">
8365    <div class="fulfillment-options">
8366        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
8367             style="border-color:#4C741C;">
8368            <div class="co-pickup-check fulfillment-check" style="display:flex;">
8369                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
8370            </div>
8371            <div class="fulfillment-title">Ship to Store</div>
8372                    <div class="fulfillment-text" style="margin-top:6px;">
8373                        <span class="fw-bold">29</span> <span>As soon as 10/01</span>
8374                    </div>
8375        </div>
8376            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
8377                 style="border-color:#ced4da;">
8378                <div class="co-delivery-check fulfillment-check" style="display:none;">
8379                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
8380                </div>
8381                <div class="fulfillment-title">Delivery</div>
8382                        <div class="fulfillment-text" style="margin-top:6px;">
8383                            <span class="fw-bold">29</span> <span>As soon as 10/01</span>
8384                        </div>
8385            </div>
8386    </div>
8387    <div style="margin-top:12px;">
8388        <div class="fulfillment-meta">
8389            <span class="fw-bold">Free Pickup at </span>
8390            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
8391        </div>
8392        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
8393                <span class="fulfillment-stockitem">
8394                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
8395                        <span class="text-primary fw-bold">29 SHIP TO STORE</span>
8396                </span>
8397        </div>
8398    </div>
8399
8400    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
8401        No additional quantity can be added.
8402    </div>
8403</div>
8404    
8405<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
8406    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
8407        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
8408        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
8408 color:#212529;" />
8409        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
8410    </div>
8411    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
8412</div>
8413</div></template>
8414                        </div>
8415                    </div>
8416                </div>
8417            </div>
8418        </a>
8419    </div>
8420    <div class="col-12 col-sm-6 col-md-4 mb-3">
8421        <a class="card card-container h-100" href="/shop/p/2112456-052303-28/alexandria-moulding-pyr02-py012c-34-in-x-11-34-in-round-plywood" data-sku="2112456-052303-28">
8422            <div class="card-body d-flex justify-content-between flex-column lh-sm">
8423                <div class="d-flex flex-column justify-content-between h-100">
8424                    <div class="position-relative">
8425                        <div class="d-flex align-items-start justify-content-between">
8426                            <div class="d-flex align-items-center flex-wrap gap-1">
8427                            </div>
8428                            <button type="button" class="product-card-save-btn"
8429                                    data-save-product-sku="2112456-052303-28"
8430                                    data-save-saved-for-later="false"
8431                                    data-save-list-ids=""
8432                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
8433                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('2112456-052303-28', this); return false;"
8434                                    style="position:static;">
8435                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
8436                            </button>
8437                        </div>
8438                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
8439                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/100015467.jpg" alt="PYR02-PY012C 3/4 in x 11-3/4 in Round Plywood" class="img-fluid product-image" />
8440                        </div>
8441                            <div class="fw-bold mt-2" data-brand>ALEXANDRIA Moulding</div>
8442                        <div class="mt-2 fw-normal" data-name>PYR02-PY012C 3/4 in x 11-3/4 in Round Plywood</div>
8443                    </div>
8444                    <div class="mt-2">
8445                        <div class="fw-normal">Sku: 2112456-052303-28</div>
8446                            <div class="fw-normal mt-2">11 Available for <span class="text-primary fw-bold">SHIP TO STORE</span></div>
8447                        <div class="pc-price myriad mt-2">
8448$10<sup style="top: -10px;">.89</sup>
8449                        </div>
8450                        <div class="my-0">
8451&nbsp;                        </div>
8452                        <div class="pt-2">
8453                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
8454                                    <template class="cart-options-template">
8455<div class="cart-options"
8456     data-sku="2112456-052303-28"
8457     data-store-number="0"
8458     data-uom="EA"
8459     data-max-order="9999"
8460     data-existing-pickup="0"
8461     data-existing-delivery="0"
8462     data-method="pickup"
8463     data-cannot-add="false">
8464    <div class="mb-3">
8465            <div class="fw-bold" style="font-size:0.875rem;">ALEXANDRIA Moulding</div>
8466        <div class="h6 m-0">PYR02-PY012C 3/4 in x 11-3/4 in Round Plywood</div>
8467    </div>
8468    
8469<div class="card-container cart-options-panel">
8470    <div class="fulfillment-options">
8471        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
8472             style="border-color:#4C741C;">
8473            <div class="co-pickup-check fulfillment-check" style="display:flex;">
8474                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
8475            </div>
8476            <div class="fulfillment-title">Ship to Store</div>
8477                    <div class="fulfillment-text" style="margin-top:6px;">
8478                        <span class="fw-bold">11</span> <span>As soon as 10/01</span>
8479                    </div>
8480        </div>
8481            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
8482                 style="border-color:#ced4da;">
8483                <div class="co-delivery-check fulfillment-check" style="display:none;">
8484                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
8485                </div>
8486                <div class="fulfillment-title">Delivery</div>
8487                        <div class="fulfillment-text" style="margin-top:6px;">
8488                            <span class="fw-bold">11</span> <span>As soon as 10/01</span>
8489                        </div>
8490            </div>
8491    </div>
8492    <div style="margin-top:12px;">
8493        <div class="fulfillment-meta">
8494            <span class="fw-bold">Free Pickup at </span>
8495            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
8496        </div>
8497        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
8498                <span class="fulfillment-stockitem">
8499                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
8500                        <span class="text-primary fw-bold">11 SHIP TO STORE</span>
8501                </span>
8502        </div>
8503    </div>
8504
8505    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
8506        No additional quantity can be added.
8507    </div>
8508</div>
8509    
8510<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
8511    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
8512        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
8513        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
8514        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
8515    </div>
8516    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
8517</div>
8518</div></template>
8519                        </div>
8520                    </div>
8521                </div>
8522            </div>
8523        </a>
8524    </div>
8525    <div class="col-12 col-sm-6 col-md-4 mb-3">
8526        <a class="card card-container h-100" href="/shop/p/6956098-052303-28/tamlyn-pcs-series-pcsl716-fram
8526ing-plywood-clip-20-ga-thick-material-steel-galvanized" data-sku="6956098-052303-28">
8527            <div class="card-body d-flex justify-content-between flex-column lh-sm">
8528                <div class="d-flex flex-column justify-content-between h-100">
8529                    <div class="position-relative">
8530                        <div class="d-flex align-items-start justify-content-between">
8531                            <div class="d-flex align-items-center flex-wrap gap-1">
8532                            </div>
8533                            <button type="button" class="product-card-save-btn"
8534                                    data-save-product-sku="6956098-052303-28"
8535                                    data-save-saved-for-later="false"
8536                                    data-save-list-ids=""
8537                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
8538                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('6956098-052303-28', this); return false;"
8539                                    style="position:static;">
8540                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
8541                            </button>
8542                        </div>
8543                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
8544                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/103026062.jpg" alt="PCS Series PCSL716 Framing Plywood Clip, 20 ga Thick Material, Steel, Galvanized" class="img-fluid product-image" />
8545                        </div>
8546                            <div class="fw-bold mt-2" data-brand>Tamlyn</div>
8547                        <div class="mt-2 fw-normal" data-name>PCS Series PCSL716 Framing Plywood Clip, 20 ga Thick Material, Steel, Galvanized</div>
8548                    </div>
8549                    <div class="mt-2">
8550                        <div class="fw-normal">Sku: 6956098-052303-28</div>
8551                            <div class="fw-normal mt-2">408 Available for <span class="text-primary fw-bold">SHIP TO STORE</span></div>
8552                        <div class="pc-price myriad mt-2">
8553$24<sup style="top: -10px;">.62</sup>
8554                        </div>
8555                        <div class="my-0">
8556&nbsp;                        </div>
8557                        <div class="pt-2">
8558                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
8559                                    <template class="cart-options-template">
8560<div class="cart-options"
8561     data-sku="6956098-052303-28"
8562     data-store-number="0"
8563     data-uom="BX2"
8564     data-max-order="9999"
8565     data-existing-pickup="0"
8566     data-existing-delivery="0"
8567     data-method="pickup"
8568     data-cannot-add="false">
8569    <div class="mb-3">
8570            <div class="fw-bold" style="font-size:0.875rem;">Tamlyn</div>
8571        <div class="h6 m-0">PCS Series PCSL716 Framing Plywood Clip, 20 ga Thick Material, Steel, Galvanized</div>
8572    </div>
8573    
8574<div class="card-container cart-options-panel">
8575    <div class="fulfillment-options">
8576        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
8577             style="border-color:#4C741C;">
8578            <div class="co-pickup-check fulfillment-check" style="display:flex;">
8579                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
8580            </div>
8581            <div class="fulfillment-title">Ship to Store</div>
8582                    <div class="fulfillment-text" style="margin-top:6px;">
8583                        <span class="fw-bold">408</span> <span>As soon as 10/01</span>
8584                    </div>
8585        </div>
8586            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
8587                 style="border-color:#ced4da;">
8588                <div class="co-delivery-check fulfillment-check" style="display:none;">
8589                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
8590                </div>
8591                <div class="fulfillment-title">Delivery</div>
8592                        <div class="fulfillment-text" style="margin-top:6px;">
8593                            <span class="fw-bold">408</span> <span>As soon as 10/01</span>
8594                        </div>
8595            </div>
8596    </div>
8597    <div style="margin-top:12px;">
8598        <div class="fulfillment-meta">
8599            <span class="fw-bold">Free Pickup at </span>
8600            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
8601        </div>
8602        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
8603                <span class="fulfillment-stockitem">
8604                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
8605                        <span class="text-primary fw-bold">408 SHIP TO STORE</span>
8606                </span>
8607        </div>
8608    </div>
8609
8610    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
8611        No additional quantity can be added.
8612    </div>
8613</div>
8614    
8615<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
8616    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
8617        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
8618        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
8619        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
8620    </div>
8621    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
8622</div>
8623</div></template>
8624                        </div>
8625                    </div>
8626                </div>
8627            </div>
8628        </a>
8629    </div>
8630    <div class="col-12 col-sm-6 col-md-4 mb-3">
8631        <a class="card card-container h-100" href="/shop/p/7501125-052303-12/simpson-strong-tie-psca-12-panel-sheathing-clip-20-ga-thick-material-steel-zinc-galvanized" data-sku="7501125-052303-12">
8632            <div class="card-body d-flex justify-content-between flex-column lh-sm">
8633                <div class="d-flex flex-column justify-content-between h-100">
8634                    <div class="position-relative">
8635                        <div class="d-flex align-items-start justify-content-between">
8636                            <div class="d-flex align-items-center flex-wrap gap-1">
8637                            </div>
8638                            <button type="button" class="product-card-save-btn"
8639                                    data-save-product-sku="7501125-052303-12"
8640                                    data-save-saved-for-later="false"
8641                                    data-save-list-ids=""
8642                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
8643                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('7501125-052303-12', this); return false;"
8644                                    style="position:static;">
8645                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
8646                            </button>
8647                        </div>
8648                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
8649                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/103682294.jpg" alt="PSCA 1/2 Panel Sheathing Clip, 20 ga Thick Material, Steel, Zinc Galvanized" class="img-fluid product-image" />
8650                        </div>
8651                            <div class="fw-bold mt-2" data-brand>Simpson Strong-Tie</div>
8652                        <div class="mt-2 fw-normal" data-name>PSCA 1/2 Panel Sheathing Clip, 20 ga Thick Material, Steel, Zinc Galvanized</div>
8653                    </div>
8654                    <div class="mt-2">
8655                        <div class="fw-normal">Sku: 7501125-052303-12</div>
8656                            <div class="fw-normal mt-2">13 Available for <span class="text-primary fw-bold">SHIP TO STORE</span></div>
8657                        <div class="pc-price myriad mt-2">
8658$15<sup style="top: -10px;">.17</sup>
8659                        </div>
8660                        <div class="my-0">
8661&nbsp;                        </div>
8662                        <div class="pt-2">
8663                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
8664                                    <template class="cart-options-template">
8665<div class="cart-options"
8666     data-sku="7501125-052303-12"
8667     data-store-number="0"
8668     data-uom="BX2"
8669     data-max-order="9999"
8670     data-existing-pickup="0"
8671     data-existing-delivery="0"
8672     data-method="pickup"
8673     data-cannot-add="false">
8674    <div class="mb-3">
8675            <div class="fw-bold" style="font-size:0.875rem;">Simpson Strong-Tie</div>
8676        <div class="h6 m-0">PSCA 1/2 Panel Sheathing Clip, 20 ga Thick Material, Steel, Zinc Galvanized</div>
8677    </div>
8678    
8679<div class="card-container cart-options-panel">
8680    <div class="fulfillment-options">
8681        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
8682             style="border-color:#4C741C;">
8683            <div class="co-pickup-check fulfillment-check" style="display:flex;">
8684                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
8685            </div>
8686            <div class="fulfillment-title">Ship to Store</div>
8687                    <div class="fulfillment-text" style="margin-top:6px;">
8688                        <span class="fw-bold">13</span> <span>As soon as 10/01</span>
8689                    </div>
8690        </div>
8691            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
8692                 style="border-color:#ced4da;">
8693                <div class="co-delivery-check fulfillment-check" style="display:none;">
8694                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
8695                </div>
8696                <div class="fulfillment-title">Delivery</div>
8697                        <div class="fulfillment-text" style="margin-top:6px;">
8698                            <span class="fw-bold">13</span> <span>As soon as 10/01</span>
8699                        </div>
8700            </div>
8701    </div>
8702    <div style="margin-top:12px;">
8703        <div class="fulfillment-meta">
8704            <span class="fw-bold">Free Pickup at </span>
8705            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
8706        </div>
8707        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
8708                <span class="fulfillment-stockitem">
8709                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
8710                        <span class="text-primary fw-bold">13 SHIP TO STORE</span>
8711                </span>
8712        </div>
8713    </div>
8714
8715    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
8716        No additional quantity can be added.
8717    </div>
8718</div>
8719    
8720<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
8721    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
8722        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
8723        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
8724        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
8725    </div>
8726    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
8727</div>
8728</div></template>
8729                        </div>
8730                    </div>
8731                </div>
8732            </div>
8733        </a>
8734    </div>
8735    <div class="col-12 col-sm-6 col-md-4 mb-3">
8736        <a class="card card-container h-100" href="/shop/p/7501158-052303-12/simpson-strong-tie-pscl-series-pscl12-panel-sheathing-clip-20-ga-thick-material-steel-galvanized" data-sku="7501158-052303-12">
8737            <div class="card-body d-flex justify-content-between flex-column lh-sm">
8738                <div class="d-flex flex-column justify-content-between h-100">
8739                    <div class="position-relative">
8740                        <div class="d-flex align-items-start justify-content-between">
8741                            <div class="d-flex align-items-center flex-wrap gap-1">
8742                            </div>
8743                            <button type="button" class="product-card-save-btn"
8744                                    data-save-product-sku="7501158-052303-12"
8745                                    data-save-saved-for-later="false"
8746                                    data-save-list-ids=""
8747                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
8748                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('7501158-052303-12', this); return false;"
8749                                    style="position:static;">
8750                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
8751                            </button>
8752                        </div>
8753                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
8754                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/100314941.jpg" alt="P
8754SCL Series PSCL1/2 Panel Sheathing Clip, 20 ga Thick Material, Steel, Galvanized" class="img-fluid product-image" />
8755                        </div>
8756                            <div class="fw-bold mt-2" data-brand>Simpson Strong-Tie</div>
8757                        <div class="mt-2 fw-normal" data-name>PSCL Series PSCL1/2 Panel Sheathing Clip, 20 ga Thick Material, Steel, Galvanized</div>
8758                    </div>
8759                    <div class="mt-2">
8760                        <div class="fw-normal">Sku: 7501158-052303-12</div>
8761                            <div class="fw-normal mt-2">3 Available for <span class="text-primary fw-bold">SHIP TO STORE</span></div>
8762                        <div class="pc-price myriad mt-2">
8763$28<sup style="top: -10px;">.53</sup>
8764                        </div>
8765                        <div class="my-0">
8766&nbsp;                        </div>
8767                        <div class="pt-2">
8768                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
8769                                    <template class="cart-options-template">
8770<div class="cart-options"
8771     data-sku="7501158-052303-12"
8772     data-store-number="0"
8773     data-uom="BX2"
8774     data-max-order="9999"
8775     data-existing-pickup="0"
8776     data-existing-delivery="0"
8777     data-method="pickup"
8778     data-cannot-add="false">
8779    <div class="mb-3">
8780            <div class="fw-bold" style="font-size:0.875rem;">Simpson Strong-Tie</div>
8781        <div class="h6 m-0">PSCL Series PSCL1/2 Panel Sheathing Clip, 20 ga Thick Material, Steel, Galvanized</div>
8782    </div>
8783    
8784<div class="card-container cart-options-panel">
8785    <div class="fulfillment-options">
8786        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
8787             style="border-color:#4C741C;">
8788            <div class="co-pickup-check fulfillment-check" style="display:flex;">
8789                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
8790            </div>
8791            <div class="fulfillment-title">Ship to Store</div>
8792                    <div class="fulfillment-text" style="margin-top:6px;">
8793                        <span class="fw-bold">3</span> <span>As soon as 10/01</span>
8794                    </div>
8795        </div>
8796            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
8797                 style="border-color:#ced4da;">
8798                <div class="co-delivery-check fulfillment-check" style="display:none;">
8799                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
8800                </div>
8801                <div class="fulfillment-title">Delivery</div>
8802                        <div class="fulfillment-text" style="margin-top:6px;">
8803                            <span class="fw-bold">3</span> <span>As soon as 10/01</span>
8804                        </div>
8805            </div>
8806    </div>
8807    <div style="margin-top:12px;">
8808        <div class="fulfillment-meta">
8809            <span class="fw-bold">Free Pickup at </span>
8810            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
8811        </div>
8812        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
8813                <span class="fulfillment-stockitem">
8814                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
8815                        <span class="text-primary fw-bold">3 SHIP TO STORE</span>
8816                </span>
8817        </div>
8818    </div>
8819
8820    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
8821        No additional quantity can be added.
8822    </div>
8823</div>
8824    
8825<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
8826    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
8827        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
8828        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
8828 color:#212529;" />
8829        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
8830    </div>
8831    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
8832</div>
8833</div></template>
8834                        </div>
8835                    </div>
8836                </div>
8837            </div>
8838        </a>
8839    </div>
8840    <div class="col-12 col-sm-6 col-md-4 mb-3">
8841        <a class="card card-container h-100" href="/shop/p/7502669-052303-12/simpson-strong-tie-pscl-series-pscl-12-r50-panel-sheathing-clip-20-ga-thick-material-steel-galvanized" data-sku="7502669-052303-12">
8842            <div class="card-body d-flex justify-content-between flex-column lh-sm">
8843                <div class="d-flex flex-column justify-content-between h-100">
8844                    <div class="position-relative">
8845                        <div class="d-flex align-items-start justify-content-between">
8846                            <div class="d-flex align-items-center flex-wrap gap-1">
8847                            </div>
8848                            <button type="button" class="product-card-save-btn"
8849                                    data-save-product-sku="7502669-052303-12"
8850                                    data-save-saved-for-later="false"
8851                                    data-save-list-ids=""
8852                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
8853                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('7502669-052303-12', this); return false;"
8854                                    style="position:static;">
8855                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
8856                            </button>
8857                        </div>
8858                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
8859                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/101831339.jpg" alt="PSCL Series PSCL 1/2-R50 Panel Sheathing Clip, 20 ga Thick Material, Steel, Galvanized" class="img-fluid product-image" />
8860                        </div>
8861                            <div class="fw-bold mt-2" data-brand>Simpson Strong-Tie</div>
8862                        <div class="mt-2 fw-normal" data-name>PSCL Series PSCL 1/2-R50 Panel Sheathing Clip, 20 ga Thick Material, Steel, Galvanized</div>
8863                    </div>
8864                    <div class="mt-2">
8865                        <div class="fw-normal">Sku: 7502669-052303-12</div>
8866                            <div class="fw-normal mt-2">101 Available for <span class="text-primary fw-bold">SHIP TO STORE</span></div>
8867                        <div class="pc-price myriad mt-2">
8868$9<sup style="top: -10px;">.77</sup>
8869                        </div>
8870                        <div class="my-0">
8871&nbsp;                        </div>
8872                        <div class="pt-2">
8873                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
8874                                    <template class="cart-options-template">
8875<div class="cart-options"
8876     data-sku="7502669-052303-12"
8877     data-store-number="0"
8878     data-uom="EA"
8879     data-max-order="9999"
8880     data-existing-pickup="0"
8881     data-existing-delivery="0"
8882     data-method="pickup"
8883     data-cannot-add="false">
8884    <div class="mb-3">
8885            <div class="fw-bold" style="font-size:0.875rem;">Simpson Strong-Tie</div>
8886        <div class="h6 m-0">PSCL Series PSCL 1/2-R50 Panel Sheathing Clip, 20 ga Thick Material, Steel, Galvanized</div>
8887    </div>
8888    
8889<div class="card-container cart-options-panel">
8890    <div class="fulfillment-options">
8891        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
8892             style="border-color:#4C741C;">
8893            <div class="co-pickup-check fulfillment-check" style="display:flex;">
8894                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
8895            </div>
8896            <div class="fulfillment-title">Ship to Store</div>
8897                    <div class="fulfillment-text" style="margin-top:6px;">
8898                        <span class="fw-bold">101</span> <span>As soon as 10/01</span>
8899                    </div>
8900        </div>
8901            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
8902                 style="border-color:#ced4da;">
8903                <div class="co-delivery-check fulfillment-check" style="display:none;">
8904                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
8905                </div>
8906                <div class="fulfillment-title">Delivery</div>
8907                        <div class="fulfillment-text" style="margin-top:6px;">
8908                            <span class="fw-bold">101</span> <span>As soon as 10/01</span>
8909                        </div>
8910            </div>
8911    </div>
8912    <div style="margin-top:12px;">
8913        <div class="fulfillment-meta">
8914            <span class="fw-bold">Free Pickup at </span>
8915            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
8916        </div>
8917        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
8918                <span class="fulfillment-stockitem">
8919                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
8920                        <span class="text-primary fw-bold">101 SHIP TO STORE</span>
8921                </span>
8922        </div>
8923    </div>
8924
8925    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
8926        No additional quantity can be added.
8927    </div>
8928</div>
8929    
8930<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
8931    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
8932        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
8933        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
8934        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
8935    </div>
8936    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
8937</div>
8938</div></template>
8939                        </div>
8940                    </div>
8941                </div>
8942            </div>
8943        </a>
8944    </div>
8945    <div class="col-12 col-sm-6 col-md-4 mb-3">
8946        <a class="card card-container h-100" href="/shop/p/7502677-052303-12/simpson-strong-tie-pscl-series-pscl-58-r50-panel-sheathing-clip-20-ga-thick-material-steel-galvanized" data-sku="7502677-052303-12">
8947            <div class="card-body d-flex justify-content-between flex-column lh-sm">
8948                <div class="d-flex flex-column justify-content-between h-100">
8949                    <div class="position-relative">
8950                        <div class="d-flex align-items-start justify-content-between">
8951                            <div class="d-flex align-items-center flex-wrap gap-1">
8952                            </div>
8953                            <button type="button" class="product-card-save-btn"
8954                                    data-save-product-sku="7502677-052303-12"
8955                                    data-save-saved-for-later="false"
8956                                    data-save-list-ids=""
8957                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
8958                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('7502677-052303-12', this); return false;"
8959                                    style="position:static;">
8960                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
8961                            </button>
8962                        </div>
8963                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
8964                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/100314944.jpg" alt="P
8964SCL Series PSCL 5/8-R50 Panel Sheathing Clip, 20 ga Thick Material, Steel, Galvanized" class="img-fluid product-image" />
8965                        </div>
8966                            <div class="fw-bold mt-2" data-brand>Simpson Strong-Tie</div>
8967                        <div class="mt-2 fw-normal" data-name>PSCL Series PSCL 5/8-R50 Panel Sheathing Clip, 20 ga Thick Material, Steel, Galvanized</div>
8968                    </div>
8969                    <div class="mt-2">
8970                        <div class="fw-normal">Sku: 7502677-052303-12</div>
8971                            <div class="fw-normal mt-2">0 Available for <span class="text-primary fw-bold">SHIP TO STORE</span></div>
8972                        <div class="pc-price myriad mt-2">
8973$12<sup style="top: -10px;">.59</sup>
8974                        </div>
8975                        <div class="my-0">
8976&nbsp;                        </div>
8977                        <div class="pt-2">
8978                                <button class="btn btn-light w-100" disabled>Out of Stock</button>
8979                        </div>
8980                    </div>
8981                </div>
8982            </div>
8983        </a>
8984    </div>
8985    <div class="col-12 col-sm-6 col-md-4 mb-3">
8986        <a class="card card-container h-100" href="/shop/p/7502685-052303-12/simpson-strong-tie-pscl-series-pscl-716-r50-panel-sheathing-clip-20-ga-thick-material-steel-galvanized" data-sku="7502685-052303-12">
8987            <div class="card-body d-flex justify-content-between flex-column lh-sm">
8988                <div class="d-flex flex-column justify-content-between h-100">
8989                    <div class="position-relative">
8990                        <div class="d-flex align-items-start justify-content-between">
8991                            <div class="d-flex align-items-center flex-wrap gap-1">
8992                            </div>
8993                            <button type="button" class="product-card-save-btn"
8994                                    data-save-product-sku="7502685-052303-12"
8995                                    data-save-saved-for-later="false"
8996                                    data-save-list-ids=""
8997                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
8998                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('7502685-052303-12', this); return false;"
8999                                    style="position:static;">
9000                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
9001                            </button>
9002                        </div>
9003                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
9004                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/101831338.jpg" alt="PSCL Series PSCL 7/16-R50 Panel Sheathing Clip, 20 ga Thick Material, Steel, Galvanized" class="img-fluid product-image" />
9005                        </div>
9006                            <div class="fw-bold mt-2" data-brand>Simpson Strong-Tie</div>
9007                        <div class="mt-2 fw-normal" data-name>PSCL Series PSCL 7/16-R50 Panel Sheathing Clip, 20 ga Thick Material, Steel, Galvanized</div>
9008                    </div>
9009                    <div class="mt-2">
9010                        <div class="fw-normal">Sku: 7502685-052303-12</div>
9011                            <div class="fw-normal mt-2">0 Available for <span class="text-primary fw-bold">SHIP TO STORE</span></div>
9012                        <div class="pc-price myriad mt-2">
9013$10<sup style="top: -10px;">.46</sup>
9014                        </div>
9015                        <div class="my-0">
9016&nbsp;                        </div>
9017                        <div class="pt-2">
9018                                <button class="btn btn-light w-100" disabled>Out of Stock</button>
9019                        </div>
9020                    </div>
9021                </div>
9022            </div>
9023        </a>
9024    </div>
9025    <div class="col-12 col-sm-6 col-md-4 mb-3">
9026        <a class="card card-container h-100" href="/shop/p/7513997-052303-12/simpson-strong-tie-psca-58-panel-sheathing-clip-40-in-roof-span-20-ga-thick-material-steel-galvanized" data-sku="7513997-052303-12">
9027            <div class="card-body d-flex justify-content-between flex-column lh-sm">
9028                <div class="d-flex flex-column justify-content-between h-100">
9029                    <div class="position-relative">
9030                        <div class="d-flex align-items-start justify-content-between">
9031                            <div class="d-flex align-items-center flex-wrap gap-1">
9032                            </div>
9033                            <button type="button" class="product-card-save-btn"
9034                                    data-save-product-sku="7513997-052303-12"
9035                                    data-save-saved-for-later="false"
9036                                    data-save-list-ids=""
9037                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
9038                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('7513997-052303-12', this); return false;"
9039                                    style="position:static;">
9040                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
9041                            </button>
9042                        </div>
9043                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
9044                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/103149518.jpg" alt="P
9044SCA 5/8 Panel Sheathing Clip, 40 in Roof Span, 20 ga Thick Material, Steel, Galvanized" class="img-fluid product-image" />
9045                        </div>
9046                            <div class="fw-bold mt-2" data-brand>Simpson Strong-Tie</div>
9047                        <div class="mt-2 fw-normal" data-name>PSCA 5/8 Panel Sheathing Clip, 40 in Roof Span, 20 ga Thick Material, Steel, Galvanized</div>
9048                    </div>
9049                    <div class="mt-2">
9050                        <div class="fw-normal">Sku: 7513997-052303-12</div>
9051                            <div class="fw-normal mt-2">47 Available for <span class="text-primary fw-bold">SHIP TO STORE</span></div>
9052                        <div class="pc-price myriad mt-2">
9053$23<sup style="top: -10px;">.33</sup>
9054                        </div>
9055                        <div class="my-0">
9056&nbsp;                        </div>
9057                        <div class="pt-2">
9058                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
9059                                    <template class="cart-options-template">
9060<div class="cart-options"
9061     data-sku="7513997-052303-12"
9062     data-store-number="0"
9063     data-uom="BX2"
9064     data-max-order="9999"
9065     data-existing-pickup="0"
9066     data-existing-delivery="0"
9067     data-method="pickup"
9068     data-cannot-add="false">
9069    <div class="mb-3">
9070            <div class="fw-bold" style="font-size:0.875rem;">Simpson Strong-Tie</div>
9071        <div class="h6 m-0">PSCA 5/8 Panel Sheathing Clip, 40 in Roof Span, 20 ga Thick Material, Steel, Galvanized</div>
9072    </div>
9073    
9074<div class="card-container cart-options-panel">
9075    <div class="fulfillment-options">
9076        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
9077             style="border-color:#4C741C;">
9078            <div class="co-pickup-check fulfillment-check" style="display:flex;">
9079                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
9080            </div>
9081            <div class="fulfillment-title">Ship to Store</div>
9082                    <div class="fulfillment-text" style="margin-top:6px;">
9083                        <span class="fw-bold">47</span> <span>As soon as 10/01</span>
9084                    </div>
9085        </div>
9086            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
9087                 style="border-color:#ced4da;">
9088                <div class="co-delivery-check fulfillment-check" style="display:none;">
9089                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
9090                </div>
9091                <div class="fulfillment-title">Delivery</div>
9092                        <div class="fulfillment-text" style="margin-top:6px;">
9093                            <span class="fw-bold">47</span> <span>As soon as 10/01</span>
9094                        </div>
9095            </div>
9096    </div>
9097    <div style="margin-top:12px;">
9098        <div class="fulfillment-meta">
9099            <span class="fw-bold">Free Pickup at </span>
9100            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
9101        </div>
9102        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
9103                <span class="fulfillment-stockitem">
9104                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
9105                        <span class="text-primary fw-bold">47 SHIP TO STORE</span>
9106                </span>
9107        </div>
9108    </div>
9109
9110    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
9111        No additional quantity can be added.
9112    </div>
9113</div>
9114    
9115<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
9116    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
9117        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
9118        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
9118 color:#212529;" />
9119        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
9120    </div>
9121    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
9122</div>
9123</div></template>
9124                        </div>
9125                    </div>
9126                </div>
9127            </div>
9128        </a>
9129    </div>
9130    <div class="col-12 col-sm-6 col-md-4 mb-3">
9131        <a class="card card-container h-100" href="/shop/p/7501182-052303-12/simpson-strong-tie-pscl58-panel-sheathing-clip-20-thick-material-steel-galvanized-box-250pc" data-sku="7501182-052303-12">
9132            <div class="card-body d-flex justify-content-between flex-column lh-sm">
9133                <div class="d-flex flex-column justify-content-between h-100">
9134                    <div class="position-relative">
9135                        <div class="d-flex align-items-start justify-content-between">
9136                            <div class="d-flex align-items-center flex-wrap gap-1">
9137                            </div>
9138                            <button type="button" class="product-card-save-btn"
9139                                    data-save-product-sku="7501182-052303-12"
9140                                    data-save-saved-for-later="false"
9141                                    data-save-list-ids=""
9142                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
9143                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('7501182-052303-12', this); return false;"
9144                                    style="position:static;">
9145                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
9146                            </button>
9147                        </div>
9148                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
9149                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/100314944.jpg" alt="PSCL5/8 Panel Sheathing Clip, 20 Thick Material, Steel, Galvanized, BOX 250pc" class="img-fluid product-image" />
9150                        </div>
9151                            <div class="fw-bold mt-2" data-brand>Simpson Strong-Tie</div>
9152                        <div class="mt-2 fw-normal" data-name>PSCL5/8 Panel Sheathing Clip, 20 Thick Material, Steel, Galvanized, BOX 250pc</div>
9153                    </div>
9154                    <div class="mt-2">
9155                        <div class="fw-normal">Sku: 7501182-052303-12</div>
9156                            <div class="fw-normal mt-2">16 Available for <span class="text-primary fw-bold">SHIP TO STORE</span></div>
9157                        <div class="pc-price myriad mt-2">
9158$32<sup style="top: -10px;">.91</sup>
9159                        </div>
9160                        <div class="my-0">
9161&nbsp;                        </div>
9162                        <div class="pt-2">
9163                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
9164                                    <template class="cart-options-template">
9165<div class="cart-options"
9166     data-sku="7501182-052303-12"
9167     data-store-number="0"
9168     data-uom="BX2"
9169     data-max-order="9999"
9170     data-existing-pickup="0"
9171     data-existing-delivery="0"
9172     data-method="pickup"
9173     data-cannot-add="false">
9174    <div class="mb-3">
9175            <div class="fw-bold" style="font-size:0.875rem;">Simpson Strong-Tie</div>
9176        <div class="h6 m-0">PSCL5/8 Panel Sheathing Clip, 20 Thick Material, Steel, Galvanized, BOX 250pc</div>
9177    </div>
9178    
9179<div class="card-container cart-options-panel">
9180    <div class="fulfillment-options">
9181        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
9182             style="border-color:#4C741C;">
9183            <div class="co-pickup-check fulfillment-check" style="display:flex;">
9184                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
9185            </div>
9186            <div class="fulfillment-title">Ship to Store</div>
9187                    <div class="fulfillment-text" style="margin-top:6px;">
9188                        <span class="fw-bold">16</span> <span>As soon as 10/01</span>
9189                    </div>
9190        </div>
9191            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
9192                 style="border-color:#ced4da;">
9193                <div class="co-delivery-check fulfillment-check" style="display:none;">
9194                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
9195                </div>
9196                <div class="fulfillment-title">Delivery</div>
9197                        <div class="fulfillment-text" style="margin-top:6px;">
9198                            <span class="fw-bold">16</span> <span>As soon as 10/01</span>
9199                        </div>
9200            </div>
9201    </div>
9202    <div style="margin-top:12px;">
9203        <div class="fulfillment-meta">
9204            <span class="fw-bold">Free Pickup at </span>
9205            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
9206        </div>
9207        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
9208                <span class="fulfillment-stockitem">
9209                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
9210                        <span class="text-primary fw-bold">16 SHIP TO STORE</span>
9211                </span>
9212        </div>
9213    </div>
9214
9215    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
9216        No additional quantity can be added.
9217    </div>
9218</div>
9219    
9220<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
9221    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
9222        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
9223        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
9224        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
9225    </div>
9226    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
9227</div>
9228</div></template>
9229                        </div>
9230                    </div>
9231                </div>
9232            </div>
9233        </a>
9234    </div>
9235    <div class="col-12 col-sm-6 col-md-4 mb-3">
9236        <a class="card card-container h-100" href="/shop/p/021003/osb1-oriented-strand-board-osb-716-in-x-4-ft-x-8-ft-southern-pine-straight-edge" data-sku="021003">
9237            <div class="card-body d-flex justify-content-between flex-column lh-sm">
9238                <div class="d-flex flex-column justify-content-between h-100">
9239                    <div class="position-relative">
9240                        <div class="d-flex align-items-start justify-content-between">
9241                            <div class="d-flex align-items-center flex-wrap gap-1">
9242                            </div>
9243                            <button type="button" class="product-card-save-btn"
9244                                    data-save-product-sku="021003"
9245                                    data-save-saved-for-later="false"
9246                                    data-save-list-ids=""
9247                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
9248                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('021003', this); return false;"
9249                                    style="position:static;">
9250                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
9251                            </button>
9252                        </div>
9253                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
9254                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/OSB.jpg" alt="OSB/1 Oriented Strand Board (OSB), 7/16 in x 4 ft x 8 ft - Southern Pine, Straight Edge" class="img-fluid product-image" />
9255                        </div>
9256                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
9257                        <div class="mt-2 fw-normal" data-name>OSB/1 Oriented Strand Board (OSB), 7/16 in x 4 ft x 8 ft - Southern Pine, Straight Edge</div>
9258                    </div>
9259                    <div class="mt-2">
9260                        <div class="fw-normal">Sku: 021003</div>
9261                            <div class="fw-normal mt-2">
92611,192 Available at <span class="text-primary fw-bold">San Marcos</span></div>
9262                        <div class="pc-price myriad mt-2">
9263$12<sup style="top: -10px;">.89</sup>
9264                        </div>
9265                        <div class="my-0">
9266&nbsp;                        </div>
9267                        <div class="pt-2">
9268                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
9269                                    <template class="cart-options-template">
9270<div class="cart-options"
9271     data-sku="021003"
9272     data-store-number="0"
9273     data-uom="EA"
9274     data-max-order="9999"
9275     data-existing-pickup="0"
9276     data-existing-delivery="0"
9277     data-method="pickup"
9278     data-cannot-add="false">
9279    <div class="mb-3">
9280            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
9281        <div class="h6 m-0">OSB/1 Oriented Strand Board (OSB), 7/16 in x 4 ft x 8 ft - Southern Pine, Straight Edge</div>
9282    </div>
9283    
9284<div class="card-container cart-options-panel">
9285    <div class="fulfillment-options">
9286        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
9287             style="border-color:#4C741C;">
9288            <div class="co-pickup-check fulfillment-check" style="display:flex;">
9289                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
9290            </div>
9291            <div class="fulfillment-title">Pickup</div>
9292                    <div class="fulfillment-text" style="margin-top:6px;">
9293                        <span class="fw-bold">1,192</span> <span>Available Today</span>
9294                    </div>
9295                    <div class="fulfillment-text" style="margin-top:2px;">
9296                        <span class="fw-bold">8,435</span> <span>As soon as 10/02</span>
9297                    </div>
9298        </div>
9299            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
9300                 style="border-color:#ced4da;">
9301                <div class="co-delivery-check fulfillment-check" style="display:none;">
9302                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
9303                </div>
9304                <div class="fulfillment-title">Delivery</div>
9305                        <div class="fulfillment-text" style="margin-top:6px;">
9306                            <span class="fw-bold">1,192</span> <span>Available Today</span>
9307                        </div>
9308                        <div class="fulfillment-text" style="margin-top:2px;">
9309                            <span class="fw-bold">8,435</span> <span>As soon as 10/02</span>
9310                        </div>
9311            </div>
9312    </div>
9313    <div style="margin-top:12px;">
9314        <div class="fulfillment-meta">
9315            <span class="fw-bold">Free Pickup at </span>
9316            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
9317        </div>
9318        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
9319                <span class="fulfillment-stockitem">
9320                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
9321                        <span>1,192 in stock</span>
9322                </span>
9323                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
9324                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
9325                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
9326                    </svg>
9327                    Outside Item
9328                </span>
9329        </div>
9330    </div>
9331
9332    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
9333        No additional quantity can be added.
9334    </div>
9335</div>
9336    
9337<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
9338    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
9339        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
9340        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
9340 color:#212529;" />
9341        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
9342    </div>
9343    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
9344</div>
9345</div></template>
9346                        </div>
9347                    </div>
9348                </div>
9349            </div>
9350        </a>
9351    </div>
9352    <div class="col-12 col-sm-6 col-md-4 mb-3">
9353        <a class="card card-container h-100" href="/shop/p/021006/osb1-oriented-strand-board-osb-2332-in-x-4-ft-x-8-ft-southern-pine-straight-edge" data-sku="021006">
9354            <div class="card-body d-flex justify-content-between flex-column lh-sm">
9355                <div class="d-flex flex-column justify-content-between h-100">
9356                    <div class="position-relative">
9357                        <div class="d-flex align-items-start justify-content-between">
9358                            <div class="d-flex align-items-center flex-wrap gap-1">
9359                            </div>
9360                            <button type="button" class="product-card-save-btn"
9361                                    data-save-product-sku="021006"
9362                                    data-save-saved-for-later="false"
9363                                    data-save-list-ids=""
9364                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
9365                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('021006', this); return false;"
9366                                    style="position:static;">
9367                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
9368                            </button>
9369                        </div>
9370                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
9371                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/OSB.jpg" alt="OSB/1 Oriented Strand Board (OSB), 23/32 in x 4 ft x 8 ft - Southern Pine, Straight Edge" class="img-fluid product-image" />
9372                        </div>
9373                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
9374                        <div class="mt-2 fw-normal" data-name>OSB/1 Oriented Strand Board (OSB), 23/32 in x 4 ft x 8 ft - Southern Pine, Straight Edge</div>
9375                    </div>
9376                    <div class="mt-2">
9377                        <div class="fw-normal">Sku: 021006</div>
9378                            <div class="fw-normal mt-2">38 Available at <span class="text-primary fw-bold">San Marcos</span></div>
9379                        <div class="pc-price myriad mt-2">
9380$25<sup style="top: -10px;">.49</sup>
9381                        </div>
9382                        <div class="my-0">
9383&nbsp;                        </div>
9384                        <div class="pt-2">
9385                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
9386                                    <template class="cart-options-template">
9387<div class="cart-options"
9388     data-sku="021006"
9389     data-store-number="0"
9390     data-uom="EA"
9391     data-max-order="9999"
9392     data-existing-pickup="0"
9393     data-existing-delivery="0"
9394     data-method="pickup"
9395     data-cannot-add="false">
9396    <div class="mb-3">
9397            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
9398        <div class="h6 m-0">OSB/1 Oriented Strand Board (OSB), 23/32 in x 4 ft x 8 ft - Southern Pine, Straight Edge</div>
9399    </div>
9400    
9401<div class="card-container cart-options-panel">
9402    <div class="fulfillment-options">
9403        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
9404             style="border-color:#4C741C;">
9405            <div class="co-pickup-check fulfillment-check" style="display:flex;">
9406                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
9407            </div>
9408            <div class="fulfillment-title">Pickup</div>
9409                    <div class="fulfillment-text" style="margin-top:6px;">
9410                        <span class="fw-bold">38</span> <span>Available Today</span>
9411                    </div>
9412                    <div class="fulfillment-text" style="margin-top:2px;">
9413                        <span class="fw-bold">1,404</span> <span>As soon as 10/02</span>
9414                    </div>
9415        </div>
9416            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
9417                 style="border-color:#ced4da;">
9418                <div class="co-delivery-check fulfillment-check" style="display:none;">
9419                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
9420                </div>
9421                <div class="fulfillment-title">Delivery</div>
9422                        <div class="fulfillment-text" style="margin-top:6px;">
9423                            <span class="fw-bold">38</span> <span>Available Today</span>
9424                        </div>
9425                        <div class="fulfillment-text" style="margin-top:2px;">
9426                            <span class="fw-bold">1,404</span> <span>As soon as 10/02</span>
9427                        </div>
9428            </div>
9429    </div>
9430    <div style="margin-top:12px;">
9431        <div class="fulfillment-meta">
9432            <span class="fw-bold">Free Pickup at </span>
9433            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
9434        </div>
9435        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
9436                <span class="fulfillment-stockitem">
9437                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
9438                        <span>38 in stock</span>
9439                </span>
9440                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
9441                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
9442                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
9443                    </svg>
9444                    Outside Item
9445                </span>
9446        </div>
9447    </div>
9448
9449    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
9450        No additional quantity can be added.
9451    </div>
9452</div>
9453    
9454<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
9455    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
9456        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
9457        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
9458        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
9459    </div>
9460    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
9461</div>
9462</div></template>
9463                        </div>
9464                    </div>
9465                </div>
9466            </div>
9467        </a>
9468    </div>
9469    <div class="col-12 col-sm-6 col-md-4 mb-3">
9470        <a class="card card-container h-100" href="/shop/p/020300/premium-siding-38-in-x-4-ft-x-8-ft-southern-pine-shiplap-edges-rough-sawn-siding-4-on-center" data-sku="020300">
9471            <div class="card-body d-flex justify-content-between flex-column lh-sm">
9472                <div class="d-flex flex-column justify-content-between h-100">
9473                    <div class="position-relative">
9474                        <div class="d-flex align-items-start justify-content-between">
9475                            <div class="d-flex align-items-center flex-wrap gap-1">
9476                            </div>
9477                            <button type="button" class="product-card-save-btn"
9478                                    data-save-product-sku="020300"
9479                                    data-save-saved-for-later="false"
9480                                    data-save-list-ids=""
9481                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
9482                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020300', this); return false;"
9483                                    style="position:static;">
9484                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
9485                            </button>
9486                        </div>
9487                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
9488                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/102580838.jpg" alt="Premium Siding, 3/8 in x 4 ft x 8 ft - Southern Pine, Shiplap Edges, Rough Sawn Siding, 4&quot; On Center" class="img-fluid product-image" />
9489                        </div>
9490                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
9491                        <div class="mt-2 fw-normal" data-name>Premium Siding, 3/8 in x 4 ft x 8 ft - Southern Pine, Shiplap Edges, Rough Sawn Siding, 4&quot; On Center</div>
9492                    </div>
9493                    <div class="mt-2">
9494                        <div class="fw-normal">Sku: 020300</div>
9495                            <div class="fw-normal mt-2">
949552 Available at <span class="text-primary fw-bold">San Marcos</span></div>
9496                        <div class="pc-price myriad mt-2">
9497$39<sup style="top: -10px;">.99</sup>
9498                        </div>
9499                        <div class="my-0">
9500&nbsp;                        </div>
9501                        <div class="pt-2">
9502                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
9503                                    <template class="cart-options-template">
9504<div class="cart-options"
9505     data-sku="020300"
9506     data-store-number="0"
9507     data-uom="EA"
9508     data-max-order="9999"
9509     data-existing-pickup="0"
9510     data-existing-delivery="0"
9511     data-method="pickup"
9512     data-cannot-add="false">
9513    <div class="mb-3">
9514            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
9515        <div class="h6 m-0">Premium Siding, 3/8 in x 4 ft x 8 ft - Southern Pine, Shiplap Edges, Rough Sawn Siding, 4&quot; On Center</div>
9516    </div>
9517    
9518<div class="card-container cart-options-panel">
9519    <div class="fulfillment-options">
9520        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
9521             style="border-color:#4C741C;">
9522            <div class="co-pickup-check fulfillment-check" style="display:flex;">
9523                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
9524            </div>
9525            <div class="fulfillment-title">Pickup</div>
9526                    <div class="fulfillment-text" style="margin-top:6px;">
9527                        <span class="fw-bold">52</span> <span>Available Today</span>
9528                    </div>
9529                    <div class="fulfillment-text" style="margin-top:2px;">
9530                        <span class="fw-bold">1,170</span> <span>As soon as 10/02</span>
9531                    </div>
9532        </div>
9533            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
9534                 style="border-color:#ced4da;">
9535                <div class="co-delivery-check fulfillment-check" style="display:none;">
9536                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
9537                </div>
9538                <div class="fulfillment-title">Delivery</div>
9539                        <div class="fulfillment-text" style="margin-top:6px;">
9540                            <span class="fw-bold">52</span> <span>Available Today</span>
9541                        </div>
9542                        <div class="fulfillment-text" style="margin-top:2px;">
9543                            <span class="fw-bold">1,170</span> <span>As soon as 10/02</span>
9544                        </div>
9545            </div>
9546    </div>
9547    <div style="margin-top:12px;">
9548        <div class="fulfillment-meta">
9549            <span class="fw-bold">Free Pickup at </span>
9550            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
9551        </div>
9552        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
9553                <span class="fulfillment-stockitem">
9554                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
9555                        <span>52 in stock</span>
9556                </span>
9557                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
9558                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
9559                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
9560                    </svg>
9561                    Outside Item
9562                </span>
9563        </div>
9564    </div>
9565
9566    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
9567        No additional quantity can be added.
9568    </div>
9569</div>
9570    
9571<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
9572    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
9573        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
9574        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
9574 color:#212529;" />
9575        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
9576    </div>
9577    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
9578</div>
9579</div></template>
9580                        </div>
9581                    </div>
9582                </div>
9583            </div>
9584        </a>
9585    </div>
9586    <div class="col-12 col-sm-6 col-md-4 mb-3">
9587        <a class="card card-container h-100" href="/shop/p/021007/osb1-oriented-strand-board-osb-2332-in-x-4-ft-x-8-ft-southern-pine-tongue-groove" data-sku="021007">
9588            <div class="card-body d-flex justify-content-between flex-column lh-sm">
9589                <div class="d-flex flex-column justify-content-between h-100">
9590                    <div class="position-relative">
9591                            <img src="/images/BulkSavings_Flag.png?v=YjORMYmDpLvNMhxBW8oCGICGOLjYOO-SyS--I5YDtRQ" alt="See Bulk Pricing" style="position:absolute; top:0; left:0; width:25%; z-index:2;" />
9592                        <div class="d-flex align-items-start justify-content-between">
9593                            <div class="d-flex align-items-center flex-wrap gap-1">
9594                            </div>
9595                            <button type="button" class="product-card-save-btn"
9596                                    data-save-product-sku="021007"
9597                                    data-save-saved-for-later="false"
9598                                    data-save-list-ids=""
9599                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
9600                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('021007', this); return false;"
9601                                    style="position:static;">
9602                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
9603                            </button>
9604                        </div>
9605                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
9606                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/021007.jpeg" alt="OSB/1 Oriented Strand Board (OSB), 23/32 in x 4 ft x 8 ft - Southern Pine, Tongue &amp; Groove" class="img-fluid product-image" />
9607                        </div>
9608                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
9609                        <div class="mt-2 fw-normal" data-name>OSB/1 Oriented Strand Board (OSB), 23/32 in x 4 ft x 8 ft - Southern Pine, Tongue &amp; Groove</div>
9610                    </div>
9611                    <div class="mt-2">
9612                        <div class="fw-normal">Sku: 021007</div>
9613                            <div class="fw-normal mt-2">299 Available at <span class="text-primary fw-bold">San Marcos</span></div>
9614                        <div class="pc-price myriad mt-2">
9615$25<sup style="top: -10px;">.49</sup>
9616                        </div>
9617                        <div class="my-0">
9618                                <span class="pc-bulk-msg">
9619                                    
9620    <span>Get <strong>BULK PRICE</strong> with</span>
9621    <br />
962242 or more at $22.94 EA
9623                                </span>
9624                        </div>
9625                        <div class="pt-2">
9626                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
9627                                    <template class="cart-options-template">
9628<div class="cart-options"
9629     data-sku="021007"
9630     data-store-number="0"
9631     data-uom="EA"
9632     data-max-order="9999"
9633     data-existing-pickup="0"
9634     data-existing-delivery="0"
9635     data-method="pickup"
9636     data-cannot-add="false">
9637    <div class="mb-3">
9638            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
9639        <div class="h6 m-0">OSB/1 Oriented Strand Board (OSB), 23/32 in x 4 ft x 8 ft - Southern Pine, Tongue &amp; Groove</div>
9640    </div>
9641    
9642<div class="card-container cart-options-panel">
9643    <div class="fulfillment-options">
9644        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
9645             style="border-color:#4C741C;">
9646            <div class="co-pickup-check fulfillment-check" style="display:flex;">
9647                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
9648            </div>
9649            <div class="fulfillment-title">Pickup</div>
9650                    <div class="fulfillment-text" style="margin-top:6px;">
9651                        <span class="fw-bold">299</span> <span>Available Today</span>
9652                    </div>
9653                    <div class="fulfillment-text" style="margin-top:2px;">
9654                        <span class="fw-bold">5,620</span> <span>As soon as 10/02</span>
9655                    </div>
9656        </div>
9657            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
9658                 style="border-color:#ced4da;">
9659                <div class="co-delivery-check fulfillment-check" style="display:none;">
9660                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
9661                </div>
9662                <div class="fulfillment-title">Delivery</div>
9663                        <div class="fulfillment-text" style="margin-top:6px;">
9664                            <span class="fw-bold">299</span> <span>Available Today</span>
9665                        </div>
9666                        <div class="fulfillment-text" style="margin-top:2px;">
9667                            <span class="fw-bold">5,620</span> <span>As soon as 10/02</span>
9668                        </div>
9669            </div>
9670    </div>
9671    <div style="margin-top:12px;">
9672        <div class="fulfillment-meta">
9673            <span class="fw-bold">Free Pickup at </span>
9674            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
9675        </div>
9676        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
9677                <span class="fulfillment-stockitem">
9678                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
9679                        <span>299 in stock</span>
9680                </span>
9681                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
9682                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
9683                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
9684                    </svg>
9685                    Outside Item
9686                </span>
9687        </div>
9688    </div>
9689
9690    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
9691        No additional quantity can be added.
9692    </div>
9693</div>
9694    
9695<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
9696    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
9697        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
9698        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
9699        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
9700    </div>
9701    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
9702</div>
9703</div></template>
9704                        </div>
9705                    </div>
9706                </div>
9707            </div>
9708        </a>
9709    </div>
9710    <div class="col-12 col-sm-6 col-md-4 mb-3">
9711        <a class="card card-container h-100" href="/shop/p/021004/osb1-oriented-strand-board-osb-1932-in-x-4-ft-x-8-ft-southern-pine-straight-edge" data-sku="021004">
9712            <div class="card-body d-flex justify-content-between flex-column lh-sm">
9713                <div class="d-flex flex-column justify-content-between h-100">
9714                    <div class="position-relative">
9715                            <img src="/images/BulkSavings_Flag.png?v=YjORMYmDpLvNMhxBW8oCGICGOLjYOO-SyS--I5YDtRQ" alt="See Bulk Pricing" style="position:absolute; top:0; left:0; width:25%; z-index:2;" />
9716                        <div class="d-flex align-items-start justify-content-between">
9717                            <div class="d-flex align-items-center flex-wrap gap-1">
9718                            </div>
9719                            <button type="button" class="product-card-save-btn"
9720                                    data-save-product-sku="021004"
9721                                    data-save-saved-for-later="false"
9722                                    data-save-list-ids=""
9723                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
9724                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('021004', this); return false;"
9725                                    style="position:static;">
9726                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
9727                            </button>
9728                        </div>
9729                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
9730                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/OSB.jpg" alt="OSB/1 Oriented Strand Board (OSB), 19/32 in x 4 ft x 8 ft - Southern Pine, Straight Edge" class="img-fluid product-image" />
9731                        </div>
9732                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
9733                        <div class="mt-2 fw-normal" data-name>OSB/1 Oriented Strand Board (OSB), 19/32 in x 4 ft x 8 ft - Southern Pine, Straight Edge</div>
9734                    </div>
9735                    <div class="mt-2">
9736                        <div class="fw-normal">Sku: 021004</div>
9737                            <div class="fw-normal mt-2">
973732 Available at <span class="text-primary fw-bold">San Marcos</span></div>
9738                        <div class="pc-price myriad mt-2">
9739$19<sup style="top: -10px;">.79</sup>
9740                        </div>
9741                        <div class="my-0">
9742                                <span class="pc-bulk-msg">
9743                                    
9744    <span>Get <strong>BULK PRICE</strong> with</span>
9745    <br />
974642 or more at $17.81 EA
9747                                </span>
9748                        </div>
9749                        <div class="pt-2">
9750                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
9751                                    <template class="cart-options-template">
9752<div class="cart-options"
9753     data-sku="021004"
9754     data-store-number="0"
9755     data-uom="EA"
9756     data-max-order="9999"
9757     data-existing-pickup="0"
9758     data-existing-delivery="0"
9759     data-method="pickup"
9760     data-cannot-add="false">
9761    <div class="mb-3">
9762            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
9763        <div class="h6 m-0">OSB/1 Oriented Strand Board (OSB), 19/32 in x 4 ft x 8 ft - Southern Pine, Straight Edge</div>
9764    </div>
9765    
9766<div class="card-container cart-options-panel">
9767    <div class="fulfillment-options">
9768        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
9769             style="border-color:#4C741C;">
9770            <div class="co-pickup-check fulfillment-check" style="display:flex;">
9771                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
9772            </div>
9773            <div class="fulfillment-title">Pickup</div>
9774                    <div class="fulfillment-text" style="margin-top:6px;">
9775                        <span class="fw-bold">32</span> <span>Available Today</span>
9776                    </div>
9777                    <div class="fulfillment-text" style="margin-top:2px;">
9778                        <span class="fw-bold">882</span> <span>As soon as 10/02</span>
9779                    </div>
9780        </div>
9781            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
9782                 style="border-color:#ced4da;">
9783                <div class="co-delivery-check fulfillment-check" style="display:none;">
9784                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
9785                </div>
9786                <div class="fulfillment-title">Delivery</div>
9787                        <div class="fulfillment-text" style="margin-top:6px;">
9788                            <span class="fw-bold">32</span> <span>Available Today</span>
9789                        </div>
9790                        <div class="fulfillment-text" style="margin-top:2px;">
9791                            <span class="fw-bold">882</span> <span>As soon as 10/02</span>
9792                        </div>
9793            </div>
9794    </div>
9795    <div style="margin-top:12px;">
9796        <div class="fulfillment-meta">
9797            <span class="fw-bold">Free Pickup at </span>
9798            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
9799        </div>
9800        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
9801                <span class="fulfillment-stockitem">
9802                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
9803                        <span>32 in stock</span>
9804                </span>
9805                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
9806                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
9807                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
9808                    </svg>
9809                    Outside Item
9810                </span>
9811        </div>
9812    </div>
9813
9814    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
9815        No additional quantity can be added.
9816    </div>
9817</div>
9818    
9819<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
9820    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
9821        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
9822        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
9822 color:#212529;" />
9823        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
9824    </div>
9825    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
9826</div>
9827</div></template>
9828                        </div>
9829                    </div>
9830                </div>
9831            </div>
9832        </a>
9833    </div>
9834    <div class="col-12 col-sm-6 col-md-4 mb-3">
9835        <a class="card card-container h-100" href="/shop/p/02066450/medium-density-fiberboard-34-in-x-49-in-x-97-in-species-varies-good-2-sides" data-sku="02066450">
9836            <div class="card-body d-flex justify-content-between flex-column lh-sm">
9837                <div class="d-flex flex-column justify-content-between h-100">
9838                    <div class="position-relative">
9839                        <div class="d-flex align-items-start justify-content-between">
9840                            <div class="d-flex align-items-center flex-wrap gap-1">
9841                            </div>
9842                            <button type="button" class="product-card-save-btn"
9843                                    data-save-product-sku="02066450"
9844                                    data-save-saved-for-later="false"
9845                                    data-save-list-ids=""
9846                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
9847                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02066450', this); return false;"
9848                                    style="position:static;">
9849                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
9850                            </button>
9851                        </div>
9852                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
9853                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PARTICLEBOARD.jpg" alt="Medium Density Fiberboard, 3/4 in x 49 in x 97 in - Species Varies, Good 2 Sides" class="img-fluid product-image" />
9854                        </div>
9855                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
9856                        <div class="mt-2 fw-normal" data-name>Medium Density Fiberboard, 3/4 in x 49 in x 97 in - Species Varies, Good 2 Sides</div>
9857                    </div>
9858                    <div class="mt-2">
9859                        <div class="fw-normal">Sku: 02066450</div>
9860                            <div class="fw-normal mt-2">46 Available at <span class="text-primary fw-bold">San Marcos</span></div>
9861                        <div class="pc-price myriad mt-2">
9862$53<sup style="top: -10px;">.99</sup>
9863                        </div>
9864                        <div class="my-0">
9865&nbsp;                        </div>
9866                        <div class="pt-2">
9867                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
9868                                    <template class="cart-options-template">
9869<div class="cart-options"
9870     data-sku="02066450"
9871     data-store-number="0"
9872     data-uom="EA"
9873     data-max-order="9999"
9874     data-existing-pickup="0"
9875     data-existing-delivery="0"
9876     data-method="pickup"
9877     data-cannot-add="false">
9878    <div class="mb-3">
9879            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
9880        <div class="h6 m-0">Medium Density Fiberboard, 3/4 in x 49 in x 97 in - Species Varies, Good 2 Sides</div>
9881    </div>
9882    
9883<div class="card-container cart-options-panel">
9884    <div class="fulfillment-options">
9885        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
9886             style="border-color:#4C741C;">
9887            <div class="co-pickup-check fulfillment-check" style="display:flex;">
9888                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
9889            </div>
9890            <div class="fulfillment-title">Pickup</div>
9891                    <div class="fulfillment-text" style="margin-top:6px;">
9892                        <span class="fw-bold">46</span> <span>Available Today</span>
9893                    </div>
9894                    <div class="fulfillment-text" style="margin-top:2px;">
9895                        <span class="fw-bold">471</span> <span>As soon as 10/02</span>
9896                    </div>
9897        </div>
9898            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
9899                 style="border-color:#ced4da;">
9900                <div class="co-delivery-check fulfillment-check" style="display:none;">
9901                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
9902                </div>
9903                <div class="fulfillment-title">Delivery</div>
9904                        <div class="fulfillment-text" style="margin-top:6px;">
9905                            <span class="fw-bold">46</span> <span>Available Today</span>
9906                        </div>
9907                        <div class="fulfillment-text" style="margin-top:2px;">
9908                            <span class="fw-bold">471</span> <span>As soon as 10/02</span>
9909                        </div>
9910            </div>
9911    </div>
9912    <div style="margin-top:12px;">
9913        <div class="fulfillment-meta">
9914            <span class="fw-bold">Free Pickup at </span>
9915            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
9916        </div>
9917        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
9918                <span class="fulfillment-stockitem">
9919                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
9920                        <span>46 in stock</span>
9921                </span>
9922        </div>
9923    </div>
9924
9925    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
9926        No additional quantity can be added.
9927    </div>
9928</div>
9929    
9930<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
9931    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
9932        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
9933        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
9934        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
9935    </div>
9936    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
9937</div>
9938</div></template>
9939                        </div>
9940                    </div>
9941                </div>
9942            </div>
9943        </a>
9944    </div>
9945    <div class="col-12 col-sm-6 col-md-4 mb-3">
9946        <a class="card card-container h-100" href="/shop/p/020303/t1-11-4-in-oc-premium-siding-1932-in-x-4-ft-x-8-ft-southern-pine-shiplap-edges-rough-sawn-siding" data-sku="020303">
9947            <div class="card-body d-flex justify-content-between flex-column lh-sm">
9948                <div class="d-flex flex-column justify-content-between h-100">
9949                    <div class="position-relative">
9950                        <div class="d-flex align-items-start justify-content-between">
9951                            <div class="d-flex align-items-center flex-wrap gap-1">
9952                            </div>
9953                            <button type="button" class="product-card-save-btn"
9954                                    data-save-product-sku="020303"
9955                                    data-save-saved-for-later="false"
9956                                    data-save-list-ids=""
9957                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
9958                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020303', this); return false;"
9959                                    style="position:static;">
9960                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
9961                            </button>
9962                        </div>
9963                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
9964                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/T1-11.jpg" alt="T1-11, 4-in OC, Premium Siding, 19/32 in x 4 ft x 8 ft - Southern Pine, Shiplap Edges, Rough Sawn Siding" class="img-fluid product-image" />
9965                        </div>
9966                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
9967                        <div class="mt-2 fw-normal" data-name>T1-11, 4-in OC, Premium Siding, 19/32 in x 4 ft x 8 ft - Southern Pine, Shiplap Edges, Rough Sawn Siding</div>
9968                    </div>
9969                    <div class="mt-2">
9970                        <div class="fw-normal">Sku: 020303</div>
9971                            <div class="fw-normal mt-2">
997120 Available at <span class="text-primary fw-bold">San Marcos</span></div>
9972                        <div class="pc-price myriad mt-2">
9973$58<sup style="top: -10px;">.99</sup>
9974                        </div>
9975                        <div class="my-0">
9976&nbsp;                        </div>
9977                        <div class="pt-2">
9978                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
9979                                    <template class="cart-options-template">
9980<div class="cart-options"
9981     data-sku="020303"
9982     data-store-number="0"
9983     data-uom="EA"
9984     data-max-order="9999"
9985     data-existing-pickup="0"
9986     data-existing-delivery="0"
9987     data-method="pickup"
9988     data-cannot-add="false">
9989    <div class="mb-3">
9990            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
9991        <div class="h6 m-0">T1-11, 4-in OC, Premium Siding, 19/32 in x 4 ft x 8 ft - Southern Pine, Shiplap Edges, Rough Sawn Siding</div>
9992    </div>
9993    
9994<div class="card-container cart-options-panel">
9995    <div class="fulfillment-options">
9996        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
9997             style="border-color:#4C741C;">
9998            <div class="co-pickup-check fulfillment-check" style="display:flex;">
9999                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
10000            </div>
10001            <div class="fulfillment-title">Pickup</div>
10002                    <div class="fulfillment-text" style="margin-top:6px;">
10003                        <span class="fw-bold">20</span> <span>Available Today</span>
10004                    </div>
10005                    <div class="fulfillment-text" style="margin-top:2px;">
10006                        <span class="fw-bold">155</span> <span>As soon as 09/28</span>
10007                    </div>
10008        </div>
10009            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
10010                 style="border-color:#ced4da;">
10011                <div class="co-delivery-check fulfillment-check" style="display:none;">
10012                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
10013                </div>
10014                <div class="fulfillment-title">Delivery</div>
10015                        <div class="fulfillment-text" style="margin-top:6px;">
10016                            <span class="fw-bold">20</span> <span>Available Today</span>
10017                        </div>
10018                        <div class="fulfillment-text" style="margin-top:2px;">
10019                            <span class="fw-bold">155</span> <span>As soon as 09/28</span>
10020                        </div>
10021            </div>
10022    </div>
10023    <div style="margin-top:12px;">
10024        <div class="fulfillment-meta">
10025            <span class="fw-bold">Free Pickup at </span>
10026            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
10027        </div>
10028        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
10029                <span class="fulfillment-stockitem">
10030                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
10031                        <span>20 in stock</span>
10032                </span>
10033                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
10034                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
10035                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
10036                    </svg>
10037                    Outside Item
10038                </span>
10039        </div>
10040    </div>
10041
10042    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
10043        No additional quantity can be added.
10044    </div>
10045</div>
10046    
10047<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
10048    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
10049        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
10050        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
10050 color:#212529;" />
10051        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
10052    </div>
10053    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
10054</div>
10055</div></template>
10056                        </div>
10057                    </div>
10058                </div>
10059            </div>
10060        </a>
10061    </div>
10062    <div class="col-12 col-sm-6 col-md-4 mb-3">
10063        <a class="card card-container h-100" href="/shop/p/020315/reverse-board-and-batten-12-in-oc-siding-1932-in-x-4-ft-x-8-ft-southern-pine-shiplap-edges-rough-sawn-siding" data-sku="020315">
10064            <div class="card-body d-flex justify-content-between flex-column lh-sm">
10065                <div class="d-flex flex-column justify-content-between h-100">
10066                    <div class="position-relative">
10067                        <div class="d-flex align-items-start justify-content-between">
10068                            <div class="d-flex align-items-center flex-wrap gap-1">
10069                            </div>
10070                            <button type="button" class="product-card-save-btn"
10071                                    data-save-product-sku="020315"
10072                                    data-save-saved-for-later="false"
10073                                    data-save-list-ids=""
10074                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
10075                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020315', this); return false;"
10076                                    style="position:static;">
10077                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
10078                            </button>
10079                        </div>
10080                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
10081                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/020315.jpeg" alt="Reverse Board-and-Batten-12-in OC Siding, 19/32 in x 4 ft x 8 ft - Southern Pine, Shiplap Edges, Rough Sawn Siding" class="img-fluid product-image" />
10082                        </div>
10083                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
10084                        <div class="mt-2 fw-normal" data-name>Reverse Board-and-Batten-12-in OC Siding, 19/32 in x 4 ft x 8 ft - Southern Pine, Shiplap Edges, Rough Sawn Siding</div>
10085                    </div>
10086                    <div class="mt-2">
10087                        <div class="fw-normal">Sku: 020315</div>
10088                            <div class="fw-normal mt-2">28 Available at <span class="text-primary fw-bold">San Marcos</span></div>
10089                        <div class="pc-price myriad mt-2">
10090$59<sup style="top: -10px;">.99</sup>
10091                        </div>
10092                        <div class="my-0">
10093&nbsp;                        </div>
10094                        <div class="pt-2">
10095                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
10096                                    <template class="cart-options-template">
10097<div class="cart-options"
10098     data-sku="020315"
10099     data-store-number="0"
10100     data-uom="EA"
10101     data-max-order="9999"
10102     data-existing-pickup="0"
10103     data-existing-delivery="0"
10104     data-method="pickup"
10105     data-cannot-add="false">
10106    <div class="mb-3">
10107            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
10108        <div class="h6 m-0">Reverse Board-and-Batten-12-in OC Siding, 19/32 in x 4 ft x 8 ft - Southern Pine, Shiplap Edges, Rough Sawn Siding</div>
10109    </div>
10110    
10111<div class="card-container cart-options-panel">
10112    <div class="fulfillment-options">
10113        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
10114             style="border-color:#4C741C;">
10115            <div class="co-pickup-check fulfillment-check" style="display:flex;">
10116                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
10117            </div>
10118            <div class="fulfillment-title">Pickup</div>
10119                    <div class="fulfillment-text" style="margin-top:6px;">
10120                        <span class="fw-bold">28</span> <span>Available Today</span>
10121                    </div>
10122                    <div class="fulfillment-text" style="margin-top:2px;">
10123                        <span class="fw-bold">87</span> <span>As soon as 10/02</span>
10124                    </div>
10125        </div>
10126            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
10127                 style="border-color:#ced4da;">
10128                <div class="co-delivery-check fulfillment-check" style="display:none;">
10129                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
10130                </div>
10131                <div class="fulfillment-title">Delivery</div>
10132                        <div class="fulfillment-text" style="margin-top:6px;">
10133                            <span class="fw-bold">28</span> <span>Available Today</span>
10134                        </div>
10135                        <div class="fulfillment-text" style="margin-top:2px;">
10136                            <span class="fw-bold">87</span> <span>As soon as 10/02</span>
10137                        </div>
10138            </div>
10139    </div>
10140    <div style="margin-top:12px;">
10141        <div class="fulfillment-meta">
10142            <span class="fw-bold">Free Pickup at </span>
10143            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
10144        </div>
10145        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
10146                <span class="fulfillment-stockitem">
10147                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
10148                        <span>28 in stock</span>
10149                </span>
10150                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
10151                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
10152                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
10153                    </svg>
10154                    Outside Item
10155                </span>
10156        </div>
10157    </div>
10158
10159    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
10160        No additional quantity can be added.
10161    </div>
10162</div>
10163    
10164<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
10165    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
10166        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
10167        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
10168        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
10169    </div>
10170    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
10171</div>
10172</div></template>
10173                        </div>
10174                    </div>
10175                </div>
10176            </div>
10177        </a>
10178    </div>
10179    <div class="col-12 col-sm-6 col-md-4 mb-3">
10180        <a class="card card-container h-100" href="/shop/p/011303/lattice-58-in-x-4-ft-x-8-ft-southern-pine-pressure-treated-2-78-in-openings" data-sku="011303">
10181            <div class="card-body d-flex justify-content-between flex-column lh-sm">
10182                <div class="d-flex flex-column justify-content-between h-100">
10183                    <div class="position-relative">
10184                        <div class="d-flex align-items-start justify-content-between">
10185                            <div class="d-flex align-items-center flex-wrap gap-1">
10186                            </div>
10187                            <button type="button" class="product-card-save-btn"
10188                                    data-save-product-sku="011303"
10189                                    data-save-saved-for-later="false"
10190                                    data-save-list-ids=""
10191                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
10192                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('011303', this); return false;"
10193                                    style="position:static;">
10194                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
10195                            </button>
10196                        </div>
10197                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
10198                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/011303 lattice.jpg" alt="Lattice, 5/8 in x 4 ft x 8 ft - Southern Pine, Pressure Treated, 2 7/8 in. Openings" class="img-fluid product-image" />
10199                        </div>
10200                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
10201                        <div class="mt-2 fw-normal" data-name>Lattice, 5/8 in x 4 ft x 8 ft - Southern Pine, Pressure Treated, 2 7/8 in. Openings</div>
10202                    </div>
10203                    <div class="mt-2">
10204                        <div class="fw-normal">Sku: 011303</div>
10205                            <div class="fw-normal mt-2">
1020528 Available at <span class="text-primary fw-bold">San Marcos</span></div>
10206                        <div class="pc-price myriad mt-2">
10207$35<sup style="top: -10px;">.99</sup>
10208                        </div>
10209                        <div class="my-0">
10210&nbsp;                        </div>
10211                        <div class="pt-2">
10212                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
10213                                    <template class="cart-options-template">
10214<div class="cart-options"
10215     data-sku="011303"
10216     data-store-number="0"
10217     data-uom="EA"
10218     data-max-order="9999"
10219     data-existing-pickup="0"
10220     data-existing-delivery="0"
10221     data-method="pickup"
10222     data-cannot-add="false">
10223    <div class="mb-3">
10224            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
10225        <div class="h6 m-0">Lattice, 5/8 in x 4 ft x 8 ft - Southern Pine, Pressure Treated, 2 7/8 in. Openings</div>
10226    </div>
10227    
10228<div class="card-container cart-options-panel">
10229    <div class="fulfillment-options">
10230        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
10231             style="border-color:#4C741C;">
10232            <div class="co-pickup-check fulfillment-check" style="display:flex;">
10233                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
10234            </div>
10235            <div class="fulfillment-title">Pickup</div>
10236                    <div class="fulfillment-text" style="margin-top:6px;">
10237                        <span class="fw-bold">28</span> <span>Available Today</span>
10238                    </div>
10239                    <div class="fulfillment-text" style="margin-top:2px;">
10240                        <span class="fw-bold">81</span> <span>As soon as 09/28</span>
10241                    </div>
10242        </div>
10243            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
10244                 style="border-color:#ced4da;">
10245                <div class="co-delivery-check fulfillment-check" style="display:none;">
10246                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
10247                </div>
10248                <div class="fulfillment-title">Delivery</div>
10249                        <div class="fulfillment-text" style="margin-top:6px;">
10250                            <span class="fw-bold">28</span> <span>Available Today</span>
10251                        </div>
10252                        <div class="fulfillment-text" style="margin-top:2px;">
10253                            <span class="fw-bold">81</span> <span>As soon as 09/28</span>
10254                        </div>
10255            </div>
10256    </div>
10257    <div style="margin-top:12px;">
10258        <div class="fulfillment-meta">
10259            <span class="fw-bold">Free Pickup at </span>
10260            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
10261        </div>
10262        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
10263                <span class="fulfillment-stockitem">
10264                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
10265                        <span>28 in stock</span>
10266                </span>
10267                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
10268                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
10269                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
10270                    </svg>
10271                    Outside Item
10272                </span>
10273        </div>
10274    </div>
10275
10276    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
10277        No additional quantity can be added.
10278    </div>
10279</div>
10280    
10281<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
10282    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
10283        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
10284        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
10284 color:#212529;" />
10285        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
10286    </div>
10287    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
10288</div>
10289</div></template>
10290                        </div>
10291                    </div>
10292                </div>
10293            </div>
10294        </a>
10295    </div>
10296    <div class="col-12 col-sm-6 col-md-4 mb-3">
10297        <a class="card card-container h-100" href="/shop/p/020736/underlayment-18-in-x-4-ft-x-8-ft-masonite" data-sku="020736">
10298            <div class="card-body d-flex justify-content-between flex-column lh-sm">
10299                <div class="d-flex flex-column justify-content-between h-100">
10300                    <div class="position-relative">
10301                        <div class="d-flex align-items-start justify-content-between">
10302                            <div class="d-flex align-items-center flex-wrap gap-1">
10303                            </div>
10304                            <button type="button" class="product-card-save-btn"
10305                                    data-save-product-sku="020736"
10306                                    data-save-saved-for-later="false"
10307                                    data-save-list-ids=""
10308                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
10309                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020736', this); return false;"
10310                                    style="position:static;">
10311                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
10312                            </button>
10313                        </div>
10314                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
10315                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PARTICLEBOARD.jpg" alt="Underlayment, 1/8 in x 4 ft x 8 ft - Masonite" class="img-fluid product-image" />
10316                        </div>
10317                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
10318                        <div class="mt-2 fw-normal" data-name>Underlayment, 1/8 in x 4 ft x 8 ft - Masonite</div>
10319                    </div>
10320                    <div class="mt-2">
10321                        <div class="fw-normal">Sku: 020736</div>
10322                            <div class="fw-normal mt-2">25 Available at <span class="text-primary fw-bold">San Marcos</span></div>
10323                        <div class="pc-price myriad mt-2">
10324$18<sup style="top: -10px;">.99</sup>
10325                        </div>
10326                        <div class="my-0">
10327&nbsp;                        </div>
10328                        <div class="pt-2">
10329                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
10330                                    <template class="cart-options-template">
10331<div class="cart-options"
10332     data-sku="020736"
10333     data-store-number="0"
10334     data-uom="EA"
10335     data-max-order="9999"
10336     data-existing-pickup="0"
10337     data-existing-delivery="0"
10338     data-method="pickup"
10339     data-cannot-add="false">
10340    <div class="mb-3">
10341            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
10342        <div class="h6 m-0">Underlayment, 1/8 in x 4 ft x 8 ft - Masonite</div>
10343    </div>
10344    
10345<div class="card-container cart-options-panel">
10346    <div class="fulfillment-options">
10347        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
10348             style="border-color:#4C741C;">
10349            <div class="co-pickup-check fulfillment-check" style="display:flex;">
10350                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
10351            </div>
10352            <div class="fulfillment-title">Pickup</div>
10353                    <div class="fulfillment-text" style="margin-top:6px;">
10354                        <span class="fw-bold">25</span> <span>Available Today</span>
10355                    </div>
10356                    <div class="fulfillment-text" style="margin-top:2px;">
10357                        <span class="fw-bold">350</span> <span>As soon as 10/02</span>
10358                    </div>
10359        </div>
10360            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
10361                 style="border-color:#ced4da;">
10362                <div class="co-delivery-check fulfillment-check" style="display:none;">
10363                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
10364                </div>
10365                <div class="fulfillment-title">Delivery</div>
10366                        <div class="fulfillment-text" style="margin-top:6px;">
10367                            <span class="fw-bold">25</span> <span>Available Today</span>
10368                        </div>
10369                        <div class="fulfillment-text" style="margin-top:2px;">
10370                            <span class="fw-bold">350</span> <span>As soon as 10/02</span>
10371                        </div>
10372            </div>
10373    </div>
10374    <div style="margin-top:12px;">
10375        <div class="fulfillment-meta">
10376            <span class="fw-bold">Free Pickup at </span>
10377            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
10378        </div>
10379        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
10380                <span class="fulfillment-stockitem">
10381                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
10382                        <span>25 in stock</span>
10383                </span>
10384                <span class="fulfillment-stockitem" dataset-aisle="Aisle 41">
10385                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
10386                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
10387                    </svg>
10388                    Aisle 41
10389                </span>
10390        </div>
10391    </div>
10392
10393    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
10394        No additional quantity can be added.
10395    </div>
10396</div>
10397    
10398<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
10399    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
10400        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
10401        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
10402        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
10403    </div>
10404    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
10405</div>
10406</div></template>
10407                        </div>
10408                    </div>
10409                </div>
10410            </div>
10411        </a>
10412    </div>
10413    <div class="col-12 col-sm-6 col-md-4 mb-3">
10414        <a class="card card-container h-100" href="/shop/p/020309/premium-siding-38-in-x-4-ft-x-8-ft-southern-pine-square-edge-rough-sawn-siding" data-sku="020309">
10415            <div class="card-body d-flex justify-content-between flex-column lh-sm">
10416                <div class="d-flex flex-column justify-content-between h-100">
10417                    <div class="position-relative">
10418                        <div class="d-flex align-items-start justify-content-between">
10419                            <div class="d-flex align-items-center flex-wrap gap-1">
10420                            </div>
10421                            <button type="button" class="product-card-save-btn"
10422                                    data-save-product-sku="020309"
10423                                    data-save-saved-for-later="false"
10424                                    data-save-list-ids=""
10425                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
10426                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020309', this); return false;"
10427                                    style="position:static;">
10428                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
10429                            </button>
10430                        </div>
10431                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
10432                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/020306.jpeg" alt="Premium Siding, 3/8 in x 4 ft x 8 ft - Southern Pine, Square Edge, Rough Sawn Siding" class="img-fluid product-image" />
10433                        </div>
10434                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
10435                        <div class="mt-2 fw-normal" data-name>Premium Siding, 3/8 in x 4 ft x 8 ft - Southern Pine, Square Edge, Rough Sawn Siding</div>
10436                    </div>
10437                    <div class="mt-2">
10438                        <div class="fw-normal">Sku: 020309</div>
10439                            <div class="fw-normal mt-2">
10439119 Available at <span class="text-primary fw-bold">San Marcos</span></div>
10440                        <div class="pc-price myriad mt-2">
10441$39<sup style="top: -10px;">.99</sup>
10442                        </div>
10443                        <div class="my-0">
10444&nbsp;                        </div>
10445                        <div class="pt-2">
10446                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
10447                                    <template class="cart-options-template">
10448<div class="cart-options"
10449     data-sku="020309"
10450     data-store-number="0"
10451     data-uom="EA"
10452     data-max-order="9999"
10453     data-existing-pickup="0"
10454     data-existing-delivery="0"
10455     data-method="pickup"
10456     data-cannot-add="false">
10457    <div class="mb-3">
10458            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
10459        <div class="h6 m-0">Premium Siding, 3/8 in x 4 ft x 8 ft - Southern Pine, Square Edge, Rough Sawn Siding</div>
10460    </div>
10461    
10462<div class="card-container cart-options-panel">
10463    <div class="fulfillment-options">
10464        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
10465             style="border-color:#4C741C;">
10466            <div class="co-pickup-check fulfillment-check" style="display:flex;">
10467                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
10468            </div>
10469            <div class="fulfillment-title">Pickup</div>
10470                    <div class="fulfillment-text" style="margin-top:6px;">
10471                        <span class="fw-bold">119</span> <span>Available Today</span>
10472                    </div>
10473                    <div class="fulfillment-text" style="margin-top:2px;">
10474                        <span class="fw-bold">180</span> <span>As soon as 10/02</span>
10475                    </div>
10476        </div>
10477            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
10478                 style="border-color:#ced4da;">
10479                <div class="co-delivery-check fulfillment-check" style="display:none;">
10480                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
10481                </div>
10482                <div class="fulfillment-title">Delivery</div>
10483                        <div class="fulfillment-text" style="margin-top:6px;">
10484                            <span class="fw-bold">119</span> <span>Available Today</span>
10485                        </div>
10486                        <div class="fulfillment-text" style="margin-top:2px;">
10487                            <span class="fw-bold">180</span> <span>As soon as 10/02</span>
10488                        </div>
10489            </div>
10490    </div>
10491    <div style="margin-top:12px;">
10492        <div class="fulfillment-meta">
10493            <span class="fw-bold">Free Pickup at </span>
10494            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
10495        </div>
10496        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
10497                <span class="fulfillment-stockitem">
10498                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
10499                        <span>119 in stock</span>
10500                </span>
10501                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
10502                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
10503                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
10504                    </svg>
10505                    Outside Item
10506                </span>
10507        </div>
10508    </div>
10509
10510    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
10511        No additional quantity can be added.
10512    </div>
10513</div>
10514    
10515<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
10516    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
10517        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
10518        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
10518 color:#212529;" />
10519        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
10520    </div>
10521    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
10522</div>
10523</div></template>
10524                        </div>
10525                    </div>
10526                </div>
10527            </div>
10528        </a>
10529    </div>
10530    <div class="col-12 col-sm-6 col-md-4 mb-3">
10531        <a class="card card-container h-100" href="/shop/p/020306/t1-11-8-in-oc-premium-siding-1932-in-x-4-ft-x-8-ft-southern-pine-shiplap-edges-rough-sawn-siding" data-sku="020306">
10532            <div class="card-body d-flex justify-content-between flex-column lh-sm">
10533                <div class="d-flex flex-column justify-content-between h-100">
10534                    <div class="position-relative">
10535                        <div class="d-flex align-items-start justify-content-between">
10536                            <div class="d-flex align-items-center flex-wrap gap-1">
10537                            </div>
10538                            <button type="button" class="product-card-save-btn"
10539                                    data-save-product-sku="020306"
10540                                    data-save-saved-for-later="false"
10541                                    data-save-list-ids=""
10542                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
10543                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020306', this); return false;"
10544                                    style="position:static;">
10545                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
10546                            </button>
10547                        </div>
10548                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
10549                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/T1-11.jpg" alt="T1-11, 8-in OC, Premium Siding, 19/32 in x 4 ft x 8 ft - Southern Pine, Shiplap Edges, Rough Sawn Siding" class="img-fluid product-image" />
10550                        </div>
10551                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
10552                        <div class="mt-2 fw-normal" data-name>T1-11, 8-in OC, Premium Siding, 19/32 in x 4 ft x 8 ft - Southern Pine, Shiplap Edges, Rough Sawn Siding</div>
10553                    </div>
10554                    <div class="mt-2">
10555                        <div class="fw-normal">Sku: 020306</div>
10556                            <div class="fw-normal mt-2">78 Available at <span class="text-primary fw-bold">San Marcos</span></div>
10557                        <div class="pc-price myriad mt-2">
10558$58<sup style="top: -10px;">.99</sup>
10559                        </div>
10560                        <div class="my-0">
10561&nbsp;                        </div>
10562                        <div class="pt-2">
10563                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
10564                                    <template class="cart-options-template">
10565<div class="cart-options"
10566     data-sku="020306"
10567     data-store-number="0"
10568     data-uom="EA"
10569     data-max-order="9999"
10570     data-existing-pickup="0"
10571     data-existing-delivery="0"
10572     data-method="pickup"
10573     data-cannot-add="false">
10574    <div class="mb-3">
10575            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
10576        <div class="h6 m-0">T1-11, 8-in OC, Premium Siding, 19/32 in x 4 ft x 8 ft - Southern Pine, Shiplap Edges, Rough Sawn Siding</div>
10577    </div>
10578    
10579<div class="card-container cart-options-panel">
10580    <div class="fulfillment-options">
10581        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
10582             style="border-color:#4C741C;">
10583            <div class="co-pickup-check fulfillment-check" style="display:flex;">
10584                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
10585            </div>
10586            <div class="fulfillment-title">Pickup</div>
10587                    <div class="fulfillment-text" style="margin-top:6px;">
10588                        <span class="fw-bold">78</span> <span>Available Today</span>
10589                    </div>
10590                    <div class="fulfillment-text" style="margin-top:2px;">
10591                        <span class="fw-bold">348</span> <span>As soon as 10/02</span>
10592                    </div>
10593        </div>
10594            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
10595                 style="border-color:#ced4da;">
10596                <div class="co-delivery-check fulfillment-check" style="display:none;">
10597                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
10598                </div>
10599                <div class="fulfillment-title">Delivery</div>
10600                        <div class="fulfillment-text" style="margin-top:6px;">
10601                            <span class="fw-bold">78</span> <span>Available Today</span>
10602                        </div>
10603                        <div class="fulfillment-text" style="margin-top:2px;">
10604                            <span class="fw-bold">348</span> <span>As soon as 10/02</span>
10605                        </div>
10606            </div>
10607    </div>
10608    <div style="margin-top:12px;">
10609        <div class="fulfillment-meta">
10610            <span class="fw-bold">Free Pickup at </span>
10611            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
10612        </div>
10613        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
10614                <span class="fulfillment-stockitem">
10615                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
10616                        <span>78 in stock</span>
10617                </span>
10618                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
10619                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
10620                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
10621                    </svg>
10622                    Outside Item
10623                </span>
10624        </div>
10625    </div>
10626
10627    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
10628        No additional quantity can be added.
10629    </div>
10630</div>
10631    
10632<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
10633    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
10634        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
10635        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
10636        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
10637    </div>
10638    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
10639</div>
10640</div></template>
10641                        </div>
10642                    </div>
10643                </div>
10644            </div>
10645        </a>
10646    </div>
10647    <div class="col-12 col-sm-6 col-md-4 mb-3">
10648        <a class="card card-container h-100" href="/shop/p/020746/48mm-4x8-perf-hardboard-48-mm-x-4-ft-x-8-ft-masonite" data-sku="020746">
10649            <div class="card-body d-flex justify-content-between flex-column lh-sm">
10650                <div class="d-flex flex-column justify-content-between h-100">
10651                    <div class="position-relative">
10652                        <div class="d-flex align-items-start justify-content-between">
10653                            <div class="d-flex align-items-center flex-wrap gap-1">
10654                            </div>
10655                            <button type="button" class="product-card-save-btn"
10656                                    data-save-product-sku="020746"
10657                                    data-save-saved-for-later="false"
10658                                    data-save-list-ids=""
10659                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
10660                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020746', this); return false;"
10661                                    style="position:static;">
10662                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
10663                            </button>
10664                        </div>
10665                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
10666                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/020746.jpg" alt="4.8MM 4X8&#x27; PERF HARDBOARD, 4.8 mm x 4 ft x 8 ft - Masonite" class="img-fluid product-image" />
10667                        </div>
10668                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
10669                        <div class="mt-2 fw-normal" data-name>4.8MM 4X8&#x27; PERF HARDBOARD, 4.8 mm x 4 ft x 8 ft - Masonite</div>
10670                    </div>
10671                    <div class="mt-2">
10672                        <div class="fw-normal">Sku: 020746</div>
10673                            <div class="fw-normal mt-2">
106737 Available at <span class="text-primary fw-bold">San Marcos</span></div>
10674                        <div class="pc-price myriad mt-2">
10675$32<sup style="top: -10px;">.99</sup>
10676                        </div>
10677                        <div class="my-0">
10678&nbsp;                        </div>
10679                        <div class="pt-2">
10680                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
10681                                    <template class="cart-options-template">
10682<div class="cart-options"
10683     data-sku="020746"
10684     data-store-number="0"
10685     data-uom="EA"
10686     data-max-order="9999"
10687     data-existing-pickup="0"
10688     data-existing-delivery="0"
10689     data-method="pickup"
10690     data-cannot-add="false">
10691    <div class="mb-3">
10692            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
10693        <div class="h6 m-0">4.8MM 4X8&#x27; PERF HARDBOARD, 4.8 mm x 4 ft x 8 ft - Masonite</div>
10694    </div>
10695    
10696<div class="card-container cart-options-panel">
10697    <div class="fulfillment-options">
10698        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
10699             style="border-color:#4C741C;">
10700            <div class="co-pickup-check fulfillment-check" style="display:flex;">
10701                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
10702            </div>
10703            <div class="fulfillment-title">Pickup</div>
10704                    <div class="fulfillment-text" style="margin-top:6px;">
10705                        <span class="fw-bold">7</span> <span>Available Today</span>
10706                    </div>
10707                    <div class="fulfillment-text" style="margin-top:2px;">
10708                        <span class="fw-bold">130</span> <span>As soon as 10/02</span>
10709                    </div>
10710        </div>
10711            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
10712                 style="border-color:#ced4da;">
10713                <div class="co-delivery-check fulfillment-check" style="display:none;">
10714                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
10715                </div>
10716                <div class="fulfillment-title">Delivery</div>
10717                        <div class="fulfillment-text" style="margin-top:6px;">
10718                            <span class="fw-bold">7</span> <span>Available Today</span>
10719                        </div>
10720                        <div class="fulfillment-text" style="margin-top:2px;">
10721                            <span class="fw-bold">130</span> <span>As soon as 10/02</span>
10722                        </div>
10723            </div>
10724    </div>
10725    <div style="margin-top:12px;">
10726        <div class="fulfillment-meta">
10727            <span class="fw-bold">Free Pickup at </span>
10728            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
10729        </div>
10730        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
10731                <span class="fulfillment-stockitem">
10732                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
10733                        <span>7 in stock</span>
10734                </span>
10735                <span class="fulfillment-stockitem" dataset-aisle="Aisle 41">
10736                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
10737                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
10738                    </svg>
10739                    Aisle 41
10740                </span>
10741        </div>
10742    </div>
10743
10744    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
10745        No additional quantity can be added.
10746    </div>
10747</div>
10748    
10749<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
10750    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
10751        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
10752        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
10752 color:#212529;" />
10753        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
10754    </div>
10755    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
10756</div>
10757</div></template>
10758                        </div>
10759                    </div>
10760                </div>
10761            </div>
10762        </a>
10763    </div>
10764    <div class="col-12 col-sm-6 col-md-4 mb-3">
10765        <a class="card card-container h-100" href="/shop/p/020739/underlayment-48-mm-x-4-ft-x-8-ft-masonite-surfaced-on-1-side" data-sku="020739">
10766            <div class="card-body d-flex justify-content-between flex-column lh-sm">
10767                <div class="d-flex flex-column justify-content-between h-100">
10768                    <div class="position-relative">
10769                        <div class="d-flex align-items-start justify-content-between">
10770                            <div class="d-flex align-items-center flex-wrap gap-1">
10771                            </div>
10772                            <button type="button" class="product-card-save-btn"
10773                                    data-save-product-sku="020739"
10774                                    data-save-saved-for-later="false"
10775                                    data-save-list-ids=""
10776                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
10777                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020739', this); return false;"
10778                                    style="position:static;">
10779                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
10780                            </button>
10781                        </div>
10782                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
10783                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/102580803.jpg" alt="Underlayment, 4.8 mm x 4 ft x 8 ft - Masonite, Surfaced on 1 Side" class="img-fluid product-image" />
10784                        </div>
10785                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
10786                        <div class="mt-2 fw-normal" data-name>Underlayment, 4.8 mm x 4 ft x 8 ft - Masonite, Surfaced on 1 Side</div>
10787                    </div>
10788                    <div class="mt-2">
10789                        <div class="fw-normal">Sku: 020739</div>
10790                            <div class="fw-normal mt-2">22 Available at <span class="text-primary fw-bold">San Marcos</span></div>
10791                        <div class="pc-price myriad mt-2">
10792$22<sup style="top: -10px;">.99</sup>
10793                        </div>
10794                        <div class="my-0">
10795&nbsp;                        </div>
10796                        <div class="pt-2">
10797                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
10798                                    <template class="cart-options-template">
10799<div class="cart-options"
10800     data-sku="020739"
10801     data-store-number="0"
10802     data-uom="EA"
10803     data-max-order="9999"
10804     data-existing-pickup="0"
10805     data-existing-delivery="0"
10806     data-method="pickup"
10807     data-cannot-add="false">
10808    <div class="mb-3">
10809            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
10810        <div class="h6 m-0">Underlayment, 4.8 mm x 4 ft x 8 ft - Masonite, Surfaced on 1 Side</div>
10811    </div>
10812    
10813<div class="card-container cart-options-panel">
10814    <div class="fulfillment-options">
10815        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
10816             style="border-color:#4C741C;">
10817            <div class="co-pickup-check fulfillment-check" style="display:flex;">
10818                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
10819            </div>
10820            <div class="fulfillment-title">Pickup</div>
10821                    <div class="fulfillment-text" style="margin-top:6px;">
10822                        <span class="fw-bold">22</span> <span>Available Today</span>
10823                    </div>
10824                    <div class="fulfillment-text" style="margin-top:2px;">
10825                        <span class="fw-bold">225</span> <span>As soon as 10/02</span>
10826                    </div>
10827        </div>
10828            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
10829                 style="border-color:#ced4da;">
10830                <div class="co-delivery-check fulfillment-check" style="display:none;">
10831                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
10832                </div>
10833                <div class="fulfillment-title">Delivery</div>
10834                        <div class="fulfillment-text" style="margin-top:6px;">
10835                            <span class="fw-bold">22</span> <span>Available Today</span>
10836                        </div>
10837                        <div class="fulfillment-text" style="margin-top:2px;">
10838                            <span class="fw-bold">225</span> <span>As soon as 10/02</span>
10839                        </div>
10840            </div>
10841    </div>
10842    <div style="margin-top:12px;">
10843        <div class="fulfillment-meta">
10844            <span class="fw-bold">Free Pickup at </span>
10845            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
10846        </div>
10847        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
10848                <span class="fulfillment-stockitem">
10849                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
10850                        <span>22 in stock</span>
10851                </span>
10852                <span class="fulfillment-stockitem" dataset-aisle="Aisle 41">
10853                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
10854                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
10855                    </svg>
10856                    Aisle 41
10857                </span>
10858        </div>
10859    </div>
10860
10861    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
10862        No additional quantity can be added.
10863    </div>
10864</div>
10865    
10866<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
10867    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
10868        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
10869        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
10870        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
10871    </div>
10872    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
10873</div>
10874</div></template>
10875                        </div>
10876                    </div>
10877                </div>
10878            </div>
10879        </a>
10880    </div>
10881    <div class="col-12 col-sm-6 col-md-4 mb-3">
10882        <a class="card card-container h-100" href="/shop/p/011308/lattice-58-in-x-4-ft-x-8-ft-southern-pine-pressure-treated-privacy-panel-1-18-in-openings" data-sku="011308">
10883            <div class="card-body d-flex justify-content-between flex-column lh-sm">
10884                <div class="d-flex flex-column justify-content-between h-100">
10885                    <div class="position-relative">
10886                        <div class="d-flex align-items-start justify-content-between">
10887                            <div class="d-flex align-items-center flex-wrap gap-1">
10888                            </div>
10889                            <button type="button" class="product-card-save-btn"
10890                                    data-save-product-sku="011308"
10891                                    data-save-saved-for-later="false"
10892                                    data-save-list-ids=""
10893                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
10894                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('011308', this); return false;"
10895                                    style="position:static;">
10896                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
10897                            </button>
10898                        </div>
10899                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
10900                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/011308 Lattice.jpg" alt="Lattice, 5/8 in x 4 ft x 8 ft - Southern Pine, Pressure Treated, Privacy Panel, 1 1/8 in. Openings" class="img-fluid product-image" />
10901                        </div>
10902                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
10903                        <div class="mt-2 fw-normal" data-name>Lattice, 5/8 in x 4 ft x 8 ft - Southern Pine, Pressure Treated, Privacy Panel, 1 1/8 in. Openings</div>
10904                    </div>
10905                    <div class="mt-2">
10906                        <div class="fw-normal">Sku: 011308</div>
10907                            <div class="fw-normal mt-2">
1090722 Available at <span class="text-primary fw-bold">San Marcos</span></div>
10908                        <div class="pc-price myriad mt-2">
10909$45<sup style="top: -10px;">.99</sup>
10910                        </div>
10911                        <div class="my-0">
10912&nbsp;                        </div>
10913                        <div class="pt-2">
10914                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
10915                                    <template class="cart-options-template">
10916<div class="cart-options"
10917     data-sku="011308"
10918     data-store-number="0"
10919     data-uom="EA"
10920     data-max-order="9999"
10921     data-existing-pickup="0"
10922     data-existing-delivery="0"
10923     data-method="pickup"
10924     data-cannot-add="false">
10925    <div class="mb-3">
10926            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
10927        <div class="h6 m-0">Lattice, 5/8 in x 4 ft x 8 ft - Southern Pine, Pressure Treated, Privacy Panel, 1 1/8 in. Openings</div>
10928    </div>
10929    
10930<div class="card-container cart-options-panel">
10931    <div class="fulfillment-options">
10932        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
10933             style="border-color:#4C741C;">
10934            <div class="co-pickup-check fulfillment-check" style="display:flex;">
10935                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
10936            </div>
10937            <div class="fulfillment-title">Pickup</div>
10938                    <div class="fulfillment-text" style="margin-top:6px;">
10939                        <span class="fw-bold">22</span> <span>Available Today</span>
10940                    </div>
10941                    <div class="fulfillment-text" style="margin-top:2px;">
10942                        <span class="fw-bold">25</span> <span>As soon as 09/28</span>
10943                    </div>
10944        </div>
10945            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
10946                 style="border-color:#ced4da;">
10947                <div class="co-delivery-check fulfillment-check" style="display:none;">
10948                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
10949                </div>
10950                <div class="fulfillment-title">Delivery</div>
10951                        <div class="fulfillment-text" style="margin-top:6px;">
10952                            <span class="fw-bold">22</span> <span>Available Today</span>
10953                        </div>
10954                        <div class="fulfillment-text" style="margin-top:2px;">
10955                            <span class="fw-bold">25</span> <span>As soon as 09/28</span>
10956                        </div>
10957            </div>
10958    </div>
10959    <div style="margin-top:12px;">
10960        <div class="fulfillment-meta">
10961            <span class="fw-bold">Free Pickup at </span>
10962            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
10963        </div>
10964        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
10965                <span class="fulfillment-stockitem">
10966                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
10967                        <span>22 in stock</span>
10968                </span>
10969                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
10970                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
10971                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
10972                    </svg>
10973                    Outside Item
10974                </span>
10975        </div>
10976    </div>
10977
10978    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
10979        No additional quantity can be added.
10980    </div>
10981</div>
10982    
10983<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
10984    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
10985        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
10986        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
10986 color:#212529;" />
10987        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
10988    </div>
10989    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
10990</div>
10991</div></template>
10992                        </div>
10993                    </div>
10994                </div>
10995            </div>
10996        </a>
10997    </div>
10998    <div class="col-12 col-sm-6 col-md-4 mb-3">
10999        <a class="card card-container h-100" href="/shop/p/02066410/medium-density-fiberboard-55-mm-x-49-in-x-97-in-species-varies-good-2-sides" data-sku="02066410">
11000            <div class="card-body d-flex justify-content-between flex-column lh-sm">
11001                <div class="d-flex flex-column justify-content-between h-100">
11002                    <div class="position-relative">
11003                        <div class="d-flex align-items-start justify-content-between">
11004                            <div class="d-flex align-items-center flex-wrap gap-1">
11005                            </div>
11006                            <button type="button" class="product-card-save-btn"
11007                                    data-save-product-sku="02066410"
11008                                    data-save-saved-for-later="false"
11009                                    data-save-list-ids=""
11010                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
11011                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02066410', this); return false;"
11012                                    style="position:static;">
11013                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
11014                            </button>
11015                        </div>
11016                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
11017                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PARTICLEBOARD.jpg" alt="Medium Density Fiberboard, 5.5 mm x 49 in x 97 in - Species Varies, Good 2 Sides" class="img-fluid product-image" />
11018                        </div>
11019                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
11020                        <div class="mt-2 fw-normal" data-name>Medium Density Fiberboard, 5.5 mm x 49 in x 97 in - Species Varies, Good 2 Sides</div>
11021                    </div>
11022                    <div class="mt-2">
11023                        <div class="fw-normal">Sku: 02066410</div>
11024                            <div class="fw-normal mt-2">22 Available at <span class="text-primary fw-bold">San Marcos</span></div>
11025                        <div class="pc-price myriad mt-2">
11026$26<sup style="top: -10px;">.99</sup>
11027                        </div>
11028                        <div class="my-0">
11029&nbsp;                        </div>
11030                        <div class="pt-2">
11031                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
11032                                    <template class="cart-options-template">
11033<div class="cart-options"
11034     data-sku="02066410"
11035     data-store-number="0"
11036     data-uom="EA"
11037     data-max-order="9999"
11038     data-existing-pickup="0"
11039     data-existing-delivery="0"
11040     data-method="pickup"
11041     data-cannot-add="false">
11042    <div class="mb-3">
11043            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
11044        <div class="h6 m-0">Medium Density Fiberboard, 5.5 mm x 49 in x 97 in - Species Varies, Good 2 Sides</div>
11045    </div>
11046    
11047<div class="card-container cart-options-panel">
11048    <div class="fulfillment-options">
11049        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
11050             style="border-color:#4C741C;">
11051            <div class="co-pickup-check fulfillment-check" style="display:flex;">
11052                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
11053            </div>
11054            <div class="fulfillment-title">Pickup</div>
11055                    <div class="fulfillment-text" style="margin-top:6px;">
11056                        <span class="fw-bold">22</span> <span>Available Today</span>
11057                    </div>
11058                    <div class="fulfillment-text" style="margin-top:2px;">
11059                        <span class="fw-bold">252</span> <span>As soon as 10/02</span>
11060                    </div>
11061        </div>
11062            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
11063                 style="border-color:#ced4da;">
11064                <div class="co-delivery-check fulfillment-check" style="display:none;">
11065                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
11066                </div>
11067                <div class="fulfillment-title">Delivery</div>
11068                        <div class="fulfillment-text" style="margin-top:6px;">
11069                            <span class="fw-bold">22</span> <span>Available Today</span>
11070                        </div>
11071                        <div class="fulfillment-text" style="margin-top:2px;">
11072                            <span class="fw-bold">252</span> <span>As soon as 10/02</span>
11073                        </div>
11074            </div>
11075    </div>
11076    <div style="margin-top:12px;">
11077        <div class="fulfillment-meta">
11078            <span class="fw-bold">Free Pickup at </span>
11079            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
11080        </div>
11081        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
11082                <span class="fulfillment-stockitem">
11083                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
11084                        <span>22 in stock</span>
11085                </span>
11086                <span class="fulfillment-stockitem" dataset-aisle="Aisle 41">
11087                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
11088                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
11089                    </svg>
11090                    Aisle 41
11091                </span>
11092        </div>
11093    </div>
11094
11095    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
11096        No additional quantity can be added.
11097    </div>
11098</div>
11099    
11100<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
11101    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
11102        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
11103        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
11104        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
11105    </div>
11106    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
11107</div>
11108</div></template>
11109                        </div>
11110                    </div>
11111                </div>
11112            </div>
11113        </a>
11114    </div>
11115    <div class="col-12 col-sm-6 col-md-4 mb-3">
11116        <a class="card card-container h-100" href="/shop/p/01140403/t1-11-4-in-oc-siding-58-in-x-4-ft-x-8-ft-southern-pine-shiplap-edges-rough-sawn-siding" data-sku="01140403">
11117            <div class="card-body d-flex justify-content-between flex-column lh-sm">
11118                <div class="d-flex flex-column justify-content-between h-100">
11119                    <div class="position-relative">
11120                        <div class="d-flex align-items-start justify-content-between">
11121                            <div class="d-flex align-items-center flex-wrap gap-1">
11122                            </div>
11123                            <button type="button" class="product-card-save-btn"
11124                                    data-save-product-sku="01140403"
11125                                    data-save-saved-for-later="false"
11126                                    data-save-list-ids=""
11127                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
11128                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('01140403', this); return false;"
11129                                    style="position:static;">
11130                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
11131                            </button>
11132                        </div>
11133                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
11134                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/T1-11.jpg" alt="T1-11, 4-in OC 
11134Siding, 5/8 in x 4 ft x 8 ft - Southern Pine, Shiplap Edges, Rough Sawn Siding" class="img-fluid product-image" />
11135                        </div>
11136                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
11137                        <div class="mt-2 fw-normal" data-name>T1-11, 4-in OC Siding, 5/8 in x 4 ft x 8 ft - Southern Pine, Shiplap Edges, Rough Sawn Siding</div>
11138                    </div>
11139                    <div class="mt-2">
11140                        <div class="fw-normal">Sku: 01140403</div>
11141                            <div class="fw-normal mt-2">7 Available at <span class="text-primary fw-bold">San Marcos</span></div>
11142                        <div class="pc-price myriad mt-2">
11143$70<sup style="top: -10px;">.19</sup>
11144                        </div>
11145                        <div class="my-0">
11146&nbsp;                        </div>
11147                        <div class="pt-2">
11148                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
11149                                    <template class="cart-options-template">
11150<div class="cart-options"
11151     data-sku="01140403"
11152     data-store-number="0"
11153     data-uom="EA"
11154     data-max-order="9999"
11155     data-existing-pickup="0"
11156     data-existing-delivery="0"
11157     data-method="pickup"
11158     data-cannot-add="false">
11159    <div class="mb-3">
11160            <div class="fw-bold" style="font-size:0.875rem;">Wood Products</div>
11161        <div class="h6 m-0">T1-11, 4-in OC Siding, 5/8 in x 4 ft x 8 ft - Southern Pine, Shiplap Edges, Rough Sawn Siding</div>
11162    </div>
11163    
11164<div class="card-container cart-options-panel">
11165    <div class="fulfillment-options">
11166        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
11167             style="border-color:#4C741C;">
11168            <div class="co-pickup-check fulfillment-check" style="display:flex;">
11169                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
11170            </div>
11171            <div class="fulfillment-title">Pickup</div>
11172                    <div class="fulfillment-text" style="margin-top:6px;">
11173                        <span class="fw-bold">7</span> <span>Available Today</span>
11174                    </div>
11175                    <div class="fulfillment-text" style="margin-top:2px;">
11176                        <span class="fw-bold">7</span> <span>As soon as 09/28</span>
11177                    </div>
11178        </div>
11179            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
11180                 style="border-color:#ced4da;">
11181                <div class="co-delivery-check fulfillment-check" style="display:none;">
11182                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
11183                </div>
11184                <div class="fulfillment-title">Delivery</div>
11185                        <div class="fulfillment-text" style="margin-top:6px;">
11186                            <span class="fw-bold">7</span> <span>Available Today</span>
11187                        </div>
11188                        <div class="fulfillment-text" style="margin-top:2px;">
11189                            <span class="fw-bold">7</span> <span>As soon as 09/28</span>
11190                        </div>
11191            </div>
11192    </div>
11193    <div style="margin-top:12px;">
11194        <div class="fulfillment-meta">
11195            <span class="fw-bold">Free Pickup at </span>
11196            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
11197        </div>
11198        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
11199                <span class="fulfillment-stockitem">
11200                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
11201                        <span>7 in stock</span>
11202                </span>
11203                <span class="fulfillment-stockitem" dataset-aisle="Outside Item">
11204                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
11205                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
11206                    </svg>
11207                    Outside Item
11208                </span>
11209        </div>
11210    </div>
11211
11212    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
11213        No additional quantity can be added.
11214    </div>
11215</div>
11216    
11217<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
11218    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
11219        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
11220        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
11221        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
11222    </div>
11223    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
11224</div>
11225</div></template>
11226                        </div>
11227                    </div>
11228                </div>
11229            </div>
11230        </a>
11231    </div>
11232    <div class="col-12 col-sm-6 col-md-4 mb-3">
11233        <a class="card card-container h-100" href="/shop/p/8795478-052303-31/prosource-yh-sd601-portable-scaffold-29-in-w-rail-1-12-in-d-rail-69-in-h-rail-29-to-71-14-in-h-adjustment-1-deck" data-sku="8795478-052303-31">
11234            <div class="card-body d-flex justify-content-between flex-column lh-sm">
11235                <div class="d-flex flex-column justify-content-between h-100">
11236                    <div class="position-relative">
11237                        <div class="d-flex align-items-start justify-content-between">
11238                            <div class="d-flex align-items-center flex-wrap gap-1">
11239                            </div>
11240                            <button type="button" class="product-card-save-btn"
11241                                    data-save-product-sku="8795478-052303-31"
11242                                    data-save-saved-for-later="false"
11243                                    data-save-list-ids=""
11244                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
11245                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('8795478-052303-31', this); return false;"
11246                                    style="position:static;">
11247                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
11248                            </button>
11249                        </div>
11250                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
11251                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/8795478.jpg" alt="YH-SD601 Portable Scaffold, 29 in W Rail, 1-1/2 in D Rail, 69 in H Rail, 29 to 71-1/4 in H Adjustment, 1-Deck" class="img-fluid product-image" />
11252                        </div>
11253                            <div class="fw-bold mt-2" data-brand>ProSource</div>
11254                        <div class="mt-2 fw-normal" data-name>YH-SD601 Portable Scaffold, 29 in W Rail, 1-1/2 in D Rail, 69 in H Rail, 29 to 71-1/4 in H Adjustment, 1-Deck</div>
11255                    </div>
11256                    <div class="mt-2">
11257                        <div class="fw-normal">Sku: 32332520</div>
11258                            <div class="fw-normal mt-2">
112581 Available at <span class="text-primary fw-bold">San Marcos</span></div>
11259                        <div class="pc-price myriad mt-2">
11260$294<sup style="top: -10px;">.99</sup>
11261                        </div>
11262                        <div class="my-0">
11263&nbsp;                        </div>
11264                        <div class="pt-2">
11265                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
11266                                    <template class="cart-options-template">
11267<div class="cart-options"
11268     data-sku="8795478-052303-31"
11269     data-store-number="0"
11270     data-uom="EA"
11271     data-max-order="9999"
11272     data-existing-pickup="0"
11273     data-existing-delivery="0"
11274     data-method="pickup"
11275     data-cannot-add="false">
11276    <div class="mb-3">
11277            <div class="fw-bold" style="font-size:0.875rem;">ProSource</div>
11278        <div class="h6 m-0">YH-SD601 Portable Scaffold, 29 in W Rail, 1-1/2 in D Rail, 69 in H Rail, 29 to 71-1/4 in H Adjustment, 1-Deck</div>
11279    </div>
11280    
11281<div class="card-container cart-options-panel">
11282    <div class="fulfillment-options">
11283        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
11284             style="border-color:#4C741C;">
11285            <div class="co-pickup-check fulfillment-check" style="display:flex;">
11286                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
11287            </div>
11288            <div class="fulfillment-title">Pickup</div>
11289                    <div class="fulfillment-text" style="margin-top:6px;">
11290                        <span class="fw-bold">1</span> <span>Available Today</span>
11291                    </div>
11292                    <div class="fulfillment-text" style="margin-top:2px;">
11293                        <span class="fw-bold">24</span> <span>As soon as 10/01</span>
11294                    </div>
11295        </div>
11296            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
11297                 style="border-color:#ced4da;">
11298                <div class="co-delivery-check fulfillment-check" style="display:none;">
11299                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
11300                </div>
11301                <div class="fulfillment-title">Delivery</div>
11302                        <div class="fulfillment-text" style="margin-top:6px;">
11303                            <span class="fw-bold">1</span> <span>Available Today</span>
11304                        </div>
11305                        <div class="fulfillment-text" style="margin-top:2px;">
11306                            <span class="fw-bold">24</span> <span>As soon as 10/01</span>
11307                        </div>
11308            </div>
11309    </div>
11310    <div style="margin-top:12px;">
11311        <div class="fulfillment-meta">
11312            <span class="fw-bold">Free Pickup at </span>
11313            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
11314        </div>
11315        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
11316                <span class="fulfillment-stockitem">
11317                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
11318                        <span>1 in stock</span>
11319                </span>
11320                <span class="fulfillment-stockitem" dataset-aisle="Aisle 15">
11321                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
11322                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
11323                    </svg>
11324                    Aisle 15
11325                </span>
11326        </div>
11327    </div>
11328
11329    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
11330        No additional quantity can be added.
11331    </div>
11332</div>
11333    
11334<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
11335    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
11336        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
11337        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none;
11337 color:#212529;" />
11338        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
11339    </div>
11340    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
11341</div>
11342</div></template>
11343                        </div>
11344                    </div>
11345                </div>
11346            </div>
11347        </a>
11348    </div>
11349    <div class="col-12 col-sm-6 col-md-4 mb-3">
11350        <a class="card card-container h-100" href="/shop/p/1636141-052303-31/metaltech-m-mpp719-scaffold-platform-deck-aluminumplywood-galvanized-for-scaffolding-systems" data-sku="1636141-052303-31">
11351            <div class="card-body d-flex justify-content-between flex-column lh-sm">
11352                <div class="d-flex flex-column justify-content-between h-100">
11353                    <div class="position-relative">
11354                        <div class="d-flex align-items-start justify-content-between">
11355                            <div class="d-flex align-items-center flex-wrap gap-1">
11356                            </div>
11357                            <button type="button" class="product-card-save-btn"
11358                                    data-save-product-sku="1636141-052303-31"
11359                                    data-save-saved-for-later="false"
11360                                    data-save-list-ids=""
11361                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
11362                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('1636141-052303-31', this); return false;"
11363                                    style="position:static;">
11364                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
11365                            </button>
11366                        </div>
11367                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
11368                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/100011793.jpg" alt="M-MPP719 Scaffold Platform Deck, Aluminum/Plywood, Galvanized, For: Scaffolding Systems" class="img-fluid product-image" />
11369                        </div>
11370                            <div class="fw-bold mt-2" data-brand>Metaltech</div>
11371                        <div class="mt-2 fw-normal" data-name>M-MPP719 Scaffold Platform Deck, Aluminum/Plywood, Galvanized, For: Scaffolding Systems</div>
11372                    </div>
11373                    <div class="mt-2">
11374                        <div class="fw-normal">Sku: 31405142</div>
11375                            <div class="fw-normal mt-2">2 Available at <span class="text-primary fw-bold">San Marcos</span></div>
11376                        <div class="pc-price myriad mt-2">
11377$202<sup style="top: -10px;">.99</sup>
11378                        </div>
11379                        <div class="my-0">
11380&nbsp;                        </div>
11381                        <div class="pt-2">
11382                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
11383                                    <template class="cart-options-template">
11384<div class="cart-options"
11385     data-sku="1636141-052303-31"
11386     data-store-number="0"
11387     data-uom="EA"
11388     data-max-order="9999"
11389     data-existing-pickup="0"
11390     data-existing-delivery="0"
11391     data-method="pickup"
11392     data-cannot-add="false">
11393    <div class="mb-3">
11394            <div class="fw-bold" style="font-size:0.875rem;">Metaltech</div>
11395        <div class="h6 m-0">M-MPP719 Scaffold Platform Deck, Aluminum/Plywood, Galvanized, For: Scaffolding Systems</div>
11396    </div>
11397    
11398<div class="card-container cart-options-panel">
11399    <div class="fulfillment-options">
11400        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
11401             style="border-color:#4C741C;">
11402            <div class="co-pickup-check fulfillment-check" style="display:flex;">
11403                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
11404            </div>
11405            <div class="fulfillment-title">Pickup</div>
11406                    <div class="fulfillment-text" style="margin-top:6px;">
11407                        <span class="fw-bold">2</span> <span>Available Today</span>
11408                    </div>
11409                    <div class="fulfillment-text" style="margin-top:2px;">
11410                        <span class="fw-bold">54</span> <span>As soon as 10/01</span>
11411                    </div>
11412        </div>
11413            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
11414                 style="border-color:#ced4da;">
11415                <div class="co-delivery-check fulfillment-check" style="display:none;">
11416                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
11417                </div>
11418                <div class="fulfillment-title">Delivery</div>
11419                        <div class="fulfillment-text" style="margin-top:6px;">
11420                            <span class="fw-bold">2</span> <span>Available Today</span>
11421                        </div>
11422                        <div class="fulfillment-text" style="margin-top:2px;">
11423                            <span class="fw-bold">54</span> <span>As soon as 10/01</span>
11424                        </div>
11425            </div>
11426    </div>
11427    <div style="margin-top:12px;">
11428        <div class="fulfillment-meta">
11429            <span class="fw-bold">Free Pickup at </span>
11430            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
11431        </div>
11432        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
11433                <span class="fulfillment-stockitem">
11434                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
11435                        <span>2 in stock</span>
11436                </span>
11437                <span class="fulfillment-stockitem" dataset-aisle="Aisle 15">
11438                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="#0e513b" viewBox="0 0 16 16" aria-hidden="true">
11439                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
11440                    </svg>
11441                    Aisle 15
11442                </span>
11443        </div>
11444    </div>
11445
11446    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
11447        No additional quantity can be added.
11448    </div>
11449</div>
11450    
11451<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
11452    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
11453        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
11454        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
11455        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
11456    </div>
11457    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
11458</div>
11459</div></template>
11460                        </div>
11461                    </div>
11462                </div>
11463            </div>
11464        </a>
11465    </div>
11466    <div class="col-12 col-sm-6 col-md-4 mb-3">
11467        <a class="card card-container h-100" href="/shop/p/021039/osb1-oriented-strand-board-osb-716-in-x-4-ft-x-8-ft-southern-pine-radiant-barrier" data-sku="021039">
11468            <div class="card-body d-flex justify-content-between flex-column lh-sm">
11469                <div class="d-flex flex-column justify-content-between h-100">
11470                    <div class="position-relative">
11471                        <div class="d-flex align-items-start justify-content-between">
11472                            <div class="d-flex align-items-center flex-wrap gap-1">
11473                            </div>
11474                            <button type="button" class="product-card-save-btn"
11475                                    data-save-product-sku="021039"
11476                                    data-save-saved-for-later="false"
11477                                    data-save-list-ids=""
11478                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
11479                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('021039', this); return false;"
11480                                    style="position:static;">
11481                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
11482                            </button>
11483                        </div>
11484                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
11485                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/021039.jpeg" alt="OSB/1 Oriented Strand Board (OSB), 7/16 in x 4 ft x 8 ft - Southern Pine, Radiant Barrier" class="img-fluid product-image" />
11486                        </div>
11487                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
11488                        <div class="mt-2 fw-normal" data-name>OSB/1 Oriented Strand Board (OSB), 7/16 in x 4 ft x 8 ft - Southern Pine, Radiant Barrier</div>
11489                    </div>
11490                    <div class="mt-2">
11491                        <div class="fw-normal">Sku: 021039</div>
11492                            <div class="fw-normal mt-2">
114920 Available at <span class="text-primary fw-bold">San Marcos</span></div>
11493                        <div class="pc-price myriad mt-2">
11494$17<sup style="top: -10px;">.49</sup>
11495                        </div>
11496                        <div class="my-0">
11497&nbsp;                        </div>
11498                        <div class="pt-2">
11499                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('021039')">Find Closest</button>
11500                        </div>
11501                    </div>
11502                </div>
11503            </div>
11504        </a>
11505    </div>
11506    <div class="col-12 col-sm-6 col-md-4 mb-3">
11507        <a class="card card-container h-100" href="/shop/p/021041/osb1-oriented-strand-board-osb-1932-in-x-4-ft-x-8-ft-southern-pine-radiant-barrier" data-sku="021041">
11508            <div class="card-body d-flex justify-content-between flex-column lh-sm">
11509                <div class="d-flex flex-column justify-content-between h-100">
11510                    <div class="position-relative">
11511                        <div class="d-flex align-items-start justify-content-between">
11512                            <div class="d-flex align-items-center flex-wrap gap-1">
11513                            </div>
11514                            <button type="button" class="product-card-save-btn"
11515                                    data-save-product-sku="021041"
11516                                    data-save-saved-for-later="false"
11517                                    data-save-list-ids=""
11518                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
11519                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('021041', this); return false;"
11520                                    style="position:static;">
11521                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
11522                            </button>
11523                        </div>
11524                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
11525                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/021039.jpeg" alt="OSB/1 Oriented Strand Board (OSB), 19/32 in x 4 ft x 8 ft - Southern Pine, Radiant Barrier" class="img-fluid product-image" />
11526                        </div>
11527                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
11528                        <div class="mt-2 fw-normal" data-name>OSB/1 Oriented Strand Board (OSB), 19/32 in x 4 ft x 8 ft - Southern Pine, Radiant Barrier</div>
11529                    </div>
11530                    <div class="mt-2">
11531                        <div class="fw-normal">Sku: 021041</div>
11532                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
11533                        <div class="pc-price myriad mt-2">
11534$24<sup style="top: -10px;">.99</sup>
11535                        </div>
11536                        <div class="my-0">
11537&nbsp;                        </div>
11538                        <div class="pt-2">
11539                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('021041')">Find Closest</button>
11540                        </div>
11541                    </div>
11542                </div>
11543            </div>
11544        </a>
11545    </div>
11546    <div class="col-12 col-sm-6 col-md-4 mb-3">
11547        <a class="card card-container h-100" href="/shop/p/020321/t1-11-4-in-oc-siding-1932-in-x-4-ft-x-8-ft-southern-pine-shiplap-edges-rough-sawn-siding" data-sku="020321">
11548            <div class="card-body d-flex justify-content-between flex-column lh-sm">
11549                <div class="d-flex flex-column justify-content-between h-100">
11550                    <div class="position-relative">
11551                        <div class="d-flex align-items-start justify-content-between">
11552                            <div class="d-flex align-items-center flex-wrap gap-1">
11553                            </div>
11554                            <button type="button" class="product-card-save-btn"
11555                                    data-save-product-sku="020321"
11556                                    data-save-saved-for-later="false"
11557                                    data-save-list-ids=""
11558                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
11559                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020321', this); return false;"
11560                                    style="position:static;">
11561                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
11562                            </button>
11563                        </div>
11564                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
11565                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/T1-11.jpg" alt="T1-11, 4-in OC 
11565Siding, 19/32 in x 4 ft x 8 ft - Southern Pine, Shiplap Edges, Rough Sawn Siding" class="img-fluid product-image" />
11566                        </div>
11567                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
11568                        <div class="mt-2 fw-normal" data-name>T1-11, 4-in OC Siding, 19/32 in x 4 ft x 8 ft - Southern Pine, Shiplap Edges, Rough Sawn Siding</div>
11569                    </div>
11570                    <div class="mt-2">
11571                        <div class="fw-normal">Sku: 020321</div>
11572                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
11573                        <div class="pc-price myriad mt-2">
11574$44<sup style="top: -10px;">.19</sup>
11575                        </div>
11576                        <div class="my-0">
11577&nbsp;                        </div>
11578                        <div class="pt-2">
11579                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('020321')">Find Closest</button>
11580                        </div>
11581                    </div>
11582                </div>
11583            </div>
11584        </a>
11585    </div>
11586    <div class="col-12 col-sm-6 col-md-4 mb-3">
11587        <a class="card card-container h-100" href="/shop/p/020322/t1-11-8-in-oc-siding-1932-in-x-4-ft-x-8-ft-southern-pine-shiplap-edges-rough-sawn-siding" data-sku="020322">
11588            <div class="card-body d-flex justify-content-between flex-column lh-sm">
11589                <div class="d-flex flex-column justify-content-between h-100">
11590                    <div class="position-relative">
11591                        <div class="d-flex align-items-start justify-content-between">
11592                            <div class="d-flex align-items-center flex-wrap gap-1">
11593                            </div>
11594                            <button type="button" class="product-card-save-btn"
11595                                    data-save-product-sku="020322"
11596                                    data-save-saved-for-later="false"
11597                                    data-save-list-ids=""
11598                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
11599                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020322', this); return false;"
11600                                    style="position:static;">
11601                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
11602                            </button>
11603                        </div>
11604                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
11605                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/T1-11.jpg" alt="T1-11, 8-in OC Siding, 19/32 in x 4 ft x 8 ft - Southern Pine, Shiplap Edges, Rough Sawn Siding" class="img-fluid product-image" />
11606                        </div>
11607                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
11608                        <div class="mt-2 fw-normal" data-name>T1-11, 8-in OC Siding, 19/32 in x 4 ft x 8 ft - Southern Pine, Shiplap Edges, Rough Sawn Siding</div>
11609                    </div>
11610                    <div class="mt-2">
11611                        <div class="fw-normal">Sku: 020322</div>
11612                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
11613                        <div class="pc-price myriad mt-2">
11614$44<sup style="top: -10px;">.19</sup>
11615                        </div>
11616                        <div class="my-0">
11617&nbsp;                        </div>
11618                        <div class="pt-2">
11619                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('020322')">Find Closest</button>
11620                        </div>
11621                    </div>
11622                </div>
11623            </div>
11624        </a>
11625    </div>
11626    <div class="col-12 col-sm-6 col-md-4 mb-3">
11627        <a class="card card-container h-100" href="/shop/p/02066430/medium-density-fiberboard-12-in-x-49-in-x-97-in-species-varies-good-2-sides" data-sku="02066430">
11628            <div class="card-body d-flex justify-content-between flex-column lh-sm">
11629                <div class="d-flex flex-column justify-content-between h-100">
11630                    <div class="position-relative">
11631                        <div class="d-flex align-items-start justify-content-between">
11632                            <div class="d-flex align-items-center flex-wrap gap-1">
11633                            </div>
11634                            <button type="button" class="product-card-save-btn"
11635                                    data-save-product-sku="02066430"
11636                                    data-save-saved-for-later="false"
11637                                    data-save-list-ids=""
11638                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
11639                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02066430', this); return false;"
11640                                    style="position:static;">
11641                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
11642                            </button>
11643                        </div>
11644                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
11645                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PARTICLEBOARD.jpg" alt="Medium Density Fiberboard, 1/2 in x 49 in x 97 in - Species Varies, Good 2 Sides" class="img-fluid product-image" />
11646                        </div>
11647                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
11648                        <div class="mt-2 fw-normal" data-name>Medium Density Fiberboard, 1/2 in x 49 in x 97 in - Species Varies, Good 2 Sides</div>
11649                    </div>
11650                    <div class="mt-2">
11651                        <div class="fw-normal">Sku: 02066430</div>
11652                            <div class="fw-normal mt-2">
116520 Available at <span class="text-primary fw-bold">San Marcos</span></div>
11653                        <div class="pc-price myriad mt-2">
11654$49<sup style="top: -10px;">.99</sup>
11655                        </div>
11656                        <div class="my-0">
11657&nbsp;                        </div>
11658                        <div class="pt-2">
11659                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('02066430')">Find Closest</button>
11660                        </div>
11661                    </div>
11662                </div>
11663            </div>
11664        </a>
11665    </div>
11666    <div class="col-12 col-sm-6 col-md-4 mb-3">
11667        <a class="card card-container h-100" href="/shop/p/2739290-052303-17/marwin-a-81-attic-ladder-10-ft-h-ceiling-22-12-x-54-in-ceiling-opening-250-lb-250-lb-duty-rating-plywood-yellow" data-sku="2739290-052303-17">
11668            <div class="card-body d-flex justify-content-between flex-column lh-sm">
11669                <div class="d-flex flex-column justify-content-between h-100">
11670                    <div class="position-relative">
11671                        <div class="d-flex align-items-start justify-content-between">
11672                            <div class="d-flex align-items-center flex-wrap gap-1">
11673                            </div>
11674                            <button type="button" class="product-card-save-btn"
11675                                    data-save-product-sku="2739290-052303-17"
11676                                    data-save-saved-for-later="false"
11677                                    data-save-list-ids=""
11678                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
11679                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('2739290-052303-17', this); return false;"
11680                                    style="position:static;">
11681                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
11682                            </button>
11683                        </div>
11684                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
11685                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/103266015.jpg" alt="A-81 Attic Ladder, 10 ft H Ceiling, 22-1/2 x 54 in Ceiling Opening, 250 lb, 250 lb Duty Rating, Plywood, Yellow" class="img-fluid product-image" />
11686                        </div>
11687                            <div class="fw-bold mt-2" data-brand>Marwin</div>
11688                        <div class="mt-2 fw-normal" data-name>A-81 Attic Ladder, 10 ft H Ceiling, 22-1/2 x 54 in Ceiling Opening, 250 lb, 250 lb Duty Rating, Plywood, Yellow</div>
11689                    </div>
11690                    <div class="mt-2">
11691                        <div class="fw-normal">Sku: 32339041</div>
11692                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
11693                        <div class="pc-price myriad mt-2">
11694$329<sup style="top: -10px;">.99</sup>
11695                        </div>
11696                        <div class="my-0">
11697&nbsp;                        </div>
11698                        <div class="pt-2">
11699                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('2739290-052303-17')">Find Closest</button>
11700                        </div>
11701                    </div>
11702                </div>
11703            </div>
11704        </a>
11705    </div>
11706    <div class="col-12 col-sm-6 col-md-4 mb-3">
11707        <a class="card card-container h-100" href="/shop/p/2739464-052303-17/marwin-superior-series-sp101ft-folding-attic-stairway-10-ft-1-in-h-ceiling-300-lb-duty-rating-plywoodsteel" data-sku="2739464-052303-17">
11708            <div class="card-body d-flex justify-content-between flex-column lh-sm">
11709                <div class="d-flex flex-column justify-content-between h-100">
11710                    <div class="position-relative">
11711                        <div class="d-flex align-items-start justify-content-between">
11712                            <div class="d-flex align-items-center flex-wrap gap-1">
11713                            </div>
11714                            <button type="button" class="product-card-save-btn"
11715                                    data-save-product-sku="2739464-052303-17"
11716                                    data-save-saved-for-later="false"
11717                                    data-save-list-ids=""
11718                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
11719                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('2739464-052303-17', this); return false;"
11720                                    style="position:static;">
11721                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
11722                            </button>
11723                        </div>
11724                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
11725                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/103376330.jpg" alt="Superior Series SP101FT Folding Attic Stairway, 10 ft 1 in H Ceiling, 300 lb Duty Rating, Plywood/Steel" class="img-fluid product-image" />
11726                        </div>
11727                            <div class="fw-bold mt-2" data-brand>Marwin</div>
11728                        <div class="mt-2 fw-normal" data-name>Superior Series SP101FT Folding Attic Stairway, 10 ft 1 in H Ceiling, 300 lb Duty Rating, Plywood/Steel</div>
11729                    </div>
11730                    <div class="mt-2">
11731                        <div class="fw-normal">Sku: 32339036</div>
11732                            <div class="fw-normal mt-2">
117320 Available at <span class="text-primary fw-bold">San Marcos</span></div>
11733                        <div class="pc-price myriad mt-2">
11734$519<sup style="top: -10px;">.99</sup>
11735                        </div>
11736                        <div class="my-0">
11737&nbsp;                        </div>
11738                        <div class="pt-2">
11739                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('2739464-052303-17')">Find Closest</button>
11740                        </div>
11741                    </div>
11742                </div>
11743            </div>
11744        </a>
11745    </div>
11746    <div class="col-12 col-sm-6 col-md-4 mb-3">
11747        <a class="card card-container h-100" href="/shop/p/21090302/hunter-aker-series-51734-ceiling-fan-3-blade-matte-silver-housing-gray-walnutmatte-silver-blade-plywood-blade" data-sku="21090302">
11748            <div class="card-body d-flex justify-content-between flex-column lh-sm">
11749                <div class="d-flex flex-column justify-content-between h-100">
11750                    <div class="position-relative">
11751                        <div class="d-flex align-items-start justify-content-between">
11752                            <div class="d-flex align-items-center flex-wrap gap-1">
11753                            </div>
11754                            <button type="button" class="product-card-save-btn"
11755                                    data-save-product-sku="21090302"
11756                                    data-save-saved-for-later="false"
11757                                    data-save-list-ids=""
11758                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
11759                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('21090302', this); return false;"
11760                                    style="position:static;">
11761                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
11762                            </button>
11763                        </div>
11764                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
11765                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/103780905.jpg" alt="Aker Series 51734 Ceiling Fan, 3-Blade, Matte Silver Housing, Gray Walnut/Matte Silver Blade, Plywood Blade" class="img-fluid product-image" />
11766                        </div>
11767                            <div class="fw-bold mt-2" data-brand>Hunter</div>
11768                        <div class="mt-2 fw-normal" data-name>Aker Series 51734 Ceiling Fan, 3-Blade, Matte Silver Housing, Gray Walnut/Matte Silver Blade, Plywood Blade</div>
11769                    </div>
11770                    <div class="mt-2">
11771                        <div class="fw-normal">Sku: 21090302</div>
11772                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
11773                        <div class="pc-price myriad mt-2">
11774$205<sup style="top: -10px;">.99</sup>
11775                        </div>
11776                        <div class="my-0">
11777&nbsp;                        </div>
11778                        <div class="pt-2">
11779                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('21090302')">Find Closest</button>
11780                        </div>
11781                    </div>
11782                </div>
11783            </div>
11784        </a>
11785    </div>
11786    <div class="col-12 col-sm-6 col-md-4 mb-3">
11787        <a class="card card-container h-100" href="/shop/p/7776776-052303-02/alexandria-moulding-pg002-6h048c-standard-perforated-hardboard-4-ft-oaw-4-ft-oah-plywood" data-sku="7776776-052303-02">
11788            <div class="card-body d-flex justify-content-between flex-column lh-sm">
11789                <div class="d-flex flex-column justify-content-between h-100">
11790                    <div class="position-relative">
11791                        <div class="d-flex align-items-start justify-content-between">
11792                            <div class="d-flex align-items-center flex-wrap gap-1">
11793                            </div>
11794                            <button type="button" class="product-card-save-btn"
11795                                    data-save-product-sku="7776776-052303-02"
11796                                    data-save-saved-for-later="false"
11797                                    data-save-list-ids=""
11798                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
11799                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('7776776-052303-02', this); return false;"
11800                                    style="position:static;">
11801                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
11802                            </button>
11803                        </div>
11804                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
11805                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/100078901.jpg" alt="PG002-6H048C Standard Perforated Hardboard, 4 ft OAW, 4 ft OAH, Plywood" class="img-fluid product-image" />
11806                        </div>
11807                            <div class="fw-bold mt-2" data-brand>ALEXANDRIA Moulding</div>
11808                        <div class="mt-2 fw-normal" data-name>PG002-6H048C Standard Perforated Hardboard, 4 ft OAW, 4 ft OAH, Plywood</div>
11809                    </div>
11810                    <div class="mt-2">
11811                        <div class="fw-normal">Sku: 7776776-052303-02</div>
11812                            <div class="fw-normal mt-2">70 Available for <span class="text-primary fw-bold">SHIP TO STORE</span></div>
11813                        <div class="pc-price myriad mt-2">
11814$16<sup style="top: -10px;">.99</sup>
11815                        </div>
11816                        <div class="my-0">
11817&nbsp;                        </div>
11818                        <div class="pt-2">
11819                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
11820                                    <template class="cart-options-template">
11821<div class="cart-options"
11822     data-sku="7776776-052303-02"
11823     data-store-number="0"
11824     data-uom="EA"
11825     data-max-order="9999"
11826     data-existing-pickup="0"
11827     data-existing-delivery="0"
11828     data-method="pickup"
11829     data-cannot-add="false">
11830    <div class="mb-3">
11831            <div class="fw-bold" style="font-size:0.875rem;">ALEXANDRIA Moulding</div>
11832        <div class="h6 m-0">PG002-6H048C Standard Perforated Hardboard, 4 ft OAW, 4 ft OAH, Plywood</div>
11833    </div>
11834    
11835<div class="card-container cart-options-panel">
11836    <div class="fulfillment-options">
11837        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
11838             style="border-color:#4C741C;">
11839            <div class="co-pickup-check fulfillment-check" style="display:flex;">
11840                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
11841            </div>
11842            <div class="fulfillment-title">Ship to Store</div>
11843                    <div class="fulfillment-text" style="margin-top:6px;">
11844                        <span class="fw-bold">70</span> <span>As soon as 10/01</span>
11845                    </div>
11846        </div>
11847            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
11848                 style="border-color:#ced4da;">
11849                <div class="co-delivery-check fulfillment-check" style="display:none;">
11850                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
11851                </div>
11852                <div class="fulfillment-title">Delivery</div>
11853                        <div class="fulfillment-text" style="margin-top:6px;">
11854                            <span class="fw-bold">70</span> <span>As soon as 10/01</span>
11855                        </div>
11856            </div>
11857    </div>
11858    <div style="margin-top:12px;">
11859        <div class="fulfillment-meta">
11860            <span class="fw-bold">Free Pickup at </span>
11861            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
11862        </div>
11863        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
11864                <span class="fulfillment-stockitem">
11865                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
11866                        <span class="text-primary fw-bold">70 SHIP TO STORE</span>
11867                </span>
11868        </div>
11869    </div>
11870
11871    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
11872        No additional quantity can be added.
11873    </div>
11874</div>
11875    
11876<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
11877    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
11878        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
11879        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
11880        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
11881    </div>
11882    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
11883</div>
11884</div></template>
11885                        </div>
11886                    </div>
11887                </div>
11888            </div>
11889        </a>
11890    </div>
11891    <div class="col-12 col-sm-6 col-md-4 mb-3">
11892        <a class="card card-container h-100" href="/shop/p/020743/underlayment-316-in-x-4-ft-x-8-ft-masonite" data-sku="020743">
11893            <div class="card-body d-flex justify-content-between flex-column lh-sm">
11894                <div class="d-flex flex-column justify-content-between h-100">
11895                    <div class="position-relative">
11896                        <div class="d-flex align-items-start justify-content-between">
11897                            <div class="d-flex align-items-center flex-wrap gap-1">
11898                            </div>
11899                            <button type="button" class="product-card-save-btn"
11900                                    data-save-product-sku="020743"
11901                                    data-save-saved-for-later="false"
11902                                    data-save-list-ids=""
11903                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
11904                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020743', this); return false;"
11905                                    style="position:static;">
11906                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
11907                            </button>
11908                        </div>
11909                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
11910                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PARTICLEBOARD.jpg" alt="Underlayment, 3/16 in x 4 ft x 8 ft - Masonite" class="img-fluid product-image" />
11911                        </div>
11912                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
11913                        <div class="mt-2 fw-normal" data-name>Underlayment, 3/16 in x 4 ft x 8 ft - Masonite</div>
11914                    </div>
11915                    <div class="mt-2">
11916                        <div class="fw-normal">Sku: 020743</div>
11917                            <div class="fw-normal mt-2">
119170 Available at <span class="text-primary fw-bold">San Marcos</span></div>
11918                        <div class="pc-price myriad mt-2">
11919$26<sup style="top: -10px;">.99</sup>
11920                        </div>
11921                        <div class="my-0">
11922&nbsp;                        </div>
11923                        <div class="pt-2">
11924                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('020743')">Find Closest</button>
11925                        </div>
11926                    </div>
11927                </div>
11928            </div>
11929        </a>
11930    </div>
11931    <div class="col-12 col-sm-6 col-md-4 mb-3">
11932        <a class="card card-container h-100" href="/shop/p/16065210/m-d-75312-carpet-tack-strip-48-in-l-1-in-w-plywood-nail-fastener" data-sku="16065210">
11933            <div class="card-body d-flex justify-content-between flex-column lh-sm">
11934                <div class="d-flex flex-column justify-content-between h-100">
11935                    <div class="position-relative">
11936                        <div class="d-flex align-items-start justify-content-between">
11937                            <div class="d-flex align-items-center flex-wrap gap-1">
11938                            </div>
11939                            <button type="button" class="product-card-save-btn"
11940                                    data-save-product-sku="16065210"
11941                                    data-save-saved-for-later="false"
11942                                    data-save-list-ids=""
11943                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
11944                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('16065210', this); return false;"
11945                                    style="position:static;">
11946                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
11947                            </button>
11948                        </div>
11949                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
11950                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/100086502.jpg" alt="75312 Carpet Tack Strip, 48 in L, 1 in W, Plywood, Nail Fastener" class="img-fluid product-image" />
11951                        </div>
11952                            <div class="fw-bold mt-2" data-brand>M-D</div>
11953                        <div class="mt-2 fw-normal" data-name>75312 Carpet Tack Strip, 48 in L, 1 in W, Plywood, Nail Fastener</div>
11954                    </div>
11955                    <div class="mt-2">
11956                        <div class="fw-normal">Sku: 16065210</div>
11957                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
11958                        <div class="pc-price myriad mt-2">
11959$0<sup style="top: -10px;">.79</sup>
11960                        </div>
11961                        <div class="my-0">
11962&nbsp;                        </div>
11963                        <div class="pt-2">
11964                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('16065210')">Find Closest</button>
11965                        </div>
11966                    </div>
11967                </div>
11968            </div>
11969        </a>
11970    </div>
11971    <div class="col-12 col-sm-6 col-md-4 mb-3">
11972        <a class="card card-container h-100" href="/shop/p/02066440/medium-density-fiberboard-58-in-x-49-in-x-97-in-species-varies-good-2-sides" data-sku="02066440">
11973            <div class="card-body d-flex justify-content-between flex-column lh-sm">
11974                <div class="d-flex flex-column justify-content-between h-100">
11975                    <div class="position-relative">
11976                        <div class="d-flex align-items-start justify-content-between">
11977                            <div class="d-flex align-items-center flex-wrap gap-1">
11978                            </div>
11979                            <button type="button" class="product-card-save-btn"
11980                                    data-save-product-sku="02066440"
11981                                    data-save-saved-for-later="false"
11982                                    data-save-list-ids=""
11983                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
11984                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02066440', this); return false;"
11985                                    style="position:static;">
11986                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
11987                            </button>
11988                        </div>
11989                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
11990                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PARTICLEBOARD.jpg" alt="Medium Density Fiberboard, 5/8 in x 49 in x 97 in - Species Varies, Good 2 Sides" class="img-fluid product-image" />
11991                        </div>
11992                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
11993                        <div class="mt-2 fw-normal" data-name>Medium Density Fiberboard, 5/8 in x 49 in x 97 in - Species Varies, Good 2 Sides</div>
11994                    </div>
11995                    <div class="mt-2">
11996                        <div class="fw-normal">Sku: 02066440</div>
11997                            <div class="fw-normal mt-2">
119970 Available at <span class="text-primary fw-bold">San Marcos</span></div>
11998                        <div class="pc-price myriad mt-2">
11999$51<sup style="top: -10px;">.99</sup>
12000                        </div>
12001                        <div class="my-0">
12002&nbsp;                        </div>
12003                        <div class="pt-2">
12004                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('02066440')">Find Closest</button>
12005                        </div>
12006                    </div>
12007                </div>
12008            </div>
12009        </a>
12010    </div>
12011    <div class="col-12 col-sm-6 col-md-4 mb-3">
12012        <a class="card card-container h-100" href="/shop/p/02066452/medium-density-fiberboard-ultralight-34-in-x-49-in-x-97-in-radiata-pine-good-2-sides" data-sku="02066452">
12013            <div class="card-body d-flex justify-content-between flex-column lh-sm">
12014                <div class="d-flex flex-column justify-content-between h-100">
12015                    <div class="position-relative">
12016                        <div class="d-flex align-items-start justify-content-between">
12017                            <div class="d-flex align-items-center flex-wrap gap-1">
12018                            </div>
12019                            <button type="button" class="product-card-save-btn"
12020                                    data-save-product-sku="02066452"
12021                                    data-save-saved-for-later="false"
12022                                    data-save-list-ids=""
12023                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
12024                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02066452', this); return false;"
12025                                    style="position:static;">
12026                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
12027                            </button>
12028                        </div>
12029                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
12030                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/102580811.jpg" alt="Medium Density Fiberboard, Ultralight, 3/4 in x 49 in x 97 in - Radiata Pine, Good 2 Sides" class="img-fluid product-image" />
12031                        </div>
12032                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
12033                        <div class="mt-2 fw-normal" data-name>Medium Density Fiberboard, Ultralight, 3/4 in x 49 in x 97 in - Radiata Pine, Good 2 Sides</div>
12034                    </div>
12035                    <div class="mt-2">
12036                        <div class="fw-normal">Sku: 02066452</div>
12037                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
12038                        <div class="pc-price myriad mt-2">
12039$59<sup style="top: -10px;">.99</sup>
12040                        </div>
12041                        <div class="my-0">
12042&nbsp;                        </div>
12043                        <div class="pt-2">
12044                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('02066452')">Find Closest</button>
12045                        </div>
12046                    </div>
12047                </div>
12048            </div>
12049        </a>
12050    </div>
12051    <div class="col-12 col-sm-6 col-md-4 mb-3">
12052        <a class="card card-container h-100" href="/shop/p/02100300/osb1-oriented-strand-board-osb-1532-in-x-4-ft-x-8-ft-southern-pine-straight-edge" data-sku="02100300">
12053            <div class="card-body d-flex justify-content-between flex-column lh-sm">
12054                <div class="d-flex flex-column justify-content-between h-100">
12055                    <div class="position-relative">
12056                        <div class="d-flex align-items-start justify-content-between">
12057                            <div class="d-flex align-items-center flex-wrap gap-1">
12058                            </div>
12059                            <button type="button" class="product-card-save-btn"
12060                                    data-save-product-sku="02100300"
12061                                    data-save-saved-for-later="false"
12062                                    data-save-list-ids=""
12063                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
12064                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02100300', this); return false;"
12065                                    style="position:static;">
12066                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
12067                            </button>
12068                        </div>
12069                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
12070                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/OSB.jpg" alt="OSB/1 Oriented Strand Board (OSB), 15/32 in x 4 ft x 8 ft - Southern Pine, Straight Edge" class="img-fluid product-image" />
12071                        </div>
12072                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
12073                        <div class="mt-2 fw-normal" data-name>OSB/1 Oriented Strand Board (OSB), 15/32 in x 4 ft x 8 ft - Southern Pine, Straight Edge</div>
12074                    </div>
12075                    <div class="mt-2">
12076                        <div class="fw-normal">Sku: 02100300</div>
12077                            <div class="fw-normal mt-2">
120770 Available at <span class="text-primary fw-bold">San Marcos</span></div>
12078                        <div class="pc-price myriad mt-2">
12079$19<sup style="top: -10px;">.99</sup>
12080                        </div>
12081                        <div class="my-0">
12082&nbsp;                        </div>
12083                        <div class="pt-2">
12084                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('02100300')">Find Closest</button>
12085                        </div>
12086                    </div>
12087                </div>
12088            </div>
12089        </a>
12090    </div>
12091    <div class="col-12 col-sm-6 col-md-4 mb-3">
12092        <a class="card card-container h-100" href="/shop/p/2739308-052303-17/marwin-a-101-attic-ladder-10-ft-h-ceiling-25-12-x-54-in-ceiling-opening-250-lb-duty-rating-plywood" data-sku="2739308-052303-17">
12093            <div class="card-body d-flex justify-content-between flex-column lh-sm">
12094                <div class="d-flex flex-column justify-content-between h-100">
12095                    <div class="position-relative">
12096                        <div class="d-flex align-items-start justify-content-between">
12097                            <div class="d-flex align-items-center flex-wrap gap-1">
12098                            </div>
12099                            <button type="button" class="product-card-save-btn"
12100                                    data-save-product-sku="2739308-052303-17"
12101                                    data-save-saved-for-later="false"
12102                                    data-save-list-ids=""
12103                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
12104                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('2739308-052303-17', this); return false;"
12105                                    style="position:static;">
12106                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
12107                            </button>
12108                        </div>
12109                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
12110                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/103266011.jpg" alt="A-101 Attic Ladder, 10 ft H Ceiling, 25-1/2 x 54 in Ceiling Opening, 250 lb Duty Rating, Plywood" class="img-fluid product-image" />
12111                        </div>
12112                            <div class="fw-bold mt-2" data-brand>Marwin</div>
12113                        <div class="mt-2 fw-normal" data-name>A-101 Attic Ladder, 10 ft H Ceiling, 25-1/2 x 54 in Ceiling Opening, 250 lb Duty Rating, Plywood</div>
12114                    </div>
12115                    <div class="mt-2">
12116                        <div class="fw-normal">Sku: 2739308-052303-17</div>
12117                            <div class="fw-normal mt-2">0 Available for <span class="text-primary fw-bold">SHIP TO STORE</span></div>
12118                        <div class="pc-price myriad mt-2">
12119$359<sup style="top: -10px;">.99</sup>
12120                        </div>
12121                        <div class="my-0">
12122&nbsp;                        </div>
12123                        <div class="pt-2">
12124                                <button class="btn btn-light w-100" disabled>Out of Stock</button>
12125                        </div>
12126                    </div>
12127                </div>
12128            </div>
12129        </a>
12130    </div>
12131    <div class="col-12 col-sm-6 col-md-4 mb-3">
12132        <a class="card card-container h-100" href="/shop/p/2739316-052303-17/marwin-a-100-attic-ladder-8-ft-9-in-h-ceiling-25-12-x-54-in-ceiling-opening-350-lb-250-lb-duty-rating-plywood" data-sku="2739316-052303-17">
12133            <div class="card-body d-flex justify-content-between flex-column lh-sm">
12134                <div class="d-flex flex-column justify-content-between h-100">
12135                    <div class="position-relative">
12136                        <div class="d-flex align-items-start justify-content-between">
12137                            <div class="d-flex align-items-center flex-wrap gap-1">
12138                            </div>
12139                            <button type="button" class="product-card-save-btn"
12140                                    data-save-product-sku="2739316-052303-17"
12141                                    data-save-saved-for-later="false"
12142                                    data-save-list-ids=""
12143                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
12144                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('2739316-052303-17', this); return false;"
12145                                    style="position:static;">
12146                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
12147                            </button>
12148                        </div>
12149                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
12150                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/103266015.jpg" alt="A-100 Attic Ladder, 8 ft 9 in H Ceiling, 25-1/2 x 54 in Ceiling Opening, 350 lb, 250 lb Duty Rating, Plywood" class="img-fluid product-image" />
12151                        </div>
12152                            <div class="fw-bold mt-2" data-brand>Marwin</div>
12153                        <div class="mt-2 fw-normal" data-name>A-100 Attic Ladder, 8 ft 9 in H Ceiling, 25-1/2 x 54 in Ceiling Opening, 350 lb, 250 lb Duty Rating, Plywood</div>
12154                    </div>
12155                    <div class="mt-2">
12156                        <div class="fw-normal">Sku: 2739316-052303-17</div>
12157                            <div class="fw-normal mt-2">37 Available for <span class="text-primary fw-bold">SHIP TO STORE</span></div>
12158                        <div class="pc-price myriad mt-2">
12159$329<sup style="top: -10px;">.99</sup>
12160                        </div>
12161                        <div class="my-0">
12162&nbsp;                        </div>
12163                        <div class="pt-2">
12164                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
12165                                    <template class="cart-options-template">
12166<div class="cart-options"
12167     data-sku="2739316-052303-17"
12168     data-store-number="0"
12169     data-uom="EA"
12170     data-max-order="9999"
12171     data-existing-pickup="0"
12172     data-existing-delivery="0"
12173     data-method="pickup"
12174     data-cannot-add="false">
12175    <div class="mb-3">
12176            <div class="fw-bold" style="font-size:0.875rem;">Marwin</div>
12177        <div class="h6 m-0">A-100 Attic Ladder, 8 ft 9 in H Ceiling, 25-1/2 x 54 in Ceiling Opening, 350 lb, 250 lb Duty Rating, Plywood</div>
12178    </div>
12179    
12180<div class="card-container cart-options-panel">
12181    <div class="fulfillment-options">
12182        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
12183             style="border-color:#4C741C;">
12184            <div class="co-pickup-check fulfillment-check" style="display:flex;">
12185                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
12186            </div>
12187            <div class="fulfillment-title">Ship to Store</div>
12188                    <div class="fulfillment-text" style="margin-top:6px;">
12189                        <span class="fw-bold">37</span> <span>As soon as 10/01</span>
12190                    </div>
12191        </div>
12192            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
12193                 style="border-color:#ced4da;">
12194                <div class="co-delivery-check fulfillment-check" style="display:none;">
12195                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
12196                </div>
12197                <div class="fulfillment-title">Delivery</div>
12198                        <div class="fulfillment-text" style="margin-top:6px;">
12199                            <span class="fw-bold">37</span> <span>As soon as 10/01</span>
12200                        </div>
12201            </div>
12202    </div>
12203    <div style="margin-top:12px;">
12204        <div class="fulfillment-meta">
12205            <span class="fw-bold">Free Pickup at </span>
12206            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
12207        </div>
12208        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
12209                <span class="fulfillment-stockitem">
12210                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
12211                        <span class="text-primary fw-bold">37 SHIP TO STORE</span>
12212                </span>
12213        </div>
12214    </div>
12215
12216    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
12217        No additional quantity can be added.
12218    </div>
12219</div>
12220    
12221<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
12222    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
12223        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
12224        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
12225        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
12226    </div>
12227    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
12228</div>
12229</div></template>
12230                        </div>
12231                    </div>
12232                </div>
12233            </div>
12234        </a>
12235    </div>
12236    <div class="col-12 col-sm-6 col-md-4 mb-3">
12237        <a class="card card-container h-100" href="/shop/p/020305/premium-siding-38-in-x-4-ft-x-8-ft-southern-pine-shiplap-edges-rough-sawn-siding-8-on-center" data-sku="020305">
12238            <div class="card-body d-flex justify-content-between flex-column lh-sm">
12239                <div class="d-flex flex-column justify-content-between h-100">
12240                    <div class="position-relative">
12241                        <div class="d-flex align-items-start justify-content-between">
12242                            <div class="d-flex align-items-center flex-wrap gap-1">
12243                            </div>
12244                            <button type="button" class="product-card-save-btn"
12245                                    data-save-product-sku="020305"
12246                                    data-save-saved-for-later="false"
12247                                    data-save-list-ids=""
12248                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
12249                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('020305', this); return false;"
12250                                    style="position:static;">
12251                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
12252                            </button>
12253                        </div>
12254                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
12255                            <img src="https://assets.unilogcorp.com/231/ITEM/IMG/102580839.jpg" alt="Premium Siding, 3/8 in x 4 ft x 8 ft - Southern Pine, Shiplap Edges, Rough Sawn Siding, 8&quot; On Center" class="img-fluid product-image" />
12256                        </div>
12257                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
12258                        <div class="mt-2 fw-normal" data-name>Premium Siding, 3/8 in x 4 ft x 8 ft - Southern Pine, Shiplap Edges, Rough Sawn Siding, 8&quot; On Center</div>
12259                    </div>
12260                    <div class="mt-2">
12261                        <div class="fw-normal">Sku: 020305</div>
12262                            <div class="fw-normal mt-2">
122620 Available at <span class="text-primary fw-bold">San Marcos</span></div>
12263                        <div class="pc-price myriad mt-2">
12264$39<sup style="top: -10px;">.99</sup>
12265                        </div>
12266                        <div class="my-0">
12267&nbsp;                        </div>
12268                        <div class="pt-2">
12269                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('020305')">Find Closest</button>
12270                        </div>
12271                    </div>
12272                </div>
12273            </div>
12274        </a>
12275    </div>
12276    <div class="col-12 col-sm-6 col-md-4 mb-3">
12277        <a class="card card-container h-100" href="/shop/p/160400/18-in-thickness-x-4-ft-width-x-8-ft-length-masonite" data-sku="160400">
12278            <div class="card-body d-flex justify-content-between flex-column lh-sm">
12279                <div class="d-flex flex-column justify-content-between h-100">
12280                    <div class="position-relative">
12281                        <div class="d-flex align-items-start justify-content-between">
12282                            <div class="d-flex align-items-center flex-wrap gap-1">
12283                            </div>
12284                            <button type="button" class="product-card-save-btn"
12285                                    data-save-product-sku="160400"
12286                                    data-save-saved-for-later="false"
12287                                    data-save-list-ids=""
12288                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
12289                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('160400', this); return false;"
12290                                    style="position:static;">
12291                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
12292                            </button>
12293                        </div>
12294                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
12295                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PARTICLEBOARD.jpg" alt="1/8 in Thickness x 4 ft Width x 8 ft Length - Masonite" class="img-fluid product-image" />
12296                        </div>
12297                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
12298                        <div class="mt-2 fw-normal" data-name>1/8 in Thickness x 4 ft Width x 8 ft Length - Masonite</div>
12299                    </div>
12300                    <div class="mt-2">
12301                        <div class="fw-normal">Sku: 160400</div>
12302                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
12303                        <div class="pc-price myriad mt-2">
12304$23<sup style="top: -10px;">.99</sup>
12305                        </div>
12306                        <div class="my-0">
12307&nbsp;                        </div>
12308                        <div class="pt-2">
12309                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('160400')">Find Closest</button>
12310                        </div>
12311                    </div>
12312                </div>
12313            </div>
12314        </a>
12315    </div>
12316    <div class="col-12 col-sm-6 col-md-4 mb-3">
12317        <a class="card card-container h-100" href="/shop/p/02069300/particle-board-34-in-x-4-ft-x-8-ft-species-varies-melamine-2-sides" data-sku="02069300">
12318            <div class="card-body d-flex justify-content-between flex-column lh-sm">
12319                <div class="d-flex flex-column justify-content-between h-100">
12320                    <div class="position-relative">
12321                        <div class="d-flex align-items-start justify-content-between">
12322                            <div class="d-flex align-items-center flex-wrap gap-1">
12323                            </div>
12324                            <button type="button" class="product-card-save-btn"
12325                                    data-save-product-sku="02069300"
12326                                    data-save-saved-for-later="false"
12327                                    data-save-list-ids=""
12328                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
12329                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('02069300', this); return false;"
12330                                    style="position:static;">
12331                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
12332                            </button>
12333                        </div>
12334                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
12335                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PARTICLEBOARD.jpg" alt="Particle Board, 3/4 in x 4 ft x 8 ft - Species Varies, Melamine, 2 sides" class="img-fluid product-image" />
12336                        </div>
12337                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
12338                        <div class="mt-2 fw-normal" data-name>Particle Board, 3/4 in x 4 ft x 8 ft - Species Varies, Melamine, 2 sides</div>
12339                    </div>
12340                    <div class="mt-2">
12341                        <div class="fw-normal">Sku: 02069300</div>
12342                            <div class="fw-normal mt-2">
123420 Available at <span class="text-primary fw-bold">San Marcos</span></div>
12343                        <div class="pc-price myriad mt-2">
12344$42<sup style="top: -10px;">.99</sup>
12345                        </div>
12346                        <div class="my-0">
12347&nbsp;                        </div>
12348                        <div class="pt-2">
12349                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('02069300')">Find Closest</button>
12350                        </div>
12351                    </div>
12352                </div>
12353            </div>
12354        </a>
12355    </div>
12356    <div class="col-12 col-sm-6 col-md-4 mb-3">
12357        <a class="card card-container h-100" href="/shop/p/160402/48-mm-thickness-x-4-ft-width-x-8-ft-length-masonite" data-sku="160402">
12358            <div class="card-body d-flex justify-content-between flex-column lh-sm">
12359                <div class="d-flex flex-column justify-content-between h-100">
12360                    <div class="position-relative">
12361                        <div class="d-flex align-items-start justify-content-between">
12362                            <div class="d-flex align-items-center flex-wrap gap-1">
12363                            </div>
12364                            <button type="button" class="product-card-save-btn"
12365                                    data-save-product-sku="160402"
12366                                    data-save-saved-for-later="false"
12367                                    data-save-list-ids=""
12368                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
12369                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('160402', this); return false;"
12370                                    style="position:static;">
12371                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
12372                            </button>
12373                        </div>
12374                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
12375                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/PARTICLEBOARD.jpg" alt="4.8 mm Thickness x 4 ft Width x 8 ft Length - Masonite" class="img-fluid product-image" />
12376                        </div>
12377                            <div class="fw-bold mt-2" data-brand>Wood Products</div>
12378                        <div class="mt-2 fw-normal" data-name>4.8 mm Thickness x 4 ft Width x 8 ft Length - Masonite</div>
12379                    </div>
12380                    <div class="mt-2">
12381                        <div class="fw-normal">Sku: 160402</div>
12382                            <div class="fw-normal mt-2">0 Available at <span class="text-primary fw-bold">San Marcos</span></div>
12383                        <div class="pc-price myriad mt-2">
12384$29<sup style="top: -10px;">.99</sup>
12385                        </div>
12386                        <div class="my-0">
12387&nbsp;                        </div>
12388                        <div class="pt-2">
12389                                <button class="btn btn-light w-100" data-bs-target="#product-find-closest-modal" data-bs-toggle="modal" onclick="findClosestFromProductCard('160402')">Find Closest</button>
12390                        </div>
12391                    </div>
12392                </div>
12393            </div>
12394        </a>
12395    </div>
12396    <div class="col-12 col-sm-6 col-md-4 mb-3">
12397        <a class="card card-container h-100" href="/shop/p/4187324-052303-32/freud-89-650-undersized-plywood-bit-set-4-cutter-carbide" data-sku="4187324-052303-32">
12398            <div class="card-body d-flex justify-content-between flex-column lh-sm">
12399                <div class="d-flex flex-column justify-content-between h-100">
12400                    <div class="position-relative">
12401                        <div class="d-flex align-items-start justify-content-between">
12402                            <div class="d-flex align-items-center flex-wrap gap-1">
12403                            </div>
12404                            <button type="button" class="product-card-save-btn"
12405                                    data-save-product-sku="4187324-052303-32"
12406                                    data-save-saved-for-later="false"
12407                                    data-save-list-ids=""
12408                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
12409                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('4187324-052303-32', this); return false;"
12410                                    style="position:static;">
12411                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
12412                            </button>
12413                        </div>
12414                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
12415                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/4187324.jpg" alt="89-650 Undersized Plywood Bit Set, 4-Cutter, Carbide" class="img-fluid product-image" />
12416                        </div>
12417                            <div class="fw-bold mt-2" data-brand>Freud</div>
12418                        <div class="mt-2 fw-normal" data-name>89-650 Undersized Plywood Bit Set, 4-Cutter, Carbide</div>
12419                    </div>
12420                    <div class="mt-2">
12421                        <div class="fw-normal">Sku: 4187324-052303-32</div>
12422                            <div class="fw-normal mt-2">1 Available for <span class="text-primary fw-bold">SHIP TO STORE</span></div>
12423                        <div class="pc-price myriad mt-2">
12424$109<sup style="top: -10px;">.06</sup>
12425                        </div>
12426                        <div class="my-0">
12427&nbsp;                        </div>
12428                        <div class="pt-2">
12429                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
12430                                    <template class="cart-options-template">
12431<div class="cart-options"
12432     data-sku="4187324-052303-32"
12433     data-store-number="0"
12434     data-uom="EA"
12435     data-max-order="9999"
12436     data-existing-pickup="0"
12437     data-existing-delivery="0"
12438     data-method="pickup"
12439     data-cannot-add="false">
12440    <div class="mb-3">
12441            <div class="fw-bold" style="font-size:0.875rem;">Freud</div>
12442        <div class="h6 m-0">89-650 Undersized Plywood Bit Set, 4-Cutter, Carbide</div>
12443    </div>
12444    
12445<div class="card-container cart-options-panel">
12446    <div class="fulfillment-options">
12447        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
12448             style="border-color:#4C741C;">
12449            <div class="co-pickup-check fulfillment-check" style="display:flex;">
12450                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
12451            </div>
12452            <div class="fulfillment-title">Ship to Store</div>
12453                    <div class="fulfillment-text" style="margin-top:6px;">
12454                        <span class="fw-bold">1</span> <span>As soon as 10/01</span>
12455                    </div>
12456        </div>
12457            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
12458                 style="border-color:#ced4da;">
12459                <div class="co-delivery-check fulfillment-check" style="display:none;">
12460                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
12461                </div>
12462                <div class="fulfillment-title">Delivery</div>
12463                        <div class="fulfillment-text" style="margin-top:6px;">
12464                            <span class="fw-bold">1</span> <span>As soon as 10/01</span>
12465                        </div>
12466            </div>
12467    </div>
12468    <div style="margin-top:12px;">
12469        <div class="fulfillment-meta">
12470            <span class="fw-bold">Free Pickup at </span>
12471            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
12472        </div>
12473        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
12474                <span class="fulfillment-stockitem">
12475                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
12476                        <span class="text-primary fw-bold">1 SHIP TO STORE</span>
12477                </span>
12478        </div>
12479    </div>
12480
12481    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
12482        No additional quantity can be added.
12483    </div>
12484</div>
12485    
12486<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
12487    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
12488        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
12489        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
12490        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
12491    </div>
12492    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
12493</div>
12494</div></template>
12495                        </div>
12496                    </div>
12497                </div>
12498            </div>
12499        </a>
12500    </div>
12501    <div class="col-12 col-sm-6 col-md-4 mb-3">
12502        <a class="card card-container h-100" href="/shop/p/2739324-052303-17/marwin-a-80-attic-ladder-8-ft-9-in-h-ceiling-22-12-x-54-in-ceiling-opening-250-lb-duty-rating-plywood" data-sku="2739324-052303-17">
12503            <div class="card-body d-flex justify-content-between flex-column lh-sm">
12504                <div class="d-flex flex-column justify-content-between h-100">
12505                    <div class="position-relative">
12506                        <div class="d-flex align-items-start justify-content-between">
12507                            <div class="d-flex align-items-center flex-wrap gap-1">
12508                            </div>
12509                            <button type="button" class="product-card-save-btn"
12510                                    data-save-product-sku="2739324-052303-17"
12511                                    data-save-saved-for-later="false"
12512                                    data-save-list-ids=""
12513                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
12514                                    onclick="event.preventDefault(); event.stopPropagation();
12514 openSaveProductModal('2739324-052303-17', this); return false;"
12515                                    style="position:static;">
12516                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
12517                            </button>
12518                        </div>
12519                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
12520                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/103266011.jpg" alt="A-80 Attic Ladder, 8 ft 9 in H Ceiling, 22-1/2 x 54 in Ceiling Opening, 250 lb Duty Rating, Plywood" class="img-fluid product-image" />
12521                        </div>
12522                            <div class="fw-bold mt-2" data-brand>Marwin</div>
12523                        <div class="mt-2 fw-normal" data-name>A-80 Attic Ladder, 8 ft 9 in H Ceiling, 22-1/2 x 54 in Ceiling Opening, 250 lb Duty Rating, Plywood</div>
12524                    </div>
12525                    <div class="mt-2">
12526                        <div class="fw-normal">Sku: 2739324-052303-17</div>
12527                            <div class="fw-normal mt-2">17 Available for <span class="text-primary fw-bold">SHIP TO STORE</span></div>
12528                        <div class="pc-price myriad mt-2">
12529$275<sup style="top: -10px;">.23</sup>
12530                        </div>
12531                        <div class="my-0">
12532&nbsp;                        </div>
12533                        <div class="pt-2">
12534                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
12535                                    <template class="cart-options-template">
12536<div class="cart-options"
12537     data-sku="2739324-052303-17"
12538     data-store-number="0"
12539     data-uom="EA"
12540     data-max-order="9999"
12541     data-existing-pickup="0"
12542     data-existing-delivery="0"
12543     data-method="pickup"
12544     data-cannot-add="false">
12545    <div class="mb-3">
12546            <div class="fw-bold" style="font-size:0.875rem;">Marwin</div>
12547        <div class="h6 m-0">A-80 Attic Ladder, 8 ft 9 in H Ceiling, 22-1/2 x 54 in Ceiling Opening, 250 lb Duty Rating, Plywood</div>
12548    </div>
12549    
12550<div class="card-container cart-options-panel">
12551    <div class="fulfillment-options">
12552        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
12553             style="border-color:#4C741C;">
12554            <div class="co-pickup-check fulfillment-check" style="display:flex;">
12555                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
12556            </div>
12557            <div class="fulfillment-title">Ship to Store</div>
12558                    <div class="fulfillment-text" style="margin-top:6px;">
12559                        <span class="fw-bold">17</span> <span>As soon as 10/01</span>
12560                    </div>
12561        </div>
12562            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
12563                 style="border-color:#ced4da;">
12564                <div class="co-delivery-check fulfillment-check" style="display:none;">
12565                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
12566                </div>
12567                <div class="fulfillment-title">Delivery</div>
12568                        <div class="fulfillment-text" style="margin-top:6px;">
12569                            <span class="fw-bold">17</span> <span>As soon as 10/01</span>
12570                        </div>
12571            </div>
12572    </div>
12573    <div style="margin-top:12px;">
12574        <div class="fulfillment-meta">
12575            <span class="fw-bold">Free Pickup at </span>
12576            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
12577        </div>
12578        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
12579                <span class="fulfillment-stockitem">
12580                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
12581                        <span class="text-primary fw-bold">17 SHIP TO STORE</span>
12582                </span>
12583        </div>
12584    </div>
12585
12586    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
12587        No additional quantity can be added.
12588    </div>
12589</div>
12590    
12591<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
12592    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
12593        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
12594        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
12595        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
12596    </div>
12597    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
12598</div>
12599</div></template>
12600                        </div>
12601                    </div>
12602                </div>
12603            </div>
12604        </a>
12605    </div>
12606    <div class="col-12 col-sm-6 col-md-4 mb-3">
12607        <a class="card card-container h-100" href="/shop/p/7969496-052303-10/harvest-lane-honey-wwss-101-bottom-board-solid-plywood-for-10-frame-langstroth-hives" data-sku="7969496-052303-10">
12608            <div class="card-body d-flex justify-content-between flex-column lh-sm">
12609                <div class="d-flex flex-column justify-content-between h-100">
12610                    <div class="position-relative">
12611                        <div class="d-flex align-items-start justify-content-between">
12612                            <div class="d-flex align-items-center flex-wrap gap-1">
12613                            </div>
12614                            <button type="button" class="product-card-save-btn"
12615                                    data-save-product-sku="7969496-052303-10"
12616                                    data-save-saved-for-later="false"
12617                                    data-save-list-ids=""
12618                                    title="Save for Later or add to Project List" aria-label="Save for Later or add to Project List"
12619                                    onclick="event.preventDefault(); event.stopPropagation(); openSaveProductModal('7969496-052303-10', this); return false;"
12620                                    style="position:static;">
12621                                    <img src="/images/circle-plus.svg?v=nvw_cDl0LkRpSfsG0uecDJy0zlA3vgbapxlFWhwv7-M" alt="" aria-hidden="true" style="width:20px;height:20px;" />
12622                            </button>
12623                        </div>
12624                        <div class="d-flex align-items-center justify-content-center shop-card-img-container position-relative">
12625                            <img src="https://assets.unilogcorp.com/187/ITEM/IMG/100080213_IMNRAP.jpg" alt="WWSS-101 Bottom Board, Solid, Plywood, For: 10-Frame Langstroth Hives" class="img-fluid product-image" />
12626                        </div>
12627                            <div class="fw-bold mt-2" data-brand>Harvest Lane Honey</div>
12628                        <div class="mt-2 fw-normal" data-name>WWSS-101 Bottom Board, Solid, Plywood, For: 10-Frame Langstroth Hives</div>
12629                    </div>
12630                    <div class="mt-2">
12631                        <div class="fw-normal">Sku: 7969496-052303-10</div>
12632                            <div class="fw-normal mt-2">14 Available for <span class="text-primary fw-bold">SHIP TO STORE</span></div>
12633                        <div class="pc-price myriad mt-2">
12634$32<sup style="top: -10px;">.17</sup>
12635                        </div>
12636                        <div class="my-0">
12637&nbsp;                        </div>
12638                        <div class="pt-2">
12639                                <button class="shop-add-to-cart-btn w-100" onclick="return openAddToCartModal(event, this)">Add To Cart</button>
12640                                    <template class="cart-options-template">
12641<div class="cart-options"
12642     data-sku="7969496-052303-10"
12643     data-store-number="0"
12644     data-uom="EA"
12645     data-max-order="9999"
12646     data-existing-pickup="0"
12647     data-existing-delivery="0"
12648     data-method="pickup"
12649     data-cannot-add="false">
12650    <div class="mb-3">
12651            <div class="fw-bold" style="font-size:0.875rem;">Harvest Lane Honey</div>
12652        <div class="h6 m-0">WWSS-101 Bottom Board, Solid, Plywood, For: 10-Frame Langstroth Hives</div>
12653    </div>
12654    
12655<div class="card-container cart-options-panel">
12656    <div class="fulfillment-options">
12657        <div class="co-fulfillment-pickup fulfillment-option" role="button" tabindex="0" aria-pressed="true"
12658             style="border-color:#4C741C;">
12659            <div class="co-pickup-check fulfillment-check" style="display:flex;">
12660                <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
12661            </div>
12662            <div class="fulfillment-title">Ship to Store</div>
12663                    <div class="fulfillment-text" style="margin-top:6px;">
12664                        <span class="fw-bold">14</span> <span>As soon as 10/01</span>
12665                    </div>
12666        </div>
12667            <div class="co-fulfillment-delivery fulfillment-option" role="button" tabindex="0" aria-pressed="false"
12668                 style="border-color:#ced4da;">
12669                <div class="co-delivery-check fulfillment-check" style="display:none;">
12670                    <img src="/images/cart/check.svg?v=IkxQV8_1aUvWhp0S_ofI4U7pBYuvCffbhp5emP3w5jo" alt="" aria-hidden="true" width="14" height="14" />
12671                </div>
12672                <div class="fulfillment-title">Delivery</div>
12673                        <div class="fulfillment-text" style="margin-top:6px;">
12674                            <span class="fw-bold">14</span> <span>As soon as 10/01</span>
12675                        </div>
12676            </div>
12677    </div>
12678    <div style="margin-top:12px;">
12679        <div class="fulfillment-meta">
12680            <span class="fw-bold">Free Pickup at </span>
12681            <a style="color:black" href="" class="fw-bold text-decoration-underline">San Marcos</a>
12682        </div>
12683        <div class="fulfillment-meta" style="margin-top:8px; display:flex; align-items:center; gap:14px;">
12684                <span class="fulfillment-stockitem">
12685                    <img src="/images/cart/in_stock.svg?v=MzXYoZJepcHsTVc60kiOQKB_pK8wMsK-Ssq8mBogdPQ" alt="" aria-hidden="true" width="14" height="14" />
12686                        <span class="text-primary fw-bold">14 SHIP TO STORE</span>
12687                </span>
12688        </div>
12689    </div>
12690
12691    <div class="co-max-note" style="display:none; margin-top:8px; font-size:0.85rem; color:#6c757d;">
12692        No additional quantity can be added.
12693    </div>
12694</div>
12695    
12696<div style="display:flex; gap:12px; margin-top:18px; align-items:stretch;">
12697    <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; flex:0 0 140px; overflow:hidden; background-color:#ffffff;">
12698        <button type="button" class="co-qty-decrement" aria-label="Decrease quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
12699        <input class="co-quantity no-spinner" type="number" min="1" max="9999" value="1" style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
12700        <button type="button" class="co-qty-increment" aria-label="Increase quantity" style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
12701    </div>
12702    <button type="button" class="co-add-button shop-add-to-cart-btn" style="flex:1;">Add to Cart</button>
12703</div>
12704</div></template>
12705                        </div>
12706                    </div>
12707                </div>
12708            </div>
12709        </a>
12710    </div>
12711
12712</section>
12713
12714
12715<div id="save-product-modal" class="modal fade shop-rebrand" tabindex="-1" aria-hidden="true">
12716    <div class="modal-dialog">
12717        <div class="modal-content card-container">
12718            <div class="modal-header">
12719                <h5 class="modal-title">Save this product</h5>
12720                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
12721            </div>
12722            <div class="modal-body">
12723                <input type="hidden" id="save-product-modal-sku" value="" />
12724                <div id="save-product-error" class="alert alert-danger d-none" role="alert">
12725                    Something went wrong. Please try again.
12726                </div>
12727
12728                <div class="form-check form-switch mb-1">
12729                    <input class="form-check-input rounded-1" type="checkbox" role="switch" id="save-for-later-toggle"
12730                            onchange="onSaveProductSelectionChanged()" />
12731                    <label class="form-check-label fw-bold" for="save-for-later-toggle">Save for Later</label>
12732                </div>
12733                <div class="text-muted small">Keep this product handy for later without adding it to your cart.</div>
12734
12735                <hr class="my-3" />
12736
12737                <div class="fw-bold mb-2">Project Lists</div>
12738                <div id="save-product-list-rows" style="max-height:220px; overflow-y:auto;">
12739                        <div id="save-product-no-lists" class="text-muted small mb-2">You don't have any project lists yet.</div>
12740                </div>
12741
12742                <div class="mt-3">
12743                    <label class="form-label small mb-1" for="save-product-new-list-name">Create a new list</label>
12744                    <div class="d-flex gap-2">
12745                        <input type="text" id="save-product-new-list-name" class="form-control rounded-3"
12746                               minlength="5" maxlength="200" placeholder="List name" />
12747                        <button type="button" class="btn btn-primary rounded-3" onclick="createProjectListAndAdd()">Create</button>
12748                    </div>
12749                    <div id="save-product-new-list-error" class="text-danger small mt-1 d-none">Please enter a name of at least 5 characters.</div>
12750                </div>
12751
12752                <div id="save-product-actions" class="d-none mt-3">
12753                    <hr class="my-3" />
12754                    <div id="save-product-quantity-block" class="mb-3">
12755                        <label class="form-label small mb-1 fw-bold" for="save-product-quantity">Quantity</label>
12756                        <div style="display:flex; align-items:stretch; border:1px solid #ced4da; border-radius:8px; width:140px; overflow:hidden; background-color:#ffffff;">
12757                            <button type="button" id="save-product-qty-decrement" aria-label="Decrease quantity" onclick="changeSaveProductQty(-1)"
12758                                    style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">−</button>
12759                            <input id="save-product-quantity" type="number" min="1" max="9999" value="1" class="no-spinner"
12760                                   style="flex:1; min-width:0; width:100%; border:none; text-align:center; font-size:1rem; padding:10px 0; background:transparent; outline:none; color:#212529;" />
12761                            <button type="button" id="save-product-qty-increment" aria-label="Increase quantity" onclick="changeSaveProductQty(1)"
12762                                    style="background:transparent; border:none; padding:0 12px; font-size:1.375rem; color:#212529; line-height:1; cursor:pointer;">+</button>
12763                        </div>
12764                    </div>
12765                    <button type="button" id="save-product-save-btn" class="btn btn-primary rounded-3 w-100" onclick="saveProductChanges()">Save</button>
12766                </div>
12767            </div>
12768        </div>
12769    </div>
12770</div>
12771
12772<script type="text/javascript">
12773    const saveForLaterAddUrl = "/shop/save-product/save-for-later/add";
12774    const saveForLaterRemoveUrl = "/shop/save-product/save-for-later/remove";
12775    const projectListAddUrl = "/shop/save-product/project-list/add";
12776    const projectListRemoveUrl = "/shop/save-product/project-list/remove";
12777    const projectListCreateAndAddUrl = "/shop/save-product/project-list/create-and-add";
12778    const SAVE_PRODUCT_IS_LOGGED_IN = false;
12779    const SAVE_ICON_PLUS = "/images/circle-plus.svg";
12780    const SAVE_ICON_CHECK = "/images/check-circle-green.svg";
12781
12782    let saveProductModalInstance = null;
12783    let saveProductInitial = { savedForLater: false, listIds: new Set() };
12784
12785    function saveProductSku() {
12786        const el = document.getElementById("save-product-modal-sku");
12787        return el ? el.value : "";
12788    }
12789
12790    function saveProductQuantity() {
12791        const el = document.getElementById("save-product-quantity");
12792        let qty = el ? parseInt(el.value, 10) : 1;
12793        if (isNaN(qty) || qty < 1) {
12794            qty = 1;
12795        }
12796        return qty;
12797    }
12798
12799    function changeSaveProductQty(delta) {
12800        const el = document.getElementById("save-product-quantity");
12801        if (!el) {
12802            return;
12803        }
12804        const min = parseInt(el.min, 10) || 1;
12805        const max = parseInt(el.max, 10);
12806        let current = parseInt(el.value, 10);
12807        if (isNaN(current)) {
12808            current = min;
12809        }
12810        let next = current + delta;
12811        if (next < min) {
12812            next = min;
12813        }
12814        if (!isNaN(max) && next > max) {
12815            next = max;
12816        }
12817        el.value = next;
12818    }
12819
12820    function showSaveProductError() {
12821        const el = document.getElementById("save-product-error");
12822        if (el) {
12823            el.classList.remove("d-none");
12824        }
12825    }
12826
12827    function hideSaveProductError() {
12828        const el = document.getElementById("save-product-error");
12829        if (el) {
12830            el.classList.add("d-none");
12831        }
12832    }
12833
12834    function refreshAddToProjectButton() {
12835        const sfl = document.getElementById("save-for-later-toggle");
12836        const savedForLater = !!(sfl && sfl.checked);
12837        const rows = document.getElementById("save-product-list-rows");
12838        const checkedListInputs = rows
12839            ? Array.prototype.slice.call(rows.querySelectorAll("input[type=checkbox][data-list-id]:checked"))
12840            : [];
12841        const inList = checkedListInputs.length > 0;
12842        const checkedIds = checkedListInputs.map(function (cb) { return cb.dataset.listId; });
12843        let text;
12844        if (savedForLater && inList) {
12845            text = "Saved for Later and Added to Project List";
12846        }
12847        else if (savedForLater) {
12848            text = "Saved for Later";
12849        }
12850        else if (inList) {
12851            text = "Added to Project List";
12852        }
12853        else {
12854            text = "Add to Project List or Save for Later";
12855        }
12856
12857        const pdpBtn = document.getElementById("add-to-project-btn");
12858        if (pdpBtn) {
12859            const label = document.getElementById("add-to-project-label");
12860            if (label) {
12861                label.textContent = text;
12862            }
12863            pdpBtn.classList.toggle("saved", savedForLater || inList);
12864        }
12865
12866        const activeSku = saveProductSku();
12867        if (activeSku) {
12868            const escaped = (window.CSS && CSS.escape) ? CSS.escape(activeSku) : activeSku;
12869            const skuButtons = document.querySelectorAll('[data-save-product-sku="' + escaped + '"]');
12870            skuButtons.forEach(function (skuBtn) {
12871                const icon = skuBtn.querySelector("img");
12872                if (icon) {
12873                    icon.src = (savedForLater || inList) ? SAVE_ICON_CHECK : SAVE_ICON_PLUS;
12874                }
12875                skuBtn.dataset.saveSavedForLater = savedForLater ? "true" : "false";
12876                skuBtn.dataset.saveListIds = checkedIds.join(",");
12877                skuBtn.setAttribute("title", text);
12878                skuBtn.setAttribute("aria-label", text);
12879            });
12880        }
12881    }
12882
12883    function openSaveProductModal(sku, buttonEl) {
12884        if (!SAVE_PRODUCT_IS_LOGGED_IN) {
12885            const returnUrl = window.location.pathname + window.location.search;
12886            window.location.href = "/login?returnUrl=" + encodeURIComponent(returnUrl);
12887            return;
12888        }
12889        const skuField = document.getElementById("save-product-modal-sku");
12890        if (skuField) {
12891            skuField.value = sku;
12892        }
12893        const qtyField = document.getElementById("save-product-quantity");
12894        if (qtyField) {
12895            qtyField.value = "1";
12896        }
12897
12898        if (buttonEl && buttonEl.dataset) {
12899            const sfl = document.getElementById("save-for-later-toggle");
12900            if (sfl) {
12901                sfl.checked = buttonEl.dataset.saveSavedForLater === "true";
12902            }
12903            const ids = (buttonEl.dataset.saveListIds || "")
12904                .split(",")
12905                .map(function (x) { return x.trim(); })
12906                .filter(function (x) { return x.length > 0; });
12907            const idSet = new Set(ids);
12908            const rows = document.getElementById("save-product-list-rows");
12909            if (rows) {
12910                rows.querySelectorAll("input[type=checkbox][data-list-id]").forEach(function (cb) {
12911                    cb.checked = idSet.has(cb.dataset.listId);
12912                });
12913            }
12914        }
12915        saveProductInitial = getSaveProductSelection();
12916        updateSaveProductControls();
12917        hideSaveProductError();
12918        const modalEl = document.getElementById("save-product-modal");
12919        if (!modalEl) {
12920            return;
12921        }
12922        if (!saveProductModalInstance) {
12923            saveProductModalInstance = new bootstrap.Modal(modalEl);
12924        }
12925        saveProductModalInstance.show();
12926    }
12927
12928    function postJsonAsync(url, content) {
12929        return new Promise(function (resolve, reject) {
12930            postJson(url, {
12931                content: content,
12932                done: function (xhr) { resolve(xhr); },
12933                fail: function (xhr) { reject(xhr); }
12934            });
12935        });
12936    }
12937
12938    function getSaveProductSelection() {
12939        const sfl = document.getElementById("save-for-later-toggle");
12940        const savedForLater = !!(sfl && sfl.checked);
12941        const rows = document.getElementById("save-product-list-rows");
12942        const listIds = new Set();
12943        if (rows) {
12944            rows.querySelectorAll("input[type=checkbox][data-list-id]:checked").forEach(function (cb) {
12945                listIds.add(cb.dataset.listId);
12946            });
12947        }
12948        return { savedForLater: savedForLater, listIds: listIds };
12949    }
12950
12951    function updateSaveProductControls() {
12952        const sel = getSaveProductSelection();
12953        let hasPendingAdd = sel.savedForLater && !saveProductInitial.savedForLater;
12954        sel.listIds.forEach(function (id) {
12955            if (!saveProductInitial.listIds.has(id)) {
12956                hasPendingAdd = true;
12957            }
12958        });
12959        let hasPendingRemove = saveProductInitial.savedForLater && !sel.savedForLater;
12960        saveProductInitial.listIds.forEach(function (id) {
12961            if (!sel.listIds.has(id)) {
12962                hasPendingRemove = true;
12963            }
12964        });
12965        const dirty = hasPendingAdd || hasPendingRemove;
12966
12967        const region = document.getElementById("save-product-actions");
12968        if (region) {
12969            if (dirty) {
12970                region.classList.remove("d-none");
12971            }
12972            else {
12973                region.classList.add("d-none");
12974            }
12975        }
12976        const qtyBlock = document.getElementById("save-product-quantity-block");
12977        if (qtyBlock) {
12978            if (hasPendingAdd) {
12979                qtyBlock.classList.remove("d-none");
12980            }
12981            else {
12982                qtyBlock.classList.add("d-none");
12983            }
12984        }
12985    }
12986
12987    function onSaveProductSelectionChanged() {
12988        hideSaveProductError();
12989        updateSaveProductControls();
12990    }
12991
12992    function saveProductChanges() {
12993        hideSaveProductError();
12994        const sel = getSaveProductSelection();
12995        const qty = saveProductQuantity();
12996        const sku = saveProductSku();
12997        const requests = [];
12998
12999        if (sel.savedForLater && !saveProductInitial.savedForLater) {
13000            requests.push(postJsonAsync(saveForLaterAddUrl, { sku: sku, quantity: qty }));
13001        }
13002        else if (!sel.savedForLater && saveProductInitial.savedForLater) {
13003            requests.push(postJsonAsync(saveForLaterRemoveUrl, { sku: sku }));
13004        }
13005
13006        sel.listIds.forEach(function (id) {
13007            if (!saveProductInitial.listIds.has(id)) {
13008                requests.push(postJsonAsync(projectListAddUrl, { uniqueId: id, sku: sku, quantity: qty }));
13009            }
13010        });
13011        saveProductInitial.listIds.forEach(function (id) {
13012            if (!sel.listIds.has(id)) {
13013                requests.push(postJsonAsync(projectListRemoveUrl, { uniqueId: id, sku: sku }));
13014            }
13015        });
13016
13017        if (requests.length === 0) {
13018            return;
13019        }
13020
13021        showPageLoadingModal();
13022        Promise.all(requests)
13023            .then(function () {
13024                hidePageLoadingModal();
13025                saveProductInitial = { savedForLater: sel.savedForLater, listIds: new Set(sel.listIds) };
13026                refreshAddToProjectButton();
13027                updateSaveProductControls();
13028                if (saveProductModalInstance) {
13029                    saveProductModalInstance.hide();
13030                }
13031            })
13032            .catch(function () {
13033                hidePageLoadingModal();
13034                showSaveProductError();
13035            });
13036    }
13037
13038    function createProjectListAndAdd() {
13039        hideSaveProductError();
13040        const input = document.getElementById("save-product-new-list-name");
13041        const nameError = document.getElementById("save-product-new-list-error");
13042        const name = input ? input.value.trim() : "";
13043        if (name.length < 5) {
13044            if (nameError) {
13045                nameError.classList.remove("d-none");
13046            }
13047            return;
13048        }
13049        if (nameError) {
13050            nameError.classList.add("d-none");
13051        }
13052        showPageLoadingModal();
13053        postJson(projectListCreateAndAddUrl, { content: { name: name, sku: saveProductSku(), quantity: saveProductQuantity() } })
13054            .done(function (xhr) {
13055                hidePageLoadingModal();
13056                let data = null;
13057                try { data = JSON.parse(xhr.responseText); } catch { }
13058                const id = data ? (data.uniqueId || data.UniqueId) : null;
13059                const listName = data ? (data.name || data.Name) : name;
13060                if (id) {
13061                    appendProjectListRow(id, listName);
13062                    saveProductInitial.listIds.add(id);
13063                }
13064                if (input) {
13065                    input.value = "";
13066                }
13067                refreshAddToProjectButton();
13068                updateSaveProductControls();
13069            })
13070            .fail(function () {
13071                hidePageLoadingModal();
13072                showSaveProductError();
13073            });
13074    }
13075
13076    // Adds a freshly created (already-added) list row, checked, to the chooser.
13077    function appendProjectListRow(uniqueId, name) {
13078        const container = document.getElementById("save-product-list-rows");
13079        if (!container) {
13080            return;
13081        }
13082        const empty = document.getElementById("save-product-no-lists");
13083        if (empty) {
13084            empty.remove();
13085        }
13086        const row = document.createElement("div");
13087        row.className = "form-check mb-2";
13088        const input = document.createElement("input");
13089        input.className = "form-check-input";
13090        input.type = "checkbox";
13091        input.id = "project-list-" + uniqueId;
13092        input.checked = true;
13093        input.setAttribute("data-list-id", uniqueId);
13094        input.setAttribute("onchange", "onSaveProductSelectionChanged()");
13095        const label = document.createElement("label");
13096        label.className = "form-check-label";
13097        label.setAttribute("for", "project-list-" + uniqueId);
13098        label.textContent = name;
13099        row.appendChild(input);
13100        row.appendChild(label);
13101        container.appendChild(row);
13102    }
13103</script>
13103
13104
13105<div class="toast-container position-fixed bottom-0 end-0 p-3">
13106    <div id="product-card-add-to-cart-error-toast" class="toast text-bg-danger" role="alert" aria-live="assertive" aria-atomic="true">
13107        <div class="toast-header d-flex align-items-center justify-content-between h4">
13108            <div>Add To Cart Error</div>
13109            <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
13110        </div>
13111        <div class="toast-body h5">
13112            There was an error saving the item to the cart.  Please try again.
13113        </div>
13114    </div>
13115</div>
13116
13117        </div>
13118    </div>
13119</div>
13120
13121<div id="add-to-cart-modal" class="modal fade" tabindex="-1" aria-hidden="true">
13122    <div class="modal-dialog modal-dialog-centered">
13123        <div class="modal-content card-container">
13124            <div class="modal-header">
13125                <h5 class="modal-title">Add to Cart</h5>
13126                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
13127            </div>
13128            <div class="modal-body">
13129            </div>
13130        </div>
13131    </div>
13132</div>
13133<div class="toast-container position-fixed bottom-0 end-0 p-3">
13134    <div id="add-to-cart-modal-error-toast" class="toast text-bg-danger" role="alert" aria-live="assertive" aria-atomic="true">
13135        <div class="toast-header d-flex align-items-center justify-content-between h4">
13136            <div>Add To Cart Error</div>
13137            <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
13138        </div>
13139        <div class="toast-body h5">
13140            There was an error saving the item to the cart. Please try again.
13141        </div>
13142    </div>
13143</div>
13144<div id="product-find-closest-modal" class="modal fade" tabindex="-1" aria-hidden="true">
13145    <div class="modal-dialog">
13146        <div class="modal-content card-container">
13147            <div class="modal-header">
13148                <h5 class="modal-title">Nearby Stores</h5>
13149                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
13150            </div>
13151            <div class="modal-body">
13152                Loading...
13153            </div>
13154        </div>
13155    </div>
13156</div>
13157
13158<script type="text/javascript">
13159    function findClosestFromProductCard(sku) {
13160        try {
13161            event.preventDefault();
13162            event.stopPropagation();
13163            const modalBody = document.getElementById("product-find-closest-modal").querySelector(".modal-body");
13164            modalBody.innerHTML = '<div class="d-flex flex-column justify-content-center align-items-center"><div class="spinner-border text-primary" role="status"></div><div class="mt-2">Loading</div></div>';
13165            const findClosestUrl = "/shop/p" + "/" + sku + "/find-closest";
13166            postJson(findClosestUrl, {})
13167                .done(function (xhr) {
13168                    modalBody.innerHTML = xhr.responseText;
13169                    const returnUrl = encodeURIComponent(window.location.pathname + window.location.search);
13170                    modalBody.querySelectorAll(".change-store-link").forEach(function (link) {
13171                        link.setAttribute("href", link.getAttribute("href") + "?returnUrl=" + returnUrl);
13172                    });
13173                })
13174                .fail(function () {
13175                });
13176        } catch {
13177        }
13178    }
13179</script>
13179
13180
13181
13182<div class="d-flex justify-content-center pt-4">
13183    <nav id="bottom-navigation" aria-label="...">
13184        <ul class="pagination">
13185            <li class="page-item user-select-none"><a class="page-link" onclick="previous()">Previous</a></li>
13186            <li class="page-item active user-select-none"><a class="page-link"></a></li>
13187            <li class="page-item user-select-none"><a class="page-link" onclick="next()">Next</a></li>
13188        </ul>
13189    </nav>
13190</div>
13191
13192<script type="text/javascript">
13193    const trackingPrefixes = ['gclid', 'dclid', 'gbraid', 'wbraid', 'gclsrc', 'srsltid', 'utm_'];
13194    const savedTrackingParams = (function() {
13195        var p = new URLSearchParams();
13196        new URLSearchParams(window.location.search).forEach(function(val, key) {
13197            if (trackingPrefixes.some(function(prefix) { return key.startsWith(prefix); })) {
13198                p.append(key, val);
13199            }
13200        });
13201        return p;
13202    })();
13203    var searchText = "Plywood";
13204    var searchPageSize = 48;
13205    var searchCurrentPage = 0;
13206    var overidePageNumber = false;
13207    var maxPages = 0;
13208    var AttributeData = [[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".453 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"CDX 3-Ply"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".703 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"CD"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".354 in"},{"name":"Actual Width","combinedValue":"4 in"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"CD"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"18 mm"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"Paint"},{"name":"Nominal Thickness","combinedValue":"3/4 in"},{"name":"Species","combinedValue":"Birch"}],[],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".578 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"CD"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".703 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"BCX"},{"name":"Species","combinedValue":"Southern Pine"},{"name":"Surface","combinedValue":"Pressure Treated"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".703 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"CD"},{"name":"Species","combinedValue":"Southern Pine"},{"name":"Surface","combinedValue":"Tongue \u0026 Groove"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"1/2 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"C-2"},{"name":"Species","combinedValue":"Birch"}],[],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".234 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"BC"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".703 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"BC"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".25 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Holland"},{"name":"Grade","combinedValue":"C2"},{"name":"Species","combinedValue":"Birch"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".453 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"BCX"},{"name":"Species","combinedValue":"Southern Pine"},{"name":"Surface","combinedValue":"Pressure Treated"}],[],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".375 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Species","combinedValue":"Species Varies"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".328 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"BC"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"1.091 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"CD"},{"name":"Species","combinedValue":"Southern Pine"},{"name":"Surface","combinedValue":"Tongue \u0026 Groove"}],[{"name":"Brand","combinedValue":"Simpson Strong-Tie"},{"name":"Finish","combinedValue":"Galvanized"},{"name":"Material","combinedValue":"Steel"},{"name":"Material Thickness","combinedValue":"20 ga"},{"name":"Maximum Roof Span","combinedValue":"24"},{"name":"Number of PC per Spans","combinedValue":"1"},{"name":"Width","combinedValue":"1 in"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".578 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"BC"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"15 mm"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"C-2"},{"name":"Species","combinedValue":"Birch"}],[{"name":"Brand","combinedValue":"Simpson Strong-Tie"},{"name":"Finish","combinedValue":"Galvanized"},{"name":"Height","combinedValue":"1-1/4 in"},{"name":"Length","combinedValue":"1-1/4 in"},{"name":"Material","combinedValue":"Steel"},{"name":"Material Thickness","combinedValue":"20 ga"},{"name":"Maximum Roof Span","combinedValue":"32"},{"name":"Number of PC per Spans","combinedValue":"1"},{"name":"Width","combinedValue":"1 in"}],[{"name":"Actual Length","combinedValue":"4 ft"},{"name":"Actual Thickness","combinedValue":".25 in"},{"name":"Actual Width","combinedValue":"2 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Species","combinedValue":"Lauan Mahogany"}],[{"name":"Actual Length","combinedValue":"4 ft"},{"name":"Actual Thickness","combinedValue":".75 in"},{"name":"Actual Width","combinedValue":"2 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"D-3"},{"name":"Species","combinedValue":"Birch"}],[{"name":"Actual Length","combinedValue":"4 ft"},{"name":"Actual Thickness","combinedValue":".328 in"},{"name":"Actual Width","combinedValue":"2 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"BC"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".75 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"D-3"},{"name":"Species","combinedValue":"Birch"}],[{"name":"Actual Length","combinedValue":"2 ft"},{"name":"Actual Thickness","combinedValue":".703 in"},{"name":"Actual Width","combinedValue":"2 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"BC"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Actual Length","combinedValue":"4 ft"},{"name":"Actual Thickness","combinedValue":".25 in"},{"name":"Actual Width","combinedValue":"2 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"D-3"},{"name":"Species","combinedValue":"Birch"}],[{"name":"Actual Length","combinedValue":"2 ft"},{"name":"Actual Thickness","combinedValue":".25 in"},{"name":"Actual Width","combinedValue":"2 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Species","combinedValue":"Lauan Mahogany"}],[{"name":"Actual Length","combinedValue":"4 ft"},{"name":"Actual Thickness","combinedValue":".5 in"},{"name":"Actual Width","combinedValue":"2 ft"},{"name":"Brand","combinedValue":"ALEXANDRIA Moulding"},{"name":"Grade","combinedValue":"BC"},{"name":"Species","combinedValue":"Plywood"}],[{"name":"Actual Length","combinedValue":"4 ft"},{"name":"Actual Thickness","combinedValue":".75 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"ALEXANDRIA Moulding"},{"name":"Grade","combinedValue":"B-C"},{"name":"Species","combinedValue":"Plywood"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"5.2 mm"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"CC"},{"name":"Species","combinedValue":"Birch"}],[{"name":"Actual Length","combinedValue":"4 ft"},{"name":"Actual Thickness","combinedValue":".25 in"},{"name":"Actual Width","combinedValue":"2 ft"},{"name":"Brand","combinedValue":"ALEXANDRIA Moulding"},{"name":"Grade","combinedValue":"B-C"},{"name":"Species","combinedValue":"Plywood"}],[{"name":"Actual Length","combinedValue":"4 ft"},{"name":"Actual Thickness","combinedValue":".75 in"},{"name":"Actual Width","combinedValue":"2 ft"},{"name":"Brand","combinedValue":"ALEXANDRIA Moulding"},{"name":"Grade","combinedValue":"B-C"},{"name":"Species","combinedValue":"Plywood"}],[{"name":"Brand","combinedValue":"Simpson Strong-Tie"},{"name":"Finish","combinedValue":"Galvanized"},{"name":"Material","combinedValue":"Steel"},{"name":"Material Thickness","combinedValue":"20 ga"},{"name":"Maximum Roof Span","combinedValue":"48"},{"name":"Number of PC per Spans","combinedValue":"2"},{"name":"Width","combinedValue":"1-1/4 in"}],[{"name":"Actual Length","combinedValue":"4 ft"},{"name":"Actual Thickness","combinedValue":".25 in"},{"name":"Actual Width","combinedValue":"4 in"},{"name":"Brand","combinedValue":"ALEXANDRIA Moulding"},{"name":"Grade","combinedValue":"B-C"},{"name":"Species","combinedValue":"Plywood"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".075 in"},{"name":"Actual Width","combinedValue":"48-3/4 in"},{"name":"Brand","combinedValue":"Boise Cascade"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Brand","combinedValue":"SteelLinx"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".703 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"CCX"},{"name":"Species","combinedValue":"Southern Pine"},{"name":"Surface","combinedValue":"Pressure Treated"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".703 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"Rated Sheathing"},{"name":"Species","combinedValue":"Southern Pine"},{"name":"Surface","combinedValue":"Pressure Treated"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".453 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"BC"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".453 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"Rated Sheathing"},{"name":"Species","combinedValue":"Southern Pine"},{"name":"Surface","combinedValue":"Pressure Treated"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".25 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Boise Cascade"},{"name":"Species","combinedValue":"Lauan"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".453 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"CC"},{"name":"Species","combinedValue":"Southern Pine"},{"name":"Surface","combinedValue":"Pressure Treated"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".75 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"D-3"},{"name":"Species","combinedValue":"Maple"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".75 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"B-2"},{"name":"Species","combinedValue":"Red Oak"}],[{"name":"Brand","combinedValue":"Simpson Strong-Tie"},{"name":"Finish","combinedValue":"Galvanized"},{"name":"Material","combinedValue":"Steel"},{"name":"Material Thickness","combinedValue":"20"},{"name":"Maximum Roof Span","combinedValue":"40, 32"},{"name":"Number of PC per Spans","combinedValue":"1"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".75 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"B-2"},{"name":"Species","combinedValue":"Birch"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".75 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"C-3"},{"name":"Species","combinedValue":"Red Oak"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".578 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"Rated Sheathing"},{"name":"Species","combinedValue":"Southern Pine"},{"name":"Surface","combinedValue":"Pressure Treated"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".703 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"Rated Sheathing"},{"name":"Species","combinedValue":"Southern Pine"},{"name":"Surface","combinedValue":"Fire Treated"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".703 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"BB"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".75 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"C-3"},{"name":"Species","combinedValue":"Birch"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".578 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"CD"},{"name":"Species","combinedValue":"Southern Pine"},{"name":"Surface","combinedValue":"Radiant Barrier"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".453 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"CD"},{"name":"Species","combinedValue":"Southern Pine"},{"name":"Surface","combinedValue":"Radiant Barrier"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"1/2 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedVa
13208lue":"Weyerhaeuser"},{"name":"Species","combinedValue":"Plywood"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".75 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"C-2"},{"name":"Species","combinedValue":"Maple"}],[{"name":"Brand","combinedValue":"Simpson Strong-Tie"},{"name":"Finish","combinedValue":"Galvanized"},{"name":"Material","combinedValue":"Steel"},{"name":"Material Thickness","combinedValue":"20 ga"},{"name":"Maximum Roof Span","combinedValue":"32"},{"name":"Number of PC per Spans","combinedValue":"1"},{"name":"Width","combinedValue":"1-1/4 in"}],[{"name":"Actual Length","combinedValue":"4 ft"},{"name":"Actual Thickness","combinedValue":".5 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"ALEXANDRIA Moulding"},{"name":"Grade","combinedValue":"BC"},{"name":"Species","combinedValue":"Plywood"}],[{"name":"Brand","combinedValue":"Plylox"},{"name":"Material","combinedValue":"Carbon Steel"}],[{"name":"Brand","combinedValue":"Plylox"},{"name":"Material","combinedValue":"Stainless Steel"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".75 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"CC"},{"name":"Species","combinedValue":"Alder"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".234 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"AC"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".703 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"AC"},{"name":"Species","combinedValue":"Radiata Pine"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".375 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"C-4"},{"name":"Species","combinedValue":"Radiata Pine"},{"name":"Surface","combinedValue":"Sanded"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".75 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"B-2"},{"name":"Species","combinedValue":"Maple Sap"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"18 mm"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"CC"},{"name":"Species","combinedValue":"Alder"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".703 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"CD"},{"name":"Species","combinedValue":"Southern Pine"},{"name":"Surface","combinedValue":"Sanded"}],[{"name":"Brand","combinedValue":"Simpson Strong-Tie"},{"name":"Finish","combinedValue":"Galvanized"},{"name":"Material","combinedValue":"Steel"},{"name":"Material Thickness","combinedValue":"20 ga"},{"name":"Maximum Roof Span","combinedValue":"24"},{"name":"Number of PC per Spans","combinedValue":"1"},{"name":"Width","combinedValue":"1-1/4 in"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".453 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"Treated Fire Rated"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".578 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"Rated Sheathing"},{"name":"Species","combinedValue":"Southern Pine"},{"name":"Surface","combinedValue":"Fire Treated"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".354 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"Plugged, Touched, Sanded"},{"name":"Species","combinedValue":"Southern Pine"},{"name":"Surface","combinedValue":"Plugged One Side, Touch Sanded"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".453 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"CDX 4-Ply"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".578 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"CD"},{"name":"Species","combinedValue":"Southern Pine"},{"name":"Surface","combinedValue":"Tongue \u0026 Groove"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":".095 in"},{"name":"Actual Width","combinedValue":"48-3/4 in"},{"name":"Brand","combinedValue":"Boise Cascade"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Brand","combinedValue":"Tamlyn"},{"name":"Finish","combinedValue":"Galvanized"},{"name":"Material","combinedValue":"Steel"},{"name":"Material Thickness","combinedValue":"20 ga"},{"name":"Maximum Roof Span","combinedValue":"32 in"},{"name":"Number of PC per Spans","combinedValue":"1"}],[{"name":"Brand","combinedValue":"Tamlyn"},{"name":"Finish","combinedValue":"Galvanized"},{"name":"Material","combinedValue":"Steel"},{"name":"Material Thickness","combinedValue":"20 ga"},{"name":"Maximum Roof Span","combinedValue":"32 with PC, 28 without PC"},{"name":"Number of PC per Spans","combinedValue":"1"}],[{"name":"Brand","combinedValue":"Tamlyn"},{"name":"Finish","combinedValue":"Galvanized"},{"name":"Material","combinedValue":"Steel"},{"name":"Material Thickness","combinedValue":"20 ga"},{"name":"Maximum Roof Span","combinedValue":"40 with PC, 32 without PC"},{"name":"Number of PC per Spans","combinedValue":"1"}],[{"name":"Actual Length","combinedValue":"17-3/4 in"},{"name":"Actual Thickness","combinedValue":".75 in"},{"name":"Actual Width","combinedValue":"17-3/4 in"},{"name":"Brand","combinedValue":"ALEXANDRIA Moulding"},{"name":"Species","combinedValue":"Plywood"}],[{"name":"Actual Thickness","combinedValue":".75 in"},{"name":"Actual Width","combinedValue":"35-3/4 in"},{"name":"Brand","combinedValue":"ALEXANDRIA Moulding"},{"name":"Grade","combinedValue":"B-C"},{"name":"Species","combinedValue":"Plywood"}],[{"name":"Actual Thickness","combinedValue":".75 in"},{"name":"Actual Width","combinedValue":"23-3/4 in"},{"name":"Brand","combinedValue":"ALEXANDRIA Moulding"},{"name":"Species","combinedValue":"Plywood"}],[{"name":"Actual Thickness","combinedValue":".75 in"},{"name":"Actual Width","combinedValue":"11-3/4 in"},{"name":"Brand","combinedValue":"ALEXANDRIA Moulding"},{"name":"Species","combinedValue":"Plywood"}],[{"name":"Brand","combinedValue":"Tamlyn"},{"name":"Finish","combinedValue":"Galvanized"},{"name":"Material","combinedValue":"Steel"},{"name":"Material Thickness","combinedValue":"20 ga"},{"name":"Maximum Roof Span","combinedValue":"24 in"},{"name":"Number of PC per Spans","combinedValue":"1"}],[{"name":"Brand","combinedValue":"Simpson Strong-Tie"},{"name":"Finish","combinedValue":"Zinc Galvanized"},{"name":"Material","combinedValue":"Steel"},{"name":"Material Thickness","combinedValue":"20 ga"},{"name":"Maximum Roof Span","combinedValue":"32 with Clip, 28 without Clip"},{"name":"Number of PC per Spans","combinedValue":"1"}],[{"name":"Brand","combinedValue":"Simpson Strong-Tie"},{"name":"Finish","combinedValue":"Galvanized"},{"name":"Length","combinedValue":"1-1/4 in"},{"name":"Material","combinedValue":"Steel"},{"name":"Material Thickness","combinedValue":"20 ga"},{"name":"Maximum Roof Span","combinedValue":"32, 28"},{"name":"Number of PC per Spans","combinedValue":"1"}],[{"name":"Brand","combinedValue":"Simpson Strong-Tie"},{"name":"Finish","combinedValue":"Galvanized"},{"name":"Height","combinedValue":"1 in"},{"name":"Material","combinedValue":"Steel"},{"name":"Material Thickness","combinedValue":"20 ga"},{"name":"Maximum Roof Span","combinedValue":"32"},{"name":"Number of PC per Spans","combinedValue":"1"},{"name":"Width","combinedValue":"1-1/4 in"}],[{"name":"Brand","combinedValue":"Simpson Strong-Tie"},{"name":"Finish","combinedValue":"Galvanized"},{"name":"Length","combinedValue":"1-1/4 in"},{"name":"Material","combinedValue":"Steel"},{"name":"Material Thickness","combinedValue":"20 ga"},{"name":"Maximum Roof Span","combinedValue":"40"},{"name":"Number of PC per Spans","combinedValue":"1"},{"name":"Width","combinedValue":"1-1/4 in"}],[{"name":"Brand","combinedValue":"Simpson Strong-Tie"},{"name":"Finish","combinedValue":"Galvanized"},{"name":"Height","combinedValue":"1 in"},{"name":"Length","combinedValue":"10-1/2 in"},{"name":"Material","combinedValue":"Steel"},{"name":"Material Thickness","combinedValue":"20 ga"},{"name":"Maximum Roof Span","combinedValue":"24"},{"name":"Number of PC per Spans","combinedValue":"1"},{"name":"Width","combinedValue":"1-1/4 in"}],[{"name":"Brand","combinedValue":"Simpson Strong-Tie"},{"name":"Finish","combinedValue":"Galvanized"},{"name":"Height","combinedValue":"5/8 in"},{"name":"Material","combinedValue":"Steel"},{"name":"Material Thickness","combinedValue":"20 ga"},{"name":"Maximum Roof Span","combinedValue":"40 in"},{"name":"Number of PC per Spans","combinedValue":"1"}],[{"name":"Brand","combinedValue":"Simpson Strong-Tie"},{"name":"Finish","combinedValue":"Galvanized"},{"name":"Material","combinedValue":"Steel"},{"name":"Material Thickness","combinedValue":"20 ga"},{"name":"Maximum Roof Span","combinedValue":"40"},{"name":"Number of PC per Spans","combinedValue":"1"},{"name":"Width","combinedValue":"1-1/4 in"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"7/16 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"OSB/1"},{"name":"Species","combinedValue":"Southern Pine"},{"name":"Surface","combinedValue":"Straight Edge"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"23/32 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"OSB/1"},{"name":"Species","combinedValue":"Southern Pine"},{"name":"Surface","combinedValue":"Straight Edge"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"3/8 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"Premium"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"23/32 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"OSB/1"},{"name":"Species","combinedValue":"Southern Pine"},{"name":"Surface","combinedValue":"Tongue \u0026 Groove"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"19/32 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"OSB/1"},{"name":"Species","combinedValue":"Southern Pine"},{"name":"Surface","combinedValue":"Straight Edge"}],[{"name":"Actual Length","combinedValue":"97 in"},{"name":"Actual Thickness","combinedValue":"3/4 in"},{"name":"Actual Width","combinedValue":"49 in"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Species","combinedValue":"Species Varies"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"19/32 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"T1-11, 4-in OC, Premium"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"19/32 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"Reverse Board-and-Batten-12-in OC"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"5/8 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"1/8 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Species","combinedValue":"Masonite"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"3/8 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"Premium"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"19/32 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"T1-11, 8-in OC, Premium"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"4.8 mm"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Species","combinedValue":"Masonite"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"4.8 mm"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Species","combinedValue":"Masonite"},{"name":"Surface","combinedValue":"Surfaced on 1 Side"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"5/8 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Actual Length","combinedValue":"97 in"},{"name":"Actual Thickness","combinedValue":"5.5 mm"},{"name":"Actual Width","combinedValue":"49 in"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Species","combinedValue":"Species Varies"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"5/8 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"T1-11, 4-in OC"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Brand","combinedValue":"ProSource"},{"name":"Deck Depth","combinedValue":"28-3/32 in"},{"name":"Deck Material","combinedValue":"Plywood"},{"name":"Deck Width","combinedValue":"66-1/2 in"},{"name":"Number of Casters","combinedValue":"4"},{"name":"Rail Color","combinedValue":"Yellow"},{"name":"Weight Capacity","combinedValue":"1000 lb"}],[{"name":"Brand","combinedValue":"Metaltech"},{"name":"Dimensions","combinedValue":"84 in x 19 in in"},{"name":"Finish","combinedValue":"Galvanized"},{"name":"Material","combinedValue":"Aluminum/Plywood"},{"name":"Type","combinedValue":"Scaffold Platform Deck"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"7/16 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"OSB/1"},{"name":"Species","combinedValue":"Southern Pine"},{"name":"Surface","combinedValue":"Radiant Barrier"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"19/32 in"},{"name":"Actu
13208al Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"OSB/1"},{"name":"Species","combinedValue":"Southern Pine"},{"name":"Surface","combinedValue":"Radiant Barrier"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"19/32 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"T1-11, 4-in OC"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"19/32 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"T1-11, 8-in OC"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Actual Length","combinedValue":"97 in"},{"name":"Actual Thickness","combinedValue":"1/2 in"},{"name":"Actual Width","combinedValue":"49 in"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Species","combinedValue":"Species Varies"}],[{"name":"Brand","combinedValue":"Marwin"},{"name":"Ceiling Height","combinedValue":"10 ft"},{"name":"Ceiling Opening Size","combinedValue":"22-1/2 x 54 in"},{"name":"Duty Rating","combinedValue":"250 lb"},{"name":"Landing Space","combinedValue":"66 in"},{"name":"Material","combinedValue":"Plywood"},{"name":"Projection Size","combinedValue":"77 in"},{"name":"Weight Capacity","combinedValue":"250 lb"}],[{"name":"Brand","combinedValue":"Marwin"},{"name":"Ceiling Height","combinedValue":"10 ft 1 in"},{"name":"Duty Rating","combinedValue":"300 lb"},{"name":"Material","combinedValue":"Plywood/Steel"}],[{"name":"Air Flow Rate","combinedValue":"4649 cfm"},{"name":"Blade Color","combinedValue":"Gray Walnut/Matte Silver"},{"name":"Blade Sweep","combinedValue":"36 in"},{"name":"Brand","combinedValue":"Hunter"},{"name":"Housing Color","combinedValue":"Matte Silver"},{"name":"Housing Finish","combinedValue":"Matte Silver"},{"name":"Mounting Type","combinedValue":"Downrod"},{"name":"Number of Blades","combinedValue":"3"},{"name":"Wattage Rating","combinedValue":"9 W"},{"name":"With Lights","combinedValue":"Yes"}],[{"name":"Brand","combinedValue":"ALEXANDRIA Moulding"},{"name":"Material","combinedValue":"Plywood"},{"name":"Overall Depth","combinedValue":"3/16 in"},{"name":"Overall Height","combinedValue":"4 ft"},{"name":"Overall Width","combinedValue":"4 ft"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"3/16 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Species","combinedValue":"Masonite"}],[{"name":"Brand","combinedValue":"M-D"},{"name":"Fastener Type","combinedValue":"Nail"},{"name":"Length","combinedValue":"48 in"},{"name":"Material","combinedValue":"Plywood"},{"name":"Width","combinedValue":"1 in"}],[{"name":"Actual Length","combinedValue":"97 in"},{"name":"Actual Thickness","combinedValue":"5/8 in"},{"name":"Actual Width","combinedValue":"49 in"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Species","combinedValue":"Species Varies"}],[{"name":"Actual Length","combinedValue":"97 in"},{"name":"Actual Thickness","combinedValue":"3/4 in"},{"name":"Actual Width","combinedValue":"49 in"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Species","combinedValue":"Radiata Pine"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"15/32 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"OSB/1"},{"name":"Species","combinedValue":"Southern Pine"},{"name":"Surface","combinedValue":"Straight Edge"}],[{"name":"Brand","combinedValue":"Marwin"},{"name":"Ceiling Height","combinedValue":"10 ft"},{"name":"Ceiling Opening Size","combinedValue":"25-1/2 x 54 in"},{"name":"Duty Rating","combinedValue":"250 lb"},{"name":"Landing Space","combinedValue":"66 in"},{"name":"Material","combinedValue":"Plywood"},{"name":"Projection Size","combinedValue":"77 in"}],[{"name":"Brand","combinedValue":"Marwin"},{"name":"Ceiling Height","combinedValue":"8 ft 9 in"},{"name":"Ceiling Opening Size","combinedValue":"25-1/2 x 54 in"},{"name":"Duty Rating","combinedValue":"250 lb"},{"name":"Landing Space","combinedValue":"58 in"},{"name":"Material","combinedValue":"Plywood"},{"name":"Projection Size","combinedValue":"67 in"},{"name":"Weight Capacity","combinedValue":"350 lb"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"3/8 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Grade","combinedValue":"Premium"},{"name":"Species","combinedValue":"Southern Pine"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"1/8 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Species","combinedValue":"Masonite"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"3/4 in"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Species","combinedValue":"Species Varies"}],[{"name":"Actual Length","combinedValue":"8 ft"},{"name":"Actual Thickness","combinedValue":"4.8 mm"},{"name":"Actual Width","combinedValue":"4 ft"},{"name":"Brand","combinedValue":"Wood Products"},{"name":"Species","combinedValue":"Masonite"}],[{"name":"Applicable Materials","combinedValue":"Hardwood, Plywood, Softwood"},{"name":"Brand","combinedValue":"Freud"},{"name":"Color","combinedValue":"Red"},{"name":"Material","combinedValue":"Carbide"},{"name":"Number of Cutters","combinedValue":"4"}],[{"name":"Brand","combinedValue":"Marwin"},{"name":"Ceiling Height","combinedValue":"8 ft 9 in"},{"name":"Ceiling Opening Size","combinedValue":"22-1/2 x 54 in"},{"name":"Duty Rating","combinedValue":"250 lb"},{"name":"Landing Space","combinedValue":"58 in"},{"name":"Material","combinedValue":"Plywood"},{"name":"Projection Size","combinedValue":"67 in"}],[{"name":"Brand","combinedValue":"Harvest Lane Honey"},{"name":"Dimensions","combinedValue":"22.5 in L x 16.44 in W x 2 in H in"},{"name":"Material","combinedValue":"Wood"},{"name":"Type","combinedValue":"Bottom Board"}]];
13209    var productCards = document
13210        .getElementById("product-cards")
13211        .children;
13212    var numberOfCards = productCards.length;
13213    var navigationElements = document
13214        .getElementById("bottom-navigation")
13215        .querySelectorAll("li")
13216    var visibleCards = [];
13217
13218    function generateFriendlyName(input) {
13219        var characters = [];
13220        for (var c of input) {
13221            if (/[a-zA-Z0-9]/.test(c)) {
13222                characters.push(c);
13223            } else {
13224                characters.push('-');
13225            }
13226        }
13227        return characters.join('');
13228    }
13229
13230    function GetSelectedFiltersFromUrl() {
13231        var url = new URL(window.location.href);
13232        var params = new URLSearchParams(url.search);
13233
13234        var shoppingValue = params.get("shopping") || "2";
13235        var availabilityValue = params.get("availability") || "1";
13236        var subscribableValue = params.get("showSubscribable") === "true" ? "2" : "1";
13237        var pageNumber = (params.get("page") - 1);
13238        if(pageNumber){
13239            if(pageNumber < 0)
13240            {
13241                pageNumber = 0;
13242            }
13243            overidePageNumber = true;
13244            searchCurrentPage = pageNumber;
13245        }
13246
13247        document.getElementById("in-stock-my-store-toggle").checked = shoppingValue === "1" && availabilityValue === "2";
13248
13249        var radios = document.getElementById("category-facet-form").querySelectorAll("input[type=radio]");
13250
13251        for (var index = 0; index < radios.length; index++) {
13252            if (radios[index].getAttribute("name") === "Subscribable") {
13253                if (radios[index].getAttribute("value") === subscribableValue) {
13254                    radios[index].checked = true;
13255                }
13256            }
13257        }
13258
13259        var checkboxes = document.getElementById("category-facet-form").querySelectorAll("input[type=checkbox]");
13260
13261        for (var index = 0; index < checkboxes.length; index++) {
13262            var name = checkboxes[index].getAttribute("name");
13263            if (trackingPrefixes.some(function(prefix) { return name.startsWith(prefix); })) {
13264                continue;
13265            }
13266            var value = checkboxes[index].getAttribute("value");
13267
13268            var matchingParams = params.getAll(name);
13269            if (matchingParams.length > 0) {
13270                var accordion = document.getElementById("filter-" + generateFriendlyName(name) + "-content");
13271                accordion.classList.add("show");
13272                var accordianButton = accordion.closest(".accordion-item").querySelector("button");
13273                accordianButton.classList.remove("collapsed");
13274                var parameterFound = matchingParams.find(function (x) {
13275                    return x === value;
13276                });
13277                if (parameterFound === null || parameterFound === undefined) {
13278                    continue;
13279                }
13280                checkboxes[index].checked = true;
13281            }
13282            else {
13283                continue;
13284            }
13285        }
13286    }
13287
13288    function SelectedFilters() {
13289        var checkboxes = document.getElementById("category-facet-form").querySelectorAll("input[type=checkbox]:checked");
13290        
13291        var filters = [];
13292        for (var index = 0; index < checkboxes.length; index++) {
13293            var name = checkboxes[index].getAttribute("name");
13294            var value = checkboxes[index].getAttribute("value");
13295            
13296            var existingFilter = filters.find(function (x) {
13297                return x.name === name;
13298            });
13299            if (existingFilter === null || existingFilter === undefined) { 
13300                filters.push(
13301                    {
13302                        "name": name,
13303                        "values": [value]
13304                    });
13305            }
13306            else{ 
13307                existingFilter.values.push(value);
13308            }
13309        }
13310        return filters;
13311    }
13312
13313    function UpdateFromRadioButtons(){
13314        var form = document.getElementById("category-facet-form");
13315        var inStockAtMyStore = document.getElementById("in-stock-my-store-toggle").checked;
13316        var shoppingValue = inStockAtMyStore ? "1" : "2";
13317        var availabilityValue = inStockAtMyStore ? "2" : "1";
13318        var url = window.location.href.split('?')[0] + "?searchtext=" + encodeURIComponent(searchText) + "&shopping=" + shoppingValue + "&availability=" + availabilityValue;
13319        var subscribableRadio = form.querySelector("input[name='Subscribable']:checked");
13320        if (subscribableRadio && subscribableRadio.getAttribute("value") === "2") {
13321            url += "&showSubscribable=true";
13322        }
13323        var trackingStr = savedTrackingParams.toString();
13324        if (trackingStr) url += "&" + trackingStr;
13325        window.location = url;
13326    }
13327
13328    function UpdateProductCards() {
13329        resetCards();
13330        visibleCards = [];
13331        var noResultsContainer = document.getElementById("no-results-container");
13332        var visibleCardCount = 0;
13333        var appliedFilters = SelectedFilters();
13334        var url = new URL(window.location.href.split('?')[0]);
13335        var params = new URLSearchParams(url.search);
13336        var inStockAtMyStore = document.getElementById("in-stock-my-store-toggle").checked;
13337        params.append("searchtext", searchText);
13338        params.append("shopping", inStockAtMyStore ? "1" : "2");
13339        params.append("availability", inStockAtMyStore ? "2" : "1");
13340
13341        for (var index = 0; index < appliedFilters.length; index++) { 
13342            for (var index2 = 0; index2 < appliedFilters[index].values.length; index2++) {
13343                params.append(appliedFilters[index].name, appliedFilters[index].values[index2]);
13344            }             
13345        }
13346
13347        savedTrackingParams.forEach(function(val, key) { params.append(key, val); });
13348        window.history.replaceState({}, "Search Products", window.location.href.split('?')[0] + "?" + params.toString());
13349
13350        for (var index = 0; index < AttributeData.length; index++) {
13351            var shouldBeDisplayed = isVisible(appliedFilters, AttributeData[index]);
13352            if (shouldBeDisplayed) {
13353                visibleCardCount++;
13354                visibleCards.push(productCards[index]);
13355            }
13356        }
13357        
13358        // Count for the possibility of no products w/ content cards
13359        if (AttributeData.length === 0 && productCards.length > 0) {
13360            noResultsContainer.classList.add("d-none");
13361            for (var index = 0; index < productCards.length; index++) { 
13362                productCards[index].classList.remove("d-none");
13363            }
13364            pagenateTo(0);
13365            return;
13366        }
13367
13368        if (visibleCards.length === 0) {
13369            noResultsContainer.classList.remove("d-none");
13370        }
13371        else {
13372            noResultsContainer.classList.add("d-none");
13373        }
13374
13375        pagenateTo(0);
13376    }
13377
13378    function isVisible(appliedFilters, productAttributes) {
13379        for (var index = 0; index < appliedFilters.length; index++) {
13380            var selectedProductAttribute = productAttributes.find(function (e) {
13381                return e.name === appliedFilters[index].name;
13382            });
13383            if (selectedProductAttribute === null || selectedProductAttribute === undefined) {
13384                return false;
13385            }
13386
13387            if (appliedFilters[index].values.includes(selectedProductAttribute.combinedValue)) {
13388                continue;
13389            }
13390            else {
13391                return false;
13392            }
13393        }
13394        return true;
13395    }
13396  
13397    function toggleFacet(element) {
13398        element.closest(".form-check").querySelector("input").click();
13399    }
13400
13401    function previous() { 
13402        pagenateTo(searchCurrentPage - 1);
13403    }
13404
13405    function next() {
13406        pagenateTo(searchCurrentPage + 1);
13407    }
13408
13409    function pagenateTo(number) {
13410        if(overidePageNumber){
13411            overidePageNumber = false;
13412            number = searchCurrentPage;
13413        }
13414        if (number < 0) { 
13415            return;
13416        }
13417        searchCurrentPage = number;
13418        for (var index = 0; index < visibleCards.length; index++) {
13419            visibleCards[index].classList.add("d-none");
13420        }
13421
13422        for (var index = number * searchPageSize; index < (number * searchPageSize + searchPageSize) && index < visibleCards.length; index++) {
13423            visibleCards[index].classList.remove("d-none");
13424        }
13425        numberOfCards = visibleCards.length;
13426        if (numberOfCards < 1) { 
13427            numberOfCards = 1; //fixes bug when no cards are returned from the server ig. ship to store is selected many times
13428        }
13429        var leftOver = numberOfCards % searchPageSize;
13430        var totalPageCount = 0;
13431
13432        if (leftOver > 0) {
13433            var total = (parseInt(numberOfCards / searchPageSize, 10));
13434            totalPageCount = total;
13435        }
13436        else { 
13437            totalPageCount = (numberOfCards / searchPageSize) - 1;
13438        }
13439        maxPages = totalPageCount;
13440        if (number > totalPageCount) { 
13441            number = totalPageCount;
13442        }
13443        navigationElements[1].firstChild.innerHTML = number + 1;
13444        navigationElements[0].classList.remove("disabled");
13445        navigationElements[2].classList.remove("disabled");
13446        if (number == 0) {
13447            navigationElements[0].classList.add("disabled")
13448        }
13449        if (number == maxPages) {
13450            navigationElements[2].classList.add("disabled")
13451        }
13452        window.scrollTo(0, 0);
13453        var url = new URL(window.location.href);
13454        var params = new URLSearchParams(url.search);
13455        params.set("page", number + 1);
13456        window.history.replaceState({}, "Search Products", window.location.href.split('?')[0] + "?" + params.toString());
13457    }
13458
13459    function resetCards() {
13460        for (var index = 0; index < productCards.length; index++) {
13461            productCards[index].classList.add("d-none");
13462        }
13463    }
13464
13465    GetSelectedFiltersFromUrl();
13466    UpdateProductCards();
13467</script>
13467
13468            <hr class="text-white d-none d-lg-block" />
13469        </main>
13470    </div>
13471        <footer>
13472    <nav class="row d-flex d-lg-none">
13473        <div class="d-flex text-center align-items-center py-2 px-3" style="background-color:#ffe71b;">
13474            <div class="col-8 col-sm-7 text-start text-primary fw-bold px-0">
13475                <div class="d-flex align-items-center">
13476                    <img alt="" src="/images/Bucket_Primary.svg" class="img-fluid" style="max-height:40px;" />
13477                    <div class="ms-1">
13478                        <span class="fw-bold fs-5">McCoy's LOYALTY</span>
13479                    </div>
13480                </div>
13481            </div>
13482            <div class="col-4 col-sm-5 d-flex p-0 justify-content-evenly" style="font-size:0.75rem;">
13483                <a href="/user/register" style="text-decoration:underline;">Join Now</a>
13484                &nbsp;
13485                <a href="/loyalty-program" style="text-decoration:underline;">Learn More</a>
13486            </div>
13487        </div>
13488        <div>
13489            <ul class="nav flex-column" style="background-color:#01583d;border-bottom:1px solid black;">
13490                <li class="nav-item d-flex align-items-center w-100">
13491                    <a class="nav-link text-white collapsed fw-bold w-100 justify-content-between d-flex" data-bs-toggle="collapse" href="#mobile-our-company-links" role="button" aria-expanded="false" aria-controls="mobile-our-company-links" style="padding:8px 10px;" onclick="rotateChevron('company-chevron')">
13492                        <p class="m-0 align-self-center">OUR COMPANY</p>
13493                        <img src="/images/footer/chevron-down.svg" id="company-chevron" style="max-height:26px;width:auto;filter:invert(1);margin:10px;transition: transform 0.45s ease-in-out;" alt="chevron" />
13494                    </a>
13495                </li>
13496                <li id="mobile-our-company-links" class="nav-item shadow-sm collapse" style="max-height:fit-content;">
13497                    <ul class="nav flex-column">
13498                            <li class="nav-item ms-4">
13499                                <a href="/about-us" class="nav-link text-white">About Us</a>
13500                            </li>
13501                            <li class="nav-item ms-4">
13502                                <a href="/corporate/careers" class="nav-link text-white">Careers</a>
13503                            </li>
13504                            <li class="nav-item ms-4">
13505                                <a href="/community-involvement" class="nav-link text-white">Community</a>
13506                            </li>
13507                            <li class="nav-item ms-4">
13508                                <a href="/corporate/distribution" class="nav-link text-white">Distribution</a>
13509                            </li>
13510                            <li class="nav-item ms-4">
13511                                <a href="/diy-center/lumberyard/millwork" class="nav-link text-white">Millwork</a>
13512                            </li>
13513                            <li class="nav-item ms-4">
13514                                <a href="/press-releases" class="nav-link text-white">Press Releases</a>
13515                            </li>
13516                    </ul>
13517                </li>
13518            </ul>
13519        </div>
13520        <div>
13521            <ul class="nav flex-column" style="background-color:#01583d;border-bottom:1px solid black;">
13522                <li class="nav-item d-flex align-items-center w-100">
13523                    <a class="nav-link text-white collapsed fw-bold w-100 justify-content-between d-flex" data-bs-toggle="collapse" href="#mobile-finance-links" role="button" aria-expanded="false" aria-controls="mobile-finance-links" style="padding:8px 10px;" onclick="rotateChevron('finance-chevron')">
13524                        <p class="m-0 align-self-center">FINANCE</p>
13525                        <img src="/images/footer/chevron-down.svg" id="finance-chevron" style="max-height:26px;width:auto;filter:invert(1);margin:10px;transition: transform 0.45s ease-in-out;" alt="chevron" />
13526                    </a>
13527                </li>
13528                <li id="mobile-finance-links" class="nav-item shadow-sm collapse" style="max-height:fit-content;">
13529                    <ul class="nav flex-column">
13530                            <li class="nav-item ms-4">
13531                                <a href="/commercial-credit" class="nav-link text-white">Commercial Credit</a>
13532                            </li>
13533                            <li class="nav-item ms-4">
13534                                <a href="/consumer-credit" class="nav-link text-white">Consumer Credit</a>
13535                            </li>
13536                            <li class="nav-item ms-4">
13537                                <a href="/fraud-hotline" class="nav-link text-white">Fraud Hotline</a>
13538                            </li>
13539                            <li class="nav-item ms-4">
13540                                <a href="/interim-financing" class="nav-link text-white">Interim Financing</a>
13541                            </li>
13542                            <li class="nav-item ms-4">
13543                                <a href="/military-discount" class="nav-link text-white">Military Discount</a>
13544                            </li>
13545                            <li class="nav-item ms-4">
13546                                <a href="/sales-tax" class="nav-link text-white">Sales Tax FAQs</a>
13547                            </li>
13548                    </ul>
13549                </li>
13550            </ul>
13551        </div>
13552        <div>
13553            <ul class="nav flex-column" style="background-color:#01583d;border-bottom:1px solid black;">
13554                <li class="nav-item d-flex align-items-center w-100">
13555                    <a class="nav-link text-white collapsed fw-bold w-100 justify-content-between d-flex" data-bs-toggle="collapse" href="#mobile-resources-links" role="button" aria-expanded="false" aria-controls="mobile-resources-links" style="padding:8px 10px;" onclick="rotateChevron('resources-chevron')">
13556                        <p class="m-0 align-self-center">RESOURCES</p>
13557                        <img src="/images/footer/chevron-down.svg" id="resources-chevron" style="max-height:26px;width:auto;filter:invert(1);margin:10px;transition: transform 0.45s ease-in-out;" alt="chevron" />
13558                    </a>
13559                </li>
13560                <li id="mobile-resources-links" class="nav-item shadow-sm collapse" style="max-height:fit-content;">
13561                    <ul class="nav flex-column">
13562                            <li class="nav-item ms-4">
13563                                <a href="/farm-and-ranch" class="nav-link text-white">Farm and Ranch</a>
13564                            </li>
13565                            <li class="nav-item ms-4">
13566                                <a href="/customer-faqs" class="nav-link text-white">FAQs</a>
13567                            </li>
13568                            <li class="nav-item ms-4">
13569                                <a href="/shop/gift-cards" class="nav-link text-white">Gift Cards</a>
13570                            </li>
13571                            <li class="nav-item ms-4">
13572                                <a href="/prospective-vendors" class="nav-link text-white">Prospective Vendors</a>
13573                            </li>
13574                            <li class="nav-item ms-4">
13575                                <a href="/corporate/store-events" class="nav-link text-white">Store Events</a>
13576                            </li>
13577                            <li class="nav-item ms-4">
13578                                <a href="/stores" class="nav-link text-white">Store Locator</a>
13579                            </li>
13580                    </ul>
13581                </li>
13582            </ul>
13583        </div>
13584        <div>
13585            <ul class="nav flex-column" style="background-color:#01583d;border-bottom:1px solid black;">
13586                <li class="nav-item d-flex align-items-center w-100">
13587                    <a class="nav-link text-white collapsed fw-bold w-100 justify-content-between d-flex" data-bs-toggle="collapse" href="#mobile-hq-link" role="button" aria-expanded="false" aria-controls="mobile-hq-link" style="padding:8px 10px;" onclick="rotateChevron('hq-chevron')">
13588                        <p class="m-0 align-self-center">CONTACT US</p>
13589                        <img src="/images/footer/chevron-down.svg" id="hq-chevron" style="max-height:26px;width:auto;filter:invert(1);margin:10px;transition: transform 0.45s ease-in-out;" alt="chevron" />
13590                    </a>
13591                </li>
13592                <li id="mobile-hq-link" class="collapse">
13593                    <div class="nav flex-column bg-white p-2 px-3">
13594                        <div class="footer-gray-text-text my-2">1350 IH 35 North<br>San Marcos, TX 78666</div>
13595<p style="margin-bottom: 0.5rem;"><a href="tel:1-877-542-8986">1-877-542-8986</a></p>
13596<p style="margin-bottom: 0.25rem;"><a href="/corporate/contact-us">Contact Us</a></p>
13597                    </div>
13598                </li>
13599            </ul>
13600        </div>
13601    </nav>
13602    <nav class="row d-none d-lg-flex px-3 pt-3" style="max-width:1200px;margin:0 auto;">
13603        <div class="col-8">
13604            <div class="row">
13605                <div class="col-4">
13606                    <div class="text-secondary fw-bold">OUR COMPANY</div>
13607                    <ol class="list-unstyled m-0 p-0">
13608                            <li class="my-2">
13609                                <a href="/about-us" class="link-secondary fw-normal">About Us</a>
13610                            </li>
13611                            <li class="my-2">
13612                                <a href="/corporate/careers" class="link-secondary fw-normal">Careers</a>
13613                            </li>
13614                            <li class="my-2">
13615                                <a href="/community-involvement" class="link-secondary fw-normal">Community</a>
13616                            </li>
13617                            <li class="my-2">
13618                                <a href="/corporate/distribution" class="link-secondary fw-normal">Distribution</a>
13619                            </li>
13620                            <li class="my-2">
13621                                <a href="/diy-center/lumberyard/millwork" class="link-secondary fw-normal">Millwork</a>
13622                            </li>
13623                            <li class="my-2">
13624                                <a href="/press-releases" class="link-secondary fw-normal">Press Releases</a>
13625                            </li>
13626                    </ol>
13627                </div>
13628                <div class="col-4">
13629                    <div class="text-secondary fw-bold">FINANCE</div>
13630                    <ol class="list-unstyled m-0 p-0">
13631                            <li class="my-2">
13632                                <a href="/commercial-credit" class="link-secondary fw-normal">Commercial Credit</a>
13633                            </li>
13634                            <li class="my-2">
13635                                <a href="/consumer-credit" class="link-secondary fw-normal">Consumer Credit</a>
13636                            </li>
13637                            <li class="my-2">
13638                                <a href="/fraud-hotline" class="link-secondary fw-normal">Fraud Hotline</a>
13639                            </li>
13640                            <li class="my-2">
13641                                <a href="/interim-financing" class="link-secondary fw-normal">Interim Financing</a>
13642                            </li>
13643                            <li class="my-2">
13644                                <a href="/military-discount" class="link-secondary fw-normal">Military Discount</a>
13645                            </li>
13646                            <li class="my-2">
13647                                <a href="/sales-tax" class="link-secondary fw-normal">Sales Tax FAQs</a>
13648                            </li>
13649                    </ol>
13650                </div>
13651                <div class="col-4">
13652                    <div class="text-secondary fw-bold">RESOURCES</div>
13653                    <ol class="list-unstyled m-0 p-0">
13654                            <li class="my-2">
13655                                <a href="/farm-and-ranch" class="link-secondary fw-normal">Farm and Ranch</a>
13656                            </li>
13657                            <li class="my-2">
13658                                <a href="/customer-faqs" class="link-secondary fw-normal">FAQs</a>
13659                            </li>
13660                            <li class="my-2">
13661                                <a href="/shop/gift-cards" class="link-secondary fw-normal">Gift Cards</a>
13662                            </li>
13663                            <li class="my-2">
13664                                <a href="/prospective-vendors" class="link-secondary fw-normal">Prospective Vendors</a>
13665                            </li>
13666                            <li class="my-2">
13667                                <a href="/corporate/store-events" class="link-secondary fw-normal">Store Events</a>
13668                            </li>
13669                            <li class="my-2">
13670                                <a href="/stores" class="link-secondary fw-normal">Store Locator</a>
13671                            </li>
13672                    </ol>
13673                </div>
13674            </div>
13675        </div>
13676        <div class="col-4">
13677            <div class="row">
13678                <div class="col-6">
13679                    <div class="text-secondary fw-bold">CORPORATE HEADQUARTERS</div>
13680                    <div class="footer-gray-text-text my-2">1350 IH 35 North<br>San Marcos, TX 78666</div>
13681<p style="margin-bottom: 0.5rem;"><a href="tel:1-877-542-8986">1-877-542-8986</a></p>
13682<p style="margin-bottom: 0.25rem;"><a href="/corporate/contact-us">Contact Us</a></p>
13683                </div>
13684                <div class="col-6" style="margin-top:-27px;">
13685                    <img alt="" src="/images/footer/LoyaltyFlag_Desktop.svg" style="position:relative;z-index:1;" />
13686                    <div class="row" style="z-index:5;margin-top:-68px;left:20%;position:relative;align-items:center;">
13687                        <div class="col-3">
13688
13689                            <img src="/images/footer/Bucket_WhiteOutline.svg" alt="rewards-bucket" style="height:40px;"/>
13690                        </div>
13691                        <div class="col-9">
13692                            <p class="mb-0">
13693                                <a href="/user/register" style="font-size:12px;color:white;font-weight:normal;text-decoration:underline;">Join Now</a>
13694                            </p>
13695                            <p class="mb-0">
13696                                <a href="/loyalty-program" style="font-size:12px;color:white;font-weight:normal;text-decoration:underline;">Learn More</a>
13697                            </p>
13698                        </div>
13699                    </div>
13700                </div>
13701            </div>
13702            <div class="row">
13703                <div class="col-12">
13704                    <p class="px-0 my-2 fw-bold text-secondary">
13705    <img src="/images/Email_Icon.svg" class="me-1" style="width:18px;" alt="signup" />
13706    Get savings, tips, and offers</p>
13707<div id="signup-response-message" class="text-center p-0">
13708</div>
13709<div class="row px-2" id="klav-signup-form">
13710    <div class="col-9 p-0">
13711        <input class="form-control" data-id="Kl_Email" aria-required="true" type="email" id="Kl_Email" name="Kl_Email" value="" placeholder="Email Address" required="required" style="font-size:14px;height:100%;">
13712    </div>
13713    <div class="col-3 p-0">
13714        <button type="submit" id="email-signup-submit" class="btn w-100" style="color: white; background-color:#679422;font-size:14px;height:100%;" onclick="postEmailSignup()">Sign up</button>
13715    </div>
13716    <div class="my-3 text-center">
13717        
13718    </div>
13719</div>
13720<script type="text/javascript">
13721    const klaviyoEmailInput = document.querySelector("[id*='Kl_Email']");
13722    function postEmailSignup() {
13723        document.querySelector("#signup-response-message").innerHTML = '<span class="fw-bold fs-4 my-2">One moment...</span>';
13724        const postEmailUpdateUrl = "/email-signup/widget";
13725        postJson(postEmailUpdateUrl,
13726            {
13727                "content": {
13728                    "email": klaviyoEmailInput.value
13729                }
13730            })
13731            .done(function (e) {
13732                document.querySelector("#klav-signup-form").classList.add("d-none");
13733                document.querySelector("#signup-response-message").innerHTML = e.responseText
13734            })
13735            .fail(function (e) {
13736                console.log("klaviyo post failed... " + e)
13737            });
13738    }
13739    function deleteSignupNoticeErr() {
13740        document.querySelector("#signup-response-message").innerHTML = "";
13741    }
13742</script>
13742
13743                </div>
13744            </div>
13745        </div>
13746    </nav>
13747    <section class="text-center">
13748        <div class="mt-3">
13749            <a href="/" aria-label="McCoy's Building Supply Home">
13750                <img id="footer-logo-icon" src="/images/footer/mccoys_GBS_logo.svg?v=bbnDPsTnVNxMwnUof1RJmbB7ZFqRl7zksdnfvJbDT4s" alt="McCoy's Building Supply Home" />
13751            </a>
13752        </div>
13753        <div class="mb-0 pb-0" style="max-width:1200px; margin:0 auto;">
13754            <img src="/images/footer/McCoysCity-outlined.svg" alt="McCoy's" class="mccoys-city" />
13755        </div>
13756        <hr class="city-underline" />
13757        <div class="m-0 p-3" style="color:white;font-size:0.75rem;background-color:#01583d;">
13758            <div style="align-content:center;" class="mt-3">
13759                <nav id="social-nav">
13760                    <a href="https://www.facebook.com/mccoysbuildingsupply" class="mx-2" src="" aria-label="McCoy's Facebook Page">
13761                        <img src="/images/footer/Social_Facebook_Light.svg?v=EzDL4CVGbZssg8nhDaSECY-iZQrVQzgIEDrTk_08PtY" class="footer-icon" alt="McCoy's Facebook Page" />
13762                    </a>
13763                    <a href="https://x.com/BornToBuild" class="mx-2" aria-label="McCoy's Twitter Page">
13764                        <img src="/images/footer/Social_X_Light.svg?v=jQsV40MkMDttr6_6xGxjlZET1NFucPMhtq064F6Kdrs" class="footer-icon" alt="McCoy's Twitter Page" />
13765                    </a>
13766                    <a href="https://www.youtube.com/user/mccoysbuildingsupply" class="mx-2" aria-label="McCoy's YouTube Page">
13767                        <img src="/images/footer/Social_YouTube_Light.svg?v=EO73m2mWLyx4b1qPf_5MZPuo3NXFL-ORElFjxQaWeqQ" class="footer-icon" alt="McCoy's YouTube Page" />
13768                    </a>
13769                    <a href="https://www.pinterest.com/mccoysboard/" class="mx-2" aria-label="McCoy's Pinterest Page">
13770                        <img src="/images/footer/Social_Pinterest_Light.svg?v=K2A2GpGJnuNAIcF0wwrKSVybHhpwj4tCAdynsH_AMVM" class="footer-icon" alt="McCoy's Pinterest Page" />
13771                    </a>
13772                    <a href="https://www.linkedin.com/company/mccoy-corporation/" class="mx-2" aria-label="McCoy's LinkedIn Page">
13773                        <img src="/images/footer/Social_LinkedIn_Light.svg?v=1HR-KrxOqj6a22U2iIpEiJOps7kKn_UFRrIUgUwqXY4" class="footer-icon" alt="McCoy's LinkedIn Page" />
13774                    </a>
13775                    <a href="https://www.instagram.com/mccoysbuildingsupply/" class="mx-2" aria-label="McCoy's Instagram Page">
13776                        <img src="/images/footer/Social_Instagram_Light.svg?v=AiQTpF24HMDyxHryOpeO_w2LTC_R5Ibw34U_R7XP8ak" class="footer-icon" alt="McCoy's Instagram Page" />
13777                    </a>
13778                </nav>
13779            </div>
13780            <div class="col-12 mx-auto" style="display:inline;">
13781                    <div class="row mt-3">
13782                        <p style="display:inline;justify-content:space-evenly;margin-bottom:0px;">
13783                                <a class="fw-normal" style="color:white;" href="/corporate/privacy-policy">Privacy Policy</a>
13784                                    <span class="mx-1">&bull;</span>
13785                                <a class="fw-normal" style="color:white;" href="/corporate/legal-notice">Legal Notice</a>
13786                                    <span class="mx-1">&bull;</span>
13787                                <a class="fw-normal" style="color:white;" href="/corporate/loyalty-terms">Loyalty Program Terms and Conditions</a>
13788                                    <span class="mx-1">&bull;</span>
13789                            <span class="ot-sdk-show-settings border-0 fw-normal" style="cursor:pointer;color:white;">Cookie Settings</span>
13790                        </p>
13791                    </div>
13792                <div class="row mt-3 justify-content-center" style="font-size:12px;">
13793                    <p>SERVING THE BORN TO BUILD &#xAE; SINCE 1927</p>
13794                    <p>&#xA9; Copyright 2026 McCoy&#x27;s Building Supply &#xAE;</p>
13795                </div>
13796            </div>
13797        </div>
13798    </section>
13799    
13799<script type="text/javascript">
13800        function rotateChevron(t){
13801            document.querySelector(`#${t}`).style.transform == "rotate(180deg)" ? "" : "rotate(180deg)";
13802        }
13803    </script>
13803
13804</footer>
13805    
13806    <div id="page-loading-modal" class="modal rounded" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1">
13807    <div class="modal-dialog modal-sm modal-dialog-centered">
13808        <div class="modal-content">
13809            <div class="modal-body d-flex flex-column justify-content-center align-items-center">
13810                <div class="spinner-border text-primary" role="status"></div>
13811                <div class="mt-2">
13812                    Loading
13813                </div>
13814            </div>
13815        </div>
13816    </div>
13817</div>
13818        
13818<script src="/js/bundle.js?v=tBczmUIU4aixOCv1MoQWJORiZ4J_kMW3PNlnXnb9Cuk" type="text/javascript"></script>
13818
13819    
13820</body>
13821</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.