

<!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.webp" type="image/png">
<link rel="icon" href="/uploads/branding/cropped-image.webp" type="image/png">

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

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

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

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


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

    <script>
    !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
    n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
    n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
    t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
    document,'script','https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', '974704142017310');
    fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none"
    src="https://www.facebook.com/tr?id=974704142017310&ev=PageView&noscript=1"
    /></noscript>
    
    <script>
    (function(){
        try {
            var p = new URLSearchParams(location.search);
            if (p.get('registered') === '1') {
                if (typeof fbq !== 'undefined') fbq('track', 'CompleteRegistration');
                p.delete('registered');
                var qs = p.toString();
                history.replaceState({}, '', location.pathname + (qs ? '?' + qs : '') + location.hash);
            }
        } catch(e) {}
    })();
    </script>
    
    
<script src="/assets/js/active-visitor-heartbeat.js" defer></script>


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

    <title>Die-Cut Magnets - fullsendsigns.com</title>
    <meta name="description" content="Custom magnets cut to the exact shape of your design. Printed on durable 20 mil magnetic material with a strong hold for refrigerators, lockers, file cabinets, ">
    <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>

    
<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_mq5ipv15_j.24af4b81.webp" alt="fullsendsigns.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">
                                    <i class="bi bi-grid"></i> All Categories
                                </a>
                            </li>
                            
                            
                                <li class="category-sub-nav__item">
                                    <a href="/products/?category=fence-signs"
                                       class="category-sub-nav__link">
                                        Fence Signs
                                    </a>
                                </li>
                            
                                <li class="category-sub-nav__item">
                                    <a href="/products/?category=vinyl-decals-and-magnets"
                                       class="category-sub-nav__link category-sub-nav__link--active">
                                        Vinyl Decals And Magnets
                                    </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=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-hero__header">
                        <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>
                    <div class="product-gallery">
                        <div class="product-gallery__main">
                            
                                <img id="mainProductImage" src="/uploads/products/lib_20260523_034657_7076.webp" alt="Die-Cut Magnets" onclick="openLightbox(this.src, this.alt)">
                            
                        </div>
                        
                    </div>

                    
                        <div class="product-hero__description">
                            Custom magnets cut to the exact shape of your design. Printed on durable 20 mil magnetic material with a strong hold for refrigerators, lockers, file cabinets, and any metal surface. Perfect for promotional giveaways, branded merchandise, and personalized gifts.
                        </div>
                    
                </div>

                
                <div class="product-hero__info">
                    
                    
                        <div class="product-hero__sizes">
                            <h3 class="product-hero__sizes-label">Select a Size</h3>
                            <div class="size-chips size-chips--count-11">
                                
                                    
                                    <button class="size-chip" type="button"
                                            data-spec-id="71"
                                            data-product-id="13"
                                            data-min-qty="1"
                                            data-has-templates="false"
                                            data-size-name="2x2"
                                            data-tiers="[{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:71,&#34;price_per_unit&#34;:42.24,&#34;min_quantity&#34;:1,&#34;pricing_id&#34;:561,&#34;created_at&#34;:&#34;May, 23 2026 01:59:30 +0000&#34;,&#34;max_quantity&#34;:9,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:35.2,&#34;updated_at&#34;:&#34;May, 27 2026 23:49:10 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:71,&#34;price_per_unit&#34;:6.61,&#34;min_quantity&#34;:10,&#34;pricing_id&#34;:562,&#34;created_at&#34;:&#34;May, 23 2026 01:59:30 +0000&#34;,&#34;max_quantity&#34;:24,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:5.51,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:30 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:71,&#34;price_per_unit&#34;:3.62,&#34;min_quantity&#34;:25,&#34;pricing_id&#34;:563,&#34;created_at&#34;:&#34;May, 23 2026 01:59:30 +0000&#34;,&#34;max_quantity&#34;:49,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:3.02,&#34;updated_at&#34;:&#34;May, 23 2026 06:27:02 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:71,&#34;price_per_unit&#34;:1.75,&#34;min_quantity&#34;:50,&#34;pricing_id&#34;:564,&#34;created_at&#34;:&#34;May, 23 2026 01:59:30 +0000&#34;,&#34;max_quantity&#34;:99,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:1.46,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:30 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:71,&#34;price_per_unit&#34;:1.12,&#34;min_quantity&#34;:100,&#34;pricing_id&#34;:565,&#34;created_at&#34;:&#34;May, 23 2026 01:59:30 +0000&#34;,&#34;max_quantity&#34;:249,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:0.93,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:30 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:71,&#34;price_per_unit&#34;:0.74,&#34;min_quantity&#34;:250,&#34;pricing_id&#34;:566,&#34;created_at&#34;:&#34;May, 23 2026 01:59:30 +0000&#34;,&#34;max_quantity&#34;:499,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:0.62,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:30 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:71,&#34;price_per_unit&#34;:0.61,&#34;min_quantity&#34;:500,&#34;pricing_id&#34;:567,&#34;created_at&#34;:&#34;May, 23 2026 01:59:30 +0000&#34;,&#34;max_quantity&#34;:999,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:0.51,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:30 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:71,&#34;price_per_unit&#34;:0.54,&#34;min_quantity&#34;:1000,&#34;pricing_id&#34;:568,&#34;created_at&#34;:&#34;May, 23 2026 01:59:30 +0000&#34;,&#34;max_quantity&#34;:999999,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:0.45,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:30 +0000&#34;}]"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">2x2</span>
                                        
                                            <span class="size-chip__price">from $0.54</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip" type="button"
                                            data-spec-id="72"
                                            data-product-id="13"
                                            data-min-qty="1"
                                            data-has-templates="false"
                                            data-size-name="3x3"
                                            data-tiers="[{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:72,&#34;price_per_unit&#34;:42.24,&#34;min_quantity&#34;:1,&#34;pricing_id&#34;:569,&#34;created_at&#34;:&#34;May, 23 2026 01:59:30 +0000&#34;,&#34;max_quantity&#34;:9,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:35.2,&#34;updated_at&#34;:&#34;May, 27 2026 23:49:10 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:72,&#34;price_per_unit&#34;:6.61,&#34;min_quantity&#34;:10,&#34;pricing_id&#34;:570,&#34;created_at&#34;:&#34;May, 23 2026 01:59:30 +0000&#34;,&#34;max_quantity&#34;:24,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:5.51,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:30 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:72,&#34;price_per_unit&#34;:3.62,&#34;min_quantity&#34;:25,&#34;pricing_id&#34;:571,&#34;created_at&#34;:&#34;May, 23 2026 01:59:30 +0000&#34;,&#34;max_quantity&#34;:49,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:3.02,&#34;updated_at&#34;:&#34;May, 23 2026 06:27:02 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:72,&#34;price_per_unit&#34;:1.75,&#34;min_quantity&#34;:50,&#34;pricing_id&#34;:572,&#34;created_at&#34;:&#34;May, 23 2026 01:59:30 +0000&#34;,&#34;max_quantity&#34;:99,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:1.46,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:30 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:72,&#34;price_per_unit&#34;:1.12,&#34;min_quantity&#34;:100,&#34;pricing_id&#34;:573,&#34;created_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;,&#34;max_quantity&#34;:249,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:0.93,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:72,&#34;price_per_unit&#34;:0.74,&#34;min_quantity&#34;:250,&#34;pricing_id&#34;:574,&#34;created_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;,&#34;max_quantity&#34;:499,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:0.62,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:72,&#34;price_per_unit&#34;:0.61,&#34;min_quantity&#34;:500,&#34;pricing_id&#34;:575,&#34;created_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;,&#34;max_quantity&#34;:999,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:0.51,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:72,&#34;price_per_unit&#34;:0.54,&#34;min_quantity&#34;:1000,&#34;pricing_id&#34;:576,&#34;created_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;,&#34;max_quantity&#34;:999999,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:0.45,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;}]"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">3x3</span>
                                        
                                            <span class="size-chip__price">from $0.54</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip" type="button"
                                            data-spec-id="73"
                                            data-product-id="13"
                                            data-min-qty="1"
                                            data-has-templates="false"
                                            data-size-name="4x4"
                                            data-tiers="[{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:73,&#34;price_per_unit&#34;:42.24,&#34;min_quantity&#34;:1,&#34;pricing_id&#34;:577,&#34;created_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;,&#34;max_quantity&#34;:9,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:35.2,&#34;updated_at&#34;:&#34;May, 27 2026 23:49:10 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:73,&#34;price_per_unit&#34;:6.61,&#34;min_quantity&#34;:10,&#34;pricing_id&#34;:578,&#34;created_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;,&#34;max_quantity&#34;:24,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:5.51,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:73,&#34;price_per_unit&#34;:3.62,&#34;min_quantity&#34;:25,&#34;pricing_id&#34;:579,&#34;created_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;,&#34;max_quantity&#34;:49,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:3.02,&#34;updated_at&#34;:&#34;May, 23 2026 06:27:02 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:73,&#34;price_per_unit&#34;:1.75,&#34;min_quantity&#34;:50,&#34;pricing_id&#34;:580,&#34;created_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;,&#34;max_quantity&#34;:99,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:1.46,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:73,&#34;price_per_unit&#34;:1.12,&#34;min_quantity&#34;:100,&#34;pricing_id&#34;:581,&#34;created_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;,&#34;max_quantity&#34;:249,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:0.93,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:73,&#34;price_per_unit&#34;:0.74,&#34;min_quantity&#34;:250,&#34;pricing_id&#34;:582,&#34;created_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;,&#34;max_quantity&#34;:499,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:0.62,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:73,&#34;price_per_unit&#34;:0.61,&#34;min_quantity&#34;:500,&#34;pricing_id&#34;:583,&#34;created_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;,&#34;max_quantity&#34;:999,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:0.51,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:73,&#34;price_per_unit&#34;:0.54,&#34;min_quantity&#34;:1000,&#34;pricing_id&#34;:584,&#34;created_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;,&#34;max_quantity&#34;:999999,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:0.45,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;}]"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">4x4</span>
                                        
                                            <span class="size-chip__price">from $0.54</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip" type="button"
                                            data-spec-id="74"
                                            data-product-id="13"
                                            data-min-qty="1"
                                            data-has-templates="false"
                                            data-size-name="6x6"
                                            data-tiers="[{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:74,&#34;price_per_unit&#34;:42.68,&#34;min_quantity&#34;:1,&#34;pricing_id&#34;:585,&#34;created_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;,&#34;max_quantity&#34;:9,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:35.57,&#34;updated_at&#34;:&#34;May, 27 2026 23:49:10 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:74,&#34;price_per_unit&#34;:7.25,&#34;min_quantity&#34;:10,&#34;pricing_id&#34;:586,&#34;created_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;,&#34;max_quantity&#34;:24,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:6.04,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:74,&#34;price_per_unit&#34;:4.27,&#34;min_quantity&#34;:25,&#34;pricing_id&#34;:587,&#34;created_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;,&#34;max_quantity&#34;:49,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:3.56,&#34;updated_at&#34;:&#34;May, 23 2026 06:27:02 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:74,&#34;price_per_unit&#34;:2.32,&#34;min_quantity&#34;:50,&#34;pricing_id&#34;:588,&#34;created_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;,&#34;max_quantity&#34;:99,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:1.93,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:31 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:74,&#34;price_per_unit&#34;:1.64,&#34;min_quantity&#34;:100,&#34;pricing_id&#34;:589,&#34;created_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;,&#34;max_quantity&#34;:249,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:1.37,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:74,&#34;price_per_unit&#34;:1.25,&#34;min_quantity&#34;:250,&#34;pricing_id&#34;:590,&#34;created_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;,&#34;max_quantity&#34;:499,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:1.04,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:74,&#34;price_per_unit&#34;:1.1,&#34;min_quantity&#34;:500,&#34;pricing_id&#34;:591,&#34;created_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;,&#34;max_quantity&#34;:999,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:0.92,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:74,&#34;price_per_unit&#34;:1.02,&#34;min_quantity&#34;:1000,&#34;pricing_id&#34;:592,&#34;created_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;,&#34;max_quantity&#34;:999999,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:0.85,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;}]"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">6x6</span>
                                        
                                            <span class="size-chip__price">from $1.02</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip" type="button"
                                            data-spec-id="75"
                                            data-product-id="13"
                                            data-min-qty="1"
                                            data-has-templates="false"
                                            data-size-name="5x5"
                                            data-tiers="[{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:75,&#34;price_per_unit&#34;:42.68,&#34;min_quantity&#34;:1,&#34;pricing_id&#34;:593,&#34;created_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;,&#34;max_quantity&#34;:9,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:35.57,&#34;updated_at&#34;:&#34;May, 27 2026 23:49:10 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:75,&#34;price_per_unit&#34;:7.25,&#34;min_quantity&#34;:10,&#34;pricing_id&#34;:594,&#34;created_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;,&#34;max_quantity&#34;:24,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:6.04,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:75,&#34;price_per_unit&#34;:4.27,&#34;min_quantity&#34;:25,&#34;pricing_id&#34;:595,&#34;created_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;,&#34;max_quantity&#34;:49,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:3.56,&#34;updated_at&#34;:&#34;May, 23 2026 06:27:02 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:75,&#34;price_per_unit&#34;:2.32,&#34;min_quantity&#34;:50,&#34;pricing_id&#34;:596,&#34;created_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;,&#34;max_quantity&#34;:99,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:1.93,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:75,&#34;price_per_unit&#34;:1.64,&#34;min_quantity&#34;:100,&#34;pricing_id&#34;:597,&#34;created_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;,&#34;max_quantity&#34;:249,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:1.37,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:75,&#34;price_per_unit&#34;:1.25,&#34;min_quantity&#34;:250,&#34;pricing_id&#34;:598,&#34;created_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;,&#34;max_quantity&#34;:499,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:1.04,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:75,&#34;price_per_unit&#34;:1.1,&#34;min_quantity&#34;:500,&#34;pricing_id&#34;:599,&#34;created_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;,&#34;max_quantity&#34;:999,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:0.92,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:75,&#34;price_per_unit&#34;:1.02,&#34;min_quantity&#34;:1000,&#34;pricing_id&#34;:600,&#34;created_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;,&#34;max_quantity&#34;:999999,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:0.85,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;}]"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">5x5</span>
                                        
                                            <span class="size-chip__price">from $1.02</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip" type="button"
                                            data-spec-id="76"
                                            data-product-id="13"
                                            data-min-qty="1"
                                            data-has-templates="false"
                                            data-size-name="4x6"
                                            data-tiers="[{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:76,&#34;price_per_unit&#34;:42.68,&#34;min_quantity&#34;:1,&#34;pricing_id&#34;:601,&#34;created_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;,&#34;max_quantity&#34;:9,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:35.57,&#34;updated_at&#34;:&#34;May, 27 2026 23:49:10 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:76,&#34;price_per_unit&#34;:7.25,&#34;min_quantity&#34;:10,&#34;pricing_id&#34;:602,&#34;created_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;,&#34;max_quantity&#34;:24,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:6.04,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:76,&#34;price_per_unit&#34;:4.27,&#34;min_quantity&#34;:25,&#34;pricing_id&#34;:603,&#34;created_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;,&#34;max_quantity&#34;:49,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:3.56,&#34;updated_at&#34;:&#34;May, 23 2026 06:27:02 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:76,&#34;price_per_unit&#34;:2.32,&#34;min_quantity&#34;:50,&#34;pricing_id&#34;:604,&#34;created_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;,&#34;max_quantity&#34;:99,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:1.93,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:76,&#34;price_per_unit&#34;:1.64,&#34;min_quantity&#34;:100,&#34;pricing_id&#34;:605,&#34;created_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;,&#34;max_quantity&#34;:249,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:1.37,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:32 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:76,&#34;price_per_unit&#34;:1.25,&#34;min_quantity&#34;:250,&#34;pricing_id&#34;:606,&#34;created_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;,&#34;max_quantity&#34;:499,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:1.04,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:76,&#34;price_per_unit&#34;:1.1,&#34;min_quantity&#34;:500,&#34;pricing_id&#34;:607,&#34;created_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;,&#34;max_quantity&#34;:999,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:0.92,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:76,&#34;price_per_unit&#34;:1.02,&#34;min_quantity&#34;:1000,&#34;pricing_id&#34;:608,&#34;created_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;,&#34;max_quantity&#34;:999999,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:0.85,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;}]"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">4x6</span>
                                        
                                            <span class="size-chip__price">from $1.02</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip" type="button"
                                            data-spec-id="77"
                                            data-product-id="13"
                                            data-min-qty="1"
                                            data-has-templates="false"
                                            data-size-name="6x4"
                                            data-tiers="[{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:77,&#34;price_per_unit&#34;:42.68,&#34;min_quantity&#34;:1,&#34;pricing_id&#34;:609,&#34;created_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;,&#34;max_quantity&#34;:9,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:35.57,&#34;updated_at&#34;:&#34;May, 27 2026 23:49:10 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:77,&#34;price_per_unit&#34;:7.25,&#34;min_quantity&#34;:10,&#34;pricing_id&#34;:610,&#34;created_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;,&#34;max_quantity&#34;:24,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:6.04,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:77,&#34;price_per_unit&#34;:4.27,&#34;min_quantity&#34;:25,&#34;pricing_id&#34;:611,&#34;created_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;,&#34;max_quantity&#34;:49,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:3.56,&#34;updated_at&#34;:&#34;May, 23 2026 06:27:02 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:77,&#34;price_per_unit&#34;:2.32,&#34;min_quantity&#34;:50,&#34;pricing_id&#34;:612,&#34;created_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;,&#34;max_quantity&#34;:99,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:1.93,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:77,&#34;price_per_unit&#34;:1.64,&#34;min_quantity&#34;:100,&#34;pricing_id&#34;:613,&#34;created_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;,&#34;max_quantity&#34;:249,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:1.37,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:77,&#34;price_per_unit&#34;:1.25,&#34;min_quantity&#34;:250,&#34;pricing_id&#34;:614,&#34;created_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;,&#34;max_quantity&#34;:499,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:1.04,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:77,&#34;price_per_unit&#34;:1.1,&#34;min_quantity&#34;:500,&#34;pricing_id&#34;:615,&#34;created_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;,&#34;max_quantity&#34;:999,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:0.92,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:77,&#34;price_per_unit&#34;:1.02,&#34;min_quantity&#34;:1000,&#34;pricing_id&#34;:616,&#34;created_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;,&#34;max_quantity&#34;:999999,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:0.85,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;}]"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">6x4</span>
                                        
                                            <span class="size-chip__price">from $1.02</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip" type="button"
                                            data-spec-id="78"
                                            data-product-id="13"
                                            data-min-qty="1"
                                            data-has-templates="false"
                                            data-size-name="6x8"
                                            data-tiers="[{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:78,&#34;price_per_unit&#34;:43.14,&#34;min_quantity&#34;:1,&#34;pricing_id&#34;:617,&#34;created_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;,&#34;max_quantity&#34;:9,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:35.95,&#34;updated_at&#34;:&#34;May, 27 2026 23:49:10 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:78,&#34;price_per_unit&#34;:7.9,&#34;min_quantity&#34;:10,&#34;pricing_id&#34;:618,&#34;created_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;,&#34;max_quantity&#34;:24,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:6.58,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:78,&#34;price_per_unit&#34;:4.91,&#34;min_quantity&#34;:25,&#34;pricing_id&#34;:619,&#34;created_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;,&#34;max_quantity&#34;:49,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:4.09,&#34;updated_at&#34;:&#34;May, 23 2026 06:27:02 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:78,&#34;price_per_unit&#34;:2.88,&#34;min_quantity&#34;:50,&#34;pricing_id&#34;:620,&#34;created_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;,&#34;max_quantity&#34;:99,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:2.4,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:78,&#34;price_per_unit&#34;:2.17,&#34;min_quantity&#34;:100,&#34;pricing_id&#34;:621,&#34;created_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;,&#34;max_quantity&#34;:249,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:1.81,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:33 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:78,&#34;price_per_unit&#34;:1.75,&#34;min_quantity&#34;:250,&#34;pricing_id&#34;:622,&#34;created_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;,&#34;max_quantity&#34;:499,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:1.46,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:78,&#34;price_per_unit&#34;:1.6,&#34;min_quantity&#34;:500,&#34;pricing_id&#34;:623,&#34;created_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;,&#34;max_quantity&#34;:999,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:1.33,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:78,&#34;price_per_unit&#34;:1.5,&#34;min_quantity&#34;:1000,&#34;pricing_id&#34;:624,&#34;created_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;,&#34;max_quantity&#34;:999999,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:1.25,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;}]"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">6x8</span>
                                        
                                            <span class="size-chip__price">from $1.50</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip" type="button"
                                            data-spec-id="79"
                                            data-product-id="13"
                                            data-min-qty="1"
                                            data-has-templates="false"
                                            data-size-name="8x6"
                                            data-tiers="[{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:79,&#34;price_per_unit&#34;:43.14,&#34;min_quantity&#34;:1,&#34;pricing_id&#34;:625,&#34;created_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;,&#34;max_quantity&#34;:9,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:35.95,&#34;updated_at&#34;:&#34;May, 27 2026 23:49:11 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:79,&#34;price_per_unit&#34;:7.9,&#34;min_quantity&#34;:10,&#34;pricing_id&#34;:626,&#34;created_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;,&#34;max_quantity&#34;:24,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:6.58,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:79,&#34;price_per_unit&#34;:4.91,&#34;min_quantity&#34;:25,&#34;pricing_id&#34;:627,&#34;created_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;,&#34;max_quantity&#34;:49,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:4.09,&#34;updated_at&#34;:&#34;May, 23 2026 06:27:02 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:79,&#34;price_per_unit&#34;:2.88,&#34;min_quantity&#34;:50,&#34;pricing_id&#34;:628,&#34;created_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;,&#34;max_quantity&#34;:99,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:2.4,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:79,&#34;price_per_unit&#34;:2.17,&#34;min_quantity&#34;:100,&#34;pricing_id&#34;:629,&#34;created_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;,&#34;max_quantity&#34;:249,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:1.81,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:79,&#34;price_per_unit&#34;:1.75,&#34;min_quantity&#34;:250,&#34;pricing_id&#34;:630,&#34;created_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;,&#34;max_quantity&#34;:499,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:1.46,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:79,&#34;price_per_unit&#34;:1.6,&#34;min_quantity&#34;:500,&#34;pricing_id&#34;:631,&#34;created_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;,&#34;max_quantity&#34;:999,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:1.33,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:79,&#34;price_per_unit&#34;:1.5,&#34;min_quantity&#34;:1000,&#34;pricing_id&#34;:632,&#34;created_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;,&#34;max_quantity&#34;:999999,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:1.25,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;}]"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">8x6</span>
                                        
                                            <span class="size-chip__price">from $1.50</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip" type="button"
                                            data-spec-id="80"
                                            data-product-id="13"
                                            data-min-qty="1"
                                            data-has-templates="false"
                                            data-size-name="24&#34; x 24&#34;"
                                            data-tiers="[{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:80,&#34;price_per_unit&#34;:80.23,&#34;min_quantity&#34;:1,&#34;pricing_id&#34;:633,&#34;created_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;,&#34;max_quantity&#34;:9,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:66.86,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:80,&#34;price_per_unit&#34;:26.51,&#34;min_quantity&#34;:10,&#34;pricing_id&#34;:634,&#34;created_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;,&#34;max_quantity&#34;:24,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:22.09,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:80,&#34;price_per_unit&#34;:23.52,&#34;min_quantity&#34;:25,&#34;pricing_id&#34;:635,&#34;created_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;,&#34;max_quantity&#34;:49,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:19.6,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:80,&#34;price_per_unit&#34;:19.18,&#34;min_quantity&#34;:50,&#34;pricing_id&#34;:636,&#34;created_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;,&#34;max_quantity&#34;:99,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:15.98,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:80,&#34;price_per_unit&#34;:17.34,&#34;min_quantity&#34;:100,&#34;pricing_id&#34;:637,&#34;created_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;,&#34;max_quantity&#34;:249,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:14.45,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:34 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:80,&#34;price_per_unit&#34;:16.4,&#34;min_quantity&#34;:250,&#34;pricing_id&#34;:638,&#34;created_at&#34;:&#34;May, 23 2026 01:59:35 +0000&#34;,&#34;max_quantity&#34;:499,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:13.67,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:35 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:80,&#34;price_per_unit&#34;:15.83,&#34;min_quantity&#34;:500,&#34;pricing_id&#34;:639,&#34;created_at&#34;:&#34;May, 23 2026 01:59:35 +0000&#34;,&#34;max_quantity&#34;:999,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:13.19,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:35 +0000&#34;},{&#34;markup_type&#34;:&#34;percentage&#34;,&#34;synced_from_signmaster&#34;:1,&#34;spec_id&#34;:80,&#34;price_per_unit&#34;:15.38,&#34;min_quantity&#34;:1000,&#34;pricing_id&#34;:640,&#34;created_at&#34;:&#34;May, 23 2026 01:59:35 +0000&#34;,&#34;max_quantity&#34;:999999,&#34;markup_value&#34;:20,&#34;wholesale_price&#34;:12.82,&#34;updated_at&#34;:&#34;May, 23 2026 01:59:35 +0000&#34;}]"
                                            onclick="selectSize(this)">
                                        <span class="size-chip__name">24&#34; x 24&#34;</span>
                                        
                                            <span class="size-chip__price">from $15.38</span>
                                        
                                    </button>
                                    
                                
                                    <button class="size-chip size-chip--custom" type="button"
                                            data-is-custom="true"
                                            data-product-id="13"
                                            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=15" class="product-card-link">
                            <div class="product-card">
                                <div class="product-card__image">
                                    
                                        <img src="/uploads/products/lib_20260523_034753_4672.webp" alt="Oval Magnets" loading="lazy">
                                    
                                </div>
                                <div class="product-card__body">
                                    <h3 class="product-card__title">Oval Magnets</h3>
                                    <p class="product-card__text">Classic oval-shaped custom magnets with a clean curved silhouette. Perfect for m...</p>
                                    <div class="product-card__footer">
                                        
                                            <span class="product-card__price">As low as $0.54</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=16" class="product-card-link">
                            <div class="product-card">
                                <div class="product-card__image">
                                    
                                        <img src="/uploads/products/lib_20260523_034911_9156.webp" alt="Rectangle Magnets" loading="lazy">
                                    
                                </div>
                                <div class="product-card__body">
                                    <h3 class="product-card__title">Rectangle Magnets</h3>
                                    <p class="product-card__text">...</p>
                                    <div class="product-card__footer">
                                        
                                            <span class="product-card__price">As low as $1.02</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=14" class="product-card-link">
                            <div class="product-card">
                                <div class="product-card__image">
                                    
                                        <img src="/uploads/products/lib_20260523_034944_5650.webp" alt="Square Magnets" loading="lazy">
                                    
                                </div>
                                <div class="product-card__body">
                                    <h3 class="product-card__title">Square Magnets</h3>
                                    <p class="product-card__text">Sharp-cornered custom magnets in clean square shapes. Printed on durable 20 mil ...</p>
                                    <div class="product-card__footer">
                                        
                                            <span class="product-card__price">As low as $0.54</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_mq5ipv15_j.24af4b81.webp" alt="fullsendsigns.com" loading="lazy">
                </a>
                <div class="footer-social">
                    
                        <a href="https://www.facebook.com/share/1HEvLxMpRG/?mibextid=wwXIfr" target="_blank" aria-label="Facebook">
                            <i class="bi bi-facebook"></i>
                        </a>
                    
                    
                        <a href="https://www.instagram.com/full_send_signs?utm_source=qr" target="_blank" aria-label="Instagram">
                            <i class="bi bi-instagram"></i>
                        </a>
                    
                    
                        <a href="https://www.tiktok.com/@fullsendsigns?_r=1&amp;_t=ZT-96yMFphrYTO" target="_blank" aria-label="TikTok">
                            <i class="bi bi-tiktok"></i>
                        </a>
                    
                </div>
            </div>

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

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

            
            <div class="footer-column footer-column--contact">
                <h3 class="footer-heading">Contact Us</h3>
                <ul class="footer-contact">
                    <li>
                        <i class="bi bi-envelope"></i>
                        <a href="mailto:orders@fullsendsigns.com">orders@fullsendsigns.com</a>
                    </li>
                    
                    
                        <li>
                            <i class="bi bi-clock"></i>
                            <span>
                                
                                
                                8am-8pm CST Monday-Saturday
                            </span>
                        </li>
                    
                </ul>
            </div>
        </div>
    </div>

    
    <div class="footer-bottom">
        <p>
            &copy; 2026 fullsendsigns.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);
        }

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

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

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

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

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

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

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

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

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

        // Populate pricing table
        populatePricingTable(chipEl);

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

        // 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: ['13'],
            content_type: 'product',
            content_name: 'Die\-Cut Magnets',
            content_category: '20 Mil Magnetic',
            value: 0.54,
            currency: 'USD'
        });
    }
    </script>
    

</body>
</html>