

<!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_mpoi3kpm_m.08c11d90.webp" type="image/png">
<link rel="icon" href="/uploads/branding/cropped-image_mpoi3kpm_m.08c11d90.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 src="/assets/js/active-visitor-heartbeat.js" defer></script>


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

    <title>Die-Cut Magnets - LoudLeafPrinting.com</title>
    <meta name="description" content="Why settle for a rectangle when you can be exactly the shape of your brand? Our die-cut magnets are precision-cut to follow every curve of your artwork, turning">
    <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: #3a6a21;
    --primary-comliment-color: #61b832;
    --primary-hover-color: #61b832;
    --nav-background-color: #eef3ed;
    --nav-text-color: #4a7e2b;
    --success-button-color: #4da422;
    --warning-button-color: #ffb400;
    --danger-button-color: #fc3832;
    
    --success-button-compliment-color: #69e02e;
    --warning-button-compliment-color: #ffe066;
    --danger-button-compliment-color: #dc312b;
    --secondary-color: #256a59;
    --secondary-hover-color: #37b394;
}
</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_mpoht2v7_k.68024822.webp" alt="LoudLeafPrinting.com">
        </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">
                                    All Products
                                </a>
                            </li>
                            
                            
                                <li class="category-sub-nav__item">
                                    <a href="/products/?category=stickers"
                                       class="category-sub-nav__link">
                                        Stickers
                                    </a>
                                </li>
                            
                                <li class="category-sub-nav__item">
                                    <a href="/products/?category=yard-signs"
                                       class="category-sub-nav__link">
                                        Yard Signs
                                    </a>
                                </li>
                            
                                <li class="category-sub-nav__item">
                                    <a href="/products/?category=magnets"
                                       class="category-sub-nav__link category-sub-nav__link--active">
                                        Magnets
                                    </a>
                                </li>
                            
                                <li class="category-sub-nav__item">
                                    <a href="/products/?category=banners"
                                       class="category-sub-nav__link">
                                        Banners
                                    </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-gallery">
                        <div class="product-gallery__main">
                            
                                <img id="mainProductImage" src="/uploads/products/cropped-image.7f21765e.webp" alt="Die-Cut&#x20;Magnets" 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"
                                                data-media-type="image"
                                                
                                                onclick="changeMainImage('\x2Fuploads\x2Fproducts\x2Fcropped\x2Dimage.2650b177.webp', this)">
                                            <img src="/uploads/products/cropped-image.2650b177.webp" alt="Die-Cut&#x20;Magnets" loading="lazy">
                                            
                                        </button>
                                        
                                    
                                        <button class="product-gallery__thumb active"
                                                data-media-type="image"
                                                
                                                onclick="changeMainImage('\x2Fuploads\x2Fproducts\x2Fcropped\x2Dimage.7f21765e.webp', this)">
                                            <img src="/uploads/products/cropped-image.7f21765e.webp" alt="Die-Cut&#x20;Magnets" loading="lazy">
                                            
                                        </button>
                                        
                                    
                                        <button class="product-gallery__thumb"
                                                data-media-type="image"
                                                
                                                onclick="changeMainImage('\x2Fuploads\x2Fproducts\x2Fcropped\x2Dimage.b40596c2.webp', this)">
                                            <img src="/uploads/products/cropped-image.b40596c2.webp" alt="Die-Cut&#x20;Magnets" loading="lazy">
                                            
                                        </button>
                                        
                                    
                                        <button class="product-gallery__thumb"
                                                data-media-type="image"
                                                
                                                onclick="changeMainImage('\x2Fuploads\x2Fproducts\x2Fcropped\x2Dimage.4081b5bb.webp', this)">
                                            <img src="/uploads/products/cropped-image.4081b5bb.webp" alt="Die-Cut&#x20;Magnets" 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">
                            Why settle for a rectangle when you can be exactly the shape of your brand? Our die-cut magnets are precision-cut to follow every curve of your artwork, turning your logo into a magnetic calling card that sticks out as much as it sticks on.
                        </div>
                    
                </div>

                
                <div class="product-hero__info">
                    <h1 class="product-hero__title">
                        Die-Cut Magnets
                    </h1>

                    <span class="product-hero__badge">
                        <i class="bi bi-tag"></i> 20 Mil Magnetic
                    </span>

                    
                        <div class="product-hero__price">
                            As low as $0.68
                        </div>
                    

                    <a href="/products/?category=magnets" class="product-hero__back">
                        <i class="bi bi-arrow-left"></i> Back to Products
                    </a>
                    

                        <div class="product-hero__sizes">
                            <h3 class="product-hero__sizes-label">Select a Size</h3>
                            <div class="size-chips size-chips--count-11">
                                
                                    
                                    <button class="size-chip" type="button"
                                            data-spec-id="30"
                                            data-product-id="7"
                                            data-min-qty="1"
                                            data-has-templates="false"
                                            data-size-name="24&quot;&#x20;x&#x20;24&quot;"
                                            data-tiers="&#x5b;&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;30,&quot;price_per_unit&quot;&#x3a;100.29,&quot;min_quantity&quot;&#x3a;1,&quot;pricing_id&quot;&#x3a;233,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;52&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;9,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;66.86,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;52&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;30,&quot;price_per_unit&quot;&#x3a;33.14,&quot;min_quantity&quot;&#x3a;10,&quot;pricing_id&quot;&#x3a;234,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;24,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;22.09,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;30,&quot;price_per_unit&quot;&#x3a;29.4,&quot;min_quantity&quot;&#x3a;25,&quot;pricing_id&quot;&#x3a;235,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;49,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;19.6,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;30,&quot;price_per_unit&quot;&#x3a;23.97,&quot;min_quantity&quot;&#x3a;50,&quot;pricing_id&quot;&#x3a;236,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;99,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;15.98,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;30,&quot;price_per_unit&quot;&#x3a;21.68,&quot;min_quantity&quot;&#x3a;100,&quot;pricing_id&quot;&#x3a;237,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;249,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;14.45,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;30,&quot;price_per_unit&quot;&#x3a;20.51,&quot;min_quantity&quot;&#x3a;250,&quot;pricing_id&quot;&#x3a;238,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;499,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;13.67,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;30,&quot;price_per_unit&quot;&#x3a;19.79,&quot;min_quantity&quot;&#x3a;500,&quot;pricing_id&quot;&#x3a;239,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;999,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;13.19,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;30,&quot;price_per_unit&quot;&#x3a;19.23,&quot;min_quantity&quot;&#x3a;1000,&quot;pricing_id&quot;&#x3a;240,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;999999,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;12.82,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;&#x7d;&#x5d;"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">24&quot; x 24&quot;</span>
                                        
                                            <span class="size-chip__price">from $19.23</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip" type="button"
                                            data-spec-id="31"
                                            data-product-id="7"
                                            data-min-qty="1"
                                            data-has-templates="false"
                                            data-size-name="2x2"
                                            data-tiers="&#x5b;&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;31,&quot;price_per_unit&quot;&#x3a;52.8,&quot;min_quantity&quot;&#x3a;1,&quot;pricing_id&quot;&#x3a;241,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;9,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;35.2,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;28&#x20;2026&#x20;07&#x3a;16&#x3a;02&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;31,&quot;price_per_unit&quot;&#x3a;8.27,&quot;min_quantity&quot;&#x3a;10,&quot;pricing_id&quot;&#x3a;242,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;24,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;5.51,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;31,&quot;price_per_unit&quot;&#x3a;4.53,&quot;min_quantity&quot;&#x3a;25,&quot;pricing_id&quot;&#x3a;243,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;49,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;3.02,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;24&#x20;2026&#x20;07&#x3a;16&#x3a;03&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;31,&quot;price_per_unit&quot;&#x3a;2.19,&quot;min_quantity&quot;&#x3a;50,&quot;pricing_id&quot;&#x3a;244,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;99,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;1.46,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;31,&quot;price_per_unit&quot;&#x3a;1.4,&quot;min_quantity&quot;&#x3a;100,&quot;pricing_id&quot;&#x3a;245,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;249,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;0.93,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;31,&quot;price_per_unit&quot;&#x3a;0.93,&quot;min_quantity&quot;&#x3a;250,&quot;pricing_id&quot;&#x3a;246,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;499,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;0.62,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;31,&quot;price_per_unit&quot;&#x3a;0.77,&quot;min_quantity&quot;&#x3a;500,&quot;pricing_id&quot;&#x3a;247,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;999,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;0.51,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;31,&quot;price_per_unit&quot;&#x3a;0.68,&quot;min_quantity&quot;&#x3a;1000,&quot;pricing_id&quot;&#x3a;248,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;999999,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;0.45,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;&#x7d;&#x5d;"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">2x2</span>
                                        
                                            <span class="size-chip__price">from $0.68</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip" type="button"
                                            data-spec-id="32"
                                            data-product-id="7"
                                            data-min-qty="1"
                                            data-has-templates="false"
                                            data-size-name="3x3"
                                            data-tiers="&#x5b;&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;32,&quot;price_per_unit&quot;&#x3a;52.8,&quot;min_quantity&quot;&#x3a;1,&quot;pricing_id&quot;&#x3a;249,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;9,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;35.2,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;28&#x20;2026&#x20;07&#x3a;16&#x3a;02&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;32,&quot;price_per_unit&quot;&#x3a;8.27,&quot;min_quantity&quot;&#x3a;10,&quot;pricing_id&quot;&#x3a;250,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;24,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;5.51,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;53&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;32,&quot;price_per_unit&quot;&#x3a;4.53,&quot;min_quantity&quot;&#x3a;25,&quot;pricing_id&quot;&#x3a;251,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;49,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;3.02,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;24&#x20;2026&#x20;07&#x3a;16&#x3a;03&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;32,&quot;price_per_unit&quot;&#x3a;2.19,&quot;min_quantity&quot;&#x3a;50,&quot;pricing_id&quot;&#x3a;252,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;99,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;1.46,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;32,&quot;price_per_unit&quot;&#x3a;1.4,&quot;min_quantity&quot;&#x3a;100,&quot;pricing_id&quot;&#x3a;253,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;249,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;0.93,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;32,&quot;price_per_unit&quot;&#x3a;0.93,&quot;min_quantity&quot;&#x3a;250,&quot;pricing_id&quot;&#x3a;254,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;499,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;0.62,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;32,&quot;price_per_unit&quot;&#x3a;0.77,&quot;min_quantity&quot;&#x3a;500,&quot;pricing_id&quot;&#x3a;255,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;999,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;0.51,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;32,&quot;price_per_unit&quot;&#x3a;0.68,&quot;min_quantity&quot;&#x3a;1000,&quot;pricing_id&quot;&#x3a;256,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;999999,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;0.45,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;&#x7d;&#x5d;"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">3x3</span>
                                        
                                            <span class="size-chip__price">from $0.68</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip" type="button"
                                            data-spec-id="33"
                                            data-product-id="7"
                                            data-min-qty="1"
                                            data-has-templates="false"
                                            data-size-name="4x4"
                                            data-tiers="&#x5b;&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;33,&quot;price_per_unit&quot;&#x3a;52.8,&quot;min_quantity&quot;&#x3a;1,&quot;pricing_id&quot;&#x3a;257,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;9,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;35.2,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;28&#x20;2026&#x20;07&#x3a;16&#x3a;02&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;33,&quot;price_per_unit&quot;&#x3a;8.27,&quot;min_quantity&quot;&#x3a;10,&quot;pricing_id&quot;&#x3a;258,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;24,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;5.51,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;33,&quot;price_per_unit&quot;&#x3a;4.53,&quot;min_quantity&quot;&#x3a;25,&quot;pricing_id&quot;&#x3a;259,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;49,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;3.02,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;24&#x20;2026&#x20;07&#x3a;16&#x3a;03&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;33,&quot;price_per_unit&quot;&#x3a;2.19,&quot;min_quantity&quot;&#x3a;50,&quot;pricing_id&quot;&#x3a;260,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;99,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;1.46,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;33,&quot;price_per_unit&quot;&#x3a;1.4,&quot;min_quantity&quot;&#x3a;100,&quot;pricing_id&quot;&#x3a;261,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;249,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;0.93,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;33,&quot;price_per_unit&quot;&#x3a;0.93,&quot;min_quantity&quot;&#x3a;250,&quot;pricing_id&quot;&#x3a;262,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;499,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;0.62,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;33,&quot;price_per_unit&quot;&#x3a;0.77,&quot;min_quantity&quot;&#x3a;500,&quot;pricing_id&quot;&#x3a;263,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;999,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;0.51,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;33,&quot;price_per_unit&quot;&#x3a;0.68,&quot;min_quantity&quot;&#x3a;1000,&quot;pricing_id&quot;&#x3a;264,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;999999,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;0.45,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;&#x7d;&#x5d;"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">4x4</span>
                                        
                                            <span class="size-chip__price">from $0.68</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip" type="button"
                                            data-spec-id="34"
                                            data-product-id="7"
                                            data-min-qty="1"
                                            data-has-templates="false"
                                            data-size-name="6x6"
                                            data-tiers="&#x5b;&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;34,&quot;price_per_unit&quot;&#x3a;53.36,&quot;min_quantity&quot;&#x3a;1,&quot;pricing_id&quot;&#x3a;265,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;9,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;35.57,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;28&#x20;2026&#x20;07&#x3a;16&#x3a;02&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;34,&quot;price_per_unit&quot;&#x3a;9.06,&quot;min_quantity&quot;&#x3a;10,&quot;pricing_id&quot;&#x3a;266,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;24,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;6.04,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;54&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;34,&quot;price_per_unit&quot;&#x3a;5.34,&quot;min_quantity&quot;&#x3a;25,&quot;pricing_id&quot;&#x3a;267,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;49,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;3.56,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;24&#x20;2026&#x20;07&#x3a;16&#x3a;03&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;34,&quot;price_per_unit&quot;&#x3a;2.9,&quot;min_quantity&quot;&#x3a;50,&quot;pricing_id&quot;&#x3a;268,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;99,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;1.93,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;34,&quot;price_per_unit&quot;&#x3a;2.06,&quot;min_quantity&quot;&#x3a;100,&quot;pricing_id&quot;&#x3a;269,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;249,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;1.37,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;34,&quot;price_per_unit&quot;&#x3a;1.56,&quot;min_quantity&quot;&#x3a;250,&quot;pricing_id&quot;&#x3a;270,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;499,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;1.04,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;34,&quot;price_per_unit&quot;&#x3a;1.38,&quot;min_quantity&quot;&#x3a;500,&quot;pricing_id&quot;&#x3a;271,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;999,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;0.92,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;34,&quot;price_per_unit&quot;&#x3a;1.28,&quot;min_quantity&quot;&#x3a;1000,&quot;pricing_id&quot;&#x3a;272,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;999999,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;0.85,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;&#x7d;&#x5d;"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">6x6</span>
                                        
                                            <span class="size-chip__price">from $1.28</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip" type="button"
                                            data-spec-id="35"
                                            data-product-id="7"
                                            data-min-qty="1"
                                            data-has-templates="false"
                                            data-size-name="5x5"
                                            data-tiers="&#x5b;&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;35,&quot;price_per_unit&quot;&#x3a;53.36,&quot;min_quantity&quot;&#x3a;1,&quot;pricing_id&quot;&#x3a;273,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;9,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;35.57,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;28&#x20;2026&#x20;07&#x3a;16&#x3a;02&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;35,&quot;price_per_unit&quot;&#x3a;9.06,&quot;min_quantity&quot;&#x3a;10,&quot;pricing_id&quot;&#x3a;274,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;24,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;6.04,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;35,&quot;price_per_unit&quot;&#x3a;5.34,&quot;min_quantity&quot;&#x3a;25,&quot;pricing_id&quot;&#x3a;275,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;49,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;3.56,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;24&#x20;2026&#x20;07&#x3a;16&#x3a;03&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;35,&quot;price_per_unit&quot;&#x3a;2.9,&quot;min_quantity&quot;&#x3a;50,&quot;pricing_id&quot;&#x3a;276,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;99,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;1.93,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;35,&quot;price_per_unit&quot;&#x3a;2.06,&quot;min_quantity&quot;&#x3a;100,&quot;pricing_id&quot;&#x3a;277,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;249,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;1.37,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;35,&quot;price_per_unit&quot;&#x3a;1.56,&quot;min_quantity&quot;&#x3a;250,&quot;pricing_id&quot;&#x3a;278,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;499,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;1.04,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;35,&quot;price_per_unit&quot;&#x3a;1.38,&quot;min_quantity&quot;&#x3a;500,&quot;pricing_id&quot;&#x3a;279,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;999,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;0.92,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;35,&quot;price_per_unit&quot;&#x3a;1.28,&quot;min_quantity&quot;&#x3a;1000,&quot;pricing_id&quot;&#x3a;280,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;999999,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;0.85,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;&#x7d;&#x5d;"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">5x5</span>
                                        
                                            <span class="size-chip__price">from $1.28</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip" type="button"
                                            data-spec-id="36"
                                            data-product-id="7"
                                            data-min-qty="1"
                                            data-has-templates="false"
                                            data-size-name="4x6"
                                            data-tiers="&#x5b;&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;36,&quot;price_per_unit&quot;&#x3a;53.36,&quot;min_quantity&quot;&#x3a;1,&quot;pricing_id&quot;&#x3a;281,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;9,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;35.57,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;28&#x20;2026&#x20;07&#x3a;16&#x3a;02&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;36,&quot;price_per_unit&quot;&#x3a;9.06,&quot;min_quantity&quot;&#x3a;10,&quot;pricing_id&quot;&#x3a;282,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;24,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;6.04,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;36,&quot;price_per_unit&quot;&#x3a;5.34,&quot;min_quantity&quot;&#x3a;25,&quot;pricing_id&quot;&#x3a;283,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;55&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;49,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;3.56,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;24&#x20;2026&#x20;07&#x3a;16&#x3a;03&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;36,&quot;price_per_unit&quot;&#x3a;2.9,&quot;min_quantity&quot;&#x3a;50,&quot;pricing_id&quot;&#x3a;284,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;99,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;1.93,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;36,&quot;price_per_unit&quot;&#x3a;2.06,&quot;min_quantity&quot;&#x3a;100,&quot;pricing_id&quot;&#x3a;285,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;249,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;1.37,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;36,&quot;price_per_unit&quot;&#x3a;1.56,&quot;min_quantity&quot;&#x3a;250,&quot;pricing_id&quot;&#x3a;286,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;499,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;1.04,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;36,&quot;price_per_unit&quot;&#x3a;1.38,&quot;min_quantity&quot;&#x3a;500,&quot;pricing_id&quot;&#x3a;287,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;999,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;0.92,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;36,&quot;price_per_unit&quot;&#x3a;1.28,&quot;min_quantity&quot;&#x3a;1000,&quot;pricing_id&quot;&#x3a;288,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;999999,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;0.85,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;&#x7d;&#x5d;"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">4x6</span>
                                        
                                            <span class="size-chip__price">from $1.28</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip" type="button"
                                            data-spec-id="37"
                                            data-product-id="7"
                                            data-min-qty="1"
                                            data-has-templates="false"
                                            data-size-name="6x4"
                                            data-tiers="&#x5b;&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;37,&quot;price_per_unit&quot;&#x3a;53.36,&quot;min_quantity&quot;&#x3a;1,&quot;pricing_id&quot;&#x3a;289,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;9,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;35.57,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;28&#x20;2026&#x20;07&#x3a;16&#x3a;02&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;37,&quot;price_per_unit&quot;&#x3a;9.06,&quot;min_quantity&quot;&#x3a;10,&quot;pricing_id&quot;&#x3a;290,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;24,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;6.04,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;37,&quot;price_per_unit&quot;&#x3a;5.34,&quot;min_quantity&quot;&#x3a;25,&quot;pricing_id&quot;&#x3a;291,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;49,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;3.56,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;24&#x20;2026&#x20;07&#x3a;16&#x3a;03&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;37,&quot;price_per_unit&quot;&#x3a;2.9,&quot;min_quantity&quot;&#x3a;50,&quot;pricing_id&quot;&#x3a;292,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;99,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;1.93,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;37,&quot;price_per_unit&quot;&#x3a;2.06,&quot;min_quantity&quot;&#x3a;100,&quot;pricing_id&quot;&#x3a;293,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;249,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;1.37,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;37,&quot;price_per_unit&quot;&#x3a;1.56,&quot;min_quantity&quot;&#x3a;250,&quot;pricing_id&quot;&#x3a;294,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;499,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;1.04,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;37,&quot;price_per_unit&quot;&#x3a;1.38,&quot;min_quantity&quot;&#x3a;500,&quot;pricing_id&quot;&#x3a;295,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;999,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;0.92,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;37,&quot;price_per_unit&quot;&#x3a;1.28,&quot;min_quantity&quot;&#x3a;1000,&quot;pricing_id&quot;&#x3a;296,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;999999,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;0.85,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;&#x7d;&#x5d;"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">6x4</span>
                                        
                                            <span class="size-chip__price">from $1.28</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip" type="button"
                                            data-spec-id="38"
                                            data-product-id="7"
                                            data-min-qty="1"
                                            data-has-templates="false"
                                            data-size-name="6x8"
                                            data-tiers="&#x5b;&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;38,&quot;price_per_unit&quot;&#x3a;53.93,&quot;min_quantity&quot;&#x3a;1,&quot;pricing_id&quot;&#x3a;297,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;9,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;35.95,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;28&#x20;2026&#x20;07&#x3a;16&#x3a;02&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;38,&quot;price_per_unit&quot;&#x3a;9.87,&quot;min_quantity&quot;&#x3a;10,&quot;pricing_id&quot;&#x3a;298,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;24,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;6.58,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;38,&quot;price_per_unit&quot;&#x3a;6.14,&quot;min_quantity&quot;&#x3a;25,&quot;pricing_id&quot;&#x3a;299,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;56&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;49,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;4.09,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;24&#x20;2026&#x20;07&#x3a;16&#x3a;03&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;38,&quot;price_per_unit&quot;&#x3a;3.6,&quot;min_quantity&quot;&#x3a;50,&quot;pricing_id&quot;&#x3a;300,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;57&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;99,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;2.4,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;57&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;38,&quot;price_per_unit&quot;&#x3a;2.72,&quot;min_quantity&quot;&#x3a;100,&quot;pricing_id&quot;&#x3a;301,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;57&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;249,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;1.81,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;57&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;38,&quot;price_per_unit&quot;&#x3a;2.19,&quot;min_quantity&quot;&#x3a;250,&quot;pricing_id&quot;&#x3a;302,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;57&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;499,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;1.46,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;57&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;38,&quot;price_per_unit&quot;&#x3a;2,&quot;min_quantity&quot;&#x3a;500,&quot;pricing_id&quot;&#x3a;303,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;57&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;999,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;1.33,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;57&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;38,&quot;price_per_unit&quot;&#x3a;1.88,&quot;min_quantity&quot;&#x3a;1000,&quot;pricing_id&quot;&#x3a;304,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;57&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;999999,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;1.25,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;57&#x20;&#x2b;0000&quot;&#x7d;&#x5d;"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">6x8</span>
                                        
                                            <span class="size-chip__price">from $1.88</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip" type="button"
                                            data-spec-id="39"
                                            data-product-id="7"
                                            data-min-qty="1"
                                            data-has-templates="false"
                                            data-size-name="8x6"
                                            data-tiers="&#x5b;&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;39,&quot;price_per_unit&quot;&#x3a;53.93,&quot;min_quantity&quot;&#x3a;1,&quot;pricing_id&quot;&#x3a;305,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;57&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;9,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;35.95,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;28&#x20;2026&#x20;07&#x3a;16&#x3a;02&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;39,&quot;price_per_unit&quot;&#x3a;9.87,&quot;min_quantity&quot;&#x3a;10,&quot;pricing_id&quot;&#x3a;306,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;57&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;24,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;6.58,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;57&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;39,&quot;price_per_unit&quot;&#x3a;6.14,&quot;min_quantity&quot;&#x3a;25,&quot;pricing_id&quot;&#x3a;307,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;57&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;49,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;4.09,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;24&#x20;2026&#x20;07&#x3a;16&#x3a;03&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;39,&quot;price_per_unit&quot;&#x3a;3.6,&quot;min_quantity&quot;&#x3a;50,&quot;pricing_id&quot;&#x3a;308,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;57&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;99,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;2.4,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;57&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;39,&quot;price_per_unit&quot;&#x3a;2.72,&quot;min_quantity&quot;&#x3a;100,&quot;pricing_id&quot;&#x3a;309,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;57&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;249,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;1.81,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;57&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;39,&quot;price_per_unit&quot;&#x3a;2.19,&quot;min_quantity&quot;&#x3a;250,&quot;pricing_id&quot;&#x3a;310,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;57&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;499,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;1.46,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;57&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;39,&quot;price_per_unit&quot;&#x3a;2,&quot;min_quantity&quot;&#x3a;500,&quot;pricing_id&quot;&#x3a;311,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;57&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;999,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;1.33,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;57&#x20;&#x2b;0000&quot;&#x7d;,&#x7b;&quot;markup_type&quot;&#x3a;&quot;percentage&quot;,&quot;synced_from_signmaster&quot;&#x3a;1,&quot;spec_id&quot;&#x3a;39,&quot;price_per_unit&quot;&#x3a;1.88,&quot;min_quantity&quot;&#x3a;1000,&quot;pricing_id&quot;&#x3a;312,&quot;created_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;57&#x20;&#x2b;0000&quot;,&quot;max_quantity&quot;&#x3a;999999,&quot;markup_value&quot;&#x3a;50,&quot;wholesale_price&quot;&#x3a;1.25,&quot;updated_at&quot;&#x3a;&quot;May,&#x20;22&#x20;2026&#x20;20&#x3a;22&#x3a;57&#x20;&#x2b;0000&quot;&#x7d;&#x5d;"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">8x6</span>
                                        
                                            <span class="size-chip__price">from $1.88</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip size-chip--custom" type="button"
                                            data-is-custom="true"
                                            data-product-id="7"
                                            data-min-w="2"
                                            data-min-h="2"
                                            data-max-w="24"
                                            data-max-h="24"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">Custom</span>
                                        <span class="size-chip__price">enter your size</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>

                                    
                                        <div class="custom-size-panel" id="customSizePanel" style="display:none;">
                                            <div class="custom-size-inputs">
                                                <div class="custom-size-field">
                                                    <label for="customSizePanelHeight">Height</label>
                                                    <div class="input-group">
                                                        <input type="number" id="customSizePanelHeight" min="2" max="24" step="0.25" placeholder="2">
                                                        <span class="input-suffix">in</span>
                                                    </div>
                                                </div>
                                                <div class="custom-size-field">
                                                    <label for="customSizePanelWidth">Width</label>
                                                    <div class="input-group">
                                                        <input type="number" id="customSizePanelWidth" min="2" max="24" step="0.25" placeholder="2">
                                                        <span class="input-suffix">in</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="custom-size-bounds">
                                                
                                                Between 2" × 2" and 24" × 24"
                                                
                                            </div>
                                            <div id="customSizePanelStatus" class="custom-size-status" aria-live="polite"></div>
                                        </div>
                                        
                                    
                                    <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" onclick="goToDesigner()">
                                                Design Now <i class="bi bi-pencil-square"></i>
                                            </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">Orders over $50</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 20 Mil Magnetic</p>

                <div class="product-grid">
                    
                        
                        <a href="/products/view.cfm?id=13" class="product-card-link">
                            <div class="product-card">
                                <div class="product-card__image">
                                    
                                        <img src="/uploads/products/cropped-image.27d37698.webp" alt="Circle&#x20;Magnets" loading="lazy">
                                    
                                </div>
                                <div class="product-card__body">
                                    <h3 class="product-card__title">Circle Magnets</h3>
                                    <p class="product-card__text">Your brand, rounded out and ready to rumble. Our circle magnets stick to fridges...</p>
                                    <div class="product-card__footer">
                                        
                                            <span class="product-card__price">As low as $0.68</span>
                                        
                                        <span class="product-card__link">View Details <i class="bi bi-arrow-right"></i></span>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    
                        <a href="/products/view.cfm?id=9" class="product-card-link">
                            <div class="product-card">
                                <div class="product-card__image">
                                    
                                        <img src="/uploads/products/cropped-image.0696058f.webp" alt="Oval&#x20;Magnets" loading="lazy">
                                    
                                </div>
                                <div class="product-card__body">
                                    <h3 class="product-card__title">Oval Magnets</h3>
                                    <p class="product-card__text">Smooth curves, loud message. Our oval magnets bring a clean, distinctive silhoue...</p>
                                    <div class="product-card__footer">
                                        
                                            <span class="product-card__price">As low as $0.68</span>
                                        
                                        <span class="product-card__link">View Details <i class="bi bi-arrow-right"></i></span>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    
                        <a href="/products/view.cfm?id=10" class="product-card-link">
                            <div class="product-card">
                                <div class="product-card__image">
                                    
                                        <img src="/uploads/products/cropped-image.7b986028.webp" alt="Rectangle&#x20;Magnets" loading="lazy">
                                    
                                </div>
                                <div class="product-card__body">
                                    <h3 class="product-card__title">Rectangle Magnets</h3>
                                    <p class="product-card__text">Classic shape, anything but ordinary. Our rectangle magnets are the workhorse of...</p>
                                    <div class="product-card__footer">
                                        
                                            <span class="product-card__price">As low as $1.28</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_mpoht2v7_k.68024822.webp" alt="LoudLeafPrinting.com" loading="lazy">
                </a>
                <div class="footer-social">
                    
                    
                </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="mailto:orders&#x40;loudleafprinting.com">orders&#x40;loudleafprinting.com</a>
                    </li>
                    
                    
                        <li>
                            <i class="bi bi-clock"></i>
                            <span>
                                
                                
                                8am-5pm CST Monday-Friday
                            </span>
                        </li>
                    
                </ul>
            </div>
        </div>
    </div>

    
    <div class="footer-bottom">
        <p>
            &copy; 2026 LoudLeafPrinting.com
            <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>
