














<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    






  
  <script>
    console.log('social default', 'https://smallhd.com/cdn/shopifycloud/storefront/assets/no-image-100-2a702f30_small.gif')
  </script>








  
  <script>
    console.log('it was blank', 'https://smallhd.com/cdn/shop/files/?v=111092')
  </script>




  

<meta property="og:site_name" content="SmallHD">
<meta property="og:url" content="https://smallhd.com/">
<meta property="og:title" content="SmallHD: Production, Studio, and On-Camera Monitors">
<meta property="og:type" content="website">
<meta property="og:description" content="SmallHD is the leading innovator of on-camera, studio, and production monitoring for professional cinematographers, videographers, and photographers worldwide.">




















<meta name="twitter:title" content="SmallHD: Production, Studio, and On-Camera Monitors"> <meta name="twitter:description" content="SmallHD is the leading innovator of on-camera, studio, and production monitoring for professional cinematographers, videographers, and photographers worldwide.">


    
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="theme-color" content="">
    <link rel="canonical" href="https://smallhd.com/">

<link rel='stylesheet' href='https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/cs-instant-search.css'>
<link rel='stylesheet' href='https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/cs-pagination.css'>



<script nonce="">

  trustedTypes.createPolicy('default', {
    createHTML: s => s,
    createScriptURL: s => s,
    createScript: s => s
  });

  if (window.trustedTypes && trustedTypes.createPolicy) {
    try {
      trustedTypes.createPolicy('goog#html', {
        createHTML: s => s,
        createScriptURL: s => s,
        createScript: s => s
      });
    } catch (e) { }
  }
</script>


<meta http-equiv="Content-Security-Policy" content="connect-src *; frame-src *;">

    <style>
      @font-face {
        font-family: 'HKGP';
        font-weight: 300;
        src: url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Light.woff2?v=127985060412986213341768315035') format('woff2')
        , url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Light.woff?v=49967206773762771641768315035') format('woff');
      }

      @font-face {
        font-family: 'HKGP';
        font-weight: 400;
        src: url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Regular.woff2?v=816348203976225771768315034') format('woff2')
        , url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Regular.woff?v=47969129339060219011768315036') format('woff');

      }

      @font-face {
        font-family: 'HKGP';
        font-weight: 500;
        src: url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Medium.woff2?v=141621843597231773691768315036') format('woff2')
        , url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Medium.woff?v=38677084986966686601768315036') format('woff');
      }

      @font-face {
        font-family: 'HKGP';
        font-weight: 700;
        src: url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Bold.woff2?v=85430366810521520581768315035') format('woff2')
        , url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Bold.woff?v=150580370265473892591768315034') format('woff');
      }
              @font-face {
        font-family: 'HKGP300';
        font-weight: 300;
        src: url(//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Light.woff2?v=127985060412986213341768315035) format('woff2'),
            url(//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Light.woff?v=49967206773762771641768315035) format('woff');
      }

      @font-face {
        font-family: 'HKGP400';
        font-weight: 400;
        
        src: url(//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Regular.woff2?v=816348203976225771768315034) format('woff2'),
            url(//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Regular.woff?v=47969129339060219011768315036) format('woff');
        
      }  
        
      @font-face {
        font-family: 'HKGP500';
        font-weight: 500;
        src: url(//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Medium.woff2?v=141621843597231773691768315036) format('woff2'),
            url(//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Medium.woff?v=38677084986966686601768315036) format('woff');
      }

      @font-face {
        font-family: 'HKGP700';
        font-weight: 700;
        src: url(//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Bold.woff2?v=85430366810521520581768315035) format('woff2'),
            url(//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Bold.woff?v=150580370265473892591768315034) format('woff');
      }

      @font-face {
        font-family: 'HKGW400';
        font-weight: 400;
        src: url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskWide-Regular.woff2?v=61192685121392167651768315035') format('woff2')
        , url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Regular.woff?v=47969129339060219011768315036') format('woff');
      }
      @font-face {
        font-family: 'HKGW500';
        font-weight: 500;
        src: url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskWide-Medium.woff2?v=175916679195741516001768315034') format('woff2')
        , url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Medium.woff?v=38677084986966686601768315036') format('woff');
      }
      @font-face {
        font-family: 'HKGW600';
        font-weight: 600;
        src: url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskWide-SemiBold.woff2?v=173436364653361474421768315035') format('woff2')
        , url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-SemiBold.woff?v=160436514926037764041768315034') format('woff');
      }
      @font-face {
        font-family: 'HKGW700';
        font-weight: 700;
        src: url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskWide-Bold.woff2?v=108707714709484436901768315036') format('woff2')
        , url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Bold.woff?v=150580370265473892591768315034') format('woff');
      }

                  .p-media{
    background:rgba(244, 245, 247)!important;
    border: 1px solid rgba(0,0,0,0)!important;
  }
       .card__media{
    background:#f3f3f3!important;
    border: 1px solid rgba(0,0,0,0)!important;
  }
    </style>



  <link id="favicon" rel="icon" type="image/x-icon" href="https://cdn.shopify.com/s/files/1/0097/6004/7167/files/shd-fav-light.svg?v=1766604942">

<script>
  function updateFavicon() {
    const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
    console.log("Detected Theme:", isDarkMode ? "Dark Mode" : "Light Mode");

    const newFavicon = isDarkMode
      ? "https://cdn.shopify.com/s/files/1/0097/6004/7167/files/shd-fav-dark.svg?v=1766604941"
      : "https://cdn.shopify.com/s/files/1/0097/6004/7167/files/shd-fav-light.svg?v=1766604942";

    console.log("Setting favicon to:", newFavicon);

    // Remove old favicon
    const oldFavicon = document.getElementById('favicon');
    if (oldFavicon) {
      oldFavicon.parentNode.removeChild(oldFavicon);
    }

    // Create new favicon link
    const newFaviconLink = document.createElement("link");
    newFaviconLink.id = "favicon";
    newFaviconLink.rel = "icon";
    newFaviconLink.type = "image/x-icon";
    newFaviconLink.href = newFavicon;

    // Append to head
    document.head.appendChild(newFaviconLink);
  }

  // Run on page load
  updateFavicon();

  // Listen for theme changes
  window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
    console.log("Theme changed! New theme:", e.matches ? "Dark Mode" : "Light Mode");
    updateFavicon();
  });
</script><link
        rel="preconnect"
        href="https://fonts.shopifycdn.com"
        crossorigin><title>
      SmallHD: Production, Studio, and On-Camera Monitors
</title>

    
      <meta name="description" content="SmallHD is the leading innovator of on-camera, studio, and production monitoring for professional cinematographers, videographers, and photographers worldwide.">
    



<meta property="og:site_name" content="SmallHD">
<meta property="og:url" content="https://smallhd.com/">
<meta property="og:title" content="SmallHD: Production, Studio, and On-Camera Monitors">
<meta property="og:type" content="website">
<meta property="og:description" content="SmallHD is the leading innovator of on-camera, studio, and production monitoring for professional cinematographers, videographers, and photographers worldwide.">


<meta property="og:image" content="http://smallhd.com/cdn/shop/files/Preview-Image.png?v=1705608080">
  <meta property="og:image:secure_url" content="https://smallhd.com/cdn/shop/files/Preview-Image.png?v=1705608080">
  <meta property="og:image:width" content="2400">
  <meta property="og:image:height" content="1259"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="SmallHD: Production, Studio, and On-Camera Monitors">
<meta name="twitter:description" content="SmallHD is the leading innovator of on-camera, studio, and production monitoring for professional cinematographers, videographers, and photographers worldwide.">

    <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
    
    <script src="https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/js/constants.js" defer="defer"></script>
    <script src="https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/js/pubsub.js" defer="defer"></script>
    <script src="https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/js/global.js" defer="defer"></script><script src="https://cdn.jsdelivr.net/npm/@iframe-resizer/parent@latest" defer></script>
  <link rel="stylesheet" href="https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/BS5-cs-modal-styles.css">
    


    
  <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="VaHfdIqpymZskJ0otgQUh4U6nQDjbAW1BSsJhNMPRmk">
<meta name="facebook-domain-verification" content="74tvv74t6bt2yjeros9ynxm3al2ufc">
<meta name="google-site-verification" content="K5sIm8xrljICbSdz9qi4BykBQOUFmxMmhxwaEiB_2h8">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/9760047167/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="501aa2089471c245e3e2e28509127c5c">
<meta id="in-context-paypal-metadata" data-shop-id="9760047167" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=9760047167" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":9760047167,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/9760047167","merchantName":"SmallHD","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"SmallHD","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"501aa2089471c245e3e2e28509127c5c","betas":["rich-media-storefront-analytics"],"domain":"smallhd.com","predictiveSearch":true,"shopId":9760047167,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "cs-io.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"cs-websites\/smallhd-production","id":129246527621,"schema_name":"Dawn","schema_version":"12.0.0","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "smallhd.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//smallhd.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("//smallhd.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["\/\/cdn.shopify.com\/proxy\/3408e5e9647ea94a8002f07163715ef6bf5348c570789db94c42653599fce172\/cs-inc.activehosted.com\/js\/site-tracking.php?shop=cs-io.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/cdn.nfcube.com\/instafeed-3e7d60eb6a2b49752e45fa016ced6441.js?shop=cs-io.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":9760047167,"offset":-14400,"reqid":"129276ed-08a2-4705-bb0e-1fa20d8ef8c4-1780981223","pageurl":"smallhd.com\/index.css","u":"14810f463924","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//smallhd.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//smallhd.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://smallhd.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script async="async" integrity="sha256-hlq21VGceRKy8z+Fjhropk1BwDPACP0RdQ5rBrATyUo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-67b41cb9.js" crossorigin="anonymous"></script>
<script id='scb4127' type='text/javascript' async='' src='https://smallhd.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://smallhd.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>
<script id="sections-script" data-sections="header" defer="defer" src="//smallhd.com/cdn/shop/t/62/compiled_assets/scripts.js?v=116301462812760455471769781974"></script>
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  <!-- "snippets/shogun-products.liquid" was not rendered, the associated app was uninstalled -->



    <style data-shopify>
      @font-face {
  font-family: Assistant;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//smallhd.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
       url("//smallhd.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
}

      @font-face {
  font-family: Assistant;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//smallhd.com/cdn/fonts/assistant/assistant_n7.bf44452348ec8b8efa3aa3068825305886b1c83c.woff2") format("woff2"),
       url("//smallhd.com/cdn/fonts/assistant/assistant_n7.0c887fee83f6b3bda822f1150b912c72da0f7b64.woff") format("woff");
}

      
      
      @font-face {
  font-family: Assistant;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//smallhd.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
       url("//smallhd.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
}


      
        :root,
        .color-background-1 {
          --color-background: 255, 
          255, 
          255;
          
            --gradient-background: #ffffff;
          

          

          --color-foreground: 18, 
          18, 
          18;
          --color-background-contrast: 191, 
          191, 
          191;
          --color-shadow: 18, 
          18, 
          18;
          --color-button: 18, 
          18, 
          18;
          --color-button-text: 255, 
          255, 
          255;
          --color-secondary-button: 255, 
          255, 
          255;
          --color-secondary-button-text: 18, 
          18, 
          18;
          --color-link: 18, 
          18, 
          18;
          --color-badge-foreground: 18, 
          18, 
          18;
          --color-badge-background: 255, 
          255, 
          255;
          --color-badge-border: 18, 
          18, 
          18;
          --payment-terms-background-color: rgb(255 255 255);
        }
      
        
        .color-background-2 {
          --color-background: 243, 
          243, 
          243;
          
            --gradient-background: #f3f3f3;
          

          

          --color-foreground: 18, 
          18, 
          18;
          --color-background-contrast: 179, 
          179, 
          179;
          --color-shadow: 18, 
          18, 
          18;
          --color-button: 18, 
          18, 
          18;
          --color-button-text: 243, 
          243, 
          243;
          --color-secondary-button: 243, 
          243, 
          243;
          --color-secondary-button-text: 18, 
          18, 
          18;
          --color-link: 18, 
          18, 
          18;
          --color-badge-foreground: 18, 
          18, 
          18;
          --color-badge-background: 243, 
          243, 
          243;
          --color-badge-border: 18, 
          18, 
          18;
          --payment-terms-background-color: rgb(243 243 243);
        }
      
        
        .color-inverse {
          --color-background: 36, 
          40, 
          51;
          
            --gradient-background: #242833;
          

          

          --color-foreground: 255, 
          255, 
          255;
          --color-background-contrast: 47, 
          52, 
          66;
          --color-shadow: 18, 
          18, 
          18;
          --color-button: 255, 
          255, 
          255;
          --color-button-text: 0, 
          0, 
          0;
          --color-secondary-button: 36, 
          40, 
          51;
          --color-secondary-button-text: 255, 
          255, 
          255;
          --color-link: 255, 
          255, 
          255;
          --color-badge-foreground: 255, 
          255, 
          255;
          --color-badge-background: 36, 
          40, 
          51;
          --color-badge-border: 255, 
          255, 
          255;
          --payment-terms-background-color: rgb(36 40 51);
        }
      
        
        .color-accent-1 {
          --color-background: 18, 
          18, 
          18;
          
            --gradient-background: #121212;
          

          

          --color-foreground: 255, 
          255, 
          255;
          --color-background-contrast: 146, 
          146, 
          146;
          --color-shadow: 18, 
          18, 
          18;
          --color-button: 255, 
          255, 
          255;
          --color-button-text: 18, 
          18, 
          18;
          --color-secondary-button: 18, 
          18, 
          18;
          --color-secondary-button-text: 255, 
          255, 
          255;
          --color-link: 255, 
          255, 
          255;
          --color-badge-foreground: 255, 
          255, 
          255;
          --color-badge-background: 18, 
          18, 
          18;
          --color-badge-border: 255, 
          255, 
          255;
          --payment-terms-background-color: rgb(18 18 18);
        }
      
        
        .color-accent-2 {
          --color-background: 51, 
          79, 
          180;
          
            --gradient-background: #334fb4;
          

          

          --color-foreground: 255, 
          255, 
          255;
          --color-background-contrast: 23, 
          35, 
          81;
          --color-shadow: 18, 
          18, 
          18;
          --color-button: 255, 
          255, 
          255;
          --color-button-text: 51, 
          79, 
          180;
          --color-secondary-button: 51, 
          79, 
          180;
          --color-secondary-button-text: 255, 
          255, 
          255;
          --color-link: 255, 
          255, 
          255;
          --color-badge-foreground: 255, 
          255, 
          255;
          --color-badge-background: 51, 
          79, 
          180;
          --color-badge-border: 255, 
          255, 
          255;
          --payment-terms-background-color: rgb(51 79 180);
        }
      
        
        .color-scheme-5a6d4dd5-395a-4c52-af1f-d3dc808c4b4e {
          --color-background: 255, 
          255, 
          255;
          
            --gradient-background: #ffffff;
          

          

          --color-foreground: 18, 
          18, 
          18;
          --color-background-contrast: 191, 
          191, 
          191;
          --color-shadow: 18, 
          18, 
          18;
          --color-button: 18, 
          18, 
          18;
          --color-button-text: 255, 
          255, 
          255;
          --color-secondary-button: 255, 
          255, 
          255;
          --color-secondary-button-text: 18, 
          18, 
          18;
          --color-link: 18, 
          18, 
          18;
          --color-badge-foreground: 18, 
          18, 
          18;
          --color-badge-background: 255, 
          255, 
          255;
          --color-badge-border: 18, 
          18, 
          18;
          --payment-terms-background-color: rgb(255 255 255);
        }
      

      body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2, .color-scheme-5a6d4dd5-395a-4c52-af1f-d3dc808c4b4e {
        color: rgba(var(--color-foreground), 0.75);
        background-color: rgb(var(--color-background));
      }


      :root {
        // Parts that are not required from Dawn and are supplied by Bootstrap are commented


        /*
   --font-body-family: Assistant, sans-serif;
   --font-body-style: normal;
   --font-body-weight: 400;
   --font-body-weight-bold: 700;

   --font-heading-family: Assistant, sans-serif;
   --font-heading-style: normal;
   --font-heading-weight: 400;

   --font-body-scale: 1.0;
   --font-heading-scale: 1.0;
*/

        --media-padding: px;
        --media-border-opacity: 0.05;
        --media-border-width: 1px;
        --media-radius: 0px;
        --media-shadow-opacity: 0.0;
        --media-shadow-horizontal-offset: 0px;
        --media-shadow-vertical-offset: -40px;
        --media-shadow-blur-radius: 5px;
        --media-shadow-visible: 0;


    /*
   --page-width: 160rem;
   --page-width-margin: 0rem;
*/

    --product-card-image-padding: 0.0rem;
    --product-card-corner-radius: 0.0rem;
    --product-card-text-alignment: left;
    --product-card-border-width: 0.0rem;
    --product-card-border-opacity: 0.1;
    --product-card-shadow-opacity: 0.0;
    --product-card-shadow-visible: 0;
  --product-card-shadow-horizontal-offset: 0.0rem;
  --product-card-shadow-vertical-offset: 0.4rem;
  --product-card-shadow-blur-radius: 0.5rem;

  --collection-card-image-padding: 0.0rem;
  --collection-card-corner-radius: 0.0rem;
  --collection-card-text-alignment: left;
  --collection-card-border-width: 0.0rem;
  --collection-card-border-opacity: 0.1;
  --collection-card-shadow-opacity: 0.0;
  --collection-card-shadow-visible: 0;
  --collection-card-shadow-horizontal-offset: 0.0rem;
  --collection-card-shadow-vertical-offset: 0.4rem;
  --collection-card-shadow-blur-radius: 0.5rem;

  --blog-card-image-padding: 0.0rem;
  --blog-card-corner-radius: 0.0rem;
  --blog-card-text-alignment: left;
  --blog-card-border-width: 0.0rem;
  --blog-card-border-opacity: 0.1;
  --blog-card-shadow-opacity: 0.0;
  --blog-card-shadow-visible: 0;
  --blog-card-shadow-horizontal-offset: 0.0rem;
  --blog-card-shadow-vertical-offset: 0.4rem;
  --blog-card-shadow-blur-radius: 0.5rem;

  --badge-corner-radius: 1.6rem;

  --popup-border-width: 1px;
  --popup-border-opacity: 0.1;
  --popup-corner-radius: 0px;
  --popup-shadow-opacity: 0.05;
  --popup-shadow-horizontal-offset: 0px;
  --popup-shadow-vertical-offset: 4px;
  --popup-shadow-blur-radius: 5px;

  --drawer-border-width: 1px;
  --drawer-border-opacity: 0.1;
  --drawer-shadow-opacity: 0.0;
  --drawer-shadow-horizontal-offset: 0px;
  --drawer-shadow-vertical-offset: 4px;
  --drawer-shadow-blur-radius: 5px;

  --spacing-sections-desktop: 0px;
  --spacing-sections-mobile: 0
px;

  --grid-desktop-vertical-spacing: 8px;
  --grid-desktop-horizontal-spacing: 8px;
  --grid-mobile-vertical-spacing: 4px;
  --grid-mobile-horizontal-spacing: 4px;

  --text-boxes-border-opacity: 0.1;
  --text-boxes-border-width: 0px;
  --text-boxes-radius: 0px;
  --text-boxes-shadow-opacity: 0.0;
  --text-boxes-shadow-visible: 0;
  --text-boxes-shadow-horizontal-offset: 0px;
  --text-boxes-shadow-vertical-offset: 4px;
  --text-boxes-shadow-blur-radius: 5px;

  --buttons-radius: 0px;
  --buttons-radius-outset: 0px;
  --buttons-border-width: 1
px;
  --buttons-border-opacity: 1.0;
  --buttons-shadow-opacity: 0.0;
  --buttons-shadow-visible: 0;
  --buttons-shadow-horizontal-offset: 0px;
  --buttons-shadow-vertical-offset: 4px;
  --buttons-shadow-blur-radius: 5px;
  --buttons-border-offset: 0px;

  --inputs-radius: 0px;
  --inputs-border-width: 1px;
  --inputs-border-opacity: 0.55;
  --inputs-shadow-opacity: 0.0;
  --inputs-shadow-horizontal-offset: 0px;
  --inputs-margin-offset: 0px;
  --inputs-shadow-vertical-offset: 4px;
  --inputs-shadow-blur-radius: 5px;
  --inputs-radius-outset: 0px;

  --variant-pills-radius: 40px;
  --variant-pills-border-width: 1px;
  --variant-pills-border-opacity: 0.55;
  --variant-pills-shadow-opacity: 0.0;
  --variant-pills-shadow-horizontal-offset: 0px;
  --variant-pills-shadow-vertical-offset: 4px;
  --variant-pills-shadow-blur-radius: 5px;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}


/*
   html {
   box-sizing: border-box;
   font-size: calc (var (--font-body-scale) * 62.5%) ;
   height: 100%;
   }

   body {
   display: grid;
   grid-template-rows: auto auto 1fr auto;
   grid-template-columns: 100%;
   min-height: 100%;
   margin: 0;
   font-size: 1.5rem;
   letter-spacing: 0.06rem;
   line-height: calc (1 + 0.8 / var (--font-body-scale) ) ;
   font-family: var (--font-body-family) ;
   font-style: var (--font-body-style) ;
   font-weight: var (--font-body-weight) ;
   }

   @media screen and (min-width: 750px) {
   body {
   font-size: 1.6rem;
   }
   }
*/
@media (min-width: 2560px) {
  html,
  body,
  .canvas {
    font-size: 24px !important;
  }
}
    </style>

    <link rel="stylesheet" href="https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/base.css">
    <link rel='stylesheet' href='https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/cs-shd-custom-styles.css'>
    <style>


/*
   @font-face {
   font-family: 'HKGP';
   font-weight: 700;
   src: url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Bold.woff2?v=85430366810521520581768315035') format('woff2')
   , url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Bold.woff?v=150580370265473892591768315034') format('woff');
   }

   @font-face {
   font-family: 'HKGP';
   font-weight: 600;
   src: url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-SemiBold.woff2?v=140162934581562616321768315035') format('woff2')
   , url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-SemiBold.woff?v=160436514926037764041768315034') format('woff');
   }

   @font-face {
   font-family: 'HKGP';
   font-weight: 500;
   src: url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Medium.woff2?v=141621843597231773691768315036') format('woff2')
   , url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Medium.woff?v=38677084986966686601768315036') format('woff');
   }

   @font-face {
   font-family: 'HKGP';
   font-weight: 400;
   src: url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Regular.woff2?v=816348203976225771768315034') format('woff2')
   , url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Regular.woff?v=47969129339060219011768315036') format('woff');

   }

   @font-face {
   font-family: 'HKGP';
   font-weight: 300;
   src: url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Light.woff2?v=127985060412986213341768315035') format('woff2')
   , url('//smallhd.com/cdn/shop/t/62/assets/HKGroteskPro-Light.woff?v=49967206773762771641768315035') format('woff');
   }
*/</style>
<link rel="stylesheet" href="https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/base/cs-bootstrap-global.css">
<link rel="stylesheet" href="https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/base/cs-bootstrap-custom.css">
<script
  src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
  integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
  crossorigin="anonymous"></script>
    <script src="https://kit.fontawesome.com/f5142831df.js" crossorigin="anonymous"></script><link
        rel="preload"
        as="font"
        href="//smallhd.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2"
        type="font/woff2"
        crossorigin><link
        rel="preload"
        as="font"
        href="//smallhd.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2"
        type="font/woff2"
        crossorigin><link rel='stylesheet' href='https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/component-localization-form.css'>
      <script src="https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/js/localization-form.js" defer="defer"></script><link
        rel="stylesheet"
        href="https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/component-predictive-search.css"
        media="print"
        onload="this.media='all'"><script>
      document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
      if (Shopify.designMode) {
        document.documentElement.classList.add('shopify-design-mode');
      }
    </script>

    <!-- "snippets/shogun-head.liquid" was not rendered, the associated app was uninstalled -->

     <!-- START PARDOT TRACKING-->
<script>
  window.__consentScriptLoaded = false;

  function loadConsentedScript() {
    if (window.__consentScriptLoaded) return;
    window.__consentScriptLoaded = true;
    console.log('✅ Consented script loading...');

    piAId = '924653';
      piCId = '';
      piHostname = 'go.smallhd.com';

      (function () {
        function async_load() {
          var s = document.createElement('script'); s.type = 'text/javascript';
          s.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + piHostname + '/pd.js';
          var c = document.getElementsByTagName('script')[0]; c.parentNode.insertBefore(s, c);
        }
        if (window.attachEvent) { window.attachEvent('onload', async_load); }
        else { window.addEventListener('load', async_load, false); }
      })();
  }

  function getConsent() {
    if (window.Shopify?.customerPrivacy) {
      return window.Shopify.customerPrivacy.getTrackingConsent();
    }
    const match = document.cookie.match(/_tracking_consent=([^;]+)/);
    if (match) {
      try {
        const val = JSON.parse(decodeURIComponent(match[1]));
        return val?.value === 'yes' ? 'yes' : 'no';
      } catch(e) {}
    }
    return 'no_interaction';
  }

  document.addEventListener('DOMContentLoaded', () => {
    const consent = getConsent();

    // Already consented (returning visitor) — load immediately, no polling needed
    if (consent === 'yes') {
      loadConsentedScript();
      return;
    }

    // Declined already — don't poll at all
    if (consent === 'no') {
      console.log('⛔ Consent declined — not loading');
      return;
    }

    // no_interaction — banner is showing, start smart polling
    console.log('⏳ Waiting for consent decision...');
    let polls = 0;
    
    const pollInterval = setInterval(() => {
      polls++;
      const current = getConsent();

      if (current === 'yes') {
        clearInterval(pollInterval);
        loadConsentedScript();
        return;
      }

      if (current === 'no') {
        clearInterval(pollInterval);
        console.log('⛔ Consent declined — stopping poll');
        return;
      }

      // Back off after 20 seconds (40 polls at 500ms)
      // Switch to every 2s after that — user is probably ignoring the banner
      if (polls === 40) {
        clearInterval(pollInterval);
        console.log('⏳ Backing off to 2s polling...');
        
        const slowPoll = setInterval(() => {
          const late = getConsent();
          if (late === 'yes') {
            clearInterval(slowPoll);
            loadConsentedScript();
          } else if (late === 'no') {
            clearInterval(slowPoll);
            console.log('⛔ Consent declined — stopping poll');
          }
        }, 2000);

        // Hard stop after 5 more minutes
        setTimeout(() => clearInterval(slowPoll), 300000);
      }
    }, 500);
  });
</script>
      <!--END PARDOT TRACKING-->

    
   <script nonce="" src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer>
  </script> 


  <!-- BEGIN app block: shopify://apps/boost-ai-search-filter/blocks/boost-sd-ssr/7fc998ae-a150-4367-bab8-505d8a4503f7 --><script type="text/javascript">"use strict";(()=>{function mergeDeepMutate(target,...sources){if(!target)return target;if(sources.length===0)return target;const isObject=obj=>!!obj&&typeof obj==="object";const isPlainObject=obj=>{if(!isObject(obj))return false;const proto=Object.getPrototypeOf(obj);return proto===Object.prototype||proto===null};for(const source of sources){if(!source)continue;for(const key in source){const sourceValue=source[key];if(!(key in target)){target[key]=sourceValue;continue}const targetValue=target[key];if(Array.isArray(targetValue)&&Array.isArray(sourceValue)){target[key]=targetValue.concat(...sourceValue)}else if(isPlainObject(targetValue)&&isPlainObject(sourceValue)){target[key]=mergeDeepMutate(targetValue,sourceValue)}else{target[key]=sourceValue}}}return target}var Application=class{constructor(config,dataObjects){this.modules=[];this.cachedModulesByConstructor=new Map;this.status="created";this.cachedEventListeners={};this.registryBlockListeners=[];this.readyListeners=[];this.mode="production";this.logLevel=1;this.blocks={};const boostWidgetIntegration=window.boostWidgetIntegration;this.config=config||{logLevel:boostWidgetIntegration?.config?.logLevel,env:"production"};this.logLevel=this.config.logLevel??(this.mode==="production"?2:this.logLevel);if(this.config.logLevel==null){this.config.logLevel=this.logLevel}this.dataObjects=dataObjects||{};this.logger={debug:(...args)=>{if(this.logLevel<=0){console.debug("Boost > [DEBUG] ",...args)}},info:(...args)=>{if(this.logLevel<=1){console.info("Boost > [INFO] ",...args)}},warn:(...args)=>{if(this.logLevel<=2){console.warn("Boost > [WARN] ",...args)}},error:(...args)=>{if(this.logLevel<=3){console.error("Boost > [ERROR] ",...args)}}}}bootstrap(){if(this.status==="bootstrapped"){this.logger.warn("Application already bootstrapped");return}if(this.status==="started"){this.logger.warn("Application already started");return}this.loadModuleEventListeners();this.dispatchLifecycleEvent({name:"onBeforeAppBootstrap",payload:null});if(this.config?.customization?.app?.onBootstrap){this.config.customization.app.onBootstrap(this)}this.extendAppConfigFromModules();this.extendAppConfigFromGlobalVariables();this.initializeDataObjects();this.assignGlobalVariables();this.status="bootstrapped";this.dispatchLifecycleEvent({name:"onAppBootstrap",payload:null})}async initModules(){await Promise.all(this.modules.map(async module=>{if(!module.shouldInit()){this.logger.info("Module not initialized",module.constructor.name,"shouldInit returned false");return}module.onBeforeModuleInit?.();this.dispatchLifecycleEvent({name:"onBeforeModuleInit",payload:{module}});this.logger.info(`Initializing ${module.constructor.name} module`);try{await module.init();this.dispatchLifecycleEvent({name:"onModuleInit",payload:{module}})}catch(error){this.logger.error(`Error initializing module ${module.constructor.name}:`,error);this.dispatchLifecycleEvent({name:"onModuleError",payload:{module,error:error instanceof Error?error:new Error(String(error))}})}}))}getModule(constructor){const module=this.cachedModulesByConstructor.get(constructor);if(module&&!module.shouldInit()){return void 0}return module}getModuleByName(name){const module=this.modules.find(mod=>{const ModuleClass=mod.constructor;return ModuleClass.moduleName===name});if(module&&!module.shouldInit()){return void 0}return module}registerBlock(block){if(!block.id){this.logger.error("Block id is required");return}const blockId=block.id;if(this.blocks[blockId]){this.logger.error(`Block with id ${blockId} already exists`);return}this.blocks[blockId]=block;if(window.boostWidgetIntegration.blocks){window.boostWidgetIntegration.blocks[blockId]=block}this.dispatchLifecycleEvent({name:"onRegisterBlock",payload:{block}});this.registryBlockListeners.forEach(listener=>{try{listener(block)}catch(error){this.logger.error("Error in registry block listener:",error)}})}addRegistryBlockListener(listener){this.registryBlockListeners.push(listener);Object.values(this.blocks).forEach(block=>{try{listener(block)}catch(error){this.logger.error("Error in registry block listener for existing block:",error)}})}removeRegistryBlockListener(listener){const index=this.registryBlockListeners.indexOf(listener);if(index>-1){this.registryBlockListeners.splice(index,1)}}onReady(handler){if(this.status==="started"){try{handler()}catch(error){this.logger.error("Error in ready handler:",error)}}else{this.readyListeners.push(handler)}}assignGlobalVariables(){if(!window.boostWidgetIntegration){window.boostWidgetIntegration={}}Object.assign(window.boostWidgetIntegration,{TAEApp:this,config:this.config,dataObjects:this.dataObjects,blocks:this.blocks})}async start(){this.logger.info("Application starting");this.bootstrap();this.dispatchLifecycleEvent({name:"onBeforeAppStart",payload:null});await this.initModules();this.status="started";this.dispatchLifecycleEvent({name:"onAppStart",payload:null});this.readyListeners.forEach(listener=>{try{listener()}catch(error){this.logger.error("Error in ready listener:",error)}});if(this.config?.customization?.app?.onStart){this.config.customization.app.onStart(this)}}destroy(){if(this.status!=="started"){this.logger.warn("Application not started yet");return}this.modules.forEach(module=>{this.dispatchLifecycleEvent({name:"onModuleDestroy",payload:{module}});module.destroy()});this.modules=[];this.resetBlocks();this.status="destroyed";this.dispatchLifecycleEvent({name:"onAppDestroy",payload:null})}setLogLevel(level){this.logLevel=level;this.updateConfig({logLevel:level})}loadModule(ModuleConstructor){if(!ModuleConstructor){return this}const app=this;const moduleInstance=new ModuleConstructor(app);if(app.cachedModulesByConstructor.has(ModuleConstructor)){this.logger.warn(`Module ${ModuleConstructor.name} already loaded`);return app}this.modules.push(moduleInstance);this.cachedModulesByConstructor.set(ModuleConstructor,moduleInstance);this.logger.info(`Module ${ModuleConstructor.name} already loaded`);return app}updateConfig(newConfig){if(typeof newConfig==="function"){this.config=newConfig(this.config)}else{mergeDeepMutate(this.config,newConfig)}return this.config}dispatchLifecycleEvent(event){switch(event.name){case"onBeforeAppBootstrap":this.triggerEvent("onBeforeAppBootstrap",event);break;case"onAppBootstrap":this.logger.info("Application bootstrapped");this.triggerEvent("onAppBootstrap",event);break;case"onBeforeModuleInit":this.triggerEvent("onBeforeModuleInit",event);break;case"onModuleInit":this.logger.info(`Module ${event.payload.module.constructor.name} initialized`);this.triggerEvent("onModuleInit",event);break;case"onModuleDestroy":this.logger.info(`Module ${event.payload.module.constructor.name} destroyed`);this.triggerEvent("onModuleDestroy",event);break;case"onBeforeAppStart":this.triggerEvent("onBeforeAppStart",event);break;case"onAppStart":this.logger.info("Application started");this.triggerEvent("onAppStart",event);break;case"onAppDestroy":this.logger.info("Application destroyed");this.triggerEvent("onAppDestroy",event);break;case"onAppError":this.logger.error("Application error",event.payload.error);this.triggerEvent("onAppError",event);break;case"onModuleError":this.logger.error("Module error",event.payload.module.constructor.name,event.payload.error);this.triggerEvent("onModuleError",event);break;case"onRegisterBlock":this.logger.info(`Block registered with id: ${event.payload.block.id}`);this.triggerEvent("onRegisterBlock",event);break;default:this.logger.warn("Unknown lifecycle event",event);break}}triggerEvent(eventName,event){const eventListeners=this.cachedEventListeners[eventName];if(eventListeners){eventListeners.forEach(listener=>{try{if(eventName==="onRegisterBlock"&&event.payload&&"block"in event.payload){listener(event.payload.block)}else{listener(event)}}catch(error){this.logger.error(`Error in event listener for ${eventName}:`,error,"Event data:",event)}})}}extendAppConfigFromModules(){this.modules.forEach(module=>{const extendAppConfig=module.extendAppConfig;if(extendAppConfig){mergeDeepMutate(this.config,extendAppConfig)}})}extendAppConfigFromGlobalVariables(){const initializedGlobalConfig=window.boostWidgetIntegration?.config;if(initializedGlobalConfig){mergeDeepMutate(this.config,initializedGlobalConfig)}}initializeDataObjects(){this.modules.forEach(module=>{const dataObject=module.dataObject;if(dataObject){mergeDeepMutate(this.dataObjects,dataObject)}})}resetBlocks(){this.logger.info("Resetting all blocks");this.blocks={}}loadModuleEventListeners(){this.cachedEventListeners={};const eventNames=["onBeforeAppBootstrap","onAppBootstrap","onModuleInit","onModuleDestroy","onBeforeAppStart","onAppStart","onAppDestroy","onAppError","onModuleError","onRegisterBlock"];this.modules.forEach(module=>{eventNames.forEach(eventName=>{const eventListener=(...args)=>{if(this.status==="bootstrapped"||this.status==="started"){if(!module.shouldInit())return}return module[eventName]?.(...args)};if(typeof eventListener==="function"){if(!this.cachedEventListeners[eventName]){this.cachedEventListeners[eventName]=[]}if(eventName==="onRegisterBlock"){this.cachedEventListeners[eventName]?.push((block=>{eventListener.call(module,block)}))}else{this.cachedEventListeners[eventName]?.push(eventListener.bind(module))}}})})}};var Module=class{constructor(app){this.app=app}shouldInit(){return true}destroy(){}init(){}get extendAppConfig(){return{}}get dataObject(){return{}}};var BoostTAEAppModule=class extends Module{constructor(){super(...arguments);this.boostTAEApp=null}get TAEApp(){const boostTAE=getBoostTAE();if(!boostTAE){throw new Error("Boost TAE is not initialized")}this.boostTAEApp=boostTAE;return this.boostTAEApp}get TAEAppConfig(){return this.TAEApp.config}get TAEAppDataObjects(){return this.TAEApp.dataObjects}};var AdditionalElement=class extends BoostTAEAppModule{get extendAppConfig(){return {additionalElementSettings:Object.assign(
        {
          
            default_sort_order: {"search":"","all":""},
          
        }, {"customSortingList":"manual|price-ascending|price-descending|created-ascending|created-descending|relevance","enableCollectionSearch":false})};}};AdditionalElement.moduleName="AdditionalElement";function getShortenToFullParamMap(){const shortenUrlParamList=getBoostTAE().config?.filterSettings?.shortenUrlParamList;const map={};if(!Array.isArray(shortenUrlParamList)){return map}shortenUrlParamList.forEach(item=>{if(typeof item!=="string")return;const idx=item.lastIndexOf(":");if(idx===-1)return;const full=item.slice(0,idx).trim();const short=item.slice(idx+1).trim();if(full.length>0&&short.length>0){map[short]=full}});return map}function generateUUID(){return "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx".replace(/[x]/g,function(){const r=Math.random()*16|0;return r.toString(16)});}function getQueryParamByKey(key){const urlParams=new URLSearchParams(window.location.search);return urlParams.get(key)}function convertValueRequestStockStatus(v){if(typeof v==="string"){if(v==="out-of-stock")return false;return true}if(Array.isArray(v)){return v.map(_v=>{if(_v==="out-of-stock"){return false}return true})}return false}function isMobileWidth(){return window.innerWidth<576}function isTabletPortraitMaxWidth(){return window.innerWidth<=991}function detectDeviceByWidth(){let result="";if(isMobileWidth()){result+="mobile|"}else{result=result.replace("mobile|","")}if(isTabletPortraitMaxWidth()){result+="tablet_portrait_max"}else{result=result.replace("tablet_portrait_max","")}return result}function getSortBy(){const{generalSettings:{collection_id=0,page="collection",default_sort_by:defaultSortBy}={},additionalElementSettings:{default_sort_order:defaultSortOrder={},customSortingList}={}}=getBoostTAE().config;const defaultSortingList=["relevance","best-selling","manual","title-ascending","title-descending","price-ascending","price-descending","created-ascending","created-descending"];const sortQueryKey=getQueryParamByKey("sort");const sortingList=customSortingList?customSortingList.split("|"):defaultSortingList;if(sortQueryKey&&sortingList.includes(sortQueryKey))return sortQueryKey;const searchPage=page==="search";const collectionPage=page==="collection";if(searchPage)sortingList.splice(sortingList.indexOf("manual"),1);const{all,search}=defaultSortOrder;if(collectionPage){if(collection_id in defaultSortOrder){return defaultSortOrder[collection_id]}else if(all){return all}else if(defaultSortBy){return defaultSortBy}}else if(searchPage){return search||"relevance"}return""}var addParamsLocale=(params={})=>{params.return_all_currency_fields=false;return{...params,currency_rate:window.Shopify?.currency?.rate,currency:window.Shopify?.currency?.active,country:window.Shopify?.country}};var getLocalStorage=key=>{try{const value=localStorage.getItem(key);if(value)return JSON.parse(value);return null}catch{return null}};var setLocalStorage=(key,value)=>{try{localStorage.setItem(key,JSON.stringify(value))}catch(error){getBoostTAE().logger.error("Error setLocalStorage",error)}};var removeLocalStorage=key=>{try{localStorage.removeItem(key)}catch(error){getBoostTAE().logger.error("Error removeLocalStorage",error)}};function roundToNearest50(num){const remainder=num%50;if(remainder>25){return num+(50-remainder)}else{return num-remainder}}function lazyLoadImages(dom){if(!dom)return;const lazyImages=dom.querySelectorAll(".boost-sd__product-image-img[loading='lazy']");lazyImages.forEach(function(img){inViewPortHandler(img.parentElement,element=>{const imgElement=element.querySelector(".boost-sd__product-image-img[loading='lazy']");if(imgElement){imgElement.removeAttribute("loading")}})})}function inViewPortHandler(elements,callback){const observer=new IntersectionObserver(function intersectionObserverCallback(entries,observer2){entries.forEach(function(entry){if(entry.isIntersecting){callback(entry.target);observer2.unobserve(entry.target)}})});if(Array.isArray(elements)){elements.forEach(element=>observer.observe(element))}else{observer.observe(elements)}}var isBadUrl=url=>{try{if(!url){const searchString2=getWindowLocation().search;if(!searchString2||searchString2.length<=1){return false}return checkSearchStringForXSS(searchString2)}if(typeof url==="string"){const questionMarkIndex=url.indexOf("?");const searchString2=questionMarkIndex>=0?url.substring(questionMarkIndex):"";if(!searchString2||searchString2.length<=1){return false}return checkSearchStringForXSS(searchString2)}const searchString=url.search;if(!searchString||searchString.length<=1){return false}return checkSearchStringForXSS(searchString)}catch{return true}};var checkSearchStringForXSS=searchString=>{const urlParams=decodeURIComponent(searchString).split("&");for(let i=0;i<urlParams.length;i++){if(isBadSearchTerm(urlParams[i])){return true}}return false};var getWindowLocation=()=>{const href=window.location.href;const escapedHref=href.replace(/%3C/g,"&lt;").replace(/%3E/g,"&gt;");const rebuildHrefArr=[];for(let i=0;i<escapedHref.length;i++){rebuildHrefArr.push(escapedHref.charAt(i))}const rebuildHref=rebuildHrefArr.join("").split("&lt;").join("%3C").split("&gt;").join("%3E");let rebuildSearch="";const hrefWithoutHash=rebuildHref.replace(/#.*$/,"");if(hrefWithoutHash.split("?").length>1){rebuildSearch=hrefWithoutHash.split("?")[1];if(rebuildSearch.length>0){rebuildSearch="?"+rebuildSearch}}return{pathname:window.location.pathname,href:rebuildHref,search:rebuildSearch}};var isBadSearchTerm=term=>{if(typeof term=="string"){term=term.toLowerCase();const domEvents=["img src","script","alert","onabort","popstate","afterprint","beforeprint","beforeunload","blur","canplay","canplaythrough","change","click","contextmenu","copy","cut","dblclick","drag","dragend","dragenter","dragleave","dragover","dragstart","drop","durationchange","ended","error","focus","focusin","focusout","fullscreenchange","fullscreenerror","hashchange","input","invalid","keydown","keypress","keyup","load","loadeddata","loadedmetadata","loadstart","mousedown","mouseenter","mouseleave","mousemove","mouseover","mouseout","mouseout","mouseup","offline","online","pagehide","pageshow","paste","pause","play","playing","progress","ratechange","resize","reset","scroll","search","seeked","seeking","select","show","stalled","submit","suspend","timeupdate","toggle","touchcancel","touchend","touchmove","touchstart","unload","volumechange","waiting","wheel"];const potentialEventRegex=new RegExp(domEvents.join("=|on"));const countOpenTag=(term.match(/</g)||[]).length;const countCloseTag=(term.match(/>/g)||[]).length;const isAlert=(term.match(/alert\(/g)||[]).length;const isConsoleLog=(term.match(/console\.log\(/g)||[]).length;const isExecCommand=(term.match(/execCommand/g)||[]).length;const isCookie=(term.match(/document\.cookie/g)||[]).length;const isJavascript=(term.match(/j.*a.*v.*a.*s.*c.*r.*i.*p.*t/g)||[]).length;const isPotentialEvent=potentialEventRegex.test(term);if(countOpenTag>0&&countCloseTag>0||countOpenTag>1||countCloseTag>1||isAlert||isConsoleLog||isExecCommand||isCookie||isJavascript||isPotentialEvent){return true}}return false};var isCollectionPage=()=>{return getBoostTAE().config.generalSettings?.page==="collection"};var isSearchPage=()=>{return getBoostTAE().config.generalSettings?.page==="search"};var isCartPage=()=>{return getBoostTAE().config.generalSettings?.page==="cart"};var isProductPage=()=>{return getBoostTAE().config.generalSettings?.page==="product"};var isHomePage=()=>{return getBoostTAE().config.generalSettings?.page==="index"};var isVendorPage=()=>{return window.location.pathname.indexOf("/collections/vendors")>-1};var getCurrentPage=()=>{let currentPage="";switch(true){case isCollectionPage():currentPage="collection_page";break;case isSearchPage():currentPage="search_page";break;case isProductPage():currentPage="product_page";break;case isCartPage():currentPage="cart_page";break;case isHomePage():currentPage="home_page";break;default:break}return currentPage};var checkExistFilterOptionParam=()=>{const queryParams=new URLSearchParams(window.location.search);const shortenToFullMap=getShortenToFullParamMap();const hasShortenMap=Object.keys(shortenToFullMap).length>0;for(const[key]of queryParams.entries()){if(key.indexOf("pf_")>-1){return true}if(hasShortenMap&&shortenToFullMap[key]){return true}}return false};function getCustomerId(){return window?.__st?.cid||window?.meta?.page?.customerId||window?.ShopifyAnalytics?.meta?.page?.customerId||window?.ShopifyAnalytics?.lib?.user?.()?.traits()?.uniqToken}function isShopifyTypePage(){return window.location.pathname.indexOf("/collections/types")>-1}var Analytics=class _Analytics extends BoostTAEAppModule{saveRequestId(type,request_id,bundles=[]){const requestIds=getLocalStorage(_Analytics.STORAGE_KEY_PRE_REQUEST_IDS)||{};requestIds[type]=request_id;if(Array.isArray(bundles)){bundles?.forEach(bundle=>{let placement="";switch(type){case"search":placement=_Analytics.KEY_PLACEMENT_BY_TYPE.search_page;break;case"suggest":placement=_Analytics.KEY_PLACEMENT_BY_TYPE.instant_search;break;case"product_page_bundle":placement=_Analytics.KEY_PLACEMENT_BY_TYPE.product_page;break;default:break}requestIds[`${bundle.widgetId||""}_${placement}`]=request_id})}setLocalStorage(_Analytics.STORAGE_KEY_PRE_REQUEST_IDS,requestIds)}savePreAction(type){setLocalStorage(_Analytics.STORAGE_KEY_PRE_ACTION,type)}};Analytics.moduleName="Analytics";Analytics.STORAGE_KEY_PRE_REQUEST_IDS="boostSdPreRequestIds";Analytics.STORAGE_KEY_PRE_ACTION="boostSdPreAction";Analytics.KEY_PLACEMENT_BY_TYPE={product_page:"product_page",search_page:"search_page",instant_search:"instant_search"};var AppSettings=class extends BoostTAEAppModule{get extendAppConfig(){return {cdn:"https://cdn.boostcommerce.io",bundleUrl:"https://services.mybcapps.com/bc-sf-filter/bundles",productUrl:"https://services.mybcapps.com/bc-sf-filter/products",productListingUrl:"https://services.mybcapps.com/bc-sf-filter/product-listing",subscriptionUrl:"https://services.mybcapps.com/bc-sf-filter/subscribe-b2s",taeSettings:window.boostWidgetIntegration?.taeSettings||{instantSearch:{enabled:false}},generalSettings:Object.assign(
  {preview_mode:false,preview_path:"",page:"index",custom_js_asset_url:"",custom_css_asset_url:"",collection_id: 0,collection_handle:"",collection_product_count: 0,...
            {
              
              
            },collection_tags: null,current_tags: null,default_sort_by:"",swatch_extension:"png",no_image_url:"https://cdn.shopify.com/extensions/019ea607-96fa-70a7-9c2d-3fd887fefff1/product-filter-search-215/assets/boost-pfs-no-image.jpg",search_term:"",template:"index",currencies:["USD"],current_currency:"USD",published_locales:{...
                {"en":true}
              },current_locale:"en"},
  {"enableTrackingOrderRevenue":true,"addCollectionToProductUrl":false}
),translation:{},...
        {
          
          
          
            translation: {"productFilter":"Product filter","refine":"Refine By","refineMobile":"Refine By","refineMobileCollapse":"Hide Filter","clear":"Clear","clearAll":"Clear All","viewMore":"View More","viewLess":"View Less","apply":"Apply","applyAll":"Apply All","close":"Close","back":"Back","showLimit":"Show","collectionAll":"All","under":"Under","above":"Above","ratingStar":"Star","ratingStars":"Stars","ratingUp":"& Up","showResult":"Show result","searchOptions":"Search Options","inCollectionSearch":"Search for products in this collection","loadPreviousPage":"Load Previous Page","loadMore":"Load more {{ amountProduct }} Products","loadMoreTotal":"{{ from }} - {{ to }} of {{ total }} Products","viewAs":"View as","listView":"List view","gridView":"Grid view","gridViewColumns":"Grid view {{count}} Columns","search":{"generalTitle":"General Title (when no search term)","resultHeader":"Search results for \"{{ terms }}\"","resultNumber":"Showing {{ count }} results for \"{{ terms }}\"","seeAllProducts":"See all products","resultEmpty":"We couldn't find results for \"{{ terms }}\".{{ breakline }}But don't give up – check the spelling or try less specific search terms.","resultEmptyWithSuggestion":"Sorry, nothing found for \"{{ terms }}\". Check out these items instead?","searchTotalResult":"Showing {{ count }} result","searchTotalResults":"Showing {{ count }} results","searchPanelProduct":"Products","searchPanelCollection":"Collections","searchPanelPage":"Pages","searchTipsTitle":"Search tips","searchTipsContent":"Please double-check your spelling.{{ breakline }}Use more generic search terms.{{ breakline }}Enter fewer keywords.{{ breakline }}Try searching by product type, brand, model number or product feature.","noSearchResultSearchTermLabel":"Popular searches","noSearchResultProductsLabel":"Trending products","searchBoxOnclickRecentSearchLabel":"Recent searches","searchBoxOnclickSearchTermLabel":"Popular searches","searchBoxOnclickProductsLabel":"Trending products"},"suggestion":{"viewAll":"View all {{ count }} products","didYouMean":"Did you mean: {{ terms }}","searchBoxPlaceholder":"Search","suggestQuery":"Show {{ count }} results for {{ terms }}","instantSearchSuggestionsLabel":"Suggestions","instantSearchCollectionsLabel":"Shop","instantSearchProductsLabel":"Buy","instantSearchPagesLabel":"Learn","searchBoxOnclickRecentSearchLabel":"Recent searches","searchBoxOnclickSearchTermLabel":"Popular searches","searchBoxOnclickProductsLabel":"Trending products","noSearchResultSearchTermLabel":"Popular searches","noSearchResultProductsLabel":"Trending products"},"error":{"noFilterResult":"Sorry, no products matched your selection","noSearchResult":"Sorry, no products matched the keyword","noProducts":"No products found in this collection","noSuggestionResult":"Sorry, nothing found for \"{{ terms }}\".","noSuggestionProducts":"Sorry, nothing found for \"{{ terms }}\"."},"recommendation":{"productpage-017607":"Recently viewed","productpage-327768":"Frequently Bought Together","cartpage-130043":"Still interested in this?","cartpage-225606":"Similar Products","homepage-185022":"Just dropped","homepage-785352":"Best Sellers","collectionpage-834570":"Just dropped","collectionpage-601648":"Most Popular Products"},"productItem":{"qvBtnLabel":"Quick view","atcAvailableLabel":"Add to cart","soldoutLabel":"Sold out","productItemSale":"Sale","productItemSoldOut":"Sold out","viewProductBtnLabel":"View product","atcSelectOptionsLabel":"Select options","amount":"From {{minPrice}}","savingAmount":"Save {{saleAmount}}","swatchButtonText1":"+{{count}}","swatchButtonText2":"+{{count}}","swatchButtonText3":"+{{count}}","inventoryInStock":"In stock","inventoryLowStock":"Only {{count}} left!","inventorySoldOut":"Sold out","atcAddingToCartBtnLabel":"Adding...","atcAddedToCartBtnLabel":"Added!","atcFailedToCartBtnLabel":"Failed!"},"quickView":{"qvQuantity":"Quantity","qvViewFullDetails":"View full details","buyItNowBtnLabel":"Buy it now","qvQuantityError":"Please input quantity"},"cart":{"atcMiniCartSubtotalLabel":"Subtotal","atcMiniCartEmptyCartLabel":"Your Cart Is Currently Empty","atcMiniCartCountItemLabel":"item","atcMiniCartCountItemLabelPlural":"items","atcMiniCartShopingCartLabel":"Your cart","atcMiniCartViewCartLabel":"View cart","atcMiniCartCheckoutLabel":"Checkout"},"recentlyViewed":{"recentProductHeading":"Recently Viewed Products"},"mostPopular":{"popularProductsHeading":"Popular Products"},"perpage":{"productCountPerPage":"Display: {{count}} per page"},"productCount":{"textDescriptionCollectionHeader":"{{count}} product","textDescriptionCollectionHeaderPlural":"{{count}} products","textDescriptionToolbar":"{{count}} product","textDescriptionToolbarPlural":"{{count}} products","textDescriptionPagination":"Showing {{from}} - {{to}} of {{total}} product","textDescriptionPaginationPlural":"Showing {{from}} - {{to}} of {{total}} products"},"pagination":{"loadPreviousText":"Load Previous Page","loadPreviousInfiniteText":"Load Previous Page","loadMoreText":"Load more","prevText":"Previous","nextText":"Next"},"sortingList":{"sorting":"Sort by","manual":"Featured","price-ascending":"Price, Low to High","price-descending":"Price, High to Low","created-ascending":"Date, Old to New","created-descending":"Date, New to Old","relevance":"Relevance"},"collectionHeader":{"collectionAllProduct":"Products"},"breadcrumb":{"home":"Home","collections":"Collections","pagination":"Page {{ page }} of {{totalPages}}","toFrontPage":"Back to the front page"},"sliderProduct":{"prevButton":"Previous","nextButton":"Next"},"filterOptions":{"filterOption|BJmhv8ymr|pf_t_brightness_nits":"Brightness (nits)","filterOption|BJmhv8ymr|pf_t_resolution":"Resolution","filterOption|BJmhv8ymr|pf_t_screen_size":"Screen Size","filterOption|BJmhv8ymr|pf_t_screen_type":"Screen Type","filterOption|BJmhv8ymr|pf_t_video_cables":"Video Cables","filterOption|BJmhv8ymr|pf_t_power":"Power","filterOption|BJmhv8ymr|pf_t_camera_control":"Camera Control","filterOption|BJmhv8ymr|pf_t_protection":"Protection","filterOption|BJmhv8ymr|pf_t_sunhood":"Sunhood","filterOption|BJmhv8ymr|pf_t_hardware":"Hardware","filterOption|BJmhv8ymr|pf_opt_kit_type":"Type","filterOption|BJmhv8ymr|pf_p_price":"Price","filterOption|BJmhv8ymr|pf_opt_range":"Range","filterOption|BJmhv8ymr|pf_opt_battery_mount":"Battery Mount","filterOption|BJmhv8ymr|pf_t_monitors":"Monitors","filterOption|BJmhv8ymr|pf_t_accessories":"Accessories","filterOption|BJmhv8ymr|pf_pt_product":"Product","filterOption|ryeBXO74H|pf_t_monitor_series":"Monitor Series","filterOption|ryeBXO74H|pf_t_shop_by_model":"Shop by Model","filterOption|ryeBXO74H|pf_t_screen_size":"Screen Size","filterOption|ryeBXO74H|pf_t_brightness":"Brightness","filterOption|SJmBcLE4r|pf_t_brightness":"Brightness","filterOption|SJmBcLE4r|pf_t_resolution":"Resolution","filterOption|SJmBcLE4r|pf_t_screen_size":"Screen Size","filterOption|SJmBcLE4r|pf_t_screen_type":"Screen Type","filterOption|SJmBcLE4r|pf_opt_wireless":"Wireless","filterOption|SJmBcLE4r|pf_opt_mount":"Mount","filterOption|SJmBcLE4r|pf_opt_video":"Video","filterOption|SJmBcLE4r|pf_opt_set_type":"Set type","filterOption|Syb1M6H5B|pf_p_price":"Price","filterOption|Syb1M6H5B|pf_t_sale_type":"Sale Type","filterOption|Syb1M6H5B|pf_pt_product_type":"Product type","filterOption|Syb1M6H5B|pf_t_brightness":"Brightness","filterOption|Syb1M6H5B|pf_t_screen_type":"Screen Type","filterOption|Syb1M6H5B|pf_t_screen_size":"Screen Size","filterOption|Syb1M6H5B|pf_t_resolution":"Resolution","filterOption|Syb1M6H5B|pf_t_mounts_and_cages":"Mounts & Cages","filterOption|Syb1M6H5B|pf_t_remote":"Remote","filterOption|Syb1M6H5B|pf_t_screen_protector":"Screen Protector","filterOption|Syb1M6H5B|pf_t_batteries_and_chargers":"Batteries & Chargers","filterOption|Syb1M6H5B|pf_t_sun_hoods":"Sun Hoods","filterOption|Syb1M6H5B|pf_t_adapters_and_cables":"Adapters & Cables","filterOption|Syb1M6H5B|pf_t_cases_and_sleeves":"Cases & Sleeves","filterOption|Syb1M6H5B|pf_t_others":"Others","filterOption|Syb1M6H5B|pf_t_wireless":"Wireless","filterOption|Syb1M6H5B|pf_t_product_type":"Product Type","filterOption|Hkn5ef8cr|pf_t_series":"Series","filterOption|Hkn5ef8cr|pf_t_screen_size":"Screen Size","filterOption|Hkn5ef8cr|pf_t_screen_type":"Screen Type","filterOption|Hkn5ef8cr|pf_t_brightness":"Brightness","filterOption|Hkn5ef8cr|pf_t_shop_accessories_by_model":"Shop Accessories by Model","filterOption|Hkn5ef8cr|pf_t_hardware":"Hardware","filterOption|Hkn5ef8cr|pf_t_protection":"Protection","filterOption|Hkn5ef8cr|pf_t_video_cables":"Video Cables","filterOption|Hkn5ef8cr|pf_t_power":"Power","filterOption|Hkn5ef8cr|pf_t_other":"Other","filterOption|rJwmck26S|pf_t_inventory_type":"Inventory Type","filterOption|rJwmck26S|pf_t_video_cables":"Video Cables","filterOption|rJwmck26S|pf_t_power":"Power","filterOption|rJwmck26S|pf_t_camera_control":"Camera Control","filterOption|rJwmck26S|pf_t_protection":"Protection","filterOption|rJwmck26S|pf_t_hardware":"Hardware","filterOption|rJwmck26S|pf_t_sunhood":"Sunhood","filterOption|Sykla_ZJATB|pf_p_price":"Price","filterOption|rkhWo5CpS|pf_t_shop_by_model":"Shop by Model","filterOption|rkhWo5CpS|pf_t_monitor":"Monitor","filterOption|rkhWo5CpS|pf_t_brightness":"Brightness","filterOption|rkhWo5CpS|pf_t_mount_type":"Mount Type","filterOption|rkhWo5CpS|pf_t_resolution":"Resolution","filterOption|rkhWo5CpS|pf_t_screen_type":"Screen Type","filterOption|rkhWo5CpS|pf_t_accessories":"Accessories","filterOption|rkZuxj06S|pf_t_brightness":"Brightness","filterOption|rkZuxj06S|pf_t_screen_type":"Screen Type","filterOption|rkZuxj06S|pf_t_screen_size":"Screen Size","filterOption|rkZuxj06S|pf_t_resolution":"Resolution","filterOption|rkZuxj06S|pf_t_mounts_and_cages":"Mounts & Cages","filterOption|rkZuxj06S|pf_t_wireless":"Wireless","filterOption|B1Ae7jAaS|pf_t_software":"Software","filterOption|HJOTVyyQ8|pf_t_brightness":"Brightness","filterOption|HJOTVyyQ8|pf_t_resolution":"Resolution","filterOption|HJOTVyyQ8|pf_t_screen_size":"Screen Size","filterOption|HJOTVyyQ8|pf_t_screen_type":"Screen Type","filterOption|HJOTVyyQ8|pf_t_wireless":"Wireless","filterOption|HJOTVyyQ8|pf_t_mounting":"Mounting","filterOption|lKgOmsJ0g|pf_t_module":"Module","filterOption|lKgOmsJ0g|pf_t_range":"Range","filterOption|lKgOmsJ0g|pf_t_type":"Type","filterOption|lKgOmsJ0g|pf_t_brightness":"Brightness","filterOption|lKgOmsJ0g|pf_t_resolution":"Resolution","filterOption|lKgOmsJ0g|pf_t_screen_size":"Screen Size","filterOption|lKgOmsJ0g|pf_t_screen_type":"Screen Type","filterOption|lKgOmsJ0g|pf_t_wireless":"Wireless","filterOption|lKgOmsJ0g|pf_t_mounting":"Mounting","filterOption|Em-BKtIH_|pf_t_product_type":"Product Type","filterOption|a_whIcUxR|pf_t_shop_by_model":"Shop by Model","filterOption|a_whIcUxR|pf_t_camera_control":"Camera Control","filterOption|a_whIcUxR|pf_t_power":"Power","filterOption|a_whIcUxR|pf_t_video_cables":"Video Cables","filterOption|a_whIcUxR|pf_t_hardware":"Hardware","filterOption|a_whIcUxR|pf_t_protection":"Protection","filterOption|a_whIcUxR|pf_t_other":"Other","filterOption|QDFgHVCKN|pf_t_series":"Series","filterOption|QDFgHVCKN|pf_t_brightness_nits":"Brightness (nits)","filterOption|QDFgHVCKN|pf_t_resolution":"Resolution","filterOption|QDFgHVCKN|pf_t_screen_size":"Screen Size","filterOption|QDFgHVCKN|pf_t_screen_type":"Screen Type","filterOption|lFIZUoplFZ|pf_t_shop_by_model":"Shop by Model","filterOption|lFIZUoplFZ|pf_t_camera_control":"Camera Control","filterOption|lFIZUoplFZ|pf_t_power":"Power","filterOption|lFIZUoplFZ|pf_t_video_cables":"Video Cables","filterOption|lFIZUoplFZ|pf_t_hardware":"Hardware","filterOption|lFIZUoplFZ|pf_t_protection":"Protection","filterOption|lFIZUoplFZ|pf_t_other":"Other","filterOption|fPGj6MTcT3|pf_t_shop_by_model":"Shop by Model","filterOption|fPGj6MTcT3|pf_t_screen_size":"Screen Size","filterOption|fPGj6MTcT3|pf_t_camera_control":"Camera Control","filterOption|fPGj6MTcT3|pf_t_power":"Power","filterOption|fPGj6MTcT3|pf_t_video_cables":"Video Cables","filterOption|fPGj6MTcT3|pf_t_hardware":"Hardware","filterOption|fPGj6MTcT3|pf_t_protection":"Protection","filterOption|fPGj6MTcT3|pf_t_other":"Other","filterOption|sjw2LJs30X|pf_t_series":"Series","filterOption|ygPMDsyBa8|pf_t_shop_by_model":"Shop by Model","filterOption|ygPMDsyBa8|pf_t_camera_control":"Camera Control","filterOption|ygPMDsyBa8|pf_t_power":"Power","filterOption|ygPMDsyBa8|pf_t_video_cables":"Video Cables","filterOption|ygPMDsyBa8|pf_t_hardware":"Hardware","filterOption|ygPMDsyBa8|pf_t_protection":"Protection","filterOption|ygPMDsyBa8|pf_t_other":"Other","filterOption|B1Ae7jAaS|pf_t_monitor_compatibility":"Monitor Compatibility","filterOption|Hkn5ef8cr|pf_t_camera_control":"Camera Control","filterOption|df_4-X_7qr|pf_t_type":"Type","filterOption|Sykla_ZJATB|pf_t_product_series":"Product Series","filterOption|ZiN-PLzua3|pf_p_price":"Price","filterOption|ZiN-PLzua3|pf_pt_product_type":"Product Type","filterOption|ZiN-PLzua3|pf_t_brightness":"Brightness","filterOption|ZiN-PLzua3|pf_t_screen_size":"Screen Size","filterOption|ZiN-PLzua3|pf_t_resolution":"Resolution","filterOption|ZiN-PLzua3|pf_t_wireless":"Wireless","filterOption|ZiN-PLzua3|pf_t_monitors":"Monitors","filterOption|ZiN-PLzua3|pf_t_mount":"Mount","filterOption|ZiN-PLzua3|pf_t_software":"Software","filterOption|ZiN-PLzua3|pf_t_accessories":"Accessories","filterOption|ZiN-PLzua3|pf_t_video_cables":"Video Cables","filterOption|ZiN-PLzua3|pf_t_power":"Power","filterOption|ZiN-PLzua3|pf_t_camera_control":"Camera Control","filterOption|ZiN-PLzua3|pf_t_protection":"Protection","filterOption|ZiN-PLzua3|pf_t_hardware":"Hardware","filterOption|ZiN-PLzua3|pf_t_sunhood":"Sunhood","filterOption|Sykla_ZJATB|pf_t_monitors":"Monitors"},"predictiveBundle":{},"refineDesktop":"Filter"},
          
        }
      };}};AppSettings.moduleName="AppSettings";var AssetFilesLoader=class extends BoostTAEAppModule{constructor(){super(...arguments);this.cacheVersionString=Date.now().toString()}onAppStart(){this.loadAssetFiles();this.assetLoadingPromise("themeCSS").then(()=>{this.TAEApp.updateConfig({themeCssLoaded:true})});this.assetLoadingPromise("settingsCSS").then(()=>{this.TAEApp.updateConfig({settingsCSSLoaded:true})})}loadAssetFiles(){this.loadThemeCSS();this.loadSettingsCSS();this.loadMainScript();this.loadRTLCSS();this.loadCustomizedCSSAndScript()}loadCustomizedCSSAndScript(){const{assetFilesLoader,templateMetadata}=this.TAEAppConfig;const themeCSSLinkElement=assetFilesLoader.themeCSS.element;const settingCSSLinkElement=assetFilesLoader.settingsCSS.element;const loadResources=()=>{if(this.TAEAppConfig.assetFilesLoader.themeCSS.status!=="loaded"||this.TAEAppConfig.assetFilesLoader.settingsCSS.status!=="loaded")return;if(templateMetadata?.customizeCssUrl){this.loadCSSFile("customizedCSS")}if(templateMetadata?.customizeJsUrl){this.loadScript("customizedScript")}};themeCSSLinkElement?.addEventListener("load",loadResources);settingCSSLinkElement?.addEventListener("load",loadResources)}loadSettingsCSS(){const result=this.loadCSSFile("settingsCSS");return result}loadThemeCSS(){const result=this.loadCSSFile("themeCSS");return result}loadRTLCSS(){const rtlDetected=document.documentElement.getAttribute("dir")==="rtl";if(rtlDetected){const result=this.loadCSSFile("rtlCSS");return result}}loadMainScript(){const result=this.loadScript("mainScript");return result}preloadModuleScript(module){const TAEAppConfig=this.TAEAppConfig;const inStagingEnv=TAEAppConfig.env==="staging";const themeLibVersion=inStagingEnv?"staging":TAEAppConfig.templateMetadata?.themeLibVersion;if(!inStagingEnv)return;if(!["filter","recommendation","instant-search"].includes(module))return;const scriptUrl=`${TAEAppConfig.cdn}/${"widget-integration"}/${themeLibVersion}/${module}.module.js`;const link=document.createElement("link");link.rel="preload";link.as="script";link.href=scriptUrl;document.head?.appendChild(link)}loadResourceByName(name,options){if(this.TAEAppConfig.assetFilesLoader[name].element)return;const assetsState=this.TAEAppConfig.assetFilesLoader[name];const resourceType=options?.resourceType||assetsState.type;const inStagingEnv=this.TAEAppConfig.env==="staging";let url=options?.url||assetsState.url;if(!url){switch(name){case"themeCSS":url=this.TAEAppConfig.templateMetadata?.themeCssUrl||this.TAEAppConfig.fallback?.themeCssUrl;if(inStagingEnv){url+=`?v=${this.cacheVersionString}`}break;case"settingsCSS":url=this.TAEAppConfig.templateMetadata?.settingsCssUrl||this.TAEAppConfig.fallback?.settingsCssUrl;break;case"rtlCSS":{const{themeCSS}=this.TAEAppConfig.assetFilesLoader;if(themeCSS.url){const themeCssUrl=new URL(themeCSS.url);const themeCssPathWithoutFilename=themeCssUrl.pathname.split("/").slice(0,-1).join("/");const rtlCssPath=themeCssPathWithoutFilename+"/rtl.css";url=new URL(rtlCssPath,themeCssUrl.origin).href;if(inStagingEnv){url+=`?v=${this.cacheVersionString}`}}break}case"mainScript":url=`${this.TAEAppConfig.cdn}/${"widget-integration"}/${inStagingEnv?"staging":this.TAEAppConfig.templateMetadata?.themeLibVersion}/${"bc-widget-integration.js"}`;if(inStagingEnv){url+=`?v=${this.cacheVersionString}`}break;case"customizedCSS":url=this.TAEAppConfig.templateMetadata?.customizeCssUrl;break;case"customizedScript":url=this.TAEAppConfig.templateMetadata?.customizeJsUrl;break}}if(!url)return;if(resourceType==="stylesheet"){const link=document.createElement("link");link.rel="stylesheet";link.type="text/css";link.media="all";link.href=url;document.head.appendChild(link);this.TAEApp.updateConfig({assetFilesLoader:{[name]:{element:link,status:"loading",url}}});link.onload=()=>{this.TAEApp.updateConfig({assetFilesLoader:{[name]:{element:link,status:"loaded",url}}})};link.onerror=()=>{this.TAEApp.updateConfig({assetFilesLoader:{[name]:{element:link,status:"error",url}}})}}else if(resourceType==="script"){const script=document.createElement("script");script.src=url;const strategy=options?.strategy;if(strategy==="async"){script.async=true}else if(strategy==="defer"){script.defer=true}if(assetsState.module){script.type="module"}if(strategy==="async"||strategy==="defer"){const link=document.createElement("link");link.rel="preload";link.as="script";link.href=url;document.head?.appendChild(link)}document.head.appendChild(script);this.TAEApp.updateConfig({assetFilesLoader:{[name]:{element:script,status:"loading",url}}});script.onload=()=>{this.TAEApp.updateConfig({assetFilesLoader:{[name]:{element:script,status:"loaded",url}}})};script.onerror=()=>{this.TAEApp.updateConfig({assetFilesLoader:{[name]:{element:script,status:"error",url}}})};script.onprogress=()=>{this.TAEApp.updateConfig({assetFilesLoader:{[name]:{element:script,status:"loading",url}}})}}}loadCSSFile(name,url){return this.loadResourceByName(name,{url,resourceType:"stylesheet"})}loadScript(name,url,strategy){return this.loadResourceByName(name,{strategy,url,resourceType:"script"})}assetLoadingPromise(name,timeout=5e3){return new Promise((resolve,reject)=>{let timeoutNumber=null;const{assetFilesLoader}=this.TAEAppConfig;const asset=assetFilesLoader[name];if(asset.status==="loaded"){return resolve(true)}if(!asset.element){this.loadResourceByName(name)}const assetElement=this.TAEAppConfig.assetFilesLoader[name]?.element;if(!assetElement){this.TAEApp.logger.warn(`Asset ${name} not foumd`);return resolve(false)}assetElement?.addEventListener("load",()=>{if(timeoutNumber)clearTimeout(timeoutNumber);resolve(true)});assetElement?.addEventListener("error",()=>{if(timeoutNumber)clearTimeout(timeoutNumber);reject(new Error(`Failed to load asset ${name}`))});timeoutNumber=setTimeout(()=>{reject(new Error(`Timeout loading asset ${name}`))},timeout)})}get extendAppConfig(){return{themeCssLoaded:false,settingsCSSLoaded:false,assetFilesLoader:{themeCSS:{type:"stylesheet",element:null,status:"not-initialized",url:null},settingsCSS:{type:"stylesheet",element:null,status:"not-initialized",url:null},rtlCSS:{type:"stylesheet",element:null,status:"not-initialized",url:null},customizedCSS:{type:"stylesheet",element:null,status:"not-initialized",url:null},mainScript:{type:"script",element:null,status:"not-initialized",url:null},customizedScript:{type:"script",element:null,status:"not-initialized",url:null}}}}};AssetFilesLoader.moduleName="AssetFilesLoader";var B2B=class extends BoostTAEAppModule{setQueryParams(urlParams){const{b2b}=this.TAEAppConfig;if(!b2b.enabled)return;urlParams.set("company_location_id",`${b2b.current_company_id}_${b2b.current_location_id}`);const shopifyCurrencySettings=window.Shopify?.currency;if(shopifyCurrencySettings){urlParams.set("currency",shopifyCurrencySettings.active);urlParams.set("currency_rate",shopifyCurrencySettings.rate.toString())}}get extendAppConfig(){return {b2b:Object.assign({enabled:false}, 
        {
          
        }
        )};}};B2B.moduleName="B2B";var Fallback=class _Fallback extends BoostTAEAppModule{get extendAppConfig(){return{fallback:{containerElement:".boost-sd__filter-product-list",themeCssUrl:"https://cdn.boostcommerce.io/widget-integration/theme/default/1.0.1/main.css",settingsCssUrl:"https://boost-cdn-staging.bc-solutions.net/widget-integration/theme/default/staging/default-settings.css"}}}dispatchEvent(){const enableEvent=new CustomEvent(_Fallback.EVENT_NAME);window.dispatchEvent(enableEvent)}async loadFallbackSectionFromShopify(payload){return fetch(payload.url||`${window.location.origin}/?section_id=${payload.sectionName}`).catch(error=>{this.TAEApp.logger.error("Error loading fallback section from Shopify:",error);throw error}).then(res=>res.text())}get containerElement(){const{containerElement}=this.TAEAppConfig.fallback;if(containerElement instanceof HTMLElement){return containerElement}return document.querySelector(containerElement)}async loadFilterProductFallback(){const{fallback,cdn="https://boost-cdn-prod.bc-solutions.net",templateMetadata}=this.TAEAppConfig;const customizedFallbackSettings=fallback?.customizedTemplate||templateMetadata.customizedFallback;if(customizedFallbackSettings){const{source,templateName,templateURL}=customizedFallbackSettings;switch(source){case"Shopify":{if(!templateName&&!templateURL){this.TAEApp.logger.warn("Both templateName and templateURL are undefined");return}const html=await this.loadFallbackSectionFromShopify({sectionName:templateName,url:templateURL});const container=this.containerElement;if(!container){this.TAEApp.logger.warn("Container element not found for fallback template");return}container.innerHTML=html;this.dispatchEvent();return}default:this.TAEApp.logger.warn(`Unsupported source for customized template: ${source}`);return}}const script=document.createElement("script");script.src=`${cdn}/fallback-theme/1.0.12/boost-sd-fallback-theme.js`;script.defer=true;script.onload=()=>{this.dispatchEvent()};document.body.appendChild(script)}};Fallback.moduleName="Fallback";Fallback.EVENT_NAME="boost-sd-enable-product-filter-fallback";var SimplifiedIntegration=class extends BoostTAEAppModule{constructor(){super(...arguments);this.ensurePlaceholder=()=>{const{simplifiedIntegration:{enabled,selectedSelector,placeholderAdded}}=this.TAEAppConfig;if(!enabled||!selectedSelector){if(!this.oldldSICollectionFilterContainerDetected()){this.backwardCompatibilityModule?.legacyUpdateAppStatus("ready")}return}if(placeholderAdded){return}const container=document.querySelector(selectedSelector);if(container&&container instanceof HTMLElement){this.renderPlaceholder(container);this.collectionFilterModule?.initBlock()}else{this.TAEApp.logger.error(`Placeholder container not found: ${selectedSelector}. Please update the selector in Boost's app embed`)}}}get collectionFilterModule(){return this.TAEApp.getModule(CollectionFilter)}get backwardCompatibilityModule(){return this.TAEApp.getModule(BackwardCompatibilityV1)}get extendAppConfig(){
      
      
     ;return {simplifiedIntegration:{enabled:false,collectionPage:false,instantSearch:false,productListSelector:{collectionPage:[],searchPage:[]},selectedSelector:"",selectorFromMetafield:"",selectorFromAppEmbed:
            
              ""
            
             || "",allSyncedCollections:
          
            ""
          
         || {syncedCollections:[]},placeholderAdded:false,placeholder:`<!-- TEMPLATE PLACEHOLDER --><div class='boost-sd-container'><div class="boost-sd__collection-header">  <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span></div><!-- TEMPLATE IN-COLLECTION SEARCH PLACEHOLDER--><div class='boost-sd-layout boost-sd-layout--has-filter-horizontal'>  <div class='boost-sd-left boost-filter-tree-column'>   <!-- TEMPLATE FILTER TREE PLACEHOLDER -->   <div id="boost-sd__filter-tree-wrapper" class="boost-sd__filter-tree-wrapper">    <div class="boost-sd__filter-tree-horizontal">     <div class="boost-sd__filter-tree-horizontal-placeholder">      <div class="boost-sd__filter-tree-horizontal-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80px; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-horizontal-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80px; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-horizontal-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80px; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-horizontal-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80px; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-horizontal-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80px; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-horizontal-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80px; border-radius: 0;"></span>      </div>     </div>    </div>   </div>  </div>  <div class='boost-sd-right boost-product-listing-column'>   <!-- TEMPLATE TOOLBAR PLACEHOLDER-->   <div class="boost-sd__toolbar-container">    <div class="boost-sd__toolbar-inner">     <div class="boost-sd__toolbar-content">      <div class="boost-sd__toolbar boost-sd__toolbar--3_1">       <span class="boost-sd__toolbar-item boost-sd__placeholder-item" style="height: 28px; border-radius: 0;"></span>       <span class="boost-sd__toolbar-item boost-sd__placeholder-item" style="height: 28px; border-radius: 0; margin-bottom: 0"></span>       <span class="boost-sd__toolbar-item boost-sd__placeholder-item" style="height: 28px; border-radius: 0; margin-bottom: 0"></span>      </div>     </div>    </div>   </div>   <!-- TEMPLATE PRODUCT LIST PLACEHOLDER-->   <div class="boost-sd__product-list-placeholder boost-sd__product-list-placeholder--4-col">    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>   </div>   <div class="boost-sd__pagination boost-sd__pagination--center">    <span class="boost-sd__placeholder-item" style="height: 40px; border-radius: 0;"></span>   </div>  </div></div></div><style> .boost-sd__collection-header {  width: 100%;  height: 130px;  display: block;  background: -webkit-gradient(linear,    left top,    right top,    color-stop(8%, #eee),    color-stop(18%, #e6e6e6),    color-stop(33%, #eee));  background-color: #eee;  animation: banner-place-holder-shimmer 2s linear infinite forwards; } .boost-sd__collection-header:empty {  display: block; } .boost-sd__collection-header .boost-sd__placeholder-item {  height: 130px; } @media only screen and (min-width: 992px) {  .boost-sd__collection-header,  .boost-sd__collection-header .boost-sd__placeholder-item {   height: 150px;  } } @keyframes banner-place-holder-shimmer {  0% {   background-position: -1500px 0;  }  100% {   background-position: 1500px 0;  } } .boost-sd__in-collection-search {  margin-bottom: 20px;  margin-top: 20px;  width: 100%;  max-width: 100%;  display: flex;  position: relative; } .boost-sd__in-collection-search--horizontal {  margin: 20px auto 0;  max-width: 592px; } @media only screen and (min-width: 992px) {  .boost-sd__in-collection-search {   margin-bottom: 16px;   margin-top: 16px;  } } .boost-sd__filter-tree-vertical {  margin-top: 0;  margin-right: 0; } .boost-sd__filter-tree-vertical-placeholder {  background: transparent;  width: 100%;  max-width: 100%;  display: none; } .boost-sd__filter-tree-vertical-placeholder-list {  margin: 30px 10px 0;  padding: 0;  list-style: none; } .boost-sd__filter-tree-vertical-placeholder-item {  max-width: 100%;  padding: 20px 0;  display: block; } .boost-sd__filter-tree-vertical-placeholder-item:first-child {  padding-top: 0; } .boost-sd__filter-tree-vertical-placeholder-item:not(:last-child) {  border-bottom: 1px solid #ebebeb; } .boost-sd__filter-tree-vertical-placeholder-item::before, .boost-sd__filter-tree-vertical-placeholder-item::after, { display: none; } .boost-sd__filter-tree-horizontal-placeholder {  display: none; } @media only screen and (min-width: 992px) {  .boost-sd__filter-tree-vertical {   width: 272px;  }  .boost-sd-layout .boost-sd-left .boost-sd__filter-tree-wrapper .boost-sd__filter-tree-vertical {   margin-right: 16px;   margin-left: 0;  }  .boost-sd__filter-tree-vertical-placeholder,  .boost-sd__filter-tree-horizontal-placeholder {   display: inline-block;  }  .boost-sd-layout--has-filter-horizontal {   flex-wrap: wrap;   margin-top: 0;  }  .boost-sd-layout--has-filter-horizontal .boost-sd-left,  .boost-sd-layout--has-filter-horizontal .boost-sd-right {   flex: 0 0 100%;  }  .boost-sd__filter-tree-horizontal {   width: 100%;  }  .boost-sd__filter-tree-horizontal-placeholder {   padding: 16px 0;   border-top: 1px solid #ebebeb;   width: 100%;   max-width: 100%;   background: transparent;  }  .boost-sd__filter-tree-horizontal-placeholder-list {   margin: 0;   padding: 0;   list-style: none;   border-bottom: 1px solid #e8e9eb;  }  .boost-sd__filter-tree-horizontal-placeholder-item {   border: none;   display: inline-block;   margin-right: 35px;   position: relative;  }  .boost-sd__filter-tree-horizontal-placeholder-button {   width: auto;   height: auto;   display: inline-block;   position: relative;   padding: 5px 15px 5px 0;   margin: 0;   min-height: auto;   min-width: 0;   border-radius: 0;   box-shadow: none;   background: none;   border: none;   letter-spacing: normal;   text-align: left;   cursor: pointer;  }  .boost-sd__filter-tree-horizontal-placeholder-button .boost-sd__placeholder-item {   width: 80px;   height: 10px;   display: inline-block;   margin: 0 15px 0 0;  }  .boost-sd__filter-tree-horizontal-placeholder-icon {   transform: rotate(-90deg);  } } .boost-sd__in-collection-search {  margin-bottom: 20px;  margin-top: 20px;  width: 100%;  max-width: 100%;  display: flex;  position: relative; } .boost-sd__in-collection-search--horizontal {  margin: 20px auto 0;  max-width: 592px; } @media only screen and (min-width: 992px) {  .boost-sd__in-collection-search {   margin-bottom: 16px;   margin-top: 16px;  } } .boost-sd__toolbar-container {  width: 100%;  margin-bottom: 16px; } .boost-sd__toolbar-inner {  max-width: 1216px;  margin: 0 auto; } .boost-sd__toolbar-content {  border-bottom: 1px solid #ebebeb;  border-top: 1px solid #ebebeb;  padding: 16px 0; } .boost-sd__toolbar {  align-items: center;  width: 100%;  display: flex;  flex-wrap: wrap;  column-gap: 16px;  justify-content: space-between; } .boost-sd__toolbar .boost-sd__placeholder-item {  flex-basis: 45%; } .boost-sd__toolbar .boost-sd__placeholder-item:first-child {  flex-basis: 100%;  margin-bottom: 16px; } @media only screen and (min-width: 992px) {  .boost-sd__toolbar-content {   display: flex;   align-items: center;   border-bottom: none;   padding: 16px 0 16px;   border-top: 1px solid #ebebeb;   border-bottom: 0;  }  .boost-sd__toolbar {   flex-wrap: inherit;  }  .boost-sd__toolbar .boost-sd__placeholder-item {   flex-basis: auto;  }  .boost-sd__toolbar .boost-sd__placeholder-item:first-child {   flex-basis: auto;   margin-bottom: 0;  }  .boost-sd__toolbar--3_1 .boost-sd__toolbar-item {   flex: 1;  }  .boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(2) {   justify-content: center;  }  .boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(3) {   justify-content: end;  } } .boost-sd__product-list-placeholder {  gap: 16px;  margin-bottom: 32px;  flex-wrap: wrap;  width: 100%;  display: flex; } .boost-sd__product-list-placeholder--1-col .boost-sd__product-list-placeholder-item {  width: 100%; } .boost-sd__product-list-placeholder--2-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item {  width: calc(50% - 8px); } .boost-sd__product-list-placeholder .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {  height: 222px; } .boost-sd__pagination {  padding-top: 10px;  padding-bottom: 10px;  justify-content: center;  align-items: center;  display: flex; } @media only screen and (min-width: 576px) {  .boost-sd__product-list-placeholder {   gap: 32px;   margin-bottom: 64px;  }  .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item,  .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item,  .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item,  .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item {   width: calc(33.3333333333% - (32px - 32px / 3));  } } @media only screen and (min-width: 992px) {  .boost-sd__product-list-placeholder .boost-sd__placeholder-item:not(:last-child) {   margin-bottom: 8px;  }  .boost-sd__product-list-placeholder .boost-sd__placeholder-item:first-child {   margin-bottom: 16px;  }  .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {   height: 382px;  }  .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {   height: 275px;  }  .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {   height: 215px;  }  .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {   height: 175px;  }  .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item {   width: calc(33.3333333333% - (32px - 32px / 3));  }  .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item {   width: calc(25% - (32px - 32px / 4));  }  .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item {   width: calc(20% - (32px - 32px / 5));  }  .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item {   width: calc(16.6666667% - (32px - 32px / 6));  } } .boost-sd-container * {  box-sizing: border-box; } .boost-sd__placeholder-item {  background: rgba(0, 0, 0, 0.07);  border-radius: 50rem;  min-width: 50px;  max-width: 100%;  height: 20px;  animation: 2s infinite place-holder-animation;  display: inline-block; } .boost-sd__placeholder-item:empty {  display: block; } .boost-sd__placeholder-item:not(:last-child) {  margin-bottom: 18px; } .boost-sd-layout {  margin: 20px auto 0; } .boost-sd-left {  position: relative; } .boost-sd-layout .boost-sd-right {  width: 100%;  margin-bottom: 20px; } @keyframes place-holder-animation {  0% {   opacity: 1;  }  50% {   opacity: 0.5;  }  100% {   opacity: 1;  } } @media only screen and (min-width: 992px) {  .boost-sd-layout {   display: flex;   max-width: 1216px;  }  .boost-sd-layout .boost-sd-right {   flex: auto;   max-width: 100%;  } }</style>`,isOnboarding:JSON.parse(
            
              ""
            
           || "false"),neededToHideElements:[]}};}init(){const app=this.TAEApp;const simplifiedIntegration=this.TAEAppConfig.simplifiedIntegration;const{templateMetadata:{integratedTheme={}}}=this.TAEAppConfig;const themeId=window.Shopify?.theme?.id;if(!themeId){app.logger.warn("Theme ID is missing");return}let themeIntegration=integratedTheme[themeId];if(!themeIntegration||Object.keys(themeIntegration).length===0){app.logger.warn("Theme is not integrated with SimplifiedIntegration flow");return}const{collectionPage=false,searchPage=false,instantSearch=false,productListSelector={}}=themeIntegration;const{page:currentPage,collection_id:collectionId=0}=this.TAEAppConfig.generalSettings;const isCollectionPage2=currentPage==="collection";const isSearchPage2=currentPage==="search";if(simplifiedIntegration.isOnboarding){const isCollectionSynced=this.checkSyncedCollection(collectionId);if(!isCollectionSynced){return}}if(isCollectionPage2&&collectionPage||isSearchPage2&&searchPage){const{collectionPage:collectionPageSelectors=[],searchPage:searchPageSelectors=[]}=productListSelector;const selectors=isCollectionPage2?collectionPageSelectors:searchPageSelectors;if(selectors.length===0){this.app.logger.warn("empty selectors");return}const customClassSelector=selectors[selectors.length-1];let attempts=0;const intervalId=setInterval(()=>{const hasCustomClass=!!document.querySelector(customClassSelector);const effectiveSelectors=hasCustomClass?selectors:selectors.slice(0,-1);const elements=effectiveSelectors.slice(0,-1);const mainElement=effectiveSelectors[effectiveSelectors.length-1];const selector=simplifiedIntegration.selectorFromAppEmbed||mainElement;const container=document.querySelector(selector);if(container){let insertionContainer;if(hasCustomClass){const allMatches=document.querySelectorAll(customClassSelector);insertionContainer=allMatches[allMatches.length-1]||container}else{insertionContainer=container}simplifiedIntegration.neededToHideElements=hasCustomClass?[customClassSelector]:elements;simplifiedIntegration.selectorFromMetafield=mainElement;simplifiedIntegration.selectedSelector=selector;this.renderPlaceholder(insertionContainer);this.collectionFilterModule?.initBlock();clearInterval(intervalId)}else if(++attempts>100){clearInterval(intervalId)}},50);this.TAEApp.updateConfig({simplifiedIntegration:{...simplifiedIntegration,...themeIntegration,enabled:true}})}if(instantSearch){this.setupISW()}}onAppStart(){document.addEventListener("DOMContentLoaded",()=>{this.ensurePlaceholder()})}oldldSICollectionFilterContainerDetected(){const productFilterBlock=document.querySelector(".boost-sd__filter-product-list");return!!productFilterBlock}checkSyncedCollection(collectionId){const{simplifiedIntegration}=this.TAEAppConfig;const{allSyncedCollections:{syncedCollections}}=simplifiedIntegration;const currentCollectionSynced=syncedCollections?.includes(collectionId);const collectionAllSynced=collectionId===0&&syncedCollections?.length>0;if(!currentCollectionSynced&&!collectionAllSynced){this.TAEApp.logger.warn("collection not synced -> fallback original theme");return false}return true}renderPlaceholder(originalContainer){const{simplifiedIntegration}=this.TAEAppConfig;const placeholder=simplifiedIntegration?.placeholder||"";const neededToHideElements=simplifiedIntegration?.neededToHideElements||[];const selectedSelector=simplifiedIntegration?.selectedSelector||"";originalContainer.style.display="none";this.hideNeededElements();const newProductFilterDiv=document.createElement("div");newProductFilterDiv.innerHTML=placeholder||"";newProductFilterDiv.className="boost-sd__filter-product-list boost-sd__placeholder-product-filter-tree";originalContainer.insertAdjacentElement("afterend",newProductFilterDiv);if(simplifiedIntegration){simplifiedIntegration.placeholderAdded=true;if(neededToHideElements&&selectedSelector){neededToHideElements.push(selectedSelector)}}}hideNeededElements(){const{simplifiedIntegration:{neededToHideElements}}=this.TAEAppConfig;if(neededToHideElements&&neededToHideElements.length>0){this.hideElements(neededToHideElements)}}removePlaceholder(){const{simplifiedIntegration:{placeholderAdded}}=this.TAEAppConfig;if(placeholderAdded){const placeholder=document.querySelector(".boost-sd__placeholder-product-filter-tree");if(placeholder instanceof HTMLElement){placeholder.remove()}}}hideElements(elements){if(!Array.isArray(elements))return;elements.forEach(selector=>{document.querySelectorAll(selector).forEach(el=>{if(el instanceof HTMLElement){el.style.display="none"}})})}setupISW(){this.TAEApp.updateConfig({taeSettings:{instantSearch:{enabled:true}}})}};SimplifiedIntegration.moduleName="SimplifiedIntegration";var CollectionFilter=class _CollectionFilter extends BoostTAEAppModule{constructor(){super(...arguments);this.initBlock=async()=>{const filterDom=document.querySelector(".boost-sd__filter-product-list:not(.boost-sd__filter-product-list--ready)");if(!filterDom){this.app.logger.error("Filter DOM not found");this.backwardCompatibilityV1Module?.legacyUpdateAppStatus("ready");return}this.assetFileLoaderModule?.preloadModuleScript("filter");const appConfig=this.TAEAppConfig;const{customization}=appConfig;if(typeof customization?.filter?.beforeRender==="function"){customization.filter.beforeRender()}const filterDomId=`${this.widgetId}-${generateUUID()}`;filterDom?.classList?.add("boost-sd__filter-product-list--ready");filterDom.id=filterDomId;const urlParams=this.prepareFilterAPIQueryParams();const response=await this.filterAPI(urlParams);const block={id:filterDomId,document:filterDom,widgetId:this.widgetId,defaultSort:urlParams.get("sort")||"",defaultParams:this.filterAPIDefaultParams,filterTree:{options:[]},dynamicBundles:[]};const backwardCompatibilityV1=this.backwardCompatibilityV1Module;backwardCompatibilityV1?.legacyAssignDefaultBlockAttributes(block,filterDom,"filter");const{html,bundles}=response;if(bundles){block.dynamicBundles=bundles}if(response.filter){response.filter.options=this.updateValuesOptions(response.filter.options);block.filterTree=response.filter}try{await Promise.all([this.assetFileLoaderModule?.assetLoadingPromise("themeCSS"),this.assetFileLoaderModule?.assetLoadingPromise("settingsCSS")])}catch{}if(html){filterDom.innerHTML=html}block.cache={[urlParams.toString()]:{...response,timestamp:new Date().getTime()}};this.TAEApp.registerBlock(block);this.saveFilterAPIResponseAnalyticData(response?.meta?.rid,response.bundles);this.syncAppConfigWithFilterAPIResponse(response);this.block=block;this.savePageLimitSettings();this.backwardCompatibilityV1Module?.legacyUpdateAppStatus("ready")}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}get b2bModule(){return this.TAEApp.getModule(B2B)}get fallbackModule(){return this.TAEApp.getModule(Fallback)}get simplifiedIntegrationModule(){return this.TAEApp.getModule(SimplifiedIntegration)}get analyticModule(){return this.TAEApp.getModule(Analytics)}get assetFileLoaderModule(){return this.TAEApp.getModule(AssetFilesLoader)}get extendAppConfig(){return {filterUrl:"https://services.mybcapps.com/bc-sf-filter/filter",filterSettings:Object.assign({swatch_extension:"png",...
        {
          
        }}, {"showFilterOptionCount":true,"showRefineBy":true,"showOutOfStockOption":true,"showSingleOption":false,"keepToggleState":true,"changeMobileButtonLabel":false,"sortingAvailableFirst":false,"showLoading":false,"activeScrollToTop":false,"productAndVariantAvailable":false,"availableAfterFiltering":false,"style":{"filterTitleTextColor":"","filterTitleFontSize":"","filterTitleFontWeight":"","filterTitleFontTransform":"","filterTitleFontFamily":"","filterOptionTextColor":"","filterOptionFontSize":"","filterOptionFontFamily":"","filterMobileButtonTextColor":"","filterMobileButtonFontSize":"","filterMobileButtonFontWeight":"","filterMobileButtonFontTransform":"","filterMobileButtonFontFamily":"","filterMobileButtonBackgroundColor":""},"filterLayout":"horizontal","filterTreeMobileStyle":"style2","filterTreeVerticalStyle":"style-default","filterTreeHorizontalStyle":"style1","stickyFilterOnDesktop":false,"stickyFilterOnMobile":false,"showVariantImageBasedOnSelectedFilter":"","isShortenUrlParam":false})};}get apiEndpoint(){const{filterUrl,searchUrl}=this.app.config;const urlParams=new URLSearchParams(window.location.search);const searchQuery=urlParams.get("q");return isSearchPage()||searchQuery?searchUrl:filterUrl}get widgetId(){const{templateMetadata,generalSettings}=this.TAEAppConfig;const currentPage=generalSettings?.page||"collection";const widgetName=currentPage==="collection"?"collectionFilters":"searchPage";const widgetId=templateMetadata[widgetName]||"default";return widgetId}get filterAPIDefaultParams(){const{shop,templateSettings,templateMetadata,generalSettings,templateId,simplifiedIntegration}=this.TAEAppConfig;const historyParams=this.getHistoryParams();const productPerPage=typeof templateSettings?.themeSettings?.productList?.productsPerPage==="number"?templateSettings.themeSettings.productList.productsPerPage:16;const savedLimit=getLocalStorage(_CollectionFilter.LIMIT);const savedLimitSetting=getLocalStorage(_CollectionFilter.LIMIT_SETTING);const adminSettingChanged=savedLimitSetting&&savedLimitSetting!==`${productPerPage}`;const limit=adminSettingChanged?productPerPage:savedLimit&&!isNaN(Number(savedLimit))?Number(savedLimit):productPerPage;const widgetId=this.widgetId;const isMobileViewport=isMobileWidth();const viewportWidth=window.innerWidth;const showFilterTreeByDefault=templateSettings?.filterSettings?.filterLayout==="vertical"&&templateSettings?.filterSettings?.filterTreeVerticalStyle==="style-default"?true:false;const productPerRow=isMobileViewport?templateSettings?.themeSettings?.productList?.productsPerRowOnMobile||2:templateSettings?.themeSettings?.productList?.productsPerRowOnDesktop||3;const productImageMaxWidth=isMobileViewport?viewportWidth/productPerRow:viewportWidth/(productPerRow+(showFilterTreeByDefault?1:0));const deviceTypeByViewportWidth=detectDeviceByWidth();const showListViewDefault=templateSettings?.themeSettings?.additionalElements?.toolbar?.elements?.viewAs?.showListViewDefault;const defaultViewAs=showListViewDefault===true?"list":`grid--${isMobileWidth()?templateSettings?.themeSettings?.productList?.productsPerRowOnMobile||2:templateSettings?.themeSettings?.productList?.productsPerRowOnDesktop||3}`;return {_:"pf",t:Date.now().toString(),sid:generateUUID(),shop:shop.domain,page:Number(historyParams?.page||1),limit,sort:historyParams?.sort||getSortBy(),locale:generalSettings.current_locale,event_type:"init",pg:getCurrentPage(),build_filter_tree:true,collection_scope:generalSettings.collection_id||"0",money_format:shop.money_format,money_format_with_currency:shop.money_format_with_currency,widgetId,viewAs:defaultViewAs,device:deviceTypeByViewportWidth,first_load:true,productImageWidth:roundToNearest50(productImageMaxWidth),productPerRow,widget_updated_at:templateMetadata?.updatedAt,templateId,current_locale:(window?.Shopify?.routes?.root||"/")?.replace(/\/$/,""),simplifiedIntegration:simplifiedIntegration.enabled||false,customer_id:getCustomerId(),insert_banners:templateMetadata?.featureOptions?.enableBannerInterleaving||false,...addParamsLocale()};}savePageLimitSettings(){const{templateSettings}=this.TAEAppConfig;const productPerPage=typeof templateSettings?.themeSettings?.productList?.productsPerPage==="number"?templateSettings.themeSettings.productList.productsPerPage:16;const savedLimit=getLocalStorage(_CollectionFilter.LIMIT);const savedLimitSetting=getLocalStorage(_CollectionFilter.LIMIT_SETTING);const adminSettingChanged=savedLimitSetting&&savedLimitSetting!==`${productPerPage}`;const currentLimit=adminSettingChanged?productPerPage:savedLimit&&!isNaN(Number(savedLimit))?Number(savedLimit):productPerPage;if(typeof window!=="undefined"&&window.localStorage){try{localStorage.setItem(_CollectionFilter.LIMIT_SETTING,`${productPerPage}`);localStorage.setItem(_CollectionFilter.LIMIT,`${currentLimit}`)}catch(e){this.app.logger.error("Failed to save limit settings to localStorage",e)}}}syncAppConfigWithFilterAPIResponse(res){const{shop}=this.TAEAppConfig;if(res.meta?.money_format){shop.money_format=res.meta.money_format}if(res.meta?.money_format_with_currency){shop.money_format_with_currency=res.meta.money_format_with_currency}if(res.meta?.currency){shop.currency=res.meta.currency}this.app.updateConfig({shop});this.backwardCompatibilityV1Module?.legacyUpdateAppStatus("ready")}prepareFilterAPIQueryParams(){const{generalSettings,filterSettings,customization}=this.TAEAppConfig;const paramsHistory=this.getHistoryParams();const defaultParams=this.filterAPIDefaultParams;const urlParams=new URLSearchParams;Object.entries(defaultParams).forEach(([key,value])=>{urlParams.set(key,value!==void 0?value.toString():"")});urlParams.set("search_no_result",Object.keys(paramsHistory?.paramMap||{}).length===0?"true":"false");if(paramsHistory?.paramMap){Object.keys(paramsHistory.paramMap).forEach(key=>{paramsHistory.paramMap[key].forEach(v=>urlParams.append(`${key}[]`,key.startsWith(`${defaultParams._}_st_`)?convertValueRequestStockStatus(v).toString():v))})}const searchParams=new URLSearchParams(window.location.search);const searchQuery=searchParams.get("q");if(searchQuery){if(isVendorPage())urlParams.set("vendor",searchQuery);else if(isShopifyTypePage())urlParams.set("product_type",searchQuery);else urlParams.set("q",searchQuery);if(isCollectionPage()){urlParams.set("incollection_search","true");urlParams.set("event_type","incollection_search")}this.setSearchQueryParamsWithSuggetion(urlParams)}if(generalSettings.collection_tags?.length){generalSettings.collection_tags.forEach(tag=>{urlParams.append("tag[]",tag)})}if(filterSettings.sortingAvailableFirst){urlParams.set("sort_first","available")}const availableAfterFiltering=filterSettings?.availableAfterFiltering;const productAndVariantAvailable=filterSettings?.productAndVariantAvailable;const hasFilterParams=Array.from(urlParams.keys()).some(key=>key.startsWith("pf_"));const showAvailable=!availableAfterFiltering&&productAndVariantAvailable?"true":availableAfterFiltering?hasFilterParams?"true":"false":"false";urlParams.set("product_available",showAvailable);urlParams.set("variant_available",showAvailable);if(filterSettings.showOutOfStockOption){urlParams.set("zero_options","true")}this.b2bModule?.setQueryParams(urlParams);if(customization?.filter?.customizedAPIParams){const{customizedAPIParams}=customization.filter;Object.entries(customizedAPIParams).forEach(([key,value])=>{urlParams.set(key,value)})}return urlParams}setSearchQueryParamsWithSuggetion(params){const SUGGESTION_DATA="boostSDSuggestionData";const CLICK_SUGGESTION_TERM="boostSDClickSuggestionTerm";const term=getLocalStorage(CLICK_SUGGESTION_TERM);if(!term)return;const suggestionData=getLocalStorage(SUGGESTION_DATA);if(!suggestionData)return;params.set("query",suggestionData.query);params.set("parent_request_id",suggestionData.id);params.set("suggestion",term);params.set("item_rank",(suggestionData.suggestions.findIndex(item=>item===term)+1).toString());removeLocalStorage(CLICK_SUGGESTION_TERM);removeLocalStorage(SUGGESTION_DATA)}saveFilterAPIResponseAnalyticData(reqId,bundles){const type=isSearchPage()?"search":"filter";const analytic=this.analyticModule;if(reqId){analytic?.saveRequestId(type,reqId);if(bundles){analytic?.saveRequestId(type,reqId,bundles)}}analytic?.savePreAction(type)}formatPercentSaleLabel(to,from=0){let label="";if(!from){label=`under ${to}%`}else if(!to){label=`above ${from}%`}else{label=`${from}% - ${to}%`}return label}updateValuesOptions(options){if(!Array.isArray(options))return options;return options.map(option=>{if(option.filterType==="percent_sale"){option.values=option.values?.map(item=>{item.key=item.key.replace("*-",":").replace("-*",":").replace("-",":");item.label=this.formatPercentSaleLabel(item.to,item.from);return item})}return option})}async filterAPI(params){const appConfig=this.TAEAppConfig;const queryString=params.toString();const response=await fetch(`${this.apiEndpoint}?${queryString}`,{method:"GET"});const HTTP_STATUS_NEED_FALLBACK=[404,413,403,500];if(HTTP_STATUS_NEED_FALLBACK.includes(response.status)){if(appConfig.simplifiedIntegration?.enabled){const simplifiedIntegration=this.simplifiedIntegrationModule;simplifiedIntegration?.hideNeededElements();simplifiedIntegration?.removePlaceholder()}else{this.fallbackModule?.loadFilterProductFallback()}}return response.json()}getHistoryParams(){const url=new URL(window.location.href);const isXSS=isBadUrl(url);if(isXSS){this.app.logger.error("[Security] Potential XSS detected in URL parameters. Ignoring query params.",window.location.href);return}const rawSearch=url.search;const FILTER_HISTORY_PREFIX="pf_";const DEFAULT_SEPARATOR=",";const REGEX_ESCAPE_PATTERN=/[.*+?^${}()|[\]\\]/g;const{searchParams}=url;const sort=searchParams.get("sort");const page=searchParams.get("page");const paramMap={};const shortenToFullMap=getShortenToFullParamMap();const separator=this.TAEAppConfig.customization?.filter?.customizedAPIParams?.multipleValueSeparator||DEFAULT_SEPARATOR;const escapedSeparator=separator.replace(REGEX_ESCAPE_PATTERN,"\\$&");const encodedSeparator=encodeURIComponent(separator);const escapedEncodedSeparator=encodedSeparator.replace(REGEX_ESCAPE_PATTERN,"\\$&");const splitRegex=new RegExp(`${escapedSeparator}|${escapedEncodedSeparator}`);for(const key of searchParams.keys()){let actualKey=key;let values;if(shortenToFullMap[key]){actualKey=shortenToFullMap[key];const escapedKey=key.replace(REGEX_ESCAPE_PATTERN,"\\$&");const matchResult=rawSearch.match(new RegExp(`[?&]${escapedKey}=([^&]+)`));const rawVal=matchResult?matchResult[1]:"";const parts=rawVal.split(splitRegex);values=parts.map(p=>decodeURIComponent(p.replace(/\+/g," ")))}else{values=searchParams.getAll(key)}if(actualKey.startsWith(FILTER_HISTORY_PREFIX)&&!paramMap[actualKey]){if(actualKey==="pf_tag"){paramMap.tag=values}else{paramMap[actualKey]=values}}}return{paramMap,sort,page}}};CollectionFilter.moduleName="CollectionFilter";CollectionFilter.LIMIT="boostSDLimit";CollectionFilter.LIMIT_SETTING="boostSDLimitSetting";var BackwardCompatibilityV1=class extends BoostTAEAppModule{shouldInit(){const{templateMetadata:{themeLibVersion}={}}=this.TAEAppConfig;if(!themeLibVersion)return true;const feLibMajorVersion=themeLibVersion.split(".")[0];return Number(feLibMajorVersion)<=1}get collectionFilterModule(){return this.TAEApp.getModule(CollectionFilter)}init(){window.boostSDTaeUtils={lazyLoadImages,inViewPortHandler,initCollectionFilter:()=>{setTimeout(()=>{this.collectionFilterModule?.initBlock()})}}}onAppStart(){const app=this.TAEApp;const{env}=this.TAEAppConfig;const mergedCustomizedFilterParams={...(this.TAEAppConfig.customization?.filter?.customizedAPIParams || {}),...(window.boostSdCustomParams || {})};this.TAEApp.updateConfig(config=>{config.customization={...config.customization,filter:{...config.customization?.filter,customizedAPIParams:mergedCustomizedFilterParams}};return config});window.boostSdCustomParams=mergedCustomizedFilterParams;Object.assign(window.boostWidgetIntegration,{generalSettings:{...this.TAEAppConfig.generalSettings,templateId:this.TAEAppConfig.templateId},simplifiedIntegration:this.TAEAppConfig.simplifiedIntegration,taeSettings:this.TAEAppConfig.taeSettings,env,app:{[env]:{customization:{},...this.TAEAppConfig,...window.boostWidgetIntegration.app?.[env]}},customization:{...this.TAEAppConfig.customization,filter:{...this.TAEAppConfig.customization?.filter,customizedAPIParams:mergedCustomizedFilterParams}},regisCustomization:function(fc,scope){if(typeof fc==="function"&&fc.name&&!scope){const functionName=fc.name;window.boostWidgetIntegration.app[env].customization[functionName]=fc}else if(typeof fc==="function"&&fc.name&&scope){window.boostWidgetIntegration.app[env].customization[scope]=window.boostWidgetIntegration.app[env].customization[scope]||{};const functionName=fc.name;window.boostWidgetIntegration.app[env].customization[scope][functionName]=fc}else{app.logger.error("Invalid function or function does not have a name.")}}});Object.assign(window,{boostSDData:this.TAEAppDataObjects})}onBeforeAppStart(){Object.assign(window,{boostWidgetIntegration:{...window.boostWidgetIntegration,status:"initializing"}})}legacyUpdateAppStatus(status){Object.assign(window.boostWidgetIntegration,{status})}legacyIsUsingRecommendationAppV3(){return window.boostSDAppConfig?.themeInfo?.taeFeatures?.recommendation==="installed"}legacyInitRecommendationWidgets(widgets){window.boostWidgetIntegration.app[this.TAEAppConfig.env].recommendationWidgets=widgets}legacyAssignDefaultBlockAttributes(block,blockDOM,blockType){const{templateSettings}=this.app.config;Object.assign(block,{widgetInfo:templateSettings,templateSettings,app:window.boostWidgetIntegration.app?.[this.app.config.env],document:blockDOM,id:blockDOM.id||block.id,blockType:blockType||"filter"});if(!("widgetId"in block)){Object.assign(block,{widgetId:blockDOM.id||block.id})}}};BackwardCompatibilityV1.moduleName="BackwardCompatibilityV1";var BackInStock=class extends BoostTAEAppModule{constructor(){super(...arguments);this.initBlock=()=>{const bisDom=document.createElement("div");bisDom.id="bc-bis";bisDom.className="boost-sd__bis";bisDom.style.display="none";document.body.appendChild(bisDom);this.block={id:"bc-bis",document:bisDom};this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(this.block,bisDom,"backInStock");this.TAEApp.registerBlock(this.block)}}get extendAppConfig(){return {klaviyoBISUrl:"https://a.klaviyo.com/client/back-in-stock-subscriptions",backInStock:Object.assign(
  {enabled:false,productSettings:{},displaySettings:{},isTurbo:false},
  {"isTurbo":true,"productSettings":{"showOnPreOrderProduct":{"show":false},"showOnVariantOutOfStock":{"show":false},"hideOnSpecificCollection":{"hide":false,"collectionIds":[]},"hideOnSpecificTag":{"hide":false,"tags":[]}},"displaySettings":{"button":{"type":"floating","buttonText":"Notify me when available.","textColor":"#ffffff","backgroundColor":"#000000"},"signUpForm":{"header":"Notify me","description":"Get a notification as soon as this product is back in stock by signing up below","buttonText":"Notify me when available","textColor":"#ffffff","backgroundColor":"#000000"},"confirmationMessage":{"show":true,"message":"We will notify you when the item is available.","textColor":"#FFFFFF","iconColor":"#FFFFFF","backgroundColor":"#00A47C"}},"notificationSettings":{"emailProvider":"boost","automatic":true,"customizeEmail":{"name":"","address":"back-in-stock@notifyboost.net","subject":"{{product.title_incl_variant}} is back in stock!","heading":"{{product.title_incl_variant}} is available now!","description":"Limited stock only at {{shop.name}}. Click ‘Buy now’ & grab yours before it goes out of stock again!","button":"Buy now","takeCustomerTo":"product","contentTextColor":"#FFFFFF","backgroundColor":"#000000","ctaTextColor":"#FFFFFF","ctaBackgroundColor":"#000000"},"htmlTemplate":{"content":""},"domainSettings":{"customDomain":""}},"enabled":false}
)};}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onModuleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};BackInStock.moduleName="BackInStock";var Cart=class extends BoostTAEAppModule{constructor(){super(...arguments);this.initBlock=()=>{this.block={id:"cart",document:document.body};this.backwardCompatibilityModule?.legacyAssignDefaultBlockAttributes(this.block,this.block.document,"cart");this.TAEApp.registerBlock(this.block)}}get extendAppConfig(){return{customization:{cart:{}}}}get backwardCompatibilityModule(){return this.TAEApp.getModule(BackwardCompatibilityV1)}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onMouduleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};Cart.moduleName="Cart";var CountdownTimer=class extends BoostTAEAppModule{constructor(){super(...arguments);this.initBlock=()=>{const countdownTimerDom=document.querySelector(".boost-sd__countdown-timer-wrapper");if(!countdownTimerDom)return;const{template}=this.TAEAppConfig;if(typeof template?.countdownTimerPlaceholder==="string"){countdownTimerDom.innerHTML=template.countdownTimerPlaceholder}this.block={id:countdownTimerDom.id||"boost-sd-countdown-timer",document:countdownTimerDom};this.block.blockType="countdownTimer";this.TAEApp.registerBlock(this.block)}}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onModuleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};CountdownTimer.moduleName="CountdownTimer";var PreOrder=class extends BoostTAEAppModule{constructor(){super(...arguments);this.initBlock=()=>{const preOrderDom=document.querySelector(".boost-sd__preOrder-container");const{customization,template}=this.TAEAppConfig;if(typeof customization?.preOrder?.beforeRender==="function"){customization.preOrder.beforeRender()}if(!preOrderDom){return}if(typeof template?.preOrderPlaceholder==="string"){preOrderDom.innerHTML=template.preOrderPlaceholder}this.block={id:preOrderDom.id||"bc-pre-order",document:preOrderDom};this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(this.block,preOrderDom,"preOrder");this.TAEApp.registerBlock(this.block)}}get extendAppConfig(){return{customization:{preOrder:{}}}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onModuleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};PreOrder.moduleName="PreOrder";var PredictiveBundle=class extends BoostTAEAppModule{constructor(){super(...arguments);this.initBlock=()=>{const predictiveBundleDom=document.querySelector(".boost-sd-widget-predictive-bundle");if(!predictiveBundleDom){return}this.block={id:predictiveBundleDom.id||"bc-predictive-bundle",document:predictiveBundleDom};this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(this.block,predictiveBundleDom,"predictiveBundle");this.TAEApp.registerBlock(this.block)}}get extendAppConfig(){return{predictiveBundle:{multiBundleSupport:false}}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onModuleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};PredictiveBundle.moduleName="PredictiveBundle";var Recommendation=class extends BoostTAEAppModule{constructor(){super(...arguments);this.blocks={};this.initBlocks=()=>{if(this.backwardCompatibilityV1Module?.legacyIsUsingRecommendationAppV3()){this.backwardCompatibilityV1Module?.legacyInitRecommendationWidgets({});return}const{recommendationWidgets}=this.TAEAppConfig;this.backwardCompatibilityV1Module?.legacyInitRecommendationWidgets(recommendationWidgets);
      
      
      
    ;const recommendationWidgetDOMs=document.querySelectorAll('[id^="boost-sd-widget-"]');for(const widgetDOM of recommendationWidgetDOMs){widgetDOM.innerHTML=`<!-- TEMPLATE RECOMMENDATION PLACEHOLDER--><div class="boost-sd__rc-pl"><div class="boost-sd__rc-title-pl">  <span class="boost-sd__rc-pl-item" style="width: 150px; height: 30px;"></span></div><div class="boost-sd__rc-product-list-pl">  <span class="boost-sd__rc-pl-item"></span>  <span class="boost-sd__rc-pl-item"></span>  <span class="boost-sd__rc-pl-item"></span>  <span class="boost-sd__rc-pl-item"></span></div><div class="boost-sd__rc-info-pl">  <span class="boost-sd__rc-pl-item"></span>  <span class="boost-sd__rc-pl-item"></span>  <span class="boost-sd__rc-pl-item"></span></div></div><style> .boost-sd__rc-pl {  width: 100%;  min-height: 600px; } .boost-sd__rc-pl-item {  display: block;  width: 100%;  height: 20px;  background: rgba(0, 0, 0, 0.07);  margin-bottom: 16px;  animation: 2s infinite place-holder-animation; } .boost-sd__rc-title-pl {  width: 100%;  display: flex;  padding: 0 0 30px; } .boost-sd__rc-product-list-pl {  display: flex;  width: 100%;  padding: 0;  gap: 32px;  position: relative;  margin-bottom: 20px; } .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item:nth-child(3), .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item:nth-child(4) {  display: none; } .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item {  display: block;  flex-wrap: wrap;  width: calc(50% - 8px);  height: 218px; } .boost-sd__rc-info-pl .boost-sd__rc-pl-item:nth-child(2) {  width: 80% } .boost-sd__rc-info-pl .boost-sd__rc-pl-item:nth-child(3) {  width: 50% } @media only screen and (min-width: 768px) {  .boost-sd__rc-pl-item {   margin-bottom: 8px;  }  .boost-sd__rc-title-pl {   padding-bottom: 60px;  }  .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item:nth-child(3),  .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item:nth-child(4) {   display: block;  }  .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item {   height: 382px;   width: calc(25% - 8px);  }  .boost-sd__rc-info-pl .boost-sd__rc-pl-item:first-child {   width: 50%  }  .boost-sd__rc-info-pl .boost-sd__rc-pl-item:nth-child(2) {   width: 40%  }  .boost-sd__rc-info-pl .boost-sd__rc-pl-item:nth-child(3) {   width: 30%  } } @keyframes place-holder-animation {  0% {   opacity: 1;  }  50% {   opacity: 0.5;  }  100% {   opacity: 1;  } }</style>`;this.initBlock(widgetDOM)}}}get extendAppConfig(){const recommendationWidgets={};
      
      
        
          recommendationWidgets['home-page'] = {"homepage-185022":{"params":{"shop":"cs-io.myshopify.com","recommendationType":"newest-arrivals","limit":12},"widgetName":"Just dropped","widgetStatus":"inactive","widgetDesignSettings":{"tenantId":"cs-io.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"homepage-785352":{"params":{"shop":"cs-io.myshopify.com","recommendationType":"bestsellers","limit":12},"widgetName":"Best Sellers","widgetStatus":"inactive","widgetDesignSettings":{"tenantId":"cs-io.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}}}
        
      
        
          recommendationWidgets['cart-page'] = {"cartpage-130043":{"params":{"shop":"cs-io.myshopify.com","recommendationType":"recently-viewed","limit":12},"widgetName":"Still interested in this?","widgetStatus":"inactive","widgetDesignSettings":{"tenantId":"cs-io.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"cartpage-225606":{"params":{"shop":"cs-io.myshopify.com","recommendationType":"related-items","limit":12,"modelType":"Alternative","secondaryAlgorithm":"bestsellers"},"widgetName":"Similar Products","widgetStatus":"inactive","widgetDesignSettings":{"tenantId":"cs-io.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}}}
        
      
        
      
        
          recommendationWidgets['product-page'] = {"productpage-017607":{"params":{"shop":"cs-io.myshopify.com","recommendationType":"recently-viewed","limit":12},"widgetName":"Recently viewed","widgetStatus":"inactive","widgetDesignSettings":{"tenantId":"cs-io.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"productpage-327768":{"params":{"shop":"cs-io.myshopify.com","recommendationType":"frequently-bought-together","limit":2,"modelType":"FBT","secondaryAlgorithm":"bestsellers"},"widgetName":"Frequently Bought Together","widgetStatus":"inactive","widgetDesignSettings":{"bundleStyle":"style1","layoutDisplay":"bundle","numberOfRecommendProduct":2,"templateType":"customization","themePreview":"","titleAlignment":"left","titleFont":"Poppins","titleFontSize":14,"titleFontStyle":"100","titleTextColor":"#3D4246","titleTextTransform":"capitalize"}}}
        
      
        
          recommendationWidgets['collection-page'] = {"collectionpage-834570":{"params":{"shop":"cs-io.myshopify.com","recommendationType":"newest-arrivals","limit":12},"widgetName":"Just dropped","widgetStatus":"inactive","widgetDesignSettings":{"tenantId":"cs-io.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"collectionpage-601648":{"params":{"shop":"cs-io.myshopify.com","recommendationType":"trending-products","limit":12,"calculatedBasedOn":"purchase-events","rangeOfTime":"7-day"},"widgetName":"Most Popular Products","widgetStatus":"inactive","widgetDesignSettings":{"tenantId":"cs-io.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}}}
        
      
        
      
        
      
        
      
    ;return{recommendUrl:"https://services.mybcapps.com/discovery/recommend",recommendationWidgets}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}get assetFileLoaderModule(){return this.TAEApp.getModule(AssetFilesLoader)}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlocks)}onModuleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlocks)}initBlock(dom){const block={id:dom.id,document:dom};this.assetFileLoaderModule?.preloadModuleScript("recommendation");this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(block,dom,"recommendation");block.widgetId=dom.id?.replace("boost-sd-widget-","");this.TAEApp.registerBlock(block);this.blocks[block.id]=block}};Recommendation.moduleName="Recommendation";var Search=class extends BoostTAEAppModule{constructor(){super(...arguments);this.block={id:"bc-instant-search",document:document.createElement("div")};this.initBlock=()=>{if(!this.enabled)return;this.assetFileLoaderModule?.preloadModuleScript("instant-search");const{document:document2,id}=this.block;document2.id=id;window.document.body.appendChild(document2);this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(this.block,document2,"instantSearch");this.TAEApp.registerBlock(this.block)}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}get assetFileLoaderModule(){return this.TAEApp.getModule(AssetFilesLoader)}get extendAppConfig(){return{searchUrl:"https://services.mybcapps.com/bc-sf-filter/search"}}get enabled(){const{taeSettings,templateId,simplifiedIntegration}=this.TAEAppConfig;const isInstantSearchEnabled=taeSettings?.instantSearch?.enabled&&templateId&&(!simplifiedIntegration.enabled||simplifiedIntegration.instantSearch);return isInstantSearchEnabled}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onMouduleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};Search.moduleName="Search";var SEOEnhancement=class extends BoostTAEAppModule{shouldInit(){return this.TAEAppConfig.generalSettings.enableRobot}init(){const robot=document.querySelector('meta[content="noindex,nofollow,nosnippet"]');if(!robot&&(checkExistFilterOptionParam()||getQueryParamByKey("q")&&!isSearchPage())){const meta=document.createElement("meta");meta.name="robots";meta.content="noindex,nofollow,nosnippet";document.head.append(meta)}}get extendAppConfig(){return{generalSettings:{enableRobot:true}}}};SEOEnhancement.moduleName="SEOEnhancement";var ShopifyMetafield=class extends BoostTAEAppModule{get extendAppConfig(){return {shop:{name:"SmallHD",url:"https://smallhd.com",domain:"cs-io.myshopify.com",currency:"USD",money_format: "\u0026#36;{{amount}}",money_format_with_currency: "\u0026#36;{{amount}} USD"},integration:{},...
        {
          
        }
      };}};ShopifyMetafield.moduleName="ShopifyMetafield";var ShopifyDataObject=class extends BoostTAEAppModule{get dataObject(){return {user: 
        {
          
        }
      ,product:{...(
          
            ""
          
         || {})}};}};ShopifyDataObject.moduleName="ShopifyDataObject";var TemplateManagement=class extends BoostTAEAppModule{get extendAppConfig(){let templateId="";templateId=templateId=
      
        "u89ufIgBj4"
       || "";let templateMetadata={};templateMetadata=
      
      
        {"collectionFilters":"u89ufIgBj4/themes/default/main__0__liquid","productList":"u89ufIgBj4/product-list/main__0__liquid","productItem":"u89ufIgBj4/product-item/main__0__liquid","collectionHeader":"u89ufIgBj4/collection-header/main__0__liquid","searchPage":"u89ufIgBj4/themes/default/search__0__liquid","mostPopularProducts":"u89ufIgBj4/no-search-result-page/most-popular-products__0__liquid","recommendation":"u89ufIgBj4/recommendation/main__0__liquid","recommendationDynamicBundle":"u89ufIgBj4/recommendation/dynamic-bundle__0__liquid","recommendationEmbeddedBundle":"u89ufIgBj4/recommendation/embedded-bundle__0__liquid","recommendationVolumeBundleProduct":"u89ufIgBj4/recommendation/volume-bundle/volume-product__0__liquid","recommendationVolumeBundlePopup":"u89ufIgBj4/recommendation/volume-bundle/volume-popup__0__liquid","recommendationVolumeBundleBlock":"u89ufIgBj4/recommendation/volume-bundle/main__0__liquid","instantSearchWidget":"u89ufIgBj4/instant-search-widget/main__0__liquid","quickView":"u89ufIgBj4/quickview/main__0__liquid","cart":"u89ufIgBj4/cart/main__0__liquid","placeholderFilterTree":"u89ufIgBj4/place-holder/place-holder__0__liquid","placeholderRecommendation":"u89ufIgBj4/recommendation-placeholder/main__0__liquid","preOrder":"u89ufIgBj4/pre-order/main__0__liquid","preOrderPlaceholder":"u89ufIgBj4/pre-order-placeholder/main__0__liquid","backInStock":"u89ufIgBj4/back-in-stock/main__0__liquid","templateVersion":"2.30.0","setupVersion":"v3","applyUniqueVersion":true,"themeNameLib":"default","themeLibVersion":"1.47.0","themeCssVersion":"2.30.0","themeCssUrl":"https://cdn.boostcommerce.io/widget-integration/theme/default/2.30.0/main.css","settingsCssUrl":"https://cdn.shopify.com/s/files/1/0097/6004/7167/files/boost-app-do-not-delete-this-file-cs-io__u89ufIgBj4-settings.css?v=1772652032","updatedAt":1772652032,"featureOptions":{},"customizeCssUrl":"https://cdn.boostcommerce.io/widget-integration/theme/customization/cs-io.myshopify.com/u89ufIgBj4/customization-1768228437865.css","customizeJsUrl":"https://cdn.boostcommerce.io/widget-integration/theme/customization/cs-io.myshopify.com/u89ufIgBj4/customization-1744261463759.js"}
      
       || {};let templateSettings={};templateSettings=
    
    
      {"appPreferenceSettings":{"watermark":false},"preOrderSettings":{"buttonText":"Pre-order","deliveryText":"This is a pre-order. Items will ship based on the estimated delivery date.","showDeliveryText":false},"generalSettings":{"addCollectionToProductUrl":false,"breakpointmobile":"575px","breakpointtabletportraitmin":"576px","breakpointtabletportraitmax":"991px","breakpointtabletlandscapetmin":"992px","breakpointtabletlandscapemax":"1199px","breakpointdesktop":"1200px","enableTrackingOrderRevenue":true},"searchSettings":{"searchPanelBlocks":{"searchTermSuggestions":{"label":"Popular searches","searchTermList":["ultra 7","cine 7","ultra 5","ultra 10","cine 5"],"backup":["sunhood","ultra 10","cine 7","cine 18","indie 7","cine 5","cine","monitor","703","702"],"type":"manually","active":true},"mostPopularProducts":{"label":"Trending products","productList":["ultra-7","cine-7","camera-control-canon-software","ultra-10"],"backup":["camera-control-canon-software","cine-7","ultra-5","ultra-10-bolt-6-rx","ultra-7","camera-control-sony-software","cine-18","micro-battery-plate-ultra-series","ultra-7-rx","ultra-10-sunhood"],"type":"manually","active":true},"products":{"label":"Products","pageSize":25,"active":true,"displayImage":true},"collections":{"label":"Collections","pageSize":"12","active":true,"displayImage":false,"displayDescription":false,"excludedValues":[]},"pages":{"label":"Pages","pageSize":25,"active":false,"displayImage":false,"displayExcerpt":false},"searchEmptyResultMessages":{"active":true,"label":"We couldn't find results for \"{{ terms }}\".{{ breakline }}But don't give up – check the spelling or try less specific search terms."},"searchTips":{"label":"Search tips","active":false,"searchTips":"Please double-check your spelling.{{ breakline }}Use more generic search terms.{{ breakline }}Enter fewer keywords.{{ breakline }}Try searching by product type, brand, model number or product feature."}},"suggestionNoResult":{"search_terms":{"label":"Popular searches","status":true,"data":["ultra 7","cine 7","ultra 5","ultra 10","cine 5"],"type":"manually","backup":["sunhood","ultra 10","cine 7","cine 18","indie 7","cine 5","cine","monitor","703","702"]},"products":{"label":"Trending products","status":true,"data":["ultra-7","cine-7","camera-control-canon-software","ultra-10"],"type":"manually","backup":["camera-control-canon-software","cine-7","ultra-5","ultra-10-bolt-6-rx","ultra-7","camera-control-sony-software","cine-18","micro-battery-plate-ultra-series","ultra-7-rx","ultra-10-sunhood"]}},"enableInstantSearch":true,"productAvailable":true,"showSuggestionProductImage":true,"showSuggestionProductPrice":false,"showSuggestionProductSalePrice":false,"showSuggestionProductSku":true,"showSuggestionProductVendor":false,"suggestionBlocks":[{"type":"products","label":"Buy","status":"active","number":3},{"type":"pages","label":"Learn","status":"active","number":3},{"type":"collections","label":"Shop","status":"active","number":3,"excludedValues":[]},{"type":"suggestions","label":"Suggestions","status":"disabled","number":5}],"searchBoxOnclick":{"recentSearch":{"label":"Recent searches","status":false,"number":"3"},"searchTermSuggestion":{"label":"Popular searches","status":false,"data":[],"backup":[],"type":"manually"},"productSuggestion":{"label":"Trending products","status":false,"data":[],"backup":[],"type":"manually"}},"suggestionStyle":"style2","suggestionStyle1ProductItemType":"list","suggestionStyle1ProductPosition":"none","suggestionStyle1ProductPerRow":"1","suggestionStyle2ProductItemType":"list","suggestionStyle2ProductPosition":"right","suggestionStyle2ProductPerRow":"2","suggestionStyle3ProductItemType":"list","suggestionStyle3ProductPosition":"right","suggestionStyle3ProductPerRow":"3"},"filterSettings":{"showFilterOptionCount":true,"showRefineBy":true,"showOutOfStockOption":true,"showSingleOption":false,"keepToggleState":true,"changeMobileButtonLabel":false,"sortingAvailableFirst":false,"showLoading":false,"activeScrollToTop":false,"showVariantImageBasedOnSelectedFilter":"","productAndVariantAvailable":false,"availableAfterFiltering":false,"isShortenUrlParam":false,"filterTreeMobileStyle":"style2","filterTreeVerticalStyle":"style-default","filterTreeHorizontalStyle":"style1","stickyFilterOnDesktop":false,"stickyFilterOnMobile":false,"style":{"filterTitleTextColor":"#222222","filterTitleFontSize":"inherit","filterTitleFontWeight":"inherit","filterTitleFontTransform":"none","filterTitleFontFamily":"inherit","filterOptionTextColor":"#222222","filterOptionFontSize":"inherit","filterOptionFontFamily":"inherit"},"filterLayout":"horizontal"},"additionalElementSettings":{"customSortingList":"manual|price-ascending|price-descending|created-ascending|created-descending|relevance","enableCollectionSearch":false},"themeSettings":{"productItems":{"general":{"borderLayout":"noBorder","subLayout":"subLayout_2_2","backgroundColor":"#FFFFFF","backgroundColorOnHover":"#FFFFFF","borderColor":"#C7C7C7","borderColorOnHover":"#C7C7C7"},"productImg":{"elements":{"productSaleLabel":{"shape":"capsule","displayType":"text","displayOptions":"always","color":"#FFFFFF","backgroundColor":"#DD3300","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontWeight":"inherit","isEnable":true},"productSoldOutLabel":{"hideOtherLabelsWhenSoldOut":true,"shape":"capsule","displayType":"text","displayOptions":"always","color":"#FFFFFF","backgroundColor":"#222222","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontWeight":"inherit","isEnable":true},"productCustomLabelByTag":{"shape":"capsule","color":"#FFFFFF","backgroundColor":"#00A47C","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontWeight":"inherit","isEnable":true},"selectOptionBtn":{"buttonType":"selectOptionBtn","action":"quickAddToCart","isEnable":false},"qvBtn":{"buttonType":"qvBtn","isEnable":false}},"grid":{"top":{"direction":"horizontal","elements":{"left":["saleLabel","soldOutLabel","customLabelByTag"]}},"bottom":{"direction":"horizontal","elements":{"left":["selectOptionBtn","qvBtn"]}}},"aspectRatioType":"square","cropPosition":"center","hoverEffect":"none"},"styleSettings":{"selectOptionBtn":{"showOnHovering":true,"showOn":"desktopOnly","displayType":"textWithIcon","shape":"rectangle","imgSrc":"https://boost-cdn-prod.bc-solutions.net/icon/add-to-cart-white.svg","iconPosition":"left","backgroundColor":"#222222","backgroundColorOnHover":"#222222","borderColor":"#222222","borderColorOnHover":"#222222","textColor":"#FFFFFF","textColorOnHover":"#FFFFFF","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","buttonStyling":"solid","fontWeight":"inherit","width":"100%"},"qvBtn":{"showOn":"desktopOnly","showOnHovering":true,"displayType":"icon","shape":"square","imgSrc":"https://boost-cdn-prod.bc-solutions.net/icon/quick-view.svg","width":"40px","backgroundColor":"#FFFFFF","backgroundColorOnHover":"#FFFFFF","borderColor":"#222222","borderColorOnHover":"#222222","textColor":"#222222","textColorOnHover":"#222222","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","buttonStyling":"outline","fontWeight":"inherit"}},"productInfo":{"textAlign":"left","elements":{"swatches.1":{"showOptionValueOnHovering":true,"shape":"circle","changeProductImageOn":"hover","isEnable":false},"title":{"color":"#222222","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"capitalize","isEnable":true,"fontWeight":"inherit"},"vendor":{"color":"#595959","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"uppercase","isEnable":false,"fontWeight":"inherit"},"price":{"showCentAsSuperscript":false,"showCurrencyCodes":false,"compareAtPricePosition":"left","showSavingDisplay":false,"priceColor":"#222222","priceFontSizeScale":100,"priceFontFamily":"inherit","priceFontStyle":"inherit","priceFontSize":"inherit","priceFontSizeTabletPortrait":"inherit","priceFontSizeTabletLandscape":"inherit","priceFontSizeMobile":"inherit","salePriceColor":"#DD3300","salePriceFontSizeScale":100,"salePriceFontFamily":"inherit","salePriceFontStyle":"inherit","salePriceFontSize":"inherit","salePriceFontSizeTabletPortrait":"inherit","salePriceFontSizeTabletLandscape":"inherit","salePriceFontSizeMobile":"inherit","compareAtPriceColor":"#595959","compareAtPriceFontSizeScale":100,"compareAtPriceFontFamily":"inherit","compareAtPriceFontStyle":"inherit","compareAtPriceFontSize":"inherit","compareAtPriceFontSizeTabletPortrait":"inherit","compareAtPriceFontSizeTabletLandscape":"inherit","compareAtPriceFontSizeMobile":"inherit","savingDisplayColor":"#DD3300","savingDisplayFontSizeScale":100,"savingDisplayFontFamily":"inherit","savingDisplayFontStyle":"inherit","savingDisplayFontSize":"inherit","savingDisplayFontSizeTabletPortrait":"inherit","savingDisplayFontSizeTabletLandscape":"inherit","savingDisplayFontSizeMobile":"inherit","isEnable":true,"priceFontWeight":"inherit","salePriceFontWeight":"inherit","compareAtPriceFontWeight":"inherit","savingDisplayFontWeight":"inherit"},"inventoryStatus":{"lowInventoryThreshold":0,"fontSizeScale":100,"textTransform":"none","inStockColor":"#00A47C","lowStockColor":"#F29100","soldOutColor":"#595959","fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","isEnable":false,"fontWeight":"inherit"},"rating":false,"swatches.2":{"showOptionValueOnHovering":true,"shape":"circle","changeProductImageOn":"hover","isEnable":false},"swatches.3":{"showOptionValueOnHovering":true,"shape":"circle","changeProductImageOn":"hover","isEnable":false}}}},"additionalElements":{"pagination":{"paginationType":"default","alignment":"center","productCount":{"showProductCount":false,"position":"top","color":"#222222"},"number":{"shape":"circle","color":"#222222","colorOnSelected":"#222222","backgroundColor":"#FFFFFF","backgroundColorOnSelected":"#FFFFFF","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"},"button":{"shape":"circle","buttonType":"icon-only","color":"#222222","backgroundColor":"#FFFFFF","backgroundColorOnHover":"#FFFFFF","textTransform":"none","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"}},"toolbar":{"layout":"1_1","filterText":{"color":"#222222","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"refineByText":{"color":"#222222","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"elements":{"viewAs":{"fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","listType":"grid/list","isEnable":false,"fontWeight":"inherit"},"productCount":{"fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","isEnable":false,"fontWeight":"inherit"},"showLimitList":{"fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","isEnable":false,"fontWeight":"inherit"},"sorting":{"fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","isEnable":true,"fontWeight":"inherit"}}},"collectionHeader":{"isEnable":true,"layout":2,"contentPosition":"top-center","elements":{"breadCrumb":{"showCollectionTitle":false,"showCollectionList":false,"showPagination":false,"placement":"on-top","alignment":"middle-left","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","isEnable":false,"fontWeight":"inherit"},"collectionImage":{"size":"medium","parallaxEffect":false,"directionParallax":"vertical","isEnable":true},"collectionTitle":{"textAlign":"center","textTransform":"none","fontSizeScale":100,"fontSize":40,"fontSizeTabletPortrait":40,"fontSizeTabletLandscape":40,"fontSizeMobile":30,"fontFamily":"inherit","fontStyle":"inherit","collectionTitleColor":"#222222","isEnable":true,"fontWeight":"inherit"},"productCount":{"fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","isEnable":true,"fontWeight":"inherit"},"collectionDescription":{"fontSize":null,"fontSizeTabletPortrait":null,"fontSizeTabletLandscape":null,"fontSizeMobile":null,"isEnable":true}}}},"quickView":{"showProductImage":true,"thumbnailPosition":"bottomCenter","isEnableProductVendor":true,"showCurrencyCodes":false,"buttonOverall":{"shape":"round","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"},"buyItNowBtn":{"enable":false,"color":"#FFFFFF","hoverColor":"#FFFFFF","backgroundColor":"#222222","hoverBackgroundColor":"#222222","textTransform":"none","borderColor":"#222222","hoverBorderColor":"#222222"},"addToCartBtn":{"color":"#222222","hoverColor":"#222222","backgroundColor":"#FFFFFF","hoverBackgroundColor":"#FFFFFF","borderColor":"#222222","hoverBorderColor":"#222222","textTransform":"none"}},"cart":{"enableCart":false,"cartStyle":"side","showCurrencyCodes":false,"enableWidgetRecommendation":false,"widgetRecommendationId":"","autoOpenAjaxCartOnAddToCart":true,"generalLayout":{"shape":"round","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"},"checkoutBtn":{"textTransform":"none","color":"#FFFFFF","hoverColor":"#FFFFFF","backgroundColor":"#222222","hoverBackgroundColor":"#222222","borderColor":"#222222","hoverBorderColor":"#222222"},"viewCartBtn":{"textTransform":"none","color":"#222222","hoverColor":"#222222","backgroundColor":"#FFFFFF","hoverBackgroundColor":"#FFFFFF","borderColor":"#222222","hoverBorderColor":"#222222"}},"productList":{"productsPerPage":40,"productsPerRowOnDesktop":4,"productsPerRowOnMobile":2},"searchPage":{"headerBackground":"#F6F6F8","elements":{"searchHeaderText":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"},"placeholderSearch":{"color":"#595959","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"scopedSuggestionLabel":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"scopedSuggestionItem":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","backgroundColor":"#E8E9EB","fontWeight":"inherit"},"titleTab":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productCount":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"collectionAndPageTabTitle":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"collectionAndPageTabDescription":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"tipForYou":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"line":{"color":"#C7C7C7"}}},"filterTree":{"elements":{"refineBy":{"color":"#222222"},"filterTitle":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"filterOption":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productCount":{"color":"#595959","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"line":{"color":"#C7C7C7"},"checkbox":{"color":"#22222299"},"searchBox":{"color":"#C7C7C7"}}},"isw":{"backgroundSuggestion":"#F8F8F8","backgroundProducts":"#FFFFFF","hoverBackgroundSuggestion":"#E8E9EB","hoverBackgroundProducts":"#F8F8F8","elements":{"titleMultiElement":{"color":"#595959","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"results":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"didYouMean":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"didYouMeanResults":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","backgroundColor":"#F6F6F7","fontWeight":"inherit"},"productTitle":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productVendor":{"color":"#595959","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productPrice":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productSalePrice":{"color":"#DD3300","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productCompareAtPrice":{"color":"#595959","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productSKU":{"color":"#595959","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"viewAllBtn":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","backgroundColor":"#FFFFFF","hoverBackgroundColor":"#E8E9EB","fontWeight":"inherit"}}}},"currentAppIntegration":{},"themeName":"default","srcThemeNameLib":"default"}
    
     || {};const template={};
    
    
      
      
        
    ;template["quickView"]=`<!-- TEMPLATE QUICK VIEW -->{% if product.original_images != nil %}{% assign imageArray = product.original_images %}{% else %}{% assign imageArray = product.images_info %}{% endif %}{% if imageArray.size == 0 %}{% assign imageArray = "no_image" | split: ' ' %}{% endif %}{% assign show_prev_next_btns = imageArray.size > 4 %}{% assign moneyFormat = request.money_format | strip_html -%}{% capture productData %}{"id": "{{ product.id }}","handle": "{{ product.handle }}","variantId": "{{ product.variant_id }}","splitProduct": "{{ product.split_product }}","variants": {{ product.variants | json | escape }},"tags": {{ product.tags | json | escape }},"images": {{ imageArray | json | escape }},"category": "{{ product.product_type | escape }}","tags" : {{ product.tags | json | escape }},"priceMin": "{{ product.price_min }}"}{% endcapture %}{% if product.variants.size == 1 and product.variants[0].title == 'Default Title' %}{% assign isDefaultOption = true %}{% else %}{% assign isDefaultOption = false %}{% endif %}<div aria-modal="true" role="dialog" aria-label="Quick view detail for product {{ product.title | escape }}" class="boost-sd__modal" id="boost-sd__modal-quickview" data-product-id='{{ productData.id }}' data-product='{{ productData | json_encode }}'><div class="boost-sd__modal-backdrop"></div><div class="boost-sd__modal-container">  <div tabindex="-1" class="boost-sd__modal-wrapper">   <div class="boost-sd__quick-view" product-id="{{ product.id }}">    <div class="boost-sd__quick-view-product-image">     <div class="boost-sd__slider boost-sd__slider--flex-column">      <div class="boost-sd__thumbs-container boost-sd__thumbs-container--horizontal">       {% if show_prev_next_btns %}       <div class="boost-sd__thumbs-container-prev-button boost-sd__thumbs-container-prev-button--horizontal"><button type="button" aria-label="Previous" class="boost-sd__button boost-sd__button--circle boost-sd__button--full-width" style="padding: 0px;" disabled=""><span class="boost-sd__icon" style="margin: 0px;">          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 7" height="7" width="10" class="boost-sd__thumbs-container-button-icon">           <path stroke-linejoin="round" stroke-linecap="round" stroke="currentColor" d="M0.764024 5.51189L5.00002 1.28789L9.23602 5.51189"></path>          </svg>         </span></button></div>       {% endif %}       <div class="boost-sd__thumbs-container-thumbs boost-sd__thumbs-container-thumbs--horizontal">        {% if request.previewMode == true %}        {% for image in imageArray limit: 4 %}        <div class="boost-sd__thumbs-container-thumbs-item">         <div class="boost-sd__slide">          <div class="boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4">           <div class="boost-sd__product-image">            <img id="product-image-{{ product.id }}" class="boost-sd__product-image-img boost-sd__product-image-img--main" {% if image.src %} src="{{ image.src }}" {% else %} src="https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268" {% endif %} fetchpriority="auto" sizes="200px" decoding="async" loading="eager" alt="{{ product.title | escape }}" width="auto" height="auto" />           </div>          </div>         </div>        </div>        {% endfor %}        {% else %}        {% for image in imageArray %}        <div class="boost-sd__thumbs-container-thumbs-item">         <div class="boost-sd__slide">          <div class="boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4">           <div tabindex="0" class="boost-sd__product-image">            <img id="product-image-{{ product.id }}" class="boost-sd__product-image-img boost-sd__product-image-img--main" {% if image.src %} src="{{ image.src }}" {% else %} src="https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268" {% endif %} fetchpriority="auto" sizes="200px" decoding="async" loading="eager" alt="Load image {{ forloop.index }} in slider for product {{ product.title | escape }}" width="auto" height="auto" />           </div>          </div>         </div>        </div>        {% endfor %}        {% endif %}       </div>       {% if show_prev_next_btns %}       <div class="boost-sd__thumbs-container-next-button boost-sd__thumbs-container-next-button--horizontal"><button type="button" aria-label="Next" class="boost-sd__button boost-sd__button--circle boost-sd__button--full-width" style="padding: 0px;"><span class="boost-sd__icon" style="margin: 0px;">          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 7" height="7" width="10" class="boost-sd__thumbs-container-button-icon">           <path stroke-linejoin="round" stroke-linecap="round" stroke="currentColor" d="M0.764024 5.51189L5.00002 1.28789L9.23602 5.51189"></path>          </svg>         </span></button></div>       {% endif %}      </div>      <div class="slick-slider">       {% if request.previewMode == true %}       {% for image in imageArray limit: 1 %}       <div class="boost-sd__slide">        <div class="boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4">         <div class="boost-sd__product-image-row boost-sd__product-image-row--top">          <div class="boost-sd__product-image-column boost-sd__product-image-column--in-top boost-sd__product-image-column--left">           {% assign metafields = product.metafields %}           {% assign metafield_productLabel = '' %}           {% if metafields.size > 0 %}           {% for metafield in metafields %}           {% if metafield.namespace == "global" and metafield.key == "productLabel" %}           {% assign metafield_productLabel = metafield.value %}           {% break %}           {% endif %}           {% endfor %}           {% endif %}           {%comment%}Pre-Order, Coming Soon, Refurbished, B-Stock{%endcomment%}           {% if metafield_productLabel != '' %}           {%if product.available == true%}           {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}           {% if compareAtPriceMin > product.price_min and metafield_productLabel == "Sale" or metafield_productLabel == "Best Seller" or metafield_productLabel == "New"-%}           {% assign metafield_productLabel = 'Sale' %}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--sale">            <span class="boost-sd__product-label-text">             <span>{{ metafield_productLabel }}</span>            </span>           </div>           {% else %}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--{{ metafield_productLabel | downcase | replace: ' ', '-'}}">            <span class="boost-sd__product-label-text">             <span>{{ metafield_productLabel }}</span>            </span>           </div>           {% endif %}           {%endif%}           {%else %}           {% assign hideOtherLabelsWhenSoldOut = true -%}           {% assign moneyFormat = request.money_format | strip_html -%}           {% assign removePriceDecimal = false -%}           {% assign showCentAsSuperscript = false -%}           {% assign decimalDelimiter = '' -%}           {% assign withoutTrailingZeros = true -%}           {% if hideOtherLabelsWhenSoldOut != true -%}           {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}           {% if compareAtPriceMin > product.price_min -%}           {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%}           {% assign salePercent = percent | append: '%' -%}           {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}           {% assign productItemSaleTranslated = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--sale">            <span class="boost-sd__product-label-text">             <span>{{ productItemSaleTranslated }}</span>            </span>           </div>           {% endif -%}           {% if product.available == false -%}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--soldout">            <span class="boost-sd__product-label-text">{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}</span>           </div>           {% endif -%}           {% assign filteredTags = "" -%}           {% assign allTags = product.tags -%}           {% if product.original_tags != nill %}           {% assign allTags = allTags | concat: product.original_tags | uniq -%}           {% endif %}           {% for tag in allTags -%}           {% if tag contains 'pfs:label' -%}           {% assign tagWithoutLabel = tag | remove: 'pfs:label-' -%}           {% assign filteredTags = filteredTags | append: tagWithoutLabel | append: ',' -%}           {% endif -%}           {% endfor -%}           {% assign filteredTags = filteredTags | split: ',' -%}           {% for tag in filteredTags -%}           {% unless tag == blank %}           <div class="boost-sd__product-label boost-sd__product-label--capsule boost-sd__product-label--custom-label-by-tag">            <span class="boost-sd__product-label-text">             <span>{{ tag }}</span>            </span>           </div>           {% endunless %}           {% endfor -%}           {% else -%}           {% if product.available == false -%}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--soldout">            <span class="boost-sd__product-label-text">{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}</span>           </div>           {% else -%}           {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}           {% if compareAtPriceMin > product.price_min -%}           {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%}           {% assign salePercent = percent | append: '%' -%}           {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}           {% assign translatedText = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount %}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--sale">            <span class="boost-sd__product-label-text">             <span>{{ translatedText }}</span>            </span>           </div>           {% endif -%}           {% assign filteredTags = "" -%}           {% assign allTags = product.tags -%}           {% if product.original_tags != nill %}           {% assign allTags = allTags | concat: product.original_tags | uniq -%}           {% endif %}           {% for tag in allTags -%}           {% if tag contains 'pfs:label' -%}           {% assign tagWithoutLabel = tag | remove: 'pfs:label-' -%}           {% assign filteredTags = filteredTags | append: tagWithoutLabel | append: ',' -%}           {% endif -%}           {% endfor -%}           {% assign filteredTags = filteredTags | split: ',' -%}           {% for tag in filteredTags -%}           {% unless tag == blank %}           <div class="boost-sd__product-label boost-sd__product-label--capsule boost-sd__product-label--custom-label-by-tag">            <span class="boost-sd__product-label-text">             <span>{{ tag }}</span>            </span>           </div>           {% endunless %}           {% endfor -%}           {% endif -%}           {% endif -%}           {%endif %}          </div>         </div>         <div class="boost-sd__product-image">          <img id="product-image-{{ product.id }}" class="boost-sd__product-image-img boost-sd__product-image-img--main" {% if image.src %} src="{{ image.src }}" {% else %} src="https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268" {% endif %} fetchpriority="auto" sizes="200px" decoding="async" loading="eager" alt="{{ product.title | escape }}" width="auto" height="auto" />         </div>        </div>       </div>       {% endfor %}       {% else %}       {% for image in imageArray %}       <div class="boost-sd__slide">        <div class="boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4">         <div class="boost-sd__product-image-row boost-sd__product-image-row--top">          <div class="boost-sd__product-image-column boost-sd__product-image-column--in-top boost-sd__product-image-column--left">           {% assign metafields = product.metafields %}           {% assign metafield_productLabel = '' %}           {% if metafields.size > 0 %}           {% for metafield in metafields %}           {% if metafield.namespace == "global" and metafield.key == "productLabel" %}           {% assign metafield_productLabel = metafield.value %}           {% break %}           {% endif %}           {% endfor %}           {% endif %}           {%comment%}Pre-Order, Coming Soon, Refurbished, B-Stock{%endcomment%}           {% if metafield_productLabel != '' %}           {%if product.available == true%}           {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}           {% if compareAtPriceMin > product.price_min and metafield_productLabel == "Sale" or metafield_productLabel == "Best Seller" or metafield_productLabel == "New"-%}           {% assign metafield_productLabel = 'Sale' %}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--sale">            <span class="boost-sd__product-label-text">             <span>{{ metafield_productLabel }}</span>            </span>           </div>           {% else %}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--{{ metafield_productLabel | downcase | replace: ' ', '-'}}">            <span class="boost-sd__product-label-text">             <span>{{ metafield_productLabel }}</span>            </span>           </div>           {% endif %}           {%endif%}           {%else %}           {% assign hideOtherLabelsWhenSoldOut = true -%}           {% assign moneyFormat = request.money_format | strip_html -%}           {% assign removePriceDecimal = false -%}           {% assign showCentAsSuperscript = false -%}           {% assign decimalDelimiter = '' -%}           {% assign withoutTrailingZeros = true -%}           {% if hideOtherLabelsWhenSoldOut != true -%}           {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}           {% if compareAtPriceMin > product.price_min -%}           {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%}           {% assign salePercent = percent | append: '%' -%}           {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}           {% assign productItemSaleTranslated = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--sale">            <span class="boost-sd__product-label-text">             <span>{{ productItemSaleTranslated }}</span>            </span>           </div>           {% endif -%}           {% if product.available == false -%}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--soldout">            <span class="boost-sd__product-label-text">{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}</span>           </div>           {% endif -%}           {% assign filteredTags = "" -%}           {% assign allTags = product.tags -%}           {% if product.original_tags != nill %}           {% assign allTags = allTags | concat: product.original_tags | uniq -%}           {% endif %}           {% for tag in allTags -%}           {% if tag contains 'pfs:label' -%}           {% assign tagWithoutLabel = tag | remove: 'pfs:label-' -%}           {% assign filteredTags = filteredTags | append: tagWithoutLabel | append: ',' -%}           {% endif -%}           {% endfor -%}           {% assign filteredTags = filteredTags | split: ',' -%}           {% for tag in filteredTags -%}           {% unless tag == blank %}           <div class="boost-sd__product-label boost-sd__product-label--capsule boost-sd__product-label--custom-label-by-tag">            <span class="boost-sd__product-label-text">             <span>{{ tag }}</span>            </span>           </div>           {% endunless %}           {% endfor -%}           {% else -%}           {% if product.available == false -%}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--soldout">            <span class="boost-sd__product-label-text">{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}</span>           </div>           {% else -%}           {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}           {% if compareAtPriceMin > product.price_min -%}           {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%}           {% assign salePercent = percent | append: '%' -%}           {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}           {% assign translatedText = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount %}           <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--sale">            <span class="boost-sd__product-label-text">             <span>{{ translatedText }}</span>            </span>           </div>           {% endif -%}           {% assign filteredTags = "" -%}           {% assign allTags = product.tags -%}           {% if product.original_tags != nill %}           {% assign allTags = allTags | concat: product.original_tags | uniq -%}           {% endif %}           {% for tag in allTags -%}           {% if tag contains 'pfs:label' -%}           {% assign tagWithoutLabel = tag | remove: 'pfs:label-' -%}           {% assign filteredTags = filteredTags | append: tagWithoutLabel | append: ',' -%}           {% endif -%}           {% endfor -%}           {% assign filteredTags = filteredTags | split: ',' -%}           {% for tag in filteredTags -%}           {% unless tag == blank %}           <div class="boost-sd__product-label boost-sd__product-label--capsule boost-sd__product-label--custom-label-by-tag">            <span class="boost-sd__product-label-text">             <span>{{ tag }}</span>            </span>           </div>           {% endunless %}           {% endfor -%}           {% endif -%}           {% endif -%}           {%endif %}          </div>         </div>         <div class="boost-sd__product-image">          <img id="product-image-{{ product.id }}" class="boost-sd__product-image-img boost-sd__product-image-img--main" {% if image.src %} src="{{ image.src }}" {% else %} src="https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268" {% endif %} fetchpriority="auto" sizes="200px" decoding="async" loading="eager" alt="{{ product.title | escape }}" width="auto" height="auto" />         </div>        </div>       </div>       {% endfor %}       {% endif %}      </div>     </div>    </div>    <div tabindex="0" class="boost-sd__quick-view-product-info">     <h2 class="boost-sd__quick-view-title">{{ product.title | escape }}</h2>     <p class="boost-sd__quick-view-vendor">{{ product.vendor }}</p>     <div class="boost-sd__quick-view-price">      <span class="boost-sd__format-currency"><span class="">{{ product.price_min | format_currency: moneyFormat }}</span></span>     </div>     {% if isDefaultOption == false %}     {% for swatch in product.options_with_values %}     <div class="boost-sd__product-swatch">      <div class="boost-sd__product-swatch-title">{{ swatch.label | escape }}</div>      <div class="boost-sd__product-swatch-options">       {% for value in swatch.values %}       <div class="boost-sd__product-swatch-option">        <div class="boost-sd__radio">         <div class="boost-sd__tooltip">          {% if swatch.original_name == 'color' %}          <div class="boost-sd__tooltip-content">{{ value.title | strip_html | escape }}</div>          {% endif %}          <input id="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}" class="boost-sd__radio-input boost-sd__radio-input--hidden" type="radio" value="{{ value.title | strip_html | escape }}" checked="" />          {% if swatch.original_name == 'color' %}          {% assign backgroundSwatch = "background-color: " | append: value.title | strip_html | escape %}          {% assign domain = request.shop %}          {% assign imageName = value.title | strip_html | downcase | strip | escape %}          {% if imageName contains " " %}          {% assign imageName = imageName | replace: ' ', "-" %}          {% endif %}          {% assign url = "//" | append: domain | append: "/cdn/shop/files/" | append: imageName | append: ".png" %}          {% assign backgroundSwatch = backgroundSwatch | append: "; background-image: url('" | append: url | append: "');" %}          <label role="radio" tabindex="0" aria-label="{{ swatch.original_name }}:{{ value.title }}" for="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}" class="boost-sd__radio-label boost-sd__radio-label--hide-text boost-sd__radio-label--large" style="{{ backgroundSwatch }}">           {{ value.title | strip_html | escape }}          </label>          {% else %}          <label role="radio" tabindex="0" aria-label="{{ swatch.original_name }}:{{ value.title }}" for="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}" class="boost-sd__radio-label boost-sd__radio-label--in-quick-view">           {{ value.title | strip_html | escape }}          </label>          {% endif %}         </div>        </div>       </div>       {% endfor %}      </div>     </div>     {% endfor %}     {% endif %}     <div class="boost-sd__quick-view-quantity">      <p class="boost-sd__quick-view-quantity-title">{{ "quickView.qvQuantity" | translate: translations, 'Quantity' }}</p>      <div class="boost-sd__input-number boost-sd__input-number--md">       <div class="boost-sd__input-number-btn-wrapper">        <button type="button" aria-label="Decrease quantity" class="boost-sd__button boost-sd__button--full-width boost-sd__input-number-btn"><span>-</span></button>       </div>       <input type="number" aria-label="Item quantity" class="boost-sd__input-number-input" value="1" />       <div class="boost-sd__input-number-btn-wrapper">        <button type="button" aria-label="Increase quantity" class="boost-sd__button boost-sd__button--full-width boost-sd__input-number-btn"><span>+</span></button>       </div>      </div>      <div class="boost-sd__quick-view-quantity-error" style="color: red; font-size: 90%; display: none">{{ "quickView.qvQuantityError" | translate: translations, 'Please input quantity' }}</div>     </div>     <!-- TODO check preorder -->     <div class="boost-sd__quick-view-preorder">      <!-- TEMPLATE PRE_ORDER WITH PAYMENT -->      <!-- TODO check preorder -->      {% if product.variants %}      {% assign variants = product.variants %}      {% else %}      {% assign variants = variants %}      {% endif %}      {% for variant in variants %}      {% if variant.preorder %}      {% assign paymentType = variant.preorder.payment.type %}      {% assign discountType = variant.preorder.payment.discountType %}      {% assign discountValue = variant.preorder.payment.discountValue %}      {% assign originalPrice = variant.price %}      {% assign paymentLabel = '' %}      {% if paymentType == 'full' %}      {% assign paymentLabel = 'Full payment' %}      {% endif %}      {% if paymentType == 'partial' %}      {% assign paymentLabel = 'Partial payment' %}      {% endif %}      {% if paymentType == 'none' %}      {% assign paymentLabel = 'No payment' %}      {% endif %}      {% assign moneyFormat = request.money_format | strip_html -%}      {% assign moneyRate = request.currency_rate | strip_html -%}      {% if discountType == 'percentage' %}      {% assign percentNum = originalPrice | times: discountValue | divided_by: 100 %}      {% assign discountedPrice = originalPrice | times: 1.0 | minus: percentNum %}      {% elsif discountType == 'amount' %}      {% assign discountValue = discountValue | times: moneyRate %}      {% assign discountedPrice = originalPrice | times: 1.0 | minus: discountValue %}      {% else %}      {% assign discountedPrice = originalPrice %}      {% endif %}      {% assign removePriceDecimal = false -%}      {% assign showCentAsSuperscript = false -%}      {% assign decimalDelimiter = '' -%}      {% assign withoutTrailingZeros = true -%}      {% assign originalPriceFormat = originalPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}      {% assign discountedPriceFormat = discountedPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}      {% assign discountValueFormat = discountValue | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros %}      <div tabindex="0" role="region" aria-labelledby="preorder-title" aria-describedby="preorder-description" class="boost-sd__preorder" data-variant-id="{{ variant.id }}">       <div class="boost-sd__preorder-option">        <h2 id="preorder-title" class="boost-sd__preorder-title">{{ paymentLabel }}</h2>        <div aria-live="polite" id="preorder-description" class="boost-sd__preorder-discount">         {% if discountType == 'percentage' %}         <span class="boost-sd__preorder-save">Save {{ discountValue }}%</span>         {% elsif discountType == 'amount' %}         <span class="boost-sd__preorder-save">Save {{ discountValueFormat }}</span>         {% endif %}         <div class="boost-sd__preorder-price">          {% if discountType != 'none' %}          <span aria-label="Original Price: {{ originalPriceFormat }}" class="boost-sd__preorder-original-price">{{ originalPriceFormat }}</span>          {% endif %}          <span aria-label="Discounted Price: {{ discountedPriceFormat }}" class="boost-sd__preorder-discounted-price">{{ discountedPriceFormat }}</span>         </div>        </div>       </div>      </div>      {% endif %}      {% endfor %}      {% assign buttonLabel = 'Pre-Order' %}      {% assign preOrderButtonText = variants[0].preorder.settings.buttonText %}      {% assign preOrderDeliveryText = variants[0].preorder.settings.deliveryText %}      {% if preOrderButtonText and preOrderButtonText != '' %}      {% assign buttonLabel = preOrderButtonText %}      {% endif %}      <button type="button" aria-label='{{ buttonLabel }}' class="boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__button--preorder">       <span aria-hidden="true" class="boost-sd__button-text">        {{ buttonLabel }}       </span>      </button>      <p tabindex="0" class="boost-sd__preorder-note">       <strong class="boost-sd__preorder-note-title">Please note: </strong><span class="boost-sd__preorder-note-text">{{ preOrderDeliveryText }}</span>      </p>     </div>     <div class="boost-sd__quick-view-btn">      <button type="button" class="boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__btn-add-to-cart">       <span class="boost-sd__button-text">        {{ "productItem.atcAvailableLabel" | translate: translations, 'Add to cart' }}       </span>      </button>     </div>     <a class="boost-sd__quick-view-details-link" href="/products/{{ product.handle }}">{{ "quickView.qvViewFullDetails" | translate: translations, 'View full details' }}</a>    </div>   </div>   <button type="button" aria-label='{{ "close" | translate: translations, "Close" }}' class="boost-sd__button boost-sd__button--transparent boost-sd__button--float boost-sd__modal-close-btn">    <svg class="boost-sd__modal-close-svg" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">     <path fill-rule="evenodd" clip-rule="evenodd" d="M19.3536 5.35355C19.5488 5.15829 19.5488 4.84171 19.3536 4.64645C19.1583 4.45118 18.8417 4.45118 18.6464 4.64645L12 11.2929L5.35355 4.64645C5.15829 4.45118 4.84171 4.45118 4.64645 4.64645C4.45118 4.84171 4.45118 5.15829 4.64645 5.35355L11.2929 12L4.64645 18.6464C4.45118 18.8417 4.45118 19.1583 4.64645 19.3536C4.84171 19.5488 5.15829 19.5488 5.35355 19.3536L12 12.7071L18.6464 19.3536C18.8417 19.5488 19.1583 19.5488 19.3536 19.3536C19.5488 19.1583 19.5488 18.8417 19.3536 18.6464L12.7071 12L19.3536 5.35355Z" fill="#222222"></path>    </svg>   </button>  </div></div></div>`;
        
      
      
      
        
    ;template["cart"]=`<!-- TEMPLATE CART --><!-- This Template contains a few variables built from the client js side -->{% assign currentLocale = '' %}{% if locale != "" or locale != null %}{% assign currentLocale = locale %}{% endif %}`;
        
      
      
      
        
    ;template["refineBy"]=`<!-- TEMPLATE REFINE BY --><div class='boost-sd__refine-by-vertical-refine-by'><div class='boost-sd__refine-by-vertical-refine-by-title'>  <div class='boost-sd__refine-by-vertical-refine-by-heading'>   {{ 'refine' | translate: translations, 'Refine By' }}  </div>  <button type='button' aria-label='{{ "clearAll" | translate: translations, "Clear All" }}' id='boost-sd__button--clear-all-filters' class='boost-sd__button boost-sd__button--clear' data-metadata='{ "action": { "clearAllFilter": "" } }'>   <span class='boost-sd__button-text' data-metadata='{ "action": { "clearAllFilter": "" } }'>    {{- 'clearAll' | translate: translations, 'Clear All' -}}   </span>  </button></div><div class='boost-sd__refine-by-vertical-refine-by-list'>  {% for refineByOption in refineBy.options %}  <button aria-label='{{ "clearAll" | translate: translations, "Clear All" }}' metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-item' id='{{ refineByOption.data.value | downcase | replace: " ", "-" | append: "-clear-filter" | simpleMd5 }}'>   <div metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-type'>    <span metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-option'>     {{ refineByOption.data.label | escape }}:    </span>    <span metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-value'>     {% if refineByOption.type == 'range' %}     {% if refineByOption.data.key == 'pf_p_price' or refineByOption.data.key == 'pf_vp_variants_price' %}     {{ refineByOption.data.value.lower | currency_format: refineByOption.data.moneyFormatValue }}     -     {{ refineByOption.data.value.upper | currency_format: refineByOption.data.moneyFormatValue }}     {% else %}     {{ refineByOption.data.value.lower | escape }} - {{ refineByOption.data.value.upper | escape }}     {% endif %}     {% else %}     {{ refineByOption.data.valueDisplay | escape }}     {% endif %}    </span>   </div>   <svg metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-clear' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' role='img' aria-label='{{ "clearAll" | translate: translations, "Clear All" }}' fill='#222'>    <path metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json | escape }} } }' fill-rule="evenodd" clip-rule="evenodd" d="M7.41401 6.00001L11.707 1.70701C12.098 1.31601 12.098 0.684006 11.707 0.293006C11.316 -0.0979941 10.684 -0.0979941 10.293 0.293006L6.00001 4.58601L1.70701 0.293006C1.31601 -0.0979941 0.684006 -0.0979941 0.293006 0.293006C-0.0979941 0.684006 -0.0979941 1.31601 0.293006 1.70701L4.58601 6.00001L0.293006 10.293C-0.0979941 10.684 -0.0979941 11.316 0.293006 11.707C0.488006 11.902 0.744006 12 1.00001 12C1.25601 12 1.51201 11.902 1.70701 11.707L6.00001 7.41401L10.293 11.707C10.488 11.902 10.744 12 11 12C11.256 12 11.512 11.902 11.707 11.707C12.098 11.316 12.098 10.684 11.707 10.293L7.41401 6.00001Z" fill="#3D4246">    </path>   </svg>  </button>  {% endfor %} </div></div>`;
        
      
      
      
        
    ;template["filterOptionBoxItem"]=`<!-- This Template contains a few variables built from the client js side -->{% if request.previewMode == true %}<li class="boost-sd__filter-option-item boost-sd__filter-option-box-item"><button role='checkbox' aria-label='{{ value.key | escape_once | strip_html }}' aria-checked='false' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button'>  <span class='boost-sd__filter-option-item-label'>   {% if option.displayAllValuesInUppercaseForm %}   {{ value.key | escape | upcase }}   {% else %}   {{ value.key | escape }}   {% endif %}  </span></button></li>{% else %}<li class='{{ className }}'><button role='checkbox' aria-label='Find product with {{ label | escape }} is {{ value.label | escape_once | strip_html }}' aria-checked='false' id='{{ actionId }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button' data-action='{{ dataAction }}'>  <span data-action='{{ dataAction }}' class='boost-sd__filter-option-item-label'>   {% if displayAllValuesInUppercaseForm %}   {{ value.label | escape | upcase }}   {% else %}   {{ value.label | escape }}   {% endif %}  </span></button></li>{% endif %}`;
        
      
      
      
        
    ;template["filterOptionListItem"]=`<!-- This Template contains a few variables built from the client js side -->{% if request.previewMode == true %}<li class="boost-sd__filter-option-item boost-sd__filter-option-list-option-item"><button role="checkbox" aria-checked="false" aria-label="{{ value.key | escape_once }}" class="boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button boost-sd__filter-option-item-button--with-checkbox">  {% if option.filterType == "variants_price" or option.filterType == "price" %}  {% if value.from == 0 %}  {{ "under" | translate: translations, "Under" }}  {{ value.to | format_currency: option.moneyFormatValue }}  {% elsif value.to == nil %}  {{ "above" | translate: translations, "Above" }}  {{ value.from | format_currency: option.moneyFormatValue }}  {% elsif value.from != 0 and value.to != nil %}  {{ value.from | format_currency: option.moneyFormatValue }} - {{ value.to | format_currency: option.moneyFormatValue }}  {% endif %}  {% elsif option.filterType == "percent_sale" %}  {% if value.from == nil %}  {{ "under" | translate: translations, "Under" }}  {{ value.to }}  {% elsif value.to == nil %}  {{ "above" | translate: translations, "Above" }}  {{ value.from }}  {% elsif value.from != 0 and value.to != nil %}  {{ value.from }}% - {{ value.to }}%  {% endif %}  {% else %}  <span class="boost-sd__filter-option-item-label">   {% if option.displayAllValuesInUppercaseForm %}   {% if option.filterType == "stock" or option.filterType == "collection" %}   {{ value.label | upcase | escape }}   {% else %}   {{ value.key | upcase | escape }}   {% endif %}   {% else %}   {% if option.filterType == "stock" or option.filterType == "collection" %}   {{ value.label | escape }}   {% else %}   {{ value.key | escape }}   {% endif %}   {% endif %}  </span>  {% endif %}  {% if filterSettings.showFilterOptionCount %}  <span aria-label="Number of products: ({{ value.doc_count }})" class="boost-sd__filter-option-item-amount">({{ value.doc_count }})</span>  {% endif %} </button></li>{% else %}<li class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'><button role='checkbox' aria-checked='false' aria-label='Find product with {{ label | escape }} is {{ value.label | escape_once | strip_html }}' id='{{ actionId }}' class='{{ className }}' data-action='{{ dataAction }}'>  <span data-action='{{ dataAction }}' class='boost-sd__filter-option-item-label'>   {% if displayAllValuesInUppercaseForm %}   {{ value.label | upcase | escape }}   {% else %}   {{ value.label | escape }}   {% endif %}  </span>  {% if showDocCount %}  <span data-action='{{ dataAction }}' aria-label='Number of products: ({{ value.doc_count }})' class='boost-sd__filter-option-item-amount'>   ({{ value.doc_count }})</span>  {% endif %} </button></li>{% endif %}`;
        
      
      
      
        
    ;template["filterOptionSwatchItem"]=`<!-- This Template contains a few variables built from the client js side -->{% assign swatchListStyle = option.swatchStyle == 'circle-list' or option.swatchStyle == 'square-list' %}{% if request.previewMode == true %}{% assign swatchTyleClass = "" %}{% if swatchListStyle %}{% assign swatchTyleClass = "list" %}{% else %}{% assign swatchTyleClass = "grid" %}{% endif %}<li class='boost-sd__filter-option-item boost-sd__filter-option-swatch-item'><button title='{{ value.key | strip_html | escape }}' role='checkbox' aria-checked='false' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button'>  <span class='boost-sd__filter-option-swatch-item-img boost-sd__filter-option-swatch-item-img--{{ swatchTyleClass }} boost-sd__filter-option-swatch-item-img--circle' style='background-color: {{ value.key | escape }};'></span>  {% if swatchListStyle %}  <span class='boost-sd__filter-option-item-label'>   {% if option.displayAllValuesInUppercaseForm %}   {{ value.key | escape | upcase }}   {% else %}   {{ value.key | escape }}   {% endif %}  </span>  <span aria-label='Number of products: ({{ value.doc_count }})' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span>  {% endif %} </button></li>{% else %}<li data-action='{{ dataAction }}' class='boost-sd__filter-option-item boost-sd__filter-option-swatch-item'><button role='checkbox' aria-checked='false' title='Find product with {{ label | escape }} is {{ value.label | escape | strip_html }}' id='{{ actionId }}' data-action='{{ dataAction }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button'>  {% if swatchValue.backgroundColor == nil %}  {% assign swatchBackgroundColor = "none" %}  {% else %}  {% assign swatchBackgroundColor = swatchValue.backgroundColor | strip_html %}  {% endif %}  {% if swatchValue.backgroundImage == nil %}  {% assign swatchBackgroundImage = "none" %}  {% else %}  {% assign swatchBackgroundImage = swatchValue.backgroundImage | strip_html %}  {% endif %}  <span data-action='{{ dataAction }}' class='{{ className }}' style='background-color: {{ swatchBackgroundColor }}; background-image: {{ swatchBackgroundImage }}'></span>  {% if swatchType == 'list' %}  <span data-action='{{ dataAction }}' class='boost-sd__filter-option-item-label'>   {% if option.displayAllValuesInUppercaseForm %}   {{ value.label | escape | upcase }}   {% else %}   {{ value.label | escape }}   {% endif %}  </span>  {% if showDocCount %}  <span data-action='{{ dataAction }}' aria-label='Number of products: ({{ value.doc_count }})' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span>  {% endif %}  {% endif %} </button></li>{% endif %}`;
        
      
      
      
        
    ;template["filterOptionMultiLevelCollectionItem"]=`<!-- This Template contains a few variables built from the client js side -->{% if request.previewMode == true %}<li class='boost-sd__filter-option-item boost-sd__filter-option-item-multilevel-collections {% if option.keepValuesStatic and value.doc_count == 0 %} boost-sd__filter-option-item-multilevel-collections--disabled {% endif %}'><div class='boost-sd__filter-option-item-multilevel-collections-firstlevel'>  <a title='Link to {{ value.displayName }}' href='/collections/{{ value.handle }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-link'>   <span class='boost-sd__filter-option-item-label'>    {% if option.displayAllValuesInUppercaseForm %}    {{ value.displayName | upcase }}    {% else %}    {{ value.displayName }}    {% endif %}   </span>  </a>  {% if showDocCount %}  <span role='text' aria-label='Number of products: ({{ value.doc_count }})' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span>  {% endif %}  {% if value.existedTags %}  <button type='button' aria-label='Expand/Collapse {{ value.displayName }}' class='boost-sd__button boost-sd__button--transparent'>   <svg class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' aria-label='Expand/Collapse {{ value.displayName }}' viewBox='0 0 7 12' fill='#222'>    <path class="boost-sd__arrow-icon-path" d="M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z"></path>   </svg>  </button>  {% endif %} </div></li>{% else %}{% assign currentLocale = '' %}{% if locale != "" %}{% assign currentLocale = '/' | append: locale %}{% endif %}<li class='boost-sd__filter-option-item boost-sd__filter-option-item-multilevel-collections {% if option.keepValuesStatic and value.doc_count == 0 %} boost-sd__filter-option-item-multilevel-collections--disabled {% endif %}'><div class='boost-sd__filter-option-item-multilevel-collections-firstlevel'>  <a id='{{ actionId }}' metaData='{{ metaData | json | escape }}' title='Link to {{ value.displayName }}' data-action='select-filter-item' href='{{ currentLocale }}/collections/{{ value.handle }}' class='{{ className }}'>   <span style='{{ styleOptionItem }}' data-metadata='{{ metaData | json | escape }}' class='boost-sd__filter-option-item-label'>    {% if option.displayAllValuesInUppercaseForm %}    {{ value.displayName | upcase }}    {% else %}    {{ value.displayName }}    {% endif %}   </span>  </a>  {% if showDocCount %}  <span role='text' aria-label='Number of products: ({{ value.doc_count }})' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span>  {% endif %}  {% if value.existedTags %}  <button aria-label='Expand/Collapse {{ value.displayName }}' id='{{ value.actionIdArrow }}' data-metadata='{{ value.metaDataArrow | json | escape }}' type='button' class='boost-sd__button boost-sd__button--transparent' style='padding-right: 0px;'>   <svg id='{{ value.targetIdArrow }}' data-metadata='{{ value.metaDataArrow | json | escape }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' aria-label='Expand/Collapse {{ value.displayName }}' viewBox='0 0 7 12' fill='#222'>    <path data-metadata='{{ value.metaDataArrow | json | escape }}' class="boost-sd__arrow-icon-path" d="M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z"></path>   </svg>  </button>  {% endif %} </div> {% if value.existedTags > 0 %} <ul id='{{ value.targetIdList }}' class='boost-sd__filter-option-item-multilevel-collections-listitem boost boost-sd__g-hide'>  {% for tag in value.tags %}  <li class='boost-sd__filter-option-item-multilevel-collections-secondlevel'>   <div class='boost-sd__filter-option-item boost-sd__filter-option-item-multilevel-collections-secondlevel-title'>    <a id='{{ tag.actionId }}' data-metadata='{{ tag.metaData | json | escape }}' title='Link to {{ tag.displayName }}' data-action='select-filter-item' href='{{ currentLocale }}/collections/frontpage/{{ tag.tag }}' class='{{ tag.className }}'>     <span data-metadata='{{ tag.metaData | json | escape }}' class='boost-sd__filter-option-item-label'>      {% if option.displayAllValuesInUppercaseForm %}      {{ tag.displayName | upcase }}      {% else %}      {{ tag.displayName }}      {% endif %}     </span>    </a>    {% if tag.existedSubTags %}    <button aria-label='Expand/Collapse {{ tag.displayName }}' id='{{ tag.actionIdArrow }}' data-metadata='{{ tag.metaDataArrow | json | escape }}' type='button' class='boost-sd__button boost-sd__button--transparent' style='padding-right: 0px;'>     <svg id='{{ tag.targetIdArrow }}' data-metadata='{{ tag.metaDataArrow | json | escape }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' aria-label='Expand/Collapse {{ tag.displayName }}' viewBox='0 0 7 12' fill='#222'>      <path data-metadata='{{ tag.metaDataArrow | json | escape }}' class="boost-sd__arrow-icon-path" d="M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z"></path>     </svg>    </button>    {% endif %}   </div>   {% if tag.existedSubTags %}   <ul id='{{ tag.targetIdList }}' class='boost-sd__filter-option-item-multilevel-collections-thirdlevel boost-sd__g-hide'>    {% for subTag in tag.subTags %}    <li class='boost-sd__filter-option-item boost-sd__filter-option-item-multilevel-collections-thirdlevel-title'>     <a id='{{ subTag.actionId }}' data-metadata='{{ subTag.metaData | json | escape }}' title='Link to {{ subTag.displayName }}' data-action='select-filter-item' href='{{ currentLocale }}/collections/frontpage/{{ subTag.tag }}' class='{{ subTag.className }}'>      <span data-metadata='{{ subTag.metaData | json | escape }}' class='boost-sd__filter-option-item-label'>       {% if option.displayAllValuesInUppercaseForm %}       {{ subTag.displayName | upcase }}       {% else %}       {{ subTag.displayName }}       {% endif %}      </span>     </a>    </li>    {% endfor %}   </ul>   {% endif %}  </li>  {% endfor %} </ul> {% endif %}</li>{% endif %}`;
        
      
      
      
        
    ;template["filterOptionMultiLevelTagItem"]=`<!-- This Template contains a few variables built from the client js side -->{% if request.previewMode == true %}<li class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'><button role='checkbox' aria-checked='false' aria-label='{{ value.displayName }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button boost-sd__filter-option-item-button--with-checkbox'>  <span class='boost-sd__filter-option-item-label'>   {% if option.displayAllValuesInUppercaseForm %}   {{ value.displayName | upcase }}   {% else %}   {{ value.displayName }}   {% endif %}  </span></button> {% assign existedTags = value.subTags | size %} {% if existedTags > 0 %} <button type='button' aria-label='Expand/Collapse {{ value.displayName }}' class='boost-sd__button boost-sd__button--transparent boost-sd__filter-option-list-option-item-collapse-btn'>  <svg class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' aria-label='Expand/Collapse {{ value.displayName }}' viewBox='0 0 7 12' fill='#222'>   <path class="boost-sd__arrow-icon-path" d="M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z">   </path>  </svg></button> {% endif %}</li>{% else %}<li class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'><button role='checkbox' aria-checked='false' aria-label='Find product with {{ label | escape }} is {{ value.displayName | escape | strip_html }}' data-metadata='{{ metaData | json | escape }}' id='{{ actionId }}' class='{{ className }}'>  <span style='{{ styleOptionItem }}' data-metadata='{{ metaData | json | escape }}' class='boost-sd__filter-option-item-label'>   {% if option.displayAllValuesInUppercaseForm %}   {{ value.displayName | upcase }}   {% else %}   {{ value.displayName }}   {% endif %}  </span></button> {% assign existedTags = value.subTags | size %} {% if existedTags > 0 %} <button aria-label='Expand/Collapse {{ value.displayName }}' type='button' data-metadata='{{ value.metaDataArrow | json | escape }}' id='{{ value.actionIdArrow }}' class='boost-sd__button boost-sd__button--transparent boost-sd__filter-option-list-option-item-collapse-btn'>  <svg id='{{ value.targetIdArrow }}' data-metadata='{{ value.metaDataArrow | json | escape }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' aria-label='Expand/Collapse {{ value.displayName }}' viewBox='0 0 7 12' fill='{{ colorOptionItem }}'>   <path data-metadata='{{ value.metaDataArrow | json | escape }}' class="boost-sd__arrow-icon-path" d="M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z"></path>  </svg></button><!-- style="display: none" --><ul id='{{ value.targetIdList }}' class='boost-sd__filter-option-list-option-item-sublist boost-sd__g-hide'>  {% for tag in value.subTags %}  <li class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'>   <button role='checkbox' aria-checked='false' aria-label='Find product with {{ label | escape }} is {{ tag.displayName | escape | strip_html }}' data-metadata='{{ tag.metaData | json | escape }}' id='{{ tag.actionId }}' class='{{ tag.className }}'>    <span style='{{ styleOptionItem }}' data-metadata='{{ tag.metaData | json | escape }}' class='boost-sd__filter-option-item-label'>     {% if option.displayAllValuesInUppercaseForm %}     {{ tag.displayName | upcase }}     {% else %}     {{ tag.displayName }}     {% endif %}    </span>   </button>   {% assign existedSubTags = tag.subTags | size %}   {% if existedSubTags > 0 %}   <button aria-label='Expand/Collapse {{ tag.displayName }}' type='button' data-metadata='{{ tag.metaDataArrow | json | escape }}' id='{{ tag.actionIdArrow }}' class='boost-sd__button boost-sd__button--transparent boost-sd__filter-option-list-option-item-collapse-btn'>    <svg id='{{ tag.targetIdArrow }}' data-metadata='{{ tag.metaDataArrow | json | escape }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' aria-label='Expand/Collapse {{ tag.displayName }}' viewBox='0 0 7 12' fill='{{ colorOptionItem }}'>     <path data-metadata='{{ tag.metaDataArrow | json | escape }}' class="boost-sd__arrow-icon-path" d="M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z"></path>    </svg>   </button>   <!-- style="display: none" -->   <ul id='{{ tag.targetIdList }}' class='boost-sd__filter-option-list-option-item-sublist boost-sd__g-hide'>    {% for subTag in tag.subTags %}    <li class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'>     <button role='checkbox' aria-checked='false' aria-label='Find product with {{ label | escape }} is {{ subTag.displayName | escape | strip_html }}' id='{{ subTag.actionId }}' data-metadata='{{ subTag.metaData | json | escape }}' class='{{ subTag.className }}'>      <span style='{{ styleOptionItem }}' data-metadata='{{ subTag.metaData | json | escape }}' class='boost-sd__filter-option-item-label'>       {% if option.displayAllValuesInUppercaseForm %}       {{ subTag.displayName | upcase }}       {% else %}       {{ subTag.displayName }}       {% endif %}      </span>     </button>    </li>    {% endfor %}   </ul>   {% endif %}  </li>  {% endfor %} </ul> {% endif %}</li>{% endif %}`;
        
      
      
      
        
    ;template["filterOptionRatingItem"]=`<!-- This Template contains a few variables built from the client js side -->{% if request.previewMode == true %}<li class='boost-sd__filter-option-item boost-sd__filter-option-rating-item'><button role='checkbox' aria-checked='false' aria-label='{{ value.key }} Stars. Number of products: {{ value.doc_count }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button boost-sd__filter-option-item-button--with-checkbox'>  <span role='presentation' class='boost-sd__filter-option-rating-item-presentation'>   {% for i in (0..4) %}   {% if i < value.from %}   <i class='boost-sd__filter-option-rating-item-icon-star boost-sd__filter-option-rating-item-icon-star--active' style='color: {{ starColor }} ;'></i>   {% else %}   <i class='boost-sd__filter-option-rating-item-icon-star' style='color: {{ starColor }} ;'></i>   {% endif %}   {% endfor %}   {% if showExactRating == false %}   <span>& Up</span>   {% endif %}  </span>  <span aria-label='Number of products: ({{ value.doc_count }})' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span></button></li>{% else %}<li data-value='{{ value.key }}' data-action='{{ dataAction }}' class='boost-sd__filter-option-item boost-sd__filter-option-rating-item'><button role='checkbox' aria-checked='false' aria-label='{{ value.key }} Stars. Number of products: {{ value.doc_count }}' id='{{ actionId }}' data-action='{{ dataAction }}' class='{{ className }}'>  <span data-action='{{ dataAction }}' role='presentation' class='boost-sd__filter-option-rating-item-presentation'>   {% for i in (0..4) %}   {% if i < value.from %}   <i data-action='{{ dataAction }}' class='boost-sd__filter-option-rating-item-icon-star boost-sd__filter-option-rating-item-icon-star--active' style='color: {{ starColor }} ;'></i>   {% else %}   <i data-action='{{ dataAction }}' class='boost-sd__filter-option-rating-item-icon-star' style='color: {{ starColor }} ;'></i>   {% endif %}   {% endfor %}   {% if showExactRating == false %}   <span data-action='{{ dataAction }}'>& Up</span>   {% endif %}  </span>  <span data-action='{{ dataAction }}' aria-label='Number of products: ({{ value.doc_count }})' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span></button></li>{% endif %}`;
        
      
      
      
        
    ;template["productPrice"]=`<!-- This Template contains a few variables built from the client js side -->{% assign removePriceDecimal = false -%}{% assign decimalDelimiter = '' -%}{% assign withoutTrailingZeros = false -%}{% assign showCentAsSuperscript = false -%}{% assign moneyFormat = request.money_format | strip_html -%}{% assign moneyFormat = request.money_format_with_currency | strip_html -%}{% assign showSavingDisplay = false -%}{% assign minPrice = product.price_min | times: 1.0 -%}{% assign maxPrice = 0 -%}{% if product.price_max -%}{% assign maxPrice = product.price_max | times: 1.0 -%}{% endif -%}<!-- convert variable compareAtPriceMin to number -->{% assign compareAtPriceMin = 0 -%}{% if product.compare_at_price_min -%}{% assign compareAtPriceMin = product.compare_at_price_min | times: 1.0 -%}{% endif -%}{% assign isSale = false -%}{% assign salePercent = 0 -%}{% assign saleAmount = 0 -%}{% if compareAtPriceMin > minPrice -%}{% assign isSale = true -%}{% endif -%}{% assign compareAtPriceWithFormat = '' -%}{% unless compareAtPriceMin == null or compareAtPriceMin == 0 or isSale == false -%}<!-- calculate salePercent base on compareAtPriceMin and minPrice -->{% assign compare = compareAtPriceMin | minus: minPrice | times: 100 -%}{% assign salePercent = compare | divided_by: compareAtPriceMin | ceil | append: '%' -%}<!-- compareAtPriceWithFormat is compare price with PriceMin and format currency -->{% assign compareAtPriceWithFormat = compareAtPriceMin | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}{% assign saleAmount = compareAtPriceMin | minus: minPrice -%}{% endunless -%}<!-- Format price min -->{% assign priceMinWithFormat = minPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}<!-- Format price max -->{% assign priceMaxWithFormat = '' -%}{% if product.price_max and maxPrice > minPrice -%}{% assign priceMaxWithFormat = maxPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}{% endif -%}<!-- priceMax used for multi variant price display where it can have min-max price with format and translation -->{% assign hasMultiVariantPrice = false -%}{% if translations.productItem.amount contains "minPrice" -%}{% assign hasMultiVariantPrice = true -%}{% endif -%}{% assign isSamePrice = true -%}{% if minPrice != maxPrice or product.compare_at_price_min != product.compare_at_price_max -%}{% assign isSamePrice = false -%}{% endif -%}{% assign priceValueWithFormat = priceMinWithFormat -%}{% if isSamePrice == false and maxPrice > minPrice and hasMultiVariantPrice -%}{% assign priceValueWithFormat = "productItem.amount" | translate: translations, "" | replace: '{{minPrice}}', priceMinWithFormat | replace: '{{maxPrice}}', priceMaxWithFormat -%}{% endif -%}{% assign savingPriceWithFormat = '' -%}{% unless showSavingDisplay == false or saleAmount == 0 -%}{% assign saleAmountWithFormat = saleAmount | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}{% assign savingPriceWithFormat = "productItem.savingAmount" | translate: translations, "Save {{saleAmount}}" | replace: '{{saleAmount}}', saleAmountWithFormat | replace: '{{salePercent}}', salePercent -%}{% endunless -%}<!-- Price compare display top or bottom -->{% comment %} Price compare display left or right {% endcomment %}<div class="boost-sd__product-price-wrapper"><span class="boost-sd__product-price-content  boost-sd__product-price-content--text-align-left">  {%- if compareAtPriceWithFormat != blank -%}  <span class="fs-6 boost-sd__format-currency boost-sd__format-currency--price-compare boost-sd__product-price--compare">   {{ compareAtPriceWithFormat }}  </span>  {%- endif -%} </span> {% if priceValueWithFormat != blank -%} <span class="fw-bold fs-6 {% if isSale == true %}boost-sd__product-price--sale{% else %}boost-sd__product-price--default{% endif %}">  <span class="boost-sd__format-currency">{{ priceValueWithFormat }}</span></span> {% endif %} {% if savingPriceWithFormat != blank -%} <span class="fs-6 boost-sd__product-price--saving"><span class="boost-sd__format-currency">{{ savingPriceWithFormat }}</span></span> {% endif -%}</div>`;
        
      
      
      
        
    ;template["recommendation"]=`<!-- TEMPLATE RECOMMENDATION -->{% assign widgetNameTranslationLabel = 'recommendation.' | append: widgetId %}{% assign widgetTitle = '' %}{% if widgetDesignSettings.titleAlignment != '' %} {% assign widgetTitle = widgetTitle | append: 'boost-sd__recommendation-title--' | append: widgetDesignSettings.titleAlignment %}{% endif %}<div id='{{ widgetId }}' class='boost-sd__recommendation ' data-product-price='true'><div class='boost-sd__recommendation-title {{ widgetTitle }}'>  <span tabindex="0" role="heading" aria-level="2" class='boost-sd__recommendation-title-text'>   {{ widgetNameTranslationLabel | translate: translations, widgetName }}  </span></div> {% if widgetDesignSettings.layoutDisplay == 'carousel' %}  <!-- TEMPLATE RECOMMENDATION TYPE CAROUSEL --><div class="boost-sd__slider"><div class="boost-sd__slider-container">  {% for product in products %}   <div class="boost-sd__slide">    {% capture domain %}{{ widgetDesignSettings.tenantId }}{% endcapture %}    <!-- TEMPLATE GRID PRODUCT ITEM -->{% if product.original_images != nil %} {% assign imageArray = product.original_images %}{% else %} {% assign imageArray = product.images_info %}{% endif %}{% assign productId = product.id %}{% if product.variant_id %} {% assign productId = product.variant_id %}{% endif %}{% assign filterOptionIdImageBaseOn = 'pf_opt_color' %} {% assign optionName = filterOptionIdImageBaseOn | replace: 'pf_opt_','' %}{% assign valueRequest = request[filterOptionIdImageBaseOn] %}{% assign selectedVariantImageByFilterOption = nil %}{% for item in product.variants %} {% assign optionNameValue = optionName | append: ":" | append: valueRequest %} {% if item.merged_options contains optionNameValue %}  {% if item.image %}   {% assign selectedVariantImageByFilterOption = item.image %}  {% endif %}  {% break %} {% endif %}{% endfor %}{% capture productVariants %} [ {% for variant in product.variants %}  {   "title": "{{ variant.title }}",   "id": "{{ variant.id }}",   "available": {{ variant.available }},    "productDelay":    {% for metafield in product.metafields %}   {% if metafield.namespace == "global" and metafield.key == "availability" and metafield.id == variant.id %}   {{ metafield | json }}   {% break %}   {% endif %}   {% endfor %},  }{% unless forloop.last %},{% endunless %} {% endfor %} ]{% endcapture %} {% capture productData %} {  "handle": "{{ product.handle }}",  "variantId": "{{ product.variant_id }}",  "splitProduct": "{{ product.split_product }}",    "variants": {{ productVariants | json | escape }},    "priceMin": "{{ product.price_min }}",  "priceMax": "{{ product.price_max }}",  "compareAtPriceMin": "{{ product.compare_at_price_min }}",  "compareAtPriceMax": "{{ product.compare_at_price_max }}",  "images": {{ imageArray | json | escape }},  "options_with_values": {{ product.options_with_values | json | escape }},  "selectedVariantImageByFilterOption": "{{ selectedVariantImageByFilterOption | escape }}" }{% endcapture %}{% if borderLayout == 'noPadding' %} {% assign border_layout_item = 'no-padding' %}{% elsif borderLayout == 'hasPadding' %} {% assign border_layout_item = 'border-has-padding' %}{% elsif borderLayout == 'noPaddingImage' %} {% assign border_layout_item = 'border-no-padding-image' %}{% else %} {% assign border_layout_item = 'no-border' %}{% endif %}<div class='boost-sd__product-item boost-sd__product-item--{{ border_layout_item }} boost-sd__product-item-grid-view-layout' id='{{ product.id }}' data-product-id='{{ productId }}' data-product='{{ productData | json_encode }}'><!-- TEMPLATE GRID PRODUCT ITEM - PRODUCT IMAGE -->{% assign metafields = product.metafields %}{% assign file_url = '' %}{% for metafield in metafields %} {% if metafield.namespace == "custom" and metafield.key == "alt_collection_image_url" %}  {% assign file_url = metafield.value %} {% endif %}{% endfor %}{%- capture aspectRatioSetting %}square{% endcapture -%}{% capture hoverEffect %}none{% endcapture %}{% assign productImages = product.images_info %}{% if product.split_product %} {% assign productImages = product.original_images %}{% endif %}<div class="boost-sd__product-item-grid-view-layout-image"><div class="boost-sd__product-link-image">  <div style="position: relative">                {% assign effectClasses = '' %}   {% if hoverEffect == 'reveal-second-image-and-zoom-in' %}    {% assign effectClasses = effectClasses | append: 'boost-sd__product-image-wrapper--zoom-in' %}    {% if productImages.size > 1 %}     {% assign effectClasses = effectClasses | append: ' boost-sd__product-image-wrapper--has-second-image' %}    {% endif %}   {% endif %}   {% if hoverEffect == 'reveal-second-image' and productImages.size > 1 %}    {% assign effectClasses = effectClasses | append: 'boost-sd__product-image-wrapper--has-second-image' %}   {% endif %}   {% if hoverEffect == 'zoom-in' %}    {% assign effectClasses = effectClasses | append: 'boost-sd__product-image-wrapper--zoom-in' %}   {% endif %}                {% assign aspectRatio = '' -%}   {% if aspectRatioSetting == 'natural' -%}    {% assign imageWidth = product.images_info[0].width -%}    {% assign imageHeight = product.images_info[0].height -%}    {% assign aspectRatio = aspectRatio | append: 'aspect-ratio: ' | append: imageWidth | append: '/' | append: imageHeight -%}   {% endif -%}   <div class="boost-sd__product-image-wrapper boost-sd__product-image-wrapper--crop-center {{ effectClasses }} boost-sd__product-image-wrapper--square"    style="{{ aspectRatio }}">    <a aria-label="{{ product.title | escape }}" class="boost-sd__product-link boost-sd__product-image" {%- if request.previewMode != true %} href="/products/{{ product.handle }}"{% endif -%}>     {% assign firstImageSrc = '' -%}     {% if selectedVariantImageByFilterOption != nil -%}      {% assign firstImageSrc = selectedVariantImageByFilterOption -%}     {% else -%}      {% assign firstImageSrc = product.images_info[0].src -%}     {% endif -%}      {% assign widthParam = "&width=" -%}     {%comment%} {% assign widths = "200,300,400,500,700,800" | split: "," -%}{%endcomment%}      {% assign widths = "400" | split: "," -%}     {% if request.device contains 'mobile' -%}      {% assign maxWidth = 400 -%}     {% else -%}      {% assign maxWidth = 800 -%}     {% endif -%}     {% if request.productImageWidth != blank -%}      {% assign imageWidth = request.productImageWidth | plus: 0 -%}      {% if imageWidth > maxWidth -%}       {% assign maxWidth = imageWidth -%}      {% endif -%}     {% endif -%}     {% if product.images_info[0] -%}      {% capture srcset -%}      {% for width in widths -%}       {% assign widthNo = width | plus: 0 %}       {% if widthNo < maxWidth -%}        {{ firstImageSrc }}{{ widthParam }}{{ width }} {{ width }}w,        {% else -%}         {{ firstImageSrc }}{{ widthParam }}{{ maxWidth }} {{ maxWidth }}w        {% break -%}       {% endif -%}      {% endfor -%}     {% endcapture -%}     {% assign productPerRow = 4 -%}     {% if request.productPerRow != blank -%}      {% assign productPerRow = request.productPerRow | plus: 0 -%}     {% endif -%}      <img       id="product-image-{{ product.id }}"       class="boost-sd__product-image-img boost-sd__product-image-img--main"       {% if index and index < productPerRow -%}        loading="eager"       {% else -%}        loading="eager"       {% endif -%}       decoding="async"       alt="{{ product.title | escape }}" {% if file_url != '' %} src="{{file_url}}" {%else%} src="{{ firstImageSrc }}&amp;width=200" srcset="{{ srcset }}" {%endif%}       width="auto"       height="auto"      />      {% if productImages.size > 1 and hoverEffect == 'reveal-second-image-and-zoom-in' or hoverEffect == 'reveal-second-image' %}       {% for image in productImages %}        {% if image.src contains product.images_info[0].src %}         {% assign secondImage = productImages[image.position] %}        {% endif %}       {% endfor %}        {% if secondImage -%}        {% assign secondImageSrc = secondImage.src -%}        {% capture secondImageSrcset -%}         {% for width in widths -%}          {% assign widthNo = width | plus: 0 -%}          {% if widthNo < maxWidth -%}           {{ secondImageSrc }}{{ widthParam }}{{ width }} {{ width }}w,           {% else -%}           {{ secondImageSrc }}{{ widthParam }}{{ maxWidth }} {{ maxWidth }}w           {% break -%}          {% endif -%}         {% endfor -%}        {% endcapture -%}        <img         width="auto"         height="auto"         {% if index and index < productPerRow -%}          loading="eager"         {% else -%}          loading="eager"         {% endif -%}         class="boost-sd__product-image-img boost-sd__product-image-img--second"         alt="{{ product.title | escape }}" {% if file_url != '' %} src="{{file_url}}" {%else%} src="{{ secondImage.src }}&amp;width=200" srcset="{{ secondImageSrcset }}" {%endif%}>       {% endif -%}      {% endif %}     {% else -%}      <img       id="product-image-{{ product.id }}"       class="boost-sd__product-image-img boost-sd__product-image-img--main"       alt="{{ product.title | escape }}"        {% if file_url != '' %} src="{{file_url}}" {%else%} src="https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268" {%endif%}       width="auto"       height="auto"      />     {% endif -%}    </a>                                    <div class="boost-sd__product-image-row boost-sd__product-image-row--top ">                        <div class="boost-sd__product-image-column boost-sd__product-image-column--in-top boost-sd__product-image-column--left">        {% assign metafields = product.metafields %}{% assign metafield_productLabel = '' %}{% if metafields.size > 0 %} {% for metafield in metafields %}   {% if metafield.namespace == "global" and metafield.key == "productLabel" %}   {% assign metafield_productLabel = metafield.value %}   {% break %}   {% endif %} {% endfor %}{% endif %}{%comment%}Pre-Order, Coming Soon, Refurbished, B-Stock{%endcomment%}{% if metafield_productLabel != '' %}{%if product.available == true%}   {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}   {% if compareAtPriceMin > product.price_min and metafield_productLabel == "Sale" or metafield_productLabel == "Best Seller" or metafield_productLabel == "New"-%}   {% assign metafield_productLabel = 'Sale' %}   <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--sale"><span class="boost-sd__product-label-text">  <span>{{ metafield_productLabel }}</span></span></div>  {% else %}   <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--{{ metafield_productLabel | downcase | replace: ' ', '-'}}"><span class="boost-sd__product-label-text">  <span>{{ metafield_productLabel }}</span></span></div>{% endif %} {%endif%}{%else %}{% assign hideOtherLabelsWhenSoldOut = true -%}{% assign moneyFormat = request.money_format | strip_html -%}{% assign removePriceDecimal = false -%}{% assign showCentAsSuperscript = false -%}{% assign decimalDelimiter = '' -%}{% assign withoutTrailingZeros = true -%}{% if hideOtherLabelsWhenSoldOut != true -%}   {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}  {% if compareAtPriceMin > product.price_min -%}   {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%}   {% assign salePercent = percent | append: '%' -%}   {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}   {% assign productItemSaleTranslated = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%}   <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--sale">    <span class="boost-sd__product-label-text">     <span>{{ productItemSaleTranslated }}</span>    </span>   </div>  {% endif -%}    {% if product.available == false -%}   <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--soldout">    <span class="boost-sd__product-label-text">{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}</span>   </div>  {% endif -%}    {% assign filteredTags = "" -%}  {% assign allTags = product.tags -%}  {% if product.original_tags != nill %}   {% assign allTags = allTags | concat: product.original_tags | uniq -%}  {% endif %}  {% for tag in allTags -%}   {% if tag contains 'pfs:label' -%}    {% assign tagWithoutLabel = tag | remove: 'pfs:label-' -%}    {% assign filteredTags = filteredTags | append: tagWithoutLabel | append: ',' -%}   {% endif -%}  {% endfor -%}  {% assign filteredTags = filteredTags | split: ',' -%}  {% for tag in filteredTags -%}   {% unless tag == blank %}    <div class="boost-sd__product-label boost-sd__product-label--capsule boost-sd__product-label--custom-label-by-tag">     <span class="boost-sd__product-label-text">      <span>{{ tag }}</span>     </span>    </div>   {% endunless %}  {% endfor -%} {% else -%} {% if product.available == false -%}     <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--soldout">    <span class="boost-sd__product-label-text">{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}</span>   </div>   {% else -%}     {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%}   {% if compareAtPriceMin > product.price_min -%}    {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin | round -%}    {% assign salePercent = percent | append: '%' -%}    {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}    {% assign translatedText = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount %}    <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--capsule boost-sd__product-label--sale">     <span class="boost-sd__product-label-text">      <span>{{ translatedText }}</span>     </span>    </div>   {% endif -%}       {% assign filteredTags = "" -%}   {% assign allTags = product.tags -%}   {% if product.original_tags != nill %}    {% assign allTags = allTags | concat: product.original_tags | uniq -%}   {% endif %}   {% for tag in allTags -%}    {% if tag contains 'pfs:label' -%}     {% assign tagWithoutLabel = tag | remove: 'pfs:label-' -%}     {% assign filteredTags = filteredTags | append: tagWithoutLabel | append: ',' -%}    {% endif -%}   {% endfor -%}   {% assign filteredTags = filteredTags | split: ',' -%}   {% for tag in filteredTags -%}    {% unless tag == blank %}     <div class="boost-sd__product-label boost-sd__product-label--capsule boost-sd__product-label--custom-label-by-tag">      <span class="boost-sd__product-label-text">       <span>{{ tag }}</span>      </span>     </div>    {% endunless %}   {% endfor -%}   {% endif -%}{% endif -%}{%endif %}       </div>                              </div>                 <div class="boost-sd__product-image-row boost-sd__product-image-row--bottom ">                                                                         <div class="boost-sd__product-image-column boost-sd__product-image-column--in-bottom boost-sd__product-image-column--right">                  </div>                       </div>       </div>   {% comment %} POPUP {% endcomment %}          <div aria-modal="true" role="dialog" aria-label="Choose options for product {{ product.title | escape }}" class="boost-sd__popup-select-option" style="display: none">     <div tabindex="-1" class="boost-sd__popup-select-option-container">      {% for swatch in product.options_with_values -%}       <div class="boost-sd__product-swatch">        <div class="boost-sd__product-swatch-title">{{ swatch.label | escape }}</div>        <div class="boost-sd__product-swatch-options">        {% for value in swatch.values -%}         <div class="boost-sd__product-swatch-option">          <div class="boost-sd__radio">           <div class="boost-sd__tooltip">            {% if swatch.original_name == 'color' -%}             <div class="boost-sd__tooltip-content" style="display: none;">{{ value.title | strip_html | escape }}</div>            {% endif -%}            <input             id="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}"             class="boost-sd__radio-input boost-sd__radio-input--hidden"             type="radio"             value="{{ value.title | strip_html | escape }}"             checked=""            />            {% if swatch.original_name == 'color' -%}             {% assign backgroundSwatch = "background-color: " | append: value.title | strip_html | escape -%}             {% assign imageName = value.title | strip_html | downcase | strip | escape -%}             {% if imageName contains " " -%}              {% assign imageName = imageName | replace: ' ', "-" -%}             {% endif -%}             {% assign url = "//" | append: domain | append: "/cdn/shop/files/" | append: imageName | append: ".png" -%}             {% assign backgroundSwatch = backgroundSwatch | append: "; background-image: url('" | append: url | append: "');" %}             <label              role="radio"              tabindex="0"              aria-label="{{ swatch.original_name }}:{{ value.title }}"              for="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}"              class="boost-sd__radio-label boost-sd__radio-label--hide-text boost-sd__radio-label--large"              style="{{ backgroundSwatch }}"             >              {{ value.title | strip_html | escape }}             </label>            {% else -%}             <label              role="radio"              tabindex="0"              aria-label="{{ swatch.original_name }}:{{ value.title }}"              for="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}"              class="boost-sd__radio-label boost-sd__radio-label--in-quick-view"             >              {{ value.title | strip_html | escape }}             </label>            {% endif -%}           </div>          </div>         </div>        {% endfor -%}        </div>       </div>      {% endfor -%}     </div>     <button      type="button"      class="boost-sd__button boost-sd__button--primary boost-sd__button--add-to-cart boost-sd__button--full-width boost-sd__button--large boost-sd__btn-add-to-cart"     >      <span class="boost-sd__button-text boost-sd__cta-button-text">{{ "productItem.atcAvailableLabel" | translate: translations, 'Add to cart' }}</span>     </button>     <button      type="button"      aria-label='{{ "close" | translate: translations, "Close" }}'      class="boost-sd__button boost-sd__button--transparent boost-sd__button--float boost-sd__popup-select-option-close-btn"     >      <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">       <path fill-rule="evenodd" clip-rule="evenodd" d="M12.9024 3.56904C13.0325 3.43886 13.0325 3.22781 12.9024 3.09763C12.7722 2.96746 12.5611 2.96746 12.431 3.09763L8 7.5286L3.56904 3.09763C3.43886 2.96746 3.22781 2.96746 3.09763 3.09763C2.96746 3.22781 2.96746 3.43886 3.09763 3.56904L7.5286 8L3.09763 12.431C2.96746 12.5611 2.96746 12.7722 3.09763 12.9024C3.22781 13.0325 3.43886 13.0325 3.56904 12.9024L8 8.47141L12.431 12.9024C12.5611 13.0325 12.7722 13.0325 12.9024 12.9024C13.0325 12.7722 13.0325 12.5611 12.9024 12.431L8.47141 8L12.9024 3.56904Z" fill="#222222"></path>      </svg>     </button>    </div>      {% comment%}% POPUP {%endcomment%}   </div></div></div><!-- TEMPLATE GRID PRODUCT ITEM - PRODUCT INFO --><div class="boost-sd__product-info-wrapper"><div class="boost-sd__product-info boost-sd__product-info--left">    <div class="boost-sd__suggestion-queries-item-sku mt-md-4 mt-5">{{ product.skus.first | escape }}</div>  <a aria-label="{{ product.title | escape }}" class="boost-sd__product-link" {% if request.previewMode != true %} href="{{ productLocale }}/products/{{ product.handle }}"{% endif %}>   <div class="boost-sd__product-title" id="product-title-{{ product.id }}">    {{ product.title | escape }}   </div>  </a>       <div class="boost-sd__product-price" id="product-price-{{ product.id }}">    <!-- This Template contains a few variables built from the client js side -->{% assign removePriceDecimal = false -%}{% assign decimalDelimiter = '' -%}{% assign withoutTrailingZeros = false -%}{% assign showCentAsSuperscript = false -%}{% assign moneyFormat = request.money_format | strip_html -%}{% assign moneyFormat = request.money_format_with_currency | strip_html -%}{% assign showSavingDisplay = false -%}{% assign minPrice = product.price_min | times: 1.0 -%}{% assign maxPrice = 0 -%}{% if product.price_max -%} {% assign maxPrice = product.price_max | times: 1.0 -%}{% endif -%}<!-- convert variable compareAtPriceMin to number -->{% assign compareAtPriceMin = 0 -%}{% if product.compare_at_price_min -%} {% assign compareAtPriceMin = product.compare_at_price_min | times: 1.0 -%}{% endif -%}{% assign isSale = false -%}{% assign salePercent = 0 -%}{% assign saleAmount = 0 -%}{% if compareAtPriceMin > minPrice -%} {% assign isSale = true -%}{% endif -%}{% assign compareAtPriceWithFormat = '' -%}{% unless compareAtPriceMin == null or compareAtPriceMin == 0 or isSale == false -%} <!-- calculate salePercent base on compareAtPriceMin and minPrice --> {% assign compare = compareAtPriceMin | minus: minPrice | times: 100 -%} {% assign salePercent = compare | divided_by: compareAtPriceMin | ceil | append: '%' -%} <!-- compareAtPriceWithFormat is compare price with PriceMin and format currency --> {% assign compareAtPriceWithFormat = compareAtPriceMin | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign saleAmount = compareAtPriceMin | minus: minPrice -%}{% endunless -%}<!-- Format price min -->{% assign priceMinWithFormat = minPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}<!-- Format price max -->{% assign priceMaxWithFormat = '' -%}{% if product.price_max and maxPrice > minPrice -%} {% assign priceMaxWithFormat = maxPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%}{% endif -%}<!-- priceMax used for multi variant price display where it can have min-max price with format and translation -->{% assign hasMultiVariantPrice = false -%}{% if translations.productItem.amount contains "minPrice" -%} {% assign hasMultiVariantPrice = true -%}{% endif -%}{% assign isSamePrice = true -%}{% if minPrice != maxPrice or product.compare_at_price_min != product.compare_at_price_max -%} {% assign isSamePrice = false -%}{% endif -%}{% assign priceValueWithFormat = priceMinWithFormat -%}{% if isSamePrice == false and maxPrice > minPrice and hasMultiVariantPrice -%} {% assign priceValueWithFormat = "productItem.amount" | translate: translations, "" | replace: '{{minPrice}}', priceMinWithFormat | replace: '{{maxPrice}}', priceMaxWithFormat -%}{% endif -%} {% assign savingPriceWithFormat = '' -%}{% unless showSavingDisplay == false or saleAmount == 0 -%} {% assign saleAmountWithFormat = saleAmount | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign savingPriceWithFormat = "productItem.savingAmount" | translate: translations, "Save {{saleAmount}}" | replace: '{{saleAmount}}', saleAmountWithFormat | replace: '{{salePercent}}', salePercent -%}{% endunless -%}<!-- Price compare display top or bottom -->{% comment %} Price compare display left or right {% endcomment %} <div class="boost-sd__product-price-wrapper">  <span class="boost-sd__product-price-content boost-sd__product-price-content--row-reverse boost-sd__product-price-content--text-align-left">    {%- if compareAtPriceWithFormat != blank -%}    <span     class="fs-6 boost-sd__format-currency boost-sd__format-currency--price-compare boost-sd__product-price--compare">      {{ compareAtPriceWithFormat }}    </span>   {%- endif -%}  </span>    {% if priceValueWithFormat != blank -%}   <span class="fw-bold fs-6 {% if isSale == true %}boost-sd__product-price--sale{% else %}boost-sd__product-price--default{% endif %}">    <span class="boost-sd__format-currency">{{ priceValueWithFormat }}</span>   </span> {% endif %}  {% if savingPriceWithFormat != blank -%}   <span class="fs-6 boost-sd__product-price--saving"><span class="boost-sd__format-currency">{{ savingPriceWithFormat }}</span></span>  {% endif -%} </div>   </div>      <!-- PRODUCT INVENTORY -->   <!-- TEMPLATE PRODUCT SWATCH -->{% assign swatches = '' %}   </div></div> {% assign global_availability = '' %} {% for metafield in product.metafields %}   {% if metafield.namespace == "global" and metafield.key == "availability" %}    {% assign global_availability = metafield.value %}   {% break %}   {% endif %} {% endfor %} {% assign test_availability_text = global_availability | downcase %} {% if test_availability_text contains 'same day' %}  <div class="d-flex align-items-center pt-2 shipping-icon-wrapper">   <svg    aria-hidden="true"    focusable="false"    class="icon icon-shipping-collection"    width="31"    height="32"    viewBox="0 0 31 32"    fill="none"    xmlns="http://www.w3.org/2000/svg">    <path d="M8 7.25C7.29688 7.25 6.75 7.83594 6.75 8.5V9.75H12.375C12.6875 9.75 13 10.0625 13 10.375C13 10.7266 12.6875 11 12.375 11H3.625C3.27344 11 3 10.7266 3 10.375C3 10.0625 3.27344 9.75 3.625 9.75H5.5V8.5C5.5 7.13281 6.59375 6 8 6H16.75C18.1172 6 19.25 7.13281 19.25 8.5V9.75H21.7891C22.3359 9.75 22.8438 10.0234 23.1953 10.4141L26.2812 14.0078C26.5547 14.3594 26.75 14.7891 26.75 15.2188V21H27.375C27.6875 21 28 21.3125 28 21.625C28 21.9766 27.6875 22.25 27.375 22.25H25.5C25.5 24.3203 23.8203 26 21.75 26C19.6797 26 18 24.3203 18 22.25H13C13 24.3203 11.3203 26 9.25 26C7.17969 26 5.5 24.3203 5.5 22.25V21V17.25H6.75V19.4766C7.41406 18.8906 8.27344 18.5 9.25 18.5C10.8516 18.5 12.2578 19.5547 12.7656 21H18V8.5C18 7.83594 17.4141 7.25 16.75 7.25H8ZM25.2656 14.75L22.2578 11.2344C22.1406 11.0781 21.9844 11 21.7891 11H19.25V14.75H25.2656ZM19.25 16V19.4766C19.9141 18.8906 20.7734 18.5 21.75 18.5C23.3516 18.5 24.7578 19.5547 25.2656 21H25.5V16H19.25ZM6.75 22.25C6.75 23.1484 7.21875 23.9688 8 24.4375C8.74219 24.8672 9.71875 24.8672 10.5 24.4375C11.2422 23.9688 11.75 23.1484 11.75 22.25C11.75 21.3906 11.2422 20.5703 10.5 20.1016C9.71875 19.6719 8.74219 19.6719 8 20.1016C7.21875 20.5703 6.75 21.3906 6.75 22.25ZM21.75 19.75C20.8516 19.75 20.0312 20.2578 19.5625 21C19.1328 21.7812 19.1328 22.7578 19.5625 23.5C20.0312 24.2812 20.8516 24.75 21.75 24.75C22.6094 24.75 23.4297 24.2812 23.8984 23.5C24.3281 22.7578 24.3281 21.7812 23.8984 21C23.4297 20.2578 22.6094 19.75 21.75 19.75ZM4.875 12.25H13.625C13.9375 12.25 14.25 12.5625 14.25 12.875C14.25 13.2266 13.9375 13.5 13.625 13.5H4.875C4.52344 13.5 4.25 13.2266 4.25 12.875C4.25 12.5625 4.52344 12.25 4.875 12.25ZM3.625 14.75H12.375C12.6875 14.75 13 15.0625 13 15.375C13 15.7266 12.6875 16 12.375 16H3.625C3.27344 16 3 15.7266 3 15.375C3 15.0625 3.27344 14.75 3.625 14.75Z" fill="#0089FA" />   </svg>   <span class="text-blue-3 fs-6 d-block" style="padding-left:2px;">Ships Today</span>  </div> {% endif %}</div>   </div>  {% endfor %}  {% assign numberOfProductPerRow = widgetDesignSettings.numberOfProductPerRow %}  {% assign numberOfRecommendProduct = widgetDesignSettings.numberOfRecommendProduct %}  {% if numberOfRecommendProduct < numberOfProductPerRow %}   {% assign sliderPages = 1 %}   {% assign disable = "disabled" %}  {% else %}   {% assign sliderPages = numberOfRecommendProduct | divided_by: numberOfProductPerRow | ceil %}   {% assign disable = "" %}  {% endif %} </div><div class="boost-sd__prev-button boost-sd__prev-button--inside">  <button type="button" aria-label="Previous" class="boost-sd__button boost-sd__button--circle boost-sd__slider-button" {{ disable }}>   <span class="boost-sd__icon">    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 7" height="7" width="10" class="boost-sd__prev-button-icon">     <path stroke-linejoin="round" stroke-linecap="round" stroke="#212121" d="M0.764024 5.51189L5.00002 1.28789L9.23602 5.51189"></path>    </svg>   </span>  </button></div><div class="boost-sd__next-button boost-sd__next-button--inside">  <button type="button" aria-label="Next" class="boost-sd__button boost-sd__button--circle boost-sd__slider-button" {{ disable }}>   <span class="boost-sd__icon" style="margin: 0px;">    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 7" height="7" width="10" class="boost-sd__next-button-icon">     <path stroke-linejoin="round" stroke-linecap="round" stroke="#212121" d="M0.764024 5.51189L5.00002 1.28789L9.23602 5.51189"></path>    </svg>   </span>  </button></div></div> {% else %}  <!-- TEMPLATE RECOMMENDATION TYPE BUNDLE -->{% assign bundleStyle = widgetDesignSettings.bundleStyle %}<div class="boost-sd__recommendation-bundle boost-sd__recommendation-bundle--{{ bundleStyle }}"><div class="boost-sd__recommendation-bundle-left">  <div class="boost-sd__recommendation-bundle-images boost-sd__recommendation-bundle-images--{{ bundleStyle }}">   {% for product in products %}    <div class="boost-sd__recommendation-bundle-image-item">     {% if product.checked %}      <a        aria-label="View product details for {{ product.title | escape }}"        class="boost-sd__product-link boost-sd__product-link-image"        href="/products/{{ product.handle }}">     {% endif %}      <div class="boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box">       <div class="boost-sd__product-image {% unless product.checked %} boost-sd__product-image--blur {% endunless %}">        {% if product.images_info[0] %}         <img id="product-image-{{ product.id }}"          class="boost-sd__product-image-img boost-sd__product-image-img--main"          src="{{ product.images_info[0].src }}"          alt="{{ product.title | escape }}"           width="auto" height="auto" />        {% else %}         <img id="product-image-{{ product.id }}"          class="boost-sd__product-image-img boost-sd__product-image-img--main"          src="https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268"          alt="{{ product.title | escape }}"          width="auto" height="auto" />        {% endif %}       </div>      </div>     {% if product.checked %}      </a>     {% endif %}     {% if bundleStyle == 'style2' %}      <div       class="boost-sd__recommendation-bundle-item-info boost-sd__recommendation-bundle-item-info--{{ bundleStyle }}">       <div class="boost-sd__recommendation-bundle-item-info-content {% unless product.checked %} boost-sd__recommendation-bundle-item-info-content--blur {% endunless %}">        <div class="boost-sd__recommendation-bundle-item-title">         {% if forloop.index0 == 0 %}          <span role="text" tabindex="0">           <b>This item:</b> {{ product.title | escape }}          </span>         {% elsif product.checked %}          <a class="boost-sd__product-link" href="/products/{{ product.handle }}">           {{ product.title | escape }}          </a>         {% else %}          <span role="text" tabindex="0">{{ product.title | escape }}</span>         {% endif %}        </div>        {%- if product.selectedOption.title != 'Default Title' -%}         <div class="boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}">          <div            {% if product.checked %} tabindex="0" {% endif %}           role="combobox"           aria-label="Select an option"           aria-expanded="false"           aria-haspopup="true"            data-id="boost-sd__dropdown-{{ widgetId }}"           id="boost-sd__dropdown-{{ widgetId }}"            class="boost-sd__dropdown {% unless product.checked %} boost-sd__dropdown--disabled {% endunless %}">           <div class="boost-sd__dropdown-selected-option">            <span              aria-label="Current option: {{ product.selectedOption.title | escape }}"             class="boost-sd__dropdown-option-text">{{ product.selectedOption.title | escape }}</span>            <svg width="8" height="12" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">             <path              d="M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z"              fill="#5C5F62"></path>            </svg>           </div>           <ul role="listbox"             data-id="boost-sd__dropdown-list-{{ widgetId }}"             id="boost-sd__dropdown-list-{{ widgetId }}"             class="boost-sd__dropdown-option-list">            {% for variant in product.variants %}            <li role="option"             aria-selected="{{ variant.title == product.selectedOption.title }}"              data-id="boost-sd__dropdown-option-{{ widgetId }}"             id="boost-sd__dropdown-option-{{ widgetId }}"              class="boost-sd__dropdown-option {% if variant.title == product.selectedOption.title %}boost-sd__dropdown-option--selected{% endif %}">             {{ variant.title | escape }}            </li>            {% endfor %}           </ul>          </div>         </div>        {% endif %}        <div class="boost-sd__recommendation-bundle-checkbox">         <button type="button"          aria-checked="{% if product.checked %} true {% else %} false {% endif %}"          aria-label="{% if product.checked %} Click to remove from bundle {% else %} Click to add to bundle {% endif %}"          class="boost-sd__recommendation-bundle-checkbox-box {% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}"          data-id="boost-sd__checkbox-{{ widgetId }}"          id="boost-sd__checkbox-{{ widgetId }}-{{ product.id }}"         ></button>        </div>        <span role="text" tabindex="0" aria-label="Price: {{ product.selectedOption.price }}" class="boost-sd__format-currency">         <span>{{ product.selectedOption.price }}</span>        </span>       </div>      </div>     {% endif %}    </div>    {% unless forloop.last %}     <div      class="boost-sd__recommendation-bundle-plus-icon-wrapper boost-sd__recommendation-bundle-plus-icon-wrapper--{{ bundleStyle }}">      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">       <path fill-rule="evenodd" clip-rule="evenodd"        d="M15 7H9V1C9 0.448 8.553 0 8 0C7.447 0 7 0.448 7 1V7H1C0.447 7 0 7.448 0 8C0 8.552 0.447 9 1 9H7V15C7 15.552 7.447 16 8 16C8.553 16 9 15.552 9 15V9H15C15.553 9 16 8.552 16 8C16 7.448 15.553 7 15 7Z"        fill="#5C5F62"></path>      </svg>     </div>    {% endunless %}   {% endfor %}  </div>  {% if bundleStyle == 'style1' %}   {% for product in products %}    <div     class="boost-sd__recommendation-bundle-item-info boost-sd__recommendation-bundle-item-info--{{ bundleStyle }}">     <div class="boost-sd__recommendation-bundle-item-info-content {% unless product.checked %} boost-sd__recommendation-bundle-item-info-content--blur {% endunless %}">      <div class="boost-sd__recommendation-bundle-item-title">       <div class="boost-sd__recommendation-bundle-checkbox">        <button type="button"         aria-checked="{% if product.checked %} true {% else %} false {% endif %}"         aria-label="{% if product.checked %} Click to remove from bundle {% else %} Click to add to bundle {% endif %}"         class="boost-sd__recommendation-bundle-checkbox-box {% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}"         data-id="boost-sd__checkbox-{{ widgetId }}"         id="boost-sd__checkbox-{{ widgetId }}-{{ product.id }}"        ></button>       </div>       {% if forloop.index0 == 0 %}        <span role="text" tabindex="0">         <b>This item:</b> {{ product.title | escape }}        </span>       {% elsif product.checked %}        <a class="boost-sd__product-link" href="/products/{{ product.handle }}">         {{ product.title | escape }}        </a>       {% else %}        <span role="text" tabindex="0">{{ product.title | escape }}</span>       {% endif %}      </div>      {%- if product.selectedOption.title != 'Default Title' -%}       <div class="boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}">        <div          {% if product.checked %} tabindex="0" {% endif %}         role="combobox"         aria-label="Select an option"         aria-expanded="false"         aria-haspopup="true"          data-id="boost-sd__dropdown-{{ widgetId }}"         id="boost-sd__dropdown-{{ widgetId }}"          class="boost-sd__dropdown {% unless product.checked %} boost-sd__dropdown--disabled {% endunless %}">         <div class="boost-sd__dropdown-selected-option">          <span            aria-label="Current option: {{ product.selectedOption.title | escape }}"           class="boost-sd__dropdown-option-text">{{ product.selectedOption.title | escape }}</span>          <svg width="8" height="12" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">           <path            d="M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z"            fill="#5C5F62"></path>          </svg>         </div>         <ul role="listbox"           data-id="boost-sd__dropdown-list-{{ widgetId }}"           id="boost-sd__dropdown-list-{{ widgetId }}"           class="boost-sd__dropdown-option-list">          {% for variant in product.variants %}          <li role="option"           aria-selected="{{ variant.title == product.selectedOption.title }}"            data-id="boost-sd__dropdown-option-{{ widgetId }}"           id="boost-sd__dropdown-option-{{ widgetId }}"            class="boost-sd__dropdown-option {% if variant.title == product.selectedOption.title %}boost-sd__dropdown-option--selected{% endif %}">           {{ variant.title | escape }}          </li>          {% endfor %}         </ul>        </div>       </div>      {% endif %}      <span role="text" tabindex="0" aria-label="Price: {{ product.selectedOption.price }}" class="boost-sd__format-currency">       <span>{{ product.selectedOption.price }}</span>      </span>          </div>    </div>   {% endfor %}  {% endif %} </div><div class="boost-sd__recommendation-bundle-right">  {% if hasSelectedProduct == true %}  <div role="text" tabindex="0" class="boost-sd__recommendation-bundle-total-price">   Total price:   <b class="boost-sd__recommendation-bundle-price-text">    <span class="boost-sd__format-currency">{{ totalPrice }}</span>   </b>  </div>  {% endif %}  <button type="button" {% if hasSelectedProduct == false %}disabled{% endif %}   class="boost-sd__button boost-sd__button--primary boost-sd__button--large boost-sd__button--round boost-sd__button--full-width boost-sd__btn-add-to-cart">   <span>Add to Cart</span>  </button></div></div> {% endif %}</div><style> #{{ widgetId }} .boost-sd__recommendation-title {  color: {{ widgetDesignSettings.titleTextColor }};  font-family: {{ widgetDesignSettings.titleFont }};  font-size: {{ widgetDesignSettings.titleFontSize }}px;  text-transform: {{ widgetDesignSettings.titleTextTransform }};  font-weight: {{ widgetDesignSettings.titleFontWeight }};  font-style: {{ widgetDesignSettings.titleFontStyle }}; }</style>`;
        
      
      
      
        
    ;template["searchTabCollectionsContent"]=`<div role="tabpanel" class="boost-sd__search-result-panel-content"> {% assign currentLocale = '' %} {% if currentLocale != "" %} {% assign currentLocale = currentLocale %} {% endif %} {% for collection in collections %} <a tabindex="0" href="{{ currentLocale }}/collections/{{ collection.handle }}" class="boost-sd__search-result-panel-content-item">  <div class="boost-sd__search-result-panel-content-item-text">   <p class="boost-sd__search-result-panel-content-item-title">{{ collection.title | escape }}</p>  </div></a> {% endfor %} {% capture pageSize %} 12 {% endcapture %} {% assign pageSize = pageSize | plus: 0 %} {% if pageSize < totalCollection %} {% assign totalPage = totalCollection | divided_by: pageSize | ceil %} {% assign pagination = currentPage | pagination_list: totalPage | split: "," %} {% assign toProduct = currentPage | times: pageSize %} <div class="boost-sd__pagination boost-sd__pagination--center">  {% if currentPage != 1 %}  <button type="button" aria-label="previous page" class="boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--previous" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;">   <span class="boost-sd__pagination-button-icon boost-sd__pagination-button-icon--left">    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 7 12" height="12" width="7">     <path d="M6.80474 0.528514C6.54439 0.268165 6.12228 0.268165 5.86193 0.528514L0.861929 5.52851C0.601579 5.78886 0.601579 6.21097 0.861929 6.47132L5.86193 11.4713C6.12228 11.7317 6.54439 11.7317 6.80474 11.4713C7.06509 11.211 7.06509 10.7889 6.80474 10.5285L2.27614 5.99992L6.80474 1.47132C7.06509 1.21097 7.06509 0.788864 6.80474 0.528514Z" clip-rule="evenodd" fill-rule="evenodd"></path>    </svg>   </span>  </button>  {% endif %}  {% for page_string in pagination %}  {% assign page = page_string | plus: 0 %}  {% if page == 0 %}  <button class="boost-sd__pagination-number boost-sd__pagination-number--disabled boost-sd__pagination-number--circle">...</button>  {% elsif page == request.page %}  <button class="boost-sd__pagination-number boost-sd__pagination-number--circle boost-sd__pagination-number--active" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;" data-page="{{ page }}">{{ page }}</button>  {% else %}  <button class="boost-sd__pagination-number boost-sd__pagination-number--circle" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;" data-page="{{ page }}">{{ page }}</button>  {% endif %}  {% endfor %}  {% if currentPage != totalPage %}  <button type="button" aria-label="next page" class="boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--next" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;">   <span class="boost-sd__pagination-button-icon boost-sd__pagination-button-icon--right">    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 7 12" height="12" width="7">     <path d="M0.195262 0.528514C0.455612 0.268165 0.877722 0.268165 1.13807 0.528514L6.13807 5.52851C6.39842 5.78886 6.39842 6.21097 6.13807 6.47132L1.13807 11.4713C0.877722 11.7317 0.455612 11.7317 0.195262 11.4713C-0.0650874 11.211 -0.0650874 10.7889 0.195262 10.5285L4.72386 5.99992L0.195262 1.47132C-0.0650874 1.21097 -0.0650874 0.788864 0.195262 0.528514Z" clip-rule="evenodd" fill-rule="evenodd"></path>    </svg>   </span>  </button>  {% endif %} </div> {% endif %}</div>`;
        
      
      
      
        
    ;template["searchTabPagesContent"]=`<div role="tabpanel" class="boost-sd__search-result-panel-content"> {% for page in pages %} <a tabindex="0" href="{{ page.url }}" class="boost-sd__search-result-panel-content-item">  <div class="boost-sd__search-result-panel-content-item-text">   <p class="boost-sd__search-result-panel-content-item-title">{{ page.title | escape }}</p>  </div></a> {% endfor %} {% capture pageSize %} 25 {% endcapture %} {% assign pageSize = pageSize | plus: 0 %} {% if pageSize < totalPageTab %} {% assign totalPage = totalPageTab | divided_by: pageSize | ceil %} {% assign pagination = currentPage | pagination_list: totalPage | split: "," %} {% assign toProduct = currentPage | times: pageSize %} <div class="boost-sd__pagination boost-sd__pagination--center">  {% if currentPage != 1 %}  <button type="button" aria-label="previous page" class="boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--previous" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;">   <span class="boost-sd__pagination-button-icon boost-sd__pagination-button-icon--left">    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 7 12" height="12" width="7">     <path d="M6.80474 0.528514C6.54439 0.268165 6.12228 0.268165 5.86193 0.528514L0.861929 5.52851C0.601579 5.78886 0.601579 6.21097 0.861929 6.47132L5.86193 11.4713C6.12228 11.7317 6.54439 11.7317 6.80474 11.4713C7.06509 11.211 7.06509 10.7889 6.80474 10.5285L2.27614 5.99992L6.80474 1.47132C7.06509 1.21097 7.06509 0.788864 6.80474 0.528514Z" clip-rule="evenodd" fill-rule="evenodd"></path>    </svg>   </span>  </button>  {% endif %}  {% for page_string in pagination %}  {% assign page = page_string | plus: 0 %}  {% if page == 0 %}  <button class="boost-sd__pagination-number boost-sd__pagination-number--disabled boost-sd__pagination-number--circle">...</button>  {% elsif page == request.page %}  <button class="boost-sd__pagination-number boost-sd__pagination-number--circle boost-sd__pagination-number--active" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;" data-page="{{ page }}">{{ page }}</button>  {% else %}  <button class="boost-sd__pagination-number boost-sd__pagination-number--circle" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;" data-page="{{ page }}">{{ page }}</button>  {% endif %}  {% endfor %}  {% if currentPage != totalPage %}  <button type="button" aria-label="next page" class="boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--next" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;">   <span class="boost-sd__pagination-button-icon boost-sd__pagination-button-icon--right">    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 7 12" height="12" width="7">     <path d="M0.195262 0.528514C0.455612 0.268165 0.877722 0.268165 1.13807 0.528514L6.13807 5.52851C6.39842 5.78886 6.39842 6.21097 6.13807 6.47132L1.13807 11.4713C0.877722 11.7317 0.455612 11.7317 0.195262 11.4713C-0.0650874 11.211 -0.0650874 10.7889 0.195262 10.5285L4.72386 5.99992L0.195262 1.47132C-0.0650874 1.21097 -0.0650874 0.788864 0.195262 0.528514Z" clip-rule="evenodd" fill-rule="evenodd"></path>    </svg>   </span>  </button>  {% endif %} </div> {% endif %}</div>`;
        
      
      
      
        
    ;template["searchTabCollectionsContentPagination"]=`{% assign pagination = currentPage | pagination_list: totalPage | split: "," %}{% assign toProduct = currentPage | times: pageSize %}<div class="boost-sd__pagination boost-sd__pagination--center"> {% if currentPage != 1 %} <button type="button" aria-label="previous page" class="boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--previous" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;">  <span class="boost-sd__pagination-button-icon boost-sd__pagination-button-icon--left">   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 7 12" height="12" width="7">    <path d="M6.80474 0.528514C6.54439 0.268165 6.12228 0.268165 5.86193 0.528514L0.861929 5.52851C0.601579 5.78886 0.601579 6.21097 0.861929 6.47132L5.86193 11.4713C6.12228 11.7317 6.54439 11.7317 6.80474 11.4713C7.06509 11.211 7.06509 10.7889 6.80474 10.5285L2.27614 5.99992L6.80474 1.47132C7.06509 1.21097 7.06509 0.788864 6.80474 0.528514Z" clip-rule="evenodd" fill-rule="evenodd"></path>   </svg>  </span></button> {% endif %} {% for page_string in pagination %} {% assign page = page_string | plus: 0 %} {% if page == 0 %} <button class="boost-sd__pagination-number boost-sd__pagination-number--disabled boost-sd__pagination-number--circle">...</button> {% elsif page == request.page %} <button class="boost-sd__pagination-number boost-sd__pagination-number--circle boost-sd__pagination-number--active" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;" data-page="{{ page }}">{{ page }}</button> {% else %} <button class="boost-sd__pagination-number boost-sd__pagination-number--circle" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;" data-page="{{ page }}">{{ page }}</button> {% endif %} {% endfor %} {% if currentPage != totalPage %} <button type="button" aria-label="next page" class="boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--next" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;">  <span class="boost-sd__pagination-button-icon boost-sd__pagination-button-icon--right">   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 7 12" height="12" width="7">    <path d="M0.195262 0.528514C0.455612 0.268165 0.877722 0.268165 1.13807 0.528514L6.13807 5.52851C6.39842 5.78886 6.39842 6.21097 6.13807 6.47132L1.13807 11.4713C0.877722 11.7317 0.455612 11.7317 0.195262 11.4713C-0.0650874 11.211 -0.0650874 10.7889 0.195262 10.5285L4.72386 5.99992L0.195262 1.47132C-0.0650874 1.21097 -0.0650874 0.788864 0.195262 0.528514Z" clip-rule="evenodd" fill-rule="evenodd"></path>   </svg>  </span></button> {% endif %}</div>`;
        
      
      
      
        
    ;template["placeholderFilterTree"]=`<!-- TEMPLATE PLACEHOLDER --><div class='boost-sd-container'><div class="boost-sd__collection-header">  <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span></div><!-- TEMPLATE IN-COLLECTION SEARCH PLACEHOLDER--><div class='boost-sd-layout boost-sd-layout--has-filter-horizontal'>  <div class='boost-sd-left boost-filter-tree-column'>   <!-- TEMPLATE FILTER TREE PLACEHOLDER -->   <div id="boost-sd__filter-tree-wrapper" class="boost-sd__filter-tree-wrapper">    <div class="boost-sd__filter-tree-horizontal">     <div class="boost-sd__filter-tree-horizontal-placeholder">      <div class="boost-sd__filter-tree-horizontal-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80px; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-horizontal-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80px; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-horizontal-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80px; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-horizontal-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80px; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-horizontal-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80px; border-radius: 0;"></span>      </div>      <div class="boost-sd__filter-tree-horizontal-placeholder-item">       <span class="boost-sd__placeholder-item" style="width:80px; border-radius: 0;"></span>      </div>     </div>    </div>   </div>  </div>  <div class='boost-sd-right boost-product-listing-column'>   <!-- TEMPLATE TOOLBAR PLACEHOLDER-->   <div class="boost-sd__toolbar-container">    <div class="boost-sd__toolbar-inner">     <div class="boost-sd__toolbar-content">      <div class="boost-sd__toolbar boost-sd__toolbar--3_1">       <span class="boost-sd__toolbar-item boost-sd__placeholder-item" style="height: 28px; border-radius: 0;"></span>       <span class="boost-sd__toolbar-item boost-sd__placeholder-item" style="height: 28px; border-radius: 0; margin-bottom: 0"></span>       <span class="boost-sd__toolbar-item boost-sd__placeholder-item" style="height: 28px; border-radius: 0; margin-bottom: 0"></span>      </div>     </div>    </div>   </div>   <!-- TEMPLATE PRODUCT LIST PLACEHOLDER-->   <div class="boost-sd__product-list-placeholder boost-sd__product-list-placeholder--4-col">    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>    <div class="boost-sd__product-list-placeholder-item">     <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span>     <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span>    </div>   </div>   <div class="boost-sd__pagination boost-sd__pagination--center">    <span class="boost-sd__placeholder-item" style="height: 40px; border-radius: 0;"></span>   </div>  </div></div></div><style> .boost-sd__collection-header {  width: 100%;  height: 130px;  display: block;  background: -webkit-gradient(linear,    left top,    right top,    color-stop(8%, #eee),    color-stop(18%, #e6e6e6),    color-stop(33%, #eee));  background-color: #eee;  animation: banner-place-holder-shimmer 2s linear infinite forwards; } .boost-sd__collection-header:empty {  display: block; } .boost-sd__collection-header .boost-sd__placeholder-item {  height: 130px; } @media only screen and (min-width: 992px) {  .boost-sd__collection-header,  .boost-sd__collection-header .boost-sd__placeholder-item {   height: 150px;  } } @keyframes banner-place-holder-shimmer {  0% {   background-position: -1500px 0;  }  100% {   background-position: 1500px 0;  } } .boost-sd__in-collection-search {  margin-bottom: 20px;  margin-top: 20px;  width: 100%;  max-width: 100%;  display: flex;  position: relative; } .boost-sd__in-collection-search--horizontal {  margin: 20px auto 0;  max-width: 592px; } @media only screen and (min-width: 992px) {  .boost-sd__in-collection-search {   margin-bottom: 16px;   margin-top: 16px;  } } .boost-sd__filter-tree-vertical {  margin-top: 0;  margin-right: 0; } .boost-sd__filter-tree-vertical-placeholder {  background: transparent;  width: 100%;  max-width: 100%;  display: none; } .boost-sd__filter-tree-vertical-placeholder-list {  margin: 30px 10px 0;  padding: 0;  list-style: none; } .boost-sd__filter-tree-vertical-placeholder-item {  max-width: 100%;  padding: 20px 0;  display: block; } .boost-sd__filter-tree-vertical-placeholder-item:first-child {  padding-top: 0; } .boost-sd__filter-tree-vertical-placeholder-item:not(:last-child) {  border-bottom: 1px solid #ebebeb; } .boost-sd__filter-tree-vertical-placeholder-item::before, .boost-sd__filter-tree-vertical-placeholder-item::after, { display: none; } .boost-sd__filter-tree-horizontal-placeholder {  display: none; } @media only screen and (min-width: 992px) {  .boost-sd__filter-tree-vertical {   width: 272px;  }  .boost-sd-layout .boost-sd-left .boost-sd__filter-tree-wrapper .boost-sd__filter-tree-vertical {   margin-right: 16px;   margin-left: 0;  }  .boost-sd__filter-tree-vertical-placeholder,  .boost-sd__filter-tree-horizontal-placeholder {   display: inline-block;  }  .boost-sd-layout--has-filter-horizontal {   flex-wrap: wrap;   margin-top: 0;  }  .boost-sd-layout--has-filter-horizontal .boost-sd-left,  .boost-sd-layout--has-filter-horizontal .boost-sd-right {   flex: 0 0 100%;  }  .boost-sd__filter-tree-horizontal {   width: 100%;  }  .boost-sd__filter-tree-horizontal-placeholder {   padding: 16px 0;   border-top: 1px solid #ebebeb;   width: 100%;   max-width: 100%;   background: transparent;  }  .boost-sd__filter-tree-horizontal-placeholder-list {   margin: 0;   padding: 0;   list-style: none;   border-bottom: 1px solid #e8e9eb;  }  .boost-sd__filter-tree-horizontal-placeholder-item {   border: none;   display: inline-block;   margin-right: 35px;   position: relative;  }  .boost-sd__filter-tree-horizontal-placeholder-button {   width: auto;   height: auto;   display: inline-block;   position: relative;   padding: 5px 15px 5px 0;   margin: 0;   min-height: auto;   min-width: 0;   border-radius: 0;   box-shadow: none;   background: none;   border: none;   letter-spacing: normal;   text-align: left;   cursor: pointer;  }  .boost-sd__filter-tree-horizontal-placeholder-button .boost-sd__placeholder-item {   width: 80px;   height: 10px;   display: inline-block;   margin: 0 15px 0 0;  }  .boost-sd__filter-tree-horizontal-placeholder-icon {   transform: rotate(-90deg);  } } .boost-sd__in-collection-search {  margin-bottom: 20px;  margin-top: 20px;  width: 100%;  max-width: 100%;  display: flex;  position: relative; } .boost-sd__in-collection-search--horizontal {  margin: 20px auto 0;  max-width: 592px; } @media only screen and (min-width: 992px) {  .boost-sd__in-collection-search {   margin-bottom: 16px;   margin-top: 16px;  } } .boost-sd__toolbar-container {  width: 100%;  margin-bottom: 16px; } .boost-sd__toolbar-inner {  max-width: 1216px;  margin: 0 auto; } .boost-sd__toolbar-content {  border-bottom: 1px solid #ebebeb;  border-top: 1px solid #ebebeb;  padding: 16px 0; } .boost-sd__toolbar {  align-items: center;  width: 100%;  display: flex;  flex-wrap: wrap;  column-gap: 16px;  justify-content: space-between; } .boost-sd__toolbar .boost-sd__placeholder-item {  flex-basis: 45%; } .boost-sd__toolbar .boost-sd__placeholder-item:first-child {  flex-basis: 100%;  margin-bottom: 16px; } @media only screen and (min-width: 992px) {  .boost-sd__toolbar-content {   display: flex;   align-items: center;   border-bottom: none;   padding: 16px 0 16px;   border-top: 1px solid #ebebeb;   border-bottom: 0;  }  .boost-sd__toolbar {   flex-wrap: inherit;  }  .boost-sd__toolbar .boost-sd__placeholder-item {   flex-basis: auto;  }  .boost-sd__toolbar .boost-sd__placeholder-item:first-child {   flex-basis: auto;   margin-bottom: 0;  }  .boost-sd__toolbar--3_1 .boost-sd__toolbar-item {   flex: 1;  }  .boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(2) {   justify-content: center;  }  .boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(3) {   justify-content: end;  } } .boost-sd__product-list-placeholder {  gap: 16px;  margin-bottom: 32px;  flex-wrap: wrap;  width: 100%;  display: flex; } .boost-sd__product-list-placeholder--1-col .boost-sd__product-list-placeholder-item {  width: 100%; } .boost-sd__product-list-placeholder--2-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item {  width: calc(50% - 8px); } .boost-sd__product-list-placeholder .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {  height: 222px; } .boost-sd__pagination {  padding-top: 10px;  padding-bottom: 10px;  justify-content: center;  align-items: center;  display: flex; } @media only screen and (min-width: 576px) {  .boost-sd__product-list-placeholder {   gap: 32px;   margin-bottom: 64px;  }  .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item,  .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item,  .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item,  .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item {   width: calc(33.3333333333% - (32px - 32px / 3));  } } @media only screen and (min-width: 992px) {  .boost-sd__product-list-placeholder .boost-sd__placeholder-item:not(:last-child) {   margin-bottom: 8px;  }  .boost-sd__product-list-placeholder .boost-sd__placeholder-item:first-child {   margin-bottom: 16px;  }  .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {   height: 382px;  }  .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {   height: 275px;  }  .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {   height: 215px;  }  .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child {   height: 175px;  }  .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item {   width: calc(33.3333333333% - (32px - 32px / 3));  }  .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item {   width: calc(25% - (32px - 32px / 4));  }  .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item {   width: calc(20% - (32px - 32px / 5));  }  .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item {   width: calc(16.6666667% - (32px - 32px / 6));  } } .boost-sd-container * {  box-sizing: border-box; } .boost-sd__placeholder-item {  background: rgba(0, 0, 0, 0.07);  border-radius: 50rem;  min-width: 50px;  max-width: 100%;  height: 20px;  animation: 2s infinite place-holder-animation;  display: inline-block; } .boost-sd__placeholder-item:empty {  display: block; } .boost-sd__placeholder-item:not(:last-child) {  margin-bottom: 18px; } .boost-sd-layout {  margin: 20px auto 0; } .boost-sd-left {  position: relative; } .boost-sd-layout .boost-sd-right {  width: 100%;  margin-bottom: 20px; } @keyframes place-holder-animation {  0% {   opacity: 1;  }  50% {   opacity: 0.5;  }  100% {   opacity: 1;  } } @media only screen and (min-width: 992px) {  .boost-sd-layout {   display: flex;   max-width: 1216px;  }  .boost-sd-layout .boost-sd-right {   flex: auto;   max-width: 100%;  } }</style>`;
        
      
      
      
        
    ;template["preOrder"]=`<!-- TEMPLATE PRE-ORDER APP BLOCK --><div class="boost-sd__product-form"><!-- Quantity Input --><div class="boost-sd__product-form-quantity">  <p id="quantity-title" class="boost-sd__product-form-quantity-title">   {{ "quickView.qvQuantity" | translate: translations, 'Quantity' }}  </p>  <div role="group" aria-labelledby="quantity-title" class="boost-sd__input-number boost-sd__input-number--md">   <div class="boost-sd__input-number-btn-wrapper">    <button type="button" aria-label="Decrease quantity" aria-controls="item-quantity" class="boost-sd__button boost-sd__button--full-width boost-sd__input-number-btn">     <span aria-hidden="true">-</span>    </button>   </div>   <input id="item-quantity" type="number" aria-labelledby="quantity-title" aria-describedby="quantity-error" class="boost-sd__input-number-input" value="1" min="1" />   <div class="boost-sd__input-number-btn-wrapper">    <button type="button" aria-label="Increase quantity" aria-controls="item-quantity" class="boost-sd__button boost-sd__button--full-width boost-sd__input-number-btn">     <span aria-hidden="true">+</span>    </button>   </div>  </div>  <div aria-live="assertive" id="quantity-error" class="boost-sd__product-form-quantity-error">   {{ "quickView.qvQuantityError" | translate: translations, 'Please input quantity' }}  </div></div><div class="boost-sd__preorder-options">  <!-- TEMPLATE PRE_ORDER WITH PAYMENT -->  <!-- TODO check preorder -->  {% if product.variants %}  {% assign variants = product.variants %}  {% else %}  {% assign variants = variants %}  {% endif %}  {% for variant in variants %}  {% if variant.preorder %}  {% assign paymentType = variant.preorder.payment.type %}  {% assign discountType = variant.preorder.payment.discountType %}  {% assign discountValue = variant.preorder.payment.discountValue %}  {% assign originalPrice = variant.price %}  {% assign paymentLabel = '' %}  {% if paymentType == 'full' %}  {% assign paymentLabel = 'Full payment' %}  {% endif %}  {% if paymentType == 'partial' %}  {% assign paymentLabel = 'Partial payment' %}  {% endif %}  {% if paymentType == 'none' %}  {% assign paymentLabel = 'No payment' %}  {% endif %}  {% assign moneyFormat = request.money_format | strip_html -%}  {% assign moneyRate = request.currency_rate | strip_html -%}  {% if discountType == 'percentage' %}  {% assign percentNum = originalPrice | times: discountValue | divided_by: 100 %}  {% assign discountedPrice = originalPrice | times: 1.0 | minus: percentNum %}  {% elsif discountType == 'amount' %}  {% assign discountValue = discountValue | times: moneyRate %}  {% assign discountedPrice = originalPrice | times: 1.0 | minus: discountValue %}  {% else %}  {% assign discountedPrice = originalPrice %}  {% endif %}  {% assign removePriceDecimal = false -%}  {% assign showCentAsSuperscript = false -%}  {% assign decimalDelimiter = '' -%}  {% assign withoutTrailingZeros = true -%}  {% assign originalPriceFormat = originalPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}  {% assign discountedPriceFormat = discountedPrice | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%}  {% assign discountValueFormat = discountValue | format_currency: moneyFormat, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros %}  <div tabindex="0" role="region" aria-labelledby="preorder-title" aria-describedby="preorder-description" class="boost-sd__preorder" data-variant-id="{{ variant.id }}">   <div class="boost-sd__preorder-option">    <h2 id="preorder-title" class="boost-sd__preorder-title">{{ paymentLabel }}</h2>    <div aria-live="polite" id="preorder-description" class="boost-sd__preorder-discount">     {% if discountType == 'percentage' %}     <span class="boost-sd__preorder-save">Save {{ discountValue }}%</span>     {% elsif discountType == 'amount' %}     <span class="boost-sd__preorder-save">Save {{ discountValueFormat }}</span>     {% endif %}     <div class="boost-sd__preorder-price">      {% if discountType != 'none' %}      <span aria-label="Original Price: {{ originalPriceFormat }}" class="boost-sd__preorder-original-price">{{ originalPriceFormat }}</span>      {% endif %}      <span aria-label="Discounted Price: {{ discountedPriceFormat }}" class="boost-sd__preorder-discounted-price">{{ discountedPriceFormat }}</span>     </div>    </div>   </div>  </div>  {% endif %}  {% endfor %}  {% assign buttonLabel = 'Pre-Order' %}  {% assign preOrderButtonText = variants[0].preorder.settings.buttonText %}  {% assign preOrderDeliveryText = variants[0].preorder.settings.deliveryText %}  {% if preOrderButtonText and preOrderButtonText != '' %}  {% assign buttonLabel = preOrderButtonText %}  {% endif %}  <button type="button" aria-label='{{ buttonLabel }}' class="boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__button--preorder">   <span aria-hidden="true" class="boost-sd__button-text">    {{ buttonLabel }}   </span>  </button>  <p tabindex="0" class="boost-sd__preorder-note">   <strong class="boost-sd__preorder-note-title">Please note: </strong><span class="boost-sd__preorder-note-text">{{ preOrderDeliveryText }}</span>  </p></div><!-- TEMPLATE ADD TO CART --><div class="boost-sd__purchase-options">  <button type="button" class="boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__button--purchase">   <span class="boost-sd__button-text">    {{ "productItem.atcAvailableLabel" | translate: translations, 'Add to cart' }}   </span>  </button></div></div>`;
        
      
      
      
        
    ;template["preOrderPlaceholder"]=`<!-- Placeholder for PreOrder --><div class="boost-sd__preorder-placeholder"><div class="boost-sd__preorder-placeholder-quantity-label">  <div class="boost-sd__placeholder-item" style="width: 65px; height: 20px;"></div></div><div class="boost-sd__preorder-placeholder-product-quantity">  <div class="boost-sd__placeholder-item" style="width: 160px; height: 38px;"></div></div><div class="boost-sd__preorder-placeholder-add-to-cart">  <div class="boost-sd__placeholder-item" style="width: 100%; height: 50px;"></div></div><div class="boost-sd__preorder-placeholder-buy-it-now">  <div class="boost-sd__placeholder-item" style="width: 100%; height: 50px;"></div></div></div>`;
        
      
      
      
        
    ;template["backInStock"]=`<!-- Floating Notify Me Button --><button aria-haspopup="dialog" aria-controls="boost-sd__bis-notify-popup" id="boost-sd__bis-notify-me-button" class="boost-sd__bis-notify-button"> Notify me when available</button><!-- Popup Notify Me Form --><div role="dialog" aria-hidden="true" aria-labelledby="boost-sd__bis-popup-title" aria-describedby="boost-sd__bis-popup-description" id="boost-sd__bis-notify-popup" class="boost-sd__bis-notify-popup"><div class="boost-sd__bis-popup-backdrop"></div><div class="boost-sd__bis-popup-container">  <div class="boost-sd__bis-popup-heading">   <!-- Close Button -->   <button aria-label="Close popup" id="boost-sd__bis-close-popup" class="boost-sd__bis-close-button">    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label='{{ "close" | translate: translations, "Close" }}'>     <path d="M9.41385 8L15.7069 1.707C15.8944 1.51949 15.9997 1.26518 15.9997 1C15.9997 0.734825 15.8944 0.48051 15.7069 0.293002C15.5193 0.105494 15.265 0.000152588 14.9998 0.000152588C14.7347 0.000152588 14.4804 0.105494 14.2928 0.293002L7.99985 6.586L1.70685 0.293002C1.614 0.200157 1.50378 0.126509 1.38247 0.0762618C1.26117 0.0260146 1.13115 0.000152588 0.999849 0.000152588C0.868547 0.000152588 0.738531 0.0260146 0.617224 0.0762618C0.495916 0.126509 0.385694 0.200157 0.292849 0.293002C0.105341 0.48051 0 0.734825 0 1C0 1.26518 0.105341 1.51949 0.292849 1.707L6.58585 8L0.292849 14.293C0.105341 14.4805 0 14.7348 0 15C0 15.2652 0.105341 15.5195 0.292849 15.707C0.480357 15.8945 0.734673 15.9999 0.999849 15.9999C1.26503 15.9999 1.51934 15.8945 1.70685 15.707L7.99985 9.414L14.2928 15.707C14.3855 15.8002 14.4957 15.8741 14.617 15.9246C14.7383 15.9751 14.8684 16.001 14.9998 16.001C15.1313 16.001 15.2614 15.9751 15.3827 15.9246C15.504 15.8741 15.6142 15.8002 15.7069 15.707C15.7998 15.6142 15.8735 15.504 15.9238 15.3827C15.9742 15.2614 16 15.1313 16 15C16 14.8687 15.9742 14.7386 15.9238 14.6173C15.8735 14.496 15.7998 14.3858 15.7069 14.293L9.41385 8Z" fill="#5C5F62" />    </svg>   </button>   <!-- Title -->   <p id="boost-sd__bis-popup-title" class="boost-sd__bis-popup-title">Notify me</p>  </div>  <div class="boost-sd__bis-popup-content">   <!-- Description -->   <p id="boost-sd__bis-popup-description" class="boost-sd__bis-popup-description">    Get a notification as soon as this product is back in stock by signing up below!   </p>   <!-- Variant Selector -->   {% if filteredVariants.size > 0 and filteredVariants[0].title != 'Default Title' %}   <label for="boost-sd__bis-dropdown-variant" class="boost-sd__bis-dropdown-label">Select variant</label>   <div aria-label="Select an option" role="combobox" aria-expanded="false" aria-haspopup="listbox" aria-controls="boost-sd__bis-dropdown-list" aria-activedescendant="" data-id="boost-sd__bis-dropdown-variant" id="boost-sd__bis-dropdown-variant" class="boost-sd__bis-dropdown-variant">    <div role="button" aria-labelledby="boost-sd__bis-dropdown-selected-option" aria-label="Press to toggle dropdown" tabindex="0" id="boost-sd__bis-dropdown-selected-option" class="boost-sd__bis-dropdown-selected-option">     <span aria-label="Current option: {{ filteredVariants[0].title | escape }}" class="boost-sd__bis-dropdown-option-text" title="{{ filteredVariants[0].title | escape }}">      {{ filteredVariants[0].title | escape }}     </span>     <svg width="8" height="12" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">      <path d="M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z" fill="#222222"></path>     </svg>    </div>    <ul role="listbox" aria-labelledby="boost-sd__bis-dropdown-selected-option" data-id="boost-sd__bis-dropdown-list" tabindex="-1" id="boost-sd__bis-dropdown-list" class="boost-sd__bis-dropdown-option-list">     {% for variant in filteredVariants %}     <li role="option" tabindex="-1" aria-selected="false" data-id="boost-sd__bis-dropdown-option-item-{{ forloop.index }}" id="boost-sd__bis-dropdown-option-item-{{ forloop.index }}" class="boost-sd__bis-dropdown-option-item" data-variant-id="{{ variant.id }}">      {{ variant.title | escape }}     </li>     {% endfor %}    </ul>   </div>   {% endif %}   <!-- Email Input -->   <label for="boost-sd__bis-email-input" class="boost-sd__bis-email-label">Email address</label>   <input type="email" aria-describedby="boost-sd__bis-email-error" id="boost-sd__bis-email-input" class="boost-sd__bis-email-input" placeholder="Enter your email" />   <span aria-live="polite" id="boost-sd__bis-email-error" class="boost-sd__bis-email-error">Please input a valid email address</span>   <!-- Submit Button -->   <button aria-disabled="true" id="boost-sd__bis-submit-button" class="boost-sd__bis-submit-button" disabled>    Notify me when available   </button>  </div></div></div><!-- Success Banner --><div aria-hidden="true" aria-live="polite" id="boost-sd__bis-success-banner" class="boost-sd__bis-success-banner"><svg id="boost-sd__bis-success-banner-icon" class="boost-sd__bis-success-banner-icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">  <path fill-rule="evenodd" clip-rule="evenodd" d="M0 10C0 15.514 4.486 20 10 20C15.514 20 20 15.514 20 10C20 4.486 15.514 0 10 0C4.486 0 0 4.486 0 10ZM15.2071 8.20711C15.5976 7.81658 15.5976 7.18342 15.2071 6.79289C14.8166 6.40237 14.1834 6.40237 13.7929 6.79289L9 11.5858L6.70711 9.29289C6.31658 8.90237 5.68342 8.90237 5.29289 9.29289C4.90237 9.68342 4.90237 10.3166 5.29289 10.7071L8.29289 13.7071C8.68342 14.0976 9.31658 14.0976 9.70711 13.7071L15.2071 8.20711Z" fill="white" /></svg><span id="boost-sd__bis-success-banner-text" class="boost-sd__bis-success-banner-text">We will notify you when the item is available</span></div>`;
        
      
      
      
      
      
      
      
    ;return{templateUrl:"https://services.mybcapps.com/bc-sf-filter/ssr-template",templateId,templateMetadata,template,templateSettings}}};TemplateManagement.moduleName="TemplateManagement";var TierDiscountBundle=class extends BoostTAEAppModule{constructor(){super(...arguments);this.initBlock=()=>{const tierDiscountBundleDom=document.querySelector(".boost-sd__widget-tier-discount-bundle");if(!tierDiscountBundleDom){return}this.block={id:tierDiscountBundleDom.id||"bc-tier-discount-bundle",document:tierDiscountBundleDom};this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(this.block,tierDiscountBundleDom,"tierDiscountBundle");this.TAEApp.registerBlock(this.block)}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onModuleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};TierDiscountBundle.moduleName="TierDiscountBundle";var VolumeBundle=class extends BoostTAEAppModule{constructor(){super(...arguments);this.initBlock=()=>{const volumeBundleDom=document.querySelector(".boost-sd__widget-volume-bundle");if(!volumeBundleDom){return}this.block={id:volumeBundleDom.id||"bc-volume-bundle",document:volumeBundleDom};this.backwardCompatibilityV1Module?.legacyAssignDefaultBlockAttributes(this.block,volumeBundleDom,"volumeBundle");this.TAEApp.registerBlock(this.block)}}get backwardCompatibilityV1Module(){return this.TAEApp.getModule(BackwardCompatibilityV1)}onModuleInit(){document.addEventListener("DOMContentLoaded",this.initBlock)}onModuleDestroy(){document.removeEventListener("DOMContentLoaded",this.initBlock)}};VolumeBundle.moduleName="VolumeBundle";var application=new Application().loadModule(AppSettings).loadModule(ShopifyDataObject).loadModule(ShopifyMetafield).loadModule(TemplateManagement).loadModule(CollectionFilter).loadModule(AdditionalElement).loadModule(Search).loadModule(Recommendation).loadModule(Cart).loadModule(Analytics).loadModule(B2B).loadModule(BackInStock).loadModule(VolumeBundle).loadModule(TierDiscountBundle).loadModule(PredictiveBundle).loadModule(PreOrder).loadModule(CountdownTimer).loadModule(SimplifiedIntegration).loadModule(SEOEnhancement).loadModule(Fallback).loadModule(AssetFilesLoader).loadModule(BackwardCompatibilityV1);application.start();function getBoostTAE(){return application}})();</script><style>.boost-sd__filter-product-list img[loading=lazy]{display:none}</style><!-- END app block --><!-- BEGIN app block: shopify://apps/boost-ai-search-filter/blocks/instant-search-app-embedded/7fc998ae-a150-4367-bab8-505d8a4503f7 --><script type="text/javascript">(function a(){!window.boostWidgetIntegration&&(window.boostWidgetIntegration={});const b=window.boostWidgetIntegration;!b.taeSettings&&(b.taeSettings={});const c=b.taeSettings;c.instantSearch={enabled:!0}})()</script><!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 9760047167,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function(){var wpmLoader=function(){"use strict";return function(e,d,r,n){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(i=null==(a=window.Shopify)?void 0:a.analytics)?void 0:i.replayQueue)){var a,i;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l,u,c,m,p,f,h,g,y,w,v,b,S,P=(u=(l={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,c=l.legacy,(m=navigator.userAgent).match(u)?"modern":m.match(c)?"legacy":"unknown"),C="modern"===P?"modern":"legacy",_=(null!=n?n:{modern:"",legacy:""})[C],O=[(p={baseUrl:d,hashVersion:r,buildTarget:C}).baseUrl,"/wpm","/b",p.hashVersion,"modern"===p.buildTarget?"m":"l",".js"].join(""),U=(f={version:r,bundleTarget:P,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint},h=f.version,g=f.bundleTarget,y=f.surface,w=f.pageUrl,v=f.monorailEndpoint,{emit:function(e){var d=e.status,r=e.errorMsg,n=(new Date).getTime(),o=JSON.stringify({metadata:{event_sent_at_ms:n},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:h,bundle_target:g,page_url:w,status:d,surface:y,error_msg:r},metadata:{event_created_at_ms:n}}]});if(!v)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(v,o)}catch(e){}var a=new XMLHttpRequest;try{return a.open("POST",v,!0),a.setRequestHeader("Content-Type","text/plain"),a.send(o),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}});try{o.browserTarget=P,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,a=e.onerror,i=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var m in s)if(Object.prototype.hasOwnProperty.call(s,m))try{l.dataset[m]=s[m]}catch(e){}if(o&&l.addEventListener("load",o),a&&l.addEventListener("error",a),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:O,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null==(d=null==(e=window.Shopify)?void 0:e.analytics)?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)}),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return U.emit({status:"failed",errorMsg:"".concat(O," has failed to load")})},sri:(b=_,S=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof b&&S.test(b)?_:""),scriptDataAttributes:o}),U.emit({status:"loading"})}catch(e){U.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 9760047167,storefrontBaseUrl: "https://smallhd.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","3209b71c","5acaffe6","86d76263","3b3c7daf","6faea013"],webPixelsConfigList: [{"id":"385482885","configuration":"{\"publicKey\":\"pub_f98f16a309823c0e8099\",\"apiUrl\":\"https:\\\/\\\/tracking.refersion.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0fb80394591dba97de0fece487c9c5e4","type":"APP","apiClientId":147004,"privacyPurposes":["ANALYTICS","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"210862213","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-VXTZE98759\\\",\\\"GT-TB7P4BT\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-VXTZE98759\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-VXTZE98759\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-VXTZE98759\\\",\\\"MC-V2HW1GFRSY\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-VXTZE98759\\\",\\\"MC-V2HW1GFRSY\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-VXTZE98759\\\",\\\"MC-V2HW1GFRSY\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-VXTZE98759\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-VXTZE98759\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"f15305aac1e98c5c26a7c80e7bc37bde","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"103088261","configuration":"{\"pixel_id\":\"822302434452759\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"abff2a8add143ccb04deb20f0ebd74a9","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"18743429","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Checkout"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"SmallHD","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"cs-io.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/smallhd.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":null,"purchasingCompany":null,"page":null},},"https://smallhd.com/cdn","a9664f44w6a62cec8p04af10e4mb91e3447",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","pageType":"home","shopId":"9760047167","storefrontBaseUrl":"https:\/\/smallhd.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"3209b71c\", \"5acaffe6\", \"86d76263\", \"3b3c7daf\", \"6faea013\"]","isMerchantRequest":"false","hashVersion":"a9664f44w6a62cec8p04af10e4mb91e3447","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"page":{"pageType":"home","requestId":"129276ed-08a2-4705-bb0e-1fa20d8ef8c4-1780981223"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
          try {
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1)
            });
          } catch (e) {
            // no-op
          }
        }
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
  var scriptFallback = document.createElement('script');
  scriptFallback.type = 'text/javascript';
  scriptFallback.onerror = function(error) {
          var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 9760047167,
      theme_id: 129246527621,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//smallhd.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//smallhd.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//smallhd.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":9760047167,"isMerchantRequest":null,"themeId":129246527621,"themeCityHash":"3572642986555440131","contentLanguage":"en","currency":"USD","eventMetadataId":"c45661ed-5548-4b1e-a1e1-6fafd0c77c9d"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"129276ed-08a2-4705-bb0e-1fa20d8ef8c4-1780981223","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//smallhd.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
  <script>
  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
    window.ga = function ga() {
      (window.ga.q = window.ga.q || []).push(arguments);
      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
      }
      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
    };
    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
    }
  }
</script>
<script
  defer
  src="https://smallhd.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="9760047167"
  data-render-region="gcp-us-central1"
  data-page-type="index"
  data-theme-instance-id="129246527621"
  data-theme-name="Dawn"
  data-theme-version="12.0.0"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://smallhd.com/api/collect"
></script>
</head>

  <body class="gradient" style=" background-color:#000 !important;  ">
    

    

    <!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--16059172520069__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/component-list-menu.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/component-search.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/component-menu-drawer.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/component-cart-notification.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/header-24.css" media="print" onload="this.media='all'"><link rel="stylesheet" href="https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/component-price.css" media="print" onload="this.media='all'"><noscript><link rel='stylesheet' href='https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/component-list-menu.css'></noscript>
<noscript>
<link rel='stylesheet' href='https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/component-search.css'>
</noscript>
<noscript>
<link rel='stylesheet' href='https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/component-menu-drawer.css'>
</noscript>
<noscript>
<link rel='stylesheet' href='https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/component-cart-notification.css'> 
</noscript>
<noscript>
<link rel='stylesheet' href='https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/component-cart-items.css'>
</noscript>

<link rel='stylesheet' href='https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/component-cart-drawer.css'> 
<link rel='stylesheet' href='https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/component-cart.css'>
<link rel='stylesheet' href='https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/component-totals.css'>
<link rel='stylesheet' href='https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/component-price.css'>
<link rel='stylesheet' href='https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/component-discounts.css'>
<link rel='stylesheet' href='https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/header-24.css'>


<script src="https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/js/details-disclosure.js" defer="defer"></script>
<script src="https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/js/details-modal.js" defer="defer"></script>
<script src="https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/js/cart-notification.js" defer="defer"></script>
<script src="https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/js/search-form.js" defer="defer"></script>
  <script src="https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/js/cart.js" defer="defer"></script>
<script src="https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/js/header.js" defer="defer"></script>
  <svg xmlns="http://www.w3.org/2000/svg" class="hidden d-none">
  
  <symbol id="icon-search" viewbox="0 0 17 17" fill="none">
    
    <path d="M11.5 6.5C11.5 4.71875 10.5312 3.09375 9 2.1875C7.4375 1.28125 5.53125 1.28125 4 2.1875C2.4375 3.09375 1.5 4.71875 1.5 6.5C1.5 8.3125 2.4375 9.9375 4 10.8438C5.53125 11.75 7.4375 11.75 9 10.8438C10.5312 9.9375 11.5 8.3125 11.5 6.5ZM10.5312 11.625C9.40625 12.5 8 13 6.5 13C2.90625 13 0 10.0938 0 6.5C0 2.9375 2.90625 0 6.5 0C10.0625 0 13 2.9375 13 6.5C13 8.03125 12.4688 9.4375 11.5938 10.5625L15.7812 14.7188C16.0625 15.0312 16.0625 15.5 15.7812 15.7812C15.4688 16.0938 15 16.0938 14.7188 15.7812L10.5312 11.625Z" fill="#A2A2A3"/>

  </symbol>

  <symbol id="icon-reset" class="icon icon-close"  fill="none" viewBox="0 0 18 18" stroke="currentColor">
    <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2"/>
    <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
    <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
  </symbol>

  <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 14 16">
    
      <path d="M12.8125 2.25L7.96875 8L12.8125 13.7812C13.0625 14.0938 13.0312 14.5625 12.7188 14.8438C12.4062 15.0938 11.9375 15.0625 11.6562 14.75L7 9.1875L2.3125 14.75C2.03125 15.0625 1.5625 15.0938 1.25 14.8438C0.9375 14.5625 0.90625 14.0938 1.15625 13.7812L6 8L1.15625 2.25C0.90625 1.9375 0.9375 1.46875 1.25 1.1875C1.5625 0.9375 2.03125 0.96875 2.3125 1.28125L7 6.84375L11.6562 1.28125C11.9375 0.96875 12.4062 0.9375 12.7188 1.1875C13.0312 1.46875 13.0625 1.9375 12.8125 2.25Z" fill="#A2A2A3"/>

  </symbol>
</svg><style>
@media (min-width: 768px){
  .navbar-nav li a.nav-link, #navMobaccordion .accordion-button {
    color: #a2a2a3;
  }
}
  
</style>
<div class="tdk-nav-primary-wrapper">
<div class="tdk-navbar-stack-fixed absolute-top">
<nav class="navbar navbar-expand-md bg-black p-0 tdk-nav-primary" id="navdrop">
  <div class="container-pf-mini d-md-flex align-items-center">
    <div class="navLogo-container">
    <a class="navbar-brand p-0 m-0 d-none d-md-block" href="/">
                    <img src="//smallhd.com/cdn/shop/files/shd-logo-nsv-svg.svg?v=1751369649&amp;width=600" alt="SmallHD" srcset="//smallhd.com/cdn/shop/files/shd-logo-nsv-svg.svg?v=1751369649&amp;width=290 290w, //smallhd.com/cdn/shop/files/shd-logo-nsv-svg.svg?v=1751369649&amp;width=352 352w" width="290" loading="eager" class="header__heading-logo motion-reduce img-fluid d-block">
</a>
    </div>
    <div class="d-flex d-md-none align-items-center justify-content-between py-md-4">
    <div class="d-block">
       <a class="navbar-brand p-0 m-0" href="/">
                    <img src="//smallhd.com/cdn/shop/files/shd-logo-nsv-svg.svg?v=1751369649&amp;width=600" alt="SmallHD" srcset="//smallhd.com/cdn/shop/files/shd-logo-nsv-svg.svg?v=1751369649&amp;width=290 290w, //smallhd.com/cdn/shop/files/shd-logo-nsv-svg.svg?v=1751369649&amp;width=352 352w" width="290" loading="eager" class="header__heading-logo motion-reduce img-fluid d-block">
</a>
    </div>
      <div class="d-flex align-tems-center">
        <a href="/cart" class="header__icon header__icon--cart link focus-inset position-relative px-md-8 py-md-2" id="cart-icon-bubble">
          <i class="fa-light fa-cart-shopping fs-md-5 fs-4"></i>
          <span class="visually-hidden invisible">Cart</span></a>

       

<details-modal class="header__search" id="mobile-search">
  <details>
    <summary
      class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle d-flex align-items-center justify-content-center py-md-2"
      aria-haspopup="dialog"
      aria-label="Search"
    >
      <a href="#icon-search" class="fs-md-5 fs-4 text-decoration-none"><i class="fa-light fa-magnifying-glass"></i></a>
      <a href="#icon-close" class="fs-5 text-gray-3 text-decoration-none"><i class="fa-light fa-xmark d-none"></i></a>
    </summary>
    <div
      class="search-modal modal__content gradient"
      role="dialog"
      aria-modal="true"
      aria-label="Search"
    >
      <div class="modal-overlay"></div>
      <div
        class="search-modal__content search-modal__content-bottom"
        tabindex="-1"
      ><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
          <div class="field">
            <input
              class="search__input field__input"
              id="Search-In-Modal"
              type="search"
              name="q"
              value=""
              placeholder="Search"role="combobox"
                aria-expanded="false"
                aria-owns="predictive-search-results"
                aria-controls="predictive-search-results"
                aria-haspopup="listbox"
                aria-autocomplete="list"
                autocorrect="off"
                autocomplete="off"
                autocapitalize="off"
                spellcheck="false">
            <!-- <label class="field__label fs-6" for="Search-In-Modal">Search</label> -->
            <input type="hidden" name="options[prefix]" value="last">
            <button
              type="reset"
              class="d-none reset__button field__button hidden"
              aria-label="Clear search term"
            >
              <svg class="icon icon-close" aria-hidden="true" focusable="false">
                <use xlink:href="#icon-reset">
              </svg>
            </button>
            <button class="search__button field__button" aria-label="Search">
              <svg class="icon icon-search" aria-hidden="true" focusable="false">
                <use href="#icon-search">
              </svg>
            </button>
          </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>

<link rel='stylesheet' href='https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/component-loading-spinner.css'>




  <div class="predictive-search__loading-state">
    <svg
      aria-hidden="true"
      focusable="false"
      class="spinner"
      viewBox="0 0 66 66"
      xmlns="http://www.w3.org/2000/svg"
    >
      <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
    </svg>
  </div>


</div>

            <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button
          type="button"
          class="search-modal__close-button modal__close-button link link--text focus-inset"
          aria-label="Close"
        >
          <svg class="icon icon-close" aria-hidden="true" focusable="false">
            <use href="#icon-close">
          </svg>
        </button>
      </div>
    </div>
  </details>
</details-modal>
        <button id="mobile-menu-toggle" class="navbar-toggler ms-auto" type="button" data-bs-toggle="offcanvas" data-bs-target="#mobMenuOffcanvas" aria-controls="mobMenuOffcanvas">
        <span><i class="fa-light fa-bars text-gray-3 d-block"></i></span>
        <span><i id="closer" class="fa-light fa-xmark text-gray-3" style="display: none; font-size:1.458rem;"></i></span>
      </button>
      
      </div>
      
    </div>

    <div class="offcanvas offcanvas-end offcanvas-mob d-md-none border-left-0 bg-gray-8" tabindex="-1" id="mobMenuOffcanvas" aria-labelledby="mobMenuOffcanvasLabel" style="width: 21.31rem; height: 100dvh;">
  <div class="offcanvas-warmup-layer"></div>

  <div class="offcanvas-header pt-7 ps-7 pe-10 pb-17">
    <h5 class="mb-0 text-gray-2 fw-bold" id="backBtn">
      <a href="#" id="backBtnLink" class="text-gray-2 text-decoration-none me-1"><i class="fa-regular fa-chevron-left"></i>
      All
      </a>
    </h5>
    <a role="button" class="position-relative ms-auto" data-bs-dismiss="offcanvas" aria-label="Close">
      <i class="fa-light fa-xmark text-gray-1" style="font-size:2rem;"></i>
    </a>
  </div>
  <div class="offcanvas-body position-relative px-0 pt-0">

    <!-- products mob -->
    <a href="#" id="mobPrdcts" class="text-gray-1 px-10 py-2 fs-4 fw-medium text-decoration-none d-flex justify-content-between align-items-center">
    Products
    <i class="fa-regular fa-chevron-right fs-5"></i>
</a>

<!-- Products Sub-link -->
<div class="position-absolute bg-gray-8 bottom-0 start-0 end-0 top-0 mobfrstMenu">
    <h4 class="text-gray-1 fw-bold mb-5 mt-2 mx-10 blurrable">Products</h4>
    
        <a id="subSmart5SeriesLinks" 
           data-back-text="Products" 
           class="blurrable nav-link text-gray-2 fs-5 px-10 py-4 d-flex justify-content-between align-items-center" 
           href="/pages/smart-5">
            Smart 5 Series 
                <i class="fa-regular fa-chevron-right"></i>
            
        </a>
    
        <a id="subSmart7SeriesLinks" 
           data-back-text="Products" 
           class="blurrable nav-link text-gray-2 fs-5 px-10 py-4 d-flex justify-content-between align-items-center" 
           href="/pages/smart-7">
            Smart 7 Series 
                <i class="fa-regular fa-chevron-right"></i>
            
        </a>
    
        <a id="subSmart10SeriesLinks" 
           data-back-text="Products" 
           class="blurrable nav-link text-gray-2 fs-5 px-10 py-4 d-flex justify-content-between align-items-center" 
           href="/collections/smart-10">
            Smart 10 Series 
                <i class="fa-regular fa-chevron-right"></i>
            
        </a>
    
        <a id="sub4KProductionMonitorsLinks" 
           data-back-text="Products" 
           class="blurrable nav-link text-gray-2 fs-5 px-10 py-4 d-flex justify-content-between align-items-center" 
           href="/pages/4k">
            4K Production Monitors 
                <i class="fa-regular fa-chevron-right"></i>
            
        </a>
    
        <a id="subWirelessMonitorsLinks" 
           data-back-text="Products" 
           class="blurrable nav-link text-gray-2 fs-5 px-10 py-4 d-flex justify-content-between align-items-center" 
           href="/pages/wireless">
            Wireless Monitors 
                <i class="fa-regular fa-chevron-right"></i>
            
        </a>
    
        <a id="subCameraControlLinks" 
           data-back-text="Products" 
           class="blurrable nav-link text-gray-2 fs-5 px-10 py-4 d-flex justify-content-between align-items-center" 
           href="/collections/camera-control">
            Camera Control 
                <i class="fa-regular fa-chevron-right"></i>
            
        </a>
    
        <a id="subSoftwareLinks" 
           data-back-text="Products" 
           class="blurrable nav-link text-gray-2 fs-5 px-10 py-4 d-flex justify-content-between align-items-center" 
           href="#">
            Software 
                <i class="fa-regular fa-chevron-right"></i>
            
        </a>
    
        <a id="subMoreLinks" 
           data-back-text="Products" 
           class="blurrable nav-link text-gray-2 fs-5 px-10 py-4 d-flex justify-content-between align-items-center" 
           href="#">
            More 
                <i class="fa-regular fa-chevron-right"></i>
            
        </a>
    
</div>


    
        <div class="position-absolute bg-gray-8 bottom-0 start-0 end-0 top-0 mobSmart5SeriesMenu mobMenu">
            <a class="text-decoration-none mob-head" href="/pages/smart-5"> <h4 class="text-gray-1 fw-bold mb-5 mt-2 mx-10">Smart 5 Series</h4> </a>
            
                
                    <!-- Direct child link -->
                    <a class="nav-link text-gray-2 fs-5 px-10 py-4" 
                       href="/pages/ultra-5">Ultra 5</a>
                
            
                
                    <!-- Direct child link -->
                    <a class="nav-link text-gray-2 fs-5 px-10 py-4" 
                       href="#">Cine 5</a>
                
            
                
                    <!-- Direct child link -->
                    <a class="nav-link text-gray-2 fs-5 px-10 py-4" 
                       href="#">Indie 5</a>
                
            
        </div>
    

    
        <div class="position-absolute bg-gray-8 bottom-0 start-0 end-0 top-0 mobSmart7SeriesMenu mobMenu">
            <a class="text-decoration-none mob-head" href="/pages/smart-7"> <h4 class="text-gray-1 fw-bold mb-5 mt-2 mx-10">Smart 7 Series</h4> </a>
            
                
                    <!-- Direct child link -->
                    <a class="nav-link text-gray-2 fs-5 px-10 py-4" 
                       href="/pages/ultra-7">Ultra 7</a>
                
            
                
                    <!-- Direct child link -->
                    <a class="nav-link text-gray-2 fs-5 px-10 py-4" 
                       href="#">Cine 7</a>
                
            
                
                    <!-- Direct child link -->
                    <a class="nav-link text-gray-2 fs-5 px-10 py-4" 
                       href="#">Indie 7</a>
                
            
        </div>
    

    
        <div class="position-absolute bg-gray-8 bottom-0 start-0 end-0 top-0 mobSmart10SeriesMenu mobMenu">
            <a class="text-decoration-none mob-head" href="/collections/smart-10"> <h4 class="text-gray-1 fw-bold mb-5 mt-2 mx-10">Smart 10 Series</h4> </a>
            
                
                    <!-- Direct child link -->
                    <a class="nav-link text-gray-2 fs-5 px-10 py-4" 
                       href="/pages/ultra-10">Ultra 10</a>
                
            
        </div>
    

    
        <div class="position-absolute bg-gray-8 bottom-0 start-0 end-0 top-0 mob4KProductionMonitorsMenu mobMenu">
            <a class="text-decoration-none mob-head" href="/pages/4k"> <h4 class="text-gray-1 fw-bold mb-5 mt-2 mx-10">4K Production Monitors</h4> </a>
            
                
                    <!-- Direct child link -->
                    <a class="nav-link text-gray-2 fs-5 px-10 py-4" 
                       href="/pages/cine-series">Cine Series</a>
                
            
                
                    <!-- Direct child link -->
                    <a class="nav-link text-gray-2 fs-5 px-10 py-4" 
                       href="https://smallhd.com/pages/oled-series">OLED Series</a>
                
            
                
                    <!-- Direct child link -->
                    <a class="nav-link text-gray-2 fs-5 px-10 py-4" 
                       href="#">Quantum Series</a>
                
            
                
                    <!-- Direct child link -->
                    <a class="nav-link text-gray-2 fs-5 px-10 py-4" 
                       href="#">Vision Series</a>
                
            
        </div>
    

    
        <div class="position-absolute bg-gray-8 bottom-0 start-0 end-0 top-0 mobWirelessMonitorsMenu mobMenu">
            <a class="text-decoration-none mob-head" href="/pages/wireless"> <h4 class="text-gray-1 fw-bold mb-5 mt-2 mx-10">Wireless Monitors</h4> </a>
            
                
                    <!-- Direct child link -->
                    <a class="nav-link text-gray-2 fs-5 px-10 py-4" 
                       href="https://smallhd.com/collections/wireless-monitors?_=pf&pf_t_shop_by_model=Ultra%205">Ultra 5 Bolt 6</a>
                
            
                
                    <!-- Direct child link -->
                    <a class="nav-link text-gray-2 fs-5 px-10 py-4" 
                       href="https://smallhd.com/collections/wireless-monitors?_=pf&pf_t_shop_by_model=Ultra%207">Ultra 7 Bolt 6</a>
                
            
                
                    <!-- Direct child link -->
                    <a class="nav-link text-gray-2 fs-5 px-10 py-4" 
                       href="https://smallhd.com/collections/wireless-monitors?_=pf&pf_t_shop_by_model=Ultra%2010">Ultra 10 Bolt 6</a>
                
            
        </div>
    

    
        <div class="position-absolute bg-gray-8 bottom-0 start-0 end-0 top-0 mobCameraControlMenu mobMenu">
            <a class="text-decoration-none mob-head" href="/collections/camera-control"> <h4 class="text-gray-1 fw-bold mb-5 mt-2 mx-10">Camera Control</h4> </a>
            
                
                    <!-- Direct child link -->
                    <a class="nav-link text-gray-2 fs-5 px-10 py-4" 
                       href="https://smallhd.com/collections/camera-control?_=pf&pf_t_software=Camera%20Control%20for%20ARRI">For ARRI</a>
                
            
                
                    <!-- Direct child link -->
                    <a class="nav-link text-gray-2 fs-5 px-10 py-4" 
                       href="https://smallhd.com/collections/camera-control?_=pf&pf_t_software=Camera%20Control%20for%20Canon">For Canon</a>
                
            
                
                    <!-- Direct child link -->
                    <a class="nav-link text-gray-2 fs-5 px-10 py-4" 
                       href="https://smallhd.com/collections/camera-control?_=pf&pf_t_software=Camera%20Control%20for%20RED%20RCP&pf_t_software=Camera%20Control%20for%20RED%20RCP2">For RED®</a>
                
            
                
                    <!-- Direct child link -->
                    <a class="nav-link text-gray-2 fs-5 px-10 py-4" 
                       href="https://smallhd.com/collections/camera-control?_=pf&pf_t_software=Camera%20Control%20for%20Sony%20BURANO&pf_t_software=Camera%20Control%20for%20Sony%20FX6&pf_t_software=Camera%20Control%20for%20Sony%20VENICE">For Sony</a>
                
            
        </div>
    

    
        <div class="position-absolute bg-gray-8 bottom-0 start-0 end-0 top-0 mobSoftwareMenu mobMenu">
            <a class="text-decoration-none mob-head" href="#"> <h4 class="text-gray-1 fw-bold mb-5 mt-2 mx-10">Software</h4> </a>
            
                
                    <!-- Direct child link -->
                    <a class="nav-link text-gray-2 fs-5 px-10 py-4" 
                       href="https://smallhd.com/pages/os">PageOS 6</a>
                
            
                
                    <!-- Direct child link -->
                    <a class="nav-link text-gray-2 fs-5 px-10 py-4" 
                       href="/pages/fiz-overlays">FIZ Overlays</a>
                
            
                
                    <!-- Direct child link -->
                    <a class="nav-link text-gray-2 fs-5 px-10 py-4" 
                       href="https://smallhd.com/pages/fleet-control">Fleet Control</a>
                
            
        </div>
    

    
        <div class="position-absolute bg-gray-8 bottom-0 start-0 end-0 top-0 mobMoreMenu mobMenu">
            <a class="text-decoration-none mob-head" href="#"> <h4 class="text-gray-1 fw-bold mb-5 mt-2 mx-10">More</h4> </a>
            
                
                    <!-- Direct child link -->
                    <a class="nav-link text-gray-2 fs-5 px-10 py-4" 
                       href="/collections/accessories">Accessories</a>
                
            
        </div>
    

     
<!-- New and Trending mobile -->
    <a href="#" id="newTrnding" class="text-gray-1 px-10 py-2 fs-4 fw-medium text-decoration-none d-flex justify-content-between align-items-center">
    New & Trending
    <i class="fa-regular fa-chevron-right fs-5"></i>
</a>

<!-- New and Trending Sub-link -->
<div class="position-absolute bg-gray-8 bottom-0 start-0 end-0 top-0 mobthrdMenu">
    <h4 class="text-gray-1 fw-bold mb-5 mt-2 mx-10">New & Trending</h4>
    
        <a id="subNewArrivalsLinks" 
           data-back-text="New & Trending" 
           class="nav-link text-gray-2 fs-5 px-10 py-4 d-flex justify-content-between align-items-center" 
           href="https://smallhd.com/collections/all?_=pf&pf_t_type=New">
            New Arrivals 
        </a>
    
        <a id="subBestSellersLinks" 
           data-back-text="New & Trending" 
           class="nav-link text-gray-2 fs-5 px-10 py-4 d-flex justify-content-between align-items-center" 
           href="https://smallhd.com/collections/all?_=pf&pf_t_type=Best%20Seller">
            Best Sellers 
        </a>
    
        <a id="subCineGearSaleLinks" 
           data-back-text="New & Trending" 
           class="nav-link text-gray-2 fs-5 px-10 py-4 d-flex justify-content-between align-items-center" 
           href="https://smallhd.com/collections/sale?_=pf&pf_t_sale_type=Cine+Gear+Sale">
            Cine Gear Sale 
        </a>
    
        <a id="subCertifiedRefurbishedLinks" 
           data-back-text="New & Trending" 
           class="nav-link text-gray-2 fs-5 px-10 py-4 d-flex justify-content-between align-items-center" 
           href="https://smallhd.com/collections/sale?_=pf&pf_t_sale_type=Certified%20Refurbished&pf_t_sale_type=B-Stock">
            Certified Refurbished 
        </a>
    
</div>


    

    

    

    


<!-- Support mobile -->
    <a href="#" id="mobSprt" class="text-gray-1 px-10 py-2 fs-4 fw-medium text-decoration-none d-flex justify-content-between align-items-center">
    Support
    <i class="fa-regular fa-chevron-right fs-5"></i>
</a>

<!-- Support Sub-link -->
<div class="position-absolute bg-gray-8 bottom-0 start-0 end-0 top-0 mobforthMenu">
    <h4 class="text-gray-1 fw-bold mb-5 mt-2 mx-10">Support</h4>
    
        <a id="subDownloadsLinks" 
           data-back-text="Support" 
           class="nav-link text-gray-2 fs-5 px-10 py-4 d-flex justify-content-between align-items-center" 
           href="https://downloads.smallhd.com/">
            Downloads 
        </a>
    
        <a id="subSoftwareActivationLinks" 
           data-back-text="Support" 
           class="nav-link text-gray-2 fs-5 px-10 py-4 d-flex justify-content-between align-items-center" 
           href="https://activate.smallhd.com/">
            Software Activation 
        </a>
    
        <a id="subUserGuidesLinks" 
           data-back-text="Support" 
           class="nav-link text-gray-2 fs-5 px-10 py-4 d-flex justify-content-between align-items-center" 
           href="https://guide.smallhd.com/">
            User Guides 
        </a>
    
        <a id="subFAQsLinks" 
           data-back-text="Support" 
           class="nav-link text-gray-2 fs-5 px-10 py-4 d-flex justify-content-between align-items-center" 
           href="https://support.cs.inc/s/">
            FAQs 
        </a>
    
        <a id="subContactSupportLinks" 
           data-back-text="Support" 
           class="nav-link text-gray-2 fs-5 px-10 py-4 d-flex justify-content-between align-items-center" 
           href="https://support.cs.inc/s/contactsupport">
            Contact Support 
        </a>
    
</div>


    

    

    

    

    

    
<!-- About mobile -->
    <a href="#" id="mobAbt" class="text-gray-1 px-10 py-2 fs-4 fw-medium text-decoration-none d-flex justify-content-between align-items-center">
    About
    <i class="fa-regular fa-chevron-right fs-5"></i>
</a>

<!-- About Sub-link -->
<div class="position-absolute bg-gray-8 bottom-0 start-0 end-0 top-0 mobfifthMenu">
    <h4 class="text-gray-1 fw-bold mb-5 mt-2 mx-10">About</h4>
    
        <a id="subBlogLinks" 
           data-back-text="About" 
           class="nav-link text-gray-2 fs-5 px-10 py-4 d-flex justify-content-between align-items-center" 
           href="https://smallhd.com/blogs/community">
            Blog 
        </a>
    
        <a id="subCompanyInfoLinks" 
           data-back-text="About" 
           class="nav-link text-gray-2 fs-5 px-10 py-4 d-flex justify-content-between align-items-center" 
           href="https://smallhd.com/pages/about">
            Company Info 
        </a>
    
        <a id="subResellersLinks" 
           data-back-text="About" 
           class="nav-link text-gray-2 fs-5 px-10 py-4 d-flex justify-content-between align-items-center" 
           href="https://smallhd.com/pages/resellers?SmallHD=1">
            Resellers 
        </a>
    
        <a id="subCareersLinks" 
           data-back-text="About" 
           class="nav-link text-gray-2 fs-5 px-10 py-4 d-flex justify-content-between align-items-center" 
           href="https://careers.videndum.com/#jobs">
            Careers 
        </a>
    
        <a id="subStudentDiscountLinks" 
           data-back-text="About" 
           class="nav-link text-gray-2 fs-5 px-10 py-4 d-flex justify-content-between align-items-center" 
           href="https://smallhd.com/pages/student-discount">
            Student Discount 
        </a>
    
        <a id="subContactUsLinks" 
           data-back-text="About" 
           class="nav-link text-gray-2 fs-5 px-10 py-4 d-flex justify-content-between align-items-center" 
           href="https://smallhd.com/pages/contact-us">
            Contact Us 
        </a>
    
</div>


    

    

    

    

    

    


    <div class="navmob-account position-absolute start-0 end-0" style="bottom: 4rem;"><a href="https://smallhd.com/customer_authentication/redirect?locale=en&region_country=US" class="text-decoration-none text-gray-3 fw-medium px-10 d-flex justify-content-between align-items-center ">
            <span><i class="fa-light fa-user fs-5"></i> <span class="ms-2 fw-medium">Account Login</span></span>
            <span><i class="fa-regular fa-chevron-right"></i></span>
          </a></div>
  </div>
</div>

    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav mx-auto d-none d-md-flex">
        <li id="nav-list-products" class="nav-item main-nav dropdown">
            <a class="nav-link dropdown-toggle products ls-px-md-112 fs-md-7 text-uppercase fw-bold px-md-6 py-md-4 " href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
              Products
            </a>
          
            <ul class="dropdown-menu yamm-content nav-product-list border-0">
           <div class="inside-container ">
             
           
              <li class="item">

    
    
      
    
      
    
      
    
      
    

    <!-- Only wrap first heading and its child links (without nested children) -->
    <div class="link-wrapper">
      <div class="heading">
        <a style="text-decoration: none;" href="#">New & Trending</a>
      </div>

      
        <div class="child-links">
          
            
              <a href="https://smallhd.com/collections/all?_=pf&pf_t_type=New" class="child-link py-md-1 ">
                New Arrivals
              </a>
            
          
            
              <a href="https://smallhd.com/collections/all?_=pf&pf_t_type=Best%20Seller" class="child-link py-md-1 ">
                Best Sellers
              </a>
            
          
            
              <a href="https://smallhd.com/collections/sale?_=pf&pf_t_sale_type=Cine+Gear+Sale" class="child-link py-md-1 ">
                Cine Gear Sale
              </a>
            
          
            
              <a href="https://smallhd.com/collections/sale?_=pf&pf_t_sale_type=Clearance" class="child-link py-md-1 ">
                Clearance
              </a>
            
          
        </div>
      
    </div>

    <!-- Handle nested children outside the wrapper -->
    

  </li>
              
              
            
            <li class="item">

  
  
    
      
      

  <!-- Top-level heading and child links (no nested children) -->
  <div class="link-wrapper">
    <div class="heading">
      <a style="text-decoration: none;" href="#column">Column 1</a>
    </div>

    
      <div class="child-links">
        
          
        
          
        
          
        
      </div>
    
  </div>

  <!-- Nested child headings and grandchildren inside a sub-link-wrapper -->
  
    
      
        <div class="sub-link-wrapper ">
          <div class="heading">
            <a class="heading text-decoration-none" href="https://smallhd.com/pages/smart-5">
              Smart 5 Series
            </a>
          </div>

          <div class="sub-child-links">
            
              <a href="https://smallhd.com/pages/ultra-5" class="child-link py-md-1 ">
                Ultra 5
              </a>
            
              <a href="https://smallhd.com/pages/cine-5" class="child-link py-md-1 ">
                Cine 5
              </a>
            
              <a href="https://smallhd.com/pages/indie-5" class="child-link py-md-1 ">
                Indie 5
              </a>
            
          </div>
        </div>
      
    
      
        <div class="sub-link-wrapper ">
          <div class="heading">
            <a class="heading text-decoration-none" href="https://smallhd.com/pages/smart-7">
              Smart 7 Series
            </a>
          </div>

          <div class="sub-child-links">
            
              <a href="https://smallhd.com/pages/ultra-7" class="child-link py-md-1 ">
                Ultra 7
              </a>
            
              <a href="https://smallhd.com/pages/cine-7" class="child-link py-md-1 ">
                Cine 7
              </a>
            
              <a href="https://smallhd.com/pages/indie-7" class="child-link py-md-1 ">
                Indie 7
              </a>
            
          </div>
        </div>
      
    
      
        <div class="sub-link-wrapper ">
          <div class="heading">
            <a class="heading text-decoration-none" href="https://smallhd.com/collections/smart-10">
              Smart 10 Series
            </a>
          </div>

          <div class="sub-child-links">
            
              <a href="https://smallhd.com/pages/ultra-10" class="child-link py-md-1 ">
                Ultra 10
              </a>
            
          </div>
        </div>
      
    
  

</li>
              
            <li class="item">

  
  
    
      
      

  <!-- Top-level heading and child links (no nested children) -->
  <div class="link-wrapper">
    <div class="heading">
      <a style="text-decoration: none;" href="#column">Column 2</a>
    </div>

    
      <div class="child-links">
        
          
        
          
        
      </div>
    
  </div>

  <!-- Nested child headings and grandchildren inside a sub-link-wrapper -->
  
    
      
        <div class="sub-link-wrapper ">
          <div class="heading">
            <a class="heading text-decoration-none" href="https://smallhd.com/pages/4k">
              4K Production Monitors
            </a>
          </div>

          <div class="sub-child-links">
            
              <a href="https://smallhd.com/pages/cine-series" class="child-link py-md-1 ">
                Cine Series
              </a>
            
              <a href="https://smallhd.com/pages/oled-series" class="child-link py-md-1 ">
                OLED Series
              </a>
            
              <a href="https://smallhd.com/pages/quantum-32" class="child-link py-md-1 ">
                Quantum Series
              </a>
            
              <a href="https://smallhd.com/pages/vision-series" class="child-link py-md-1 ">
                Vision Series
              </a>
            
          </div>
        </div>
      
    
      
        <div class="sub-link-wrapper ">
          <div class="heading">
            <a class="heading text-decoration-none" href="https://smallhd.com/collections/wireless-monitors">
              Wireless Monitors
            </a>
          </div>

          <div class="sub-child-links">
            
              <a href="https://smallhd.com/collections/wireless-monitors?_=pf&pf_t_shop_by_model=Ultra%205" class="child-link py-md-1 ">
                Ultra 5 Bolt 6
              </a>
            
              <a href="https://smallhd.com/collections/wireless-monitors?_=pf&pf_t_shop_by_model=Ultra%207" class="child-link py-md-1 ">
                Ultra 7 Bolt 6
              </a>
            
              <a href="https://smallhd.com/collections/wireless-monitors?_=pf&pf_t_shop_by_model=Ultra%2010" class="child-link py-md-1 ">
                Ultra 10 Bolt 6
              </a>
            
          </div>
        </div>
      
    
  

</li>
              
            <li class="item">

  
  
    
      
      

  <!-- Top-level heading and child links (no nested children) -->
  <div class="link-wrapper">
    <div class="heading">
      <a style="text-decoration: none;" href="#column">Column 3</a>
    </div>

    
      <div class="child-links">
        
          
        
          
        
          
        
      </div>
    
  </div>

  <!-- Nested child headings and grandchildren inside a sub-link-wrapper -->
  
    
      
        <div class="sub-link-wrapper ">
          <div class="heading">
            <a class="heading text-decoration-none" href="https://smallhd.com/collections/camera-control">
              Camera Control
            </a>
          </div>

          <div class="sub-child-links">
            
              <a href="https://smallhd.com/collections/camera-control?_=pf&pf_t_software=Camera%20Control%20for%20ARRI" class="child-link py-md-1 ">
                For ARRI
              </a>
            
              <a href="https://smallhd.com/collections/camera-control?_=pf&pf_t_software=Camera%20Control%20for%20Canon" class="child-link py-md-1 ">
                For Canon
              </a>
            
              <a href="https://smallhd.com/collections/camera-control?_=pf&pf_t_software=Camera%20Control%20for%20RED%20RCP&pf_t_software=Camera%20Control%20for%20RED%20RCP2" class="child-link py-md-1 ">
                For RED® 
              </a>
            
              <a href="https://smallhd.com/collections/camera-control?_=pf&pf_t_software=Camera%20Control%20for%20Sony%20BURANO&pf_t_software=Camera%20Control%20for%20Sony%20FX6&pf_t_software=Camera%20Control%20for%20Sony%20VENICE" class="child-link py-md-1 ">
                For Sony
              </a>
            
          </div>
        </div>
      
    
      
        <div class="sub-link-wrapper ">
          <div class="heading">
            <a class="heading text-decoration-none" href="#">
              Software
            </a>
          </div>

          <div class="sub-child-links">
            
              <a href="https://smallhd.com/pages/os" class="child-link py-md-1 ">
                PageOS 6
              </a>
            
              <a href="/pages/fiz-overlays" class="child-link py-md-1 ">
                FIZ Overlays
              </a>
            
              <a href="https://smallhd.com/pages/fleet-control" class="child-link py-md-1 ">
                Fleet Control
              </a>
            
          </div>
        </div>
      
    
      
        <div class="sub-link-wrapper ">
          <div class="heading">
            <a class="heading text-decoration-none" href="#">
              More
            </a>
          </div>

          <div class="sub-child-links">
            
              <a href="/collections/accessories" class="child-link py-md-1 ">
                Accessories
              </a>
            
          </div>
        </div>
      
    
  

</li>
              
           </div>
            </ul>
           
          </li>
           
       <li id="nav-list-products2" class="nav-item main-nav dropdown yamm-fw normal-dropdown">
            <a id="supportNav" class="nav-link dropdown-toggle  ls-px-md-112 fs-md-7 text-uppercase fw-bold px-md-6 py-md-4" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
              Support
            </a>
            <ul class="dropdown-menu yamm-content2 m-0 pb-md-4 pt-md-2 px-md-4">
            
              <li class="item">
                <a class="text-gray-2" href="https://downloads.smallhd.com/">Downloads</a>
              </li>
            
              <li class="item">
                <a class="text-gray-2" href="https://activate.smallhd.com/">Software Activation</a>
              </li>
            
              <li class="item">
                <a class="text-gray-2" href="https://guide.smallhd.com/">User Guides</a>
              </li>
            
              <li class="item">
                <a class="text-gray-2" href="https://support.cs.inc/s/">FAQs</a>
              </li>
            
              <li class="item">
                <a class="text-gray-2" href="https://support.cs.inc/s/contactsupport">Contact Support</a>
              </li>
            
            </ul>
          </li>
          <li id="nav-list-products3" class="nav-item main-nav dropdown yamm-fw normal-dropdown">
            <a id="aboutNav" class="nav-link dropdown-toggle ls-px-md-112 fs-md-7 text-uppercase fw-bold px-md-6 py-md-4" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                About
            </a>
            <ul class="dropdown-menu yamm-content3 m-0 pt-md-2 px-md-4 pb-md-4">
                
                <li class="item">
               <a class="text-gray-2" href="https://smallhd.com/blogs/community">Blog</a>
                </li>
                
                <li class="item">
               <a class="text-gray-2" href="https://smallhd.com/pages/about">Company Info</a>
                </li>
                
                <li class="item">
               <a class="text-gray-2" href="https://smallhd.com/pages/resellers?SmallHD=1">Resellers</a>
                </li>
                
                <li class="item">
               <a class="text-gray-2" href="https://careers.videndum.com/#jobs">Careers</a>
                </li>
                
                <li class="item">
               <a class="text-gray-2" href="https://smallhd.com/pages/student-discount">Student Discount</a>
                </li>
                
                <li class="item">
               <a class="text-gray-2" href="https://smallhd.com/pages/contact-us">Contact Us</a>
                </li>
                
            </ul>
          </li>
      </ul>
      <ul class="navbar-nav nav-icons d-none d-md-flex">
        <li class="nav-account"><a href="https://smallhd.com/customer_authentication/redirect?locale=en&region_country=US" class="header__icon header__icon--account link focus-inset text-decoration-none paadingDesktopIcons py-md-2 ">
            <i class="fa-light fa-user fs-5"></i>
            <span class="visually-hidden invisible">Log in</span>
          </a></li>
        <li class="nav-search">
          

<details-modal class="header__search" id="desktop-search">
  <details>
    <summary
      class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle d-flex align-items-center justify-content-center py-md-2"
      aria-haspopup="dialog"
      aria-label="Search"
    >
      <a href="#icon-search" class="fs-md-5 fs-4 text-decoration-none"><i class="fa-light fa-magnifying-glass"></i></a>
      <a href="#icon-close" class="fs-5 text-gray-3 text-decoration-none"><i class="fa-light fa-xmark d-none"></i></a>
    </summary>
    <div
      class="search-modal modal__content gradient"
      role="dialog"
      aria-modal="true"
      aria-label="Search"
    >
      <div class="modal-overlay"></div>
      <div
        class="search-modal__content search-modal__content-bottom"
        tabindex="-1"
      ><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
          <div class="field">
            <input
              class="search__input field__input"
              id="Search-In-Modal"
              type="search"
              name="q"
              value=""
              placeholder="Search"role="combobox"
                aria-expanded="false"
                aria-owns="predictive-search-results"
                aria-controls="predictive-search-results"
                aria-haspopup="listbox"
                aria-autocomplete="list"
                autocorrect="off"
                autocomplete="off"
                autocapitalize="off"
                spellcheck="false">
            <!-- <label class="field__label fs-6" for="Search-In-Modal">Search</label> -->
            <input type="hidden" name="options[prefix]" value="last">
            <button
              type="reset"
              class="d-none reset__button field__button hidden"
              aria-label="Clear search term"
            >
              <svg class="icon icon-close" aria-hidden="true" focusable="false">
                <use xlink:href="#icon-reset">
              </svg>
            </button>
            <button class="search__button field__button" aria-label="Search">
              <svg class="icon icon-search" aria-hidden="true" focusable="false">
                <use href="#icon-search">
              </svg>
            </button>
          </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>

<link rel='stylesheet' href='https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/component-loading-spinner.css'>




  <div class="predictive-search__loading-state">
    <svg
      aria-hidden="true"
      focusable="false"
      class="spinner"
      viewBox="0 0 66 66"
      xmlns="http://www.w3.org/2000/svg"
    >
      <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
    </svg>
  </div>


</div>

            <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button
          type="button"
          class="search-modal__close-button modal__close-button link link--text focus-inset"
          aria-label="Close"
        >
          <svg class="icon icon-close" aria-hidden="true" focusable="false">
            <use href="#icon-close">
          </svg>
        </button>
      </div>
    </div>
  </details>
</details-modal>
        </li>
        <li class="nav-cart">
          <a href="/cart" class="header__icon header__icon--cart link focus-inset position-relative text-decoration-none paadingDesktopIcons py-md-2" id="cart-icon-bubble">
          <i class="fa-light fa-cart-shopping fs-md-5 fs-4"></i>
          <span class="visually-hidden invisible">Cart</span></a>
        </li>   
      </ul>
    </div>
  
  </div>
</nav>
</div>
</div>

<cart-notification>
  <div class="cart-notification-wrapper page-width">
    <div
      id="cart-notification"
      class="cart-notification focus-inset"
      aria-modal="true"
      aria-label="Item added to your cart"
      role="dialog"
      tabindex="-1"
    >
      <div class="cart-notification__header">
        <h6 class="cart-notification__heading caption-large text-body"><svg
  class="icon icon-checkmark"
  aria-hidden="true"
  focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 12 9"
  fill="none"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
Item added to your cart
        </h6>
        <button
          type="button"
          class="cart-notification__close modal__close-button link link--text focus-inset"
          aria-label="Close"
        >
          <svg class="icon icon-close" aria-hidden="true" focusable="false">
            <use href="#icon-close">
          </svg>
        </button>
      </div>
      <div id="cart-notification-product" class="cart-notification-product"></div>
      <div class="cart-notification__links">
        <a
          href="/cart"
          id="cart-notification-button"
          class="btn btn-outline-black fs-md-6 fs-5 fw-bold button--full-width"
        >View cart</a>
        <form action="/cart" method="post" id="cart-notification-form">
          <button class="btn btn-black fw-bold fs-md-6 fs-5 button--full-width" name="checkout">
            Check Out
          </button>
        </form>
        <button type="button" class="link button-label fs-md-6 fs-5 fw-bold">Continue Browsing</button>
      </div>
    </div>
  </div>
</cart-notification>
<style data-shopify>
  .cart-notification {
    display: none;
  }
</style>


<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "SmallHD",
    
      "logo": "https:\/\/smallhd.com\/cdn\/shop\/files\/shd-logo-nsv-svg.svg?v=1751369649\u0026width=500",
    
    "sameAs": [
      "",
      "",
      "",
      "",
      "",
      "",
      "",
      "",
      ""
    ],
    "url": "https:\/\/smallhd.com"
  }
</script>
  <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "WebSite",
      "name": "SmallHD",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https:\/\/smallhd.com\/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      },
      "url": "https:\/\/smallhd.com"
    }
  </script></div>
<!-- END sections: header-group -->

    <style>
      #modalWrapper {
        pointer-events: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
      }
    </style>
    
    <div id="modalWrapper" style="position:absolute; top:0; left:0; width:100%; height:100%;">
      <div id="modalPlaceholder"></div>
    </div>

    <main
      id="MainContent"
      class="content-for-layout focus-none"
      role="main"
      tabindex="-1">
      
       <div id="shopify-section-template--16061437968517__main" class="shopify-section">
<script src="https://cdn.jsdelivr.net/npm/@iframe-resizer/parent@5.5.7" defer></script>

<script>


  var modalWrapper = document.getElementById('modalWrapper');

  var tarDiv = document.getElementById('modalPlaceholder');
  var htmlElement = document.querySelector("html");




  document.addEventListener('addStyleToHTML', addTheHTMLStyles);

  function addTheHTMLStyles() {
    //console.log('AddStyleToHTML called.....');
    htmlElement.style.overflowY = 'hidden';
  }
  document.addEventListener('removeModalFromDiv', removeModal);

  function removeModal(e) {
    // console.log(e.target, 'the target after closing');
    e.target.classList.remove('show.bs.modal');
    // When modal closes
    modalWrapper.setAttribute('style', 'pointer-events:none; z-index: -1');
    htmlElement.style.overflowY = '';


  }
  
  function appendModal(modal_id, allow_scroll, remSize = '43rem') {

    console.log(modal_id, ' is the element');

    if (tarDiv) {
      if (s) {
        s.remove();
      }
      var s = document.createElement('span');
      // alert('this element is supposed to be on top-most layer: ', modal_id);
      s.innerHTML = '';
      tarDiv.appendChild(s);
      // console.log('this is the target modal string', modal_id);
      var elementToMove = document.getElementById(modal_id);
      console.log("Element To Move is: ", elementToMove);
      if (s) {
        s.appendChild(elementToMove);
        elementToMove.classList.add('show.bs.modal');
      }
      modalWrapper.setAttribute('style', 'pointer-events:auto; z-index: 9999999999;');
      elementToMove.setAttribute('aria-hidden', 'false');

      htmlElement.style.overflowY = 'hidden';

      // if (allow_scroll != undefined) {
      //   elementToMove.style.overflowY = 'scroll'
      //   var iframeToResize = document.querySelector(`#${modal_id} iframe`);
      //   iframeToResize.setAttribute('style', `min-height:${remSize}`)
      // }


      elementToMove.addEventListener('hidden.bs.modal', function (event) {
        // When modal closes
        console.log('hide modal, clicked from appendModal funciton.');
        modalWrapper.setAttribute('style', 'pointer-events:none; z-index: -1;');
        htmlElement.setAttribute('style', 'overflow-y: scroll');
        elementToMove.setAttribute('aria-hidden', 'true');
      })
    }



    // console.log('the element of the iframe to resize: ', iframeToResize);
    // console.log('the id of it: ', iframeToResize.id);


    //iframeToResize.iframeResizer.resize();




  }
</script>
<script>
  (function () {

    function lockScroll() {
      document.documentElement.style.overflow = 'hidden'; 
      document.body.style.overflow = 'hidden';            
    }

    function unlockScroll() {
      document.documentElement.style.overflow = '';
      document.body.style.overflow = '';
    }

    document.addEventListener('shown.bs.modal', function () {
      lockScroll();
    });

    document.addEventListener('hidden.bs.modal', function () {

      const openModals = document.querySelectorAll('.modal.show');

      if (openModals.length === 0) {
        unlockScroll();
      }

    });

  })();
</script>


<style>
  /*Site Main Override -- May be called main-content in other brands*/

  img {
    image-rendering: -webkit-optimize-contrast;
  }

  body {
    background-color: ;
  }


  /*
   .main-content{
   background-color:;
   }
*/

  #PageContainer {
    background-color: ;
  }

  .owl-dots button {

    background: none;
    border: none;
  }

html,body{
  background-color: black !important;
}
</style>

<!-- <script type="text/javascript">    // Store scroll position in history state when leaving the page
    window.addEventListener('beforeunload', function() {
        history.replaceState({ scrollPos: scrollY }, null, "");
    });

    // On page load, if there's a scroll position in history state, restore it
    window.addEventListener('load', function() {
        if (history.state !== null && typeof history.state.scrollPos !== 'undefined') {
            window.scrollTo(0, history.state.scrollPos);
        }
    });

    // Prevent automatic scroll restoration by the browser
    if ('scrollRestoration' in history) {
        history.scrollRestoration = 'manual';
    }
</script> -->
<!-- <script type="text/javascript">    // Store scroll position in sessionStorage when leaving the page
    window.addEventListener('beforeunload', function() {
        sessionStorage.setItem('scrollPos', window.scrollY);
    });

    // On page load, if there's a scroll position in sessionStorage, restore it
    window.addEventListener('load', function() {
        const scrollPos = sessionStorage.getItem('scrollPos');
        if (scrollPos !== null) {
            window.scrollTo(0, parseInt(scrollPos));
        }
    }); -->
<script>
    // Check if the page was accessed through history navigation
  const accessedThroughHistory = performance.getEntriesByType("navigation")[0].type === "back_forward";

  // Store scroll position in sessionStorage when leaving the page only if accessed through history navigation
  window.addEventListener('beforeunload', function(event) {
    if (accessedThroughHistory) {
        sessionStorage.setItem('scrollPos', window.scrollY);
    }
  });

  // On page load, if there's a scroll position in sessionStorage and the page was accessed through history navigation, restore it
  window.addEventListener('load', function() {
    const scrollPos = sessionStorage.getItem('scrollPos');
    if (scrollPos !== null && accessedThroughHistory) {
        window.scrollTo(0, parseInt(scrollPos));
    }
  });

</script>












<!-- <script>
  $(document).ready( function () {

    $('head').append('<meta name="theme-color" content="#ff1199" />');
    console.log('color is #ff1199');
  });
</script> -->




</div><div id="shopify-section-template--16061437968517__se_bs_dawn_content_2023_Nk43mU" class="shopify-section">
  <script src="https://cdn.jsdelivr.net/npm/@iframe-resizer/parent@5.3.2"></script>

    <style>
  
      #hero{
      position:relative;
          
              background-image:url(//smallhd.com/cdn/shop/files/oled_16_hp_hero_bg.png?v=1780045685);
          
          background-size: auto 100%;
          background-color: ;
          background-position: center center;
          background-repeat: no-repeat;
          min-height: 34.4rem;
          max-height: ;
          overflow-x: hidden;
      }

        
       @media(min-width:768px) and (max-width:1024px) {
        #hero {
             
            background-position: 67.8% 0;
            
        }
        }

        @media(min-width:1025px) and (max-width:1464px) {
          #hero {
             
            background-position: 67.5% 0;
            
        }
        }
         @media(min-width:1465px) and (max-width:1760px) {
          #hero {
             
            background-position: 67.5% 0;
            
        }
        }

        @media(min-width:1761px) {
          #hero {
             
            background-position: 66% 0;
            
        }
        }

        

 #hero #heroVid {
    position: absolute;
    height: 100%;
    min-height: 34.4rem;
    object-fit: cover;
    left: ;
    transform: translateX(-50%);
    overflow: visible;
}


      #hero{padding:;}
      
  
      
  
      .gradient-bg{background: linear-gradient(270deg,  0%, rgba(0,0,0,0) 90%);}
      @media (max-width:767px) {
          #hero{
          
              background-image:url(//smallhd.com/cdn/shop/files/oled_16_hp_hero_bg_mob.png?v=1780045889);
          
          background-size: auto 100%;
          background-color: ;
          background-position: center center;
          background-repeat: no-repeat;
          min-height: 33rem;
      }
        }
  </style>
      <style>
html{background: #191919;}
body{max-width: 2560px; margin: 0 auto; background: #191919;}
#hero .bg-video-wrap{
 height: 100% !important;
}
.z-5 {
z-index: 5;
}
@media(min-width: 1465px){
#hero{min-height: 688px;}
}
@media(min-width: 768px){
.hero-item1{
background: rgba(50, 7, 0, 0.50);
-webkit-backdrop-filter: blur(76px);
backdrop-filter: blur(76px);
}
}
</style>
      <div class="canvas">
      

      <section id="hero"  onclick="location.href='https://smallhd.com/pages/oled-series'" style="cursor: pointer"  class="section  is-hero">


      
       

 
 
          <div class="container-fluid px-0 h-100">
          
           
 

 

     
              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                      <div class="position-absolute start-0 top-0 h-100 w-100 z-5 d-none d-md-block">
    <div id class="row h-100 w-100 mx-0">
        <div class="col-md-5 h-100 hero-item1 d-md-flex align-items-md-center px-xl-6"
            onclick="location.href='https://smallhd.com/pages/oled-series'" style="cursor: pointer;">
            <div class="w-100">
                <p class="text-red-3 fs-6 fw-bold text-uppercase ls-px-096 mb-2 text-center">Introducing</p>
                <h2 class="text-gray-1 display-3 text-center text-uppercase mb-4">OLED 16</h2>
                <p class="text-gray-1 text-center fs-5 mb-8">Everything you need in an OLED  with more tools,<br> functionality, and a smaller form factor.</p>
                <div class="text-center d-flex align-items-center justify-content-center">
                    <a href="https://smallhd.com/products/oled-16"
                        class="btn btn-white px-6 py-4 fs-6 fw-bold">Shop Now
                    </a>
                    <a href="https://smallhd.com/pages/oled-series"
                        class="ms-8 py-4 fs-6 fw-bold text-white">Learn More
                    </a>
                </div>
            </div>
        </div>  
    </div>
</div>
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
                  <style>
                  #hero .text-center pt-18{
                    order: ;
                  }
                  @media (max-width: 767px){
                    #hero .text-center pt-18{
                      order: ;
                    }
                  }
                  </style>
                      <div class="text-center pt-18 d-block d-md-none">
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 none text-red-3 fs-6 fw-bold text-uppercase ls-px-096 mb-2 None d-none d-md-block" style="color:" >Introducing</P>
                      <P class="line-1 none text-red-3 fs-6 fw-bold text-uppercase ls-px-096 mb-2 None d-block d-md-none" style="color:; font-size: ; line-height: ;">Introducing</P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 none text-white display-3 mb-4 None d-none d-md-block" style="color:" >OLED 16</P>
                      <P class="line-1 none text-white display-3 mb-4 None d-block d-md-none" style="color:; font-size: ; line-height: ;">OLED 16</P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 none text-gray-1 mb-8 None d-none d-md-block" style="color:" >Everything you need in an OLED  with more<br> tools, functionality, and a smaller form factor.</P>
                      <P class="line-1 none text-gray-1 mb-8 None d-block d-md-none" style="color:; font-size: ; line-height: ;">Everything you need in an OLED  with more<br> tools, functionality, and a smaller form factor.</P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
                  <style>
                  #hero .{
                    order: ;
                  }
                  @media (max-width: 767px){
                    #hero .{
                      order: ;
                    }
                  }
                  </style>
                      <div class=" None">
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
                                      
                          <a id=""  href="https://smallhd.com/products/oled-16"  name="" class="btn btn-white  fs-6 py-4 px-6 None"  > 
                                      <span class="d-flex align-items-center">
                                      
                                      <span>Shop Now</span>
                                      
                                      </span>
                                      </a>
                    
                                      
                                        <script>
                                         jQuery(document).ready(function($) {
                                              var destination = $('');
                                               $("").on("click touchstart", function() {
                                            
                                              $('html,body').animate({
                                                          scrollTop: destination.offset().top - 100
                                                      },'slow');
                                                  });
                                          });
                                                  jQuery(document).ready(function($) {

                          if(window.location.href.indexOf('#') != -1) {
                          $('#').modal('show');
                            }
                          
                          }); 
                                    
            
                      </script>
                  
                    
                  
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      
                      <a href="https://smallhd.com/pages/oled-series" class=" px-7 py-5 px-md-6 py-4 fs-6 ps-0 ps-8 py-4 text-white fw-bold text-underline z-3" > Learn More </a>
                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
                      </div>
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
                      </div>
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              
  
   
          </div>

              <script>

           
            jQuery(document).ready(function($) {
              $('.modal').each(function(){
                      var src = $(this).find('iframe').attr('src');
                      
                      $(this).on('hidden.bs.modal', function(){
                      $(this).find('iframe').attr('src', '');
                      $(this).find('iframe').attr('src', src);
                  });
              });
          });
  </script>
         
      </section>
    </div>
      
  
      
  
      </div><div id="shopify-section-template--16061437968517__xe_general_contentw_carousel_9ANMWU" class="shopify-section">

    <style>
  
      #separator-color-line{
      position:relative;
          
          background-size: 73em auto;
          background-color: #191919;
          background-position: center center;
          background-repeat: no-repeat;
          min-height: ;
          max-height: ;
          overflow-x: hidden;
      }

      #separator-color-line{padding:;}
      
  
      
  
      .gradient-bg{background: linear-gradient(270deg,  0%, rgba(0,0,0,0) 90%);}
      @media (max-width:767px) {
          #separator-color-line{
          
          background-size: ;
          background-color: ;
          background-position: center center;
          background-repeat: no-repeat;
          min-height: ;
      }
        }
  </style>
      
      <div class="canvas">
      

      <section id="separator-color-line"  class="section pt-md-4 pt-5 ">


      
       

 
 
          <div class="container-pf-mini ">
          
           
 

     
              
  
   
          </div>

              <script>

           
            $(document).ready(function(){
              $('.modal').each(function(){
                      var src = $(this).find('iframe').attr('src');
                      
                      $(this).on('hidden.bs.modal', function(){
                      $(this).find('iframe').attr('src', '');
                      $(this).find('iframe').attr('src', src);
                  });
              });
          });
  </script>
         
      </section>
    </div>
      
  
      
  
       
</div><div id="shopify-section-template--16061437968517__se_bs_dawn_content_2023_yKVfQx" class="shopify-section">
  <script src="https://cdn.jsdelivr.net/npm/@iframe-resizer/parent@5.3.2"></script>

    <style>
  
      #cine-gear-sale{
      position:relative;
          
              background-image:url(//smallhd.com/cdn/shop/files/cine_gear_sale_bg.png?v=1780047001);
          
          background-size: auto 100%;
          background-color: ;
          background-position: center center;
          background-repeat: no-repeat;
          min-height: ;
          max-height: ;
          overflow-x: hidden;
      }

        

 #cine-gear-sale #heroVid {
    position: absolute;
    height: 100%;
    min-height: ;
    object-fit: cover;
    left: ;
    transform: translateX(-50%);
    overflow: visible;
}


      #cine-gear-sale{padding:;}
      
  
      
  
      .gradient-bg{background: linear-gradient(270deg,  0%, rgba(0,0,0,0) 90%);}
      @media (max-width:767px) {
          #cine-gear-sale{
          
              background-image:url(//smallhd.com/cdn/shop/files/cine_gear_sale_bg_mob.png?v=1780047761);
          
          background-size: auto 100%;
          background-color: ;
          background-position: center center;
          background-repeat: no-repeat;
          min-height: 30rem;
      }
        }
  </style>
      <style>
@media(min-width:1465px){
#spring-sale{
min-height: 480px;
}
}
</style>
      <div class="canvas">
      

      <section id="cine-gear-sale"  onclick="location.href='https://smallhd.com/collections/sale'" style="cursor: pointer"  class="section pt-12 pb-8 ">


      
       

 
 
          <div class="container-pf-mini text-center">
          
           
 

 

     
              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
                  <style>
                  #cine-gear-sale .pt-12{
                    order: ;
                  }
                  @media (max-width: 767px){
                    #cine-gear-sale .pt-12{
                      order: ;
                    }
                  }
                  </style>
                      <div class="pt-12 None">
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
  
                  <style>
                      #cine-gear-sale #{
                          width: em;
                          height:em;
                      }
                      
                      
                      @media (max-width: 767px){
                         #cine-gear-sale #-mob{
                          width: em !important;
                          height:em !important;
                      }
                         
                      
                      }
                  </style>
                    
                      <img id="" src="//smallhd.com/cdn/shop/files/cine_gear_sale_logo.svg?v=1780047136" class="img-fluid mx-auto mb-md-10 mb-5 None d-none d-md-block" alt="">
                       
                    
                      
                      <img id="-mob" src="//smallhd.com/cdn/shop/files/cine_gear_sale_logo_mob.svg?v=1780047825" class="img-fluid mx-auto mb-md-10 mb-5 None d-block d-md-none" alt="">
                      
                      
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 none text-white fs-5 fw-medium mb-6 None d-none d-md-block" style="color:" >Save up to $1,500. Limited time only.</P>
                      <P class="line-1 none text-white fs-5 fw-medium mb-6 None d-block d-md-none" style="color:; font-size: ; line-height: ;">Save up to $1,500. Limited time only.</P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
                                      
                          <a id="shopNowBlack"  href="https://smallhd.com/collections/sale"  name="" class="btn btn-white  px-6 py-4 fs-6 None"  > 
                                      <span class="d-flex align-items-center">
                                      
                                      <span>Shop Now</span>
                                      
                                      </span>
                                      </a>
                    
                                      
                                        <script>
                                         jQuery(document).ready(function($) {
                                              var destination = $('');
                                               $("").on("click touchstart", function() {
                                            
                                              $('html,body').animate({
                                                          scrollTop: destination.offset().top - 100
                                                      },'slow');
                                                  });
                                          });
                                                  jQuery(document).ready(function($) {

                          if(window.location.href.indexOf('#') != -1) {
                          $('#').modal('show');
                            }
                          
                          }); 
                                    
            
                      </script>
                  
                    
                  
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
                      </div>
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              
  
   
          </div>

              <script>

           
            jQuery(document).ready(function($) {
              $('.modal').each(function(){
                      var src = $(this).find('iframe').attr('src');
                      
                      $(this).on('hidden.bs.modal', function(){
                      $(this).find('iframe').attr('src', '');
                      $(this).find('iframe').attr('src', src);
                  });
              });
          });
  </script>
         
      </section>
    </div>
      
  
      
  
      </div><div id="shopify-section-template--16061437968517__se_bs_dawn_content_2023_NTimpY" class="shopify-section">
  <script src="https://cdn.jsdelivr.net/npm/@iframe-resizer/parent@5.3.2"></script>

    <style>
  
      #sec2{
      position:relative;
          
          background-size: 73em auto;
          background-color: #191919;
          background-position: center center;
          background-repeat: no-repeat;
          min-height: 30rem;
          max-height: ;
          overflow-x: hidden;
      }

        

 #sec2 #heroVid {
    position: absolute;
    height: 100%;
    min-height: 30rem;
    object-fit: cover;
    left: ;
    transform: translateX(-50%);
    overflow: visible;
}


      #sec2{padding:;}
      
  
      
  
      .gradient-bg{background: linear-gradient(270deg,  0%, rgba(0,0,0,0) 90%);}
      @media (max-width:767px) {
          #sec2{
          
          background-size: ;
          background-color: ;
          background-position: center center;
          background-repeat: no-repeat;
          min-height: 73.25rem;
      }
        }
  </style>
      
      <div class="canvas">
      

      <section id="sec2"  class="section pt-md-4 pt-5 overflow-hidden ">


      
       

 
 
          <div class="container-fluid px-0">
          
           
 

 

     
              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  
                                   <style>
                                       

                                        #sec2 .grid-container {
                                          display: flex;
                                          height: 30rem;
                                          
                                          gap: 0.8rem;
                                        
                                          background-color: ;
                                        }
                                        @media (max-width: 767px){
                                          #sec2 .grid-container {

                                           
                                            display: flex;
                                            flex-direction: column;
                                            height: auto;
                                            gap: 0;
                                            
                                          }
                                        }
                                      </style>
                                      <div id="sideby-2"class="grid-container  ">
                                    

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    
                                    <style>



                                   

                                    #sec2 #sec2-item2{
                                       
                                      background: url(//smallhd.com/cdn/shop/files/D_INSTANCE_SWAP-Ultra_7_Rain.png?v=1746023587); 
                                      background-position: center;
                                      background-repeat: no-repeat;
                                      background-size: cover;
                                      
                                      width: 100%;
                                      height: ;
                                      flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  
                                  
                                  @media (max-width: 767px){
                                    #sec2 #sec2-item2{
                                       
                                      background: url(//smallhd.com/cdn/shop/files/M_INSTANCE_SWAP-Ultra_7_Rain.png?v=1746023009); 
                                      background-position: center;
                                      background-repeat: no-repeat;
                                      background-size: cover;
                                      
                                      width: 100%;
                                      height: 37.6rem;
                                      order: ;

                                        flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  }
                                  </style>
                                  <div id="sec2-item2"  onclick="location.href='https://smallhd.com/pages/ultra-7'"  class="text-center mb-0 mb-md-0" style="background-color: ;  cursor: pointer; "> 
                                  

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
  
                  <style>
                      #sec2 #badge_img{
                          width: em;
                          height:em;
                      }
                      
                      
                      @media (max-width: 767px){
                         #sec2 #badge_img-mob{
                          width: em !important;
                          height:em !important;
                      }
                         
                      
                      }
                  </style>
                    
                      <img id="badge_img" src="//smallhd.com/cdn/shop/files/Badge_-_MASTER_COMPONENT.svg?v=1749588580" class="img-fluid mx-auto mt-md-14 mt-17 mb-2 None d-none d-md-block" alt="10+ colors">
                       
                    
                      
                      <img id="badge_img-mob" src="//smallhd.com/cdn/shop/files/Mobile_Badge_-_MASTER_COMPONENT.svg?v=1749588574" class="img-fluid mx-auto mt-md-14 mt-17 mb-2 None d-block d-md-none" alt="10+ colors">
                      
                      
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <H2 class="line-1 fs-1 text-white mb-2 None d-none d-md-block" style="color:" >Ultra 7</H2>
                      <H2 class="line-1 display-3 text-white mb-2 None d-block d-md-none" style="color:; font-size: ; line-height: ;">Ultra 7</H2>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 none text-gray-2 mb-md-8 mb-10 None d-none d-md-block" style="color:" >Customize the button, bumper, and joystick color<br class="d-md-none"> of any <br class="d-none d-md-block">  Ultra 7 model with seven color options.</P>
                      <P class="line-1 fs-5 text-gray-2 mb-md-8 mb-10 None d-block d-md-none" style="color:; font-size: ; line-height: ;">Customize the button, bumper, and joystick color<br class="d-md-none"> of any <br class="d-none d-md-block">  Ultra 7 model with seven color options.</P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
                  <style>
                  #sec2 .{
                    order: ;
                  }
                  @media (max-width: 767px){
                    #sec2 .{
                      order: ;
                    }
                  }
                  </style>
                      <div class=" None">
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
                                      
                          <a id=""  href="https://smallhd.com/pages/ultra-7"  name="" class="btn btn-white  px-6 py-4 fs-6 None"  > 
                                      <span class="d-flex align-items-center">
                                      
                                      <span>Learn More</span>
                                      
                                      </span>
                                      </a>
                    
                                      
                                        <script>
                                         jQuery(document).ready(function($) {
                                              var destination = $('');
                                               $("").on("click touchstart", function() {
                                            
                                              $('html,body').animate({
                                                          scrollTop: destination.offset().top - 100
                                                      },'slow');
                                                  });
                                          });
                                                  jQuery(document).ready(function($) {

                          if(window.location.href.indexOf('#') != -1) {
                          $('#').modal('show');
                            }
                          
                          }); 
                                    
            
                      </script>
                  
                    
                  
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      
                      <a href="https://smallhd.com/collections/smart-7?_=pf&pf_t_shop_by_model=Ultra%207" class=" px-7 py-5 px-md-6 py-4 fs-6 fw-bold text-underline text-white" > Shop </a>
                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
                      </div>
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    
                                    <style>



                                   

                                    #sec2 #sec2-item1{
                                       
                                      background: url(//smallhd.com/cdn/shop/files/INSTANCE_SWAP-Ultra_10_RX_b6ef3af6-b3ef-4210-98bb-280e0bd8e5b6.png?v=1763378777); 
                                      background-position: center;
                                      background-repeat: no-repeat;
                                      background-size: cover;
                                      
                                      width: 100%;
                                      height: ;
                                      flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  
                                  
                                  @media (max-width: 767px){
                                    #sec2 #sec2-item1{
                                       
                                      background: url(//smallhd.com/cdn/shop/files/ultra_10_rx_m.png?v=1768898440); 
                                      background-position: center;
                                      background-repeat: no-repeat;
                                      background-size: cover;
                                      
                                      width: 100%;
                                      height: 34.5rem;
                                      order: ;

                                        flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  }
                                  </style>
                                  <div id="sec2-item1"  onclick="location.href='https://smallhd.com/pages/ultra-10'"  class="text-center mt-5 mt-md-0 mb-md-0 mb-0" style="background-color: ;  cursor: pointer; "> 
                                  

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 none text-blue-3 fs-7 ls-px-112 text-uppercase fw-bold mt-md-14 mt-17 mb-2 None d-none d-md-block" style="color:" >SmallHD + Teradek</P>
                      <P class="line-1 none text-blue-3 fs-7 ls-px-112 text-uppercase fw-bold mt-md-14 mt-17 mb-2 None d-block d-md-none" style="color:; font-size: ; line-height: ;">SmallHD + Teradek</P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <H2 class="line-1 none text-black fs-md-1 mb-2 None d-none d-md-block" style="color:" >Ultra 10 Bolt 6 RX</H2>
                      <H2 class="line-1 fs-1 text-black fs-md-1 mb-2 None d-block d-md-none" style="color:; font-size: ; line-height: ;">Ultra 10 Bolt 6 RX</H2>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 none text-gray-8 fs-5 mb-md-8 mb-10 None d-none d-md-block" style="color:" >Ultra 10 hits the sweet spot in power, <br>
performance and size, now with integrated <br>
Teradek Bolt 6 receivers.</P>
                      <P class="line-1 none text-gray-8 fs-5 mb-md-8 mb-10 None d-block d-md-none" style="color:; font-size: ; line-height: ;">Ultra 10 hits the sweet spot in power, <br>
performance and size, now with integrated <br>
Teradek Bolt 6 receivers.</P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
                  <style>
                  #sec2 .ms-md-4{
                    order: ;
                  }
                  @media (max-width: 767px){
                    #sec2 .ms-md-4{
                      order: ;
                    }
                  }
                  </style>
                      <div class="ms-md-4 None">
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
                                      
                          <a id=""  href="https://smallhd.com/pages/ultra-10"  name="" class="btn btn-black  fs-6 py-md-4 px-md-6 None"  > 
                                      <span class="d-flex align-items-center">
                                      
                                      <span>Learn More</span>
                                      
                                      </span>
                                      </a>
                    
                                      
                                        <script>
                                         jQuery(document).ready(function($) {
                                              var destination = $('');
                                               $("").on("click touchstart", function() {
                                            
                                              $('html,body').animate({
                                                          scrollTop: destination.offset().top - 100
                                                      },'slow');
                                                  });
                                          });
                                                  jQuery(document).ready(function($) {

                          if(window.location.href.indexOf('#') != -1) {
                          $('#').modal('show');
                            }
                          
                          }); 
                                    
            
                      </script>
                  
                    
                  
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      
                      <a href="https://smallhd.com/collections/smart-10" class=" px-7 py-5 px-md-6 py-4 fs-6 text-black fw-bold text-underline ps-md-0 pe-md-0 py-md-4 py-5 ps-0 pe-0 ms-md-8 ms-10" > Shop </a>
                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
                      </div>
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              
  
   
          </div>

              <script>

           
            jQuery(document).ready(function($) {
              $('.modal').each(function(){
                      var src = $(this).find('iframe').attr('src');
                      
                      $(this).on('hidden.bs.modal', function(){
                      $(this).find('iframe').attr('src', '');
                      $(this).find('iframe').attr('src', src);
                  });
              });
          });
  </script>
         
      </section>
    </div>
      
  
      
  
      <style> #shopify-section-template--16061437968517__se_bs_dawn_content_2023_NTimpY #sec2 {max-height: 30rem;} </style></div><div id="shopify-section-template--16061437968517__se_bs_dawn_content_2023_mTQdgt" class="shopify-section">
  <script src="https://cdn.jsdelivr.net/npm/@iframe-resizer/parent@5.3.2"></script>

    <style>
  
      #sec1{
      position:relative;
          
          background-size: 73em auto;
          background-color: #191919;
          background-position: center center;
          background-repeat: no-repeat;
          min-height: 30rem;
          max-height: ;
          overflow-x: hidden;
      }

        

 #sec1 #heroVid {
    position: absolute;
    height: 100%;
    min-height: 30rem;
    object-fit: cover;
    left: ;
    transform: translateX(-50%);
    overflow: visible;
}


      #sec1{padding:;}
      
  
      
  
      .gradient-bg{background: linear-gradient(270deg,  0%, rgba(0,0,0,0) 90%);}
      @media (max-width:767px) {
          #sec1{
          
          background-size: ;
          background-color: ;
          background-position: center center;
          background-repeat: no-repeat;
          min-height: 68.5rem;
      }
        }
  </style>
      
      <div class="canvas">
      

      <section id="sec1"  class="section pt-md-4 pt-0 overflow-hidden ">


      
       

 
 
          <div class="container-fluid px-0">
          
           
 

 

     
              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  
                                   <style>
                                       

                                        #sec1 .grid-container {
                                          display: flex;
                                          height: 30rem;
                                          
                                          gap: 0.8rem;
                                        
                                          background-color: ;
                                        }
                                        @media (max-width: 767px){
                                          #sec1 .grid-container {

                                           
                                            display: flex;
                                            flex-direction: column;
                                            height: auto;
                                            gap: 0;
                                            
                                          }
                                        }
                                      </style>
                                      <div id="sideby-1"class="grid-container  ">
                                    

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    
                                    <style>



                                   

                                    #sec1 #sec1-item2{
                                       
                                      background: url(//smallhd.com/cdn/shop/files/Hero_No_Size_Desktop_Type_Image.png?v=1776237058); 
                                      background-position: center;
                                      background-repeat: no-repeat;
                                      background-size: cover;
                                      
                                      width: 100%;
                                      height: ;
                                      flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  
                                  
                                  @media (max-width: 767px){
                                    #sec1 #sec1-item2{
                                       
                                      background: url(//smallhd.com/cdn/shop/files/Hero_No_Size_Mobile_Type_Image.png?v=1776237082); 
                                      background-position: center;
                                      background-repeat: no-repeat;
                                      background-size: cover;
                                      
                                      width: 100%;
                                      height: 33.5rem;
                                      order: ;

                                        flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  }
                                  </style>
                                  <div id="sec1-item2"  onclick="location.href='https://smallhd.com/pages/fiz-overlays'"  class="text-center mt-5 mt-md-0 mb-md-0 mb-0" style="background-color: #000;  cursor: pointer; "> 
                                  

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 none mt-md-20 mt-10 fs-7  text-red-3 fw-bold ls-px-md-096 ls-px-112 text-uppercase mb-2 None d-none d-md-block" style="color:" >NEW</P>
                      <P class="line-1 none mt-md-20 mt-10 fs-7  text-red-3 fw-bold ls-px-md-096 ls-px-112 text-uppercase mb-2 None d-block d-md-none" style="color:; font-size: ; line-height: ;">NEW</P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <H2 class="line-1 fs-1 text-gray-1 mb-md-4 fs-1 mb-5 None d-none d-md-block" style="color:" >FIZ Monitor<br>
Overlays</H2>
                      <H2 class="line-1 fs-1 text-gray-1 mb-md-4 fs-1 mb-5 None d-block d-md-none" style="color:; font-size: ; line-height: ;">FIZ Monitor<br>
Overlays</H2>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 none text-gray-1 mb-md-6 mb-8 None d-none d-md-block" style="color:" >See critical FIZ data right on screen.<br>
PageOS brings native overlay support for<br>
ARRI Hi-5 and Teradek CTRL.5 hand units</P>
                      <P class="line-1 none text-gray-1 mb-md-6 mb-8 None d-block d-md-none" style="color:; font-size: ; line-height: ;">See critical FIZ data right on screen.<br>
PageOS brings native overlay support for<br>
ARRI Hi-5 and Teradek CTRL.5 hand units</P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
                  <style>
                  #sec1 .{
                    order: ;
                  }
                  @media (max-width: 767px){
                    #sec1 .{
                      order: ;
                    }
                  }
                  </style>
                      <div class=" None">
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
                                      
                          <a id=""  href="https://smallhd.com/pages/fiz-overlays"  name="" class="btn btn-white  px-6 py-4 fs-6 None"  > 
                                      <span class="d-flex align-items-center">
                                      
                                      <span>Learn More</span>
                                      
                                      </span>
                                      </a>
                    
                                      
                                        <script>
                                         jQuery(document).ready(function($) {
                                              var destination = $('');
                                               $("").on("click touchstart", function() {
                                            
                                              $('html,body').animate({
                                                          scrollTop: destination.offset().top - 100
                                                      },'slow');
                                                  });
                                          });
                                                  jQuery(document).ready(function($) {

                          if(window.location.href.indexOf('#') != -1) {
                          $('#').modal('show');
                            }
                          
                          }); 
                                    
            
                      </script>
                  
                    
                  
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
                      </div>
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    
                                    <style>



                                   

                                    #sec1 #sec1-item1{
                                       
                                      background: url(//smallhd.com/cdn/shop/files/canon_cc_v2.png?v=1768894219); 
                                      background-position: center;
                                      background-repeat: no-repeat;
                                      background-size: auto 100%;
                                      
                                      width: 100%;
                                      height: ;
                                      flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  
                                  
                                  @media (max-width: 767px){
                                    #sec1 #sec1-item1{
                                       
                                      background: url(//smallhd.com/cdn/shop/files/canon_cc_v2_m.png?v=1768894674); 
                                      background-position: center;
                                      background-repeat: no-repeat;
                                      background-size: cover;
                                      
                                      width: 100%;
                                      height: 34rem;
                                      order: ;

                                        flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  }
                                  </style>
                                  <div id="sec1-item1"  onclick="location.href='https://smallhd.com/collections/camera-control?_=pf&pf_t_software=Camera%20Control%20for%20Canon'"  class="text-center mt-5 mt-md-0 mb-md-0 mb-0" style="background-color: ;  cursor: pointer; "> 
                                  

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 none text-red-3 fs-7 ls-px-112 text-uppercase fw-bold mt-md-14 mt-17 mb-2 None d-none d-md-block" style="color:" >NEW</P>
                      <P class="line-1 none text-red-3 fs-7 ls-px-112 text-uppercase fw-bold mt-md-14 mt-17 mb-2 None d-block d-md-none" style="color:; font-size: ; line-height: ;">NEW</P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 none text-white fs-1 mb-2 None d-none d-md-block" style="color:" >Camera Control<br>
for Canon</P>
                      <P class="line-1 none text-white fs-1 mb-2 None d-block d-md-none" style="color:; font-size: ; line-height: ;">Camera Control<br>
for Canon</P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 none text-gray-2 fs-5 mb-md-8 mb-10 None d-none d-md-block" style="color:" >Take control of your Canon camera<br>
right from your SmallHD monitor.</P>
                      <P class="line-1 none text-gray-2 fs-5 mb-md-8 mb-10 None d-block d-md-none" style="color:; font-size: ; line-height: ;">Take control of your Canon camera<br>
right from your SmallHD monitor.</P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
                  <style>
                  #sec1 .{
                    order: ;
                  }
                  @media (max-width: 767px){
                    #sec1 .{
                      order: ;
                    }
                  }
                  </style>
                      <div class=" None">
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
                                      
                          <a id=""  href="https://smallhd.com/collections/camera-control?_=pf&pf_t_software=Camera%20Control%20for%20Canon"  name="" class="btn btn-white  fs-6 py-md-4 px-md-6 None"  > 
                                      <span class="d-flex align-items-center">
                                      
                                      <span>Learn More</span>
                                      
                                      </span>
                                      </a>
                    
                                      
                                        <script>
                                         jQuery(document).ready(function($) {
                                              var destination = $('');
                                               $("").on("click touchstart", function() {
                                            
                                              $('html,body').animate({
                                                          scrollTop: destination.offset().top - 100
                                                      },'slow');
                                                  });
                                          });
                                                  jQuery(document).ready(function($) {

                          if(window.location.href.indexOf('#') != -1) {
                          $('#').modal('show');
                            }
                          
                          }); 
                                    
            
                      </script>
                  
                    
                  
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
                      </div>
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              
  
   
          </div>

              <script>

           
            jQuery(document).ready(function($) {
              $('.modal').each(function(){
                      var src = $(this).find('iframe').attr('src');
                      
                      $(this).on('hidden.bs.modal', function(){
                      $(this).find('iframe').attr('src', '');
                      $(this).find('iframe').attr('src', src);
                  });
              });
          });
  </script>
         
      </section>
    </div>
      
  
      
  
      <style> #shopify-section-template--16061437968517__se_bs_dawn_content_2023_mTQdgt #sec1 {max-height: 30rem;} </style></div><div id="shopify-section-template--16061437968517__se_bs_dawn_content_2023_DKnNMV" class="shopify-section">
  <script src="https://cdn.jsdelivr.net/npm/@iframe-resizer/parent@5.3.2"></script>

    <style>
  
      #sec2-2{
      position:relative;
          
          background-size: 73em auto;
          background-color: #191919;
          background-position: center center;
          background-repeat: no-repeat;
          min-height: 30rem;
          max-height: ;
          overflow-x: hidden;
      }

        

 #sec2-2 #heroVid {
    position: absolute;
    height: 100%;
    min-height: 30rem;
    object-fit: cover;
    left: ;
    transform: translateX(-50%);
    overflow: visible;
}


      #sec2-2{padding:;}
      
  
      
  
      .gradient-bg{background: linear-gradient(270deg,  0%, rgba(0,0,0,0) 90%);}
      @media (max-width:767px) {
          #sec2-2{
          
          background-size: ;
          background-color: ;
          background-position: center center;
          background-repeat: no-repeat;
          min-height: 77.5rem;
      }
        }
  </style>
      <style>
.camSmallhd{
margin-top: 16rem;
}
@media (max-width: 767px){
.camSmallhd{
margin-top: 3.5rem;
}
} 
</style>
      <div class="canvas">
      

      <section id="sec2-2"  class="section pt-md-4 pt-5 overflow-hidden ">


      
       

 
 
          <div class="container-fluid px-0">
          
           
 

 

     
              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  
                                   <style>
                                       

                                        #sec2-2 .grid-container {
                                          display: flex;
                                          height: 30rem;
                                          
                                          gap: 0.8rem;
                                        
                                          background-color: ;
                                        }
                                        @media (max-width: 767px){
                                          #sec2-2 .grid-container {

                                           
                                            display: flex;
                                            flex-direction: column;
                                            height: auto;
                                            gap: 0;
                                            
                                          }
                                        }
                                      </style>
                                      <div id="sideby-3"class="grid-container  ">
                                    

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    
                                    <style>



                                   

                                    #sec2-2 #sec2-2-item1{
                                       
                                      background: url(//smallhd.com/cdn/shop/files/smart-5-series-d.png?v=1712726629); 
                                      background-position: center;
                                      background-repeat: no-repeat;
                                      background-size: cover;
                                      
                                      width: 100%;
                                      height: ;
                                      flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  
                                  
                                  @media (max-width: 767px){
                                    #sec2-2 #sec2-2-item1{
                                       
                                      background: url(//smallhd.com/cdn/shop/files/M_INSTANCE_SWAP-Smart_5_Series.png?v=1746022861); 
                                      background-position: center;
                                      background-repeat: no-repeat;
                                      background-size: cover;
                                      
                                      width: 100%;
                                      height: 37.7rem;
                                      order: ;

                                        flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  }
                                  </style>
                                  <div id="sec2-2-item1"  onclick="location.href='https://smallhd.com/pages/smart-5'"  class="text-center" style="background-color: ;  cursor: pointer; "> 
                                  

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <H2 class="line-1 fs-1 text-white mb-md-2 mb-3 mt-md-14 pt-16 pt-md-0 mt-0 None d-none d-md-block" style="color:" >Smart 5 Series</H2>
                      <H2 class="line-1 display-3 text-white mb-md-2 mb-3 mt-md-14 pt-16 pt-md-0 mt-0 None d-block d-md-none" style="color:; font-size: ; line-height: ;">Smart 5 Series</H2>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 none text-white mb-md-8 mb-10 px-md-7 None d-none d-md-block" style="color:" >Ultra-compact 5-inch monitors with<br class="d-md-none d-md-block">  camera<br class="d-md-block d-none"> control capability.</P>
                      <P class="line-1 none text-white mb-md-8 mb-10 px-md-7 None d-block d-md-none" style="color:; font-size: ; line-height: ;">Ultra-compact 5-inch monitors with<br class="d-md-none d-md-block">  camera<br class="d-md-block d-none"> control capability.</P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
                  <style>
                  #sec2-2 .mb-md-14 mb-17{
                    order: ;
                  }
                  @media (max-width: 767px){
                    #sec2-2 .mb-md-14 mb-17{
                      order: ;
                    }
                  }
                  </style>
                      <div class="mb-md-14 mb-17 None">
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
                                      
                          <a id=""  href="https://smallhd.com/pages/smart-5"  name="" class="btn btn-white  px-6 py-4 fs-6 None"  > 
                                      <span class="d-flex align-items-center">
                                      
                                      <span>Learn More</span>
                                      
                                      </span>
                                      </a>
                    
                                      
                                        <script>
                                         jQuery(document).ready(function($) {
                                              var destination = $('');
                                               $("").on("click touchstart", function() {
                                            
                                              $('html,body').animate({
                                                          scrollTop: destination.offset().top - 100
                                                      },'slow');
                                                  });
                                          });
                                                  jQuery(document).ready(function($) {

                          if(window.location.href.indexOf('#') != -1) {
                          $('#').modal('show');
                            }
                          
                          }); 
                                    
            
                      </script>
                  
                    
                  
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                      <a href="https://smallhd.com/collections/smart-5" class="text-white fs-6 fw-bold mb-md-50 px-md-6 py-md-4 px-7 py-8">Shop</a>
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
                      </div>
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    
                                    <style>



                                   

                                    #sec2-2 #sec2-2-item2{
                                       
                                      background: url(//smallhd.com/cdn/shop/files/4k-production-monitorD.png?v=1705127861); 
                                      background-position: center;
                                      background-repeat: no-repeat;
                                      background-size: cover;
                                      
                                      width: 100%;
                                      height: ;
                                      flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  
                                  
                                  @media (max-width: 767px){
                                    #sec2-2 #sec2-2-item2{
                                       
                                      background: url(//smallhd.com/cdn/shop/files/M_INSTANCE_SWAP-4K_Production_Monitors.png?v=1746022921); 
                                      background-position: center;
                                      background-repeat: no-repeat;
                                      background-size: cover;
                                      
                                      width: 100%;
                                      height: 37.6rem;
                                      order: ;

                                        flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  }
                                  </style>
                                  <div id="sec2-2-item2"  onclick="location.href='https://smallhd.com/pages/4k'"  class="text-center mt-5 mt-md-0" style="background-color: ;  cursor: pointer; "> 
                                  

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <H2 class="line-1 fs-1 text-white mb-md-2 mb-3 mt-md-14 pt-16 pt-md-0 mt-0 None d-none d-md-block" style="color:" >4K Production<br> Monitors</H2>
                      <H2 class="line-1 display-3 text-white mb-md-2 mb-3 mt-md-14 pt-16 pt-md-0 mt-0 None d-block d-md-none" style="color:; font-size: ; line-height: ;">4K Production<br> Monitors</H2>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 none text-gray-2 mb-md-8 mb-10 None d-none d-md-block" style="color:" >Pristine Image Quality, Field-Tested Durability.</P>
                      <P class="line-1 none text-gray-2 mb-md-8 mb-10 None d-block d-md-none" style="color:; font-size: ; line-height: ;">Pristine Image Quality, Field-Tested Durability.</P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
                  <style>
                  #sec2-2 .{
                    order: ;
                  }
                  @media (max-width: 767px){
                    #sec2-2 .{
                      order: ;
                    }
                  }
                  </style>
                      <div class=" None">
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
                                      
                          <a id=""  href="https://smallhd.com/pages/4k"  name="" class="btn btn-white  px-6 py-4 fs-6 None"  > 
                                      <span class="d-flex align-items-center">
                                      
                                      <span>Learn More</span>
                                      
                                      </span>
                                      </a>
                    
                                      
                                        <script>
                                         jQuery(document).ready(function($) {
                                              var destination = $('');
                                               $("").on("click touchstart", function() {
                                            
                                              $('html,body').animate({
                                                          scrollTop: destination.offset().top - 100
                                                      },'slow');
                                                  });
                                          });
                                                  jQuery(document).ready(function($) {

                          if(window.location.href.indexOf('#') != -1) {
                          $('#').modal('show');
                            }
                          
                          }); 
                                    
            
                      </script>
                  
                    
                  
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                      <a href="https://smallhd.com/collections/4k-production-monitors" class="text-white fs-6 fw-bold mb-md-50 px-md-6 py-md-4 px-7 py-8">Shop</a>
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
                      </div>
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              
  
   
          </div>

              <script>

           
            jQuery(document).ready(function($) {
              $('.modal').each(function(){
                      var src = $(this).find('iframe').attr('src');
                      
                      $(this).on('hidden.bs.modal', function(){
                      $(this).find('iframe').attr('src', '');
                      $(this).find('iframe').attr('src', src);
                  });
              });
          });
  </script>
         
      </section>
    </div>
      
  
      
  
      <style> #shopify-section-template--16061437968517__se_bs_dawn_content_2023_DKnNMV #sec2-2 {max-height: 30rem;} </style></div><div id="shopify-section-template--16061437968517__se_bs_dawn_content_2023_BmRL73" class="shopify-section">
  <script src="https://cdn.jsdelivr.net/npm/@iframe-resizer/parent@5.3.2"></script>

    <style>
  
      #sec4{
      position:relative;
          
          background-size: 73em auto;
          background-color: #191919;
          background-position: center center;
          background-repeat: no-repeat;
          min-height: ;
          max-height: ;
          overflow-x: hidden;
      }

        

 #sec4 #heroVid {
    position: absolute;
    height: 100%;
    min-height: ;
    object-fit: cover;
    left: ;
    transform: translateX(-50%);
    overflow: visible;
}


      #sec4{padding:;}
      
  
      
  
      .gradient-bg{background: linear-gradient(270deg,  0%, rgba(0,0,0,0) 90%);}
      @media (max-width:767px) {
          #sec4{
          
          background-size: ;
          background-color: ;
          background-position: center center;
          background-repeat: no-repeat;
          min-height: ;
      }
        }
  </style>
      <style>
.font-HGW-500 {
    font-family: 'HKGW500' !important;
    font-weight: 500 !important;
}
</style>
      <div class="canvas">
      

      <section id="sec4"  class="section pt-md-18 pb-md-12 pt-22 pb-13 ">


      
       

 
 
          <div class="container-pf-mini text-center">
          
           
 

 

     
              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <H2 class="line-1 fs-1 text-white font-HGW-500 mb-md-2 mb-3 None d-none d-md-block" style="color:" >Shop Accessories</H2>
                      <H2 class="line-1 fs-1 text-white font-HGW-500 mb-md-2 mb-3 None d-block d-md-none" style="color:; font-size: ; line-height: ;">Shop Accessories</H2>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 none text-gray-3 mb-md-6 mb-8 None d-none d-md-block" style="color:" >Power, mounting, protection, and more.</P>
                      <P class="line-1 none text-gray-3 mb-md-6 mb-8 None d-block d-md-none" style="color:; font-size: ; line-height: ;">Power, mounting, protection, and more.</P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
                                      
                          <a id=""  href="https://smallhd.com/collections/accessories"  name="" class="btn btn-outline-white  px-md-6 py-md-4 py-5 px-7 fs-6 None"  > 
                                      <span class="d-flex align-items-center">
                                      
                                      <span>Explore All Accessories</span>
                                      
                                      </span>
                                      </a>
                    
                                      
                                        <script>
                                         jQuery(document).ready(function($) {
                                              var destination = $('');
                                               $("").on("click touchstart", function() {
                                            
                                              $('html,body').animate({
                                                          scrollTop: destination.offset().top - 100
                                                      },'slow');
                                                  });
                                          });
                                                  jQuery(document).ready(function($) {

                          if(window.location.href.indexOf('#') != -1) {
                          $('#').modal('show');
                            }
                          
                          }); 
                                    
            
                      </script>
                  
                    
                  
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              
  
   
          </div>

              <script>

           
            jQuery(document).ready(function($) {
              $('.modal').each(function(){
                      var src = $(this).find('iframe').attr('src');
                      
                      $(this).on('hidden.bs.modal', function(){
                      $(this).find('iframe').attr('src', '');
                      $(this).find('iframe').attr('src', src);
                  });
              });
          });
  </script>
         
      </section>
    </div>
      
  
      
  
      </div><div id="shopify-section-template--16061437968517__se_bs_dawn_content_2023_BzCPrQ" class="shopify-section">
  <script src="https://cdn.jsdelivr.net/npm/@iframe-resizer/parent@5.3.2"></script>

    <style>
  
      #gridSection-acc{
      position:relative;
          
          background-size: 73em auto;
          background-color: #191919;
          background-position: center center;
          background-repeat: no-repeat;
          min-height: ;
          max-height: ;
          overflow-x: hidden;
      }

        

 #gridSection-acc #heroVid {
    position: absolute;
    height: 100%;
    min-height: ;
    object-fit: cover;
    left: ;
    transform: translateX(-50%);
    overflow: visible;
}


      #gridSection-acc{padding:;}
      
  
      
  
      .gradient-bg{background: linear-gradient(270deg,  0%, rgba(0,0,0,0) 90%);}
      @media (max-width:767px) {
          #gridSection-acc{
          
          background-size: ;
          background-color: ;
          background-position: center center;
          background-repeat: no-repeat;
          min-height: ;
      }
        }
  </style>
      
      <div class="canvas">
      

      <section id="gridSection-acc"  class="section py-md-4 ">


      
       

 
 
          <div class="container-pf-fluid ">
          
           
 

 

     
              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  
                                   <style>
                                       

                                        #gridSection-acc .grid-container {
                                          display: grid;
                                          height: ;
                                          
                                            grid-template-rows:repeat(2, minmax(186px,1fr));
                                            grid-template-columns:repeat(4, minmax(0, 1fr));
                                            row-gap: 0.6rem;
                                            column-gap: 0.6rem;
                                            justify-items:;
                                            align-items:;
                                            justify-content:;
                                            align-content:;
                                            ;

                                          
                                          background-color: ;
                                        }
                                        @media (max-width: 767px){
                                          #gridSection-acc .grid-container {

                                           
                                            grid-template-rows:repeat(4, minmax(0, 11rem));
                                            grid-template-columns:1fr 1fr;
                                            row-gap: ;
                                            column-gap: ;
                                            justify-items:;
                                            align-items:;
                                            justify-content:;
                                            align-content:;
                                            ;

                                          
                                          }
                                        }
                                      </style>
                                      <div id="accessories"class="grid-container  ">
                                    

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    
                                    <style>



                                   
                                        #item1 img {
                                            height:100%;
                                            object-fit:cover;
                                            margin:0 auto;
                                            }
                                       

                                    #gridSection-acc #item1{
                                      
                                      width: ;
                                      height: ;
                                      flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  
                                  
                                  @media (max-width: 767px){
                                    #gridSection-acc #item1{
                                      
                                      width: ;
                                      height: ;
                                      order: ;

                                        flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  }
                                  </style>
                                  <div id="item1"  class="bg-black overflow-hidden d-flex" style="background-color: ; "> 
                                  

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
  
                  <style>
                      #gridSection-acc #r1-1{
                          width: em;
                          height:em;
                      }
                      
                         #gridSection-acc #r1-1:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-acc #r1-1{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      @media (max-width: 767px){
                         #gridSection-acc #r1-1-mob{
                          width: em !important;
                          height:em !important;
                      }
                         
                         #gridSection-acc #r1-1-mob:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-acc #r1-1-mob{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      }
                  </style>
                     <a href="/homepage/accessories" class="d-none d-md-block w-100">
                      <img id="r1-1" src="//smallhd.com/cdn/shop/files/D-shd-screen-covers.png?v=1747934202" class="img-fluid  None d-none d-md-block" alt="">
                        </a>
                    
                      <a href="/homepage/accessories" class="d-block d-md-none">
                      <img id="r1-1-mob" src="//smallhd.com/cdn/shop/files/M-shd-screen-covers.png?v=1747934202" class="img-fluid  None d-block d-md-none" alt="">
                      </a>
                      
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    
                                    <style>



                                   
                                        #item2 img {
                                            height:100%;
                                            object-fit:cover;
                                            margin:0 auto;
                                            }
                                       

                                    #gridSection-acc #item2{
                                      
                                      width: ;
                                      height: ;
                                      flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  
                                  
                                  @media (max-width: 767px){
                                    #gridSection-acc #item2{
                                      
                                      width: ;
                                      height: ;
                                      order: ;

                                        flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  }
                                  </style>
                                  <div id="item2"  class="bg-black overflow-hidden d-flex" style="background-color: ; "> 
                                  

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
  
                  <style>
                      #gridSection-acc #r1-2{
                          width: em;
                          height:em;
                      }
                      
                         #gridSection-acc #r1-2:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-acc #r1-2{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      @media (max-width: 767px){
                         #gridSection-acc #r1-2-mob{
                          width: em !important;
                          height:em !important;
                      }
                         
                         #gridSection-acc #r1-2-mob:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-acc #r1-2-mob{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      }
                  </style>
                     <a href="https://smallhd.com/products/cine-13-snap-on-sunhood" class="d-none d-md-block w-100">
                      <img id="r1-2" src="//smallhd.com/cdn/shop/files/D-shd-sunhoods.png?v=1747934202" class="img-fluid bg-black None d-none d-md-block" alt="">
                        </a>
                    
                      <a href="https://smallhd.com/products/cine-13-snap-on-sunhood" class="d-block d-md-none">
                      <img id="r1-2-mob" src="//smallhd.com/cdn/shop/files/M-shd-sunhoods.png?v=1747934202" class="img-fluid bg-black None d-block d-md-none" alt="">
                      </a>
                      
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    
                                    <style>



                                   
                                        #item3 img {
                                            height:100%;
                                            object-fit:cover;
                                            margin:0 auto;
                                            }
                                       

                                    #gridSection-acc #item3{
                                      
                                      width: ;
                                      height: ;
                                      flex: ;
                                      align-self: stretch;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  
                                  
                                  @media (max-width: 767px){
                                    #gridSection-acc #item3{
                                      
                                      width: ;
                                      height: ;
                                      order: ;

                                        flex: ;
                                      align-self: stretch;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  }
                                  </style>
                                  <div id="item3"  class="bg-black overflow-hidden d-flex justify-content-between" style="background-color: ; "> 
                                  

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
  
                  <style>
                      #gridSection-acc #r1-3{
                          width: em;
                          height:em;
                      }
                      
                         #gridSection-acc #r1-3:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-acc #r1-3{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      @media (max-width: 767px){
                         #gridSection-acc #r1-3-mob{
                          width: em !important;
                          height:em !important;
                      }
                         
                         #gridSection-acc #r1-3-mob:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-acc #r1-3-mob{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      }
                  </style>
                     <a href="/homepage/camera-control" class="d-none d-md-block w-100">
                      <img id="r1-3" src="//smallhd.com/cdn/shop/files/D-shd-card.png?v=1747934202" class="img-fluid bg-black None d-none d-md-block" alt="">
                        </a>
                    
                      <a href="/homepage/camera-control" class="d-block d-md-none">
                      <img id="r1-3-mob" src="//smallhd.com/cdn/shop/files/M-shd-card.png?v=1747934202" class="img-fluid bg-black None d-block d-md-none" alt="">
                      </a>
                      
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    
                                    <style>



                                   
                                        #item4 img {
                                            height:100%;
                                            object-fit:cover;
                                            margin:0 auto;
                                            }
                                       

                                    #gridSection-acc #item4{
                                      
                                      width: ;
                                      height: ;
                                      flex: ;
                                      align-self: stretch;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  
                                  
                                  @media (max-width: 767px){
                                    #gridSection-acc #item4{
                                      
                                      width: ;
                                      height: ;
                                      order: ;

                                        flex: ;
                                      align-self: stretch;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  }
                                  </style>
                                  <div id="item4"  class="bg-black overflow-hidden d-flex justify-content-between" style="background-color: ; "> 
                                  

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
  
                  <style>
                      #gridSection-acc #r1-4{
                          width: em;
                          height:em;
                      }
                      
                         #gridSection-acc #r1-4:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-acc #r1-4{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      @media (max-width: 767px){
                         #gridSection-acc #r1-4-mob{
                          width: em !important;
                          height:em !important;
                      }
                         
                         #gridSection-acc #r1-4-mob:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-acc #r1-4-mob{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      }
                  </style>
                     <a href="https://smallhd.com/collections/accessories?_=pf&pf_t_power=V-Mount&pf_t_power=Gold%20Mount" class="d-none d-md-block w-100">
                      <img id="r1-4" src="//smallhd.com/cdn/shop/files/D-shd-battery-packs.png?v=1747934202" class="img-fluid bg-black None d-none d-md-block" alt="">
                        </a>
                    
                      <a href="https://smallhd.com/collections/accessories?_=pf&pf_t_power=V-Mount&pf_t_power=Gold%20Mount" class="d-block d-md-none">
                      <img id="r1-4-mob" src="//smallhd.com/cdn/shop/files/M-shd-battery-packs.png?v=1747934202" class="img-fluid bg-black None d-block d-md-none" alt="">
                      </a>
                      
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    
                                    <style>



                                   
                                        #item5 img {
                                            height:100%;
                                            object-fit:cover;
                                            margin:0 auto;
                                            }
                                       

                                    #gridSection-acc #item5{
                                      
                                      width: ;
                                      height: ;
                                      flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  
                                  
                                  @media (max-width: 767px){
                                    #gridSection-acc #item5{
                                      
                                      width: ;
                                      height: ;
                                      order: ;

                                        flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  }
                                  </style>
                                  <div id="item5"  class="bg-black overflow-hidden d-flex justify-content-between" style="background-color: ; "> 
                                  

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
  
                  <style>
                      #gridSection-acc #r2-1{
                          width: em;
                          height:em;
                      }
                      
                         #gridSection-acc #r2-1:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-acc #r2-1{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      @media (max-width: 767px){
                         #gridSection-acc #r2-1-mob{
                          width: em !important;
                          height:em !important;
                      }
                         
                         #gridSection-acc #r2-1-mob:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-acc #r2-1-mob{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      }
                  </style>
                     <a href="https://smallhd.com/collections/accessories?_=pf&pf_t_power=Power%20Cable" class="d-none d-md-block w-100">
                      <img id="r2-1" src="//smallhd.com/cdn/shop/files/D-shd-2-pin-connector.png?v=1747934202" class="img-fluid bg-black None d-none d-md-block" alt="">
                        </a>
                    
                      <a href="https://smallhd.com/collections/accessories?_=pf&pf_t_power=Power%20Cable" class="d-block d-md-none">
                      <img id="r2-1-mob" src="//smallhd.com/cdn/shop/files/M-shd-2-pin-connector.png?v=1747934201" class="img-fluid bg-black None d-block d-md-none" alt="">
                      </a>
                      
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    
                                    <style>



                                   
                                        #item6 img {
                                            height:100%;
                                            object-fit:cover;
                                            margin:0 auto;
                                            }
                                       

                                    #gridSection-acc #item6{
                                      
                                      width: ;
                                      height: ;
                                      flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  
                                  
                                  @media (max-width: 767px){
                                    #gridSection-acc #item6{
                                      
                                      width: ;
                                      height: ;
                                      order: ;

                                        flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  }
                                  </style>
                                  <div id="item6"  class="bg-black overflow-hidden d-flex justify-content-between" style="background-color: ; "> 
                                  

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
  
                  <style>
                      #gridSection-acc #r2-2{
                          width: em;
                          height:em;
                      }
                      
                         #gridSection-acc #r2-2:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-acc #r2-2{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      @media (max-width: 767px){
                         #gridSection-acc #r2-2-mob{
                          width: em !important;
                          height:em !important;
                      }
                         
                         #gridSection-acc #r2-2-mob:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-acc #r2-2-mob{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      }
                  </style>
                     <a href="https://smallhd.com/collections/accessories?_=pf&pf_t_hardware=VESA%20Mounts" class="d-none d-md-block w-100">
                      <img id="r2-2" src="//smallhd.com/cdn/shop/files/D-shd-monitor-mount.png?v=1747934202" class="img-fluid bg-black None d-none d-md-block" alt="">
                        </a>
                    
                      <a href="https://smallhd.com/collections/accessories?_=pf&pf_t_hardware=VESA%20Mounts" class="d-block d-md-none">
                      <img id="r2-2-mob" src="//smallhd.com/cdn/shop/files/M-shd-monitor-mount.png?v=1747934202" class="img-fluid bg-black None d-block d-md-none" alt="">
                      </a>
                      
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    
                                    <style>



                                   
                                        #item7 img {
                                            height:100%;
                                            object-fit:cover;
                                            margin:0 auto;
                                            }
                                       

                                    #gridSection-acc #item7{
                                      
                                      width: ;
                                      height: ;
                                      flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  
                                  
                                  @media (max-width: 767px){
                                    #gridSection-acc #item7{
                                      
                                      width: ;
                                      height: ;
                                      order: ;

                                        flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  }
                                  </style>
                                  <div id="item7"  class="bg-black overflow-hidden d-flex justify-content-between" style="background-color: ; "> 
                                  

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
  
                  <style>
                      #gridSection-acc #r2-3{
                          width: em;
                          height:em;
                      }
                      
                         #gridSection-acc #r2-3:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-acc #r2-3{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      @media (max-width: 767px){
                         #gridSection-acc #r2-3-mob{
                          width: em !important;
                          height:em !important;
                      }
                         
                         #gridSection-acc #r2-3-mob:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-acc #r2-3-mob{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      }
                  </style>
                     <a href="https://smallhd.com/collections/accessories?_=pf&pf_t_video_cables=HDMI&pf_t_video_cables=SDI&pf_t_video_cables=Other%20-%20Video&pf_t_video_cables=12G-SDI" class="d-none d-md-block w-100">
                      <img id="r2-3" src="//smallhd.com/cdn/shop/files/D-shd-sdi-cable.png?v=1747934202" class="img-fluid bg-black None d-none d-md-block" alt="">
                        </a>
                    
                      <a href="https://smallhd.com/collections/accessories?_=pf&pf_t_video_cables=HDMI&pf_t_video_cables=SDI&pf_t_video_cables=Other%20-%20Video&pf_t_video_cables=12G-SDI" class="d-block d-md-none">
                      <img id="r2-3-mob" src="//smallhd.com/cdn/shop/files/M-shd-sdi-cable.png?v=1747934202" class="img-fluid bg-black None d-block d-md-none" alt="">
                      </a>
                      
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    
                                    <style>



                                   
                                        #item8 img {
                                            height:100%;
                                            object-fit:cover;
                                            margin:0 auto;
                                            }
                                       

                                    #gridSection-acc #item8{
                                      
                                      width: ;
                                      height: ;
                                      flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  
                                  
                                  @media (max-width: 767px){
                                    #gridSection-acc #item8{
                                      
                                      width: ;
                                      height: ;
                                      order: ;

                                        flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  }
                                  </style>
                                  <div id="item8"  class="bg-black overflow-hidden d-flex justify-content-between" style="background-color: ; "> 
                                  

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
  
                  <style>
                      #gridSection-acc #r2-4{
                          width: em;
                          height:em;
                      }
                      
                         #gridSection-acc #r2-4:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-acc #r2-4{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      @media (max-width: 767px){
                         #gridSection-acc #r2-4-mob{
                          width: em !important;
                          height:em !important;
                      }
                         
                         #gridSection-acc #r2-4-mob:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-acc #r2-4-mob{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      }
                  </style>
                     <a href="https://smallhd.com/products/ultra-7-bolt-6-color-bands" class="d-none d-md-block w-100">
                      <img id="r2-4" src="//smallhd.com/cdn/shop/files/D-shd-color-bands.png?v=1747934202" class="img-fluid bg-black None d-none d-md-block" alt="">
                        </a>
                    
                      <a href="https://smallhd.com/products/ultra-7-bolt-6-color-bands" class="d-block d-md-none">
                      <img id="r2-4-mob" src="//smallhd.com/cdn/shop/files/M-shd-color-bands.png?v=1747934202" class="img-fluid bg-black None d-block d-md-none" alt="">
                      </a>
                      
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              
  
   
          </div>

              <script>

           
            jQuery(document).ready(function($) {
              $('.modal').each(function(){
                      var src = $(this).find('iframe').attr('src');
                      
                      $(this).on('hidden.bs.modal', function(){
                      $(this).find('iframe').attr('src', '');
                      $(this).find('iframe').attr('src', src);
                  });
              });
          });
  </script>
         
      </section>
    </div>
      
  
      
  
      </div><div id="shopify-section-template--16061437968517__se_bs_dawn_content_2023_MQmdf4" class="shopify-section">
  <script src="https://cdn.jsdelivr.net/npm/@iframe-resizer/parent@5.3.2"></script>

    <style>
  
      #cert-refurb-header{
      position:relative;
          
          background-size: 73em auto;
          background-color: #191919;
          background-position: center center;
          background-repeat: no-repeat;
          min-height: ;
          max-height: ;
          overflow-x: hidden;
      }

        

 #cert-refurb-header #heroVid {
    position: absolute;
    height: 100%;
    min-height: ;
    object-fit: cover;
    left: ;
    transform: translateX(-50%);
    overflow: visible;
}


      #cert-refurb-header{padding:;}
      
  
      
  
      .gradient-bg{background: linear-gradient(270deg,  0%, rgba(0,0,0,0) 90%);}
      @media (max-width:767px) {
          #cert-refurb-header{
          
          background-size: ;
          background-color: ;
          background-position: center center;
          background-repeat: no-repeat;
          min-height: ;
      }
        }
  </style>
      
      <div class="canvas">
      

      <section id="cert-refurb-header"  class="section pt-md-18 pb-md-12 pt-22 pb-13 ">


      
       

 
 
          <div class="container-pf-mini text-center">
          
           
 

 

     
              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <H4 class="line-1 none text-blue-3 fs-7 ls-px-112 text-uppercase fw-bold mb-2 None d-none d-md-block" style="color:" >SAVE UP TO 40%</H4>
                      <H4 class="line-1 fs-7 text-blue-3 fs-7 ls-px-112 text-uppercase fw-bold mb-2 None d-block d-md-none" style="color:; font-size: ; line-height: ;">SAVE UP TO 40%</H4>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <H2 class="line-1 fs-1 text-white font-HGW-500 mb-md-2 mb-3 None d-none d-md-block" style="color:" >Shop B-Stock <br>Certified Refurbished</H2>
                      <H2 class="line-1 fs-1 text-white font-HGW-500 mb-md-2 mb-3 None d-block d-md-none" style="color:; font-size: ; line-height: ;">Shop B-Stock <br>Certified Refurbished</H2>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 none text-gray-3 mb-md-6 mb-8 None d-none d-md-block" style="color:" >Discounts on open box and gently used items.</P>
                      <P class="line-1 none text-gray-3 mb-md-6 mb-8 None d-block d-md-none" style="color:; font-size: ; line-height: ;">Discounts on open box and gently used items.</P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
                                      
                          <a id=""  href="https://smallhd.com/collections/sale?_=pf&pf_t_sale_type=Certified%20Refurbished&pf_t_sale_type=B-Stock"  name="" class="btn btn-outline-white  px-md-6 py-md-4 py-5 px-7 fs-6 None"  > 
                                      <span class="d-flex align-items-center">
                                      
                                      <span>Shop Now</span>
                                      
                                      </span>
                                      </a>
                    
                                      
                                        <script>
                                         jQuery(document).ready(function($) {
                                              var destination = $('');
                                               $("").on("click touchstart", function() {
                                            
                                              $('html,body').animate({
                                                          scrollTop: destination.offset().top - 100
                                                      },'slow');
                                                  });
                                          });
                                                  jQuery(document).ready(function($) {

                          if(window.location.href.indexOf('#') != -1) {
                          $('#').modal('show');
                            }
                          
                          }); 
                                    
            
                      </script>
                  
                    
                  
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              
  
   
          </div>

              <script>

           
            jQuery(document).ready(function($) {
              $('.modal').each(function(){
                      var src = $(this).find('iframe').attr('src');
                      
                      $(this).on('hidden.bs.modal', function(){
                      $(this).find('iframe').attr('src', '');
                      $(this).find('iframe').attr('src', src);
                  });
              });
          });
  </script>
         
      </section>
    </div>
      
  
      
  
      </div><div id="shopify-section-template--16061437968517__se_bs_dawn_content_2023_bHJtU4" class="shopify-section">
  <script src="https://cdn.jsdelivr.net/npm/@iframe-resizer/parent@5.3.2"></script>

    <style>
  
      #gridSection-refurb{
      position:relative;
          
          background-size: 73em auto;
          background-color: #191919;
          background-position: center center;
          background-repeat: no-repeat;
          min-height: ;
          max-height: ;
          overflow-x: hidden;
      }

        

 #gridSection-refurb #heroVid {
    position: absolute;
    height: 100%;
    min-height: ;
    object-fit: cover;
    left: ;
    transform: translateX(-50%);
    overflow: visible;
}


      #gridSection-refurb{padding:;}
      
  
      
  
      .gradient-bg{background: linear-gradient(270deg,  0%, rgba(0,0,0,0) 90%);}
      @media (max-width:767px) {
          #gridSection-refurb{
          
          background-size: ;
          background-color: ;
          background-position: center center;
          background-repeat: no-repeat;
          min-height: ;
      }
        }
  </style>
      
      <div class="canvas">
      

      <section id="gridSection-refurb"  class="section py-md-4 ">


      
       

 
 
          <div class="container-pf-fluid ">
          
           
 

 

     
              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  
                                   <style>
                                       

                                        #gridSection-refurb .grid-container {
                                          display: grid;
                                          height: ;
                                          
                                            grid-template-rows:repeat(2, minmax(186px,1fr));
                                            grid-template-columns:repeat(4, minmax(0, 1fr));
                                            row-gap: 0.6rem;
                                            column-gap: 0.6rem;
                                            justify-items:;
                                            align-items:;
                                            justify-content:;
                                            align-content:;
                                            ;

                                          
                                          background-color: ;
                                        }
                                        @media (max-width: 767px){
                                          #gridSection-refurb .grid-container {

                                           
                                            grid-template-rows:repeat(4, minmax(0, 11rem));
                                            grid-template-columns:1fr 1fr;
                                            row-gap: ;
                                            column-gap: ;
                                            justify-items:;
                                            align-items:;
                                            justify-content:;
                                            align-content:;
                                            ;

                                          
                                          }
                                        }
                                      </style>
                                      <div id="accessories"class="grid-container  ">
                                    

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    
                                    <style>



                                   
                                        #item1 img {
                                            height:100%;
                                            object-fit:cover;
                                            margin:0 auto;
                                            }
                                       

                                    #gridSection-refurb #item1{
                                      
                                      width: ;
                                      height: ;
                                      flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  
                                  
                                  @media (max-width: 767px){
                                    #gridSection-refurb #item1{
                                      
                                      width: ;
                                      height: ;
                                      order: ;

                                        flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  }
                                  </style>
                                  <div id="item1"  class="bg-black overflow-hidden d-flex" style="background-color: ; "> 
                                  

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
  
                  <style>
                      #gridSection-refurb #rb-1{
                          width: em;
                          height:em;
                      }
                      
                         #gridSection-refurb #rb-1:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-refurb #rb-1{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      @media (max-width: 767px){
                         #gridSection-refurb #rb-1-mob{
                          width: em !important;
                          height:em !important;
                      }
                         
                         #gridSection-refurb #rb-1-mob:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-refurb #rb-1-mob{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      }
                  </style>
                     <a href="https://smallhd.com/collections/sale?_=pf&pf_t_sale_type=Certified%20Refurbished&pf_t_sale_type=B-Stock&pf_t_product_type=4K%20Production%20Monitor" class="d-none d-md-block w-100">
                      <img id="rb-1" src="//smallhd.com/cdn/shop/files/shd-hp-desktop-refurb-1.png?v=1762806754" class="img-fluid  None d-none d-md-block" alt="">
                        </a>
                    
                      <a href="https://smallhd.com/collections/sale?_=pf&pf_t_sale_type=Certified%20Refurbished&pf_t_sale_type=B-Stock&pf_t_product_type=4K%20Production%20Monitor" class="d-block d-md-none">
                      <img id="rb-1-mob" src="//smallhd.com/cdn/shop/files/shd-hp-mobile-1.png?v=1762806744" class="img-fluid  None d-block d-md-none" alt="">
                      </a>
                      
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    
                                    <style>



                                   
                                        #item2 img {
                                            height:100%;
                                            object-fit:cover;
                                            margin:0 auto;
                                            }
                                       

                                    #gridSection-refurb #item2{
                                      
                                      width: ;
                                      height: ;
                                      flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  
                                  
                                  @media (max-width: 767px){
                                    #gridSection-refurb #item2{
                                      
                                      width: ;
                                      height: ;
                                      order: ;

                                        flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  }
                                  </style>
                                  <div id="item2"  class="bg-black overflow-hidden d-flex" style="background-color: ; "> 
                                  

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
  
                  <style>
                      #gridSection-refurb #rb-2{
                          width: em;
                          height:em;
                      }
                      
                         #gridSection-refurb #rb-2:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-refurb #rb-2{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      @media (max-width: 767px){
                         #gridSection-refurb #rb-2-mob{
                          width: em !important;
                          height:em !important;
                      }
                         
                         #gridSection-refurb #rb-2-mob:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-refurb #rb-2-mob{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      }
                  </style>
                     <a href="https://smallhd.com/collections/sale?_=pf&pf_t_sale_type=Certified%20Refurbished&pf_t_sale_type=B-Stock&pf_t_product_type=Smart%207" class="d-none d-md-block w-100">
                      <img id="rb-2" src="//smallhd.com/cdn/shop/files/shd-hp-desktop-refurb-2.png?v=1762804217" class="img-fluid bg-black None d-none d-md-block" alt="">
                        </a>
                    
                      <a href="https://smallhd.com/collections/sale?_=pf&pf_t_sale_type=Certified%20Refurbished&pf_t_sale_type=B-Stock&pf_t_product_type=Smart%207" class="d-block d-md-none">
                      <img id="rb-2-mob" src="//smallhd.com/cdn/shop/files/shd-hp-mobile-2.png?v=1762804702" class="img-fluid bg-black None d-block d-md-none" alt="">
                      </a>
                      
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    
                                    <style>



                                   
                                        #item3 img {
                                            height:100%;
                                            object-fit:cover;
                                            margin:0 auto;
                                            }
                                       

                                    #gridSection-refurb #item3{
                                      
                                      width: ;
                                      height: ;
                                      flex: ;
                                      align-self: stretch;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  
                                  
                                  @media (max-width: 767px){
                                    #gridSection-refurb #item3{
                                      
                                      width: ;
                                      height: ;
                                      order: ;

                                        flex: ;
                                      align-self: stretch;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  }
                                  </style>
                                  <div id="item3"  class="bg-black overflow-hidden d-flex justify-content-between" style="background-color: ; "> 
                                  

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
  
                  <style>
                      #gridSection-refurb #rb-3{
                          width: em;
                          height:em;
                      }
                      
                         #gridSection-refurb #rb-3:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-refurb #rb-3{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      @media (max-width: 767px){
                         #gridSection-refurb #rb-3-mob{
                          width: em !important;
                          height:em !important;
                      }
                         
                         #gridSection-refurb #rb-3-mob:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-refurb #rb-3-mob{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      }
                  </style>
                     <a href="https://smallhd.com/collections/sale?_=pf&pf_t_sale_type=Certified%20Refurbished&pf_t_sale_type=B-Stock&pf_t_product_type=4K%20Production%20Monitor" class="d-none d-md-block w-100">
                      <img id="rb-3" src="//smallhd.com/cdn/shop/files/shd-hp-desktop-refurb-3.png?v=1762804217" class="img-fluid bg-black None d-none d-md-block" alt="">
                        </a>
                    
                      <a href="https://smallhd.com/collections/sale?_=pf&pf_t_sale_type=Certified%20Refurbished&pf_t_sale_type=B-Stock&pf_t_product_type=4K%20Production%20Monitor" class="d-block d-md-none">
                      <img id="rb-3-mob" src="//smallhd.com/cdn/shop/files/shd-hp-mobile-3.png?v=1762804702" class="img-fluid bg-black None d-block d-md-none" alt="">
                      </a>
                      
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    
                                    <style>



                                   
                                        #item4 img {
                                            height:100%;
                                            object-fit:cover;
                                            margin:0 auto;
                                            }
                                       

                                    #gridSection-refurb #item4{
                                      
                                      width: ;
                                      height: ;
                                      flex: ;
                                      align-self: stretch;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  
                                  
                                  @media (max-width: 767px){
                                    #gridSection-refurb #item4{
                                      
                                      width: ;
                                      height: ;
                                      order: ;

                                        flex: ;
                                      align-self: stretch;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  }
                                  </style>
                                  <div id="item4"  class="bg-black overflow-hidden d-flex justify-content-between" style="background-color: ; "> 
                                  

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
  
                  <style>
                      #gridSection-refurb #rb-4{
                          width: em;
                          height:em;
                      }
                      
                         #gridSection-refurb #rb-4:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-refurb #rb-4{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      @media (max-width: 767px){
                         #gridSection-refurb #rb-4-mob{
                          width: em !important;
                          height:em !important;
                      }
                         
                         #gridSection-refurb #rb-4-mob:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-refurb #rb-4-mob{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      }
                  </style>
                     <a href="https://smallhd.com/collections/sale?_=pf&pf_t_sale_type=Certified%20Refurbished&pf_t_sale_type=B-Stock&pf_t_product_type=Smart%205" class="d-none d-md-block w-100">
                      <img id="rb-4" src="//smallhd.com/cdn/shop/files/Product_4_Size_Desktop.png?v=1763376924" class="img-fluid bg-blue-7 None d-none d-md-block" alt="">
                        </a>
                    
                      <a href="https://smallhd.com/collections/sale?_=pf&pf_t_sale_type=Certified%20Refurbished&pf_t_sale_type=B-Stock&pf_t_product_type=Smart%205" class="d-block d-md-none">
                      <img id="rb-4-mob" src="//smallhd.com/cdn/shop/files/Product_4_Size_Mobile.png?v=1763377391" class="img-fluid bg-blue-7 None d-block d-md-none" alt="">
                      </a>
                      
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    
                                    <style>



                                   
                                        #item5 img {
                                            height:100%;
                                            object-fit:cover;
                                            margin:0 auto;
                                            }
                                       

                                    #gridSection-refurb #item5{
                                      
                                      width: ;
                                      height: ;
                                      flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  
                                  
                                  @media (max-width: 767px){
                                    #gridSection-refurb #item5{
                                      
                                      width: ;
                                      height: ;
                                      order: ;

                                        flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  }
                                  </style>
                                  <div id="item5"  class="bg-black overflow-hidden d-flex justify-content-between" style="background-color: ; "> 
                                  

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
  
                  <style>
                      #gridSection-refurb #rb-5{
                          width: em;
                          height:em;
                      }
                      
                         #gridSection-refurb #rb-5:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-refurb #rb-5{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      @media (max-width: 767px){
                         #gridSection-refurb #rb-5-mob{
                          width: em !important;
                          height:em !important;
                      }
                         
                         #gridSection-refurb #rb-5-mob:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-refurb #rb-5-mob{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      }
                  </style>
                     <a href="https://smallhd.com/collections/sale?_=pf&pf_t_sale_type=Certified%20Refurbished&pf_t_sale_type=B-Stock&pf_t_product_type=Smart%207" class="d-none d-md-block w-100">
                      <img id="rb-5" src="//smallhd.com/cdn/shop/files/shd-hp-desktop-refurb-5.png?v=1762804217" class="img-fluid bg-black None d-none d-md-block" alt="">
                        </a>
                    
                      <a href="https://smallhd.com/collections/sale?_=pf&pf_t_sale_type=Certified%20Refurbished&pf_t_sale_type=B-Stock&pf_t_product_type=Smart%207" class="d-block d-md-none">
                      <img id="rb-5-mob" src="//smallhd.com/cdn/shop/files/shd-hp-mobile-5.png?v=1762804702" class="img-fluid bg-black None d-block d-md-none" alt="">
                      </a>
                      
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    
                                    <style>



                                   
                                        #item6 img {
                                            height:100%;
                                            object-fit:cover;
                                            margin:0 auto;
                                            }
                                       

                                    #gridSection-refurb #item6{
                                      
                                      width: ;
                                      height: ;
                                      flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  
                                  
                                  @media (max-width: 767px){
                                    #gridSection-refurb #item6{
                                      
                                      width: ;
                                      height: ;
                                      order: ;

                                        flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  }
                                  </style>
                                  <div id="item6"  class="bg-black overflow-hidden d-flex justify-content-between" style="background-color: ; "> 
                                  

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
  
                  <style>
                      #gridSection-refurb #rb-6{
                          width: em;
                          height:em;
                      }
                      
                         #gridSection-refurb #rb-6:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-refurb #rb-6{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      @media (max-width: 767px){
                         #gridSection-refurb #rb-6-mob{
                          width: em !important;
                          height:em !important;
                      }
                         
                         #gridSection-refurb #rb-6-mob:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-refurb #rb-6-mob{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      }
                  </style>
                     <a href="https://smallhd.com/collections/sale?_=pf&pf_t_sale_type=Certified%20Refurbished&pf_t_sale_type=B-Stock&pf_t_product_type=4K%20Production%20Monitor" class="d-none d-md-block w-100">
                      <img id="rb-6" src="//smallhd.com/cdn/shop/files/Grid_Content.png?v=1763377051" class="img-fluid bg-black None d-none d-md-block" alt="">
                        </a>
                    
                      <a href="https://smallhd.com/collections/sale?_=pf&pf_t_sale_type=Certified%20Refurbished&pf_t_sale_type=B-Stock&pf_t_product_type=4K%20Production%20Monitor" class="d-block d-md-none">
                      <img id="rb-6-mob" src="//smallhd.com/cdn/shop/files/Product_6_Size_Mobile.png?v=1763377443" class="img-fluid bg-black None d-block d-md-none" alt="">
                      </a>
                      
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    
                                    <style>



                                   
                                        #item7 img {
                                            height:100%;
                                            object-fit:cover;
                                            margin:0 auto;
                                            }
                                       

                                    #gridSection-refurb #item7{
                                      
                                      width: ;
                                      height: ;
                                      flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  
                                  
                                  @media (max-width: 767px){
                                    #gridSection-refurb #item7{
                                      
                                      width: ;
                                      height: ;
                                      order: ;

                                        flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  }
                                  </style>
                                  <div id="item7"  class="bg-black overflow-hidden d-flex justify-content-between" style="background-color: ; "> 
                                  

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
  
                  <style>
                      #gridSection-refurb #rb-7{
                          width: em;
                          height:em;
                      }
                      
                         #gridSection-refurb #rb-7:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-refurb #rb-7{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      @media (max-width: 767px){
                         #gridSection-refurb #rb-7-mob{
                          width: em !important;
                          height:em !important;
                      }
                         
                         #gridSection-refurb #rb-7-mob:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-refurb #rb-7-mob{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      }
                  </style>
                     <a href="https://smallhd.com/collections/sale?_=pf&pf_t_sale_type=Certified%20Refurbished&pf_t_sale_type=B-Stock&pf_t_product_type=Smart%205" class="d-none d-md-block w-100">
                      <img id="rb-7" src="//smallhd.com/cdn/shop/files/shd-hp-desktop-refurb-7.png?v=1762804217" class="img-fluid bg-black None d-none d-md-block" alt="">
                        </a>
                    
                      <a href="https://smallhd.com/collections/sale?_=pf&pf_t_sale_type=Certified%20Refurbished&pf_t_sale_type=B-Stock&pf_t_product_type=Smart%205" class="d-block d-md-none">
                      <img id="rb-7-mob" src="//smallhd.com/cdn/shop/files/shd-hp-mobile-7.png?v=1762804702" class="img-fluid bg-black None d-block d-md-none" alt="">
                      </a>
                      
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    
                                    <style>



                                   
                                        #item8 img {
                                            height:100%;
                                            object-fit:cover;
                                            margin:0 auto;
                                            }
                                       

                                    #gridSection-refurb #item8{
                                      
                                      width: ;
                                      height: ;
                                      flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  
                                  
                                  @media (max-width: 767px){
                                    #gridSection-refurb #item8{
                                      
                                      width: ;
                                      height: ;
                                      order: ;

                                        flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  }
                                  </style>
                                  <div id="item8"  class="bg-black overflow-hidden d-flex justify-content-between" style="background-color: ; "> 
                                  

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
  
                  <style>
                      #gridSection-refurb #rb-8{
                          width: em;
                          height:em;
                      }
                      
                         #gridSection-refurb #rb-8:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-refurb #rb-8{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      @media (max-width: 767px){
                         #gridSection-refurb #rb-8-mob{
                          width: em !important;
                          height:em !important;
                      }
                         
                         #gridSection-refurb #rb-8-mob:hover{
                          transform: scale(1.05);
                          transition: all 0.4s ease-in-out;
                          filter: brightness(120%);
                         }
                         #gridSection-refurb #rb-8-mob{
                          transition: all 0.4s ease-in-out;
                          filter: brightness(100%);
                         }
                      
                      
                      }
                  </style>
                     <a href="https://smallhd.com/collections/sale?_=pf&pf_t_sale_type=Certified%20Refurbished&pf_t_sale_type=B-Stock&pf_t_product_type=Smart%207" class="d-none d-md-block w-100">
                      <img id="rb-8" src="//smallhd.com/cdn/shop/files/Product_8_Size_Desktop.png?v=1763377143" class="img-fluid bg-black None d-none d-md-block" alt="">
                        </a>
                    
                      <a href="https://smallhd.com/collections/sale?_=pf&pf_t_sale_type=Certified%20Refurbished&pf_t_sale_type=B-Stock&pf_t_product_type=Smart%207" class="d-block d-md-none">
                      <img id="rb-8-mob" src="//smallhd.com/cdn/shop/files/Product_8_Size_Mobile.png?v=1763377350" class="img-fluid bg-black None d-block d-md-none" alt="">
                      </a>
                      
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              
  
   
          </div>

              <script>

           
            jQuery(document).ready(function($) {
              $('.modal').each(function(){
                      var src = $(this).find('iframe').attr('src');
                      
                      $(this).on('hidden.bs.modal', function(){
                      $(this).find('iframe').attr('src', '');
                      $(this).find('iframe').attr('src', src);
                  });
              });
          });
  </script>
         
      </section>
    </div>
      
  
      
  
      </div><div id="shopify-section-template--16061437968517__se_bs_dawn_content_2023_be4kDz" class="shopify-section">
  <script src="https://cdn.jsdelivr.net/npm/@iframe-resizer/parent@5.3.2"></script>

    <style>
  
      #sec14{
      position:relative;
          
          background-size: 73em auto;
          background-color: #191919;
          background-position: center center;
          background-repeat: no-repeat;
          min-height: ;
          max-height: ;
          overflow-x: hidden;
      }

        

 #sec14 #heroVid {
    position: absolute;
    height: 100%;
    min-height: ;
    object-fit: cover;
    left: ;
    transform: translateX(-50%);
    overflow: visible;
}


      #sec14{padding:;}
      
  
      
  
      .gradient-bg{background: linear-gradient(270deg,  0%, rgba(0,0,0,0) 90%);}
      @media (max-width:767px) {
          #sec14{
          
          background-size: ;
          background-color: ;
          background-position: center center;
          background-repeat: no-repeat;
          min-height: ;
      }
        }
  </style>
      <style>
@media(min-width: 1224px){
#sec14 .container-pf-fluid{
max-width: 61.2rem;
}
}
#sec14 .card{border-radius: 16px;}
@media (max-width: 768px){
i.fa-light.fa-bookmark.text-gray-3.d-block {
    margin-bottom: 3px;
}
}
</style>
      <div class="canvas">
      

      <section id="sec14"  class="section pt-md-14 pb-md-10 pb-18 pt-22 ">


      
       

 
 
          <div class="container-pf-fluid px-5 px-md-auto">
          
           
 

 

     
              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <H2 class="line-1 fs-1 text-white fw-medium text-center mb-2 font-HGW-500 None d-none d-md-block" style="color:" >Shop Direct</H2>
                      <H2 class="line-1 fs-1 text-white fw-medium text-center mb-2 font-HGW-500 None d-block d-md-none" style="color:; font-size: ; line-height: ;">Shop Direct</H2>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 none text-gray-3 text-center mb-md-12 mb-15 None d-none d-md-block" style="color:" >We offer the most comprehensive information, in-depth <br class= "d-none d-md-block"> product catalogue, and expert shopping guidance.</P>
                      <P class="line-1 none text-gray-3 text-center mb-md-12 mb-15 None d-block d-md-none" style="color:; font-size: ; line-height: ;">We offer the most comprehensive information, in-depth <br class= "d-none d-md-block"> product catalogue, and expert shopping guidance.</P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  
                                   <style>
                                       

                                        #sec14 .grid-container {
                                          display: flex;
                                          height: ;
                                          
                                          gap: 0.8rem;
                                        
                                          background-color: ;
                                        }
                                        @media (max-width: 767px){
                                          #sec14 .grid-container {

                                           
                                            display: flex;
                                            flex-direction: column;
                                            height: ;
                                            gap: 0;
                                            
                                          }
                                        }
                                      </style>
                                      <div id=""class="grid-container  ">
                                    

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    
                                    <style>



                                   

                                    #sec14 #sec14-item1{
                                      
                                      width: 100%;
                                      height: ;
                                      flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  
                                  
                                  @media (max-width: 767px){
                                    #sec14 #sec14-item1{
                                      
                                      width: ;
                                      height: ;
                                      order: ;

                                        flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  }
                                  </style>
                                  <div id="sec14-item1"  class="" style="background-color: ; "> 
                                  

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                  
                  <style>
                  #financing-card:hover{
                    background:  !important;
                    border-color:  !important;
                  }
                  #financing-card:active{
                    background:  !important;
                    border-color:  !important;
                  }
                  </style>
                  <div id="financing-card" class="card bg-gray-7 pt-md-8 mb-7 mb-md-0 pb-md-8 text-bg-primary None"  style="background:;  ">
                  
                    
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
                     <div class="card-body text-center p-md-0">
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 fs-2 mb-md-3 mt-3 mt-md-0 mb-4 None d-none d-md-block" style="color:" ><i class="fa-regular fa-dollar-sign text-blue-3"></i></P>
                      <P class="line-1 fs-1 mb-md-3 mt-3 mt-md-0 mb-4 None d-block d-md-none" style="color:; font-size: ; line-height: ;"><i class="fa-regular fa-dollar-sign text-blue-3"></i></P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 none text-uppercase ls-px-12 fw-bold mb-md-2 mb-5 None d-none d-md-block" style="color:" >Financing options</P>
                      <P class="line-1 none text-uppercase ls-px-12 fw-bold mb-md-2 mb-5 None d-block d-md-none" style="color:; font-size: ; line-height: ;">Financing options</P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 none text-gray-2 mb-0 None d-none d-md-block" style="color:" >Flexible payment options including <br> installment plans and 0% Financing.</P>
                      <P class="line-1 none text-gray-2 mb-0 None d-block d-md-none" style="color:; font-size: ; line-height: ;">Flexible payment options including <br> installment plans and 0% Financing.</P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
                   </div>
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
                  </div>
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    
                                    <style>



                                   

                                    #sec14 #sec14-item2{
                                      
                                      width: 100%;
                                      height: ;
                                      flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  
                                  
                                  @media (max-width: 767px){
                                    #sec14 #sec14-item2{
                                      
                                      width: ;
                                      height: ;
                                      order: ;

                                        flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  }
                                  </style>
                                  <div id="sec14-item2"  class="" style="background-color: ; "> 
                                  

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                  
                  <style>
                  #shiping-card:hover{
                    background:  !important;
                    border-color:  !important;
                  }
                  #shiping-card:active{
                    background:  !important;
                    border-color:  !important;
                  }
                  </style>
                  <div id="shiping-card" class="card bg-gray-7 pt-md-8 mb-7 mb-md-0 pb-md-8 text-bg-primary None"  style="background:;  ">
                  
                    
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
                     <div class="card-body text-center p-md-0">
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 fs-2 mb-md-3 mt-3 mb-4 mt-md-0 None d-none d-md-block" style="color:" ><i class="fa-light fa-truck-fast text-blue-3"></i>
<style>
@media (max-width:768px){
i.fa-light.fa-bookmark.text-gray-3.d-block{margin-top:4px;}
}
</style></P>
                      <P class="line-1 fs-1 mb-md-3 mt-3 mb-4 mt-md-0 None d-block d-md-none" style="color:; font-size: ; line-height: ;"><i class="fa-light fa-truck-fast text-blue-3"></i>
<style>
@media (max-width:768px){
i.fa-light.fa-bookmark.text-gray-3.d-block{margin-top:4px;}
}
</style></P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 none text-uppercase ls-px-12 fw-bold mb-md-2 mb-5 None d-none d-md-block" style="color:" >FREE Shipping</P>
                      <P class="line-1 none text-uppercase ls-px-12 fw-bold mb-md-2 mb-5 None d-block d-md-none" style="color:; font-size: ; line-height: ;">FREE Shipping</P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 none text-gray-2 mb-0 None d-none d-md-block" style="color:" >Get free ground shipping on all orders<br> above $500 within the USA.</P>
                      <P class="line-1 none text-gray-2 mb-0 None d-block d-md-none" style="color:; font-size: ; line-height: ;">Get free ground shipping on all orders<br> above $500 within the USA.</P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
                   </div>
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
                  </div>
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    
                                    <style>



                                   

                                    #sec14 #sec14-item3{
                                      
                                      width: 100%;
                                      height: ;
                                      flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  
                                  
                                  @media (max-width: 767px){
                                    #sec14 #sec14-item3{
                                      
                                      width: ;
                                      height: ;
                                      order: ;

                                        flex: ;
                                      align-self: ;
                                      grid-row:;
                                      grid-column:;
                                      ;
                                    }
                                  }
                                  </style>
                                  <div id="sec14-item3"  class="" style="background-color: ; "> 
                                  

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                  
                  <style>
                  #shiping-card:hover{
                    background:  !important;
                    border-color:  !important;
                  }
                  #shiping-card:active{
                    background:  !important;
                    border-color:  !important;
                  }
                  </style>
                  <div id="shiping-card" class="card bg-gray-7 pt-md-8 mb-7 mb-md-0 pb-md-8 text-bg-primary None"  style="background:;  ">
                  
                    
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
                     <div class="card-body text-center p-md-0">
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 fs-2 mb-md-3 mt-3 mb-4 mt-md-0 None d-none d-md-block" style="color:" ><i class="fa-light fa-box-taped text-blue-3"></i></P>
                      <P class="line-1 fs-1 mb-md-3 mt-3 mb-4 mt-md-0 None d-block d-md-none" style="color:; font-size: ; line-height: ;"><i class="fa-light fa-box-taped text-blue-3"></i></P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 none text-uppercase ls-px-12 fw-bold mb-md-2 mb-5 None d-none d-md-block" style="color:" >30-Day Return Policy</P>
                      <P class="line-1 none text-uppercase ls-px-12 fw-bold mb-md-2 mb-5 None d-block d-md-none" style="color:; font-size: ; line-height: ;">30-Day Return Policy</P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
                  
                  
                      <P class="line-1 none text-gray-2 mb-0 None d-none d-md-block" style="color:" >Buy with confidence. Hassle-free, <br class="d-block d-md-block"> 30 day <br class="d-none d-md-none"> money back guarantee.</P>
                      <P class="line-1 none text-gray-2 mb-0 None d-block d-md-none" style="color:; font-size: ; line-height: ;">Buy with confidence. Hassle-free, <br class="d-block d-md-block"> 30 day <br class="d-none d-md-none"> money back guarantee.</P>
                  
                  
  
                       <script>
                        jQuery(document).ready(function($) {
                            var destination = $('');
                             $("").on("click touchstart", function() {
                           //console.log("", "trying to go here" );
                            $('html,body').animate({
                                        scrollTop: destination.offset().top - 100
                                    },'slow');
                                });
                        });
                      </script>
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
                   </div>
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
                  </div>
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              

                 

                  
          
                

            
                  

                

                

                    

                  

                        

                        

                      

                      

                      

                          

                                  

                                    

                                  
                                  </div>
                                  

                                  
                      
                        

                

                

                

                

                

                

                      

                

                    

                            

                          


                      


                        
                                   
                             






  

                 



                  
                
                      
                        
                        
                          
                          
                
                
                
                  
  
                  
  
                  
  
                

                  
  
                  
                    
                  
  
                  
  
                  
  
                  
  
                  
                        
                  
  
       
                                  
                    
                    
                    
                    
                                          
                    
                                    
  
                  
                  
                
                  



  
                
                          
                    
                            
                    
                            
                    
                            
                        
                                
                        
                                        
                        
                            
 <!------------>

                            

<!------------>
                        
                            
            
                          
                          
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
            
                          
                         
            
                          
            
                          
            
                          
            
                          
            
                        

              
  
   
          </div>

              <script>

           
            jQuery(document).ready(function($) {
              $('.modal').each(function(){
                      var src = $(this).find('iframe').attr('src');
                      
                      $(this).on('hidden.bs.modal', function(){
                      $(this).find('iframe').attr('src', '');
                      $(this).find('iframe').attr('src', src);
                  });
              });
          });
  </script>
         
      </section>
    </div>
      
  
      
  
      </div><div id="shopify-section-template--16061437968517__review_section_rjENEp" class="shopify-section"><style>

  #myDIV {
    width: ;
    height: ;
    top: ;
    z-index: 3000;
  }

  #poimg2 {
    position: absolute;
    top: ;
  }

  @media(max-width: 767px) {
    #myDIV {
      width: ;
      height: ;
      top: 0px;
    }
    #poimg2mob {
      position: absolute;
      top: ;
      /* Separate mobile positioning */
    }
  }
</style>

<section
  id="myDIV"
  class="position-absolute start-0 end-0 bottom-0 d-none review_section"
  style="opacity: 0.5">
  
    <img
      src="//smallhd.com/cdn/shop/files/Size_Mobile_dfe9a146-23b5-4252-be4e-c2bb6b8ddd4b.png?v=1763374819"
      id="img1"
      class=" img-fluid d-none d-md-block mx-auto"
      alt="overlayImg">
    <img
      src="//smallhd.com/cdn/shop/files/Size_Mobile_a054abbc-ada8-47e9-b96e-0cae6207e807.png?v=1763374506"
      id="img1mob"
      class=" img-fluid d-block d-md-none mx-auto"
      alt="overlayImgmob">
  
  
  
</section>
<button
  id="oveleaybtn"
  class="btn btn-primary position-fixed top-50 end-0 d-none"
  onclick="Switchoverlay()"
  style="z-index:3000;">Switch overlay</button>
<script>
    const OverlayQueryParams = new URLSearchParams(window.location.search);
    const OverlayQueryParams1 = new URLSearchParams(window.location.search);
    const VinspectParamValue = OverlayQueryParams.get('vinspect');
    const VinspectParamValue1 = OverlayQueryParams1.get('vinspect1');
    var overlayDiv = document.getElementById("myDIV");
    var overlayBtn = document.getElementById("oveleaybtn");
   var img1 = document.getElementById("img1");
    var poimg2 = document.getElementById("poimg2");
  var img1mob = document.getElementById("img1mob");
  var poimg2mob = document.getElementById("poimg2mob");
  
   //    if(VinspectParamValue === "true"){
   //      overlayDiv.classList.remove("d-none");
   //      overlayBtn.classList.remove("d-none");
   //    }
   // if(VinspectParamValue1 === "true"){
   //      overlayDiv.classList.remove("d-none");
   //      overlayBtn.classList.remove("d-none");
   //    }
   
   if (VinspectParamValue === "true" || VinspectParamValue1 === "true") {
        overlayDiv.classList.remove("d-none");
        overlayBtn.classList.remove("d-none");
    }

    if (VinspectParamValue1 === "true") {
            if (img1) {
                img1.style.display = "none";  // Hide img1
                img1.classList.add("d-none");
                img1.classList.remove("d-md-block"); // Remove the d-md-block class
            }
            if (poimg2) {
                poimg2.style.display = "block"; // Show poimg2
                poimg2.classList.remove("d-none");
            }
  }

    if (VinspectParamValue === "true") {
            if (poimg2) {
                poimg2.style.display = "none";  // Hide img1
                poimg2.classList.add("d-none");
                poimg2.classList.remove("d-md-block"); // Remove the d-md-block class
            }
            if (img1) {
                img1.style.display = "block"; // Show poimg2
                img1.classList.remove("d-none");
            }
      
        }


   if (VinspectParamValue1 === "true" && window.innerWidth < 768) {
            if (img1mob) {
                img1mob.style.display = "none";  
                img1mob.classList.add("d-none");
                img1mob.classList.remove("d-block");
            }
            if (poimg2mob) {
                poimg2mob.style.display = "block"; 
                poimg2mob.classList.remove("d-none");
            }
    if (poimg2) {
                poimg2.style.display = "none";  // Hide img1
                poimg2.classList.add("d-none");
                poimg2.classList.remove("d-block"); // Remove the d-md-block class
            }
        }

   if (VinspectParamValue === "true" && window.innerWidth < 768) {
            if (poimg2mob) {
                poimg2mob.style.display = "none";  
                poimg2mob.classList.add("d-none");
                poimg2mob.classList.remove("d-block");
            }
            if (img1mob) {
                img1mob.style.display = "block"; 
                img1mob.classList.remove("d-none");
            }
    if (img1) {
                img1.style.display = "none";  // Hide img1
                img1.classList.add("d-none");
                img1.classList.remove("d-block"); // Remove the d-md-block class
            }
        }
   
   
    function Switchoverlay() {
       var element = document.getElementById("myDIV");
       element.classList.toggle("d-none");
    }
</script>





</div>
    </main>

    <div style="z-index:99999; position:relative;">
        <!-- BEGIN sections: footer-group -->
<section id="shopify-section-sections--16059172487301__custom_liquid_FDmh3w" class="shopify-section shopify-section-group-footer-group section"><style data-shopify>.section-sections--16059172487301__custom_liquid_FDmh3w-padding {
    padding-top: calc(0px * 0.75);
    padding-bottom: calc(0px  * 0.75);
  }

  @media screen and (min-width: 750px) {
    .section-sections--16059172487301__custom_liquid_FDmh3w-padding {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }</style><div class="color-background-1 gradient">
  <div class="section-sections--16059172487301__custom_liquid_FDmh3w-padding">
    <style>@media (max-width: 767.5px) {
  footer .accordion-button {
    padding: 1rem 1.5rem !important;
  }
footer .accordion-button:not(.collapsed){padding-bottom: 1rem !important;}
}
footer .accordion-body{
padding-bottom: 2rem; 
}
</style>
  </div>
</div>


</section><div id="shopify-section-sections--16059172487301__footer" class="shopify-section shopify-section-group-footer-group"><footer class="site-footer small--text-center pb-md-9 bg-black" role="contentinfo">
  <div class="container-pf-mini pt-md-18 pb-md-40 pt-15">
    <style>
      #INDmenu-btn > span:hover {
        color: #939598 !important;
      }
      .site-footer {
      ;      /* background-color: #000; */
    }
    .site-footer .accordion-button:not(.collapsed) {
      box-shadow: none !important;
    }
    .site-footer .accordion-button {
      border: 0 !important;
    }

    .shopify-section.shopify-section-group-footer-group{
      z-index: 2147483646;
      position: relative;
    }
    #shopify-chat{
      z-index: 99999;
      position: absolute;
    }

    .site-footer .accordion {
      border-bottom: 1px solid #333 !important;
    }

    .site-footer .accordion-button[data-bs-target="#aboutFooter"] {
      border-top: 1px solid #333 !important;
    }

    .site-footer .accordion-button:not(.collapsed)::after {
      content: "\f077" !important;
      background-image: none;
      font-family: "FontAwesome";
    }
    .site-footer .accordion-button::after {
      margin-bottom: 0 !important;
      height: auto !important;
      content: "\f078" !important;
      background-image: none;
      font-family: "FontAwesome";
    }
    .social-icons li a:hover svg * {
      fill: #A2A2A3;
    }
    .social-icons li a:active svg * {
      fill: #474747;
    }
    .footer-logo {
      width: 13.5rem;
    }
    .site-footer .accordion-item {
      border-color: #939598 !important;
      border-left: 0 !important;
      border-right: 0 !important;
    }
    .site-footer .col-grid-1 {
      width: 25.975rem;
    }
    .vitec-section .container {
      max-width: 1284px !important;
    }
    @media (max-width: 767px) {

      #INDmenu-btn {
        top: 0 !important;
      }
      .footer-logo {
        width: 14rem;
      }
      .site-footer .container-pf-mini {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      .site-footer .col-grid-1 {
        margin-top: 0.5rem;
      }
      ul.inline-list.social-icons.text-center.text-md-start {
        width: 23rem;
        margin: 0 auto;
      }
      ul.social-icons li {
        padding: 0 0.5rem;
      }
    }
    </style>
    <div class="d-md-grid" style="grid-template-columns: repeat(4, 2fr);">

      
        <div class="col-grid-1 text-center text-md-start mb-15 mb-md-0">
          <a href="/"><img
              style="image-rendering: -webkit-optimize-contrast;"
              class="footer-logo"
              src="//smallhd.com/cdn/shop/files/shd-logo-footer-svg.svg?v=1751369150"
              alt="SmallHD" /></a>
        </div>
      

      
        
          <div class="col-grid-2 ">
            <div class="d-none d-md-block">
              <h6 class="fw-bold ls-px-md-112 fs-8 fs-md-7 text-gray-3 text-uppercase mb-md-4">About us</h6><nav class="nav flex-column">
                  
                    <a
                      class="nav-link fs-5 fw-normal footer-link p-0 mb-md-4 text-white"
                      style="color: #fff;"
                      href="https://smallhd.com/pages/about">Company Info</a>
                  
                    <a
                      class="nav-link fs-5 fw-normal footer-link p-0 mb-md-4 text-white"
                      style="color: #fff;"
                      href="https://smallhd.com/pages/resellers?SmallHD=1">Resellers</a>
                  
                    <a
                      class="nav-link fs-5 fw-normal footer-link p-0 mb-md-4 text-white"
                      style="color: #fff;"
                      href="https://careers.videndum.com/#jobs">Careers</a>
                  
                    <a
                      class="nav-link fs-5 fw-normal footer-link p-0 mb-md-4 text-white"
                      style="color: #fff;"
                      href="https://smallhd.com/pages/contact-us">Contact Us</a>
                  
                    <a
                      class="nav-link fs-5 fw-normal footer-link p-0 mb-md-4 text-white"
                      style="color: #fff;"
                      href="https://smallhd.com/blogs/community">Blog</a>
                  
                </nav>
              

            </div>

            <div class="d-block d-md-none">
              <div class="accordion border-0" id="accordionExample">
                <div class="accordion-item border-0">
                  <h2 class="accordion-header">
                    <button
                      class="accordion-button collapsed fw-bold text-gray-3 text-uppercase fs-7 ls-px-md-112 ls-px-12"
                      style="background-color: #000 !important;"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#aboutUs"
                      aria-expanded="false"
                      aria-controls="aboutUs">
                      <span class="text-white">About us</span>
                    </button>
                  </h2>
                  <div
                    id="aboutUs"
                    class="accordion-collapse collapse"
                    data-bs-parent="#accordionExample">
                    <div class="accordion-body" style="background: #000;">
                      <nav class="nav flex-column">
                        
                          <a
                            class="nav-link fs-5 fw-normal footer-link px-0 mb-md-4 text-start text-white"
                            style="color: #fff;"
                            href="https://smallhd.com/pages/about">Company Info</a>
                        
                          <a
                            class="nav-link fs-5 fw-normal footer-link px-0 mb-md-4 text-start text-white"
                            style="color: #fff;"
                            href="https://smallhd.com/pages/resellers?SmallHD=1">Resellers</a>
                        
                          <a
                            class="nav-link fs-5 fw-normal footer-link px-0 mb-md-4 text-start text-white"
                            style="color: #fff;"
                            href="https://careers.videndum.com/#jobs">Careers</a>
                        
                          <a
                            class="nav-link fs-5 fw-normal footer-link px-0 mb-md-4 text-start text-white"
                            style="color: #fff;"
                            href="https://smallhd.com/pages/contact-us">Contact Us</a>
                        
                          <a
                            class="nav-link fs-5 fw-normal footer-link px-0 mb-md-4 text-start text-white"
                            style="color: #fff;"
                            href="https://smallhd.com/blogs/community">Blog</a>
                        
                      </nav>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        
      
        
          <div class="col-grid-2 ">
            <div class="d-none d-md-block">
              <h6 class="fw-bold ls-px-md-112 fs-8 fs-md-7 text-gray-3 text-uppercase mb-md-4">Support</h6><nav class="nav flex-column">
                  
                    <a
                      class="nav-link fs-5 fw-normal footer-link p-0 mb-md-4 text-white"
                      style="color: #fff;"
                      href="https://support.cs.inc/s/">FAQs</a>
                  
                    <a
                      class="nav-link fs-5 fw-normal footer-link p-0 mb-md-4 text-white"
                      style="color: #fff;"
                      href="https://guide.smallhd.com/">User Guides</a>
                  
                    <a
                      class="nav-link fs-5 fw-normal footer-link p-0 mb-md-4 text-white"
                      style="color: #fff;"
                      href="https://support.cs.inc/s/contactsupport">Contact Support</a>
                  
                    <a
                      class="nav-link fs-5 fw-normal footer-link p-0 mb-md-4 text-white"
                      style="color: #fff;"
                      href="https://downloads.smallhd.com/">Downloads</a>
                  
                    <a
                      class="nav-link fs-5 fw-normal footer-link p-0 mb-md-4 text-white"
                      style="color: #fff;"
                      href="https://register.smallhd.com/">Monitor Activation</a>
                  
                </nav>
              

            </div>

            <div class="d-block d-md-none">
              <div class="accordion border-0" id="accordionExample">
                <div class="accordion-item border-0">
                  <h2 class="accordion-header">
                    <button
                      class="accordion-button collapsed fw-bold text-gray-3 text-uppercase fs-7 ls-px-md-112 ls-px-12"
                      style="background-color: #000 !important;"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#support"
                      aria-expanded="false"
                      aria-controls="support">
                      <span class="text-white">Support</span>
                    </button>
                  </h2>
                  <div
                    id="support"
                    class="accordion-collapse collapse"
                    data-bs-parent="#accordionExample">
                    <div class="accordion-body" style="background: #000;">
                      <nav class="nav flex-column">
                        
                          <a
                            class="nav-link fs-5 fw-normal footer-link px-0 mb-md-4 text-start text-white"
                            style="color: #fff;"
                            href="https://support.cs.inc/s/">FAQs</a>
                        
                          <a
                            class="nav-link fs-5 fw-normal footer-link px-0 mb-md-4 text-start text-white"
                            style="color: #fff;"
                            href="https://guide.smallhd.com/">User Guides</a>
                        
                          <a
                            class="nav-link fs-5 fw-normal footer-link px-0 mb-md-4 text-start text-white"
                            style="color: #fff;"
                            href="https://support.cs.inc/s/contactsupport">Contact Support</a>
                        
                          <a
                            class="nav-link fs-5 fw-normal footer-link px-0 mb-md-4 text-start text-white"
                            style="color: #fff;"
                            href="https://downloads.smallhd.com/">Downloads</a>
                        
                          <a
                            class="nav-link fs-5 fw-normal footer-link px-0 mb-md-4 text-start text-white"
                            style="color: #fff;"
                            href="https://register.smallhd.com/">Monitor Activation</a>
                        
                      </nav>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        
      
        
          <div class="col-grid-2 mb-8 mb-md-0">
            <div class="d-none d-md-block">
              <h6 class="fw-bold ls-px-md-112 fs-8 fs-md-7 text-gray-3 text-uppercase mb-md-4">Legal</h6><nav class="nav flex-column">
                  
                    <a
                      class="nav-link fs-5 fw-normal footer-link p-0 mb-md-4 text-white"
                      style="color: #fff;"
                      href="https://smallhd.com/pages/privacy-policy">Privacy Policy</a>
                  
                    <a
                      class="nav-link fs-5 fw-normal footer-link p-0 mb-md-4 text-white"
                      style="color: #fff;"
                      href="https://smallhd.com/pages/cookie-policy">Cookie Policy</a>
                  
                    <a
                      class="nav-link fs-5 fw-normal footer-link p-0 mb-md-4 text-white"
                      style="color: #fff;"
                      href="https://smallhd.com/pages/return-policy">Return Policy</a>
                  
                    <a
                      class="nav-link fs-5 fw-normal footer-link p-0 mb-md-4 text-white"
                      style="color: #fff;"
                      href="https://smallhd.com/pages/shipping-policy">Shipping Policy</a>
                  
                    <a
                      class="nav-link fs-5 fw-normal footer-link p-0 mb-md-4 text-white"
                      style="color: #fff;"
                      href="https://smallhd.com/pages/terms-and-conditions-of-sale">Sale Terms</a>
                  
                    <a
                      class="nav-link fs-5 fw-normal footer-link p-0 mb-md-4 text-white"
                      style="color: #fff;"
                      href="https://smallhd.com/pages/standard-limited-warranty-and-exclusions">Warranty</a>
                  
                </nav>
              

            </div>

            <div class="d-block d-md-none">
              <div class="accordion border-0" id="accordionExample">
                <div class="accordion-item border-0">
                  <h2 class="accordion-header">
                    <button
                      class="accordion-button collapsed fw-bold text-gray-3 text-uppercase fs-7 ls-px-md-112 ls-px-12"
                      style="background-color: #000 !important;"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#legal"
                      aria-expanded="false"
                      aria-controls="legal">
                      <span class="text-white">Legal</span>
                    </button>
                  </h2>
                  <div
                    id="legal"
                    class="accordion-collapse collapse"
                    data-bs-parent="#accordionExample">
                    <div class="accordion-body" style="background: #000;">
                      <nav class="nav flex-column">
                        
                          <a
                            class="nav-link fs-5 fw-normal footer-link px-0 mb-md-4 text-start text-white"
                            style="color: #fff;"
                            href="https://smallhd.com/pages/privacy-policy">Privacy Policy</a>
                        
                          <a
                            class="nav-link fs-5 fw-normal footer-link px-0 mb-md-4 text-start text-white"
                            style="color: #fff;"
                            href="https://smallhd.com/pages/cookie-policy">Cookie Policy</a>
                        
                          <a
                            class="nav-link fs-5 fw-normal footer-link px-0 mb-md-4 text-start text-white"
                            style="color: #fff;"
                            href="https://smallhd.com/pages/return-policy">Return Policy</a>
                        
                          <a
                            class="nav-link fs-5 fw-normal footer-link px-0 mb-md-4 text-start text-white"
                            style="color: #fff;"
                            href="https://smallhd.com/pages/shipping-policy">Shipping Policy</a>
                        
                          <a
                            class="nav-link fs-5 fw-normal footer-link px-0 mb-md-4 text-start text-white"
                            style="color: #fff;"
                            href="https://smallhd.com/pages/terms-and-conditions-of-sale">Sale Terms</a>
                        
                          <a
                            class="nav-link fs-5 fw-normal footer-link px-0 mb-md-4 text-start text-white"
                            style="color: #fff;"
                            href="https://smallhd.com/pages/standard-limited-warranty-and-exclusions">Warranty</a>
                        
                      </nav>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        
      
        
      
    </div>
  </div>
  <div class="container-pf-mini d-md-flex align-items-center">
    
      
    
      
    
      
    
      
        <ul class="inline-list social-icons mb-md-0 text-center text-md-start p-0">
          
            <li>
              <a href="https://www.instagram.com/smallhd/">
                <span aria-hidden="true">


    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 25" fill="none">
      <path fill-rule="evenodd" clip-rule="evenodd" d="M12 0.505371C8.741 0.505371 8.33236 0.519184 7.05243 0.577583C5.77517 0.635839 4.90283 0.838711 4.13954 1.13538C3.35044 1.442 2.68123 1.85232 2.01407 2.51943C1.34695 3.18659 0.936625 3.85581 0.630005 4.64491C0.33334 5.4082 0.130476 6.28053 0.0722198 7.55779C0.0138204 8.83771 0 9.24637 0 12.5054C0 15.7644 0.0138204 16.173 0.0722198 17.453C0.130476 18.7302 0.33334 19.6025 0.630005 20.3658C0.936625 21.1549 1.34695 21.8241 2.01407 22.4913C2.68123 23.1584 3.35044 23.5687 4.13954 23.8754C4.90283 24.172 5.77517 24.3749 7.05243 24.4332C8.33236 24.4916 8.741 24.5054 12 24.5054C15.259 24.5054 15.6676 24.4916 16.9476 24.4332C18.2248 24.3749 19.0972 24.172 19.8604 23.8754C20.6495 23.5687 21.3188 23.1584 21.9859 22.4913C22.653 21.8241 23.0634 21.1549 23.37 20.3658C23.6666 19.6025 23.8695 18.7302 23.9278 17.453C23.9862 16.173 24 15.7644 24 12.5054C24 9.24637 23.9862 8.83771 23.9278 7.55779C23.8695 6.28053 23.6666 5.4082 23.37 4.64491C23.0634 3.85581 22.653 3.18659 21.9859 2.51943C21.3188 1.85232 20.6495 1.442 19.8604 1.13538C19.0972 0.838711 18.2248 0.635839 16.9476 0.577583C15.6676 0.519184 15.259 0.505371 12 0.505371ZM12 2.66753C15.2041 2.66753 15.5837 2.67977 16.849 2.7375C18.019 2.79085 18.6544 2.98634 19.0773 3.15068C19.6374 3.36837 20.0371 3.62841 20.457 4.04835C20.877 4.46824 21.137 4.86799 21.3547 5.42812C21.519 5.85096 21.7145 6.48635 21.7679 7.65634C21.8256 8.92169 21.8378 9.30124 21.8378 12.5054C21.8378 15.7095 21.8256 16.089 21.7679 17.3544C21.7145 18.5244 21.519 19.1598 21.3547 19.5826C21.137 20.1428 20.877 20.5425 20.457 20.9624C20.0371 21.3823 19.6374 21.6424 19.0773 21.8601C18.6544 22.0244 18.019 22.2199 16.849 22.2732C15.5839 22.331 15.2044 22.3432 12 22.3432C8.79564 22.3432 8.41618 22.331 7.15097 22.2732C5.98098 22.2199 5.34559 22.0244 4.92274 21.8601C4.36262 21.6424 3.96286 21.3823 3.54297 20.9624C3.12307 20.5425 2.863 20.1428 2.64531 19.5826C2.48097 19.1598 2.28548 18.5244 2.23213 17.3544C2.1744 16.089 2.16216 15.7095 2.16216 12.5054C2.16216 9.30124 2.1744 8.92169 2.23213 7.65634C2.28548 6.48635 2.48097 5.85096 2.64531 5.42812C2.863 4.86799 3.12303 4.46824 3.54297 4.04835C3.96286 3.62841 4.36262 3.36837 4.92274 3.15068C5.34559 2.98634 5.98098 2.79085 7.15097 2.7375C8.41632 2.67977 8.79588 2.66753 12 2.66753ZM12 6.34322C8.59672 6.34322 5.83784 9.10208 5.83784 12.5054C5.83784 15.9087 8.59672 18.6675 12 18.6675C15.4033 18.6675 18.1622 15.9087 18.1622 12.5054C18.1622 9.10208 15.4033 6.34322 12 6.34322ZM12 16.5054C9.79086 16.5054 8 14.7145 8 12.5054C8 10.2962 9.79086 8.50537 12 8.50537C14.2092 8.50537 16 10.2962 16 12.5054C16 14.7145 14.2092 16.5054 12 16.5054ZM19.8456 6.09975C19.8456 6.89505 19.2009 7.53973 18.4056 7.53973C17.6104 7.53973 16.9656 6.89505 16.9656 6.09975C16.9656 5.30446 17.6104 4.65973 18.4056 4.65973C19.2009 4.65973 19.8456 5.30446 19.8456 6.09975Z" fill="white"/>
    </svg>

    </span>
              </a>
            </li>
          

          
            <li>
              <a href="https://www.facebook.com/SmallHD">
                <span aria-hidden="true">


      <svg xmlns="http://www.w3.org/2000/svg" width="29" height="30" viewBox="0 0 24 24" fill="#fff">
    <path d="M22 12C22 6.48 17.52 2 12 2S2 6.48 2 12c0 5 3.66 9.13 8.44 9.88v-6.99H7.9v-2.89h2.54V9.79c0-2.5 1.49-3.88 3.77-3.88 1.08 0 2.21.18 2.21.18v2.47h-1.3c-1.29 0-1.56.78-1.56 1.57v1.87h2.74l-.44 2.89h-2.3v6.99C18.34 21.13 22 17.02 22 12Z"/>
  </svg>

      </span>
              </a>
            </li>
          

          
            <li>
              <a href="https://www.youtube.com/user/SmallHDVideos">
                <span aria-hidden="true">


  <svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 32 25" fill="none">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M12.696 16.6852L12.695 7.63037L21.341 12.1734L12.696 16.6852ZM31.68 6.06132C31.68 6.06132 31.367 3.84068 30.408 2.86279C29.191 1.57875 27.827 1.57269 27.202 1.49817C22.724 1.17187 16.007 1.17188 16.007 1.17188H15.993C15.993 1.17188 9.276 1.17187 4.798 1.49817C4.172 1.57269 2.809 1.57875 1.591 2.86279C0.632003 3.84068 0.319997 6.06132 0.319997 6.06132C0.319997 6.06132 0 8.66969 0 11.2771V13.7223C0 16.3307 0.319997 18.938 0.319997 18.938C0.319997 18.938 0.632003 21.1587 1.591 22.1366C2.809 23.4206 4.408 23.3803 5.12 23.5143C7.68 23.762 16 23.8385 16 23.8385C16 23.8385 22.724 23.8285 27.202 23.5022C27.827 23.4266 29.191 23.4206 30.408 22.1366C31.367 21.1587 31.68 18.938 31.68 18.938C31.68 18.938 32 16.3307 32 13.7223V11.2771C32 8.66969 31.68 6.06132 31.68 6.06132Z" fill="white"/>
</svg>

</span>
              </a>
            </li>
          

          

          
            <li>
              <a href="https://www.linkedin.com/company/smallhd">
                <span aria-hidden="true">


	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 25 24" fill="none">
  <g clip-path="url(#clip0_5467_2244)">
    <path d="M19.2002 0H5.2002C2.4392 0 0.200195 2.239 0.200195 5V19C0.200195 21.761 2.4392 24 5.2002 24H19.2002C21.9622 24 24.2002 21.761 24.2002 19V5C24.2002 2.239 21.9622 0 19.2002 0ZM8.2002 19H5.2002V8H8.2002V19ZM6.7002 6.732C5.7342 6.732 4.9502 5.942 4.9502 4.968C4.9502 3.994 5.7342 3.204 6.7002 3.204C7.6662 3.204 8.4502 3.994 8.4502 4.968C8.4502 5.942 7.6672 6.732 6.7002 6.732ZM20.2002 19H17.2002V13.396C17.2002 10.028 13.2002 10.283 13.2002 13.396V19H10.2002V8H13.2002V9.765C14.5962 7.179 20.2002 6.988 20.2002 12.241V19Z" fill="white"/>
  </g>
  <defs>
    <clipPath id="clip0_5467_2244">
      <rect width="24" height="24" fill="white" transform="translate(0.200195)"/>
    </clipPath>
  </defs>
</svg>

</span>
              </a>
            </li>
          
        </ul>
        <style>
          .social-icons li {
            margin: 10px;
            vertical-align: middle;
            font-size: 0;
            line-height: 0;
            cursor: default;
          }
          .inline-list li {
            display: inline-block;
            margin-bottom: 0;
          }
          .social-icons li svg * {
            fill: #fff !important;
          }
          ul.social-icons li {
            margin: 15px;
            margin-bottom:0px;
          }

          ul.social-icons li:first-child {
            margin-left: 0 !important;
          }

          ul.social-icons li:last-child {
            margin-right: 0 !important;
          }
        </style>
      
    
    <div class="ms-auto d-none d-md-flex px-8 mt-15 pb-15 pb-md-0 mt-md-0 px-md-0 justify-content-between align-items-end">

      
        <div>
          <a
            id="INDmenu-btn"
            style="cursor: pointer !important;"
            role="button"
            aria-expanded="false"
            aria-haspopup="true"
            accesskey="m"
            onclick="window.interdeal.a11y.openMenu()"
            data-drag-content="
Explore your accessibility options"
            class="text-white position-relative m-0 p-0 left-0 top-0 bottom-0 text-decoration-none bg-transparent fw-normal"
            data-inddrag="true">
            <span class="text-white fs-6 mb-0 accessibility bg-transparent">
              <i class="fa-brands fa-accessible-icon me-2"></i>
              Accessibility</span>
          </a>
        </div>
      
      
        <p class="text fs-6 text-white mb-0 ms-6 fw-normal">Copyright &copy;
        2026
          <!-- <a href="/" class="text-white"> -->
          SmallHD
        <!-- </a> -->
        </p>
      
      
        <button
          class="d-block ms-7  bg-transparent"
          style="border:none;"
          onclick="scrollToTop()"
          id="back-to-up">
          <img class="img-fluid" src="https://cdn.shopify.com/s/files/1/0095/4332/files/back-to-Top.svg?v=1701942564">
        </button>
      
    </div>
    <style>
      #INDmenu-btn,
      #INDmenu-btn > span {
        background: rgba(0, 0, 0, 0) !important;
      }
    </style>
    <div class="ms-auto d-block d-md-none px-8 mt-15 pb-15 pb-md-0 mt-md-0 px-md-0 justify-content-between align-items-center">
      <div class="d-flex justify-content-between align-items-center">

        <div class="text-start">
          
            <a
              id="INDmenu-btn"
              style="cursor: pointer;"
              role="button"
              aria-expanded="false"
              aria-haspopup="true"
              accesskey="m"
              onclick="window.interdeal.a11y.openMenu()"
              data-drag-content="Explore your accessibility options"
              class="position-relative m-0 p-0 left-0 top-0 bottom-0 text-white bg-transparent text-decoration-none fw-normal"
              data-inddrag="true">
              <span class="text-white fs-6 mb-7 accessibility bg-transparent">
                <i class="fa-brands fa-accessible-icon me-2"></i>
                Accessibility</span>
            </a>
          
          
            <p class="text fs-6 text-white mb-0 mt-8 fw-normal">Copyright &copy;
            2026
              <!-- <a href="/" class="text-white"> -->
              SmallHD
            <!-- </a> -->
            </p>
          
        </div>

        <div>
          
            <button
              class="d-block ms-10 mt-md-0 mt-3 bg-transparent"
              onclick="scrollToTop()"
              style="border:none;"
              id="back-to-up">
              <img class="img-fluid" src="https://cdn.shopify.com/s/files/1/0095/4332/files/back-to-Top.svg?v=1701942564">
            </button>
          
        </div>
      </div>
    </div>
  </div>
</footer>
<!--/*---------------------  START Vitec Endorsement Strip  ---------------------*/-->
<link rel='stylesheet' href='https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/vitec-endorsement-banner.css'>

<style>
    .vitec-section .white-separator {
    padding-left: 90px;
    border-left: 2px solid #ffffff;
}
  .text-muted {
    color: #fff;
    padding-left: 90px;
    margin-top: 30px;
    display: block;
    font-size: 80%;
  }

.vitec-list{
  display:none;
}
.vitec .vitec-logo{
  line-height:15px;
}
  /*.vitec-list{display:block;}*/

  .vitec .vitec-sites {
      margin-right: 7%;
    }
        
</style>
<div class="vitec-section">
        <div class="collapsible-section">
            <div class="container-pf-mini">
                <div class="vitec-list">
                    <a class="close-vitec-menu"></a>
                    <div class="cols-container">
                        <div class="cols col-large-2 ">
                            <h2>Capture.<span class="">Share.</span></h2>
                        </div>
                        <div class="cols col-large-10">
                            <div class="white-separator">
                                <div class="cols-container">
                                    <ul class="vitec-menu">
                                        <li>
                                            <h3>Audio capture</h3>
                                            <ul>
                                                <li><a target="_blank" rel="noopener" href="https://audixusa.com/">Audix</a></li>
                                                <li><a target="_blank" rel="noopener" href="https://joby.com/">JOBY</a></li>
                                                <li><a target="_blank" rel="noopener" href="https://rycote.com/">Rycote</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <h3>Backgrounds</h3>
                                            <ul>
                                                <li><a target="_blank" rel="noopener" href="https://www.manfrotto.com/uk-en/colorama/">Colorama</a>
                                                </li>
                                                <li><a target="_blank" rel="noopener" href="https://savageuniversal.com/">Savage</a>
                                                </li>
                                                <li><a target="_blank" rel="noopener" href="https://superspec.com/">Superior</a></li>
                                            </ul>
                                        </li>
                                        <!-- <li>
                                            <h3>Bags</h3>
                                            <ul>
                                                <li><a target="_blank" rel="noopener" href="https://www.gitzo.com/uk-en/">Gitzo</a>
                                                </li>
                                                <li><a target="_blank" rel="noopener" href="https://www.lowepro.com/uk-en/">Lowepro</a>
                                                </li>
                                                <li><a target="_blank" rel="noopener" href="https://www.manfrotto.com/uk-en/">Manfrotto</a></li>
                                                <li><a target="_blank" rel="noopener" href="https://www.manfrotto.com/uk-en/national-geographic/">National
                                                        Geographic*</a></li>
                                                <li><a target="_blank" rel="noopener" href="https://www.sachtler.com/en/">Sachtler</a>
                                                </li>
                                            </ul>
                                        </li> -->
                                        <li>
                                            <h3>Camera accessories</h3>
                                            <ul>
                                                <li><a target="_blank" rel="noopener" href="https://teradek.com/">Teradek</a></li>
                                                <li><a target="_blank" rel="noopener" href="https://woodencamera.com/">Wooden
                                                        Camera</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <h3>Carrying Solutions</h3>
                                            <ul>
                                                <li><a target="_blank" rel="noopener" href="https://www.gitzo.com/uk-en/">Gitzo</a></li> 
                                                <li><a target="_blank" rel="noopener" href="https://www.lowepro.com/uk-en/">Lowepro</a></li>
                                                <li><a target="_blank" rel="noopener" href="https://www.manfrotto.com/uk-en/">Manfrotto</a></li> 
                                                <li><a target="_blank" rel="noopener" href="https://www.manfrotto.com/uk-en/national-geographic/">National Geographic*</a></li>
                                                <li><a target="_blank" rel="noopener" href="https://www.sachtler.com/en/">Sachtler</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <h3>Distribution, rental &amp; services</h3>
                                            <ul>
                                                <li><a target="_blank" rel="noopener" href="http://www.cameracorps.co.uk/">Camera
                                                        Corps</a></li>
                                                <li><a target="_blank" rel="noopener" href="https://thecamerastore.co.uk/">The Camera
                                                        Store</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <h3>IP video</h3>
                                            <ul>
                                                <li><a target="_blank" rel="noopener" href="https://teradek.com/">Teradek</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <h3>Lens control systems</h3>
                                            <ul>
                                                <li><a target="_blank" rel="noopener" href="https://teradek.com/">Teradek</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <h3>Lighting & lighting <br>controls</h3>
                                            <ul>
                                                <li><a target="_blank" rel="noopener" href="https://joby.com/">JOBY</a></li>
                                                <li><a target="_blank" rel="noopener" href="https://www.litepanels.com/en/">Litepanels</a></li>
                                                <li><a target="_blank" rel="noopener" href="https://www.manfrotto.com/uk-en/">Manfrotto</a></li>
                                                <li><a target="_blank" rel="noopener" href="https://www.quasarscience.com/">Quasar Science</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <h3>Live streaming</h3>
                                            <ul>
                                                
                                                <li><a target="_blank" rel="noopener" href="https://teradek.com/">Teradek</a></li>
                                            </ul>
                                        </li>

                                        <li>
                                            <h3>Mobile power</h3>
                                            <ul>
                                                <li><a target="_blank" rel="noopener" href="https://www.antonbauer.com/en/">Anton/Bauer</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <h3>Monitors</h3>
                                            <ul>
                                                <li><a target="_blank" rel="noopener" href="https://smallhd.com/">SmallHD</a></li>
                                            </ul>
                                        </li>
                                        <!-- <li>
                                            <h3>Motion control & stabilisers</h3>
                                            <ul>
                                                <li><a target="_blank" rel="noopener" href="https://joby.com/">JOBY</a></li>
                                                <li><a target="_blank" rel="noopener" href="https://www.manfrotto.com/uk-en/">Manfrotto</a></li>
                                            </ul>
                                        </li> -->
                                        <li>
                                            <h3>Prompters</h3>
                                            <ul>
                                                <li><a target="_blank" rel="noopener" href="http://www.autocue.com/">Autocue</a></li>
                                                <li><a target="_blank" rel="noopener" href="https://www.autoscript.tv/">Autoscript</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <h3>Robotics camera systems</h3>
                                            <ul>
                                                <li><a target="_blank" rel="noopener" href="http://www.cameracorps.co.uk/">Camera
                                                        Corps</a></li>
                                                <li><a target="_blank" rel="noopener" href="https://www.vinten.com/en">Vinten</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <h3>Smartphonography</h3>
                                            <ul>
                                                <li><a target="_blank" rel="noopener" href="https://joby.com/">JOBY</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <h3> Supports & stabilisers</h3>
                                            <ul>
                                                <li><a target="_blank" rel="noopener" href="https://www.manfrotto.com/uk-en/avenger-grip/">Avenger</a>
                                                </li>
                                                <li><a target="_blank" rel="noopener" href="https://www.gitzo.com/uk-en/">Gitzo</a>
                                                </li>
                                                <li><a target="_blank" rel="noopener" href="https://joby.com/">JOBY</a></li>
                                                <li><a target="_blank" rel="noopener" href="https://www.manfrotto.com/uk-en/">Manfrotto</a></li>
                                                <li><a target="_blank" rel="noopener" href="https://www.manfrotto.com/uk-en/national-geographic/">National Geographic*</a></li>
                                                <li><a target="_blank" rel="noopener" href="https://www.ocon.com/">OConnor</a></li>
                                                <li><a target="_blank" rel="noopener" href="https://www.sachtler.com/en/">Sachtler</a>
                                                </li>
                                                <li><a target="_blank" rel="noopener" href="https://www.vinten.com/en">Vinten</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <h3>Video transmission <br>systems</h3>
                                            <ul>
                                                <!--<li><a target="_blank" rel="noopener" href="http://www.paralinx.net/">Paralinx</a></li>-->
                                                <li><a target="_blank" rel="noopener" href="https://teradek.com/">Teradek</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <small class="text-muted">*Manufactured under licence</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div style="background: #535353; height: inherit;">
           <div class="container-pf-mini">
            <div class="vitec">
                <div class="vitec-logo">
                    <span class="logo-image" role="img" arial-label="Videndum logo"></span>
                </div>
                <div class="vitec-sites visible-only-desktop">Our Brands</span>
                </div>
            </div>
        </div>
        </div>
    </div>
<script>
    // Release the $ variable control
        jQuery.noConflict();
jQuery(document).ready(function($){

	jQuery(".vitec-menu h3").click(function()
	{

		if(jQuery(window).width()<=768)
		{
			if (jQuery(this).hasClass('active')) {
					$(".vitec-menu h3").removeClass('active');
					$(".vitec-menu > li > ul").slideUp();
			}

			else {
					$(".vitec-menu h3").removeClass('active');
					$(".vitec-menu > li > ul").slideUp();
					$(this).parent().find('ul').slideDown();
					$(this).addClass('active');
			}
		}
	});

	$('.vitec-sites').click(function(){ menuactivity() });  
	$('.close-vitec-menu').click(function(){ menuactivity() });
});

	jQuery(window).on('resize', function ($) { 
		if(jQuery(window).width()<=768)
		{
			$('ul.vitec-menu > li > ul').removeAttr('style');
		}
	});

	function menuactivity()
	{
		$('.vitec-list').slideToggle();
		$('.vitec-sites').toggleClass('active');
		$('.vitec-list').toggleClass('open');
	}


</script>
<!--/*---------------------   END ENDORSMENT STRIP LAYOUT  ---------------------*/     -->

  
  <!-- Accessibility script -->
  <script>
      window.interdeal = {
    "sitekey": "09b7ce2a871d868e54b26f2b0f18aef2",
    "Position": "Left",
    "Menulang": "EN",
    "domains": {
      "js": "https://cdn.equalweb.com/",
      "acc": "https://access.equalweb.com/"
    },
    "btnStyle": {
      "vPosition": ["80%", null],
      "scale": ["0.6", "0.6"],
      "icon": {
        "type": 11,
        "shape": "circle",
        "outline": false
      }
    }
      };
      window.addEventListener("readystatechange", function () {
    var coreCall = document.createElement("script");
    coreCall.src = "https://cdn.equalweb.com/core/4.3.7/accessibility.js";
    coreCall.defer = true;
    coreCall.integrity =
      "sha512-hGa5HZtFkT1M7+tUDtU/cbw6AG0ORz3oblztCoTZ/z2qPyr7dgwH3zoT8qpgj21MgcRsMFLD6NNKePGvVks3Ig==";
    coreCall.crossOrigin = "anonymous";
    coreCall.setAttribute("data-cfasync", "true");

    document.body.appendChild(coreCall);
      });
  </script>
  <!-- back to top button script -->
  <script>
      function scrollToTop() {
    let currentOffset = window.pageYOffset;
    const arr = [];

    for (let i = 100; i >= 0; i--) {
    arr.push(new Promise(res => {
            setTimeout(() => {
                    res(currentOffset * (i / 100));
                },
                2 * (100 - i))
        })
    );
    }

    arr.reduce((acc, curr, index, arr) => {
    return acc.then((res) => {
        if (typeof res === 'number')
            window.scrollTo(0, res)
        return curr
    })
    }, Promise.resolve(currentOffset)).then(() => {
    window.scrollTo(0, 0)
    })}
  </script>

</div>
<!-- END sections: footer-group -->
    </div>

  

    <ul hidden>
      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
      <li id="a11y-new-window-message">Opens in a new window.</li>
    </ul>

    <script>
      window.shopUrl = 'https://smallhd.com';
      window.routes = {
        cart_add_url: '/cart/add',
        cart_change_url: '/cart/change',
        cart_update_url: '/cart/update',
        cart_url: '/cart',
        predictive_search_url: '/search/suggest',
      };

      window.cartStrings = {
        error: `There was an error while updating your cart. Please try again.`,
        quantityError: `You can only add [quantity] of this item to your cart.`,
      };

      window.variantStrings = {
        addToCart: `Add to Cart`,
        soldOut: `Sold Out`,
        unavailable: `Unavailable`,
        unavailable_with_option: `[value] - Unavailable`,
      };

      window.quickOrderListStrings = {
        itemsAdded: `[quantity] items added`,
        itemAdded: `[quantity] item added`,
        itemsRemoved: `[quantity] items removed`,
        itemRemoved: `[quantity] item removed`,
        viewCart: `View cart`,
        each: `[money]/ea`,
      };

      window.accessibilityStrings = {
        imageAvailable: `Image [index] is now available in gallery view`,
        shareSuccess: `Link copied to clipboard`,
        pauseSlideshow: `Pause slideshow`,
        playSlideshow: `Play slideshow`,
        recipientFormExpanded: `Gift card recipient form expanded`,
        recipientFormCollapsed: `Gift card recipient form collapsed`,
      };
    </script><script src="https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/js/predictive-search.js" defer="defer"></script>
    


    <style>
      input[type="text"],
      input[type="password"],
      input[type="search"],
      input[type="email"],
      input[type="range"],
      input[type="number"] {
        outline: none !important;
      }

      input {
        -webkit-appearance: none;
      }
    </style>

    <!-- Accessibility Code for "teradek.com" -->
    
 <!-- Accessibility Code for "smallhd.com" -->
    <script>
      window.interdeal = { "sitekey": "8f9557c5a49a07133d5fc3a9a5ac728a", "Position": "Left", "Menulang": "EN", "domains": { "js": "https://cdn.equalweb.com/", "acc": "https://access.equalweb.com/" }, "btnStyle": { "vPosition": ["96.5%" ,"-14px"], "scale": [ "0.6", "0.6" ], "icon": { "type": 11, "shape": "circle", "outline": false } } }; (function(doc, head, body){ var coreCall = doc.createElement('script'); coreCall.src = 'https://cdn.equalweb.com/core/4.3.7/accessibility.js'; coreCall.defer = true; coreCall.integrity = 'sha512-hGa5HZtFkT1M7+tUDtU/cbw6AG0ORz3oblztCoTZ/z2qPyr7dgwH3zoT8qpgj21MgcRsMFLD6NNKePGvVks3Ig=='; coreCall.crossOrigin = 'anonymous'; coreCall.setAttribute('data-cfasync', true ); body? body.appendChild(coreCall) : head.appendChild(coreCall); })(document, document.head, document.body);
    </script>

  

  
    <!-- Mouseflow (consent-gated via Shopify.customerPrivacy.analyticsProcessingAllowed) -->
    <script>
      (function() {
        function loadMouseflow() {
          if (window._mouseflowLoaded) return;
          window._mouseflowLoaded = true;
          window._mfq = window._mfq || [];
          var mf = document.createElement("script");
          mf.type = "text/javascript"; mf.defer = true;
          mf.src = "//cdn.mouseflow.com/projects/99545af4-272e-485d-98e8-14a7bd5de8b5.js";
          document.head.appendChild(mf);
        }

        function maybeLoad() {
          var cp = window.Shopify && window.Shopify.customerPrivacy;
          if (!cp) return;
          if (cp.analyticsProcessingAllowed()) loadMouseflow();
        }

        maybeLoad();
        document.addEventListener("visitorConsentCollected", maybeLoad);
        document.addEventListener("trackingConsentAccepted", maybeLoad);
      })();
    </script>
    <!-- End Mouseflow -->

  <script>
    document.addEventListener('DOMContentLoaded', function () {
      console.log("Start");
      setTimeout(function () {
        console.log("Timer finished! This message appeared after 3 seconds.");


        const privacyCol1 = document.querySelector(".shopify-pc__banner__body");
        const privacyCol2 = document.querySelector(".shopify-pc__banner__btns");
        const btnAccept1 = document.querySelector("#shopify-pc__banner__btn-accept"); // Select by ID
        const btnAccept2 = document.querySelector("#shopify-pc__prefs__header-accept"); // Select by ID
        const btnDecline1 = document.querySelector("#shopify-pc__banner__btn-decline"); //
        const btnDecline2 = document.querySelector("#shopify-pc__prefs__header-decline"); // Select by ID
        const btnSave = document.querySelector("#shopify-pc__prefs__header-save"); // Select by ID
        if (btnAccept1) { // Add a null check

          btnAccept1.classList.add("btn", "btn-black");
        }
        if (btnAccept2) {
          btnAccept2.classList.add("btn", "btn-black");
        }
        if (btnDecline1) {
          btnDecline1.classList.add("btn", "btn-outline-black");
        }
        if (btnDecline2) {
          btnDecline2.classList.add("btn", "btn-outline-black");
        }
        if (privacyCol1) {
          privacyCol1.classList.add("col-sm-8");
        }
        if (privacyCol2) {
          privacyCol2.classList.add("col-sm-4");
        }


        const cookiesMsg = document.getElementById('shopify-pc__banner__body-title');
        // const prefsBtn = document.getElementById('shopify-pc__banner__btn-manage-prefs');
        if (cookiesMsg) {
          cookiesMsg.innerHTML = 'Cookie Policy';
        }
        // prefsBtn.innerHTML = '<span>Customize</span>';

        console.log("This message appears after 3 seconds.");
        console.log("End");
      }, 800); // 3000 milliseconds = 3 seconds

    });
  </script>
  
  <link rel='stylesheet' href='https://d2wwkqp6xjz1sl.cloudfront.net/bootstrap/legacy/assets/css/overrides/cs-privacy-cookie-banner.css'>

  
<script>
document.addEventListener("DOMContentLoaded", function () {

  const consentKey = "video_one_time_consent";
  let consentExecuted = false;

  function hasConsent() {
    return (
      window.Shopify &&
      window.Shopify.customerPrivacy &&
      typeof window.Shopify.customerPrivacy.analyticsProcessingAllowed === "function" &&
      window.Shopify.customerPrivacy.analyticsProcessingAllowed()
    );
  }

  function hasSessionConsent() {
    return sessionStorage.getItem(consentKey) === "true";
  }

  function setSessionConsent() {
    sessionStorage.setItem(consentKey, "true");
  }

  function removeAllOverlays() {
    document.querySelectorAll(".video-privacy-overlay").forEach(el => el.remove());
  }

  function removeAllPosters() {
    document.querySelectorAll(".video-privacy-poster-wrapper").forEach(el => el.remove());
  }

  function swapDataSrc() {

  const els = document.querySelectorAll(`
    iframe[data-src*="youtube.com"],
    iframe[data-src*="youtu.be"]
  `);

  els.forEach(el => {

    let newSrc = el.getAttribute('data-src');

    if (!newSrc) return;

    // autoplay after consent
    if (!newSrc.includes('autoplay=')) {
      const sep = newSrc.includes('?') ? '&' : '?';
      newSrc += `${sep}autoplay=1&mute=1`;
    }

    el.setAttribute('src', newSrc);
    el.style.pointerEvents = 'auto';
  });

  removeAllPosters();
}

  function runConsentActions() {
    if (consentExecuted) return;
    consentExecuted = true;
    loadScript('https://www.youtube.com/player_api"');
    setSessionConsent();

    removeAllOverlays();
    swapDataSrc();
  } 

  function createOverlay() {
    const overlay = document.createElement("div");
    overlay.className = "video-privacy-overlay";

    overlay.innerHTML = `
      <div class="content-wrapper text-start">
        <div class="content p-6 bg-gray-8">
          <div class="mb-4"><i class="fa-regular fa-circle-info text-blue-3" aria-hidden="true"></i></div>
          <div class="text-white fw-bold fs-4 mb-4">
            To watch this video,<br>
            you'll need to allow Google cookies
          </div>
          <div class="text-gray-2 fs-6 mb-6">
            This video is hosted by YouTube (Google). Playing it will allow Google to set tracking
            cookies on your device, even though you've declined tracking cookies on this site.
            <br>
            You can watch the video and accept Google's cookies
            or skip it to keep your current preferences.
          </div>
          <button class="yt-allow-btn btn btn-white fw-bold">
            Allow cookies & watch
          </button>
        </div>
      </div>
    `;

    Object.assign(overlay.style, {
      position: "absolute",
      inset: "0",
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      background: "#191919",
      zIndex: "6",
      borderRadius: "16px"
    });

    overlay.querySelector(".yt-allow-btn").addEventListener("click", () => {

      setSessionConsent();
    
      runConsentActions();
    
      overlay.remove();
    });

    return overlay;
  }

  function handleDeferredMedia(scope = document) {

    scope.querySelectorAll(".deferred-media").forEach(wrapper => {

      if (wrapper.classList.contains("privacy-handled")) return;
      wrapper.classList.add("privacy-handled");

      const posterBtn = wrapper.querySelector(".deferred-media__poster");
      if (!posterBtn) return;

      wrapper.style.position = "relative";

      posterBtn.addEventListener("click", function (e) {

  if (hasConsent() || hasSessionConsent()) return;

  e.preventDefault();
  e.stopImmediatePropagation();

  if (wrapper.querySelector(".video-privacy-overlay")) return;

  const overlay = createOverlay();

  overlay.querySelector(".yt-allow-btn").addEventListener("click", () => {

    setSessionConsent();

    overlay.remove();

    posterBtn.click();

    

    runConsentActions();

  }, { once: true });

  wrapper.appendChild(overlay);

}, true);
    });
  }

  function handleVideos(scope = document) {

    if (hasConsent() || hasSessionConsent()) {
    
      document.querySelectorAll(`
        iframe[data-src*="youtube.com"],
        iframe[data-src*="youtu.be"]
      `).forEach(iframe => {
    
        const currentSrc = iframe.getAttribute('src');
    
        // restore if another script emptied it
        if (!currentSrc) {
    
          let src = iframe.getAttribute('data-src');
    
          if (!src) return;
    
          if (!src.includes('autoplay=')) {
            const sep = src.includes('?') ? '&' : '?';
            src += `${sep}autoplay=1&mute=1`;
          }
    
          iframe.setAttribute('src', src);
        }
      });
    
      swapDataSrc();
      return;
    }

    scope.querySelectorAll(`
      iframe[data-src*="youtube.com"],
      iframe[data-src*="youtu.be"]
    `).forEach(el => {

      if (el.closest(".video-privacy-wrapper")) return;
      if (el.closest(".deferred-media")) return;

      let src = el.getAttribute("data-src");

      console.log('from handle videos', src);

      if (src) {
        //el.setAttribute("src", src);
        //el.removeAttribute("src");
      }

      const wrapper = document.createElement("div");
      wrapper.className = "video-privacy-wrapper";

      el.parentNode.insertBefore(wrapper, el);
      wrapper.appendChild(el);

      Object.assign(wrapper.style, {
        position: "relative",
        width: "100%",
        aspectRatio: "16 / 9",
        cursor: "pointer"
      });

      Object.assign(el.style, {
        width: "100%",
        height: "100%",
        display: "block"
      });

      let match = src && src.match(/(?:youtube\.com\/embed\/|youtu\.be\/)([^?&]+)/);

      if (match && match[1]) {
        const id = match[1];

        const posterWrap = document.createElement("div");
        posterWrap.className = "video-privacy-poster-wrapper";

        Object.assign(posterWrap.style, {
          position: "absolute",
          inset: "0",
          zIndex: "2",
          cursor: "pointer"
        });

        const img = document.createElement("img");
        img.src = `https://img.youtube.com/vi/${id}/hqdefault.jpg`;

        Object.assign(img.style, {
          width: "100%",
          height: "100%",
          objectFit: "cover",
          borderRadius: "16px"
        });

        const play = document.createElement("div");
        play.innerHTML = `
          <span class="deferred-media__poster-button motion-reduce">
            <span class="visually-hidden">Play video</span>
              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-play" fill="none" viewBox="0 0 10 14">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M1.48177 0.814643C0.81532 0.448245 0 0.930414 0 1.69094V12.2081C0 12.991 0.858787 13.4702 1.52503 13.0592L10.5398 7.49813C11.1918 7.09588 11.1679 6.13985 10.4965 5.77075L1.48177 0.814643Z" fill="currentColor"></path>
              </svg>
            </span>
        `;

        Object.assign(play.style, {
          position: "absolute",
          top: "50%",
          left: "50%",
          transform: "translate(-50%,-50%)",
          color: "#fff",
          fontSize: "32px"
        });

        posterWrap.appendChild(img);
        posterWrap.appendChild(play);
        wrapper.appendChild(posterWrap);
      }

      wrapper.addEventListener("click", function (e) {

        if (hasConsent() || hasSessionConsent()) return;

        if (wrapper.querySelector(".video-privacy-overlay")) return;

        e.preventDefault();
        e.stopPropagation();

        wrapper.appendChild(createOverlay());

      }, true);
    });
  }

  function onReady(cb) {
    const i = setInterval(() => {
      if (
        window.Shopify &&
        window.Shopify.customerPrivacy &&
        typeof window.Shopify.customerPrivacy.analyticsProcessingAllowed === "function"
      ) {
        clearInterval(i);
        cb();
      }
    }, 50);
  }

  function init(scope = document) {
    handleDeferredMedia(scope);
    handleVideos(scope);

    if (hasConsent()) {
      runConsentActions();
    }
  }

  onReady(() => {
    init();
  });

  document.addEventListener("visitorConsentCollected", function (event) {
    if (event.detail?.analyticsAllowed) {
      runConsentActions();
    }
  });

  const observer = new MutationObserver(() => {
    handleDeferredMedia();
    handleVideos();
  });

  observer.observe(document.body, {
    childList: true,
    subtree: true
  });

});
</script>

<script>
      /* -------------------------
            YT + LOAD API
         --------------------------*/
      function loadScript(url) {
        console.log("LOADING SCRIPT AFTER CONSENT");
        const script = document.createElement('script');
        script.src = url;
        script.async = true; // Ensures the script doesn't block page parsing
        document.head.appendChild(script);
      }

</script>

<style>
.deferred-media__poster-button{
    background-color: rgb(255, 255, 255);
    border: 0.1rem solid rgba(18,18,18, 0.1);
    border-radius: 50%;
    color: rgb(18, 18, 18);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6.2rem;
    width: 6.2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: transform 100ms ease, color 100ms ease;
    z-index: 1;
    opacity: 0.65;
}
.deferred-media__poster-button .icon {
    width: 2rem;
    height: 2rem;
}
.deferred-media__poster-button .icon-play {
    margin-left: 0.2rem;
}
.deferred-media__poster-button:hover {
    transform: translate(-50%, -50%) scale(1.1);
}
</style>


  <script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>