www.lorex.com Open in urlscan Pro
23.227.38.74 Public Scan

Back to summary

Submitted URL:
http://trk.lorex.com/ls/click?upn=XhPJzb-2B6e4sctW8y7BJd9EoD494p152Y-2B1EXf-2B6dQ-2BBXVMUJNisdvWYI8WNqWS8c5Zh5dgQjlSY...
Effective URL:
https://www.lorex.com/collections/security-camera-systems?utm_source=Wunderkind%20non-suppressed%20users&utm_medium=em...
Submission: On December 04 via api (December 4th 2023, 8:18:21 pm UTC) from US — Scanned from DE

Form analysis
19 forms found in the DOM

POST /contact#newsletter-announcement-bar

<form method="post" action="/contact#newsletter-announcement-bar" id="newsletter-announcement-bar" accept-charset="UTF-8" class="form newsletter__form"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8"
    value="✓"><input type="hidden" name="contact[tags]" value="newsletter">
  <input type="hidden" name="contact[context]" value="announcement-bar">
  <div class="form__input-row">
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input type="email" id="announcement[contact][email]" name="contact[email]" class="form__field form__field--text" autofocus="" required="">
      <label for="announcement[contact][email]" class="form__floating-label">Your email</label>
    </div>
    <button type="submit" class="form__submit button button--primary">Subscribe</button>
  </div>
</form>

GET /search

<form action="/search" method="get" role="search" class="search-bar">
  <div class="search-bar__top-wrapper">
    <div class="search-bar__top">
      <input type="hidden" name="type" value="product">
      <input type="hidden" name="options[prefix]" value="last">
      <input type="hidden" name="options[unavailable_products]" value="last">
      <div class="search-bar__input-wrapper">
        <fieldset>
          <input class="search-bar__input" id="searchbar" type="text" maxlength="200" name="q" autocomplete="off" autocorrect="off" aria-label="Search..." placeholder="Search...">
          <label for="searchbar" class="visually-hidden">Search...</label>
        </fieldset>
        <button type="button" class="search-bar__input-clear hidden-lap-and-up" data-action="clear-input">
          <span class="visually-hidden">Clear</span>
          <svg focusable="false" class="icon icon--close" viewBox="0 0 19 19" role="presentation">
            <title>close</title>
            <path
              d="M9.1923882 8.39339828l7.7781745-7.7781746 1.4142136 1.41421357-7.7781746 7.77817459 7.7781746 7.77817456L16.9705627 19l-7.7781745-7.7781746L1.41421356 19 0 17.5857864l7.7781746-7.77817456L0 2.02943725 1.41421356.61522369 9.1923882 8.39339828z"
              fill="currentColor" fill-rule="evenodd"></path>
          </svg>
        </button>
      </div>
      <div class="search-bar__filter">
        <label for="search-product-type" class="search-bar__filter-label">
          <span class="search-bar__filter-active">All categories</span><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
            <title>arrow bottom</title>
            <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
          </svg></label>
        <select id="search-product-type">
          <option value="" selected="selected">All categories</option>
          <option value="Accessories">Accessories</option>
          <option value="Analog Security Camera">Analog Security Camera</option>
          <option value="Analog Security Cameras">Analog Security Cameras</option>
          <option value="Analog Security System">Analog Security System</option>
          <option value="Cables">Cables</option>
          <option value="Connectors">Connectors</option>
          <option value="Converter">Converter</option>
          <option value="Doorbell Accessories">Doorbell Accessories</option>
          <option value="Doorbells">Doorbells</option>
          <option value="DVR Camera System">DVR Camera System</option>
          <option value="Extend Service Contract">Extend Service Contract</option>
          <option value="Extend Shipping Contract">Extend Shipping Contract</option>
          <option value="Floodlights">Floodlights</option>
          <option value="Hard Drives">Hard Drives</option>
          <option value="IP Camera">IP Camera</option>
          <option value="IP Security Camera">IP Security Camera</option>
          <option value="IP Security Cameras">IP Security Cameras</option>
          <option value="IP Security System">IP Security System</option>
          <option value="Junction Boxes">Junction Boxes</option>
          <option value="Lorex Smart Home Security Center">Lorex Smart Home Security Center</option>
          <option value="MicroSD Cards">MicroSD Cards</option>
          <option value="Mounts and Brackets">Mounts and Brackets</option>
          <option value="NVR">NVR</option>
          <option value="PoE Switches">PoE Switches</option>
          <option value="Power Adapters">Power Adapters</option>
          <option value="Range Extenders">Range Extenders</option>
          <option value="Rechargeable Battery Packs">Rechargeable Battery Packs</option>
          <option value="Security DVR">Security DVR</option>
          <option value="Security NVR">Security NVR</option>
          <option value="Sensors">Sensors</option>
          <option value="Smart Lock">Smart Lock</option>
          <option value="Solar Panels">Solar Panels</option>
          <option value="The Fusion Collection">The Fusion Collection</option>
          <option value="Warning Decal">Warning Decal</option>
          <option value="Wi-Fi Security Camera">Wi-Fi Security Camera</option>
          <option value="Wi-Fi Security Cameras">Wi-Fi Security Cameras</option>
          <option value="Wire-Free Security Cameras">Wire-Free Security Cameras</option>
          <option value="Wire-Free Security Systems">Wire-Free Security Systems</option>
        </select>
      </div><button type="submit" class="search-bar__submit" aria-label="Search">
        <svg focusable="false" class="icon icon--search" viewBox="0 0 21 21" role="presentation">
          <title>search</title>
          <g stroke-width="3" stroke="currentColor" fill="none" fill-rule="evenodd">
            <path d="M19 19l-5-5" stroke-linecap="square"></path>
            <circle cx="8.5" cy="8.5" r="7.5"></circle>
          </g>
        </svg><svg focusable="false" class="icon icon--search-loader" viewBox="0 0 64 64" role="presentation">
          <title>search loader</title>
          <path opacity=".4"
            d="M23.8589104 1.05290547C40.92335108-3.43614731 58.45816642 6.79494359 62.94709453 23.8589104c4.48905278 17.06444068-5.74156424 34.59913135-22.80600493 39.08818413S5.54195825 57.2055303 1.05290547 40.1410896C-3.43602265 23.0771228 6.7944697 5.54195825 23.8589104 1.05290547zM38.6146353 57.1445143c13.8647142-3.64731754 22.17719655-17.89443541 18.529879-31.75914961-3.64743965-13.86517841-17.8944354-22.17719655-31.7591496-18.529879S3.20804604 24.7494569 6.8554857 38.6146353c3.64731753 13.8647142 17.8944354 22.17719655 31.7591496 18.529879z">
          </path>
          <path d="M1.05290547 40.1410896l5.80258022-1.5264543c3.64731754 13.8647142 17.89443541 22.17719655 31.75914961 18.529879l1.5264543 5.80258023C23.07664892 67.43614731 5.54195825 57.2055303 1.05290547 40.1410896z"></path>
        </svg></button>
    </div>
    <button type="button" class="search-bar__close-button hidden-lap-and-up" data-action="unfix-search">
      <span class="search-bar__close-text">Close</span>
    </button>
  </div>
  <div class="search-bar__inner">
    <div class="search-bar__inner-animation">
      <div class="search-bar__results" aria-hidden="true">
        <div class="skeleton-container">
          <div class="search-bar__result-item search-bar__result-item--skeleton">
            <div class="search-bar__image-container">
              <div class="aspect-ratio aspect-ratio--square">
                <div class="skeleton-image"></div>
              </div>
            </div>
            <div class="search-bar__item-info">
              <div class="skeleton-paragraph">
                <div class="skeleton-text"></div>
                <div class="skeleton-text"></div>
              </div>
            </div>
          </div>
          <div class="search-bar__result-item search-bar__result-item--skeleton">
            <div class="search-bar__image-container">
              <div class="aspect-ratio aspect-ratio--square">
                <div class="skeleton-image"></div>
              </div>
            </div>
            <div class="search-bar__item-info">
              <div class="skeleton-paragraph">
                <div class="skeleton-text"></div>
                <div class="skeleton-text"></div>
              </div>
            </div>
          </div>
          <div class="search-bar__result-item search-bar__result-item--skeleton">
            <div class="search-bar__image-container">
              <div class="aspect-ratio aspect-ratio--square">
                <div class="skeleton-image"></div>
              </div>
            </div>
            <div class="search-bar__item-info">
              <div class="skeleton-paragraph">
                <div class="skeleton-text"></div>
                <div class="skeleton-text"></div>
              </div>
            </div>
          </div>
        </div>
        <div class="search-bar__results-inner"></div>
      </div>
    </div>
  </div>
</form>

Name: login — POST

<form method="post" action="" id="header_customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true" name="login" class="form"><input type="hidden" name="form_type" value="customer_login"><input type="hidden" name="utf8" value="✓">
  <header class="popover__header">
    <h2 class="popover__title heading">Login to my account</h2>
    <p class="popover__legend">Enter your e-mail and password:</p>
  </header>
  <p class="alert alert--error hidden" id="login-form-error">Incorrect email or password.</p>
  <p class="alert alert--error hidden" id="login-form-error-custom"></p>
  <fieldset>
    <legend class="visually-hidden">Login information</legend>
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input type="email" id="login-customer[email]" class="form__field form__field--text" name="customer[email]" required="required">
      <label for="login-customer[email]" class="form__floating-label">Email</label>
    </div>
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input type="password" id="login-customer[password]" class="form__field form__field--text" name="customer[password]" required="required" autocomplete="current-password">
      <label for="login-customer[password]" class="form__floating-label">Password</label>
    </div>
  </fieldset>
  <button type="submit" class="form__submit button button--primary button--full" data-text="Login" data-disable-with="Loading..."> Login </button>
</form>

Name: create — POST

<form method="post" action="" id="create_customer" accept-charset="UTF-8" data-login-with-shop-sign-up="true" name="create" class="form"><input type="hidden" name="form_type" value="create_customer"><input type="hidden" name="utf8" value="✓">
  <header class="popover__header">
    <h2 class="popover__title heading">Create my account</h2>
    <p class="popover__legend">Please fill in the information below:</p>
  </header>
  <p class="alert alert--error hidden" id="register-form-error">Error occured.</p>
  <fieldset>
    <legend class="visually-hidden">Customer Registration</legend>
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input type="text" id="customer[first_name]" class="form__field form__field--text" name="customer[first_name]" autocomplete="given-name" required="required">
      <label for="customer[first_name]" class="form__floating-label">First name</label>
    </div>
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input type="text" id="customer[last_name]" class="form__field form__field--text" name="customer[last_name]" autocomplete="family-name" required="required">
      <label for="customer[last_name]" class="form__floating-label">Last name</label>
    </div>
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input type="email" id="register-customer[email]" class="form__field form__field--text" name="customer[email]" required="required">
      <label for="register-customer[email]" class="form__floating-label">Email</label>
    </div>
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input type="password" id="register-customer[password]" class="form__field form__field--text" name="customer[password]" required="required" autocomplete="new-password">
      <label for="register-customer[password]" class="form__floating-label">Password</label>
    </div>
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input id="register-customer[accepts_marketing]" name="customer[accepts_marketing]" type="checkbox">
      <label for="register-customer[accepts_marketing]">Email me with news and offers</label>
    </div>
    <div class="form__input-wrapper form__input-wrapper--labelled">
      <input id="register-customer[accepts_terms_and_policy]" name="customer[accepts_terms_and_policy]" type="checkbox" required="required">
      <label for="register-customer[accepts_terms_and_policy]">
        <p>I agree with the Lorex <a href="/policies/privacy-policy">Privacy Policy</a> and <a href="/policies/terms-of-service">Terms of use</a></p>
      </label>
    </div>
  </fieldset>
  <button type="submit" class="form__submit button button--primary button--full" data-text="Create" my="" account="" data-disable-with="Loading..."> Create my account</button>
