

<!DOCTYPE html>
<html lang="en">
<head>
    

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">


<script>
(function(){
    var appDebug = false;
    if (appDebug) return;
    var noop = function(){};
    var silenced = ['log', 'debug', 'info', 'table', 'dir', 'dirxml', 'trace',
                    'group', 'groupCollapsed', 'groupEnd'];
    for (var i = 0; i < silenced.length; i++) {
        if (typeof console[silenced[i]] === 'function') {
            console[silenced[i]] = noop;
        }
    }
})();
</script>


<link rel="shortcut icon" href="/uploads/branding/cropped-image_mptfao5i_g.e7d183cf.webp" type="image/png">
<link rel="icon" href="/uploads/branding/cropped-image_mptfao5i_g.e7d183cf.webp" type="image/png">

 
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css" onerror="this.onerror=null; this.href='/assets/vendor/bootstrap-icons-1.13.1/bootstrap-icons.min.css';">

<link rel="stylesheet" href="/assets/css/colors-variables.css">

<link rel="stylesheet" href="/assets/css/base.css">

<link rel="stylesheet" href="/assets/css/components/nav.css">
<link rel="stylesheet" href="/assets/css/components/account-nav.css">
<link rel="stylesheet" href="/assets/css/components/buttons.css">
<link rel="stylesheet" href="/assets/css/components/forms.css">
<link rel="stylesheet" href="/assets/css/components/alerts.css">
<link rel="stylesheet" href="/assets/css/components/cards.css">
<link rel="stylesheet" href="/assets/css/components/hero.css">
<link rel="stylesheet" href="/assets/css/components/cta.css">
<link rel="stylesheet" href="/assets/css/components/contact-form.css">
<link rel="stylesheet" href="/assets/css/components/product-cards.css">
<link rel="stylesheet" href="/assets/css/components/category-sub-nav.css">
<link rel="stylesheet" href="/assets/css/components/size-pricing.css">
<link rel="stylesheet" href="/assets/css/components/testimonials.css">
<link rel="stylesheet" href="/assets/css/components/social-band.css">


    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-WC6GLKHL');</script>
    

<script src="/assets/js/active-visitor-heartbeat.js" defer></script>


<script src="https://js.stripe.com/v3/"></script>

    
<title>Die-Cut Yard Signs (2-Sided) | SignZien</title>
<meta name="description" content="Two-sided visibility in a custom shape, printed on fully opaque corrugated plastic with no ghosting between sides. Perfect for high-traffic areas where your">
<link rel="canonical" href="https://signzien.com/product/22/die-cut-yard-signs-2-sided">
<meta property="og:type" content="product">
<meta property="og:site_name" content="SignZien">
<meta property="og:title" content="Die-Cut Yard Signs (2-Sided) | SignZien">
<meta property="og:description" content="Two-sided visibility in a custom shape, printed on fully opaque corrugated plastic with no ghosting between sides. Perfect for high-traffic areas where your">
<meta property="og:url" content="https://signzien.com/product/22/die-cut-yard-signs-2-sided">
<meta property="og:image" content="https://signzien.com/uploads/products/cropped-image.8cd05775.webp">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Die-Cut Yard Signs (2-Sided) | SignZien">
<meta name="twitter:description" content="Two-sided visibility in a custom shape, printed on fully opaque corrugated plastic with no ghosting between sides. Perfect for high-traffic areas where your">
<meta name="twitter:image" content="https://signzien.com/uploads/products/cropped-image.8cd05775.webp">
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","sameAs":["https://www.facebook.com/profile.php?id=61561596916493","https://www.instagram.com/signzien/"],"url":"https://signzien.com","logo":"https://signzien.com/uploads/branding/cropped-image_mpix0x66_m.webp","name":"SignZien","contactPoint":{"telephone":"(205) 509-9167","@type":"ContactPoint","contactType":"customer service"},"description":"Shop custom yard signs, banners, stickers, aluminum signs, and magnets at SignZien. Easy online ordering, premium materials, fast shipping."}</script>

<script type="application/ld+json">{"@context":"https://schema.org","@type":"Product","brand":{"@type":"Brand","name":"SignZien"},"category":"4mm White Coroplast","image":"https://signzien.com/uploads/products/cropped-image.8cd05775.webp","name":"Die-Cut Yard Signs (2-Sided)","description":"Two-sided visibility in a custom shape, printed on fully opaque corrugated plastic with no ghosting between sides. Perfect for high-traffic areas where your","offers":{"availability":"https://schema.org/InStock","lowPrice":"2.83","highPrice":"26.74","seller":{"@type":"Organization","name":"SignZien"},"@type":"AggregateOffer","offerCount":56,"priceCurrency":"USD"}}</script>


<script type="application/ld+json">{"itemListElement":[{"item":"https://signzien.com/","position":1,"@type":"ListItem","name":"Home"},{"item":"https://signzien.com/category/yard-signs","position":2,"@type":"ListItem","name":"Yard Signs"},{"item":"https://signzien.com/product/22/die-cut-yard-signs-2-sided","position":3,"@type":"ListItem","name":"Die-Cut Yard Signs (2-Sided)"}],"@context":"https://schema.org","@type":"BreadcrumbList"}</script>


    <link rel="stylesheet" href="/assets/css/components/cards.css">
    <link rel="stylesheet" href="/assets/css/components/size-pricing.css">
    <link rel="stylesheet" href="/assets/css/customer.css?v=3">
    <link rel="stylesheet" href="/products/products-view.css">
</head>
<body>

    
<style>
:root {
    
    --primary-color: #c6012d;
    --primary-comliment-color: #656565;
    --primary-hover-color: #656565;
    --nav-background-color: #222222;
    --nav-text-color: #ffffff;
    --success-button-color: #c6012d;
    --warning-button-color: #f1c40f;
    --danger-button-color: #922b21;
    
    --success-button-compliment-color: #656565;
    --warning-button-compliment-color: #f4d03f;
    --danger-button-compliment-color: #7b241c;
    --secondary-color: #656565;
    --secondary-hover-color: #656565;
}
</style>


<header class="site-nav site-nav--solid">
    <div class="site-nav__inner">
        
        <button type="button" class="nav-btn nav-toggle" id="navToggle" aria-label="Toggle navigation" aria-expanded="false">
            <i class="bi bi-list"></i>
        </button>

        
        <a href="/" class="nav-brand">
            <img src="/uploads/branding/cropped-image_mpix0x66_m.webp" alt="SignZien">
        </a>

        
        <nav class="nav-menu" id="navMenu">
            <ul class="nav-list">
                <li>
                    <a href="/" class="nav-link">Home</a>
                </li>
                <li>
                    <a href="/products/" class="nav-link nav-link--active">Products</a>
                </li>
                <li>
                    <a href="/about/" class="nav-link">About Us</a>
                </li>
            </ul>
        </nav>

        
        <div class="nav-actions">
            
            <a href="/cart/" class="nav-btn" title="Shopping Cart">
                <i class="bi bi-cart3"></i>
                <span class="nav-badge" id="cartCount" style="display:none">0</span>
            </a>

            
                <a href="/account/login.cfm" class="nav-btn" title="Login">
                    <i class="bi bi-person-circle"></i>
                    <span class="nav-btn__text">Login</span>
                </a>
            
        </div>
    </div>
</header>

