Embed

<div class="durable-shipping-container">
    <div class="durable-shipping-banner">
        
        
        <div class="durable-banner-msg">
            <div class="durable-icon-pod">
                <svg class="durable-truck" viewBox="0 0 24 24">
                    <path d="M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zM6 18.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5-9l1.96 2.5H17V9.5h2.5zm-1.5 9c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"/>
                </svg>
            </div>
            <span class="durable-banner-txt">Fast & <span class="durable-gold-glow">Free Shipping</span> on all orders!</span>
        </div>

        
        <div class="durable-timer-pod">
            <span class="durable-timer-lbl">Ends In</span>
            <span id="durable-hrs" class="durable-timer-num">02</span>
            <span class="durable-timer-dot">:</span>
            <span id="durable-mins" class="durable-timer-num">45</span>
            <span class="durable-timer-dot">:</span>
            <span id="durable-secs" class="durable-timer-num">00</span>
        </div>

    </div>
</div>

<style>
    /* Scope all classes to protect Durable's system layout styles */
    .durable-shipping-container {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 24px 0 12px 0; /* Creates spatial separation under your Title Card */
        box-sizing: border-box;
        background: transparent; /* Inherits whatever background color your section uses */
    }

    .durable-shipping-banner {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 24px;
        background: linear-gradient(135deg, #1e40af 0%, #3b82f6 50%, #1d4ed8 100%);
        color: #ffffff;
        padding: 12px 28px;
        border-radius: 50px; /* Clean pill format */
        font-family: system-ui, -apple-system, sans-serif;
        font-weight: 700;
        font-size: 15px;
        letter-spacing: 0.3px;
        box-shadow: 0 10px 25px -5px rgba(59, 130, 246, 0.4), 
                    0 4px 10px -5px rgba(0, 0, 0, 0.2),
                    inset 0 1px 1px rgba(255, 255, 255, 0.3);
        width: fit-content;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        flex-wrap: wrap;
    }

    .durable-shipping-banner:hover {
        transform: translateY(-2px);
        box-shadow: 0 15px 30px -5px rgba(59, 130, 246, 0.5), 
                    0 6px 15px -5px rgba(0, 0, 0, 0.3);
    }

    /* Periodic Light/Shine Sweep Over Banner */
    .durable-shipping-banner::before {
        content: '';
        position: absolute;
        top: 0;
        left: -150%;
        width: 50%;
        height: 100%;
        background: linear-gradient(
            90deg, 
            rgba(255,255,255,0) 0%, 
            rgba(255,255,255,0.3) 50%, 
            rgba(255,255,255,0) 100%
        );
        transform: skewX(-20deg);
        animation: durShine 4s infinite ease-in-out;
    }

    .durable-banner-msg {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    /* Isolated Floating Icon Design */
    .durable-icon-pod {
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(255, 255, 255, 0.15);
        padding: 6px;
        border-radius: 50%;
        box-shadow: inset 0 1px 2px rgba(255,255,255,0.2);
        animation: durFloat 3s ease-in-out infinite;
        flex-shrink: 0;
    }

    .durable-truck {
        width: 22px;
        height: 22px;
        fill: currentColor;
    }

    .durable-banner-txt {
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
        white-space: nowrap;
    }

    /* Stylized Gold Text Contrast */
    .durable-gold-glow {
        color: #facc15;
        text-transform: uppercase;
        font-weight: 800;
        display: inline-block;
        background: linear-gradient(180deg, #ffe066 0%, #facc15 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: durPop 1.5s ease-in-out infinite alternate;
    }

    /* Integrated Digital Clock Pod */
    .durable-timer-pod {
        display: flex;
        align-items: center;
        gap: 5px;
        background: rgba(0, 0, 0, 0.2);
        padding: 5px 12px;
        border-radius: 30px;
        border: 1px rgba(255, 255, 255, 0.12) solid;
        font-size: 13px;
        font-weight: 600;
        box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);
    }

    .durable-timer-lbl {
        text-transform: uppercase;
        font-size: 10px;
        opacity: 0.85;
        letter-spacing: 0.5px;
        margin-right: 2px;
    }

    .durable-timer-num {
        font-variant-numeric: tabular-nums;
        font-weight: 800;
        color: #ffffff;
    }

    .durable-timer-dot {
        opacity: 0.6;
        animation: durBlink 1s linear infinite;
    }

    /* Isolated Animations */
    @keyframes durShine {
        0% { left: -150%; }
        20% { left: 150%; }
        100% { left: 150%; }
    }

    @keyframes durFloat {
        0% { transform: translateY(0) rotate(0deg); }
        50% { transform: translateY(-2px) rotate(2deg); }
        100% { transform: translateY(0) rotate(0deg); }
    }

    @keyframes durPop {
        0% { transform: scale(1); }
        100% { transform: scale(1.02); }
    }

    @keyframes durBlink {
        0%, 100% { opacity: 1; }
        50% { opacity: 0.2; }
    }
</style>

<script>
    (function() {
        function runDurableCountdown(secondsLeft) {
            let clockTime = secondsLeft;
            const h = document.getElementById('durable-hrs');
            const m = document.getElementById('durable-mins');
            const s = document.getElementById('durable-secs');

            if (!h || !m || !s) return;

            const countdownLoop = setInterval(() => {
                let hours = Math.floor(clockTime / 3600);
                let minutes = Math.floor((clockTime % 3600) / 60);
                let seconds = Math.floor(clockTime % 60);

                h.textContent = hours.toString().padStart(2, '0');
                m.textContent = minutes.toString().padStart(2, '0');
                s.textContent = seconds.toString().padStart(2, '0');

                if (--clockTime < 0) {
                    clockTime = secondsLeft; // Loops countdown infinitely so it's always running for new users
                }
            }, 1000);
        }

        // Safe setup for Durable's dynamic lifecycle engine
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', () => runDurableCountdown(10800));
        } else {
            runDurableCountdown(10800);
        }
    })();
</script>

<div id="my-store-82703199"></div>
<div><script data-cfasync="false" type="text/javascript" src="https://app.ecwid.com/script.js?82703199&data_platform=code&data_date=2025-06-09" charset="utf-8"></script>
<script type="text/javascript"> 
window.ec=window.ec||{}; 
window.ec.storefront=window.ec.storefront||{}; 
window.ec.storefront.enable_navigation=true;
window.ec.storefront.product_details_layout="TWO_COLUMNS_SIDEBAR_ON_THE_RIGHT";
window.ec.storefront.product_details_gallery_layout="SINGLE_IMAGE";
window.ec.storefront.product_details_two_columns_with_right_sidebar_show_product_description_on_sidebar=true;
window.ec.storefront.product_details_two_columns_with_left_sidebar_show_product_description_on_sidebar=false;
window.ec.storefront.product_details_show_product_name=true;
window.ec.storefront.product_details_show_breadcrumbs=true;
window.ec.storefront.product_details_show_product_sku=false;
window.ec.storefront.product_details_show_product_price=true;
window.ec.storefront.product_details_show_in_stock_label=true;
window.ec.storefront.product_details_show_number_of_items_in_stock=true;
window.ec.storefront.product_details_show_qty=false;
window.ec.storefront.product_details_show_wholesale_prices=true;
window.ec.storefront.product_details_show_product_options=true;
window.ec.storefront.product_details_show_product_description=true;
window.ec.storefront.product_details_show_delivery_time=undefined;
window.ec.storefront.product_details_show_share_buttons=true;
window.ec.storefront.product_details_position_product_name=100;
window.ec.storefront.product_details_position_breadcrumbs=200;
window.ec.storefront.product_details_position_product_sku=300;
window.ec.storefront.product_details_position_product_price=400;
window.ec.storefront.product_details_position_product_options=undefined;
window.ec.storefront.product_details_position_buy_button=600;
window.ec.storefront.product_details_position_wholesale_prices=700;
window.ec.storefront.product_details_position_product_description=800;
window.ec.storefront.product_details_position_delivery_time=undefined;
window.ec.storefront.product_details_position_share_buttons=900;
window.ec.storefront.product_details_position_subtitle=500;
window.ec.storefront.product_details_show_subtitle=true;
xProductBrowser("categoriesPerRow=3","views=grid(20,3) list(60) table(60)","categoryView=grid","searchView=list","defaultProductId=546736146","defaultSlug=fathers-day-special-set-top-box-3-years-subscription","id=my-store-82703199");
</script>
</div>