</form>

POST /cart

<form method="post" action="/cart" id="mini-cart" class="mini-cart" aria-hidden="true" novalidate="novalidate" data-item-count="0">
  <input type="hidden" name="attributes[collection_products_per_page]" value="">
  <input type="hidden" name="attributes[collection_layout]" value=""><svg focusable="false" class="icon icon--nav-triangle-borderless" viewBox="0 0 20 9" role="presentation">
    <title>triangle borderless</title>
    <path d="M.47108938 9c.2694725-.26871321.57077721-.56867841.90388257-.89986354C3.12384116 6.36134886 5.74788116 3.76338565 9.2467995.30653888c.4145057-.4095171 1.0844277-.40860098 1.4977971.00205122L19.4935156 9H.47108938z" fill="#ffffff"></path>
  </svg>
  <div class="mini-cart__content mini-cart__content--empty">
    <p class="alert alert--tight alert--center text--strong">You are eligible for free shipping!</p>
    <div class="mini-cart__empty-state"><svg focusable="false" width="81" height="70" viewBox="0 0 81 70">
        <title>big cart</title>
        <g transform="translate(0 2)" stroke-width="4" stroke="#1a428a" fill="none" fill-rule="evenodd">
          <circle stroke-linecap="square" cx="34" cy="60" r="6"></circle>
          <circle stroke-linecap="square" cx="67" cy="60" r="6"></circle>
          <path d="M22.9360352 15h54.8070373l-4.3391876 30H30.3387146L19.6676025 0H.99560547"></path>
        </g>
      </svg>
      <p class="heading h4">Your cart is empty</p>
    </div>
    <a href="/collections/all" class="button button--primary button--full">Shop our products</a>
  </div>
</form>