<script>
(function() {
    // Mobile menu toggle
    const navToggle = document.getElementById('navToggle');
    const navMenu = document.getElementById('navMenu');

    if (navToggle && navMenu) {
        navToggle.addEventListener('click', function() {
            const isOpen = navMenu.classList.toggle('is-open');
            navToggle.classList.toggle('is-open', isOpen);
            navToggle.setAttribute('aria-expanded', isOpen);
        });
    }

    // Account dropdown toggle
    const accountDropdown = document.getElementById('accountDropdown');
    if (accountDropdown) {
        const btn = accountDropdown.querySelector('button');
        btn.addEventListener('click', function(e) {
            e.stopPropagation();
            const isOpen = accountDropdown.classList.toggle('is-open');
            btn.setAttribute('aria-expanded', isOpen);
        });

        // Close dropdown when clicking outside
        document.addEventListener('click', function(e) {
            if (!accountDropdown.contains(e.target)) {
                accountDropdown.classList.remove('is-open');
                btn.setAttribute('aria-expanded', 'false');
            }
        });
    }

    // Close mobile menu when clicking outside
    document.addEventListener('click', function(e) {
        if (navMenu && navToggle && !navMenu.contains(e.target) && !navToggle.contains(e.target)) {
            navMenu.classList.remove('is-open');
            navToggle.classList.remove('is-open');
            navToggle.setAttribute('aria-expanded', 'false');
        }
    });
})();
</script>


            <nav class="category-sub-nav">
                <div class="container">
                    <div class="category-sub-nav__wrapper">
                        <button class="category-sub-nav__arrow category-sub-nav__arrow--left" aria-label="Scroll left">
                            <i class="bi bi-chevron-left"></i>
                        </button>
                        <ul class="category-sub-nav__list">
                            
                            
                            <li class="category-sub-nav__item">
                                <a href="/products/"
                                   class="category-sub-nav__link">
                                    <i class="bi bi-grid"></i> All Categories
                                </a>
                            </li>
                            
                            
                                <li class="category-sub-nav__item">
                                    <a href="/category/real-estate-signs"
                                       class="category-sub-nav__link">
                                        Real Estate Signs
                                    </a>
                                </li>
                            
                                <li class="category-sub-nav__item">
                                    <a href="/category/yard-signs"
                                       class="category-sub-nav__link category-sub-nav__link--active">
                                        Yard Signs
                                    </a>
                                </li>
                            
                                <li class="category-sub-nav__item">
                                    <a href="/category/banners"
                                       class="category-sub-nav__link">
                                        Banners
                                    </a>
                                </li>
                            
                                <li class="category-sub-nav__item">
                                    <a href="/category/magnets"
                                       class="category-sub-nav__link">
                                        Magnets
                                    </a>
                                </li>
                            
                                <li class="category-sub-nav__item">
                                    <a href="/category/aluminum"
                                       class="category-sub-nav__link">
                                        Aluminum
                                    </a>
                                </li>
                            
                                <li class="category-sub-nav__item">
                                    <a href="/category/vinyl-stickers"
                                       class="category-sub-nav__link">
                                        Vinyl Stickers
                                    </a>
                                </li>
                            
                                <li class="category-sub-nav__item">
                                    <a href="/category/wall-vinyl"
                                       class="category-sub-nav__link">
                                        Wall Vinyl
                                    </a>
                                </li>
                            
                                <li class="category-sub-nav__item">
                                    <a href="/category/dtf-transfers"
                                       class="category-sub-nav__link">
                                        DTF Transfers
                                    </a>
                                </li>
                            
                                <li class="category-sub-nav__item">
                                    <a href="/category/posters"
                                       class="category-sub-nav__link">
                                        Posters
                                    </a>
                                </li>
                            
                            
                        </ul>
                        <button class="category-sub-nav__arrow category-sub-nav__arrow--right" aria-label="Scroll right">
                            <i class="bi bi-chevron-right"></i>
                        </button>
                    </div>
                </div>
            </nav>

            <script>
            document.addEventListener('DOMContentLoaded', function() {
                var wrapper = document.querySelector('.category-sub-nav__wrapper');
                var list = document.querySelector('.category-sub-nav__list');
                var leftBtn = document.querySelector('.category-sub-nav__arrow--left');
                var rightBtn = document.querySelector('.category-sub-nav__arrow--right');
                if (!wrapper || !list || !leftBtn || !rightBtn) return;

                function update() {
                    var overflows = list.scrollWidth > list.clientWidth + 1;
                    var atStart = list.scrollLeft <= 1;
                    var atEnd = list.scrollLeft >= list.scrollWidth - list.clientWidth - 1;

                    wrapper.classList.toggle('has-overflow', overflows);
                    wrapper.classList.toggle('at-start', atStart);
                    wrapper.classList.toggle('at-end', atEnd);
                    leftBtn.style.display = overflows && !atStart ? 'flex' : 'none';
                    rightBtn.style.display = overflows && !atEnd ? 'flex' : 'none';
                }

                leftBtn.addEventListener('click', function() {
                    list.scrollBy({ left: -200, behavior: 'smooth' });
                });
                rightBtn.addEventListener('click', function() {
                    list.scrollBy({ left: 200, behavior: 'smooth' });
                });

                list.addEventListener('scroll', update);
                window.addEventListener('resize', update);
                // Run after layout is settled
                requestAnimationFrame(function() {
                    requestAnimationFrame(update);
                });
            });
            </script>
        
    
    <div class="media-lightbox" id="mediaLightbox" onclick="closeLightbox(event)">
        <span class="media-lightbox-close" onclick="closeLightbox(event)">&times;</span>

        
        <button class="lightbox-nav lightbox-prev" onclick="navigateLightbox(-1); event.stopPropagation();" aria-label="Previous">
            <i class="bi bi-chevron-left"></i>
        </button>
        <button class="lightbox-nav lightbox-next" onclick="navigateLightbox(1); event.stopPropagation();" aria-label="Next">
            <i class="bi bi-chevron-right"></i>
        </button>

        
        <div class="lightbox-main" onclick="event.stopPropagation();">
            <img id="lightboxImage" src="" alt="">
            <div id="lightboxVideo">
                <iframe id="lightboxVideoFrame" width="100%" height="100%" frameborder="0" allowfullscreen></iframe>
            </div>
        </div>

        
        <div class="lightbox-thumbs" id="lightboxThumbs" onclick="event.stopPropagation();">
            
        </div>
    </div>

    
    <section class="product-hero">
        <div class="container">
            <div class="product-hero__grid">
                
                <div class="product-hero__image">
                    
                    <div class="product-hero__header">
                        <h1 class="product-hero__title">
                            Die-Cut Yard Signs (2-Sided)
                        </h1>
                        <span class="product-hero__badge">
                            <i class="bi bi-tag"></i> 4mm White Coroplast
                        </span>
                    </div>
                    <div class="product-gallery">
                        <div class="product-gallery__main">
                            
                                <img id="mainProductImage" src="/uploads/products/cropped-image.8cd05775.webp" alt="Die-Cut Yard Signs (2-Sided)" onclick="openLightbox(this.src, this.alt)">
                            
                        </div>
                        
                            <div class="product-gallery__thumbs-wrapper">
                                <button class="thumb-scroll-btn thumb-scroll-left" onclick="scrollThumbs('left')" aria-label="Scroll left">
                                    <i class="bi bi-chevron-left"></i>
                                </button>
                                <div class="product-gallery__thumbs" id="thumbsContainer">
                                    
                                        
                                        <button class="product-gallery__thumb active"
                                                data-media-type="image"
                                                
                                                onclick="changeMainImage('\/uploads\/products\/cropped\-image.8cd05775.webp', this)">
                                            <img src="/uploads/products/cropped-image.8cd05775.webp" alt="Die-Cut Yard Signs (2-Sided)" loading="lazy">
                                            
                                        </button>
                                        
                                    
                                        <button class="product-gallery__thumb"
                                                data-media-type="image"
                                                
                                                onclick="changeMainImage('\/uploads\/products\/cropped\-image.89f4223b.webp', this)">
                                            <img src="/uploads/products/cropped-image.89f4223b.webp" alt="Die-Cut Yard Signs (2-Sided)" loading="lazy">
                                            
                                        </button>
                                        
                                    
                                        <button class="product-gallery__thumb"
                                                data-media-type="image"
                                                
                                                onclick="changeMainImage('\/uploads\/products\/cropped\-image.1c4993a6.webp', this)">
                                            <img src="/uploads/products/cropped-image.1c4993a6.webp" alt="Die-Cut Yard Signs (2-Sided)" loading="lazy">
                                            
                                        </button>
                                        
                                    
                                        <button class="product-gallery__thumb"
                                                data-media-type="image"
                                                
                                                onclick="changeMainImage('\/uploads\/products\/cropped\-image.b4c1b119.webp', this)">
                                            <img src="/uploads/products/cropped-image.b4c1b119.webp" alt="Die-Cut Yard Signs (2-Sided)" loading="lazy">
                                            
                                        </button>
                                        
                                    
                                        <button class="product-gallery__thumb"
                                                data-media-type="image"
                                                
                                                onclick="changeMainImage('\/uploads\/products\/cropped\-image.7735251e.webp', this)">
                                            <img src="/uploads/products/cropped-image.7735251e.webp" alt="Die-Cut Yard Signs (2-Sided)" loading="lazy">
                                            
                                        </button>
                                        
                                    
                                        <button class="product-gallery__thumb"
                                                data-media-type="image"
                                                
                                                onclick="changeMainImage('\/uploads\/products\/cropped\-image.e0666f51.webp', this)">
                                            <img src="/uploads/products/cropped-image.e0666f51.webp" alt="Die-Cut Yard Signs (2-Sided)" loading="lazy">
                                            
                                        </button>
                                        
                                    
                                </div>
                                <button class="thumb-scroll-btn thumb-scroll-right" onclick="scrollThumbs('right')" aria-label="Scroll right">
                                    <i class="bi bi-chevron-right"></i>
                                </button>
                            </div>
                        
                    </div>

                    
                        <div class="product-hero__description">
                            Two-sided visibility in a custom shape, printed on fully opaque corrugated plastic with no ghosting between sides. Perfect for high-traffic areas where your sign needs to be seen from both directions.
                        </div>
                    
                </div>

                
                <div class="product-hero__info">
                    
                    
                        <div class="product-hero__sizes">
                            <h3 class="product-hero__sizes-label">Select a Size</h3>
                            <div class="size-chips size-chips--count-7">
                                
                                    
                                    <button class="size-chip" type="button"
                                            data-spec-id="235"
                                            data-product-id="22"
                                            data-min-qty="1"
                                            data-size-name="6x24"
                                            data-tiers="[{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:235,&#34;price_per_unit&#34;:14.61,&#34;min_quantity&#34;:5,&#34;pricing_id&#34;:2180,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:41:18 +0000&#34;,&#34;max_quantity&#34;:9,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:9.74,&#34;updated_at&#34;:&#34;June, 24 2026 23:42:09 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:235,&#34;price_per_unit&#34;:10.15,&#34;min_quantity&#34;:10,&#34;pricing_id&#34;:2181,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:41:18 +0000&#34;,&#34;max_quantity&#34;:19,&#34;markup_value&#34;:90,&#34;wholesale_price&#34;:5.34,&#34;updated_at&#34;:&#34;June, 24 2026 23:41:39 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:235,&#34;price_per_unit&#34;:6.28,&#34;min_quantity&#34;:20,&#34;pricing_id&#34;:2182,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:41:18 +0000&#34;,&#34;max_quantity&#34;:49,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:3.14,&#34;updated_at&#34;:&#34;June, 24 2026 23:41:41 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:235,&#34;price_per_unit&#34;:4.06,&#34;min_quantity&#34;:50,&#34;pricing_id&#34;:2183,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:41:18 +0000&#34;,&#34;max_quantity&#34;:99,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:2.03,&#34;updated_at&#34;:&#34;June, 24 2026 23:41:45 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:235,&#34;price_per_unit&#34;:3.58,&#34;min_quantity&#34;:100,&#34;pricing_id&#34;:2184,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:41:18 +0000&#34;,&#34;max_quantity&#34;:249,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:1.79,&#34;updated_at&#34;:&#34;June, 24 2026 23:41:48 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:235,&#34;price_per_unit&#34;:3.08,&#34;min_quantity&#34;:250,&#34;pricing_id&#34;:2185,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:41:18 +0000&#34;,&#34;max_quantity&#34;:499,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:1.54,&#34;updated_at&#34;:&#34;June, 24 2026 23:41:50 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:235,&#34;price_per_unit&#34;:2.98,&#34;min_quantity&#34;:500,&#34;pricing_id&#34;:2186,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:41:18 +0000&#34;,&#34;max_quantity&#34;:999,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:1.49,&#34;updated_at&#34;:&#34;June, 24 2026 23:41:54 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:235,&#34;price_per_unit&#34;:2.83,&#34;min_quantity&#34;:1000,&#34;pricing_id&#34;:2187,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:41:18 +0000&#34;,&#34;max_quantity&#34;:&#34;&#34;,&#34;markup_value&#34;:90,&#34;wholesale_price&#34;:1.49,&#34;updated_at&#34;:&#34;June, 24 2026 23:42:00 +0000&#34;}]"
                                            data-all-tiers="[{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:235,&#34;price_per_unit&#34;:47.18,&#34;min_quantity&#34;:1,&#34;pricing_id&#34;:2176,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;June, 24 2026 23:41:17 +0000&#34;,&#34;max_quantity&#34;:1,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:31.45,&#34;updated_at&#34;:&#34;June, 24 2026 23:41:18 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:235,&#34;price_per_unit&#34;:30.96,&#34;min_quantity&#34;:2,&#34;pricing_id&#34;:2177,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;June, 24 2026 23:41:17 +0000&#34;,&#34;max_quantity&#34;:2,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:20.64,&#34;updated_at&#34;:&#34;June, 24 2026 23:41:18 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:235,&#34;price_per_unit&#34;:23.4,&#34;min_quantity&#34;:3,&#34;pricing_id&#34;:2178,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;June, 24 2026 23:41:17 +0000&#34;,&#34;max_quantity&#34;:3,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:15.6,&#34;updated_at&#34;:&#34;June, 24 2026 23:41:18 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:235,&#34;price_per_unit&#34;:17.9,&#34;min_quantity&#34;:4,&#34;pricing_id&#34;:2179,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;June, 24 2026 23:41:18 +0000&#34;,&#34;max_quantity&#34;:4,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:11.93,&#34;updated_at&#34;:&#34;June, 24 2026 23:41:18 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:235,&#34;price_per_unit&#34;:14.61,&#34;min_quantity&#34;:5,&#34;pricing_id&#34;:2180,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:41:18 +0000&#34;,&#34;max_quantity&#34;:9,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:9.74,&#34;updated_at&#34;:&#34;June, 24 2026 23:42:09 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:235,&#34;price_per_unit&#34;:10.15,&#34;min_quantity&#34;:10,&#34;pricing_id&#34;:2181,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:41:18 +0000&#34;,&#34;max_quantity&#34;:19,&#34;markup_value&#34;:90,&#34;wholesale_price&#34;:5.34,&#34;updated_at&#34;:&#34;June, 24 2026 23:41:39 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:235,&#34;price_per_unit&#34;:6.28,&#34;min_quantity&#34;:20,&#34;pricing_id&#34;:2182,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:41:18 +0000&#34;,&#34;max_quantity&#34;:49,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:3.14,&#34;updated_at&#34;:&#34;June, 24 2026 23:41:41 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:235,&#34;price_per_unit&#34;:4.06,&#34;min_quantity&#34;:50,&#34;pricing_id&#34;:2183,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:41:18 +0000&#34;,&#34;max_quantity&#34;:99,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:2.03,&#34;updated_at&#34;:&#34;June, 24 2026 23:41:45 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:235,&#34;price_per_unit&#34;:3.58,&#34;min_quantity&#34;:100,&#34;pricing_id&#34;:2184,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:41:18 +0000&#34;,&#34;max_quantity&#34;:249,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:1.79,&#34;updated_at&#34;:&#34;June, 24 2026 23:41:48 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:235,&#34;price_per_unit&#34;:3.08,&#34;min_quantity&#34;:250,&#34;pricing_id&#34;:2185,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:41:18 +0000&#34;,&#34;max_quantity&#34;:499,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:1.54,&#34;updated_at&#34;:&#34;June, 24 2026 23:41:50 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:235,&#34;price_per_unit&#34;:2.98,&#34;min_quantity&#34;:500,&#34;pricing_id&#34;:2186,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:41:18 +0000&#34;,&#34;max_quantity&#34;:999,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:1.49,&#34;updated_at&#34;:&#34;June, 24 2026 23:41:54 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:235,&#34;price_per_unit&#34;:2.83,&#34;min_quantity&#34;:1000,&#34;pricing_id&#34;:2187,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:41:18 +0000&#34;,&#34;max_quantity&#34;:&#34;&#34;,&#34;markup_value&#34;:90,&#34;wholesale_price&#34;:1.49,&#34;updated_at&#34;:&#34;June, 24 2026 23:42:00 +0000&#34;}]"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">6x24</span>
                                        
                                            <span class="size-chip__price">from $2.83</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip" type="button"
                                            data-spec-id="236"
                                            data-product-id="22"
                                            data-min-qty="1"
                                            data-size-name="9x24"
                                            data-tiers="[{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:236,&#34;price_per_unit&#34;:15.17,&#34;min_quantity&#34;:5,&#34;pricing_id&#34;:2192,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:42:28 +0000&#34;,&#34;max_quantity&#34;:9,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:10.11,&#34;updated_at&#34;:&#34;June, 24 2026 23:42:36 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:236,&#34;price_per_unit&#34;:10.85,&#34;min_quantity&#34;:10,&#34;pricing_id&#34;:2193,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:42:28 +0000&#34;,&#34;max_quantity&#34;:19,&#34;markup_value&#34;:90,&#34;wholesale_price&#34;:5.71,&#34;updated_at&#34;:&#34;June, 24 2026 23:42:37 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:236,&#34;price_per_unit&#34;:7.02,&#34;min_quantity&#34;:20,&#34;pricing_id&#34;:2194,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:42:28 +0000&#34;,&#34;max_quantity&#34;:49,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:3.51,&#34;updated_at&#34;:&#34;June, 24 2026 23:42:41 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:236,&#34;price_per_unit&#34;:5.8,&#34;min_quantity&#34;:50,&#34;pricing_id&#34;:2195,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:42:28 +0000&#34;,&#34;max_quantity&#34;:99,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:2.9,&#34;updated_at&#34;:&#34;June, 24 2026 23:42:43 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:236,&#34;price_per_unit&#34;:5.22,&#34;min_quantity&#34;:100,&#34;pricing_id&#34;:2196,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:42:28 +0000&#34;,&#34;max_quantity&#34;:249,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:2.61,&#34;updated_at&#34;:&#34;June, 24 2026 23:42:46 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:236,&#34;price_per_unit&#34;:4.56,&#34;min_quantity&#34;:250,&#34;pricing_id&#34;:2197,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:42:29 +0000&#34;,&#34;max_quantity&#34;:499,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:2.28,&#34;updated_at&#34;:&#34;June, 24 2026 23:42:50 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:236,&#34;price_per_unit&#34;:4.46,&#34;min_quantity&#34;:500,&#34;pricing_id&#34;:2198,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:42:29 +0000&#34;,&#34;max_quantity&#34;:999,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:2.23,&#34;updated_at&#34;:&#34;June, 24 2026 23:42:52 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:236,&#34;price_per_unit&#34;:4.24,&#34;min_quantity&#34;:1000,&#34;pricing_id&#34;:2199,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:42:29 +0000&#34;,&#34;max_quantity&#34;:&#34;&#34;,&#34;markup_value&#34;:90,&#34;wholesale_price&#34;:2.23,&#34;updated_at&#34;:&#34;June, 24 2026 23:42:57 +0000&#34;}]"
                                            data-all-tiers="[{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:236,&#34;price_per_unit&#34;:67.95,&#34;min_quantity&#34;:1,&#34;pricing_id&#34;:2188,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;June, 24 2026 23:42:28 +0000&#34;,&#34;max_quantity&#34;:1,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:45.3,&#34;updated_at&#34;:&#34;June, 24 2026 23:42:29 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:236,&#34;price_per_unit&#34;:34.97,&#34;min_quantity&#34;:2,&#34;pricing_id&#34;:2189,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;June, 24 2026 23:42:28 +0000&#34;,&#34;max_quantity&#34;:2,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:23.31,&#34;updated_at&#34;:&#34;June, 24 2026 23:42:29 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:236,&#34;price_per_unit&#34;:23.97,&#34;min_quantity&#34;:3,&#34;pricing_id&#34;:2190,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;June, 24 2026 23:42:28 +0000&#34;,&#34;max_quantity&#34;:3,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:15.98,&#34;updated_at&#34;:&#34;June, 24 2026 23:42:29 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:236,&#34;price_per_unit&#34;:18.47,&#34;min_quantity&#34;:4,&#34;pricing_id&#34;:2191,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;June, 24 2026 23:42:28 +0000&#34;,&#34;max_quantity&#34;:4,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:12.31,&#34;updated_at&#34;:&#34;June, 24 2026 23:42:29 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:236,&#34;price_per_unit&#34;:15.17,&#34;min_quantity&#34;:5,&#34;pricing_id&#34;:2192,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:42:28 +0000&#34;,&#34;max_quantity&#34;:9,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:10.11,&#34;updated_at&#34;:&#34;June, 24 2026 23:42:36 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:236,&#34;price_per_unit&#34;:10.85,&#34;min_quantity&#34;:10,&#34;pricing_id&#34;:2193,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:42:28 +0000&#34;,&#34;max_quantity&#34;:19,&#34;markup_value&#34;:90,&#34;wholesale_price&#34;:5.71,&#34;updated_at&#34;:&#34;June, 24 2026 23:42:37 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:236,&#34;price_per_unit&#34;:7.02,&#34;min_quantity&#34;:20,&#34;pricing_id&#34;:2194,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:42:28 +0000&#34;,&#34;max_quantity&#34;:49,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:3.51,&#34;updated_at&#34;:&#34;June, 24 2026 23:42:41 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:236,&#34;price_per_unit&#34;:5.8,&#34;min_quantity&#34;:50,&#34;pricing_id&#34;:2195,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:42:28 +0000&#34;,&#34;max_quantity&#34;:99,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:2.9,&#34;updated_at&#34;:&#34;June, 24 2026 23:42:43 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:236,&#34;price_per_unit&#34;:5.22,&#34;min_quantity&#34;:100,&#34;pricing_id&#34;:2196,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:42:28 +0000&#34;,&#34;max_quantity&#34;:249,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:2.61,&#34;updated_at&#34;:&#34;June, 24 2026 23:42:46 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:236,&#34;price_per_unit&#34;:4.56,&#34;min_quantity&#34;:250,&#34;pricing_id&#34;:2197,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:42:29 +0000&#34;,&#34;max_quantity&#34;:499,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:2.28,&#34;updated_at&#34;:&#34;June, 24 2026 23:42:50 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:236,&#34;price_per_unit&#34;:4.46,&#34;min_quantity&#34;:500,&#34;pricing_id&#34;:2198,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:42:29 +0000&#34;,&#34;max_quantity&#34;:999,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:2.23,&#34;updated_at&#34;:&#34;June, 24 2026 23:42:52 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:236,&#34;price_per_unit&#34;:4.24,&#34;min_quantity&#34;:1000,&#34;pricing_id&#34;:2199,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:42:29 +0000&#34;,&#34;max_quantity&#34;:&#34;&#34;,&#34;markup_value&#34;:90,&#34;wholesale_price&#34;:2.23,&#34;updated_at&#34;:&#34;June, 24 2026 23:42:57 +0000&#34;}]"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">9x24</span>
                                        
                                            <span class="size-chip__price">from $4.24</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip" type="button"
                                            data-spec-id="237"
                                            data-product-id="22"
                                            data-min-qty="1"
                                            data-size-name="12x18"
                                            data-tiers="[{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:237,&#34;price_per_unit&#34;:15.17,&#34;min_quantity&#34;:5,&#34;pricing_id&#34;:2204,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:43:33 +0000&#34;,&#34;max_quantity&#34;:9,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:10.11,&#34;updated_at&#34;:&#34;June, 24 2026 23:44:03 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:237,&#34;price_per_unit&#34;:10.85,&#34;min_quantity&#34;:10,&#34;pricing_id&#34;:2205,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:43:33 +0000&#34;,&#34;max_quantity&#34;:19,&#34;markup_value&#34;:90,&#34;wholesale_price&#34;:5.71,&#34;updated_at&#34;:&#34;June, 24 2026 23:43:41 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:237,&#34;price_per_unit&#34;:7.02,&#34;min_quantity&#34;:20,&#34;pricing_id&#34;:2206,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:43:33 +0000&#34;,&#34;max_quantity&#34;:49,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:3.51,&#34;updated_at&#34;:&#34;June, 24 2026 23:43:44 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:237,&#34;price_per_unit&#34;:5.8,&#34;min_quantity&#34;:50,&#34;pricing_id&#34;:2207,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:43:33 +0000&#34;,&#34;max_quantity&#34;:99,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:2.9,&#34;updated_at&#34;:&#34;June, 24 2026 23:43:46 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:237,&#34;price_per_unit&#34;:5.22,&#34;min_quantity&#34;:100,&#34;pricing_id&#34;:2208,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:43:33 +0000&#34;,&#34;max_quantity&#34;:249,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:2.61,&#34;updated_at&#34;:&#34;June, 24 2026 23:43:48 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:237,&#34;price_per_unit&#34;:4.56,&#34;min_quantity&#34;:250,&#34;pricing_id&#34;:2209,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:43:33 +0000&#34;,&#34;max_quantity&#34;:499,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:2.28,&#34;updated_at&#34;:&#34;June, 24 2026 23:43:51 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:237,&#34;price_per_unit&#34;:4.46,&#34;min_quantity&#34;:500,&#34;pricing_id&#34;:2210,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:43:33 +0000&#34;,&#34;max_quantity&#34;:999,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:2.23,&#34;updated_at&#34;:&#34;June, 24 2026 23:43:53 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:237,&#34;price_per_unit&#34;:4.24,&#34;min_quantity&#34;:1000,&#34;pricing_id&#34;:2211,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:43:33 +0000&#34;,&#34;max_quantity&#34;:&#34;&#34;,&#34;markup_value&#34;:90,&#34;wholesale_price&#34;:2.23,&#34;updated_at&#34;:&#34;June, 24 2026 23:43:56 +0000&#34;}]"
                                            data-all-tiers="[{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:237,&#34;price_per_unit&#34;:47.57,&#34;min_quantity&#34;:1,&#34;pricing_id&#34;:2200,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;June, 24 2026 23:43:33 +0000&#34;,&#34;max_quantity&#34;:1,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:31.71,&#34;updated_at&#34;:&#34;June, 24 2026 23:43:33 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:237,&#34;price_per_unit&#34;:31.47,&#34;min_quantity&#34;:2,&#34;pricing_id&#34;:2201,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;June, 24 2026 23:43:33 +0000&#34;,&#34;max_quantity&#34;:2,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:20.98,&#34;updated_at&#34;:&#34;June, 24 2026 23:43:33 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:237,&#34;price_per_unit&#34;:23.97,&#34;min_quantity&#34;:3,&#34;pricing_id&#34;:2202,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;June, 24 2026 23:43:33 +0000&#34;,&#34;max_quantity&#34;:3,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:15.98,&#34;updated_at&#34;:&#34;June, 24 2026 23:43:33 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:237,&#34;price_per_unit&#34;:18.47,&#34;min_quantity&#34;:4,&#34;pricing_id&#34;:2203,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;June, 24 2026 23:43:33 +0000&#34;,&#34;max_quantity&#34;:4,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:12.31,&#34;updated_at&#34;:&#34;June, 24 2026 23:43:33 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:237,&#34;price_per_unit&#34;:15.17,&#34;min_quantity&#34;:5,&#34;pricing_id&#34;:2204,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:43:33 +0000&#34;,&#34;max_quantity&#34;:9,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:10.11,&#34;updated_at&#34;:&#34;June, 24 2026 23:44:03 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:237,&#34;price_per_unit&#34;:10.85,&#34;min_quantity&#34;:10,&#34;pricing_id&#34;:2205,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:43:33 +0000&#34;,&#34;max_quantity&#34;:19,&#34;markup_value&#34;:90,&#34;wholesale_price&#34;:5.71,&#34;updated_at&#34;:&#34;June, 24 2026 23:43:41 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:237,&#34;price_per_unit&#34;:7.02,&#34;min_quantity&#34;:20,&#34;pricing_id&#34;:2206,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:43:33 +0000&#34;,&#34;max_quantity&#34;:49,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:3.51,&#34;updated_at&#34;:&#34;June, 24 2026 23:43:44 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:237,&#34;price_per_unit&#34;:5.8,&#34;min_quantity&#34;:50,&#34;pricing_id&#34;:2207,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:43:33 +0000&#34;,&#34;max_quantity&#34;:99,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:2.9,&#34;updated_at&#34;:&#34;June, 24 2026 23:43:46 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:237,&#34;price_per_unit&#34;:5.22,&#34;min_quantity&#34;:100,&#34;pricing_id&#34;:2208,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:43:33 +0000&#34;,&#34;max_quantity&#34;:249,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:2.61,&#34;updated_at&#34;:&#34;June, 24 2026 23:43:48 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:237,&#34;price_per_unit&#34;:4.56,&#34;min_quantity&#34;:250,&#34;pricing_id&#34;:2209,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:43:33 +0000&#34;,&#34;max_quantity&#34;:499,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:2.28,&#34;updated_at&#34;:&#34;June, 24 2026 23:43:51 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:237,&#34;price_per_unit&#34;:4.46,&#34;min_quantity&#34;:500,&#34;pricing_id&#34;:2210,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:43:33 +0000&#34;,&#34;max_quantity&#34;:999,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:2.23,&#34;updated_at&#34;:&#34;June, 24 2026 23:43:53 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:237,&#34;price_per_unit&#34;:4.24,&#34;min_quantity&#34;:1000,&#34;pricing_id&#34;:2211,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:43:33 +0000&#34;,&#34;max_quantity&#34;:&#34;&#34;,&#34;markup_value&#34;:90,&#34;wholesale_price&#34;:2.23,&#34;updated_at&#34;:&#34;June, 24 2026 23:43:56 +0000&#34;}]"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">12x18</span>
                                        
                                            <span class="size-chip__price">from $4.24</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip" type="button"
                                            data-spec-id="238"
                                            data-product-id="22"
                                            data-min-qty="1"
                                            data-size-name="12x24"
                                            data-tiers="[{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:238,&#34;price_per_unit&#34;:16.01,&#34;min_quantity&#34;:5,&#34;pricing_id&#34;:2216,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:44:22 +0000&#34;,&#34;max_quantity&#34;:9,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:10.67,&#34;updated_at&#34;:&#34;June, 24 2026 23:45:06 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:238,&#34;price_per_unit&#34;:11.91,&#34;min_quantity&#34;:10,&#34;pricing_id&#34;:2217,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:44:22 +0000&#34;,&#34;max_quantity&#34;:19,&#34;markup_value&#34;:90,&#34;wholesale_price&#34;:6.27,&#34;updated_at&#34;:&#34;June, 24 2026 23:45:09 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:238,&#34;price_per_unit&#34;:8.88,&#34;min_quantity&#34;:20,&#34;pricing_id&#34;:2218,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:44:22 +0000&#34;,&#34;max_quantity&#34;:49,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:4.44,&#34;updated_at&#34;:&#34;June, 24 2026 23:45:17 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:238,&#34;price_per_unit&#34;:7.54,&#34;min_quantity&#34;:50,&#34;pricing_id&#34;:2219,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:44:22 +0000&#34;,&#34;max_quantity&#34;:99,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:3.77,&#34;updated_at&#34;:&#34;June, 24 2026 23:45:19 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:238,&#34;price_per_unit&#34;:6.84,&#34;min_quantity&#34;:100,&#34;pricing_id&#34;:2220,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:44:22 +0000&#34;,&#34;max_quantity&#34;:249,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:3.42,&#34;updated_at&#34;:&#34;June, 24 2026 23:45:21 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:238,&#34;price_per_unit&#34;:6.04,&#34;min_quantity&#34;:250,&#34;pricing_id&#34;:2221,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:44:22 +0000&#34;,&#34;max_quantity&#34;:499,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:3.02,&#34;updated_at&#34;:&#34;June, 24 2026 23:45:24 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:238,&#34;price_per_unit&#34;:5.92,&#34;min_quantity&#34;:500,&#34;pricing_id&#34;:2222,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:44:22 +0000&#34;,&#34;max_quantity&#34;:999,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:2.96,&#34;updated_at&#34;:&#34;June, 24 2026 23:45:26 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:238,&#34;price_per_unit&#34;:5.62,&#34;min_quantity&#34;:1000,&#34;pricing_id&#34;:2223,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:44:22 +0000&#34;,&#34;max_quantity&#34;:&#34;&#34;,&#34;markup_value&#34;:90,&#34;wholesale_price&#34;:2.96,&#34;updated_at&#34;:&#34;June, 24 2026 23:45:28 +0000&#34;}]"
                                            data-all-tiers="[{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:238,&#34;price_per_unit&#34;:48.15,&#34;min_quantity&#34;:1,&#34;pricing_id&#34;:2212,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;June, 24 2026 23:44:22 +0000&#34;,&#34;max_quantity&#34;:1,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:32.1,&#34;updated_at&#34;:&#34;June, 24 2026 23:44:22 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:238,&#34;price_per_unit&#34;:32.24,&#34;min_quantity&#34;:2,&#34;pricing_id&#34;:2213,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;June, 24 2026 23:44:22 +0000&#34;,&#34;max_quantity&#34;:2,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:21.49,&#34;updated_at&#34;:&#34;June, 24 2026 23:44:22 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:238,&#34;price_per_unit&#34;:24.81,&#34;min_quantity&#34;:3,&#34;pricing_id&#34;:2214,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;June, 24 2026 23:44:22 +0000&#34;,&#34;max_quantity&#34;:3,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:16.54,&#34;updated_at&#34;:&#34;June, 24 2026 23:44:22 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:238,&#34;price_per_unit&#34;:19.31,&#34;min_quantity&#34;:4,&#34;pricing_id&#34;:2215,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;June, 24 2026 23:44:22 +0000&#34;,&#34;max_quantity&#34;:4,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:12.87,&#34;updated_at&#34;:&#34;June, 24 2026 23:44:22 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:238,&#34;price_per_unit&#34;:16.01,&#34;min_quantity&#34;:5,&#34;pricing_id&#34;:2216,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:44:22 +0000&#34;,&#34;max_quantity&#34;:9,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:10.67,&#34;updated_at&#34;:&#34;June, 24 2026 23:45:06 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:238,&#34;price_per_unit&#34;:11.91,&#34;min_quantity&#34;:10,&#34;pricing_id&#34;:2217,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:44:22 +0000&#34;,&#34;max_quantity&#34;:19,&#34;markup_value&#34;:90,&#34;wholesale_price&#34;:6.27,&#34;updated_at&#34;:&#34;June, 24 2026 23:45:09 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:238,&#34;price_per_unit&#34;:8.88,&#34;min_quantity&#34;:20,&#34;pricing_id&#34;:2218,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:44:22 +0000&#34;,&#34;max_quantity&#34;:49,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:4.44,&#34;updated_at&#34;:&#34;June, 24 2026 23:45:17 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:238,&#34;price_per_unit&#34;:7.54,&#34;min_quantity&#34;:50,&#34;pricing_id&#34;:2219,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:44:22 +0000&#34;,&#34;max_quantity&#34;:99,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:3.77,&#34;updated_at&#34;:&#34;June, 24 2026 23:45:19 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:238,&#34;price_per_unit&#34;:6.84,&#34;min_quantity&#34;:100,&#34;pricing_id&#34;:2220,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:44:22 +0000&#34;,&#34;max_quantity&#34;:249,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:3.42,&#34;updated_at&#34;:&#34;June, 24 2026 23:45:21 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:238,&#34;price_per_unit&#34;:6.04,&#34;min_quantity&#34;:250,&#34;pricing_id&#34;:2221,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:44:22 +0000&#34;,&#34;max_quantity&#34;:499,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:3.02,&#34;updated_at&#34;:&#34;June, 24 2026 23:45:24 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:238,&#34;price_per_unit&#34;:5.92,&#34;min_quantity&#34;:500,&#34;pricing_id&#34;:2222,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:44:22 +0000&#34;,&#34;max_quantity&#34;:999,&#34;markup_value&#34;:100,&#34;wholesale_price&#34;:2.96,&#34;updated_at&#34;:&#34;June, 24 2026 23:45:26 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:238,&#34;price_per_unit&#34;:5.62,&#34;min_quantity&#34;:1000,&#34;pricing_id&#34;:2223,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:44:22 +0000&#34;,&#34;max_quantity&#34;:&#34;&#34;,&#34;markup_value&#34;:90,&#34;wholesale_price&#34;:2.96,&#34;updated_at&#34;:&#34;June, 24 2026 23:45:28 +0000&#34;}]"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">12x24</span>
                                        
                                            <span class="size-chip__price">from $5.62</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip" type="button"
                                            data-spec-id="239"
                                            data-product-id="22"
                                            data-min-qty="1"
                                            data-size-name="18x24"
                                            data-tiers="[{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:239,&#34;price_per_unit&#34;:17.15,&#34;min_quantity&#34;:5,&#34;pricing_id&#34;:2228,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:46:33 +0000&#34;,&#34;max_quantity&#34;:9,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:11.43,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:12 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:239,&#34;price_per_unit&#34;:11.25,&#34;min_quantity&#34;:10,&#34;pricing_id&#34;:2229,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:46:33 +0000&#34;,&#34;max_quantity&#34;:19,&#34;markup_value&#34;:60,&#34;wholesale_price&#34;:7.03,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:12 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:239,&#34;price_per_unit&#34;:10.06,&#34;min_quantity&#34;:20,&#34;pricing_id&#34;:2230,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:46:33 +0000&#34;,&#34;max_quantity&#34;:49,&#34;markup_value&#34;:60,&#34;wholesale_price&#34;:6.29,&#34;updated_at&#34;:&#34;June, 24 2026 23:46:53 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:239,&#34;price_per_unit&#34;:8.8,&#34;min_quantity&#34;:50,&#34;pricing_id&#34;:2231,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:46:33 +0000&#34;,&#34;max_quantity&#34;:99,&#34;markup_value&#34;:60,&#34;wholesale_price&#34;:5.5,&#34;updated_at&#34;:&#34;June, 24 2026 23:46:55 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:239,&#34;price_per_unit&#34;:8.1,&#34;min_quantity&#34;:100,&#34;pricing_id&#34;:2232,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:46:33 +0000&#34;,&#34;max_quantity&#34;:249,&#34;markup_value&#34;:60,&#34;wholesale_price&#34;:5.06,&#34;updated_at&#34;:&#34;June, 24 2026 23:46:58 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:239,&#34;price_per_unit&#34;:7.18,&#34;min_quantity&#34;:250,&#34;pricing_id&#34;:2233,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:46:33 +0000&#34;,&#34;max_quantity&#34;:499,&#34;markup_value&#34;:60,&#34;wholesale_price&#34;:4.49,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:00 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:239,&#34;price_per_unit&#34;:7.07,&#34;min_quantity&#34;:500,&#34;pricing_id&#34;:2234,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:46:33 +0000&#34;,&#34;max_quantity&#34;:999,&#34;markup_value&#34;:60,&#34;wholesale_price&#34;:4.42,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:03 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:239,&#34;price_per_unit&#34;:6.85,&#34;min_quantity&#34;:1000,&#34;pricing_id&#34;:2235,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:46:33 +0000&#34;,&#34;max_quantity&#34;:&#34;&#34;,&#34;markup_value&#34;:55,&#34;wholesale_price&#34;:4.42,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:05 +0000&#34;}]"
                                            data-all-tiers="[{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:239,&#34;price_per_unit&#34;:48.95,&#34;min_quantity&#34;:1,&#34;pricing_id&#34;:2224,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;June, 24 2026 23:46:33 +0000&#34;,&#34;max_quantity&#34;:1,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:32.63,&#34;updated_at&#34;:&#34;June, 24 2026 23:46:33 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:239,&#34;price_per_unit&#34;:33.24,&#34;min_quantity&#34;:2,&#34;pricing_id&#34;:2225,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;June, 24 2026 23:46:33 +0000&#34;,&#34;max_quantity&#34;:2,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:22.16,&#34;updated_at&#34;:&#34;June, 24 2026 23:46:33 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:239,&#34;price_per_unit&#34;:25.94,&#34;min_quantity&#34;:3,&#34;pricing_id&#34;:2226,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;June, 24 2026 23:46:33 +0000&#34;,&#34;max_quantity&#34;:3,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:17.29,&#34;updated_at&#34;:&#34;June, 24 2026 23:46:33 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:239,&#34;price_per_unit&#34;:20.45,&#34;min_quantity&#34;:4,&#34;pricing_id&#34;:2227,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;June, 24 2026 23:46:33 +0000&#34;,&#34;max_quantity&#34;:4,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:13.63,&#34;updated_at&#34;:&#34;June, 24 2026 23:46:33 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:239,&#34;price_per_unit&#34;:17.15,&#34;min_quantity&#34;:5,&#34;pricing_id&#34;:2228,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:46:33 +0000&#34;,&#34;max_quantity&#34;:9,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:11.43,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:12 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:239,&#34;price_per_unit&#34;:11.25,&#34;min_quantity&#34;:10,&#34;pricing_id&#34;:2229,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:46:33 +0000&#34;,&#34;max_quantity&#34;:19,&#34;markup_value&#34;:60,&#34;wholesale_price&#34;:7.03,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:12 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:239,&#34;price_per_unit&#34;:10.06,&#34;min_quantity&#34;:20,&#34;pricing_id&#34;:2230,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:46:33 +0000&#34;,&#34;max_quantity&#34;:49,&#34;markup_value&#34;:60,&#34;wholesale_price&#34;:6.29,&#34;updated_at&#34;:&#34;June, 24 2026 23:46:53 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:239,&#34;price_per_unit&#34;:8.8,&#34;min_quantity&#34;:50,&#34;pricing_id&#34;:2231,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:46:33 +0000&#34;,&#34;max_quantity&#34;:99,&#34;markup_value&#34;:60,&#34;wholesale_price&#34;:5.5,&#34;updated_at&#34;:&#34;June, 24 2026 23:46:55 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:239,&#34;price_per_unit&#34;:8.1,&#34;min_quantity&#34;:100,&#34;pricing_id&#34;:2232,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:46:33 +0000&#34;,&#34;max_quantity&#34;:249,&#34;markup_value&#34;:60,&#34;wholesale_price&#34;:5.06,&#34;updated_at&#34;:&#34;June, 24 2026 23:46:58 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:239,&#34;price_per_unit&#34;:7.18,&#34;min_quantity&#34;:250,&#34;pricing_id&#34;:2233,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:46:33 +0000&#34;,&#34;max_quantity&#34;:499,&#34;markup_value&#34;:60,&#34;wholesale_price&#34;:4.49,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:00 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:239,&#34;price_per_unit&#34;:7.07,&#34;min_quantity&#34;:500,&#34;pricing_id&#34;:2234,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:46:33 +0000&#34;,&#34;max_quantity&#34;:999,&#34;markup_value&#34;:60,&#34;wholesale_price&#34;:4.42,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:03 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:239,&#34;price_per_unit&#34;:6.85,&#34;min_quantity&#34;:1000,&#34;pricing_id&#34;:2235,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:46:33 +0000&#34;,&#34;max_quantity&#34;:&#34;&#34;,&#34;markup_value&#34;:55,&#34;wholesale_price&#34;:4.42,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:05 +0000&#34;}]"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">18x24</span>
                                        
                                            <span class="size-chip__price">from $6.85</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip" type="button"
                                            data-spec-id="240"
                                            data-product-id="22"
                                            data-min-qty="1"
                                            data-size-name="24x24"
                                            data-tiers="[{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:240,&#34;price_per_unit&#34;:18.83,&#34;min_quantity&#34;:5,&#34;pricing_id&#34;:2240,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:47:35 +0000&#34;,&#34;max_quantity&#34;:9,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:12.55,&#34;updated_at&#34;:&#34;June, 24 2026 23:48:09 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:240,&#34;price_per_unit&#34;:14.21,&#34;min_quantity&#34;:10,&#34;pricing_id&#34;:2241,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:47:35 +0000&#34;,&#34;max_quantity&#34;:19,&#34;markup_value&#34;:60,&#34;wholesale_price&#34;:8.88,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:43 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:240,&#34;price_per_unit&#34;:13.01,&#34;min_quantity&#34;:20,&#34;pricing_id&#34;:2242,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:47:35 +0000&#34;,&#34;max_quantity&#34;:49,&#34;markup_value&#34;:60,&#34;wholesale_price&#34;:8.13,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:46 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:240,&#34;price_per_unit&#34;:11.58,&#34;min_quantity&#34;:50,&#34;pricing_id&#34;:2243,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:47:35 +0000&#34;,&#34;max_quantity&#34;:99,&#34;markup_value&#34;:60,&#34;wholesale_price&#34;:7.24,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:49 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:240,&#34;price_per_unit&#34;:10.72,&#34;min_quantity&#34;:100,&#34;pricing_id&#34;:2244,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:47:35 +0000&#34;,&#34;max_quantity&#34;:249,&#34;markup_value&#34;:60,&#34;wholesale_price&#34;:6.7,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:51 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:240,&#34;price_per_unit&#34;:9.55,&#34;min_quantity&#34;:250,&#34;pricing_id&#34;:2245,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:47:35 +0000&#34;,&#34;max_quantity&#34;:499,&#34;markup_value&#34;:60,&#34;wholesale_price&#34;:5.97,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:54 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:240,&#34;price_per_unit&#34;:9.42,&#34;min_quantity&#34;:500,&#34;pricing_id&#34;:2246,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:47:35 +0000&#34;,&#34;max_quantity&#34;:999,&#34;markup_value&#34;:60,&#34;wholesale_price&#34;:5.89,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:57 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:240,&#34;price_per_unit&#34;:9.13,&#34;min_quantity&#34;:1000,&#34;pricing_id&#34;:2247,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:47:35 +0000&#34;,&#34;max_quantity&#34;:&#34;&#34;,&#34;markup_value&#34;:55,&#34;wholesale_price&#34;:5.89,&#34;updated_at&#34;:&#34;June, 24 2026 23:48:00 +0000&#34;}]"
                                            data-all-tiers="[{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:240,&#34;price_per_unit&#34;:50.13,&#34;min_quantity&#34;:1,&#34;pricing_id&#34;:2236,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;June, 24 2026 23:47:35 +0000&#34;,&#34;max_quantity&#34;:1,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:33.42,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:35 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:240,&#34;price_per_unit&#34;:34.76,&#34;min_quantity&#34;:2,&#34;pricing_id&#34;:2237,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;June, 24 2026 23:47:35 +0000&#34;,&#34;max_quantity&#34;:2,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:23.17,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:35 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:240,&#34;price_per_unit&#34;:27.62,&#34;min_quantity&#34;:3,&#34;pricing_id&#34;:2238,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;June, 24 2026 23:47:35 +0000&#34;,&#34;max_quantity&#34;:3,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:18.41,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:35 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:240,&#34;price_per_unit&#34;:22.13,&#34;min_quantity&#34;:4,&#34;pricing_id&#34;:2239,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;June, 24 2026 23:47:35 +0000&#34;,&#34;max_quantity&#34;:4,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:14.75,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:35 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:240,&#34;price_per_unit&#34;:18.83,&#34;min_quantity&#34;:5,&#34;pricing_id&#34;:2240,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:47:35 +0000&#34;,&#34;max_quantity&#34;:9,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:12.55,&#34;updated_at&#34;:&#34;June, 24 2026 23:48:09 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:240,&#34;price_per_unit&#34;:14.21,&#34;min_quantity&#34;:10,&#34;pricing_id&#34;:2241,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:47:35 +0000&#34;,&#34;max_quantity&#34;:19,&#34;markup_value&#34;:60,&#34;wholesale_price&#34;:8.88,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:43 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:240,&#34;price_per_unit&#34;:13.01,&#34;min_quantity&#34;:20,&#34;pricing_id&#34;:2242,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:47:35 +0000&#34;,&#34;max_quantity&#34;:49,&#34;markup_value&#34;:60,&#34;wholesale_price&#34;:8.13,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:46 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:240,&#34;price_per_unit&#34;:11.58,&#34;min_quantity&#34;:50,&#34;pricing_id&#34;:2243,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:47:35 +0000&#34;,&#34;max_quantity&#34;:99,&#34;markup_value&#34;:60,&#34;wholesale_price&#34;:7.24,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:49 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:240,&#34;price_per_unit&#34;:10.72,&#34;min_quantity&#34;:100,&#34;pricing_id&#34;:2244,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:47:35 +0000&#34;,&#34;max_quantity&#34;:249,&#34;markup_value&#34;:60,&#34;wholesale_price&#34;:6.7,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:51 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:240,&#34;price_per_unit&#34;:9.55,&#34;min_quantity&#34;:250,&#34;pricing_id&#34;:2245,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:47:35 +0000&#34;,&#34;max_quantity&#34;:499,&#34;markup_value&#34;:60,&#34;wholesale_price&#34;:5.97,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:54 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:240,&#34;price_per_unit&#34;:9.42,&#34;min_quantity&#34;:500,&#34;pricing_id&#34;:2246,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:47:35 +0000&#34;,&#34;max_quantity&#34;:999,&#34;markup_value&#34;:60,&#34;wholesale_price&#34;:5.89,&#34;updated_at&#34;:&#34;June, 24 2026 23:47:57 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:240,&#34;price_per_unit&#34;:9.13,&#34;min_quantity&#34;:1000,&#34;pricing_id&#34;:2247,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;June, 24 2026 23:47:35 +0000&#34;,&#34;max_quantity&#34;:&#34;&#34;,&#34;markup_value&#34;:55,&#34;wholesale_price&#34;:5.89,&#34;updated_at&#34;:&#34;June, 24 2026 23:48:00 +0000&#34;}]"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">24x24</span>
                                        
                                            <span class="size-chip__price">from $9.13</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip" type="button"
                                            data-spec-id="381"
                                            data-product-id="22"
                                            data-min-qty="1"
                                            data-size-name="24x32"
                                            data-tiers="[{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:381,&#34;price_per_unit&#34;:25.14,&#34;min_quantity&#34;:5,&#34;pricing_id&#34;:3983,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;July, 25 2026 03:08:57 +0000&#34;,&#34;max_quantity&#34;:9,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:16.76,&#34;updated_at&#34;:&#34;July, 25 2026 03:09:01 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:381,&#34;price_per_unit&#34;:26.74,&#34;min_quantity&#34;:10,&#34;pricing_id&#34;:3984,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;July, 25 2026 03:08:57 +0000&#34;,&#34;max_quantity&#34;:19,&#34;markup_value&#34;:75,&#34;wholesale_price&#34;:15.28,&#34;updated_at&#34;:&#34;July, 25 2026 03:09:05 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:381,&#34;price_per_unit&#34;:25.45,&#34;min_quantity&#34;:20,&#34;pricing_id&#34;:3985,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;July, 25 2026 03:08:57 +0000&#34;,&#34;max_quantity&#34;:49,&#34;markup_value&#34;:75,&#34;wholesale_price&#34;:14.54,&#34;updated_at&#34;:&#34;July, 25 2026 03:09:05 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:381,&#34;price_per_unit&#34;:23.19,&#34;min_quantity&#34;:50,&#34;pricing_id&#34;:3986,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;July, 25 2026 03:08:57 +0000&#34;,&#34;max_quantity&#34;:99,&#34;markup_value&#34;:75,&#34;wholesale_price&#34;:13.25,&#34;updated_at&#34;:&#34;July, 25 2026 03:09:07 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:381,&#34;price_per_unit&#34;:21.67,&#34;min_quantity&#34;:100,&#34;pricing_id&#34;:3987,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;July, 25 2026 03:08:57 +0000&#34;,&#34;max_quantity&#34;:249,&#34;markup_value&#34;:75,&#34;wholesale_price&#34;:12.38,&#34;updated_at&#34;:&#34;July, 25 2026 03:09:08 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:381,&#34;price_per_unit&#34;:19.41,&#34;min_quantity&#34;:250,&#34;pricing_id&#34;:3988,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;July, 25 2026 03:08:57 +0000&#34;,&#34;max_quantity&#34;:499,&#34;markup_value&#34;:75,&#34;wholesale_price&#34;:11.09,&#34;updated_at&#34;:&#34;July, 25 2026 03:09:09 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:381,&#34;price_per_unit&#34;:19.2,&#34;min_quantity&#34;:500,&#34;pricing_id&#34;:3989,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;July, 25 2026 03:08:58 +0000&#34;,&#34;max_quantity&#34;:999,&#34;markup_value&#34;:75,&#34;wholesale_price&#34;:10.97,&#34;updated_at&#34;:&#34;July, 25 2026 03:09:10 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:381,&#34;price_per_unit&#34;:18.65,&#34;min_quantity&#34;:1000,&#34;pricing_id&#34;:3990,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;July, 25 2026 03:08:58 +0000&#34;,&#34;max_quantity&#34;:&#34;&#34;,&#34;markup_value&#34;:70,&#34;wholesale_price&#34;:10.97,&#34;updated_at&#34;:&#34;July, 25 2026 03:09:12 +0000&#34;}]"
                                            data-all-tiers="[{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:381,&#34;price_per_unit&#34;:75.75,&#34;min_quantity&#34;:1,&#34;pricing_id&#34;:3979,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;July, 25 2026 03:08:57 +0000&#34;,&#34;max_quantity&#34;:1,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:50.5,&#34;updated_at&#34;:&#34;July, 25 2026 03:08:58 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:381,&#34;price_per_unit&#34;:42.75,&#34;min_quantity&#34;:2,&#34;pricing_id&#34;:3980,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;July, 25 2026 03:08:57 +0000&#34;,&#34;max_quantity&#34;:2,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:28.5,&#34;updated_at&#34;:&#34;July, 25 2026 03:08:58 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:381,&#34;price_per_unit&#34;:31.76,&#34;min_quantity&#34;:3,&#34;pricing_id&#34;:3981,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;July, 25 2026 03:08:57 +0000&#34;,&#34;max_quantity&#34;:3,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:21.17,&#34;updated_at&#34;:&#34;July, 25 2026 03:08:58 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:381,&#34;price_per_unit&#34;:26.27,&#34;min_quantity&#34;:4,&#34;pricing_id&#34;:3982,&#34;show_in_price_grid&#34;:0,&#34;created_at&#34;:&#34;July, 25 2026 03:08:57 +0000&#34;,&#34;max_quantity&#34;:4,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:17.51,&#34;updated_at&#34;:&#34;July, 25 2026 03:08:58 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:381,&#34;price_per_unit&#34;:25.14,&#34;min_quantity&#34;:5,&#34;pricing_id&#34;:3983,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;July, 25 2026 03:08:57 +0000&#34;,&#34;max_quantity&#34;:9,&#34;markup_value&#34;:50,&#34;wholesale_price&#34;:16.76,&#34;updated_at&#34;:&#34;July, 25 2026 03:09:01 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:381,&#34;price_per_unit&#34;:26.74,&#34;min_quantity&#34;:10,&#34;pricing_id&#34;:3984,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;July, 25 2026 03:08:57 +0000&#34;,&#34;max_quantity&#34;:19,&#34;markup_value&#34;:75,&#34;wholesale_price&#34;:15.28,&#34;updated_at&#34;:&#34;July, 25 2026 03:09:05 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:381,&#34;price_per_unit&#34;:25.45,&#34;min_quantity&#34;:20,&#34;pricing_id&#34;:3985,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;July, 25 2026 03:08:57 +0000&#34;,&#34;max_quantity&#34;:49,&#34;markup_value&#34;:75,&#34;wholesale_price&#34;:14.54,&#34;updated_at&#34;:&#34;July, 25 2026 03:09:05 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:381,&#34;price_per_unit&#34;:23.19,&#34;min_quantity&#34;:50,&#34;pricing_id&#34;:3986,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;July, 25 2026 03:08:57 +0000&#34;,&#34;max_quantity&#34;:99,&#34;markup_value&#34;:75,&#34;wholesale_price&#34;:13.25,&#34;updated_at&#34;:&#34;July, 25 2026 03:09:07 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:381,&#34;price_per_unit&#34;:21.67,&#34;min_quantity&#34;:100,&#34;pricing_id&#34;:3987,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;July, 25 2026 03:08:57 +0000&#34;,&#34;max_quantity&#34;:249,&#34;markup_value&#34;:75,&#34;wholesale_price&#34;:12.38,&#34;updated_at&#34;:&#34;July, 25 2026 03:09:08 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:381,&#34;price_per_unit&#34;:19.41,&#34;min_quantity&#34;:250,&#34;pricing_id&#34;:3988,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;July, 25 2026 03:08:57 +0000&#34;,&#34;max_quantity&#34;:499,&#34;markup_value&#34;:75,&#34;wholesale_price&#34;:11.09,&#34;updated_at&#34;:&#34;July, 25 2026 03:09:09 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:381,&#34;price_per_unit&#34;:19.2,&#34;min_quantity&#34;:500,&#34;pricing_id&#34;:3989,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;July, 25 2026 03:08:58 +0000&#34;,&#34;max_quantity&#34;:999,&#34;markup_value&#34;:75,&#34;wholesale_price&#34;:10.97,&#34;updated_at&#34;:&#34;July, 25 2026 03:09:10 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:381,&#34;price_per_unit&#34;:18.65,&#34;min_quantity&#34;:1000,&#34;pricing_id&#34;:3990,&#34;show_in_price_grid&#34;:1,&#34;created_at&#34;:&#34;July, 25 2026 03:08:58 +0000&#34;,&#34;max_quantity&#34;:&#34;&#34;,&#34;markup_value&#34;:70,&#34;wholesale_price&#34;:10.97,&#34;updated_at&#34;:&#34;July, 25 2026 03:09:12 +0000&#34;}]"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">24x32</span>
                                        
                                            <span class="size-chip__price">from $18.65</span>
                                        
                                    </button>
                                    
                                
                            </div>

                            
                            <div class="size-detail-panel" id="sizeDetailPanel">
                                <div class="size-detail-panel__inner">
                                    <h3 class="size-detail-panel__heading" id="detailPanelHeading"></h3>

                                    
                                    <table class="size-pricing-table" id="detailPricingTable">
                                        <thead>
                                            <tr>
                                                <th>Qty</th>
                                                <th>Price Each</th>
                                                <th>Total</th>
                                            </tr>
                                        </thead>
                                        <tbody id="detailPricingBody">
                                        </tbody>
                                    </table>

                                    <div class="custom-qty-calc">
                                        <label class="custom-qty-calc__label">Quantity:</label>
                                        <input type="number" class="custom-qty-calc__input" id="customQtyInput" placeholder="Qty" oninput="calculateCustomPrice()">
                                        <div class="custom-qty-calc__result" id="customQtyResult"></div>
                                    </div>

                                    <div class="size-detail-panel__actions" id="detailPanelActions">
                                        
                                            
                                            <button type="button" class="btn btn-primary btn-start-design" id="startDesignBtn" onclick="goToDesigner()" aria-describedby="startDesignHint">
                                                Start your design <i class="bi bi-pencil-square"></i>
                                            </button>
                                            
                                            <p class="start-design-hint" id="startDesignHint">Describe your sign and see designs in under a minute. Or add your own artwork once you're in.</p>
                                            

                                            <div class="upload-divider"><span>or</span></div>
                                            <button type="button" class="btn btn-outline-primary btn-upload-files" onclick="goToUpload()">
                                                <i class="bi bi-cloud-upload"></i> Upload your file, we'll design it
                                            </button>
                                            
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                    
                </div>
            </div>
        </div>
    </section>

    
    <section class="product-details">
        <div class="container">
            
            <div class="info-cards-grid">
                
                <div class="info-card">
                    <i class="bi bi-truck"></i>
                    <div class="info-card-title">Free Shipping</div>
                    <div class="info-card-text">On all orders</div>
                </div>
                
                <div class="info-card">
                    <i class="bi bi-shield-check"></i>
                    <div class="info-card-title">Quality Guarantee</div>
                    <div class="info-card-text">Premium materials</div>
                </div>
                <div class="info-card">
                    <i class="bi bi-lightning"></i>
                    <div class="info-card-title">Fast Turnaround</div>
                    <div class="info-card-text">Ships in 24-48 hours</div>
                </div>
            </div>
        </div>
    </section>

    
        <section class="related-products">
            <div class="container">
                <h2>Related Products</h2>
                <p class="section-subtitle">Other products in 4mm White Coroplast</p>

                <div class="product-grid">
                    
                        
                        <a href="/product/12/die-cut-yard-signs-1-sided" class="product-card-link">
                            <div class="product-card">
                                <div class="product-card__image">
                                    
                                        <img src="/uploads/products/cropped-image.2d10894e.webp" alt="Die-Cut Yard Signs (1-Sided)" loading="lazy">
                                    
                                </div>
                                <div class="product-card__body">
                                    <h3 class="product-card__title">Die-Cut Yard Signs (1-Sided)</h3>
                                    <p class="product-card__text">Go beyond the standard rectangle with a yard sign cut to the shape of your desig...</p>
                                    <div class="product-card__footer">
                                        
                                            <span class="product-card__price">As low as $2.01</span>
                                        
                                        <span class="product-card__link">View Details <i class="bi bi-arrow-right"></i></span>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    
                        <a href="/product/24/for-sale-signs" class="product-card-link">
                            <div class="product-card">
                                <div class="product-card__image">
                                    
                                        <img src="/uploads/products/cropped-image.0956f69a.webp" alt="For Sale Signs" loading="lazy">
                                    
                                </div>
                                <div class="product-card__body">
                                    <h3 class="product-card__title">For Sale Signs</h3>
                                    <p class="product-card__text">Double-sided coroplast For Sale signs built to read clearly from both directions...</p>
                                    <div class="product-card__footer">
                                        
                                            <span class="product-card__price">As low as $6.85</span>
                                        
                                        <span class="product-card__link">View Details <i class="bi bi-arrow-right"></i></span>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    
                        <a href="/product/28/open-house-directional-signs" class="product-card-link">
                            <div class="product-card">
                                <div class="product-card__image">
                                    
                                        <img src="/uploads/products/cropped-image.e3a7da32.webp" alt="Open House / Directional Signs" loading="lazy">
                                    
                                </div>
                                <div class="product-card__body">
                                    <h3 class="product-card__title">Open House / Directional Signs</h3>
                                    <p class="product-card__text">Double-sided directional signs that point buyers straight to your open house fro...</p>
                                    <div class="product-card__footer">
                                        
                                            <span class="product-card__price">As low as $4.24</span>
                                        
                                        <span class="product-card__link">View Details <i class="bi bi-arrow-right"></i></span>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    
                </div>
            </div>
        </section>
    