// 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;

    // 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);
        }
    });

    // 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) {
        // 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
        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);

        // Toggle template button visibility per spec
        var templateBtn = document.getElementById('detailTemplateBtn');
        var orSpan = document.getElementById('detailActionOr');
        if (templateBtn) {
            var specHasTemplates = chipEl.dataset.hasTemplates === 'true';
            templateBtn.style.display = specHasTemplates ? '' : 'none';
            if (orSpan) orSpan.style.display = specHasTemplates ? '' : 'none';
        }

        // 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);

        // Hide template-from-this-spec button (templates are size-specific)
        var templateBtn = document.getElementById('detailTemplateBtn');
        var orSpan = document.getElementById('detailActionOr');
        if (templateBtn) templateBtn.style.display = 'none';
        if (orSpan) orSpan.style.display = 'none';

        // 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.
        // calculateCustomPrice() reads `document.querySelector('.size-chip.selected').dataset.tiers`
        // for its qty math, so this has to live on the live DOM element, not just a fake.
        var tiersJson = JSON.stringify(data.tiers.map(function(t) {
            return { min_quantity: t.qty, price_per_unit: t.price };
        }));
        var customChip = document.querySelector('.size-chip--custom');
        if (customChip) {
            customChip.dataset.tiers  = tiersJson;
            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 Design Now / 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) {
        var allTiers = JSON.parse(chipEl.dataset.tiers);

        // Get the minimum quantity (first tier) — also the required multiple
        var minQty = allTiers.length > 0 ? (allTiers[0].MIN_QUANTITY || allTiers[0].min_quantity) : 1;

        // Filter to only show tiers whose quantity is a valid multiple of minQty
        var displayTiers = allTiers.filter(function(tier) {
            var qty = tier.MIN_QUANTITY || tier.min_quantity;
            return minQty <= 1 || qty % minQty === 0;
        });

        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;

        var allTiers = JSON.parse(selectedChip.dataset.tiers);
        if (!allTiers.length) {
            result.innerHTML = '';
            return;
        }

        // Min quantity = first tier's min_quantity (also the required multiple)
        var minQty = 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 '';
    }

    // Go to wizard template selection
    function goToTemplates() {
        if (selectedProductId && selectedSpecId) {
            window.location.href = '/start/?productId=' + selectedProductId + '&specId=' + selectedSpecId + getCustomQuantityParam() + getCustomDimsParam();
        }
    }

    // Go directly to designer (blank canvas)
    function goToDesigner() {
        if (selectedProductId && selectedSpecId) {
            window.location.href = '/designer/?productId=' + selectedProductId + '&specId=' + selectedSpecId + getCustomQuantityParam() + getCustomDimsParam();
        }
    }

    // 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) }]
                        });
                    }
                    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: ['7'],
            content_type: 'product',
            content_name: 'Die\x2DCut\x20Magnets',
            content_category: '20\x20Mil\x20Magnetic',
            value: 0.68,
            currency: 'USD'
        });
    }
    </script>
    

</body>
</html>