<form id="desktop-filters-form" class="card__section card__section--tight">
  <input type="hidden" name="sort_by" value="price-ascending">
  <p class="card__title--small heading"><i class="fa fa-filter"></i> Filters</p>
  <div class="collection__active-filters"></div>
  <div class="collection__filter-group-list">
    <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-v-price" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Price<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-v-price" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible"><price-range class="price-range">
          <div class="price-range__range-group range-group" style="--range-min: 0.0%; --range-max: 99.9998969072165%">
            <input type="range" aria-label="From" class="range" min="0" max="9700" value="0">
            <input type="range" aria-label="To" class="range" min="0" max="9700" value="9700">
          </div>
          <div class="price-range__input-group">
            <div class="price-range__input input-prefix">
              <span class="input-prefix__value">$</span>
              <input aria-label="From" class="input-prefix__field" type="number" inputmode="numeric" name="filter.v.price.gte" min="0" max="9700" placeholder="0">
            </div>
            <span class="price-range__delimiter text--small">-</span>
            <div class="price-range__input input-prefix">
              <span class="input-prefix__value">$</span>
              <input aria-label="To" class="input-prefix__field" type="number" inputmode="numeric" name="filter.v.price.lte" min="0" max="9700" placeholder="9700">
            </div>
          </div>
        </price-range></div>
    </div>
    <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-jasper-item-status" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Item Status<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-jasper-item-status" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.item-status-New Arrival" name="filter.p.m.jasper.item-status" value="New Arrival">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.item-status-New Arrival">New Arrival <span class="collection__filter-count">(1)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.item-status-Open Box" name="filter.p.m.jasper.item-status" value="Open Box">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.item-status-Open Box">Open Box <span class="collection__filter-count">(2)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.item-status-Pre-Order" name="filter.p.m.jasper.item-status" value="Pre-Order">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.item-status-Pre-Order">Pre-Order <span class="collection__filter-count">(1)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-jasper-power-source" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Power Source<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-jasper-power-source" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.power-source-Battery" name="filter.p.m.jasper.power-source" value="Battery">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.power-source-Battery">Battery <span class="collection__filter-count">(2)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.power-source-Wall Plug-In" name="filter.p.m.jasper.power-source" value="Wall Plug-In">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.power-source-Wall Plug-In">Wall Plug-In <span class="collection__filter-count">(1)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-product-camera-features" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Camera Features<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-product-camera-features" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.camera-features-Pan-Tilt-Zoom (PTZ)" name="filter.p.m.product.camera-features" value="Pan-Tilt-Zoom (PTZ)">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.camera-features-Pan-Tilt-Zoom (PTZ)">Pan-Tilt-Zoom (PTZ) <span class="collection__filter-count">(5)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.camera-features-Real-Time 4K (30FPS)" name="filter.p.m.product.camera-features" value="Real-Time 4K (30FPS)">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.camera-features-Real-Time 4K (30FPS)">Real-Time 4K (30FPS) <span class="collection__filter-count">(1)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.camera-features-Smart Deterrence" name="filter.p.m.product.camera-features" value="Smart Deterrence">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.camera-features-Smart Deterrence">Smart Deterrence <span class="collection__filter-count">(13)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.camera-features-Smart Motion Detection" name="filter.p.m.product.camera-features" value="Smart Motion Detection">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.camera-features-Smart Motion Detection">Smart Motion Detection <span class="collection__filter-count">(8)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.camera-features-Smart Security Lighting" name="filter.p.m.product.camera-features" value="Smart Security Lighting">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.camera-features-Smart Security Lighting">Smart Security Lighting <span class="collection__filter-count">(4)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-jasper-system-series" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">System Series<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-jasper-system-series" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.system-series-Fusion" name="filter.p.m.jasper.system-series" value="Fusion">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.system-series-Fusion">Fusion <span class="collection__filter-count">(7)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.system-series-Nocturnal 3" name="filter.p.m.jasper.system-series" value="Nocturnal 3">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.system-series-Nocturnal 3">Nocturnal 3 <span class="collection__filter-count">(1)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.system-series-Nocturnal 4" name="filter.p.m.jasper.system-series" value="Nocturnal 4">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.system-series-Nocturnal 4">Nocturnal 4 <span class="collection__filter-count">(1)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.system-series-Smart Security Lighting" name="filter.p.m.jasper.system-series" value="Smart Security Lighting">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.system-series-Smart Security Lighting">Smart Security Lighting <span class="collection__filter-count">(7)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-product-motion_detection" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Motion Detection<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-product-motion_detection" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.motion_detection-Active View" name="filter.p.m.product.motion_detection" value="Active View">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.motion_detection-Active View">Active View <span class="collection__filter-count">(1)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.motion_detection-Animal" name="filter.p.m.product.motion_detection" value="Animal">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.motion_detection-Animal">Animal <span class="collection__filter-count">(6)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.motion_detection-Face" name="filter.p.m.product.motion_detection" value="Face">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.motion_detection-Face">Face <span class="collection__filter-count">(8)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.motion_detection-General Motion" name="filter.p.m.product.motion_detection" value="General Motion">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.motion_detection-General Motion">General Motion <span class="collection__filter-count">(1)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.motion_detection-Package" name="filter.p.m.product.motion_detection" value="Package">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.motion_detection-Package">Package <span class="collection__filter-count">(4)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.motion_detection-Person" name="filter.p.m.product.motion_detection" value="Person">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.motion_detection-Person">Person <span class="collection__filter-count">(12)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.product.motion_detection-Vehicle" name="filter.p.m.product.motion_detection" value="Vehicle">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.product.motion_detection-Vehicle">Vehicle <span class="collection__filter-count">(11)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-v-option-color" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Color<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-v-option-color" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <div class="collection__filter-color-list">
          <div class="color-swatch-list color-swatch-list--large">
            <div class="color-swatch " data-tooltip="Black">
              <input class="color-swatch__radio" type="checkbox" name="filter.v.option.color" id="filter.v.option.color-Black" value="Black">
              <label for="filter.v.option.color-Black" class="color-swatch__item " aria-label="Black">
                <span class="color-swatch__item" style="background-color: black"></span>
              </label>
            </div>
            <div class="color-swatch color-swatch--white" data-tooltip="White">
              <input class="color-swatch__radio" type="checkbox" name="filter.v.option.color" id="filter.v.option.color-White" value="White">
              <label for="filter.v.option.color-White" class="color-swatch__item " aria-label="White">
                <span class="color-swatch__item" style="background-color: white"></span>
              </label>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-jasper-installation-type" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Installation Type<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-jasper-installation-type" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.installation-type-Wi-Fi" name="filter.p.m.jasper.installation-type" value="Wi-Fi">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.installation-type-Wi-Fi">Wi-Fi <span class="collection__filter-count">(2)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.installation-type-Wired" name="filter.p.m.jasper.installation-type" value="Wired">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.installation-type-Wired">Wired <span class="collection__filter-count">(15)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.installation-type-Wired and Wi-Fi (Fusion)" name="filter.p.m.jasper.installation-type" value="Wired and Wi-Fi (Fusion)">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.installation-type-Wired and Wi-Fi (Fusion)">Wired and Wi-Fi (Fusion) <span class="collection__filter-count">(18)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-v-option-number-of-cameras" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Number of cameras<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-v-option-number-of-cameras" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-2" name="filter.v.option.number of cameras" value="2">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-2">2 <span class="collection__filter-count">(10)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-3" name="filter.v.option.number of cameras" value="3">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-3">3 <span class="collection__filter-count">(1)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-4" name="filter.v.option.number of cameras" value="4">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-4">4 <span class="collection__filter-count">(19)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-5" name="filter.v.option.number of cameras" value="5">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-5">5 <span class="collection__filter-count">(1)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-6" name="filter.v.option.number of cameras" value="6">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-6">6 <span class="collection__filter-count">(13)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-7" name="filter.v.option.number of cameras" value="7">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-7">7 <span class="collection__filter-count">(1)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-8" name="filter.v.option.number of cameras" value="8">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-8">8 <span class="collection__filter-count">(25)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-10" name="filter.v.option.number of cameras" value="10">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-10">10 <span class="collection__filter-count">(5)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-12" name="filter.v.option.number of cameras" value="12">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-12">12 <span class="collection__filter-count">(12)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-16" name="filter.v.option.number of cameras" value="16">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-16">16 <span class="collection__filter-count">(20)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-20" name="filter.v.option.number of cameras" value="20">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-20">20 <span class="collection__filter-count">(6)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-24" name="filter.v.option.number of cameras" value="24">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-24">24 <span class="collection__filter-count">(10)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-28" name="filter.v.option.number of cameras" value="28">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-28">28 <span class="collection__filter-count">(6)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.option.number of cameras-32" name="filter.v.option.number of cameras" value="32">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.option.number of cameras-32">32 <span class="collection__filter-count">(10)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-jasper-remote-connectivity" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Remote Viewing<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-jasper-remote-connectivity" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.remote-connectivity-Lorex App" name="filter.p.m.jasper.remote-connectivity" value="Lorex App">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.remote-connectivity-Lorex App">Lorex App <span class="collection__filter-count">(27)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.remote-connectivity-Lorex Cirrus" name="filter.p.m.jasper.remote-connectivity" value="Lorex Cirrus">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.remote-connectivity-Lorex Cirrus">Lorex Cirrus <span class="collection__filter-count">(5)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.remote-connectivity-Lorex Cloud" name="filter.p.m.jasper.remote-connectivity" value="Lorex Cloud">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.remote-connectivity-Lorex Cloud">Lorex Cloud <span class="collection__filter-count">(1)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.jasper.remote-connectivity-Lorex Pro" name="filter.p.m.jasper.remote-connectivity" value="Lorex Pro">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.jasper.remote-connectivity-Lorex Pro">Lorex Pro <span class="collection__filter-count">(14)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-v-m-jasper-environmental-rating"
        data-close-siblings="false" data-collapsible-force-overflow="true" aria-expanded="true">Environmental Rating<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-v-m-jasper-environmental-rating" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.m.jasper.environmental-rating-IP67" name="filter.v.m.jasper.environmental-rating" value="IP67">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.m.jasper.environmental-rating-IP67">IP67 <span class="collection__filter-count">(2)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-v-m-jasper-storage-size" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Storage Size<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-v-m-jasper-storage-size" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.m.jasper.storage-size-1TB" name="filter.v.m.jasper.storage-size" value="1TB">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.m.jasper.storage-size-1TB">1TB <span class="collection__filter-count">(1)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.m.jasper.storage-size-2TB" name="filter.v.m.jasper.storage-size" value="2TB">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.m.jasper.storage-size-2TB">2TB <span class="collection__filter-count">(1)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.v.m.jasper.storage-size-3TB" name="filter.v.m.jasper.storage-size" value="3TB">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.v.m.jasper.storage-size-3TB">3TB <span class="collection__filter-count">(1)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-facets-audio" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Audio<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-facets-audio" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facets.audio-Listen-In" name="filter.p.m.facets.audio" value="Listen-In">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facets.audio-Listen-In">Listen-In <span class="collection__filter-count">(15)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facets.audio-Two-Way" name="filter.p.m.facets.audio" value="Two-Way">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facets.audio-Two-Way">Two-Way <span class="collection__filter-count">(12)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-facets-camera-style" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Camera Style<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-facets-camera-style" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facets.camera-style-Bullet" name="filter.p.m.facets.camera-style" value="Bullet">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facets.camera-style-Bullet">Bullet <span class="collection__filter-count">(16)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facets.camera-style-Dome" name="filter.p.m.facets.camera-style" value="Dome">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facets.camera-style-Dome">Dome <span class="collection__filter-count">(5)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facets.camera-style-Pan-Tilt-Zoom" name="filter.p.m.facets.camera-style" value="Pan-Tilt-Zoom">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facets.camera-style-Pan-Tilt-Zoom">Pan-Tilt-Zoom <span class="collection__filter-count">(6)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-facets-resolution" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Resolution<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-facets-resolution" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facets.resolution-2K" name="filter.p.m.facets.resolution" value="2K">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facets.resolution-2K">2K <span class="collection__filter-count">(10)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facets.resolution-4K" name="filter.p.m.facets.resolution" value="4K">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facets.resolution-4K">4K <span class="collection__filter-count">(17)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facets.resolution-1080p" name="filter.p.m.facets.resolution" value="1080p">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facets.resolution-1080p">1080p <span class="collection__filter-count">(2)</span></label>
          </li>
        </ul>
      </div>
    </div>
    <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="filter-p-m-facet-active_deterrence" data-close-siblings="false"
        data-collapsible-force-overflow="true" aria-expanded="true">Active Deterrence<svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
          <title>arrow bottom</title>
          <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
        </svg></button>
      <div id="filter-p-m-facet-active_deterrence" class="collection__filter-collapsible" aria-hidden="false" style="height: auto; overflow: visible">
        <ul class="collection__filter-checkbox-list" role="list">
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facet.active_deterrence-Siren" name="filter.p.m.facet.active_deterrence" value="Siren">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facet.active_deterrence-Siren">Siren <span class="collection__filter-count">(15)</span></label>
          </li>
          <li class="collection__filter-checkbox">
            <div class="checkbox-wrapper">
              <input type="checkbox" class="checkbox" id="filter.p.m.facet.active_deterrence-Warning Light" name="filter.p.m.facet.active_deterrence" value="Warning Light">
              <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
                <title>check</title>
                <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
              </svg>
            </div>
            <label for="filter.p.m.facet.active_deterrence-Warning Light">Warning Light <span class="collection__filter-count">(12)</span></label>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <noscript>
    <button type="submit" class="button button--secondary button--full" style="margin-top: 10px">View results</button>
  </noscript>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_id_7807523946646_template--15823036514454__collection-template" accept-charset="UTF-8" class="product-item__action-list button-stack" enctype="multipart/form-data"><input type="hidden"
    name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="quantity" value="1">
  <input type="hidden" class="form-id" name="id" value="42745349308566">
  <button type="submit" class="product-item__action-button button button--small button--primary add-to-cart" data-action="add-to-cart" style="display: block;">Add to cart</button>
  <button style="display:none" class="product-item__action-button button button--small button--disabled" disabled="">Out of stock</button>
  <button type="button" class="product-item__action-button product-item__action-button--list-view-only button button--small button--ternary hidden-phone" data-action="open-modal" data-secondary-action="open-quick-view"
    aria-controls="modal-quick-view-template--15823036514454__collection-template" data-product-url="/products/lorex-2k-battery-operated-system-with-4-active-deterrence-and-person-detection-cameras-1">Quick
    view</button><a href="/products/lorex-2k-battery-operated-system-with-4-active-deterrence-and-person-detection-cameras-1" class="product-item__learn-more">Learn More</a>
  <input type="hidden" name="product-id" value="7807523946646">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_id_7807450087574_template--15823036514454__collection-template" accept-charset="UTF-8" class="product-item__action-list button-stack" enctype="multipart/form-data"><input type="hidden"
    name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="quantity" value="1">
  <input type="hidden" class="form-id" name="id" value="42744728879254">
  <button type="submit" class="product-item__action-button button button--small button--primary add-to-cart" data-action="add-to-cart" style="display: block;">Add to cart</button>
  <button style="display:none" class="product-item__action-button button button--small button--disabled" disabled="">Out of stock</button>
  <button type="button" class="product-item__action-button product-item__action-button--list-view-only button button--small button--ternary hidden-phone" data-action="open-modal" data-secondary-action="open-quick-view"
    aria-controls="modal-quick-view-template--15823036514454__collection-template" data-product-url="/products/lorex-2k-wire-free-system-with-2-battery-operated-active-deterrence-cameras-and-person-detection">Quick
    view</button><a href="/products/lorex-2k-wire-free-system-with-2-battery-operated-active-deterrence-cameras-and-person-detection" class="product-item__learn-more">Learn More</a>
  <input type="hidden" name="product-id" value="7807450087574">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_id_7289565479062_template--15823036514454__collection-template" accept-charset="UTF-8" class="product-item__action-list button-stack" enctype="multipart/form-data"><input type="hidden"
    name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="quantity" value="1">
  <input type="hidden" class="form-id" name="id" value="42389948792982">
  <button type="submit" class="product-item__action-button button button--small button--primary add-to-cart" data-action="add-to-cart" style="display: none;">Add to cart</button>
  <button style="display:none" class="product-item__action-button button button--small button--disabled" disabled="">Out of stock</button>
  <button type="button" class="product-item__action-button product-item__action-button--list-view-only button button--small button--ternary hidden-phone" data-action="open-modal" data-secondary-action="open-quick-view"
    aria-controls="modal-quick-view-template--15823036514454__collection-template" data-product-url="/products/1080p-8-channel-1tb-wired-dvr-system-1">Quick
    view</button><a href="/products/1080p-8-channel-1tb-wired-dvr-system-1" class="product-item__learn-more">Learn More</a>
  <input type="hidden" name="product-id" value="7289565479062">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_id_7802051395734_template--15823036514454__collection-template" accept-charset="UTF-8" class="product-item__action-list button-stack" enctype="multipart/form-data"><input type="hidden"
    name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="quantity" value="1">
  <input type="hidden" class="form-id" name="id" value="42716725772438">
  <button type="submit" class="product-item__action-button button button--small button--primary add-to-cart" data-action="add-to-cart" style="display: block;">Add to cart</button>
  <button style="display:none" class="product-item__action-button button button--small button--disabled" disabled="">Out of stock</button>
  <button type="button" class="product-item__action-button product-item__action-button--list-view-only button button--small button--ternary hidden-phone" data-action="open-modal" data-secondary-action="open-quick-view"
    aria-controls="modal-quick-view-template--15823036514454__collection-template" data-product-url="/products/lorex-fusion-4k-16-camera-capable-8-wired-8-wi-fi-2tb-nvr-system-with-bullet-cameras">Quick
    view</button><a href="/products/lorex-fusion-4k-16-camera-capable-8-wired-8-wi-fi-2tb-nvr-system-with-bullet-cameras" class="product-item__learn-more">Learn More</a>
  <input type="hidden" name="product-id" value="7802051395734">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_id_7802052477078_template--15823036514454__collection-template" accept-charset="UTF-8" class="product-item__action-list button-stack" enctype="multipart/form-data"><input type="hidden"
    name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="quantity" value="1">
  <input type="hidden" class="form-id" name="id" value="42716734488726">
  <button type="submit" class="product-item__action-button button button--small button--primary add-to-cart" data-action="add-to-cart" style="display: block;">Add to cart</button>
  <button style="display:none" class="product-item__action-button button button--small button--disabled" disabled="">Out of stock</button>
  <button type="button" class="product-item__action-button product-item__action-button--list-view-only button button--small button--ternary hidden-phone" data-action="open-modal" data-secondary-action="open-quick-view"
    aria-controls="modal-quick-view-template--15823036514454__collection-template" data-product-url="/products/lorex-fusion-4k-16-channel-8-wired-8-wi-fi-2tb-nvr-system-with-dome-cameras-featuring-listen-in-audio">Quick
    view</button><a href="/products/lorex-fusion-4k-16-channel-8-wired-8-wi-fi-2tb-nvr-system-with-dome-cameras-featuring-listen-in-audio" class="product-item__learn-more">Learn More</a>
  <input type="hidden" name="product-id" value="7802052477078">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_id_7779159310486_template--15823036514454__collection-template" accept-charset="UTF-8" class="product-item__action-list button-stack" enctype="multipart/form-data"><input type="hidden"
    name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="quantity" value="1">
  <input type="hidden" class="form-id" name="id" value="42617412190358">
  <button type="submit" class="product-item__action-button button button--small button--primary add-to-cart" data-action="add-to-cart" style="display: block;">Add to cart</button>
  <button style="display:none" class="product-item__action-button button button--small button--disabled" disabled="">Out of stock</button>
  <button type="button" class="product-item__action-button product-item__action-button--list-view-only button button--small button--ternary hidden-phone" data-action="open-modal" data-secondary-action="open-quick-view"
    aria-controls="modal-quick-view-template--15823036514454__collection-template" data-product-url="/products/lorex-4k-8-channel-wired-dvr-system-with-active-deterrence-bullet-cameras-2">Quick
    view</button><a href="/products/lorex-4k-8-channel-wired-dvr-system-with-active-deterrence-bullet-cameras-2" class="product-item__learn-more">Learn More</a>
  <input type="hidden" name="product-id" value="7779159310486">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_id_7802054082710_template--15823036514454__collection-template" accept-charset="UTF-8" class="product-item__action-list button-stack" enctype="multipart/form-data"><input type="hidden"
    name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="quantity" value="1">
  <input type="hidden" class="form-id" name="id" value="42716756213910">
  <button type="submit" class="product-item__action-button button button--small button--primary add-to-cart" data-action="add-to-cart" style="display: block;">Add to cart</button>
  <button style="display:none" class="product-item__action-button button button--small button--disabled" disabled="">Out of stock</button>
  <button type="button" class="product-item__action-button product-item__action-button--list-view-only button button--small button--ternary hidden-phone" data-action="open-modal" data-secondary-action="open-quick-view"
    aria-controls="modal-quick-view-template--15823036514454__collection-template" data-product-url="/products/lorex-fusion-4k-16-channel-8-wired-8-wi-fi-2tb-nvr-system-with-dome-cameras-featuring-smart-deterrence-and-2-way-audio">Quick
    view</button><a href="/products/lorex-fusion-4k-16-channel-8-wired-8-wi-fi-2tb-nvr-system-with-dome-cameras-featuring-smart-deterrence-and-2-way-audio" class="product-item__learn-more">Learn More</a>
  <input type="hidden" name="product-id" value="7802054082710">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_id_7398019563670_template--15823036514454__collection-template" accept-charset="UTF-8" class="product-item__action-list button-stack" enctype="multipart/form-data"><input type="hidden"
    name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="quantity" value="1">
  <input type="hidden" class="form-id" name="id" value="41542340182166">
  <button type="submit" class="product-item__action-button button button--small button--primary add-to-cart" data-action="add-to-cart" style="display: block;">Add to cart</button>
  <button style="display:none" class="product-item__action-button button button--small button--disabled" disabled="">Out of stock</button>
  <button type="button" class="product-item__action-button product-item__action-button--list-view-only button button--small button--ternary hidden-phone" data-action="open-modal" data-secondary-action="open-quick-view"
    aria-controls="modal-quick-view-template--15823036514454__collection-template" data-product-url="/products/lorex-2k-battery-operated-system-with-4-active-deterrence-and-person-detection-cameras">Quick
    view</button><a href="/products/lorex-2k-battery-operated-system-with-4-active-deterrence-and-person-detection-cameras" class="product-item__learn-more">Learn More</a>
  <input type="hidden" name="product-id" value="7398019563670">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_id_7809071579286_template--15823036514454__collection-template" accept-charset="UTF-8" class="product-item__action-list button-stack" enctype="multipart/form-data"><input type="hidden"
    name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="quantity" value="1">
  <input type="hidden" class="form-id" name="id" value="42751314165910">
  <button type="submit" class="product-item__action-button button button--small button--primary add-to-cart" data-action="add-to-cart" style="display: block;">Add to cart</button>
  <button style="display:none" class="product-item__action-button button button--small button--disabled" disabled="">Out of stock</button>
  <button type="button" class="product-item__action-button product-item__action-button--list-view-only button button--small button--ternary hidden-phone" data-action="open-modal" data-secondary-action="open-quick-view"
    aria-controls="modal-quick-view-template--15823036514454__collection-template" data-product-url="/products/lorex-fusion-4k-16-camera-capable-8-wired-8-wi-fi-2tb-nvr-system-with-ip-dome-cameras-featuring-listen-in-audio">Quick
    view</button><a href="/products/lorex-fusion-4k-16-camera-capable-8-wired-8-wi-fi-2tb-nvr-system-with-ip-dome-cameras-featuring-listen-in-audio" class="product-item__learn-more">Learn More</a>
  <input type="hidden" name="product-id" value="7809071579286">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_id_7802069778582_template--15823036514454__collection-template" accept-charset="UTF-8" class="product-item__action-list button-stack" enctype="multipart/form-data"><input type="hidden"
    name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="quantity" value="1">
  <input type="hidden" class="form-id" name="id" value="42878055284886">
  <button type="submit" class="product-item__action-button button button--small button--primary add-to-cart" data-action="add-to-cart" style="display: block;">Add to cart</button>
  <button style="display:none" class="product-item__action-button button button--small button--disabled" disabled="">Out of stock</button>
  <button type="button" class="product-item__action-button product-item__action-button--list-view-only button button--small button--ternary hidden-phone" data-action="open-modal" data-secondary-action="open-quick-view"
    aria-controls="modal-quick-view-template--15823036514454__collection-template" data-product-url="/products/lorex-fusion-4k-16-camera-capable-8-wired-and-8-wi-fi-2tb-wired-nvr-system-with-dome-cameras-featuring-smart-security-lighting-1">Quick
    view</button><a href="/products/lorex-fusion-4k-16-camera-capable-8-wired-and-8-wi-fi-2tb-wired-nvr-system-with-dome-cameras-featuring-smart-security-lighting-1" class="product-item__learn-more">Learn More</a>
  <input type="hidden" name="product-id" value="7802069778582">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_id_7802070859926_template--15823036514454__collection-template" accept-charset="UTF-8" class="product-item__action-list button-stack" enctype="multipart/form-data"><input type="hidden"
    name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="quantity" value="1">
  <input type="hidden" class="form-id" name="id" value="42716930506902">
  <button type="submit" class="product-item__action-button button button--small button--primary add-to-cart" data-action="add-to-cart" style="display: block;">Add to cart</button>
  <button style="display:none" class="product-item__action-button button button--small button--disabled" disabled="">Out of stock</button>
  <button type="button" class="product-item__action-button product-item__action-button--list-view-only button button--small button--ternary hidden-phone" data-action="open-modal" data-secondary-action="open-quick-view"
    aria-controls="modal-quick-view-template--15823036514454__collection-template"
    data-product-url="/products/lorex-fusion-4k-16-camera-capable-8-wired-and-8-wi-fi-2tb-wired-nvr-system-with-bullet-ai-poe-cameras-featuring-smart-security-lighting">Quick
    view</button><a href="/products/lorex-fusion-4k-16-camera-capable-8-wired-and-8-wi-fi-2tb-wired-nvr-system-with-bullet-ai-poe-cameras-featuring-smart-security-lighting" class="product-item__learn-more">Learn More</a>
  <input type="hidden" name="product-id" value="7802070859926">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_id_7803271676054_template--15823036514454__collection-template" accept-charset="UTF-8" class="product-item__action-list button-stack" enctype="multipart/form-data"><input type="hidden"
    name="form_type" value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="quantity" value="1">
  <input type="hidden" class="form-id" name="id" value="42723354411158">
  <button type="submit" class="product-item__action-button button button--small button--primary add-to-cart" data-action="add-to-cart" style="display: block;">Add to cart</button>
  <button style="display:none" class="product-item__action-button button button--small button--disabled" disabled="">Out of stock</button>
  <button type="button" class="product-item__action-button product-item__action-button--list-view-only button button--small button--ternary hidden-phone" data-action="open-modal" data-secondary-action="open-quick-view"
    aria-controls="modal-quick-view-template--15823036514454__collection-template" data-product-url="/products/lorex-fusion-4k-16-camera-capable-8-wired-and-8-wi-fi-2tb-nvr-system-with-two-2k-pan-tilt-outdoor-wi-fi-cameras">Quick
    view</button><a href="/products/lorex-fusion-4k-16-camera-capable-8-wired-and-8-wi-fi-2tb-nvr-system-with-two-2k-pan-tilt-outdoor-wi-fi-cameras" class="product-item__learn-more">Learn More</a>
  <input type="hidden" name="product-id" value="7803271676054">