<footer class="site-footer">
    <div class="footer-content">
        <div class="footer-grid">
            
            <div class="footer-column footer-column--logo">
                <a href="/" class="footer-logo">
                    <img src="/uploads/branding/cropped-image_mpix0x66_m.webp" alt="SignZien" loading="lazy">
                </a>
                <div class="footer-social">
                    
                        <a href="https://www.facebook.com/profile.php?id=61561596916493" target="_blank" aria-label="Facebook">
                            <i class="bi bi-facebook"></i>
                        </a>
                    
                    
                        <a href="https://www.instagram.com/signzien/" target="_blank" aria-label="Instagram">
                            <i class="bi bi-instagram"></i>
                        </a>
                    
                    
                </div>
            </div>

            
            <div class="footer-column">
                <h3 class="footer-heading">Quick Links</h3>
                <ul class="footer-links">
                    <li><a href="/">Home</a></li>
                    <li><a href="/products/">Products</a></li>
                    <li><a href="/about/">About Us</a></li>
                </ul>
            </div>

            
            <div class="footer-column">
                <h3 class="footer-heading">Customer Service</h3>
                <ul class="footer-links">
                    <li><a href="/account/login.cfm">My Account</a></li>
                    <li><a href="/faq/">FAQ</a></li>
                </ul>
            </div>

            
            <div class="footer-column footer-column--contact">
                <h3 class="footer-heading">Contact Us</h3>
                <ul class="footer-contact">
                    <li>
                        <i class="bi bi-envelope"></i>
                        <a href="/cdn-cgi/l/email-protection#2748554342555467544e40495d4e42490944484a"><span class="__cf_email__" data-cfemail="3f504d5b5a4d4c7f4c56585145565a51115c5052">[email&#160;protected]</span></a>
                    </li>
                    
                        <li>
                            <i class="bi bi-telephone"></i>
                            <a href="tel:205509-9167">(205) 509-9167</a>
                        </li>
                    
                    
                        <li>
                            <i class="bi bi-clock"></i>
                            <span>
                                
                                
                                M-F | 7am - 7pm CST
                            </span>
                        </li>
                    
                </ul>
            </div>
        </div>
    </div>

    
    <div class="footer-bottom">
        <p>
            &copy; 2026 SignZien
            <span class="footer-divider">|</span>
            <a href="/privacy.cfm">Privacy Policy</a>
            <span class="footer-divider">|</span>
            <a href="/terms.cfm">Terms of Service</a>
        </p>
    </div>
</footer>


<a class="back-to-top" href="#"><i class="bi bi-chevron-up"></i></a>

<style>
/* =================================================================
   Custom Footer Styles - Using CSS Variables
   ================================================================= */

/* Sticky Footer Setup */
html {
    height: 100%;
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    padding-top: 84px;
    box-sizing: border-box;
}

@media (max-width: 991px) {
    body {
        padding-top: 70px;
    }
}

/* Make header not flex-grow */
.header-area {
    flex-shrink: 0;
}

/* Make main content area flex to fill space */
.auth-container,
main,
body > section {
    flex: 1 0 auto;
}

/* Footer sticks to bottom */
.site-footer {
    flex-shrink: 0;
    margin-top: auto;
}

/* Footer Container */
.site-footer {
    background: var(--nav-background-color);
    color: var(--nav-text-color, #ecf0f1);
}

.footer-content {
    padding: 25px 20px 15px;
    max-width: 1200px;
    margin: 0 auto;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
    gap: 20px;
}

/* Footer Column */
.footer-column {
    display: flex;
    flex-direction: column;
}

/* Company Logo & Description */
.footer-logo {
    display: inline-block;
    margin-bottom: 12px;
}

.footer-logo img {
    max-height: 55px;
    width: auto;
}

.footer-description {
    color: #bdc3c7;
    font-size: 13px;
    line-height: 1.4;
    margin: 0 0 12px 0;
}

/* Social Links */
.footer-social {
    display: flex;
    gap: 10px;
}

.footer-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background: color-mix(in srgb, var(--nav-text-color, #ffffff) 10%, transparent);
    border-radius: 50%;
    color: var(--nav-text-color, #ecf0f1);
    font-size: 16px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.footer-social a:hover {
    background: var(--primary-comliment-color);
    color: #fff;
    transform: translateY(-2px);
}

/* Footer Headings */
.footer-heading {
    color: var(--nav-text-color, #fff);
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Footer Links */
.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: 6px;
}

.footer-links li a {
    color: var(--nav-text-color, #bdc3c7);
    font-size: 13px;
    line-height: 1.2;
    text-decoration: none;
    transition: color 0.3s ease;
    display: inline-block;
    opacity: 0.85;
}

.footer-links li a:hover {
    color: var(--primary-comliment-color);
}

/* Footer Contact */
.footer-contact {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-contact li {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--nav-text-color, #bdc3c7);
    font-size: 13px;
    line-height: 1.2;
    margin-bottom: 8px;
    opacity: 0.85;
}

.footer-contact li i {
    color: var(--primary-comliment-color);
    font-size: 14px;
    flex-shrink: 0;
}

.footer-contact li a {
    color: var(--nav-text-color, #bdc3c7);
    text-decoration: none;
    transition: color 0.3s ease;
    opacity: 0.85;
}

.footer-contact li a:hover {
    color: var(--primary-comliment-color);
}

/* Footer Bottom */
.footer-bottom {
    background: var(--nav-background-color);
    padding: 12px 20px;
    border-top: none;
    text-align: center;
}

.footer-bottom p {
    color: var(--nav-text-color, #95a5a6);
    font-size: 13px;
    margin: 0;
    opacity: 0.7;
}

.footer-bottom a {
    color: var(--nav-text-color, #95a5a6);
    text-decoration: none;
    transition: color 0.3s ease, opacity 0.3s ease;
    opacity: 0.7;
}

.footer-bottom a:hover {
    color: var(--primary-comliment-color);
    opacity: 1;
}

.footer-divider {
    margin: 0 8px;
    color: var(--nav-text-color, #666);
    opacity: 0.5;
}

/* Back to Top Button */
.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 45px;
    height: 45px;
    background: var(--primary-color);
    color: #fff;
    text-align: center;
    line-height: 45px;
    border-radius: 50%;
    font-size: 20px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    text-decoration: none;
}

.back-to-top.show {
    opacity: 1;
    visibility: visible;
}

.back-to-top:hover {
    background: var(--primary-comliment-color);
    color: #fff;
    transform: translateY(-5px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
}

/* Tablet (2 columns) */
@media (max-width: 991px) {
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .footer-content {
        padding: 20px 15px 12px;
    }
}

/* Mobile (2 columns, logo & contact span full width) */
@media (max-width: 576px) {
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px 12px;
    }

    .footer-column--logo,
    .footer-column--contact {
        grid-column: span 2;
    }

    .footer-content {
        padding: 20px 15px 10px;
    }

    .footer-column {
        text-align: center;
    }

    .footer-logo {
        margin: 0 auto 12px;
    }

    .footer-social {
        justify-content: center;
    }

    .footer-heading {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .footer-links li {
        margin-bottom: 5px;
    }

    .footer-contact li {
        justify-content: center;
        margin-bottom: 6px;
    }

    .footer-bottom p {
        font-size: 12px;
    }

    .back-to-top {
        bottom: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }
}
</style>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
// Global: close modals on mousedown outside content (prevents drag-out dismiss)
document.addEventListener('mousedown', function(e) {
    var target = e.target;
    if (target.hasAttribute('data-backdrop-close')) {
        var fnName = target.getAttribute('data-backdrop-close');
        if (fnName && typeof window[fnName] === 'function') {
            window[fnName]();
        } else {
            var modal = target.closest('.modal') || target;
            modal.style.display = 'none';
        }
    }
});

// Back to Top Button
document.addEventListener('DOMContentLoaded', function() {
    const backToTop = document.querySelector('.back-to-top');

    if (backToTop) {
        window.addEventListener('scroll', function() {
            if (window.pageYOffset > 300) {
                backToTop.classList.add('show');
            } else {
                backToTop.classList.remove('show');
            }
        });

        backToTop.addEventListener('click', function(e) {
            e.preventDefault();
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            });
        });
    }
});
</script>


    <script src="/assets/js/main.js"></script>

    <script>
    // Selected size state
    let selectedProductId = null;
    let selectedSpecId = null;
    // Custom-size state — set when the customer picks the Custom chip and types
    // valid dimensions. Carries the typed width/height through to the designer/cart.
    // Both are 0 for predefined-size selections.
    let selectedCustomWidth  = 0;
    let selectedCustomHeight = 0;
    let isCustomSizeMode     = false;
    let customQuoteDebounceId = null;

    
    // Server truths goToDesigner() needs (Start your design, 2026-09-03).
    // Stamped once; the page never re-derives them from the DOM.
    // Same warm-application-scope guard as above (AIImageService.cfc, fix round 2026-09-04).
    const aiDesignEnabled = true;
    

    // Change main product image when thumbnail is clicked
    function changeMainImage(src, thumbEl) {
        document.getElementById('mainProductImage').src = src;
        document.querySelectorAll('.product-gallery__thumb').forEach(t => t.classList.remove('active'));
        thumbEl.classList.add('active');
    }

    // Thumbnail scrolling with arrow buttons
    function scrollThumbs(direction) {
        const container = document.getElementById('thumbsContainer');
        if (!container) return;

        const scrollAmount = 200;
        if (direction === 'left') {
            container.scrollBy({ left: -scrollAmount, behavior: 'smooth' });
        } else {
            container.scrollBy({ left: scrollAmount, behavior: 'smooth' });
        }

        setTimeout(updateScrollButtons, 300);
    }

    function updateScrollButtons() {
        const container = document.getElementById('thumbsContainer');
        const leftBtn = document.querySelector('.thumb-scroll-left');
        const rightBtn = document.querySelector('.thumb-scroll-right');

        if (!container || !leftBtn || !rightBtn) return;

        leftBtn.disabled = container.scrollLeft <= 0;
        rightBtn.disabled = container.scrollLeft >= container.scrollWidth - container.clientWidth - 5;
    }

    // Initialize on load
    document.addEventListener('DOMContentLoaded', function() {
        updateScrollButtons();

        var container = document.getElementById('thumbsContainer');
        if (container) {
            container.addEventListener('scroll', updateScrollButtons);
        }

        // Auto-select the first predefined size so pricing shows immediately —
        // the customer sees the price table without clicking a chip first. Skip the
        // scroll so the page stays put on load. The Custom chip is excluded (it has
        // no preset price until dimensions are typed).
        var firstSizeChip = document.querySelector('.size-chip:not(.size-chip--custom)');
        if (firstSizeChip) {
            selectSize(firstSizeChip, true);
        }
    });

    // Video playback - open in lightbox
    function playVideo(provider, videoId, thumbEl) {
        document.querySelectorAll('.product-gallery__thumb').forEach(t => t.classList.remove('active'));
        thumbEl.classList.add('active');
        openLightboxVideo(provider, videoId);
    }

    // Select a size chip and populate detail panel. Branches on data-is-custom:
    // predefined chips render their preset tiers; the custom chip swaps the panel
    // into a live H × W input form whose pricing table updates from the
    // getCustomSizeQuote endpoint as the customer types.
    function selectSize(chipEl, skipScroll) {
        // Deselect all chips
        document.querySelectorAll('.size-chip').forEach(c => c.classList.remove('selected'));
        chipEl.classList.add('selected');

        if (chipEl.dataset.isCustom === 'true') {
            selectCustomSize(chipEl);
        } else {
            selectPredefinedSize(chipEl);
        }

        // Open detail panel
        var panel = document.getElementById('sizeDetailPanel');
        panel.classList.add('open');

        // Scroll detail panel into view on mobile where it may be below fold.
        // Skipped for the auto-select on page load so the page doesn't jump.
        if (!skipScroll) {
            setTimeout(function() {
                panel.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
            }, 100);
        }
    }

    function selectPredefinedSize(chipEl) {
        // Reset any custom-size state from a prior selection
        isCustomSizeMode     = false;
        selectedCustomWidth  = 0;
        selectedCustomHeight = 0;

        // Store selected IDs
        selectedProductId = chipEl.dataset.productId;
        selectedSpecId = chipEl.dataset.specId;

        // Heading shows the predefined size name; hide the custom-size form if it exists
        var heading = document.getElementById('detailPanelHeading');
        heading.textContent = chipEl.dataset.sizeName;
        heading.style.display = '';
        var customPanel = document.getElementById('customSizePanel');
        if (customPanel) customPanel.style.display = 'none';

        // Populate pricing table
        populatePricingTable(chipEl);

        // Get min quantity from first pricing tier (also used as step/multiple)
        var minQty = parseInt(chipEl.dataset.minQty) || 1;
        resetQtyControls(minQty);

        // Action buttons enabled
        setActionButtonsEnabled(true);
    }

    function selectCustomSize(chipEl) {
        isCustomSizeMode     = true;
        selectedProductId    = chipEl.dataset.productId;
        selectedSpecId       = null;  // resolved when the user enters valid dims
        selectedCustomWidth  = 0;
        selectedCustomHeight = 0;

        // Hide the predefined heading; show the custom-size form
        document.getElementById('detailPanelHeading').style.display = 'none';
        var customPanel = document.getElementById('customSizePanel');
        if (customPanel) customPanel.style.display = '';

        // Clear the pricing table until the customer enters a valid size
        var tbody = document.getElementById('detailPricingBody');
        if (tbody) tbody.innerHTML = '<tr><td colspan="3" style="text-align:center; color:#888; padding:18px;">Enter dimensions to see pricing</td></tr>';

        // Reset qty controls until we know the snapped tier's min_qty
        resetQtyControls(1);

        // Disable action buttons until a valid quote arrives
        setActionButtonsEnabled(false);

        // Wire up live debounced quote on input
        var hInput = document.getElementById('customSizePanelHeight');
        var wInput = document.getElementById('customSizePanelWidth');
        var status = document.getElementById('customSizePanelStatus');
        if (status) status.innerHTML = '';
        if (hInput && !hInput.dataset.bound) {
            hInput.addEventListener('input', onCustomSizeInputChange);
            hInput.dataset.bound = '1';
        }
        if (wInput && !wInput.dataset.bound) {
            wInput.addEventListener('input', onCustomSizeInputChange);
            wInput.dataset.bound = '1';
        }
        if (hInput) hInput.value = '';
        if (wInput) wInput.value = '';
    }

    function onCustomSizeInputChange() {
        clearTimeout(customQuoteDebounceId);
        var status = document.getElementById('customSizePanelStatus');
        if (status) status.innerHTML = '';
        // Invalidate prior quote until new one comes back
        selectedSpecId = null;
        selectedCustomWidth  = 0;
        selectedCustomHeight = 0;
        setActionButtonsEnabled(false);
        var tbody = document.getElementById('detailPricingBody');
        if (tbody) tbody.innerHTML = '<tr><td colspan="3" style="text-align:center; color:#888; padding:18px;">Enter dimensions to see pricing</td></tr>';
        customQuoteDebounceId = setTimeout(fetchCustomSizeQuote, 350);
    }

    async function fetchCustomSizeQuote() {
        var hInput = document.getElementById('customSizePanelHeight');
        var wInput = document.getElementById('customSizePanelWidth');
        var status = document.getElementById('customSizePanelStatus');
        var h = parseFloat(hInput.value);
        var w = parseFloat(wInput.value);
        if (!isFinite(h) || h <= 0 || !isFinite(w) || w <= 0) return;

        if (status) status.innerHTML = '<span class="custom-size-status__hint"><i class="bi bi-hourglass-split"></i> Checking size...</span>';
        try {
            var url = '/api/wizard-data.cfm?action=getCustomSizeQuote'
                + '&productId=' + encodeURIComponent(selectedProductId)
                + '&width='  + encodeURIComponent(w)
                + '&height=' + encodeURIComponent(h);
            var res = await fetch(url);
            var data = await res.json();
            if (!data.success || !data.fits) {
                if (status) status.innerHTML = '<span class="custom-size-status__error"><i class="bi bi-exclamation-triangle"></i> ' + escapeHtmlSafe(data.message || 'Size not available') + '</span>';
                return;
            }
            applyCustomQuote(data);
        } catch (e) {
            console.error('Custom size quote failed:', e);
            if (status) status.innerHTML = '<span class="custom-size-status__error">Could not check size. Please try again.</span>';
        }
    }

    function applyCustomQuote(data) {
        // Capture the snapped spec_id (drives pricing) + the typed dims (production size)
        selectedSpecId       = data.snapped.spec_id;
        selectedCustomWidth  = data.typed_width;
        selectedCustomHeight = data.typed_height;

        // Write the snapped tiers onto the actual selected (custom) chip's dataset,
        // with the same split the predefined chips carry: data-tiers = the admin-curated
        // visible grid (what populatePricingTable renders), data-allTiers = every break
        // (what calculateCustomPrice walks, so hidden low quantities stay orderable).
        // This has to live on the live DOM element, not just a fake — the qty math reads
        // `document.querySelector('.size-chip.selected').dataset.allTiers`.
        var mapTier = function(t) { return { min_quantity: t.qty, price_per_unit: t.price }; };
        var customChip = document.querySelector('.size-chip--custom');
        if (customChip) {
            customChip.dataset.tiers    = JSON.stringify(data.tiers.map(mapTier));
            customChip.dataset.allTiers = JSON.stringify((data.all_tiers || data.tiers).map(mapTier));
            customChip.dataset.minQty   = String(data.min_quantity);
            customChip.dataset.specId   = String(data.snapped.spec_id);
        }

        // Populate the pricing table from the chip we just rewrote
        if (customChip) {
            populatePricingTable(customChip);
        }
        resetQtyControls(data.min_quantity);

        // Quote summary line under the inputs
        var status = document.getElementById('customSizePanelStatus');
        var sameSize = (data.typed_height == data.snapped.size_height && data.typed_width == data.snapped.size_width);
        if (status) {
            status.innerHTML =
                '<div class="custom-size-status__ok">' +
                    '<div><span>Your size:</span> <strong>' + data.typed_height + '" × ' + data.typed_width + '"</strong></div>' +
                    (sameSize ? '' :
                        '<div><span>Priced at:</span> <strong>' + data.snapped.size_height + '" × ' + data.snapped.size_width + '"</strong></div>') +
                    '<div><span>Starting at:</span> <strong>$' + Number(data.unit_price).toFixed(2) + ' ea</strong></div>' +
                '</div>';
        }

        setActionButtonsEnabled(true);
    }

    // Helper to reset min/step on the qty inputs based on the active spec's lowest tier
    function resetQtyControls(minQty) {
        minQty = parseInt(minQty, 10) || 1;
        var customQtyInput = document.getElementById('customQtyInput');
        if (customQtyInput) {
            customQtyInput.value = '';
            customQtyInput.min  = minQty;
            customQtyInput.step = minQty;
            var resEl = document.getElementById('customQtyResult');
            if (resEl) resEl.innerHTML = '';
        }
        var qtyInput = document.getElementById('detailQtyInput');
        if (qtyInput) {
            qtyInput.min  = minQty;
            qtyInput.step = minQty;
            qtyInput.value = minQty;
        }
    }

    // Enable/disable Start your design / Upload / Add-to-Cart while custom-size is being entered
    function setActionButtonsEnabled(enabled) {
        var btns = document.querySelectorAll('.size-detail-panel__actions button');
        btns.forEach(function(b) { b.disabled = !enabled; });
    }

    function escapeHtmlSafe(s) {
        var d = document.createElement('div');
        d.textContent = s == null ? '' : String(s);
        return d.innerHTML;
    }

    // Populate pricing table from chip data
    function populatePricingTable(chipEl) {
        // data-tiers is already the server-curated visible set (ProductService.getSpecGridTiers),
        // so render exactly what's there — no client-side filtering.
        var displayTiers = JSON.parse(chipEl.dataset.tiers);

        var tbody = document.getElementById('detailPricingBody');
        tbody.innerHTML = '';

        displayTiers.forEach(function(tier) {
            var qty = tier.MIN_QUANTITY || tier.min_quantity;
            var price = parseFloat(tier.PRICE_PER_UNIT || tier.price_per_unit);
            var total = qty * price;

            var row = document.createElement('tr');
            row.style.cursor = 'pointer';
            row.title = 'Click to select ' + qty + ' qty';
            row.setAttribute('data-qty', qty);
            row.innerHTML =
                '<td>' + qty.toLocaleString() + '</td>' +
                '<td>$' + price.toLocaleString(undefined, {minimumFractionDigits: 2, maximumFractionDigits: 2}) + '</td>' +
                '<td>$' + total.toLocaleString(undefined, {minimumFractionDigits: 2, maximumFractionDigits: 2}) + '</td>';
            row.addEventListener('click', function() {
                var qtyInput = document.getElementById('customQtyInput');
                if (qtyInput) {
                    qtyInput.value = qty;
                    calculateCustomPrice();
                }
                // Highlight selected row
                tbody.querySelectorAll('tr').forEach(function(r) { r.classList.remove('selected'); });
                this.classList.add('selected');
            });
            tbody.appendChild(row);
        });
    }

    // Calculate price for a custom quantity
    function calculateCustomPrice() {
        var input = document.getElementById('customQtyInput');
        var result = document.getElementById('customQtyResult');
        var qty = parseInt(input.value, 10);

        if (!qty || qty < 1) {
            result.innerHTML = '';
            return;
        }

        // Get all tiers from the selected chip
        var selectedChip = document.querySelector('.size-chip.selected');
        if (!selectedChip) return;

        // Price against ALL breaks (incl. hidden low ones), not just the visible grid —
        // so a customer can enter a hidden quantity and still get a live price.
        var allTiers = JSON.parse(selectedChip.dataset.allTiers || selectedChip.dataset.tiers);
        if (!allTiers.length) {
            result.innerHTML = '';
            return;
        }

        // True minimum + step come from data-min-qty (the all-tiers minimum), NOT the
        // visible grid. Hiding low breaks must never make them un-orderable, so we only
        // enforce a minimum/multiple when it's genuinely > 1.
        var minQty = parseInt(selectedChip.dataset.minQty, 10) || (allTiers[0].MIN_QUANTITY || allTiers[0].min_quantity);

        // Validate: must be >= minimum
        if (qty < minQty) {
            result.innerHTML = '<span class="custom-qty-calc__note">Minimum quantity is ' + minQty.toLocaleString() + '</span>';
            return;
        }

        // Validate: must be a multiple of minQty
        if (minQty > 1 && qty % minQty !== 0) {
            var lower = qty - (qty % minQty);
            var upper = lower + minQty;
            result.innerHTML = '<span class="custom-qty-calc__note">Must order in multiples of ' + minQty.toLocaleString() +
                '. Try ' + (lower >= minQty ? lower.toLocaleString() + ' or ' : '') + upper.toLocaleString() + '</span>';
            return;
        }

        // Find the applicable tier index: highest min_quantity <= entered qty
        var tierIndex = -1;
        for (var i = 0; i < allTiers.length; i++) {
            var tierQty = allTiers[i].MIN_QUANTITY || allTiers[i].min_quantity;
            if (qty >= tierQty) {
                tierIndex = i;
            }
        }

        if (tierIndex >= 0) {
            var tierPrice = parseFloat(allTiers[tierIndex].PRICE_PER_UNIT || allTiers[tierIndex].price_per_unit);
            var naiveTotal = qty * tierPrice;

            // Cap total at next tier's boundary so it never drops at a tier break
            var total = naiveTotal;
            if (tierIndex < allTiers.length - 1) {
                var nextTierQty = allTiers[tierIndex + 1].MIN_QUANTITY || allTiers[tierIndex + 1].min_quantity;
                var nextTierPrice = parseFloat(allTiers[tierIndex + 1].PRICE_PER_UNIT || allTiers[tierIndex + 1].price_per_unit);
                var nextBoundaryTotal = nextTierQty * nextTierPrice;
                if (naiveTotal > nextBoundaryTotal) {
                    total = nextBoundaryTotal;
                }
            }

            var unitPrice = total / qty;
            result.innerHTML =
                '<span class="custom-qty-calc__price">$' +
                unitPrice.toLocaleString(undefined, {minimumFractionDigits: 2, maximumFractionDigits: 2}) +
                ' each</span>' +
                '<span class="custom-qty-calc__total">= $' +
                total.toLocaleString(undefined, {minimumFractionDigits: 2, maximumFractionDigits: 2}) +
                ' total</span>';
        }
    }

    // Get custom quantity if entered
    function getCustomQuantityParam() {
        var customQty = document.getElementById('customQtyInput');
        if (customQty && customQty.value && parseInt(customQty.value, 10) > 0) {
            return '&quantity=' + parseInt(customQty.value, 10);
        }
        return '';
    }

    // Append &customWidth=&customHeight= to the URL when the custom-size chip is active
    // and the customer has typed valid dims. Empty otherwise. specId in the URL is always
    // the snapped spec, set by applyCustomQuote.
    function getCustomDimsParam() {
        if (isCustomSizeMode && selectedCustomWidth > 0 && selectedCustomHeight > 0) {
            return '&customWidth=' + selectedCustomWidth + '&customHeight=' + selectedCustomHeight;
        }
        return '';
    }

    // The single "Start your design" button. Appends &aiStart=1 (the AI board
    // opens at boot) whenever the site has AI on — the designer resolves
    // typed custom dims into the canvas at boot (orientation-agnostic since
    // 2026-09-06), so the board opens over the right canvas. The designer's
    // own gate re-checks the flag.
    function goToDesigner() {
        if (!selectedProductId || !selectedSpecId) return;
        var href = '/designer/?productId=' + selectedProductId + '&specId=' + selectedSpecId + getCustomQuantityParam() + getCustomDimsParam();
        if (aiDesignEnabled) href += '&aiStart=1';
        window.location.href = href;
    }

    // Go to file upload page
    function goToUpload() {
        if (selectedProductId && selectedSpecId) {
            window.location.href = '/products/upload.cfm?productId=' + selectedProductId + '&specId=' + selectedSpecId + getCustomQuantityParam() + getCustomDimsParam();
        }
    }

    // Add non-printable product directly to cart
    function addToCartDirect() {
        if (!selectedProductId || !selectedSpecId) return;

        var qtyInput = document.getElementById('detailQtyInput');
        var quantity = qtyInput ? parseInt(qtyInput.value, 10) : 1;
        if (isNaN(quantity) || quantity < 1) quantity = 1;

        var cartBtn = document.getElementById('detailCartBtn');
        if (cartBtn) {
            cartBtn.disabled = true;
            cartBtn.innerHTML = 'Adding... <i class="bi bi-hourglass-split"></i>';
        }

        var fd = new FormData();
        fd.append('productId', selectedProductId);
        fd.append('specId', selectedSpecId);
        fd.append('quantity', quantity);
        fd.append('thumbnail', document.getElementById('mainProductImage') ? document.getElementById('mainProductImage').src : '');
        // Custom-size dims for non-printable products with allow_custom_sizes
        if (isCustomSizeMode && selectedCustomWidth > 0 && selectedCustomHeight > 0) {
            fd.append('customWidth',  selectedCustomWidth);
            fd.append('customHeight', selectedCustomHeight);
        }

        fetch('/cart/ajax-add-to-cart.cfm', { method: 'POST', body: fd })
            .then(function(r) { return r.json(); })
            .then(function(response) {
                if (response.success) {
                    if (typeof fbq !== 'undefined') {
                        fbq('track', 'AddToCart', {
                            content_ids: [String(response.productId || selectedProductId)],
                            content_type: 'product',
                            value: Number(response.subtotal || 0),
                            currency: 'USD',
                            contents: [{ id: String(response.productId || selectedProductId), quantity: Number(response.quantity || quantity) }]
                        });
                    }
                    // GA4: add_to_cart (no-op when GA4 not configured). Mirrors the AddToCart above.
                    if (typeof gtag === 'function') {
                        gtag('event', 'add_to_cart', {
                            currency: 'USD',
                            value: Number(response.subtotal || 0),
                            items: [{
                                item_id: String(response.productId || selectedProductId),
                                quantity: Number(response.quantity || quantity)
                            }]
                        });
                    }
                    window.location.href = '/cart/';
                } else {
                    alert(response.message || 'Failed to add to cart.');
                    if (cartBtn) {
                        cartBtn.disabled = false;
                        cartBtn.innerHTML = 'Add to Cart <i class="bi bi-cart-plus"></i>';
                    }
                }
            })
            .catch(function() {
                alert('An error occurred. Please try again.');
                if (cartBtn) {
                    cartBtn.disabled = false;
                    cartBtn.innerHTML = 'Add to Cart <i class="bi bi-cart-plus"></i>';
                }
            });
    }

    // Media Lightbox Gallery System
    let lightboxGallery = [];
    let lightboxCurrentIndex = 0;

    // Initialize gallery data from page thumbnails
    function initLightboxGallery() {
        lightboxGallery = [];
        const thumbs = document.querySelectorAll('.product-gallery__thumb');

        thumbs.forEach((thumb, index) => {
            const img = thumb.querySelector('img');
            const isVideo = thumb.dataset.mediaType === 'video';

            lightboxGallery.push({
                type: isVideo ? 'video' : 'image',
                src: img ? img.src : '',
                alt: img ? img.alt : '',
                videoProvider: thumb.dataset.videoProvider || '',
                videoId: thumb.dataset.videoId || ''
            });
        });

        // If no thumbs found, check for single main image
        if (lightboxGallery.length === 0) {
            const mainImg = document.getElementById('mainProductImage');
            if (mainImg) {
                lightboxGallery.push({
                    type: 'image',
                    src: mainImg.src,
                    alt: mainImg.alt
                });
            }
        }

        // Build thumbnail strip in lightbox
        buildLightboxThumbs();
    }

    // Build thumbnail strip in lightbox
    function buildLightboxThumbs() {
        const thumbsContainer = document.getElementById('lightboxThumbs');
        if (!thumbsContainer) return;

        // Hide thumbs if only 1 item
        if (lightboxGallery.length <= 1) {
            thumbsContainer.style.display = 'none';
            return;
        }
        thumbsContainer.style.display = 'flex';

        thumbsContainer.innerHTML = lightboxGallery.map((item, index) => `
            <div class="lightbox-thumb${index === lightboxCurrentIndex ? ' active' : ''}"
                 onclick="goToLightboxIndex(${index})">
                <img src="${item.src}" alt="${item.alt}">
                ${item.type === 'video' ? '<span class="thumb-video-icon"><i class="bi bi-play-fill"></i></span>' : ''}
            </div>
        `).join('');
    }

    // Open lightbox at specific index
    function openLightbox(src, alt) {
        initLightboxGallery();

        // Find index by src
        let index = lightboxGallery.findIndex(item => item.src === src);
        if (index === -1) index = 0;

        lightboxCurrentIndex = index;
        updateLightboxDisplay();

        const lightbox = document.getElementById('mediaLightbox');
        lightbox.classList.add('active');
        document.body.style.overflow = 'hidden';
    }

    // Open lightbox for video
    function openLightboxVideo(provider, videoId) {
        initLightboxGallery();

        // Find index by video ID
        let index = lightboxGallery.findIndex(item => item.videoId === videoId);
        if (index === -1) index = 0;

        lightboxCurrentIndex = index;
        updateLightboxDisplay();

        const lightbox = document.getElementById('mediaLightbox');
        lightbox.classList.add('active');
        document.body.style.overflow = 'hidden';
    }

    // Navigate to specific index
    function goToLightboxIndex(index) {
        if (index < 0 || index >= lightboxGallery.length) return;
        lightboxCurrentIndex = index;
        updateLightboxDisplay();
    }

    // Navigate prev/next
    function navigateLightbox(direction) {
        let newIndex = lightboxCurrentIndex + direction;

        // Wrap around
        if (newIndex < 0) newIndex = lightboxGallery.length - 1;
        if (newIndex >= lightboxGallery.length) newIndex = 0;

        lightboxCurrentIndex = newIndex;
        updateLightboxDisplay();
    }

    // Update lightbox display for current index
    function updateLightboxDisplay() {
        const item = lightboxGallery[lightboxCurrentIndex];
        if (!item) return;

        const lightboxImage = document.getElementById('lightboxImage');
        const lightboxVideo = document.getElementById('lightboxVideo');
        const lightboxFrame = document.getElementById('lightboxVideoFrame');

        // Stop any playing video
        lightboxFrame.src = '';

        if (item.type === 'video') {
            // Show video
            lightboxImage.classList.remove('active');
            lightboxVideo.classList.add('active');

            let embedUrl = '';
            if (item.videoProvider === 'youtube') {
                embedUrl = `https://www.youtube.com/embed/${item.videoId}?autoplay=1`;
            } else if (item.videoProvider === 'vimeo') {
                embedUrl = `https://player.vimeo.com/video/${item.videoId}?autoplay=1`;
            }
            lightboxFrame.src = embedUrl;
        } else {
            // Show image
            lightboxVideo.classList.remove('active');
            lightboxImage.classList.add('active');
            lightboxImage.src = item.src;
            lightboxImage.alt = item.alt;
        }

        // Update thumbnail highlight
        const thumbs = document.querySelectorAll('.lightbox-thumb');
        thumbs.forEach((thumb, index) => {
            thumb.classList.toggle('active', index === lightboxCurrentIndex);
        });

        // Show/hide nav arrows if only 1 item
        const prevBtn = document.querySelector('.lightbox-prev');
        const nextBtn = document.querySelector('.lightbox-next');
        const showNav = lightboxGallery.length > 1;
        if (prevBtn) prevBtn.style.display = showNav ? 'flex' : 'none';
        if (nextBtn) nextBtn.style.display = showNav ? 'flex' : 'none';
    }

    function closeLightbox(event) {
        if (event.target.id === 'mediaLightbox' || event.target.classList.contains('media-lightbox-close')) {
            const lightbox = document.getElementById('mediaLightbox');
            const lightboxFrame = document.getElementById('lightboxVideoFrame');

            lightbox.classList.remove('active');
            lightboxFrame.src = ''; // Stop video playback
            document.body.style.overflow = '';
        }
    }

    // Keyboard navigation
    document.addEventListener('keydown', function(e) {
        const lightbox = document.getElementById('mediaLightbox');
        if (!lightbox.classList.contains('active')) return;

        if (e.key === 'Escape') {
            const lightboxFrame = document.getElementById('lightboxVideoFrame');
            lightbox.classList.remove('active');
            lightboxFrame.src = '';
            document.body.style.overflow = '';
        } else if (e.key === 'ArrowLeft') {
            navigateLightbox(-1);
        } else if (e.key === 'ArrowRight') {
            navigateLightbox(1);
        }
    });
    </script>

    
    <script>
    if (typeof fbq !== 'undefined') {
        fbq('track', 'ViewContent', {
            content_ids: ['22'],
            content_type: 'product',
            content_name: 'Die\-Cut Yard Signs (2\-Sided)',
            content_category: '4mm White Coroplast',
            value: 2.83,
            currency: 'USD'
        });
    }
    // GA4: view_item (no-op when GA4 not configured — gtag is undefined on GTM/no-GA tenants).
    // Same product + value as the ViewContent above; item_id = internal product_id (matches Meta).
    if (typeof gtag === 'function') {
        gtag('event', 'view_item', {
            currency: 'USD',
            value: 2.83,
            items: [{
                item_id: '22',
                item_name: 'Die\-Cut Yard Signs (2\-Sided)',
                item_category: '4mm White Coroplast',
                price: 2.83,
                quantity: 1
            }]
        });
    }
    </script>
    

</body>
</html>