</form>

<form id="mobile-collection-filters-form" class="collection-drawer__inner">
  <input type="hidden" name="sort_by" value="price-ascending">
  <p class="collection-drawer__section-title">Filters</p>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-v-price" data-close-siblings="false"
      data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Price</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-v-price" class="collection__filter-collapsible" aria-hidden="true"><price-range class="price-range">
        <div class="price-range__range-group range-group" style="--range-min: 0.0%; --range-max: 99.9998969072165%">
          <input type="range" aria-label="From" class="range" min="0" max="9700" value="0">
          <input type="range" aria-label="To" class="range" min="0" max="9700" value="9700">
        </div>
        <div class="price-range__input-group">
          <div class="price-range__input input-prefix">
            <span class="input-prefix__value">$</span>
            <input aria-label="From" class="input-prefix__field" type="number" inputmode="numeric" name="filter.v.price.gte" min="0" max="9700" placeholder="0">
          </div>
          <span class="price-range__delimiter text--small">-</span>
          <div class="price-range__input input-prefix">
            <span class="input-prefix__value">$</span>
            <input aria-label="To" class="input-prefix__field" type="number" inputmode="numeric" name="filter.v.price.lte" min="0" max="9700" placeholder="9700">
          </div>
        </div>
      </price-range></div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-jasper-item-status" data-close-siblings="false"
      data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Item Status</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-jasper-item-status" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.item-status-New Arrival" name="filter.p.m.jasper.item-status" value="New Arrival">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.item-status-New Arrival">New Arrival (1)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.item-status-Open Box" name="filter.p.m.jasper.item-status" value="Open Box">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.item-status-Open Box">Open Box (2)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.item-status-Pre-Order" name="filter.p.m.jasper.item-status" value="Pre-Order">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.item-status-Pre-Order">Pre-Order (1)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-jasper-power-source" data-close-siblings="false"
      data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Power Source</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-jasper-power-source" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.power-source-Battery" name="filter.p.m.jasper.power-source" value="Battery">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.power-source-Battery">Battery (2)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.power-source-Wall Plug-In" name="filter.p.m.jasper.power-source" value="Wall Plug-In">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.power-source-Wall Plug-In">Wall Plug-In (1)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-product-camera-features"
      data-close-siblings="false" data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Camera Features</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-product-camera-features" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.camera-features-Pan-Tilt-Zoom (PTZ)" name="filter.p.m.product.camera-features" value="Pan-Tilt-Zoom (PTZ)">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.camera-features-Pan-Tilt-Zoom (PTZ)">Pan-Tilt-Zoom (PTZ) (5)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.camera-features-Real-Time 4K (30FPS)" name="filter.p.m.product.camera-features" value="Real-Time 4K (30FPS)">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.camera-features-Real-Time 4K (30FPS)">Real-Time 4K (30FPS) (1)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.camera-features-Smart Deterrence" name="filter.p.m.product.camera-features" value="Smart Deterrence">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.camera-features-Smart Deterrence">Smart Deterrence (13)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.camera-features-Smart Motion Detection" name="filter.p.m.product.camera-features" value="Smart Motion Detection">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.camera-features-Smart Motion Detection">Smart Motion Detection (8)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.camera-features-Smart Security Lighting" name="filter.p.m.product.camera-features" value="Smart Security Lighting">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.camera-features-Smart Security Lighting">Smart Security Lighting (4)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-jasper-system-series" data-close-siblings="false"
      data-collapsible-force-overflow="true" aria-expanded="false">
      <div>System Series</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-jasper-system-series" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.system-series-Fusion" name="filter.p.m.jasper.system-series" value="Fusion">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.system-series-Fusion">Fusion (7)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.system-series-Nocturnal 3" name="filter.p.m.jasper.system-series" value="Nocturnal 3">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.system-series-Nocturnal 3">Nocturnal 3 (1)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.system-series-Nocturnal 4" name="filter.p.m.jasper.system-series" value="Nocturnal 4">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.system-series-Nocturnal 4">Nocturnal 4 (1)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.system-series-Smart Security Lighting" name="filter.p.m.jasper.system-series" value="Smart Security Lighting">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.system-series-Smart Security Lighting">Smart Security Lighting (7)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-product-motion_detection"
      data-close-siblings="false" data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Motion Detection</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-product-motion_detection" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.motion_detection-Active View" name="filter.p.m.product.motion_detection" value="Active View">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.motion_detection-Active View">Active View (1)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.motion_detection-Animal" name="filter.p.m.product.motion_detection" value="Animal">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.motion_detection-Animal">Animal (6)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.motion_detection-Face" name="filter.p.m.product.motion_detection" value="Face">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.motion_detection-Face">Face (8)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.motion_detection-General Motion" name="filter.p.m.product.motion_detection" value="General Motion">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.motion_detection-General Motion">General Motion (1)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.motion_detection-Package" name="filter.p.m.product.motion_detection" value="Package">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.motion_detection-Package">Package (4)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.motion_detection-Person" name="filter.p.m.product.motion_detection" value="Person">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.motion_detection-Person">Person (12)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.product.motion_detection-Vehicle" name="filter.p.m.product.motion_detection" value="Vehicle">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.product.motion_detection-Vehicle">Vehicle (11)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-v-option-color" data-close-siblings="false"
      data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Color</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-v-option-color" class="collection__filter-collapsible" aria-hidden="true">
      <div class="collection__filter-color-list">
        <div class="color-swatch-list color-swatch-list--stack">
          <div class="color-swatch ">
            <input class="color-swatch__radio" type="checkbox" name="filter.v.option.color" id="mobile-filter.v.option.color-Black" value="Black">
            <label for="mobile-filter.v.option.color-Black" class="color-swatch__button color-swatch__button--labelled ">
              <span class="color-swatch__item" style="background-color: black"></span>
              <span class="color-swatch__label">Black</span>
            </label>
          </div>
          <div class="color-swatch color-swatch--white">
            <input class="color-swatch__radio" type="checkbox" name="filter.v.option.color" id="mobile-filter.v.option.color-White" value="White">
            <label for="mobile-filter.v.option.color-White" class="color-swatch__button color-swatch__button--labelled ">
              <span class="color-swatch__item" style="background-color: white"></span>
              <span class="color-swatch__label">White</span>
            </label>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-jasper-installation-type"
      data-close-siblings="false" data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Installation Type</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-jasper-installation-type" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.installation-type-Wi-Fi" name="filter.p.m.jasper.installation-type" value="Wi-Fi">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.installation-type-Wi-Fi">Wi-Fi (2)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.installation-type-Wired" name="filter.p.m.jasper.installation-type" value="Wired">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.installation-type-Wired">Wired (15)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.installation-type-Wired and Wi-Fi (Fusion)" name="filter.p.m.jasper.installation-type" value="Wired and Wi-Fi (Fusion)">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.installation-type-Wired and Wi-Fi (Fusion)">Wired and Wi-Fi (Fusion) (18)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-v-option-number-of-cameras"
      data-close-siblings="false" data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Number of cameras</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-v-option-number-of-cameras" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-2" name="filter.v.option.number of cameras" value="2">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-2">2 (10)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-3" name="filter.v.option.number of cameras" value="3">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-3">3 (1)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-4" name="filter.v.option.number of cameras" value="4">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-4">4 (19)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-5" name="filter.v.option.number of cameras" value="5">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-5">5 (1)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-6" name="filter.v.option.number of cameras" value="6">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-6">6 (13)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-7" name="filter.v.option.number of cameras" value="7">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-7">7 (1)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-8" name="filter.v.option.number of cameras" value="8">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-8">8 (25)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-10" name="filter.v.option.number of cameras" value="10">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-10">10 (5)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-12" name="filter.v.option.number of cameras" value="12">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-12">12 (12)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-16" name="filter.v.option.number of cameras" value="16">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-16">16 (20)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-20" name="filter.v.option.number of cameras" value="20">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-20">20 (6)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-24" name="filter.v.option.number of cameras" value="24">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-24">24 (10)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-28" name="filter.v.option.number of cameras" value="28">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-28">28 (6)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.option.number of cameras-32" name="filter.v.option.number of cameras" value="32">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.option.number of cameras-32">32 (10)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-jasper-remote-connectivity"
      data-close-siblings="false" data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Remote Viewing</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-jasper-remote-connectivity" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.remote-connectivity-Lorex App" name="filter.p.m.jasper.remote-connectivity" value="Lorex App">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.remote-connectivity-Lorex App">Lorex App (27)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.remote-connectivity-Lorex Cirrus" name="filter.p.m.jasper.remote-connectivity" value="Lorex Cirrus">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.remote-connectivity-Lorex Cirrus">Lorex Cirrus (5)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.remote-connectivity-Lorex Cloud" name="filter.p.m.jasper.remote-connectivity" value="Lorex Cloud">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.remote-connectivity-Lorex Cloud">Lorex Cloud (1)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.jasper.remote-connectivity-Lorex Pro" name="filter.p.m.jasper.remote-connectivity" value="Lorex Pro">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.jasper.remote-connectivity-Lorex Pro">Lorex Pro (14)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-v-m-jasper-environmental-rating"
      data-close-siblings="false" data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Environmental Rating</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-v-m-jasper-environmental-rating" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.m.jasper.environmental-rating-IP67" name="filter.v.m.jasper.environmental-rating" value="IP67">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.m.jasper.environmental-rating-IP67">IP67 (2)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-v-m-jasper-storage-size" data-close-siblings="false"
      data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Storage Size</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-v-m-jasper-storage-size" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.m.jasper.storage-size-1TB" name="filter.v.m.jasper.storage-size" value="1TB">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.m.jasper.storage-size-1TB">1TB (1)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.m.jasper.storage-size-2TB" name="filter.v.m.jasper.storage-size" value="2TB">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.m.jasper.storage-size-2TB">2TB (1)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.v.m.jasper.storage-size-3TB" name="filter.v.m.jasper.storage-size" value="3TB">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.v.m.jasper.storage-size-3TB">3TB (1)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-facets-audio" data-close-siblings="false"
      data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Audio</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-facets-audio" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facets.audio-Listen-In" name="filter.p.m.facets.audio" value="Listen-In">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facets.audio-Listen-In">Listen-In (15)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facets.audio-Two-Way" name="filter.p.m.facets.audio" value="Two-Way">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facets.audio-Two-Way">Two-Way (12)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-facets-camera-style" data-close-siblings="false"
      data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Camera Style</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-facets-camera-style" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facets.camera-style-Bullet" name="filter.p.m.facets.camera-style" value="Bullet">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facets.camera-style-Bullet">Bullet (16)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facets.camera-style-Dome" name="filter.p.m.facets.camera-style" value="Dome">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facets.camera-style-Dome">Dome (5)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facets.camera-style-Pan-Tilt-Zoom" name="filter.p.m.facets.camera-style" value="Pan-Tilt-Zoom">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facets.camera-style-Pan-Tilt-Zoom">Pan-Tilt-Zoom (6)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-facets-resolution" data-close-siblings="false"
      data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Resolution</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-facets-resolution" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facets.resolution-2K" name="filter.p.m.facets.resolution" value="2K">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facets.resolution-2K">2K (10)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facets.resolution-4K" name="filter.p.m.facets.resolution" value="4K">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facets.resolution-4K">4K (17)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facets.resolution-1080p" name="filter.p.m.facets.resolution" value="1080p">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facets.resolution-1080p">1080p (2)</label>
        </li>
      </ul>
    </div>
  </div>
  <div class="collection__filter-group"><button type="button" class="collection__filter-group-name link link--secondary text--strong" data-action="toggle-collapsible" aria-controls="mobile-filter-p-m-facet-active_deterrence"
      data-close-siblings="false" data-collapsible-force-overflow="true" aria-expanded="false">
      <div>Active Deterrence</div><svg focusable="false" class="icon icon--arrow-bottom" viewBox="0 0 12 8" role="presentation">
        <title>arrow bottom</title>
        <path stroke="currentColor" stroke-width="2" d="M10 2L6 6 2 2" fill="none" stroke-linecap="square"></path>
      </svg>
    </button>
    <div id="mobile-filter-p-m-facet-active_deterrence" class="collection__filter-collapsible" aria-hidden="true">
      <ul class="collection__filter-checkbox-list" role="list">
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facet.active_deterrence-Siren" name="filter.p.m.facet.active_deterrence" value="Siren">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facet.active_deterrence-Siren">Siren (15)</label>
        </li>
        <li class="collection__filter-checkbox">
          <div class="checkbox-wrapper">
            <input type="checkbox" class="checkbox" id="mobile-filter.p.m.facet.active_deterrence-Warning Light" name="filter.p.m.facet.active_deterrence" value="Warning Light">
            <svg focusable="false" class="icon icon--check" viewBox="0 0 24 24" role="presentation">
              <title>check</title>
              <path fill="currentColor" d="M9 20l-7-7 3-3 4 4L19 4l3 3z"></path>
            </svg>
          </div>
          <label for="mobile-filter.p.m.facet.active_deterrence-Warning Light">Warning Light (12)</label>
        </li>
      </ul>
    </div>
  </div>
</form>

Text Content

Skip to content
Close close
Newsletter

Please enter your email address to be added to the Lorex mailing list. This way
you can be the first to know about the best deals, new products, and upcoming
events.

Your email
Subscribe
 * Sales Help: 1-888-425-6739
 * Best Price Guarantee
 * No Monthly Fees



Customer Support newsletter Subscribe & Save

hamburger mobile close
triangle borderless
 * Products arrow right
   arrow left Back
   New Arrivals arrow bottom
   
   4K Wired Video Doorbell
   
   
   
   4K Dual-Lens Wi-Fi Security Camera
   
   
   
   4K+ (12MP) Wired NVR System
   
   
   
   4K NVR System with Battery-Operated Cameras
   
   
   
   4K IP Wired Vandal-Proof Dome Camera
   
   
   
   2K Battery Video Doorbell
   
   
   
   2K Wired Floodlight Security Camera
   
   
   
   4K Spotlight Wi-Fi Security Camera with Smart Security Lighting
   
   Wired Security arrow bottom
   
   NVR Security Systems (IP Cameras)
   
   
   
   DVR Security Systems (Analog Cameras)
   
   
   
   Nocturnal Security Systems
   
   
   
   Fusion (Wired & Wi-Fi) Systems
   
   Wireless Security arrow bottom
   
   Battery-Operated Cameras with NVR
   
   
   
   Battery-Operated Cameras with Hub
   
   
   
   Fusion (Wired & Wi-Fi) Systems
   
   
   
   Wi-Fi Cameras
   
   
   
   Doorbells
   
   
   
   Floodlight Cameras
   
   
   
   Sensors
   
   
   
   Smart Lock
   
   Security Cameras arrow bottom
   
   IP (PoE) Cameras
   
   
   
   Analog Cameras
   
   
   
   Battery-Operated Cameras
   
   
   
   Wi-Fi Cameras
   
   
   
   4K Cameras
   
   
   
   PTZ Cameras
   
   Security Recorders arrow bottom
   
   Security NVR
   
   
   
   Security DVR
   
   Smart Doorbells arrow bottom
   
   Lorex 4K Wired Video Doorbell
   
   
   
   Lorex 2K Battery Video Doorbell
   
   
   
   Lorex 2K Wired Video Doorbell
   
   
   
   Lorex 1080p Wired Video Doorbell
   
   Accessories (Wired Security) arrow bottom
   
   Cables
   
   
   
   PoE Switches and Converters
   
   
   
   Hard Drives
   
   
   
   Junction Boxes
   
   
   
   Mounts and Brackets
   
   
   
   Power Adapters
   
   Accessories (Wireless Security) arrow bottom
   
   MicroSD Cards
   
   
   
   Rechargeable Battery Packs
   
   
   
   Doorbell Accessories
   
   
   
   Solar Panels
   
   
   
   Range Extenders
   
   
   
   Yard Sign
   
   Specialty Cameras arrow bottom
   
   Thermal Monocular Camera
   
   
   Lorex Solutions Finder
   
   Custom Bundle Builder
 * Deals arrow right
   arrow left Back
    * Deals
    * Lorex Holiday Sale
    * Lorex Clearance Outlet
    * Not-for-profit Support Program
    * Lorex Upgrade Program
    * Business Upgrade Incentive

 * Lorex for Home
 * Lorex for Business tail right
 * Support arrow right
   arrow left Back
    * Support
    * Contact Us
    * Product Support
    * Glossary
    * Warranty Information
    * Returns

Country (US)

 * United States
 * Canada
 * United Kingdom
 * Mexico
 * Australia

Need help?

phone Call us 1-888-425-6739
bi-email sales@lorex.com

Follow Us

 * youtube YouTube
 * facebook Facebook
 * x Twitter
 * instagram Instagram

arrow left Back
 * New Arrivals
 * 4K Wired Video Doorbell
 * 4K Dual-Lens Wi-Fi Security Camera
 * 4K+ (12MP) Wired NVR System
 * 4K NVR System with Battery-Operated Cameras
 * 4K IP Wired Vandal-Proof Dome Camera
 * 2K Battery Video Doorbell
 * 2K Wired Floodlight Security Camera
 * 4K Spotlight Wi-Fi Security Camera with Smart Security Lighting

arrow left Back
 * Wired Security
 * NVR Security Systems (IP Cameras)
 * DVR Security Systems (Analog Cameras)
 * Nocturnal Security Systems
 * Fusion (Wired & Wi-Fi) Systems

arrow left Back
 * Wireless Security
 * Battery-Operated Cameras with NVR
 * Battery-Operated Cameras with Hub
 * Fusion (Wired & Wi-Fi) Systems
 * Wi-Fi Cameras
 * Doorbells
 * Floodlight Cameras
 * Sensors
 * Smart Lock

arrow left Back
 * Security Cameras
 * IP (PoE) Cameras
 * Analog Cameras
 * Battery-Operated Cameras
 * Wi-Fi Cameras
 * 4K Cameras
 * PTZ Cameras

arrow left Back
 * Security Recorders
 * Security NVR
 * Security DVR

arrow left Back
 * Smart Doorbells
 * Lorex 4K Wired Video Doorbell
 * Lorex 2K Battery Video Doorbell
 * Lorex 2K Wired Video Doorbell
 * Lorex 1080p Wired Video Doorbell

arrow left Back
 * Accessories (Wired Security)
 * Cables
 * PoE Switches and Converters
 * Hard Drives
 * Junction Boxes
 * Mounts and Brackets
 * Power Adapters

arrow left Back
 * Accessories (Wireless Security)
 * MicroSD Cards
 * Rechargeable Battery Packs
 * Doorbell Accessories
 * Solar Panels
 * Range Extenders
 * Yard Sign

arrow left Back
 * Specialty Cameras
 * Thermal Monocular Camera


Search... Clear close
All categories arrow bottom All categoriesAccessoriesAnalog Security
CameraAnalog Security CamerasAnalog Security
SystemCablesConnectorsConverterDoorbell AccessoriesDoorbellsDVR Camera
SystemExtend Service ContractExtend Shipping ContractFloodlightsHard DrivesIP
CameraIP Security CameraIP Security CamerasIP Security SystemJunction BoxesLorex
Smart Home Security CenterMicroSD CardsMounts and BracketsNVRPoE SwitchesPower
AdaptersRange ExtendersRechargeable Battery PacksSecurity DVRSecurity
NVRSensorsSmart LockSolar PanelsThe Fusion CollectionWarning DecalWi-Fi Security
CameraWi-Fi Security CamerasWire-Free Security CamerasWire-Free Security Systems
search search loader
Close

Country
US arrow bottom
triangle borderless
 * United States
 * Canada
 * United Kingdom
 * Mexico
 * Australia

search
Login / Signup
Account close My account arrow bottom
triangle borderless


LOGIN TO MY ACCOUNT

Enter your e-mail and password:

Incorrect email or password.



Login information
Email
Password
Login

New customer? Create your account

Lost password? Recover password

Partner Portal B2B Pricing

Liquid error (sections/header line 467): Could not find asset
snippets/recover_customer_password--header.liquid

Remembered your password? Back to login


CREATE MY ACCOUNT

Please fill in the information below:

Error occured.

Customer Registration
First name
Last name
Email
Password
Email me with news and offers

I agree with the Lorex Privacy Policy and Terms of use

Create my account

Already have an account? Login here

cart 0 close
Cart
triangle borderless

You are eligible for free shipping!

big cart

Your cart is empty

Shop our products
 * Products arrow bottom
    * New Arrivals
    * Wired Security
    * Wireless Security
    * Security Cameras
    * Security Recorders
    * Smart Doorbells
    * Accessories (Wired Security)
    * Accessories (Wireless Security)
    * Specialty Cameras
    * Lorex Solutions Finder
    * Custom Bundle Builder
   
   See All New Arrivals
   
   
   
   4K Wired Video Doorbell
   
   
   
   4K Dual-Lens Wi-Fi Security Camera
   
   
   
   4K+ (12MP) Wired NVR System
   
   
   
   4K NVR System with Battery-Operated Cameras
   
   
   
   4K IP Wired Vandal-Proof Dome Camera
   
   
   
   2K Battery Video Doorbell
   
   
   
   2K Wired Floodlight Security Camera
   
   
   
   4K Spotlight Wi-Fi Security Camera with Smart Security Lighting
   
   See All Wired Security
   
   
   
   NVR Security Systems (IP Cameras)
   
   
   
   DVR Security Systems (Analog Cameras)
   
   
   
   Nocturnal Security Systems
   
   
   
   Fusion (Wired & Wi-Fi) Systems
   
   See All Wireless Security
   
   
   
   Battery-Operated Cameras with NVR
   
   
   
   Battery-Operated Cameras with Hub
   
   
   
   Fusion (Wired & Wi-Fi) Systems
   
   
   
   Wi-Fi Cameras
   
   
   
   Doorbells
   
   
   
   Floodlight Cameras
   
   
   
   Sensors
   
   
   
   Smart Lock
   
   See All Security Cameras
   
   
   
   IP (PoE) Cameras
   
   
   
   Analog Cameras
   
   
   
   Battery-Operated Cameras
   
   
   
   Wi-Fi Cameras
   
   
   
   4K Cameras
   
   
   
   PTZ Cameras
   
   See All Security Recorders
   
   
   
   Security NVR
   
   
   
   Security DVR
   
   See All Smart Doorbells
   
   
   
   Lorex 4K Wired Video Doorbell
   
   
   
   Lorex 2K Battery Video Doorbell
   
   
   
   Lorex 2K Wired Video Doorbell
   
   
   
   Lorex 1080p Wired Video Doorbell
   
   See All Accessories (Wired Security)
   
   
   
   Cables
   
   
   
   PoE Switches and Converters
   
   
   
   Hard Drives
   
   
   
   Junction Boxes
   
   
   
   Mounts and Brackets
   
   
   
   Power Adapters
   
   See All Accessories (Wireless Security)
   
   
   
   MicroSD Cards
   
   
   
   Rechargeable Battery Packs
   
   
   
   Doorbell Accessories
   
   
   
   Solar Panels
   
   
   
   Range Extenders
   
   
   
   Yard Sign
   
   See All Specialty Cameras
   
   
   
   Thermal Monocular Camera
   
   Find the security solution that best fits your lifestyle.
   
   
   
   Customize your security solution based on your needs.
   
   
 * Deals arrow bottom
   
   Lorex Holiday Sale
   
   Lorex Clearance Outlet
   
   Not-for-Profit Program
   
   Lorex Upgrade Program
 * Lorex for Home
 * Lorex for Business tail right
 * Support arrow bottom
   * Contact Us
   * Product Support
   * Glossary
   * Warranty Information
   * Returns

Get FREE standard shipping on all orders. Limited time only.


WIRED SECURITY

Lorex offers a wide-range of DIY wired CCTV security camera systems that provide
around-the-clock property protection and peace-of-mind. Choose from Wired IP
Security Systems and Wired Analog Security Systems.





IP SECURITY SYSTEMS

Digital IP Systems use Power-over-Ethernet (PoE) cabling to connect IP Cameras
to a Network Video Recorder (NVR). IP Systems feature continuous recording and
the smartest features for professional-grade surveillance.

Shop Now



ANALOG SECURITY SYSTEMS

Analog Security Systems use BNC cabling to connect Analog Cameras to Digital
Video Recorders (DVRs). Analog Systems are a more economical choice for
continuous 24/7 recording.

Shop Now



FUSION SECURITY SYSTEMS

Fusion Recorders (NVRs and DVRs) are able to connect both Wired security cameras
and Wireless Smart Home Cameras through the Lorex app. This allows you to also
record wireless cameras around-the-clock.  

Shop Now



NOCTURNAL SECURITY SYSTEMS

Nocturnal Systems comprise of a 16 or 32-channel NVR and Nocturnal IP Security
Cameras that feature real-time 4K, smart detection and analytics, motorized
varifocal lenses, and ePoE technology - perfect for any business.

Shop Now





WIRED SECURITY

Lorex offers a wide-range of DIY wired CCTV security camera systems that provide
around-the-clock property protection and peace-of-mind. Choose from Wired IP
Security Systems and Wired Analog Security Systems.




IP SECURITY SYSTEMS

Digital IP Systems use Power-over-Ethernet (PoE) cabling to connect IP Cameras
to a Network Video Recorder (NVR). IP Systems feature continuous recording and
the smartest features for professional-grade surveillance.

Shop Now


ANALOG SECURITY SYSTEMS

Analog Security Systems use BNC cabling to connect Analog Cameras to Digital
Video Recorders (DVRs). Analog Systems are a more economical choice for
continuous 24/7 recording.

Shop Now


FUSION SECURITY SYSTEMS

Fusion Recorders (NVRs and DVRs) are able to connect both Wired security cameras
and Wireless Smart Home Cameras through the Lorex Home app. This allows you to
also record wireless cameras around-the-clock.  

Shop Now


NOCTURNAL SECURITY SYSTEMS

Nocturnal Systems comprise of a 16 or 32-channel NVR and Nocturnal IP Security
Cameras that feature real-time 4K, smart detection and analytics, motorized
varifocal lenses, and ePoE technology - perfect for any business.

Shop Now




SELECT A CATEGORY


IP SYSTEMS


ANALOG SYSTEMS


FUSION SYSTEMS


NOCTURNAL SYSTEMS

IP Security Systems
Analog Security Systems
Fusion Security Systems
Nocturnal Security Systems



FUSION SYSTEMS

The best of both worlds! Combine the reliability of Wired Security Cameras with
the flexibility of Smart Home Wi-Fi Cameras on the same system.

Shop Fusion
Learn About Fusion


NOCTURNAL SYSTEMS

Known for their outstanding 4K video quality and night vision performance,
Nocturnal IP security cameras offer the best around-the-clock coverage.

Shop Nocturnal
Learn About Nocturnal


BUILD YOUR OWN BUNDLE

Start Building


BUILD YOUR OWN BUNDLE

Start Building


ACCESSORIES


CABLES


POE SWITCHES


HARD DRIVES


JUNCTION BOXES


MOUNTS AND BRACKETS


POWER ADAPTERS


WARNING DECALS



Filters


Price arrow bottom
$
-
$
Item Status arrow bottom
 * check
   New Arrival (1)
 * check
   Open Box (2)
 * check
   Pre-Order (1)

Power Source arrow bottom
 * check
   Battery (2)
 * check
   Wall Plug-In (1)

Camera Features arrow bottom
 * check
   Pan-Tilt-Zoom (PTZ) (5)
 * check
   Real-Time 4K (30FPS) (1)
 * check
   Smart Deterrence (13)
 * check
   Smart Motion Detection (8)
 * check
   Smart Security Lighting (4)

System Series arrow bottom
 * check
   Fusion (7)
 * check
   Nocturnal 3 (1)
 * check
   Nocturnal 4 (1)
 * check
   Smart Security Lighting (7)

Motion Detection arrow bottom
 * check
   Active View (1)
 * check
   Animal (6)
 * check
   Face (8)
 * check
   General Motion (1)
 * check
   Package (4)
 * check
   Person (12)
 * check
   Vehicle (11)

Color arrow bottom

Installation Type arrow bottom
 * check
   Wi-Fi (2)
 * check
   Wired (15)
 * check
   Wired and Wi-Fi (Fusion) (18)

Number of cameras arrow bottom
 * check
   2 (10)
 * check
   3 (1)
 * check
   4 (19)
 * check
   5 (1)
 * check
   6 (13)
 * check
   7 (1)
 * check
   8 (25)
 * check
   10 (5)
 * check
   12 (12)
 * check
   16 (20)
 * check
   20 (6)
 * check
   24 (10)
 * check
   28 (6)
 * check
   32 (10)

Remote Viewing arrow bottom
 * check
   Lorex App (27)
 * check
   Lorex Cirrus (5)
 * check
   Lorex Cloud (1)
 * check
   Lorex Pro (14)

Environmental Rating arrow bottom
 * check
   IP67 (2)

Storage Size arrow bottom
 * check
   1TB (1)
 * check
   2TB (1)
 * check
   3TB (1)

Audio arrow bottom
 * check
   Listen-In (15)
 * check
   Two-Way (12)

Camera Style arrow bottom
 * check
   Bullet (16)
 * check
   Dome (5)
 * check
   Pan-Tilt-Zoom (6)

Resolution arrow bottom
 * check
   2K (10)
 * check
   4K (17)
 * check
   1080p (2)

Active Deterrence arrow bottom
 * check
   Siren (15)
 * check
   Warning Light (12)

View results


SECURITY CAMERA SYSTEMS

61 products

Showing 1 - 12 of 61 products

Security Camera Systems


filter Filter
Showing 1 - 12 of 61 products
Display: 12 per page arrow bottom
triangle borderless
Display close
12 per page check 24 per page check 36 per page check 48 per page check
Sort bySort by: Price, low to high arrow bottom
triangle borderless
Sort by close
Featured check Best selling check Alphabetically, A-Z check Alphabetically, Z-A
check Price, low to high check Price, high to low check Date, old to new check
Date, new to old check
View grid list

Lorex 2K (8 Camera Capable) Battery-Operated 32GB System with 4 Active
Deterrence and Person Detection Cameras - Open Box L4248D-4AA4-R Open Box
4.7 star rating 244 Reviews



Reg. $449.99Sale price$224.99SAVE $225.00 (50%)

Add to cart Out of stock Quick viewLearn More

Lorex 2K Wire-Free System with 4 Battery-Operated Active Deterrence Cameras and
Person Detection - Open Box L42481-4AA4-R Open Box
5.0 star rating 3 Reviews



Reg. $549.99Sale price$299.99SAVE $250.00 (45%)

Add to cart Out of stock Quick viewLearn More

Lorex 1080p (8 Camera Capable) 1TB Wired DVR System with Analog Security Cameras
D1081-84W
4.8 star rating 94 Reviews




Number of cameras:
4
8
Add to cart Out of stock Quick viewLearn More

Lorex Fusion 4K 16-Camera Capable (8 Wired + 8 Wi-Fi) 2TB NVR System with Bullet
Cameras N4K2-82BB-5
4.9 star rating 20 Reviews



Reg. $474.99Sale price$399.99SAVE $75.00 (16%)
Number of cameras:
2
4
6
8
Color:
Blackcross sold out
Whitecross sold out
Add to cart Out of stock Quick viewLearn More

Lorex Fusion 4K 16-Channel (8 Wired + 8 Wi-Fi) 2TB NVR System with Dome Cameras
featuring Listen-In Audio N4K2-82WD-5
4.8 star rating 5 Reviews



Reg. $474.99Sale price$399.99SAVE $75.00 (16%)
Number of cameras:
2
4
6
8
Add to cart Out of stock Quick viewLearn More

Lorex Fusion DVR with Analog Bullet Cameras - 4K 12-Channel 2TB Wired System
D4K2AD-82-C883-2
4.8 star rating 26 Reviews



Sale price$399.99
Number of cameras:
2
3
4
5
6
7
8
Add to cart Out of stock Quick viewLearn More

Lorex Fusion 4K 16-Channel (8 Wired + 8 Wi-Fi) 2TB NVR System with Dome Cameras
Featuring Smart Deterrence and 2-Way Audio N4K2SD-82WD-5
4.9 star rating 8 Reviews



Reg. $524.99Sale price$419.99SAVE $105.00 (20%)
Number of cameras:
2
4
6
8
Add to cart Out of stock Quick viewLearn More

Mirage Series M5 2K 32GB NVR System with 4 Outdoor Battery Security Cameras
L4248D-4AA4-W
4.7 star rating 244 Reviews



Sale price$449.99

Add to cart Out of stock Quick viewLearn More

Lorex 4K 16-Camera Capable (8 Wired + 8 Fusion Wi-Fi) 2TB Wired NVR System with
IP Dome Cameras featuring Listen-In Audio N4K2-82BD-6 New ArrivalNew ArrivalNew
ArrivalNew Arrival

Reg. $499.99Sale price$449.99SAVE $50.00 (10%)
Number of cameras:
2
4
6
8
Color:
Blackcross sold out
Whitecross sold out
Add to cart Out of stock Quick viewLearn More

Lorex Fusion 4K 16 Camera Capable (8 Wired and 8 Wi-Fi) 2TB Wired NVR System
with Dome Cameras Featuring Smart Security Lighting N4K2SL-82WD-2
4.8 star rating 5 Reviews



Reg. $574.99Sale price$489.99SAVE $85.00 (15%)
Number of cameras:
2
4
6
8
Color:
Whitecross sold out
Blackcross sold out
Add to cart Out of stock Quick viewLearn More

Lorex Fusion 4K 16 Camera Capable (8 Wired and 8 Wi-Fi) 2TB Wired NVR System
with Bullet AI PoE Cameras Featuring Smart Security Lighting N4K2SL-82BB-2
4.8 star rating 4 Reviews



Reg. $574.99Sale price$489.99SAVE $85.00 (15%)
Number of cameras:
2
4
6
8
Add to cart Out of stock Quick viewLearn More

Lorex Fusion 4K 16 Camera Capable (8 Wired and 8 Wi-Fi) 2TB NVR System with Two
2K Pan-Tilt Outdoor Wi-Fi Cameras N847-2OP
4.5 star rating 2 Reviews



Reg. $589.99Sale price$501.49SAVE $88.50 (15%)

Add to cart Out of stock Quick viewLearn More
123…6
Page 1 / 6Next arrow right
close Filters (0)
Clear

Filters

Price
arrow bottom
$
-
$
Item Status
arrow bottom
 * check
   New Arrival (1)
 * check
   Open Box (2)
 * check
   Pre-Order (1)

Power Source
arrow bottom
 * check
   Battery (2)
 * check
   Wall Plug-In (1)

Camera Features
arrow bottom
 * check
   Pan-Tilt-Zoom (PTZ) (5)
 * check
   Real-Time 4K (30FPS) (1)
 * check
   Smart Deterrence (13)
 * check
   Smart Motion Detection (8)
 * check
   Smart Security Lighting (4)

System Series
arrow bottom
 * check
   Fusion (7)
 * check
   Nocturnal 3 (1)
 * check
   Nocturnal 4 (1)
 * check
   Smart Security Lighting (7)

Motion Detection
arrow bottom
 * check
   Active View (1)
 * check
   Animal (6)
 * check
   Face (8)
 * check
   General Motion (1)
 * check
   Package (4)
 * check
   Person (12)
 * check
   Vehicle (11)

Color
arrow bottom
Black
White
Installation Type
arrow bottom
 * check
   Wi-Fi (2)
 * check
   Wired (15)
 * check
   Wired and Wi-Fi (Fusion) (18)

Number of cameras
arrow bottom
 * check
   2 (10)
 * check
   3 (1)
 * check
   4 (19)
 * check
   5 (1)
 * check
   6 (13)
 * check
   7 (1)
 * check
   8 (25)
 * check
   10 (5)
 * check
   12 (12)
 * check
   16 (20)
 * check
   20 (6)
 * check
   24 (10)
 * check
   28 (6)
 * check
   32 (10)

Remote Viewing
arrow bottom
 * check
   Lorex App (27)
 * check
   Lorex Cirrus (5)
 * check
   Lorex Cloud (1)
 * check
   Lorex Pro (14)

Environmental Rating
arrow bottom
 * check
   IP67 (2)

Storage Size
arrow bottom
 * check
   1TB (1)
 * check
   2TB (1)
 * check
   3TB (1)

Audio
arrow bottom
 * check
   Listen-In (15)
 * check
   Two-Way (12)

Camera Style
arrow bottom
 * check
   Bullet (16)
 * check
   Dome (5)
 * check
   Pan-Tilt-Zoom (6)

Resolution
arrow bottom
 * check
   2K (10)
 * check
   4K (17)
 * check
   1080p (2)

Active Deterrence
arrow bottom
 * check
   Siren (15)
 * check
   Warning Light (12)

View results
close
search loader




RECENTLY VIEWED


close
search loader



WHAT IS LOREX KNOWN FOR?

Lorex has been a provider of security cameras and security camera systems for
over 30 years and is one of the most trusted names in the consumer security
industry. We are known worldwide for our top-quality DIY security products that
are both reliable and user-friendly. Lorex products can be purchased in many
retail stores and online, where we offer a vast array of individual products and
security accessories, as well as pre-assembled security camera systems. Lorex
has head offices in Markham, Ontario, Canada and in Linthicum, Maryland, USA. We
also have product warehouses in Markham, Indiana and California.


WHY DO I NEED SECURITY CAMERAS?

Having security cameras for your home or business can provide you with many
benefits. First, having visible security cameras can be an invaluable deterrent
to prevent events before they happen. Second, security cameras from Lorex will
capture high-quality recordings of events that could ultimately be used as
evidence. Third, simply knowing that your security cameras are always there,
along with the ability to remotely connect and see exactly what your cameras are
seeing at any time and from any place, provides you total peace-of-mind.


WHAT TYPES OF SECURITY PRODUCTS DOES LOREX SELL?

Lorex prides ourselves on having a security solution for all types of properties
and scenarios. We sell everything from 32-camera professional-grade wired IP
security systems to easy-to-install wire-free (battery-operated ) security
systems to smart home security products such as Wi-Fi cameras, video doorbells,
floodlight cameras, and even security sensors. Not sure what solution is right
for you? Try our Solutions Finder Tool or check out our Beginner's Guide to
Lorex.


HOW DO I INSTALL SECURITY CAMERAS?

Lorex security cameras and security systems are designed for DIY installation.
The installation depends on the technology that the security camera or system
uses. For example, we have two types of wired security camera systems: IP
security systems and Analog security systems. Both require a cable from the
security camera to a recorder. Wire-Free security cameras, as well as Wi-Fi
security cameras do not require a hardwired connection to a recorder. Rather,
they send their data wirelessly, either to a recorder, hub, or app. The
difference is that Wire-Free cameras are battery-operated and do not need to be
plugged in, while Wi-Fi cameras need to be plugged in or wired into the existing
power connections, as is the case for Wi-Fi security doorbells and floodlight
security cameras. To learn more on security camera installation, please visit
our How to Install Security Cameras article.


WHY BUY SECURITY CAMERAS FROM LOREX?

There are many reasons why buying a Lorex security camera or security camera
system is the right choice. With over 30 years of experience, our technology is
top-of-the-line. We offer the features you need, such as 4K recording, Color
Night Vision, Active Deterrence, and Smart Motion Detection, just to name a few.
There are also never any additional fees after purchase as Lorex products do not
require any monitoring or cloud storage fees. We also offer things such as free
shipping, 1-year warranties, and a 30 day money back guarantee if you're not
satisfied.


HAVE MORE QUESTIONS?

Please see our Frequently Asked Questions article for more information about
Lorex, our products, our technology, or our remote viewing apps.

Learn More


THE LATEST AND GREATEST SECURITY SYSTEMS

We have the best security system for your needs - from the latest Smart Home
Security Systems to easy-to-install Wire-Free Security Systems to economical
wired Analog Security Systems to professional wired IP Security Systems.


DIY HOME SECURITY SYSTEMS

A home security system with cameras will add protection and peace-of-mind.
Choose from a personal smart home security eco-system with the Lorex Smart Home
Security Center, a security system with battery operated security cameras, or a
wired 4K security system.


SECURITY SYSTEM FOR BUSINESS

There are plenty of business security camera systems to choose from - whether
you’re looking for an economical small business security system for your retail
store or need a professional-grade 32-channel NVR security system for your
office building or large facility.


THE BEST SECURITY SYSTEM FEATURES

Continuous 4K recording, easy remote viewing, unbelievable Color Night Vision,
smart motion detection, Active Deterrence, listen-in audio, are just some of the
features that make a Lorex Security System the best.


WIRED OR WIRELESS SECURITY SYSTEMS?

Wired (IP and Analog) security camera systems are capable of recording the
highest resolutions continuously. In a wireless security system, cameras
wirelessly transmit recordings to a recorder or hub - like our Wire-Free
Security Systems or Lorex Smart Home Security Center.


BEST SECURITY CAMERA SYSTEM REVIEWS

Read what others are saying about Lorex video surveillance systems. We have
provided customers with the highest quality DIY security camera systems on the
market for over 30 years.

Learn More About Security Systems



LOREX STORE

arrow bottom
 * Security Camera Systems
 * Security Recorders
 * Security Cameras
 * Smart Home
 * Weatherproof Security Cameras
 * Video Doorbells
 * Accessories (System)
 * Accessories (Smart Home)
 * Top Rated Products


SECURITY SOLUTIONS

arrow bottom
 * Home Solutions
 * Lorex for Business tail right
 * Smart Home Solutions
 * Lorex Solutions Finder
 * Build Your Own Bundle
 * Corporate Purchasing


POLICIES

arrow bottom
 * Terms of Service
 * Privacy Policy
 * Cookie Notice
 * Orders & Shipping
 * Warranty
 * About Sales Tax
 * Accessibility Help
 * California Transparency in Supply Chains Act
 * Do not sell my personal information - CA Residents Only


PRODUCT SUPPORT

arrow bottom
 * Support
 * Warranty Registration
 * Extend Warranty Plans
 * Product Compatibility
 * Lorex Apps & Software
 * Refund policy
 * Glossary
 * Sitemap
 * Terms of Service


LET US HELP YOU

arrow bottom
 * About Lorex
 * Privacy Commitment
 * Security Commitment
 * Newsroom
 * Contact Us
 * Authorized Resellers
 * Professional Installers
 * Become a Partner
 * Careers
 * FAQs


 * youtube
 * facebook
 * x
 * instagram

 * youtube
 * facebook
 * x
 * instagram



Lorex products are designed for consumer and business use only and not for US
federal governments, federally-funded projects or contractors subject to NDAA.

© 2023 Lorex Corporation

Amazon American Express Apple Pay Diners Club Discover Google Pay JCB Maestro
Mastercard PayPal Shop Pay Union Pay Venmo Visa
×

You are now leaving Lorex.com. Would you like to continue to Lorex’s For
Business website?

Continue Cancel
 * Opens in a new window.

×










PRIVACY PREFERENCE CENTER

When you visit any website, it may store or retrieve information on your
browser, mostly in the form of cookies. This information might be about you,
your preferences or your device and is mostly used to make the site work as you
expect it to. The information does not usually directly identify you, but it can
give you a more personalized web experience. Because we respect your right to
privacy, you can choose not to allow some types of cookies. Click on the
different category headings to find out more and change our default settings.
However, blocking some types of cookies may impact your experience of the site
and the services we are able to offer.
More information
Allow All


MANAGE CONSENT PREFERENCES

STRICTLY NECESSARY COOKIES

Always Active

These cookies are necessary for the website to function and cannot be switched
off in our systems. They are usually only set in response to actions made by you
which amount to a request for services, such as setting your privacy
preferences, logging in or filling in forms. You can set your browser to block
or alert you about these cookies, but some parts of the site will not then work.
These cookies do not store any personally identifiable information.

PERFORMANCE COOKIES

Performance Cookies

These cookies allow us to count visits and traffic sources so we can measure and
improve the performance of our site. They help us to know which pages are the
most and least popular and see how visitors move around the site. All
information these cookies collect is aggregated and therefore anonymous. If you
do not allow these cookies we will not know when you have visited our site, and
will not be able to monitor its performance.

FUNCTIONAL COOKIES

Functional Cookies

These cookies enable the website to provide enhanced functionality and
personalisation. They may be set by us or by third party providers whose
services we have added to our pages. If you do not allow these cookies then some
or all of these services may not function properly.

TARGETING COOKIES

Targeting Cookies

These cookies may be set through our site by our advertising partners. They may
be used by those companies to build a profile of your interests and show you
relevant adverts on other sites. They do not store directly personal
information, but are based on uniquely identifying your browser and internet
device. If you do not allow these cookies, you will experience less targeted
advertising.

Back Button Performance Cookies



Vendor Search Search Icon
Filter Icon

Clear
checkbox label label
Apply Cancel
Consent Leg.Interest
checkbox label label
checkbox label label
checkbox label label

Reject All Confirm My Choices


By clicking “Accept All Cookies”, you agree to the storing of cookies on your
device to enhance site navigation, analyze site usage, and assist in our
marketing efforts.

We understand that privacy is important to you. Your privacy is important to us
too. We recently made changes to our Privacy Policy to make it easier for you to
understand how we handle your personal information.

You can review our Privacy Policy here.



Cookies Settings Reject All Accept All Cookies

www.lorex.com Open in urlscan Pro 23.227.38.74 Public Scan

Form analysis 19 forms found in the DOM

POST /contact#newsletter-announcement-bar

GET /search

Name: login — POST

Name: create — POST

POST /cart

POST /cart/add

POST /cart/add

POST /cart/add

POST /cart/add

POST /cart/add

POST /cart/add

POST /cart/add

POST /cart/add

POST /cart/add

POST /cart/add

POST /cart/add

POST /cart/add

Text Content

www.lorex.com Open in urlscan Pro
23.227.38.74 Public Scan

Form analysis
19 forms found in the DOM