<!doctype html>
<html
  
  lang="en"
>
  <head>
    


<meta charset="utf-8">
<meta
  http-equiv="X-UA-Compatible"
  content="IE=edge"
>
<meta
  name="viewport"
  content="width=device-width,initial-scale=1"
>
<meta
  name="theme-color"
  content=""
>

<meta
  property="og:site_name"
  content="Zanotti Armor"
>
<meta
  property="og:url"
  content="https://zanotti-armor.myshopify.com/"
>
<meta
  property="og:title"
  content="Zanotti Armor"
>
<meta
  property="og:type"
  content="website"
>
<meta
  property="og:description"
  content="Zanotti Armor"
><meta
  name="twitter:card"
  content="summary_large_image"
>
<meta
  name="twitter:title"
  content="Zanotti Armor"
>
<meta
  name="twitter:description"
  content="Zanotti Armor"
>

<title>
  Zanotti Armor
</title>

<link
  rel="canonical"
  href="https://zanotti-armor.myshopify.com/"
>


<link href="/cdn/shop/t/4/assets/overflow-list.css?v=16727044177065489451790889264" as="style" rel="preload">
<link href="/cdn/shop/t/4/assets/base.css?v=73872111640315507811790889264" rel="stylesheet" type="text/css" media="all" />
<link href="/cdn/fonts/work_sans/worksans_n4.b7973b3d07d0ace13de1b1bea9c45759cdbe12cf.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
<link href="/cdn/fonts/work_sans/worksans_n5.42fc03d7028ac0f31a2ddf10d4a2904a7483a1c4.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
<link href="/cdn/fonts/lora/lora_n6.3aa87f0c6eaa950e08df0d58173e7c15a64e7088.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
<link href="/cdn/fonts/lora/lora_i4.a5059b22bd0a7547da84d66d2f523d17d17325d3.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">


<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
  {
    "imports": {
      "@theme/overflow-list": "/cdn/shop/t/4/assets/overflow-list.js?v=46858356770684902511790889264",
      "@theme/component": "/cdn/shop/t/4/assets/component.js?v=175690430936884589731790889264",
      "@theme/dialog": "/cdn/shop/t/4/assets/dialog.js?v=144816527575655702281790889264",
      "@theme/events": "/cdn/shop/t/4/assets/events.js?v=99399773727497444581790889264",
      "@shopify/events": "https://cdn.shopify.com/storefront/standard-events.dev.js",
      "@theme/view-event-elements": "/cdn/shop/t/4/assets/view-event-elements.js?v=34258756885466567141790889264",
      "@theme/focus": "/cdn/shop/t/4/assets/focus.js?v=60436577539430446401790889263",
      "@theme/morph": "/cdn/shop/t/4/assets/morph.js?v=182601902166245204061790889264",
      "@theme/paginated-list": "/cdn/shop/t/4/assets/paginated-list.js?v=71290058904108491691790889264",
      "@theme/performance": "/cdn/shop/t/4/assets/performance.js?v=171015751390534793081790889263",
      "@theme/product-form": "/cdn/shop/t/4/assets/product-form.js?v=156247955454460663281790889264",
      "@theme/recently-viewed-products": "/cdn/shop/t/4/assets/recently-viewed-products.js?v=94729125001750262651790889264",
      "@theme/scrolling": "/cdn/shop/t/4/assets/scrolling.js?v=162288454571026455011790889264",
      "@theme/section-renderer": "/cdn/shop/t/4/assets/section-renderer.js?v=44511745960026958271790889264",
      "@theme/section-hydration": "/cdn/shop/t/4/assets/section-hydration.js?v=108434990705342316311790889264",
      "@theme/money-formatting": "/cdn/shop/t/4/assets/money-formatting.js?v=160151249720534550011790889264",
      "@theme/utilities": "/cdn/shop/t/4/assets/utilities.js?v=45418709732381409691790889264",
      "@theme/variant-picker": "/cdn/shop/t/4/assets/variant-picker.js?v=76692244208061220611790889263",
      "@theme/variant-resolution": "/cdn/shop/t/4/assets/variant-resolution.js?v=69293302205961280521790889264",
      "@theme/media-gallery": "/cdn/shop/t/4/assets/media-gallery.js?v=154207211298275592001790889264",
      "@theme/quick-add": "/cdn/shop/t/4/assets/quick-add.js?v=104449947874272868091790889264",
      "@theme/paginated-list-aspect-ratio": "/cdn/shop/t/4/assets/paginated-list-aspect-ratio.js?v=25254270272143792451790889264",
      "@theme/popover-polyfill": "/cdn/shop/t/4/assets/popover-polyfill.js?v=119029313658895111201790889264",
      "@theme/component-quantity-selector": "/cdn/shop/t/4/assets/component-quantity-selector.js?v=67906657287482036641790889264",
      "@theme/comparison-slider": "/cdn/shop/t/4/assets/comparison-slider.js?v=106705562947035711941790889264",
      "@theme/sticky-add-to-cart": "/cdn/shop/t/4/assets/sticky-add-to-cart.js?v=130489688094345781431790889264",
      "@theme/fly-to-cart": "/cdn/shop/t/4/assets/fly-to-cart.js?v=48483246440248933081790889263",
      "@theme/scroll-container": "/cdn/shop/t/4/assets/scroll-container.js?v=127018149358875384221790889264",
      "@theme/theme-drawer": "/cdn/shop/t/4/assets/theme-drawer.js?v=155110645205299884131790889264"
    }
  }
</script><script
  src="/cdn/shop/t/4/assets/standard-actions-override.js?v=171683365447094389611790889264"
  type="module"
></script>

<script
  src="/cdn/shop/t/4/assets/page-view-event.js?v=12823247316348680231790889264"
  type="module"
  defer
></script>

<script
  src="/cdn/shop/t/4/assets/view-transitions.js?v=116552130480572511441790889264"
  async
  
></script>

<link
  rel="modulepreload"
  href="/cdn/shop/t/4/assets/utilities.js?v=45418709732381409691790889264"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="/cdn/shop/t/4/assets/component.js?v=175690430936884589731790889264"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="/cdn/shop/t/4/assets/section-renderer.js?v=44511745960026958271790889264"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="/cdn/shop/t/4/assets/section-hydration.js?v=108434990705342316311790889264"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="/cdn/shop/t/4/assets/morph.js?v=182601902166245204061790889264"
  fetchpriority="low"
>



<link
  rel="modulepreload"
  href="/cdn/shop/t/4/assets/focus.js?v=60436577539430446401790889263"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="/cdn/shop/t/4/assets/recently-viewed-products.js?v=94729125001750262651790889264"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="/cdn/shop/t/4/assets/scrolling.js?v=162288454571026455011790889264"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="/cdn/shop/t/4/assets/events.js?v=99399773727497444581790889264"
  fetchpriority="low"
>
<script
  src="/cdn/shop/t/4/assets/popover-polyfill.js?v=119029313658895111201790889264"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/overflow-list.js?v=46858356770684902511790889264"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/quick-add.js?v=104449947874272868091790889264"
  type="module"
  fetchpriority="low"
></script>

  <script
    src="/cdn/shop/t/4/assets/cart-discount.js?v=138990160074728809221790889264"
    type="module"
    fetchpriority="low"
  ></script>


<script
  src="/cdn/shop/t/4/assets/dialog.js?v=144816527575655702281790889264"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/variant-picker.js?v=76692244208061220611790889263"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/product-card.js?v=80689566448612614681790889263"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/product-form.js?v=156247955454460663281790889264"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/fly-to-cart.js?v=48483246440248933081790889263"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/accordion-custom.js?v=105323356731531709191790889263"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/media.js?v=37825095869491791421790889264"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/product-price.js?v=179333985604099329921790889264"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/product-sku.js?v=28741104639155857071790889264"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/product-inventory.js?v=7173209571153411411790889263"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/show-more.js?v=94563802205717136101790889264"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/slideshow.js?v=28306258147874261831790889264"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/layered-slideshow.js?v=30135417790894624731790889263"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/anchored-popover.js?v=143987075196095667371790889264"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/floating-panel.js?v=151277338116891310371790889264"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/video-background.js?v=25237992823806706551790889264"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/component-quantity-selector.js?v=67906657287482036641790889264"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/media-gallery.js?v=154207211298275592001790889264"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/rte-formatter.js?v=40306132146590816021790889264"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/volume-pricing.js?v=15442793518842484731790889264"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/price-per-item.js?v=115937180292451397851790889263"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/volume-pricing-info.js?v=94479640769665442661790889264"
  type="module"
  fetchpriority="low"
></script>





<script
  src="/cdn/shop/t/4/assets/auto-close-details.js?v=58350291535404441581790889264"
  defer="defer"
></script>

<script>
  const Theme = {
    translations: {
      placeholder_image: `Placeholder image`,
      added: `Added`,
      recipient_form_fields_visible: `Recipient form fields are now visible`,
      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
      recipient_form_error: `There was an error with the form submission`,
      items_added_to_cart_one: `1 item added to cart`,
      items_added_to_cart_other: `{{ count }} items added to cart`,
      cart_count: `Total items in cart`,
    },
    routes: {
      cart_add_url: '/cart/add.js',
      cart_change_url: '/cart/change',
      cart_update_url: '/cart/update',
      cart_url: '/cart',
      predictive_search_url: '/search/suggest',
      search_url: '/search',
    },
    template: {
      name: 'index',
    },
  };
</script>
<style data-shopify>
@font-face {
  font-family: "Work Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/cdn/fonts/work_sans/worksans_n4.b7973b3d07d0ace13de1b1bea9c45759cdbe12cf.woff2") format("woff2"),
       url("/cdn/fonts/work_sans/worksans_n4.cf5ceb1e6d373a9505e637c1aff0a71d0959556d.woff") format("woff");
}
@font-face {
  font-family: "Work Sans";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/cdn/fonts/work_sans/worksans_n7.e2cf5bd8f2c7e9d30c030f9ea8eafc69f5a92f7b.woff2") format("woff2"),
       url("/cdn/fonts/work_sans/worksans_n7.20f1c80359e7f7b4327b81543e1acb5c32cd03cd.woff") format("woff");
}
@font-face {
  font-family: "Work Sans";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("/cdn/fonts/work_sans/worksans_i4.16ff51e3e71fc1d09ff97b9ff9ccacbeeb384ec4.woff2") format("woff2"),
       url("/cdn/fonts/work_sans/worksans_i4.ed4a1418cba5b7f04f79e4d5c8a5f1a6bd34f23b.woff") format("woff");
}
@font-face {
  font-family: "Work Sans";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("/cdn/fonts/work_sans/worksans_i7.7cdba6320b03c03dcaa365743a4e0e729fe97e54.woff2") format("woff2"),
       url("/cdn/fonts/work_sans/worksans_i7.42a9f4016982495f4c0b0fb3dc64cf8f2d0c3eaa.woff") format("woff");
}
@font-face {
  font-family: "Work Sans";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("/cdn/fonts/work_sans/worksans_n5.42fc03d7028ac0f31a2ddf10d4a2904a7483a1c4.woff2") format("woff2"),
       url("/cdn/fonts/work_sans/worksans_n5.1f79bf93aa21696aa0428c88e39fb9f946295341.woff") format("woff");
}
@font-face {
  font-family: "Work Sans";
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("/cdn/fonts/work_sans/worksans_i5.0097f7572bdd2a30d202a52c1764d831015aa312.woff2") format("woff2"),
       url("/cdn/fonts/work_sans/worksans_i5.a4fa6fa0f90748be4cee382c79d6624ea9963ef1.woff") format("woff");
}
@font-face {
  font-family: Lora;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("/cdn/fonts/lora/lora_n6.3aa87f0c6eaa950e08df0d58173e7c15a64e7088.woff2") format("woff2"),
       url("/cdn/fonts/lora/lora_n6.802008a8ae62702ea355fc39db9f73dde0bee416.woff") format("woff");
}
@font-face {
  font-family: Lora;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/cdn/fonts/lora/lora_n7.58a834e7e54c895806b2ffc982e4a00af29b1b9c.woff2") format("woff2"),
       url("/cdn/fonts/lora/lora_n7.05fdf76140ca6e72e48561caf7f9893c487c3f1b.woff") format("woff");
}
@font-face {
  font-family: Lora;
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  src: url("/cdn/fonts/lora/lora_i6.045fd1dfebc46698ed5ae1777a7f041abaf5893f.woff2") format("woff2"),
       url("/cdn/fonts/lora/lora_i6.dc9a8cad4135d04cc59992b2c00144c5257d0954.woff") format("woff");
}
@font-face {
  font-family: Lora;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("/cdn/fonts/lora/lora_i7.1bf76118f47019e7581a865f0f538b8ea5900419.woff2") format("woff2"),
       url("/cdn/fonts/lora/lora_i7.1a7c7f083405ec98e57d8033d38caa748580f7ff.woff") format("woff");
}
@font-face {
  font-family: Lora;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("/cdn/fonts/lora/lora_i4.a5059b22bd0a7547da84d66d2f523d17d17325d3.woff2") format("woff2"),
       url("/cdn/fonts/lora/lora_i4.cb2d2ab46128fa7f84060d5f92cf3f49dc8181bd.woff") format("woff");
}


  :root {
    /* Page Layout */
    --sidebar-width: 25rem;
    --theme-drawer-width: 30rem;
    --narrow-content-width: 36rem;
    --normal-content-width: 42rem;
    --wide-content-width: 46rem;
    --narrow-page-width: 90rem;
    --normal-page-width: 120rem;
    --wide-page-width: 150rem;

    /* Section Heights */
    --section-height-small: 15rem;
    --section-height-medium: 25rem;
    --section-height-large: 35rem;

    @media screen and (min-width: 40em) {
      --section-height-small: 40svh;
      --section-height-medium: 55svh;
      --section-height-large: 70svh;
    }

    @media screen and (min-width: 60em) {
      --section-height-small: 50svh;
      --section-height-medium: 65svh;
      --section-height-large: 80svh;
    }

    /* Letter spacing */
    --letter-spacing-sm: 0.06em;
    --letter-spacing-md: 0.13em;

    /* Font families */
    --font-body--family: "Work Sans", sans-serif;
    --font-body--style: normal;
    --font-body--weight: 400;
    --font-subheading--family: "Work Sans", sans-serif;
    --font-subheading--style: normal;
    --font-subheading--weight: 500;
    --font-heading--family: Lora, serif;
    --font-heading--style: normal;
    --font-heading--weight: 600;
    --font-accent--family: Lora, serif;
    --font-accent--style: italic;
    --font-accent--weight: 400;

    /* Margin sizes */
    --font-heading--spacing: 0.25em;
    --font-h1--spacing: var(--font-heading--spacing);
    --font-h2--spacing: var(--font-heading--spacing);
    --font-h3--spacing: var(--font-heading--spacing);
    --font-h4--spacing: var(--font-heading--spacing);
    --font-h5--spacing: var(--font-heading--spacing);
    --font-h6--spacing: var(--font-heading--spacing);
    --font-paragraph--spacing: 0.5em;

    /** Z-Index / Layering */
    --layer-section-background: -2;
    --layer-lowest: -1;
    --layer-base: 0;
    --layer-flat: 1;
    --layer-raised: 2;
    --layer-heightened: 4;
    --layer-sticky: 8;
    --layer-window-overlay: 10;
    --layer-header-menu: 12;
    --layer-overlay: 16;
    --layer-menu-drawer: 18;
    --layer-temporary: 20;

    /* Max-width / Measure */
    --max-width--body-normal: 32.5em;
    --max-width--body-narrow: 22.75em;

    --max-width--heading-normal: 32.5em;
    --max-width--heading-narrow: 19.5em;

    --max-width--display-normal: 13em;
    --max-width--display-narrow: 9.75em;
    --max-width--display-tight: 3.25em;

    /* Letter-spacing / Tracking */
    --letter-spacing--display-tight: -0.03em;
    --letter-spacing--display-normal: 0em;
    --letter-spacing--display-loose: 0.03em;

    --letter-spacing--heading-tight: -0.03em;
    --letter-spacing--heading-normal: 0em;
    --letter-spacing--heading-loose: 0.03em;

    --letter-spacing--body-tight: -0.03em;
    --letter-spacing--body-normal: 0em;
    --letter-spacing--body-loose: 0.03em;

    /* Line height / Leading */
    --line-height: 1;

    --line-height--display-tight: 1;
    --line-height--display-normal: 1.1;
    --line-height--display-loose: 1.2;

    --line-height--heading-tight: 1.15;
    --line-height--heading-normal: 1.25;
    --line-height--heading-loose: 1.35;

    --line-height--body-tight: 1.2;
    --line-height--body-normal: 1.4;
    --line-height--body-loose: 1.6;

    /* Typography presets */
    --font-size--paragraph: 1.0rem;--font-size--h1: clamp(2.75rem, 5.6vw, 3.5rem);--font-size--h2: 2.5rem;--font-size--h3: 2.0rem;--font-size--h4: 1.25rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-tight);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-loose);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: uppercase;--font-h6--line-height: var(--line-height--display-loose);

    /* Hardcoded font sizes */
    --font-size--3xs: 0.625rem;
    --font-size--2xs: 0.75rem;
    --font-size--xs: 0.8125rem;
    --font-size--sm: 0.875rem;
    --font-size--md: 1rem;
    --font-size--lg: 1.125rem;
    --font-size--xl: 1.25rem;
    --font-size--2xl: 1.5rem;
    --font-size--3xl: 2rem;
    --font-size--4xl: 2.5rem;
    --font-size--5xl: 3rem;
    --font-size--6xl: 3.5rem;

    /* Menu font sizes */
    --menu-font-sm--size: 0.875rem;
    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
    --menu-font-md--size: 1rem;
    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
    --menu-font-lg--size: 1.125rem;
    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
    --menu-font-xl--size: 1.25rem;
    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
    --menu-font-2xl--size: 1.75rem;
    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));

    /* Colors */
    --color-error: #8B0000;
    --color-success: #006400;
    --color-white: #FFFFFF;
    --color-white-rgb: 255 255 255;
    --color-black: #000000;
    --color-instock: #3ED660;
    --color-lowstock: #EE9441;
    --color-outofstock: #C8C8C8;

    /* Opacity */
    --opacity-5: 0.05;
    --opacity-8: 0.08;
    --opacity-10: 0.1;
    --opacity-15: 0.15;
    --opacity-20: 0.2;
    --opacity-25: 0.25;
    --opacity-30: 0.3;
    --opacity-40: 0.4;
    --opacity-50: 0.5;
    --opacity-60: 0.6;
    --opacity-70: 0.7;
    --opacity-80: 0.8;
    --opacity-85: 0.85;
    --opacity-90: 0.9;
    --opacity-subdued-text: 0.8;
    --opacity-muted-text: 0.6;

    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);

    /* Spacing */
    --margin-3xs: 0.125rem;
    --margin-2xs: 0.3rem;
    --margin-xs: 0.5rem;
    --margin-sm: 0.7rem;
    --margin-md: 0.8rem;
    --margin-lg: 1rem;
    --margin-xl: 1.25rem;
    --margin-2xl: 1.5rem;
    --margin-3xl: 1.75rem;
    --margin-4xl: 2rem;
    --margin-5xl: 3rem;
    --margin-6xl: 5rem;

    --scroll-margin: 50px;

    --padding-3xs: 0.125rem;
    --padding-2xs: 0.25rem;
    --padding-xs: 0.5rem;
    --padding-sm: 0.7rem;
    --padding-md: 0.8rem;
    --padding-lg: 1rem;
    --padding-xl: 1.25rem;
    --padding-2xl: 1.5rem;
    --padding-3xl: 1.75rem;
    --padding-4xl: 2rem;
    --padding-5xl: 3rem;
    --padding-6xl: 4rem;

    --gap-3xs: 0.125rem;
    --gap-2xs: 0.3rem;
    --gap-xs: 0.5rem;
    --gap-sm: 0.7rem;
    --gap-md: 0.9rem;
    --gap-lg: 1rem;
    --gap-xl: 1.25rem;
    --gap-2xl: 2rem;
    --gap-3xl: 3rem;

    --spacing-scale-sm: 0.6;
    --spacing-scale-md: 0.7;
    --spacing-scale-default: 1.0;

    /* Checkout buttons gap */
    --checkout-button-gap: 10px;

    /* Borders */
    --style-border-width: 1px;
    --style-border-radius-xs: 0.2rem;
    --style-border-radius-sm: 0.6rem;
    --style-border-radius-md: 0.8rem;
    --style-border-radius-50: 50%;
    --style-border-radius-lg: 1rem;
    --style-border-radius-pills: 40px;
    --style-border-radius-inputs: 2px;
    --style-border-radius-buttons-primary: 2px;
    --style-border-radius-buttons-secondary: 2px;
    --style-border-width-primary: 1px;
    --style-border-width-secondary: 1px;
    --style-border-width-inputs: 1px;
    --style-border-radius-popover: 2px;
    --style-border-popover: 0px solid #2a2119;
    --style-border-drawer: 1px solid #2a2119;
    --style-border-swatch-opacity: 10%;
    --style-border-swatch-width: 1px;
    --style-border-swatch-style: solid;

    /* Animation */
    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --animation-speed-fast: 0.0625s;
    --animation-speed: 0.125s;
    --animation-speed-slow: 0.2s;
    --animation-speed-medium: 0.15s;
    --animation-easing: ease-in-out;
    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
    --drawer-animation-speed: 0.2s;
    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
    --animation-values: var(--animation-speed) var(--animation-easing);
    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
    --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
    --spring-d300-b0-duration: 0.4980s;
    --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
    --spring-d280-b0-duration: 0.4648s;
    --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
    --spring-d260-b0-duration: 0.4316s;
    --spring-d220-b0-easing: linear(
      0,
      0.0093 1.37%,
      0.0696 4.12%,
      0.4667 15.09%,
      0.6322 20.58%,
      0.6986 23.32%,
      0.7793 27.44%,
      0.8219 30.18%,
      0.8721,
      0.9089 38.42%,
      0.9427,
      0.9644,
      0.978 54.88%,
      0.9881 61.74%,
      0.9944 69.97%,
      0.998 80.95%,
      0.9996 98.78%
    );
    --spring-d220-b0-duration: 0.3818s;
    --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
    --spring-d180-b0-duration: 0.2988s;

    /* View transitions */
    /* View transition old */
    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;

    /* View transition new */
    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;

    /* Focus */
    --focus-outline-width: 0.09375rem;
    --focus-outline-offset: 0.2em;

    /* Badges */
    --badge-blob-padding-block: 1px;
    --badge-blob-padding-inline: 12px 8px;
    --badge-rectangle-padding-block: 1px;
    --badge-rectangle-padding-inline: 6px;
    @media screen and (min-width: 750px) {
      --badge-blob-padding-block: 4px;
      --badge-blob-padding-inline: 16px 12px;
      --badge-rectangle-padding-block: 4px;
      --badge-rectangle-padding-inline: 10px;
    }

    /* Icons */
    --icon-size-2xs: 0.6rem;
    --icon-size-xs: 0.85rem;
    --icon-size-sm: 1.25rem;
    --icon-size-md: 1.375rem;
    --icon-size-lg: 1.5rem;
    --icon-stroke-width: 1.5px;

    /* Input */
    --input-email-min-width: 200px;
    --input-search-max-width: 650px;
    --input-padding-y: 0.8rem;
    --input-padding-x: 0.8rem;
    --input-padding: var(--input-padding-y) var(--input-padding-x);
    --input-box-shadow-width: var(--style-border-width-inputs);
    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
    --input-textarea-min-height: 55px;

    /* Checkbox */
    --checkbox-size: 22px;
    --checkbox-border-radius: 7px;
    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
    --checkbox-label-padding: 8px;

    @media screen and (min-width: 750px) {
      --checkbox-size: 16px;
      --checkbox-border-radius: 5px;
      --checkbox-label-padding: 6px;
    }

    /* Button size */
    --button-size-sm: 30px;
    --button-size-md: 36px;
    --button-size: var(--minimum-touch-target);
    --button-padding-inline: 24px;
    --button-padding-block: 16px;

    /* Button font-family */
    --button-font-family-primary: var(--font-body--family);
    --button-font-family-secondary: var(--font-body--family);

    /* Button text case */
    --button-text-case: ;
    --button-text-case-primary: default;
    --button-text-case-secondary: default;

    /* Borders */
    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
    --border-width-sm: 1px;
    --border-width-md: 2px;
    --border-width-lg: 5px;
    --border-radius-sm: 0.25rem;

    /* Drawers */
    --drawer-inline-padding: 25px;
    --drawer-menu-inline-padding: 2.5rem;
    --drawer-header-block-padding: 20px;
    --drawer-content-block-padding: 10px;
    --drawer-header-desktop-top: 0rem;
    --drawer-padding: calc(var(--padding-sm) + 7px);
    --drawer-height: 100dvh;
    --drawer-width: 95vw;
    --drawer-max-width: 500px;

    /* Variant Picker Swatches */
    --variant-picker-swatch-width-unitless: 34;
    --variant-picker-swatch-height-unitless: 34;
    --variant-picker-swatch-width: 34px;
    --variant-picker-swatch-height: 34px;
    --variant-picker-swatch-radius: 32px;
    --variant-picker-border-width: 1px;
    --variant-picker-border-style: solid;
    --variant-picker-border-opacity: 10%;

    /* Variant Picker Buttons */
    --variant-picker-button-radius: 2px;
    --variant-picker-button-border-width: 1px;
    --variant-option-label-color: var(--color, var(--color-foreground));

    /* Slideshow */
    --slideshow-controls-size: 3.5rem;
    --slideshow-controls-icon: 2rem;
    --peek-next-slide-size: 3rem;

    /* Utilities */
    --backdrop-opacity: 0.15;
    --backdrop-color-rgb: var(--color-shadow-rgb);
    --minimum-touch-target: 44px;
    --disabled-opacity: 0.5;
    --skeleton-opacity: 0.025;

    /* Shapes */
    --shape--circle: circle(50% at center);
    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);

    /* Buy buttons */
    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));

    /* Card image width and height variables */
    --card-width-small: 10rem;

    --height-small: 10rem;
    --height-medium: 11.5rem;
    --height-large: 13rem;
    --height-full: 100vh;

    @media screen and (min-width: 750px) {
      --height-small: 17.5rem;
      --height-medium: 21.25rem;
      --height-large: 25rem;
    }

    /* Modal */
    --modal-max-height: 65dvh;
    --quick-add-modal-height: min(38.5rem, 96vh);
    --quick-add-modal-width: min(54rem, 96vw);
    --quick-add-modal-gallery-width: 24rem;

    /* Card styles for search */
    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));

    /* Cart */
    --cart-primary-font-family: var(--font-body--family);
    --cart-primary-font-style: var(--font-body--style);
    --cart-primary-font-weight: var(--font-body--weight);
    --cart-secondary-font-family: var(--font-subheading--family);
    --cart-secondary-font-style: var(--font-subheading--style);
    --cart-secondary-font-weight: var(--font-subheading--weight);
  }
</style>






  <style data-shopify>
    .color-custom-popover,
    .color-custom-popover .text-block {
      /* Background */
      --color-background: #f6f1e7;
      --color-background-rgb: 246 241 231;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: #2a2119;
        --color-rgb: 42 33 25;
        --color-foreground: #2a2119;
        --color-foreground-rgb: 42 33 25;
        --color-foreground-muted: rgb(42 33 25 / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(42 33 25 / var(--opacity-subdued-text));
        --color-border: #2a2119;
        --color-border-rgb: 42 33 25;
      
    }

    
      .color-custom-popover {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(42 33 25 / var(--opacity-10));
        --input-disabled-border-color: rgb(42 33 25 / var(--opacity-5));
        --input-disabled-text-color: rgb(42 33 25 / var(--opacity-50));
        --checkbox-border: 1px solid rgb(42 33 25 / var(--opacity-35-55));
      }
    

    .color-custom-popover {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  </style>








  <style data-shopify>
    .color-custom-drawer,
    .color-custom-drawer .text-block {
      /* Background */
      --color-background: #f6f1e7;
      --color-background-rgb: 246 241 231;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: #2a2119;
        --color-rgb: 42 33 25;
        --color-foreground: #2a2119;
        --color-foreground-rgb: 42 33 25;
        --color-foreground-muted: rgb(42 33 25 / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(42 33 25 / var(--opacity-subdued-text));
        --color-border: #2a2119;
        --color-border-rgb: 42 33 25;
      
    }

    
      .color-custom-drawer {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(42 33 25 / var(--opacity-10));
        --input-disabled-border-color: rgb(42 33 25 / var(--opacity-5));
        --input-disabled-text-color: rgb(42 33 25 / var(--opacity-50));
        --checkbox-border: 1px solid rgb(42 33 25 / var(--opacity-35-55));
      }
    

    .color-custom-drawer {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  </style>








  <style data-shopify>
    .color-custom-badge-sale,
    .color-custom-badge-sale .text-block {
      /* Background */
      --color-background: #2a2119;
      --color-background-rgb: 42 33 25;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60:
0.6; --opacity-30-60: 0.6; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: var(--palette-lightest);
        --color-rgb: var(--palette-lightest-rgb);
        --color-foreground: var(--palette-lightest);
        --color-foreground-rgb: var(--palette-lightest-rgb);
        --color-foreground-muted: rgb(var(--palette-lightest-rgb) / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(var(--palette-lightest-rgb) / var(--opacity-subdued-text));
        --color-border: var(--palette-lightest);
        --color-border-rgb: var(--palette-lightest-rgb);
      
    }

    
      .color-custom-badge-sale {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(var(--palette-lightest-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--palette-lightest-rgb) / var(--opacity-5));
        --input-disabled-text-color: rgb(var(--palette-lightest-rgb) / var(--opacity-50));
        --checkbox-border: 1px solid rgb(var(--palette-lightest-rgb) / var(--opacity-35-55));
      }
    

    .color-custom-badge-sale {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  </style>








  <style data-shopify>
    .color-custom-badge-sold-out,
    .color-custom-badge-sold-out .text-block {
      /* Background */
      --color-background: #efe7d8;
      --color-background-rgb: 239 231 216;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: #2a2119;
        --color-rgb: 42 33 25;
        --color-foreground: #2a2119;
        --color-foreground-rgb: 42 33 25;
        --color-foreground-muted: rgb(42 33 25 / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(42 33 25 / var(--opacity-subdued-text));
        --color-border: #2a2119;
        --color-border-rgb: 42 33 25;
      
    }

    
      .color-custom-badge-sold-out {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(42 33 25 / var(--opacity-10));
        --input-disabled-border-color: rgb(42 33 25 / var(--opacity-5));
        --input-disabled-text-color: rgb(42 33 25 / var(--opacity-50));
        --checkbox-border: 1px solid rgb(42 33 25 / var(--opacity-35-55));
      }
    

    .color-custom-badge-sold-out {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  </style>


















<style data-shopify>
  /* Palette colors */
  :root {
    --color-background: #f6f1e7;
    --color-background-rgb: 246 241 231;
    --color-foreground: #2a2119;
    --color-foreground-rgb: 42 33 25;
    --color-border: #2a2119;
    --color-border-rgb: 42 33 25;
    --palette-lightest: #fff9ef;
    --palette-lightest-rgb: 255 249 239;
    --palette-darkest: #241b15;
    --palette-darkest-rgb: 36 27 21;
    
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;


    --color-primary-button-text: rgb(246 241 231 / 1.0);
    --color-primary-button-background: rgb(138 42 31 / 1.0);
    --color-primary-button-border: rgb(138 42 31 / 1.0);
    --color-primary-button-focus-outline: rgb(138 42 31);
    --color-primary-button-hover-text: rgb(255 249 239 / 1.0);
    --color-primary-button-hover-background: #9f3024;
    --color-primary-button-hover-border: #9f3024;

    --color-secondary-button-text: rgb(42 33 25 / 1.0);
    --color-secondary-button-background: rgb(0 0 0 / 0.0);
    --color-secondary-button-border: rgb(42 33 25 / 1.0);
    --color-secondary-button-hover-text: rgb(42 33 25 / 1.0);
    --color-secondary-button-hover-background: rgba(0, 0, 0, 0.15);
    --color-secondary-button-hover-border: #5a4736;

    --color-input-background: rgb(246 241 231 / 1.0);
    --color-input-text: rgb(42 33 25 / 1.0);
    --color-input-text-rgb: 42 33 25;
    --color-input-border: rgb(205 199 190 / 1.0);

    --color-variant-background: rgb(246 241 231 / 1.0);
    --color-variant-border: rgb(205 199 190 / 1.0);
    --color-variant-text: rgb(42 33 25 / 1.0);
    --color-variant-text-rgb: 42 33 25;
    --color-variant-hover-background: #efe6d4;
    --color-variant-hover-text: rgb(36 27 21 / 1.0);
    --color-variant-hover-border: #c2bbb0;

    --color-selected-variant-background: rgb(42 33 25 / 1.0);
    --color-selected-variant-border: rgb(42 33 25 / 1.0);
    --color-selected-variant-text: rgb(246 241 231 / 1.0);
    --color-selected-variant-text-rgb: 246 241 231;
    --color-selected-variant-hover-background: #5a4736;
    --color-selected-variant-hover-text: rgb(255 249 239 / 1.0);
    --color-selected-variant-hover-border: #5a4736;

    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
    --color-foreground-muted: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-muted-text));
    --color-foreground-subdued: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-subdued-text));
    --color-drawer-shadow-rgb: ;
    --color-popover-shadow-rgb: 42 33 25;

    /* Shadows */
    
    
      --shadow-blur: 20px;
      --shadow-popover: 0px 4px 20px rgb(var(--color-popover-shadow-rgb) / var(--opacity-15));
    
  }

  body {
    color: var(--color-foreground);
    background-color: var(--color-background);
  }
</style>

<style data-shopify>
@font-face {
  font-family: "Work Sans";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("/cdn/fonts/work_sans/worksans_n6.75811c3bd5161ea6e3ceb2d48ca889388f9bd5fe.woff2") format("woff2"),
       url("/cdn/fonts/work_sans/worksans_n6.defcf26f28f3fa3df4555714d3f2e0f1217d7772.woff") format("woff");
}

@font-face {
  font-family: Lora;
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("/cdn/fonts/lora/lora_i5.9c1ca8d88d18137812cdcd984d7d7f842728688a.woff2") format("woff2"),
       url("/cdn/fonts/lora/lora_i5.ed24366fac30370c42ac2ed86afc890ff4603855.woff") format("woff");
}

:root {
    --za-color-background: #f6f1e7;
    --za-color-background-rgb: 246 241 231;
    --za-color-off-white: #fff9ef;
    --za-color-surface: #efe7d8;
    --za-color-surface-deep: #e9e0cd;
    --za-color-dark: #241b15;
    --za-color-text: #2a2119;
    --za-color-text-rgb: 42 33 25;
    --za-color-primary: #8a2a1f;
    --za-color-primary-hover: #6e2118;
    --za-color-accent: #96742a;
    --za-color-accent-light: #c9a24a;

    /* one easing curve and one duration scale for the whole site */
    --za-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --za-duration-fast: 0.3s;
    --za-duration-base: 0.5s;
    --za-duration-slow: 0.6s;
    --za-radius: 2px;

    /* Header logo sizes (Theme settings > Logo) and the scale used while the header is stuck */
    --za-logo-height: 104px;
    --za-logo-height-mobile: 80px;
    --za-logo-stuck-scale: 0.625;
    /* Phone/drawer bar has a 60px minimum for the logo area, so shrinking the logo below that saves nothing */
    --za-logo-stuck-scale-mobile: 0.75;
    --za-eyebrow-letter-spacing: 0.1em;
    --za-eyebrow-size: 0.8125rem;

    /* Brand hover states (Horizon would otherwise auto-shift the base color) */
    --color-primary-button-hover-background: #6e2118;
    --color-primary-button-hover-border: #6e2118;
    --color-primary-button-hover-text: #f6f1e7;
    --color-secondary-button-hover-background: #2a2119;
    --color-secondary-button-hover-border: #2a2119;
    --color-secondary-button-hover-text: #f6f1e7;
  }
</style>
<link href="/cdn/shop/t/4/assets/zanotti.css?v=35811412434664007201790889263" rel="stylesheet" type="text/css" media="all" />
    <script src="/cdn/shop/t/4/assets/za-reveal.js?v=81510167262020635061790889263" type="module" fetchpriority="low"></script>

    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/102623903925/digital_wallets/dialog">
<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<script id="shopify-features" type="application/json">{"accessToken":"e9d836486616cd6b6034006c515d5a97","betas":["rich-media-storefront-analytics"],"domain":"zanotti-armor-brc2rad1.myshopify.com","predictiveSearch":true,"shopId":102623903925,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "zanotti-armor-brc2rad1.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Development (91e2f9-hal-server-838043)","id":194136965301,"schema_name":"Horizon","schema_version":"4.1.3","theme_store_id":null,"role":"development"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "zanotti-armor-brc2rad1.myshopify.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.previewMode = true;
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");

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

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
</script>
<script id="hot-reload-client" src="/cdn/shopifycloud/theme-hot-reload/theme-hot-reload.js" defer crossorigin></script>
<script id="__st">var __st={"a":102623903925,"offset":-14400,"reqid":"c66de597-fc87-9d83-b0de-1aa37d8aebe4-1791560496","pageurl":"zanotti-armor-brc2rad1.myshopify.com\/?_fd=0\u0026pb=0","u":"9aa944391b9f","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script><script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.MCP = window.Shopify.MCP || {};
  window.Shopify.MCP.enabled = true;
  window.Shopify.MCP.shop = "zanotti-armor-brc2rad1.myshopify.com";
  window.Shopify.MCP.mcpEndpoint = "https:\/\/zanotti-armor-brc2rad1.myshopify.com\/api\/mcp";
  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
</script>
<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/zanotti-armor-brc2rad1.myshopify.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-f427de6a.js","sha256-ypGF+5vIq4Psw4WG7nsVtdd\/TCfsJWnrNuACdqLCElY=");})();
</script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<link rel="stylesheet" media="screen" href="/cdn/shop/t/4/compiled_assets/styles.css?v=74034325279861860591790889273">
<script id="sections-script" data-sections="za-hero-cinematic,za-video-feature,za-reels-rail" defer="defer" src="/cdn/shop/t/4/compiled_assets/scripts.js?v=127408379494949106861790889273"></script>
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 102623903925,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 102623903925,storefrontBaseUrl: "https://zanotti-armor.myshopify.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://zanotti-armor-brc2rad1.myshopify.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab"],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Zanotti Armor","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"zanotti-armor-brc2rad1.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/zanotti-armor.myshopify.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"10604957565109","handle":"x1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53303912005813","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10604957958325","handle":"z1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53303912562869","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10604958023861","handle":"z2-5ft","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53303912628405","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10604958187701","handle":"z2-6ft","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53303913218229","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10604958351541","handle":"z3-5ft","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53303913447605","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10604958449845","handle":"z3-6ft","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53303913545909","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10604957335733","handle":"v1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53303911284917","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10604958711989","handle":"dehumidifier-12-long","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53303914037429","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10604958548149","handle":"dehumidifier-18-long","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53303913873589","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10604958810293","handle":"handgun-hangers-pkg-of-4","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53303914201269","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10612153155765","handle":"key-lock-on-dial","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53371693465781","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://zanotti-armor-brc2rad1.myshopify.com/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"pixelHelper":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"194136965301","themePublished":"false","eventMetadataId":"9d4a3c87-1dd5-4052-957f-694eae60a490","pageType":"home","shopId":"102623903925","storefrontBaseUrl":"https:\/\/zanotti-armor.myshopify.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"page":{"pageType":"home","requestId":"c66de597-fc87-9d83-b0de-1aa37d8aebe4-1791560496"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

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

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

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

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

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

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

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

        } // XHR beacon

        var xhr = new XMLHttpRequest();

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

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

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

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":102623903925,"isMerchantRequest":null,"themeId":194136965301,"themeCityHash":"782746767686166417","contentLanguage":"en","currency":"USD","eventMetadataId":"9d4a3c87-1dd5-4052-957f-694eae60a490"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

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

      window.ShopifyAnalytics.lib = window.trekkie;

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

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

    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"c66de597-fc87-9d83-b0de-1aa37d8aebe4-1791560496","shopifyEmitted":true});

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
  src="/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.1.min.js"
  data-application="storefront-renderer"
  data-shop-id="102623903925"
  data-render-region="gcp-us-central1"
  data-page-type="index"
  data-theme-instance-id="194136965301"
  data-theme-name="Horizon"
  data-theme-version="4.1.3"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="/api/collect"
></script>
<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script><script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"102623903925","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.loading","value":"Loading"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"US","language":"en"}}</script>
<meta name="shopify-y" content="c5e4c555-1ba1-4183-bb2a-a40e41d7374a" data-expiration="1823118096000"><meta name="shopify-s" content="7c2f6954-d01f-4f5a-9b4f-a25e204c2fcd" data-expiration="1791562296000"></head>

  <body class="page-width-narrow card-hover-effect-none">
    <a
  class="skip-to-content-link button-secondary"
  href="#MainContent"
>
  Skip to content
</a>




    

<theme-drawer id="chat-drawer">
  <dialog
    ref="panel"
    class="theme-drawer__dialog chat-drawer"
  >
    <shopify-chat
      mode="standalone"
      mode-switch
    ></shopify-chat>
  </dialog>
</theme-drawer>

<script type="module">
  const chatDrawer = document.querySelector('#chat-drawer');
  const shopifyChat = document.querySelector('shopify-chat');

  document.addEventListener('theme-drawer:open', (event) => {
    if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return;
    shopifyChat?.setAttribute('mode', 'managed');
  });

  document.addEventListener('theme-drawer:close', (event) => {
    if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return;
    // If mode is still managed, this is a theme-initiated close (backdrop /
    // Escape) — close the chat so the FAB appears. If mode is already
    // standalone, the close was triggered by an undock (enter-standalone sets
    // mode before closing the drawer) — leave the chat open as a floating panel.
    if (shopifyChat?.getAttribute('mode') === 'managed') {
      shopifyChat?.removeAttribute('open');
    }
    shopifyChat?.setAttribute('mode', 'standalone');
  });

  document.addEventListener('shopify-chat:enter-managed', () => {
    // Captured at event-fire time — the dock-transition animation hint below
    // depends on state as it was when the event was dispatched.
    const isStandaloneAndOpen = shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone';

    // The activator-click path (FAB click on desktop with stored
    // preferredMode=managed) dispatches enter-managed *before* calling show(),
    // so the chat's `open` attribute at event time understates the imminent
    // outcome. Defer to a microtask: by then show() (if any) has run, and we
    // can distinguish the viewport-driven mobile→desktop transition that left
    // a minimized FAB (chat stays closed → don't open an empty drawer) from
    // an activator click (chat just opened → open the drawer).
    queueMicrotask(() => {
      if (!shopifyChat?.hasAttribute('open') && !chatDrawer?.hasAttribute('open')) {
        return;
      }
      chatDrawer?.open?.(isStandaloneAndOpen ? { enter: 'inline-start' } : undefined);
    });
  });

  document.addEventListener('shopify-chat:enter-standalone', () => {
    shopifyChat?.setAttribute('mode', 'standalone');
    chatDrawer?.close?.();
  });

  document.addEventListener('shopify-chat:close', () => {
    if (shopifyChat?.getAttribute('mode') === 'managed') {
      chatDrawer?.close?.();
    }
  });

  document.addEventListener('megaMenu:hover', () => {
    if (shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone') {
      shopifyChat?.removeAttribute('open');
    }
  });

  // After the chat upgrades it self-restores its preferred mode from
  // sessionStorage. Reconcile any mismatch with the theme-drawer's state
  // — the drawer is the source of truth for which mode the chat should
  // be in (open → managed, closed → standalone).
  customElements.whenDefined('shopify-chat').then(() => {
    const mode = chatDrawer?.hasAttribute('open') ? 'managed' : 'standalone';
    if (shopifyChat?.getAttribute('mode') !== mode) {
      // When switching managed → standalone (e.g. narrow viewport skipped
      // drawer restore), also close the chat so it renders as the FAB
      // rather than an open standalone panel.
      if (mode === 'standalone' && shopifyChat?.hasAttribute('open')) {
        shopifyChat?.removeAttribute('open');
      }
      shopifyChat?.setAttribute('mode', mode);
    }
  });
</script>




    <div class="page-wrapper">
      <div id="header-group">
        <!-- BEGIN sections: header-group -->
<header id="shopify-section-sections--28638500257973__header_section" class="shopify-section shopify-section-group-header-group header-section">




<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Zanotti Armor",
    
    "url": "https:\/\/zanotti-armor-brc2rad1.myshopify.com"
  }
</script>

<header-component
  id="header-component"
  class="header"
  data-theme-color="rgb(36 27 21)"
  data-bubble-style="default"
  
  
    sticky="always"
  
  data-skip-node-update
  data-scroll-direction="none"
  
  
  style="
    --color-background-top-row: rgba(36 27 21 / 1.0);
    --color-background-bottom-row: rgba(36 27 21 / 1.0);
    
    
      --cart-bubble-background: #f6f1e7;
      --cart-bubble-text: #241b15;
    
    
      --header-actions-font-size: 0.875rem;
      --header-actions-font-family: var(--font-body--family);
      --header-actions-font-weight: var(--font-body--weight);
      --header-actions-text-case: none;
    
  "
>
  <div class="header__underlay header__underlay-closed"></div>
  <div
    class="header__underlay header__underlay-open"
  ></div><h1 class="visually-hidden">Zanotti Armor</h1>
    

    

    
    
      <div
        class="header__row header__row--top color-#241b15 section section--full-width-margin section--full-width color-custom-top-sections--28638500257973__header_section"
        ref="headerRowTop"style="--border-bottom-width: 1px; --border-bottom-width-mobile: 0px; --border-bottom-color-mobile: var(--color-border);">
        <div class="header__columns spacing-style">
          <style data-shopify>
    .color-custom-top-sections--28638500257973__header_section,
    .color-custom-top-sections--28638500257973__header_section .text-block {
      /* Background */
      --color-background: #241b15;
      --color-background-rgb: 36 27 21;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60:
0.6; --opacity-30-60: 0.6; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: #f6f1e7;
        --color-rgb: 246 241 231;
        --color-foreground: #f6f1e7;
        --color-foreground-rgb: 246 241 231;
        --color-foreground-muted: rgb(246 241 231 / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(246 241 231 / var(--opacity-subdued-text));
        --color-border: var(--palette-lightest);
        --color-border-rgb: var(--palette-lightest-rgb);
      
    }

    
      .color-custom-top-sections--28638500257973__header_section {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(246 241 231 / var(--opacity-10));
        --input-disabled-border-color: rgb(246 241 231 / var(--opacity-5));
        --input-disabled-text-color: rgb(246 241 231 / var(--opacity-50));
        --checkbox-border: 1px solid rgb(246 241 231 / var(--opacity-35-55));
      }
    

    .color-custom-top-sections--28638500257973__header_section {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  </style>


      
      
<div
      class="header__column header__column--left"
      data-testid="header-top-left"
    >
      
        
          
              


    <div
      class="header__drawer"
      ref="headerDrawerContainer"
      data-hydration-key="header-drawer-mobile"
      
    >
      




  <style data-shopify>
    .color-custom-AWGFOOSswd3JTbTZlU__header-menu-1,
    .color-custom-AWGFOOSswd3JTbTZlU__header-menu-1 .text-block {
      /* Background */
      --color-background: #f6f1e7;
      --color-background-rgb: 246 241 231;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: #2a2119;
        --color-rgb: 42 33 25;
        --color-foreground: #2a2119;
        --color-foreground-rgb: 42 33 25;
        --color-foreground-muted: rgb(42 33 25 / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(42 33 25 / var(--opacity-subdued-text));
        --color-border: var(--palette-darkest);
        --color-border-rgb: var(--palette-darkest-rgb);
      
    }

    
      .color-custom-AWGFOOSswd3JTbTZlU__header-menu-1 {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(42 33 25 / var(--opacity-10));
        --input-disabled-border-color: rgb(42 33 25 / var(--opacity-5));
        --input-disabled-text-color: rgb(42 33 25 / var(--opacity-50));
        --checkbox-border: 1px solid rgb(42 33 25 / var(--opacity-35-55));
      }
    

    .color-custom-AWGFOOSswd3JTbTZlU__header-menu-1 {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  </style>



<script
  src="/cdn/shop/t/4/assets/header-drawer.js?v=121243031541024704371790889264"
  type="module"
  fetchpriority="low"
></script>

<header-drawer
  class="header-drawer "
  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
>
  <details
    id="Details-menu-drawer-container"
    data-skip-node-update="true"
    class="menu-drawer-container"
    ref="details"
    scroll-lock
  >
    <summary
      class="header__icon header__icon--menu header__icon--summary"
      aria-label="Menu"
      on:click="/toggle"
    >
      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>
</span>
    </summary>
    <div
      ref="menuDrawer"
      class="
        menu-drawer
        
          color-custom-AWGFOOSswd3JTbTZlU__header-menu-1
        
      "
    >
      <button
        class="button close-button menu-drawer__close-button focus-inset"
        type="button"
        aria-label="Close"
        on:click="/close"
      >
        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>
</span>
      </button>
      <nav
        class="menu-drawer__navigation"
        style="--menu-top-level-font-family: var(--font-body--family);
--menu-top-level-font-size-desktop: 0.75rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:uppercase;

  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
  var(--menu-font-2xl--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);

--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
uppercase;

    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
    --menu-parent-active-font-color: var(--color-foreground);
  
--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
uppercase;

    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
  

        "
        aria-label="Primary"
      >
        <ul
          class="menu-drawer__menu has-submenu"
          role="list"
        >
            
            

              <li
                style="--menu-drawer-animation-index: 1;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-home"
                    href="/"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                      aria-current="page"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Home</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 2;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-products"
                    href="/pages/products"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Products</span>
                  </a>
                  
                  <ul
                    class="menu-drawer__menu menu-drawer__menu--childlist"
                    role="list"
                    tabindex="-1"
                  ><li
                        class="menu-drawer__list-item"
                        style="--menu-drawer-animation-index: 2;"
                      >
                        <a
                          href="/collections/safes"
                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
                          
                        >
                          
                          <span class="menu-drawer__menu-item-text wrap-text">Safes</span>
                        </a>
                      </li><li
                        class="menu-drawer__list-item"
                        style="--menu-drawer-animation-index: 2;"
                      >
                        <a
                          href="/collections/accessories"
                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
                          
                        >
                          
                          <span class="menu-drawer__menu-item-text wrap-text">Accessories</span>
                        </a>
                      </li></ul>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 3;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-the-difference"
                    href="/pages/the-difference"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">The Difference</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 4;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-videos"
                    href="/pages/videos-brochures"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Videos</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 5;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-gallery"
                    href="/pages/photos"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Gallery</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 6;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-faqs"
                    href="/pages/faqs"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">FAQs</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 7;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-store"
                    href="/pages/store"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Store</span>
                  </a>
                
              </li>
              <li
                style="--menu-drawer-animation-index: 8;"
                class="menu-drawer__list-item--flat"
              >
                
<a
                    id="HeaderDrawer-contact"
                    href="/pages/contact"
                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                    
                  >
                    <span class="menu-drawer__menu-item-text wrap-text">Contact</span>
                  </a>
                
              </li>
        </ul>
      </nav>
      <div class="za-drawer-cta menu-drawer__animated-element"><a class="button za-drawer-cta__button" href="/collections/safes">Build My Safe</a><a class="za-drawer-cta__phone" href="tel:+13192329650">319-232-9650</a></div>

      <div
        class="menu-drawer__utility-links menu-drawer__animated-element"
        style="--menu-drawer-animation-index: 8;"
      >
        
        </div>

      
    </div>
    <div
      class="menu-drawer__backdrop"
      on:click="header-drawer/close"
    ></div>
  </details>
</header-drawer>



    </div>

  

<style data-shopify>
  .header__underlay {
    --color-submenu: rgb(246 241 231);
  }
</style>




            
        
      
        
          
              
  <search-button
    class="search-action search-action--text search-action--hidden-on-menu"
  >
    <button
      on:click="#search-modal/showDialog"
      class="button-unstyled header-actions__action header-actions__text-style"
      aria-label="Search"
      aria-haspopup="dialog"
    >
      <span class="mobile:hidden">
        Search
      </span>

      <span class="svg-wrapper desktop:hidden">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

      </span>
    </button>
  </search-button>




            
        
      
        
          
              


<a
  
  href="/"
  class="size-style spacing-style header-logo"
  style="
    --size-style-width: ;--size-style-height: ;
    --padding-block-start: 0px;--padding-block-end: 0px;
    --font-family: var(--font-body--family);
    --font-style: var(--font-body--style);
    --font-weight: 600;
  "
  
>
  

  <span
    class="header-logo__image-container header-logo__image-container--original"
    data-testid="header-logo"
  >
    
      
      <img
        src="/cdn/shop/t/4/assets/logo.svg?v=77632060062182970111790889264"
        alt="Zanotti Armor - Home"
        width="200"
        height="104"
        class="header-logo__image header-logo__image--asset-fallback"
        style="--header-logo-image-width: 200px; --header-logo-image-width-mobile: 154px; --header-logo-image-height: 104px; --header-logo-image-height-mobile: 80px;"
      >
    
  </span>

  
</a>





            
        
      
    </div><div
      class="header__column header__column--right"
      data-testid="header-top-right"
    >
      
        
          
              
  
  

            
        
      
        
          
              <a
        class="za-header-phone mobile:hidden"
        
          href="tel:+13192329650"
        
        
      >319-232-9650</a>

            
        
      
        
          
              
  <search-button
    class="search-action search-action--text search-action--hidden-on-drawer"
  >
    <button
      on:click="#search-modal/showDialog"
      class="button-unstyled header-actions__action header-actions__text-style"
      aria-label="Search"
      aria-haspopup="dialog"
    >
      <span class="mobile:hidden">
        Search
      </span>

      <span class="svg-wrapper desktop:hidden">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

      </span>
    </button>
  </search-button>




            
        
      
        
          
              

<script
  type="module"
  src="/cdn/shop/t/4/assets/cart-icon.js?v=109428858171217037751790889264"
  fetchpriority="low"
></script>





<header-actions
  
    class="header-actions--text"
  
>
  
    
    <div
      class="account-button header-actions__action account-button--text color-custom-popover"
    >
      <shopify-store store-domain="https://zanotti-armor-brc2rad1.myshopify.com" country="US" language="en"></shopify-store>
<shopify-account
        menu="customer-account-main-menu"
        
          style="--header-actions-font-family: 'Work Sans', sans-serif; --header-actions-font-weight: 400;"
        
      >
        
          <span
            slot="signed-out-avatar"
            class="account-button__text header-actions__text-style mobile:hidden"
          >
            Account
          </span>

          <span
            slot="signed-out-avatar"
            class="desktop:hidden"
            aria-hidden="true"
          >
            
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="15"
    height="17"
    viewBox="0 0 15 17"
    fill="none"
    slot="signed-out-avatar"
    class="account-button__icon"
  >
    <path
      stroke="currentColor"
      stroke-linejoin="round"
      stroke-width="var(--icon-stroke-width)"
      d="M10.375 3.813a3.063 3.063 0 1 1-6.125 0 3.063 3.063 0 0 1 6.125 0ZM7.313 9.5c-3.667 0-6.24 2.691-6.563 6.125h13.125C13.552 12.191 10.979 9.5 7.312 9.5Z"
    />
  </svg>

          </span>
        
      </shopify-account>
    </div>
  

  
    <button
      class="header-actions__action button-unstyled header-actions__text-style"
      on:click="#cart-drawer/toggle"
      aria-haspopup="dialog"
      aria-expanded="false"
      aria-controls="cart-drawer"
      aria-label="Cart"
      aria-describedby="cart-bubble-text"
      data-testid="cart-drawer-trigger"
    >
      
  <cart-icon
    class="header-actions__cart-icon header-actions__cart-icon--text"
    data-testid="cart-icon"
  >
    <span class="mobile:hidden">
      Cart
    </span>

    <span
      class="svg-wrapper desktop:hidden"
      aria-hidden="true"
    >
      <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>

    </span>

    

<div
  ref="cartBubble"
  class="cart-bubble visually-hidden"
  style="--cart-bubble-background-fallback: #2a2119; --cart-bubble-text-fallback: #f6f1e7;"
  
  
    data-maintain-ratio
  
>
  <span class="cart-bubble__background"></span>
  <span
    ref="cartBubbleText"
    id="cart-bubble-text"
    class="cart-bubble__text"
  >
    <span
      class="cart-bubble__text-count hidden"
      ref="cartBubbleCount"
      aria-hidden="true"
      data-testid="cart-bubble"
    >
0</span>
  </span>
</div>



  </cart-icon>

    </button>
  

  <span
    ref="liveRegion"
    class="visually-hidden"
    role="status"
    data-testid="cart-count-live-region"
  ></span>
</header-actions>

<script
  type="module"
  src="/cdn/shop/t/4/assets/header-actions.js?v=157135685635924702181790889264"
  fetchpriority="low"
></script>



            
        
      
        
          
              <a
        class="za-header-cta mobile:hidden"
        href="/collections/safes"
        
      >Build My Safe</a>

          
        
      
    </div>
        </div>
      </div>
    
  
    

    

    
    
      <div
        class="header__row header__row--bottom color-#241b15 section section--full-width-margin section--full-width mobile:hidden color-custom-bottom-sections--28638500257973__header_section"
        ref="headerRowTop"style="--border-bottom-width: 0px;">
        <div class="header__columns spacing-style">
          <style data-shopify>
    .color-custom-bottom-sections--28638500257973__header_section,
    .color-custom-bottom-sections--28638500257973__header_section .text-block {
      /* Background */
      --color-background: #241b15;
      --color-background-rgb: 36 27 21;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60:
0.6; --opacity-30-60: 0.6; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: #f6f1e7;
        --color-rgb: 246 241 231;
        --color-foreground: #f6f1e7;
        --color-foreground-rgb: 246 241 231;
        --color-foreground-muted: rgb(246 241 231 / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(246 241 231 / var(--opacity-subdued-text));
        --color-border: var(--palette-lightest);
        --color-border-rgb: var(--palette-lightest-rgb);
      
    }

    
      .color-custom-bottom-sections--28638500257973__header_section {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(246 241 231 / var(--opacity-10));
        --input-disabled-border-color: rgb(246 241 231 / var(--opacity-5));
        --input-disabled-text-color: rgb(246 241 231 / var(--opacity-50));
        --checkbox-border: 1px solid rgb(246 241 231 / var(--opacity-35-55));
      }
    

    .color-custom-bottom-sections--28638500257973__header_section {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  </style>


      
      
<div
      class="header__column header__column--center"
      data-testid="header-bottom-center"
    >
      
        
          
              


    




  <style data-shopify>
    .color-custom-AWGFOOSswd3JTbTZlU__header-menu,
    .color-custom-AWGFOOSswd3JTbTZlU__header-menu .text-block {
      /* Background */
      --color-background: #f6f1e7;
      --color-background-rgb: 246 241 231;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: #2a2119;
        --color-rgb: 42 33 25;
        --color-foreground: #2a2119;
        --color-foreground-rgb: 42 33 25;
        --color-foreground-muted: rgb(42 33 25 / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(42 33 25 / var(--opacity-subdued-text));
        --color-border: var(--palette-darkest);
        --color-border-rgb: var(--palette-darkest-rgb);
      
    }

    
      .color-custom-AWGFOOSswd3JTbTZlU__header-menu {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(42 33 25 / var(--opacity-10));
        --input-disabled-border-color: rgb(42 33 25 / var(--opacity-5));
        --input-disabled-text-color: rgb(42 33 25 / var(--opacity-50));
        --checkbox-border: 1px solid rgb(42 33 25 / var(--opacity-35-55));
      }
    

    .color-custom-AWGFOOSswd3JTbTZlU__header-menu {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  </style>



    

    <header-menu
      ref="headerMenu"
      class="header-menu"
      
      data-hydration-key="header-menu"
    >
      <div class="header-menu__inner">
        <nav
          class="menu-list"
          aria-label="Primary"
          style="--menu-top-level-font-family: var(--font-body--family);
--menu-top-level-font-size-desktop: 0.75rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:uppercase;

  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
  var(--menu-font-sm--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
"
        >
          
          <overflow-list
  
    ref="overflowMenu"
  
  
    class="overflow-menu color-custom-AWGFOOSswd3JTbTZlU__header-menu"
  
  
    minimum-items="2"
  
  
    data-testid="header-menu-overflow-list"
  
  
    data-skip-node-update
  
>
  <template shadowrootmode="open">
    <link href="/cdn/shop/t/4/assets/overflow-list.css?v=16727044177065489451790889264" rel="stylesheet" type="text/css" media="all" />

    <ul part="list">
      <slot></slot>
      <slot
        name="more"
        part="more"
        hidden
        
      >
        <li
          part="more"
        >
          <button
            class="button"
            type="button"
            tabindex="0"
            
          >
            More
          </button>
        </li>
      </slot>
      <li
        part="placeholder"
        hidden
      ></li>
    </ul>

    <div part="overflow">
      <ul part="overflow-list">
        <slot name="overflow"></slot>
      </ul>
    </div>
  </template>

  
      
        
          
        
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/pages/products"
            data-skip-node-update="true"
            class="menu-list__link"aria-controls="submenu-2"
              aria-haspopup="true"
              aria-expanded="false"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Products</span>
          </a><div class="menu-list__submenu color-custom-AWGFOOSswd3JTbTZlU__header-menu" ref="submenu[]">
              <div
                id="submenu-2"
                class="menu-list__submenu-inner"
                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
uppercase;

    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
    --menu-parent-active-font-color: var(--color-foreground);
  
--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
uppercase;

    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
  
"
              >
                
                <div class="mega-menu section section--full-width-margin section--full-width">
                  <div
                    class="mega-menu__grid"
                    data-menu-grid-id="MegaMenuList-2"
                  >
                    
<ul
  data-menu-list-id="MegaMenuList-2"
  class="mega-menu__list list-unstyled"
  style="--menu-image-border-radius: 0px;"
>
  
    <li class="mega-menu__column mega-menu__column--span-1">
    <div>
      <a
        href="/collections/safes"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">Safes</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/collections/accessories"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">Accessories</span>
      </a>
      
    </div>

    </li>
  
</ul>



<style data-shopify>
  [data-menu-grid-id="MegaMenuList-2"] {
    
      --menu-columns-desktop: 6;
      --menu-columns-tablet: 4;
    
  }

  [data-menu-list-id="MegaMenuList-2"] {
    
      --menu-columns-desktop: 6;
      --menu-columns-tablet: 4;
    
  }
</style>



                  </div>
                </div>
              </div>
            </div></li>
      
        
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/pages/the-difference"
            data-skip-node-update="true"
            class="menu-list__link"
            ref="menuitem"
          >
            <span class="menu-list__link-title">The Difference</span>
          </a></li>
      
        
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/pages/videos-brochures"
            data-skip-node-update="true"
            class="menu-list__link"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Videos</span>
          </a></li>
      
        
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/pages/photos"
            data-skip-node-update="true"
            class="menu-list__link"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Gallery</span>
          </a></li>
      
        
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/pages/faqs"
            data-skip-node-update="true"
            class="menu-list__link"
            ref="menuitem"
          >
            <span class="menu-list__link-title">FAQs</span>
          </a></li>
      
        
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/pages/store"
            data-skip-node-update="true"
            class="menu-list__link"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Store</span>
          </a></li>
      
        
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/pages/contact"
            data-skip-node-update="true"
            class="menu-list__link"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Contact</span>
          </a></li>
      
      <li
        class="menu-list__list-item"
        role="presentation"
        slot="more"
        on:focus="/activate"
        on:blur="/deactivate"
        on:pointerenter="/activate"
        on:pointerleave="/deactivate"
      >
        <button
          role="listitem"
          class="menu-list__link button-unstyled"
          aria-haspopup="true"
          aria-expanded="false"
          ref="menuitem"
        >
          <span class="menu-list__link-title">More</span>
        </button>
      </li>
    
</overflow-list>

        </nav>
      </div>

      <script src="/cdn/shop/t/4/assets/za-header-menu-escape.js?v=546179387823939811790889263" type="module"></script>
      <script
        src="/cdn/shop/t/4/assets/header-menu.js?v=177388175794493903551790889264"
        type="module"
        fetchpriority="low"
      ></script>
    </header-menu>


<style data-shopify>
  .header__underlay {
    --color-submenu: rgb(246 241 231);
  }
</style>




            
        
      
    </div>
        </div>
      </div>
    
  

  
    <div class="header__row header__navigation-bar-row">
      


    
  

<style data-shopify>
  .header__underlay {
    --color-submenu: rgb(246 241 231);
  }
</style>




    </div>
  
</header-component>

<script
  src="/cdn/shop/t/4/assets/header.js?v=183210491532312943441790889264"
  type="module"
></script>




  <script type="module">
    import { hydrate } from '@theme/section-hydration';
    const url = new URL(window.location.href);
    url.searchParams.delete('page');
    hydrate('sections--28638500257973__header_section', url);
  </script>



</header>
<!-- END sections: header-group -->
      </div>

      <script>
        // Inline header height and menu style calculations to prevent layout shift
        // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
        (function setHeaderHeighCustomProperties() {
          /*
           * Header calculation functions for maintaining CSS variables
           * Mimic calculateHeaderGroupHeight() in utilities.js
           */
          const header = document.querySelector('header-component');
          const headerGroup = document.querySelector('#header-group');
          const hasHeaderSection = headerGroup?.querySelector('.header-section');

          if (!header || !headerGroup) return;

          const headerTopRow = header.querySelector('.header__row--top');
          const headerHeight = header.offsetHeight;

          // Calculate the total height of the header group
          let headerGroupHeight = 0;
          const children = headerGroup.children;
          for (let i = 0; i < children.length; i++) {
            const element = children[i];
            if (element === header || !(element instanceof HTMLElement)) continue;
            headerGroupHeight += element.offsetHeight;
          }

          // Check for transparent header special case
          if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
            headerGroupHeight += headerHeight;
          }

          // Set CSS variables
          document.body.style.setProperty('--header-height', `${headerHeight}px`);
          document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);

          if (headerTopRow) {
            window.requestAnimationFrame(function () {
              document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
            });
          }

          /**
           * Updates CSS custom properties for transparent header offset calculation
           * Mimic updateTransparentHeaderOffset() in utilities.js
           */

          if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
            document.body.style.setProperty('--transparent-header-offset-boolean', '0');
            return;
          }

          const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');

          const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
          document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
        })();

        (function setHeaderMenuStyle() {
          const headerComponent = document.querySelector('#header-component');
          if (headerComponent) {
            const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
            const overflowList = headerComponent?.querySelector('overflow-list');
            const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
            headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
          }
        })();
      </script>

      <main
        id="MainContent"
        class="content-for-layout"
        role="main"
        data-page-transition-enabled="false"
        data-product-transition="false"
        data-template="index"
      >
        <section id="shopify-section-template--28638500749493__hero" class="shopify-section section-wrapper"><za-hero-media
  class="za-hero-cine"
  style="
    --za-hero-height: 86svh;
    --za-hero-overlay-start: rgba(31, 22, 17, 0.65);
    --za-hero-overlay-end: rgba(31, 22, 17, 0.25);
    --za-hero-fallback: #1f1611;
  "
  
    data-video-src="/cdn/shop/videos/c/vp/4b9777ba97df44129392302d56c41dea/4b9777ba97df44129392302d56c41dea.HD-1080p-2.5Mbps-95341387.mp4?v=0"
  
>
  <div class="za-hero-cine__media"><img src="/cdn/shop/files/hero-black-safe-space-left__1009.jpg?v=1790183787&amp;width=2800" alt="Black Zanotti Armor safe in the Waterloo, Iowa factory" srcset="/cdn/shop/files/hero-black-safe-space-left__1009.jpg?v=1790183787&amp;width=800 800w, /cdn/shop/files/hero-black-safe-space-left__1009.jpg?v=1790183787&amp;width=1200 1200w, /cdn/shop/files/hero-black-safe-space-left__1009.jpg?v=1790183787&amp;width=1600 1600w, /cdn/shop/files/hero-black-safe-space-left__1009.jpg?v=1790183787&amp;width=2000 2000w, /cdn/shop/files/hero-black-safe-space-left__1009.jpg?v=1790183787&amp;width=2400 2400w, /cdn/shop/files/hero-black-safe-space-left__1009.jpg?v=1790183787&amp;width=2800 2800w" width="2800" height="1867" loading="eager" class="za-hero-cine__poster" sizes="100vw" fetchpriority="high">
</div>
  <div class="za-hero-cine__scrim" aria-hidden="true"></div>

  <div class="za-hero-cine__inner section section--full-width">
    <div class="za-hero-cine__content za-stack"><p class="za-eyebrow za-hero-cine__eyebrow">Waterloo, Iowa · American Craft</p><h1 class="za-heading za-hero-cine__heading">American ingenuity.<br />
Old-world craftsmanship.</h1><div class="za-body za-hero-cine__body"><p>Zanotti Armor safes stand apart as industry leaders due to their advanced security features, simple assembly, and enhanced portability.</p></div><div class="za-actions"><a class="button" href="/pages/the-difference">The Zanotti Difference</a><a class="button-secondary za-hero-cine__secondary" href="/collections/safes">Build My Safe</a></div>
    </div></div><button type="button" class="za-hero-cine__cue" data-cue aria-label="Scroll to content">
      <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
        <path d="M6 9l6 6 6-6" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
    </button></za-hero-media>






</section><section id="shopify-section-template--28638500749493__lead_time" class="shopify-section section-wrapper">




  <style data-shopify>
    .color-custom-template--28638500749493__lead_time,
    .color-custom-template--28638500749493__lead_time .text-block {
      /* Background */
      --color-background: #efe7d8;
      --color-background-rgb: 239 231 216;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: #2a2119;
        --color-rgb: 42 33 25;
        --color-foreground: #2a2119;
        --color-foreground-rgb: 42 33 25;
        --color-foreground-muted: rgb(42 33 25 / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(42 33 25 / var(--opacity-subdued-text));
        --color-border: var(--palette-darkest);
        --color-border-rgb: var(--palette-darkest-rgb);
      
    }

    
      .color-custom-template--28638500749493__lead_time {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(42 33 25 / var(--opacity-10));
        --input-disabled-border-color: rgb(42 33 25 / var(--opacity-5));
        --input-disabled-text-color: rgb(42 33 25 / var(--opacity-50));
        --checkbox-border: 1px solid rgb(42 33 25 / var(--opacity-35-55));
      }
    

    .color-custom-template--28638500749493__lead_time {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  </style>

<div class="section-background color-custom-template--28638500749493__lead_time"></div>
<div
  class="section section--page-width spacing-style za-section za-section--compact za-strip color-custom-template--28638500749493__lead_time"
  style="--padding-block-start: 14px;--padding-block-end: 14px;"
>
  <div class="za-inner">
    <div class="za-strip__row"><p class="za-strip__text za-strip__text--strong">Current lead time: <strong>6 weeks</strong></p><p class="za-strip__text">Hand-built in Waterloo, Iowa</p></div>
  </div>
</div>




</section><section id="shopify-section-template--28638500749493__one_size" class="shopify-section section-wrapper">




  <style data-shopify>
    .color-custom-template--28638500749493__one_size,
    .color-custom-template--28638500749493__one_size .text-block {
      /* Background */
      --color-background: #f6f1e7;
      --color-background-rgb: 246 241 231;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: #2a2119;
        --color-rgb: 42 33 25;
        --color-foreground: #2a2119;
        --color-foreground-rgb: 42 33 25;
        --color-foreground-muted: rgb(42 33 25 / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(42 33 25 / var(--opacity-subdued-text));
        --color-border: var(--palette-darkest);
        --color-border-rgb: var(--palette-darkest-rgb);
      
    }

    
      .color-custom-template--28638500749493__one_size {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(42 33 25 / var(--opacity-10));
        --input-disabled-border-color: rgb(42 33 25 / var(--opacity-5));
        --input-disabled-text-color: rgb(42 33 25 / var(--opacity-50));
        --checkbox-border: 1px solid rgb(42 33 25 / var(--opacity-35-55));
      }
    

    .color-custom-template--28638500749493__one_size {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  </style>

<div class="section-background color-custom-template--28638500749493__one_size"></div>
<div
  class="section section--page-width spacing-style za-section za-layered color-custom-template--28638500749493__one_size"
  style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 88px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 96px));"
>
  <div class="za-inner">
    <div class="za-layered__grid">
      <div class="za-layered__media"><span class="za-layered__numeral" aria-hidden="true">01</span><div class="za-layered__main za-media" style="--za-media-ratio: 4 / 3;"><img src="/cdn/shop/files/onesize-black-factory-wide__0965.jpg?v=1790183788&amp;width=1800" alt="Black Zanotti Armor safe on the factory floor" srcset="/cdn/shop/files/onesize-black-factory-wide__0965.jpg?v=1790183788&amp;width=600 600w, /cdn/shop/files/onesize-black-factory-wide__0965.jpg?v=1790183788&amp;width=900 900w, /cdn/shop/files/onesize-black-factory-wide__0965.jpg?v=1790183788&amp;width=1200 1200w, /cdn/shop/files/onesize-black-factory-wide__0965.jpg?v=1790183788&amp;width=1500 1500w, /cdn/shop/files/onesize-black-factory-wide__0965.jpg?v=1790183788&amp;width=1800 1800w" width="1800" height="1200" loading="lazy" sizes="(min-width: 990px) 58vw, 100vw">
</div><div class="za-layered__inset za-media" style="--za-media-ratio: 1 / 1;">
            <img src="/cdn/shop/files/detail-dial-macro__1030.jpg?v=1790183788&amp;width=900" alt="Close-up of the combination dial" srcset="/cdn/shop/files/detail-dial-macro__1030.jpg?v=1790183788&amp;width=280 280w, /cdn/shop/files/detail-dial-macro__1030.jpg?v=1790183788&amp;width=460 460w, /cdn/shop/files/detail-dial-macro__1030.jpg?v=1790183788&amp;width=680 680w, /cdn/shop/files/detail-dial-macro__1030.jpg?v=1790183788&amp;width=900 900w" width="900" height="600" loading="lazy" sizes="(min-width: 990px) 260px, 42vw">
          </div></div>

      <div class="za-layered__text za-stack"><h2 class="za-heading">One Size Fits You</h2><div class="za-body"><p>We're proud to offer an ultra-secure, enduring, and easily movable standard safe, along with many lock, interior and color options. We don't mass-manufacture: only one size fits you.</p></div><a class="za-link" href="/collections/safes">Build My Safe →</a></div>
    </div>
  </div>
</div>




</section><section id="shopify-section-template--28638500749493__difference" class="shopify-section section-wrapper">




  <style data-shopify>
    .color-custom-template--28638500749493__difference,
    .color-custom-template--28638500749493__difference .text-block {
      /* Background */
      --color-background: #f6f1e7;
      --color-background-rgb: 246 241 231;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: #2a2119;
        --color-rgb: 42 33 25;
        --color-foreground: #2a2119;
        --color-foreground-rgb: 42 33 25;
        --color-foreground-muted: rgb(42 33 25 / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(42 33 25 / var(--opacity-subdued-text));
        --color-border: var(--palette-darkest);
        --color-border-rgb: var(--palette-darkest-rgb);
      
    }

    
      .color-custom-template--28638500749493__difference {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(42 33 25 / var(--opacity-10));
        --input-disabled-border-color: rgb(42 33 25 / var(--opacity-5));
        --input-disabled-text-color: rgb(42 33 25 / var(--opacity-50));
        --checkbox-border: 1px solid rgb(42 33 25 / var(--opacity-35-55));
      }
    

    .color-custom-template--28638500749493__difference {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  </style>

<div class="section-background color-custom-template--28638500749493__difference"></div>
<div
  class="section section--page-width spacing-style za-section za-panel-strip color-custom-template--28638500749493__difference"
  style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 80px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 88px));"
>
  <div class="za-inner"><div class="za-header-row">
        <div class="za-stack"><p class="za-eyebrow">The Difference</p><h2 class="za-heading">Built with intention, in every detail.</h2></div><a class="za-link" href="/pages/the-difference">Discover the Zanotti Difference →</a></div><div class="za-panel-strip__track" style="--za-panel-height: 460px;">
      <article class="za-panel" tabindex="0" >
  <div class="za-panel__media"><img src="/cdn/shop/files/detail-dial-handle__1016.jpg?v=1790183787&amp;width=1200" alt="Combination dial and handle" srcset="/cdn/shop/files/detail-dial-handle__1016.jpg?v=1790183787&amp;width=400 400w, /cdn/shop/files/detail-dial-handle__1016.jpg?v=1790183787&amp;width=600 600w, /cdn/shop/files/detail-dial-handle__1016.jpg?v=1790183787&amp;width=900 900w, /cdn/shop/files/detail-dial-handle__1016.jpg?v=1790183787&amp;width=1200 1200w" width="1200" height="800" loading="lazy" sizes="(min-width: 990px) 34vw, 78vw">
</div>
  <div class="za-panel__body"><h3 class="za-panel__title">Group II combination lock
      </h3><div class="za-panel__text"><p>Standard on every model we build.</p></div></div>
</article>


<article class="za-panel" tabindex="0" >
  <div class="za-panel__media"><img src="/cdn/shop/files/detail-logo-corner__1082.jpg?v=1790183788&amp;width=1200" alt="Zanotti Armor logo on the safe door corner" srcset="/cdn/shop/files/detail-logo-corner__1082.jpg?v=1790183788&amp;width=400 400w, /cdn/shop/files/detail-logo-corner__1082.jpg?v=1790183788&amp;width=600 600w, /cdn/shop/files/detail-logo-corner__1082.jpg?v=1790183788&amp;width=900 900w, /cdn/shop/files/detail-logo-corner__1082.jpg?v=1790183788&amp;width=1200 1200w" width="1200" height="800" loading="lazy" sizes="(min-width: 990px) 34vw, 78vw">
</div>
  <div class="za-panel__body"><h3 class="za-panel__title">Recessed steel door
      </h3><div class="za-panel__text"><p>3/16" recessed steel door with a 3/8" drill-resistant, hardened lock plate.</p></div></div>
</article>


<article class="za-panel" tabindex="0" >
  <div class="za-panel__media"><img src="/cdn/shop/files/interior-door-carpet__1040.jpg?v=1790183788&amp;width=1200" alt="Carpeted interior door panel" srcset="/cdn/shop/files/interior-door-carpet__1040.jpg?v=1790183788&amp;width=400 400w, /cdn/shop/files/interior-door-carpet__1040.jpg?v=1790183788&amp;width=600 600w, /cdn/shop/files/interior-door-carpet__1040.jpg?v=1790183788&amp;width=900 900w, /cdn/shop/files/interior-door-carpet__1040.jpg?v=1790183788&amp;width=1200 1200w" width="1200" height="800" loading="lazy" sizes="(min-width: 990px) 34vw, 78vw">
</div>
  <div class="za-panel__body"><h3 class="za-panel__title">Marine-grade interior
      </h3><div class="za-panel__text"><p>No-lint nylon carpet resists moisture and staining.</p></div></div>
</article>


<article class="za-panel" tabindex="0" >
  <div class="za-panel__media"><img src="/cdn/shop/files/detail-steel-pins__1043.jpg?v=1790183815&amp;width=1200" alt="Solid steel pins that lock the panels together" srcset="/cdn/shop/files/detail-steel-pins__1043.jpg?v=1790183815&amp;width=400 400w, /cdn/shop/files/detail-steel-pins__1043.jpg?v=1790183815&amp;width=600 600w, /cdn/shop/files/detail-steel-pins__1043.jpg?v=1790183815&amp;width=900 900w, /cdn/shop/files/detail-steel-pins__1043.jpg?v=1790183815&amp;width=1200 1200w" width="1200" height="800" loading="lazy" sizes="(min-width: 990px) 34vw, 78vw">
</div>
  <div class="za-panel__body"><h3 class="za-panel__title">Six interlocking panels
      </h3><div class="za-panel__text"><p>Hand-assembled in about 20 minutes with solid steel pins.</p></div></div>
</article>



    </div>
  </div>
</div>




</section><section id="shopify-section-template--28638500749493__made_by_hand" class="shopify-section section-wrapper">




  <style data-shopify>
    .color-custom-template--28638500749493__made_by_hand,
    .color-custom-template--28638500749493__made_by_hand .text-block {
      /* Background */
      --color-background: #241b15;
      --color-background-rgb: 36 27 21;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60:
0.6; --opacity-30-60: 0.6; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: #f6f1e7;
        --color-rgb: 246 241 231;
        --color-foreground: #f6f1e7;
        --color-foreground-rgb: 246 241 231;
        --color-foreground-muted: rgb(246 241 231 / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(246 241 231 / var(--opacity-subdued-text));
        --color-border: var(--palette-lightest);
        --color-border-rgb: var(--palette-lightest-rgb);
      
    }

    
      .color-custom-template--28638500749493__made_by_hand {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(246 241 231 / var(--opacity-10));
        --input-disabled-border-color: rgb(246 241 231 / var(--opacity-5));
        --input-disabled-text-color: rgb(246 241 231 / var(--opacity-50));
        --checkbox-border: 1px solid rgb(246 241 231 / var(--opacity-35-55));
      }
    

    .color-custom-template--28638500749493__made_by_hand {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  </style>

<div class="section-background color-custom-template--28638500749493__made_by_hand"></div>
<div
  class="section section--full-width spacing-style za-section za-craft color-custom-template--28638500749493__made_by_hand"
  style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 88px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 96px));"
>
  <div class="za-craft__inner">
    <div class="za-craft__grid">
      <figure class="za-craft__cell za-craft__cell--wide"><img src="/cdn/shop/files/craft-weld-sparks__1274.jpg?v=1790183788&amp;width=1400" alt="Welding sparks in the Zanotti Armor shop" srcset="/cdn/shop/files/craft-weld-sparks__1274.jpg?v=1790183788&amp;width=400 400w, /cdn/shop/files/craft-weld-sparks__1274.jpg?v=1790183788&amp;width=600 600w, /cdn/shop/files/craft-weld-sparks__1274.jpg?v=1790183788&amp;width=900 900w, /cdn/shop/files/craft-weld-sparks__1274.jpg?v=1790183788&amp;width=1200 1200w, /cdn/shop/files/craft-weld-sparks__1274.jpg?v=1790183788&amp;width=1400 1400w" width="1400" height="933" loading="lazy" sizes="(min-width: 990px) 33vw, 50vw">
</figure>


<figure class="za-craft__cell za-craft__cell--regular"><img src="/cdn/shop/files/craft-grind-sparks__1325.jpg?v=1790183788&amp;width=1400" alt="Grinding sparks off a safe panel" srcset="/cdn/shop/files/craft-grind-sparks__1325.jpg?v=1790183788&amp;width=400 400w, /cdn/shop/files/craft-grind-sparks__1325.jpg?v=1790183788&amp;width=600 600w, /cdn/shop/files/craft-grind-sparks__1325.jpg?v=1790183788&amp;width=900 900w, /cdn/shop/files/craft-grind-sparks__1325.jpg?v=1790183788&amp;width=1200 1200w, /cdn/shop/files/craft-grind-sparks__1325.jpg?v=1790183788&amp;width=1400 1400w" width="1400" height="933" loading="lazy" sizes="(min-width: 990px) 33vw, 50vw">
</figure>


<figure class="za-craft__cell za-craft__cell--tall"><img src="/cdn/shop/files/craft-man-marking__0950.jpg?v=1790183788&amp;width=1400" alt="Craftsman marking a steel panel" srcset="/cdn/shop/files/craft-man-marking__0950.jpg?v=1790183788&amp;width=400 400w, /cdn/shop/files/craft-man-marking__0950.jpg?v=1790183788&amp;width=600 600w, /cdn/shop/files/craft-man-marking__0950.jpg?v=1790183788&amp;width=900 900w, /cdn/shop/files/craft-man-marking__0950.jpg?v=1790183788&amp;width=1200 1200w, /cdn/shop/files/craft-man-marking__0950.jpg?v=1790183788&amp;width=1400 1400w" width="1400" height="933" loading="lazy" sizes="(min-width: 990px) 33vw, 50vw">
</figure>


<figure class="za-craft__cell za-craft__cell--regular"><img src="/cdn/shop/files/craft-macro-tape-green__0925.jpg?v=1790183788&amp;width=1400" alt="Tape measure across a green safe panel" srcset="/cdn/shop/files/craft-macro-tape-green__0925.jpg?v=1790183788&amp;width=400 400w, /cdn/shop/files/craft-macro-tape-green__0925.jpg?v=1790183788&amp;width=600 600w, /cdn/shop/files/craft-macro-tape-green__0925.jpg?v=1790183788&amp;width=900 900w, /cdn/shop/files/craft-macro-tape-green__0925.jpg?v=1790183788&amp;width=1200 1200w, /cdn/shop/files/craft-macro-tape-green__0925.jpg?v=1790183788&amp;width=1400 1400w" width="1400" height="933" loading="lazy" sizes="(min-width: 990px) 33vw, 50vw">
</figure>


<figure class="za-craft__cell za-craft__cell--regular"><img src="/cdn/shop/files/craft-worker-orange__0808.jpg?v=1790183815&amp;width=1400" alt="Worker on the shop floor" srcset="/cdn/shop/files/craft-worker-orange__0808.jpg?v=1790183815&amp;width=400 400w, /cdn/shop/files/craft-worker-orange__0808.jpg?v=1790183815&amp;width=600 600w, /cdn/shop/files/craft-worker-orange__0808.jpg?v=1790183815&amp;width=900 900w, /cdn/shop/files/craft-worker-orange__0808.jpg?v=1790183815&amp;width=1200 1200w, /cdn/shop/files/craft-worker-orange__0808.jpg?v=1790183815&amp;width=1400 1400w" width="1400" height="933" loading="lazy" sizes="(min-width: 990px) 33vw, 50vw">
</figure>


<figure class="za-craft__cell za-craft__cell--wide"><img src="/cdn/shop/files/factory-sign__0833.jpg?v=1790183814&amp;width=1400" alt="Zanotti Armor factory sign" srcset="/cdn/shop/files/factory-sign__0833.jpg?v=1790183814&amp;width=400 400w, /cdn/shop/files/factory-sign__0833.jpg?v=1790183814&amp;width=600 600w, /cdn/shop/files/factory-sign__0833.jpg?v=1790183814&amp;width=900 900w, /cdn/shop/files/factory-sign__0833.jpg?v=1790183814&amp;width=1200 1200w, /cdn/shop/files/factory-sign__0833.jpg?v=1790183814&amp;width=1400 1400w" width="1400" height="933" loading="lazy" sizes="(min-width: 990px) 33vw, 50vw">
</figure>



    </div><h2 class="za-craft__heading">Hand-built in Waterloo, Iowa.</h2><div class="za-craft__stats"><div class="za-craft__stat"><p class="za-craft__stat-value">6 weeks</p><p class="za-craft__stat-label">Current lead time</p></div><div class="za-craft__stat"><p class="za-craft__stat-value">Waterloo, Iowa</p><p class="za-craft__stat-label">Hand-built in</p></div></div></div>
</div>




</section><section id="shopify-section-template--28638500749493__finishes" class="shopify-section section-wrapper">




  <style data-shopify>
    .color-custom-template--28638500749493__finishes,
    .color-custom-template--28638500749493__finishes .text-block {
      /* Background */
      --color-background: #f6f1e7;
      --color-background-rgb: 246 241 231;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: #2a2119;
        --color-rgb: 42 33 25;
        --color-foreground: #2a2119;
        --color-foreground-rgb: 42 33 25;
        --color-foreground-muted: rgb(42 33 25 / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(42 33 25 / var(--opacity-subdued-text));
        --color-border: var(--palette-darkest);
        --color-border-rgb: var(--palette-darkest-rgb);
      
    }

    
      .color-custom-template--28638500749493__finishes {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(42 33 25 / var(--opacity-10));
        --input-disabled-border-color: rgb(42 33 25 / var(--opacity-5));
        --input-disabled-text-color: rgb(42 33 25 / var(--opacity-50));
        --checkbox-border: 1px solid rgb(42 33 25 / var(--opacity-35-55));
      }
    

    .color-custom-template--28638500749493__finishes {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  </style>

<div class="section-background color-custom-template--28638500749493__finishes"></div>
<div
  class="section section--page-width spacing-style za-section za-panel-strip color-custom-template--28638500749493__finishes"
  style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 80px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));"
>
  <div class="za-inner"><div class="za-header-row">
        <div class="za-stack"><p class="za-eyebrow">Finishes</p><h2 class="za-heading">Choose your finish</h2></div></div><div class="za-panel-strip__track" style="--za-panel-height: 420px;">
      <article class="za-panel" tabindex="0" >
  <div class="za-panel__media"><img src="/cdn/shop/files/finish-black__1012.jpg?v=1790183815&amp;width=1200" alt="Coal Black safe" srcset="/cdn/shop/files/finish-black__1012.jpg?v=1790183815&amp;width=400 400w, /cdn/shop/files/finish-black__1012.jpg?v=1790183815&amp;width=600 600w, /cdn/shop/files/finish-black__1012.jpg?v=1790183815&amp;width=900 900w, /cdn/shop/files/finish-black__1012.jpg?v=1790183815&amp;width=1200 1200w" width="1200" height="800" loading="lazy" sizes="(min-width: 990px) 34vw, 78vw">
</div>
  <div class="za-panel__body"><h3 class="za-panel__title"><span class="za-panel__swatch" style="--za-swatch: #1b1b1b;" aria-hidden="true"></span>Coal Black
      </h3></div>
</article>


<article class="za-panel" tabindex="0" >
  <div class="za-panel__media"><img src="/cdn/shop/files/finish-silver__1213.jpg?v=1790183815&amp;width=1200" alt="Gun Metal Grey safe" srcset="/cdn/shop/files/finish-silver__1213.jpg?v=1790183815&amp;width=400 400w, /cdn/shop/files/finish-silver__1213.jpg?v=1790183815&amp;width=600 600w, /cdn/shop/files/finish-silver__1213.jpg?v=1790183815&amp;width=900 900w, /cdn/shop/files/finish-silver__1213.jpg?v=1790183815&amp;width=1200 1200w" width="1200" height="800" loading="lazy" sizes="(min-width: 990px) 34vw, 78vw">
</div>
  <div class="za-panel__body"><h3 class="za-panel__title"><span class="za-panel__swatch" style="--za-swatch: #b9bdc1;" aria-hidden="true"></span>Gun Metal Grey
      </h3></div>
</article>


<article class="za-panel" tabindex="0" >
  <div class="za-panel__media"><img src="/cdn/shop/files/finish-green__1126.jpg?v=1790183815&amp;width=1200" alt="Hunter Green safe" srcset="/cdn/shop/files/finish-green__1126.jpg?v=1790183815&amp;width=400 400w, /cdn/shop/files/finish-green__1126.jpg?v=1790183815&amp;width=600 600w, /cdn/shop/files/finish-green__1126.jpg?v=1790183815&amp;width=900 900w, /cdn/shop/files/finish-green__1126.jpg?v=1790183815&amp;width=1200 1200w" width="1200" height="800" loading="lazy" sizes="(min-width: 990px) 34vw, 78vw">
</div>
  <div class="za-panel__body"><h3 class="za-panel__title"><span class="za-panel__swatch" style="--za-swatch: #3f4a3a;" aria-hidden="true"></span>Hunter Green
      </h3></div>
</article>


<article class="za-panel" tabindex="0" >
  <div class="za-panel__media"><img src="/cdn/shop/files/finish-bronze__1194.jpg?v=1790183815&amp;width=1200" alt="Walnut Brown safe" srcset="/cdn/shop/files/finish-bronze__1194.jpg?v=1790183815&amp;width=400 400w, /cdn/shop/files/finish-bronze__1194.jpg?v=1790183815&amp;width=600 600w, /cdn/shop/files/finish-bronze__1194.jpg?v=1790183815&amp;width=900 900w, /cdn/shop/files/finish-bronze__1194.jpg?v=1790183815&amp;width=1200 1200w" width="1200" height="800" loading="lazy" sizes="(min-width: 990px) 34vw, 78vw">
</div>
  <div class="za-panel__body"><h3 class="za-panel__title"><span class="za-panel__swatch" style="--za-swatch: #7a5a3a;" aria-hidden="true"></span>Walnut Brown
      </h3></div>
</article>



    </div>
  </div>
</div>




</section><section id="shopify-section-template--28638500749493__vault_door" class="shopify-section section-wrapper">




  <style data-shopify>
    .color-custom-template--28638500749493__vault_door,
    .color-custom-template--28638500749493__vault_door .text-block {
      /* Background */
      --color-background: #f6f1e7;
      --color-background-rgb: 246 241 231;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: #2a2119;
        --color-rgb: 42 33 25;
        --color-foreground: #2a2119;
        --color-foreground-rgb: 42 33 25;
        --color-foreground-muted: rgb(42 33 25 / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(42 33 25 / var(--opacity-subdued-text));
        --color-border: var(--palette-darkest);
        --color-border-rgb: var(--palette-darkest-rgb);
      
    }

    
      .color-custom-template--28638500749493__vault_door {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(42 33 25 / var(--opacity-10));
        --input-disabled-border-color: rgb(42 33 25 / var(--opacity-5));
        --input-disabled-text-color: rgb(42 33 25 / var(--opacity-50));
        --checkbox-border: 1px solid rgb(42 33 25 / var(--opacity-35-55));
      }
    

    .color-custom-template--28638500749493__vault_door {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  </style>

<div class="section-background color-custom-template--28638500749493__vault_door"></div>
<div
  class="section section--page-width spacing-style za-section za-layered color-custom-template--28638500749493__vault_door"
  style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 80px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 80px));"
>
  <div class="za-inner">
    <div class="za-layered__grid">
      <div class="za-layered__media"><div class="za-layered__main za-media" style="--za-media-ratio: 4 / 3;"><img src="/cdn/shop/files/vault-door-green__1346.jpg?v=1790183815&amp;width=1800" alt="V1 vault door in Hunter Green" srcset="/cdn/shop/files/vault-door-green__1346.jpg?v=1790183815&amp;width=600 600w, /cdn/shop/files/vault-door-green__1346.jpg?v=1790183815&amp;width=900 900w, /cdn/shop/files/vault-door-green__1346.jpg?v=1790183815&amp;width=1200 1200w, /cdn/shop/files/vault-door-green__1346.jpg?v=1790183815&amp;width=1500 1500w, /cdn/shop/files/vault-door-green__1346.jpg?v=1790183815&amp;width=1800 1800w" width="1800" height="1200" loading="lazy" sizes="(min-width: 990px) 58vw, 100vw">
</div></div>

      <div class="za-layered__text za-stack"><p class="za-eyebrow">Vault Door</p><h2 class="za-heading">The V1 Vault Door</h2><div class="za-body"><p>The same Zanotti Armor standards, built as a door for any home. Locks and unlocks from inside or outside.</p></div><div class="za-actions">
              <a class="button" href="/products/v1">See the V1 Vault Door</a>
            </div></div>
    </div>
  </div>
</div>




</section><section id="shopify-section-template--28638500749493__collection" class="shopify-section section-wrapper">




  <style data-shopify>
    .color-custom-template--28638500749493__collection,
    .color-custom-template--28638500749493__collection .text-block {
      /* Background */
      --color-background: #f6f1e7;
      --color-background-rgb: 246 241 231;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: #2a2119;
        --color-rgb: 42 33 25;
        --color-foreground: #2a2119;
        --color-foreground-rgb: 42 33 25;
        --color-foreground-muted: rgb(42 33 25 / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(42 33 25 / var(--opacity-subdued-text));
        --color-border: var(--palette-darkest);
        --color-border-rgb: var(--palette-darkest-rgb);
      
    }

    
      .color-custom-template--28638500749493__collection {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(42 33 25 / var(--opacity-10));
        --input-disabled-border-color: rgb(42 33 25 / var(--opacity-5));
        --input-disabled-text-color: rgb(42 33 25 / var(--opacity-50));
        --checkbox-border: 1px solid rgb(42 33 25 / var(--opacity-35-55));
      }
    

    .color-custom-template--28638500749493__collection {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  </style>

<div class="section-background color-custom-template--28638500749493__collection"></div>
<div
  class="section section--page-width spacing-style za-section za-featured-products color-custom-template--28638500749493__collection"
  style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 80px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 80px));"
>
  <div class="za-inner">
    <div class="za-header-row">
      <div class="za-stack"><h2 class="za-heading">The Collection</h2></div><a class="za-link" href="/collections/safes">View all safes →</a></div>

    <div class="za-grid" style="--za-cols: 7; --za-cols-laptop: 4; --za-cols-tablet: 3; --za-cols-mobile: 2; --za-grid-gap: 20px;">
      <div class="za-product-card" >
  <a
    class="za-product-card__link"
    
      href="/products/x1"
    
  >
    <div class="za-media za-product-card__media" style="--za-media-ratio: 3 / 4;"><img src="/cdn/shop/files/x1-600x694.jpg?v=1789674301&amp;width=900" alt="X1 Executive Safe" srcset="/cdn/shop/files/x1-600x694.jpg?v=1789674301&amp;width=300 300w, /cdn/shop/files/x1-600x694.jpg?v=1789674301&amp;width=450 450w, /cdn/shop/files/x1-600x694.jpg?v=1789674301&amp;width=600 600w, /cdn/shop/files/x1-600x694.jpg?v=1789674301&amp;width=900 900w" width="900" height="1041" loading="lazy" sizes="(min-width: 1200px) 15vw, (min-width: 990px) 25vw, (min-width: 750px) 33vw, 50vw">
</div><p class="za-product-card__type za-eyebrow">Gun Safe</p><h3 class="za-product-card__title">X1
</h3><p class="za-product-card__price">$2,100.00</p></a>
</div>


<div class="za-product-card" >
  <a
    class="za-product-card__link"
    
      href="/products/z1"
    
  >
    <div class="za-media za-product-card__media" style="--za-media-ratio: 3 / 4;"><img src="/cdn/shop/files/Z1-600x694.jpg?v=1789674306&amp;width=900" alt="Z1 safe" srcset="/cdn/shop/files/Z1-600x694.jpg?v=1789674306&amp;width=300 300w, /cdn/shop/files/Z1-600x694.jpg?v=1789674306&amp;width=450 450w, /cdn/shop/files/Z1-600x694.jpg?v=1789674306&amp;width=600 600w, /cdn/shop/files/Z1-600x694.jpg?v=1789674306&amp;width=900 900w" width="900" height="1041" loading="lazy" sizes="(min-width: 1200px) 15vw, (min-width: 990px) 25vw, (min-width: 750px) 33vw, 50vw">
<span class="za-product-card__badge">Most Chosen</span></div><p class="za-product-card__type za-eyebrow">Gun Safe</p><h3 class="za-product-card__title">Z1
</h3><p class="za-product-card__price">$2,300.00</p></a>
</div>


<div class="za-product-card" >
  <a
    class="za-product-card__link"
    
      href="/products/z2-5ft"
    
  >
    <div class="za-media za-product-card__media" style="--za-media-ratio: 3 / 4;"><img src="/cdn/shop/files/z2_5.jpg?v=1789598247&amp;width=900" alt="Z2 5ft" srcset="/cdn/shop/files/z2_5.jpg?v=1789598247&amp;width=300 300w, /cdn/shop/files/z2_5.jpg?v=1789598247&amp;width=450 450w, /cdn/shop/files/z2_5.jpg?v=1789598247&amp;width=600 600w, /cdn/shop/files/z2_5.jpg?v=1789598247&amp;width=900 900w" width="900" height="1042" loading="lazy" sizes="(min-width: 1200px) 15vw, (min-width: 990px) 25vw, (min-width: 750px) 33vw, 50vw">
</div><p class="za-product-card__type za-eyebrow">Gun Safe</p><h3 class="za-product-card__title">Z2 5ft
</h3><p class="za-product-card__price">$2,730.00</p></a>
</div>


<div class="za-product-card" >
  <a
    class="za-product-card__link"
    
      href="/products/z2-6ft"
    
  >
    <div class="za-media za-product-card__media" style="--za-media-ratio: 3 / 4;"><img src="/cdn/shop/files/z2_6-600x694.jpg?v=1789674312&amp;width=900" alt="Z2 6ft safe" srcset="/cdn/shop/files/z2_6-600x694.jpg?v=1789674312&amp;width=300 300w, /cdn/shop/files/z2_6-600x694.jpg?v=1789674312&amp;width=450 450w, /cdn/shop/files/z2_6-600x694.jpg?v=1789674312&amp;width=600 600w, /cdn/shop/files/z2_6-600x694.jpg?v=1789674312&amp;width=900 900w" width="900" height="1041" loading="lazy" sizes="(min-width: 1200px) 15vw, (min-width: 990px) 25vw, (min-width: 750px) 33vw, 50vw">
</div><p class="za-product-card__type za-eyebrow">Gun Safe</p><h3 class="za-product-card__title">Z2 6ft
</h3><p class="za-product-card__price">$3,150.00</p></a>
</div>


<div class="za-product-card" >
  <a
    class="za-product-card__link"
    
      href="/products/z3-5ft"
    
  >
    <div class="za-media za-product-card__media" style="--za-media-ratio: 3 / 4;"><img src="/cdn/shop/files/z3_5-600x694.jpg?v=1789674324&amp;width=900" alt="Z3 5ft safe" srcset="/cdn/shop/files/z3_5-600x694.jpg?v=1789674324&amp;width=300 300w, /cdn/shop/files/z3_5-600x694.jpg?v=1789674324&amp;width=450 450w, /cdn/shop/files/z3_5-600x694.jpg?v=1789674324&amp;width=600 600w, /cdn/shop/files/z3_5-600x694.jpg?v=1789674324&amp;width=900 900w" width="900" height="1041" loading="lazy" sizes="(min-width: 1200px) 15vw, (min-width: 990px) 25vw, (min-width: 750px) 33vw, 50vw">
</div><p class="za-product-card__type za-eyebrow">Gun Safe</p><h3 class="za-product-card__title">Z3 5ft
</h3><p class="za-product-card__price">$3,675.00</p></a>
</div>


<div class="za-product-card" >
  <a
    class="za-product-card__link"
    
      href="/products/z3-6ft"
    
  >
    <div class="za-media za-product-card__media" style="--za-media-ratio: 3 / 4;"><img src="/cdn/shop/files/z3_6-600x694.jpg?v=1789674328&amp;width=900" alt="Z3 6ft safe" srcset="/cdn/shop/files/z3_6-600x694.jpg?v=1789674328&amp;width=300 300w, /cdn/shop/files/z3_6-600x694.jpg?v=1789674328&amp;width=450 450w, /cdn/shop/files/z3_6-600x694.jpg?v=1789674328&amp;width=600 600w, /cdn/shop/files/z3_6-600x694.jpg?v=1789674328&amp;width=900 900w" width="900" height="1041" loading="lazy" sizes="(min-width: 1200px) 15vw, (min-width: 990px) 25vw, (min-width: 750px) 33vw, 50vw">
</div><p class="za-product-card__type za-eyebrow">Gun Safe</p><h3 class="za-product-card__title">Z3 6ft
</h3><p class="za-product-card__price">$4,200.00</p></a>
</div>


<div class="za-product-card" >
  <a
    class="za-product-card__link"
    
      href="/products/v1"
    
  >
    <div class="za-media za-product-card__media" style="--za-media-ratio: 3 / 4;"><img src="/cdn/shop/files/V1-600x694.png?v=1789674298&amp;width=900" alt="V1 Vault Door" srcset="/cdn/shop/files/V1-600x694.png?v=1789674298&amp;width=300 300w, /cdn/shop/files/V1-600x694.png?v=1789674298&amp;width=450 450w, /cdn/shop/files/V1-600x694.png?v=1789674298&amp;width=600 600w, /cdn/shop/files/V1-600x694.png?v=1789674298&amp;width=900 900w" width="900" height="1041" loading="lazy" sizes="(min-width: 1200px) 15vw, (min-width: 990px) 25vw, (min-width: 750px) 33vw, 50vw">
</div><p class="za-product-card__type za-eyebrow">Vault Door</p><h3 class="za-product-card__title">V1
</h3><p class="za-product-card__price">$3,000.00</p></a>
</div>



    </div>
  </div>
</div>




</section><section id="shopify-section-template--28638500749493__open_it" class="shopify-section section-wrapper">




  <style data-shopify>
    .color-custom-template--28638500749493__open_it,
    .color-custom-template--28638500749493__open_it .text-block {
      /* Background */
      --color-background: #efe7d8;
      --color-background-rgb: 239 231 216;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: #2a2119;
        --color-rgb: 42 33 25;
        --color-foreground: #2a2119;
        --color-foreground-rgb: 42 33 25;
        --color-foreground-muted: rgb(42 33 25 / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(42 33 25 / var(--opacity-subdued-text));
        --color-border: var(--palette-darkest);
        --color-border-rgb: var(--palette-darkest-rgb);
      
    }

    
      .color-custom-template--28638500749493__open_it {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(42 33 25 / var(--opacity-10));
        --input-disabled-border-color: rgb(42 33 25 / var(--opacity-5));
        --input-disabled-text-color: rgb(42 33 25 / var(--opacity-50));
        --checkbox-border: 1px solid rgb(42 33 25 / var(--opacity-35-55));
      }
    

    .color-custom-template--28638500749493__open_it {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  </style>

<div class="section-background color-custom-template--28638500749493__open_it"></div>
<div
  class="section section--page-width spacing-style za-section za-steps color-custom-template--28638500749493__open_it"
  style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 80px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 88px));"
>
  <div class="za-inner"><div class="za-stack"><p class="za-eyebrow">Inside</p><h2 class="za-heading">Open it up.</h2></div><div class="za-steps__list" style="--za-steps-columns: 3;">
      <div class="za-steps__step" data-step="0" >
  <figure class="za-steps__figure"><img src="/cdn/shop/files/interior-open-wide__1050.jpg?v=1790183788&amp;width=1800" alt="Safe standing open" srcset="/cdn/shop/files/interior-open-wide__1050.jpg?v=1790183788&amp;width=600 600w, /cdn/shop/files/interior-open-wide__1050.jpg?v=1790183788&amp;width=900 900w, /cdn/shop/files/interior-open-wide__1050.jpg?v=1790183788&amp;width=1200 1200w, /cdn/shop/files/interior-open-wide__1050.jpg?v=1790183788&amp;width=1500 1500w, /cdn/shop/files/interior-open-wide__1050.jpg?v=1790183788&amp;width=1800 1800w" width="1800" height="1200" loading="lazy" sizes="(min-width: 990px) 30vw, (min-width: 750px) 45vw, 100vw">
</figure>
  <div class="za-steps__copy"><h3 class="za-steps__title">Shelving</h3><div class="za-steps__text"><p>Adjustable shelving across the interior floor.</p></div></div>
</div>


<div class="za-steps__step" data-step="1" >
  <figure class="za-steps__figure"><img src="/cdn/shop/files/interior-open-close__1052.jpg?v=1790183815&amp;width=1800" alt="Close view inside the open safe" srcset="/cdn/shop/files/interior-open-close__1052.jpg?v=1790183815&amp;width=600 600w, /cdn/shop/files/interior-open-close__1052.jpg?v=1790183815&amp;width=900 900w, /cdn/shop/files/interior-open-close__1052.jpg?v=1790183815&amp;width=1200 1200w, /cdn/shop/files/interior-open-close__1052.jpg?v=1790183815&amp;width=1500 1500w, /cdn/shop/files/interior-open-close__1052.jpg?v=1790183815&amp;width=1800 1800w" width="1800" height="1200" loading="lazy" sizes="(min-width: 990px) 30vw, (min-width: 750px) 45vw, 100vw">
</figure>
  <div class="za-steps__copy"><h3 class="za-steps__title">Carpeted door panel</h3><div class="za-steps__text"><p>No-lint nylon carpet lines the door and interior.</p></div></div>
</div>


<div class="za-steps__step" data-step="2" >
  <figure class="za-steps__figure"><img src="/cdn/shop/files/interior-door-carpet__1040.jpg?v=1790183788&amp;width=1800" alt="Carpeted door panel and hinge pins" srcset="/cdn/shop/files/interior-door-carpet__1040.jpg?v=1790183788&amp;width=600 600w, /cdn/shop/files/interior-door-carpet__1040.jpg?v=1790183788&amp;width=900 900w, /cdn/shop/files/interior-door-carpet__1040.jpg?v=1790183788&amp;width=1200 1200w, /cdn/shop/files/interior-door-carpet__1040.jpg?v=1790183788&amp;width=1500 1500w, /cdn/shop/files/interior-door-carpet__1040.jpg?v=1790183788&amp;width=1800 1800w" width="1800" height="1200" loading="lazy" sizes="(min-width: 990px) 30vw, (min-width: 750px) 45vw, 100vw">
</figure>
  <div class="za-steps__copy"><h3 class="za-steps__title">Hinge pins</h3><div class="za-steps__text"><p>Solid steel pins hold the panels together.</p></div></div>
</div>



    </div>
  </div>
</div>




</section><section id="shopify-section-template--28638500749493__testimonials" class="shopify-section section-wrapper">




  <style data-shopify>
    .color-custom-template--28638500749493__testimonials,
    .color-custom-template--28638500749493__testimonials .text-block {
      /* Background */
      --color-background: #efe7d8;
      --color-background-rgb: 239 231 216;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: #2a2119;
        --color-rgb: 42 33 25;
        --color-foreground: #2a2119;
        --color-foreground-rgb: 42 33 25;
        --color-foreground-muted: rgb(42 33 25 / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(42 33 25 / var(--opacity-subdued-text));
        --color-border: var(--palette-darkest);
        --color-border-rgb: var(--palette-darkest-rgb);
      
    }

    
      .color-custom-template--28638500749493__testimonials {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(42 33 25 / var(--opacity-10));
        --input-disabled-border-color: rgb(42 33 25 / var(--opacity-5));
        --input-disabled-text-color: rgb(42 33 25 / var(--opacity-50));
        --checkbox-border: 1px solid rgb(42 33 25 / var(--opacity-35-55));
      }
    

    .color-custom-template--28638500749493__testimonials {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  </style>

<div class="section-background color-custom-template--28638500749493__testimonials"></div>
<div
  class="section section--page-width spacing-style za-section za-testimonials color-custom-template--28638500749493__testimonials"
  style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 80px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 80px));"
>
  <div class="za-inner za-testimonials--with-portrait"><figure class="za-testimonials__portrait" style="--za-duotone: rgba(36, 27, 21, 0.25);">
        <img src="/cdn/shop/files/founder-color-wide__1390.jpg?v=1790183814&amp;width=1400" alt="Zanotti Armor founder in the Waterloo, Iowa shop" srcset="/cdn/shop/files/founder-color-wide__1390.jpg?v=1790183814&amp;width=400 400w, /cdn/shop/files/founder-color-wide__1390.jpg?v=1790183814&amp;width=700 700w, /cdn/shop/files/founder-color-wide__1390.jpg?v=1790183814&amp;width=1000 1000w, /cdn/shop/files/founder-color-wide__1390.jpg?v=1790183814&amp;width=1400 1400w" width="1400" height="933" loading="lazy" class="za-testimonials__portrait-base" sizes="(min-width: 990px) 38vw, 100vw">
<img src="/cdn/shop/files/founder-bw-wide__1391.jpg?v=1790183815&amp;width=1400" alt="" srcset="/cdn/shop/files/founder-bw-wide__1391.jpg?v=1790183815&amp;width=400 400w, /cdn/shop/files/founder-bw-wide__1391.jpg?v=1790183815&amp;width=700 700w, /cdn/shop/files/founder-bw-wide__1391.jpg?v=1790183815&amp;width=1000 1000w, /cdn/shop/files/founder-bw-wide__1391.jpg?v=1790183815&amp;width=1400 1400w" width="1400" height="933" loading="lazy" class="za-testimonials__portrait-hover" sizes="(min-width: 990px) 38vw, 100vw">
</figure><figure class="za-stack za-stack--center za-testimonials__featured"><blockquote class="za-testimonials__pull-quote">I had high expectations and can honestly say that they have been exceeded: the quality of materials and workmanship are first-rate.</blockquote></figure><div class="za-grid" style="--za-cols: 3; --za-cols-tablet: 1; --za-grid-gap: 40px;">
      <figure class="za-testimonial" ><blockquote class="za-testimonial__quote">I can testify to the ease of moving it into my basement and its simple assembly. I will never buy another brand of safe.</blockquote><figcaption class="za-testimonial__author"><span class="za-testimonial__name">Michael</span><span class="za-testimonial__detail">Topeka, KS</span></figcaption></figure>


<figure class="za-testimonial" ><blockquote class="za-testimonial__quote">I move often, and the fact that it comes apart is extraordinarily valuable to me. I am very happy with it.</blockquote><figcaption class="za-testimonial__author"><span class="za-testimonial__name">T.J.</span><span class="za-testimonial__detail">Gaithersburg, MD</span></figcaption></figure>


<figure class="za-testimonial" ><blockquote class="za-testimonial__quote">I've had it a decade; it looks and functions like day one. My family is safe and secure.</blockquote><figcaption class="za-testimonial__author"><span class="za-testimonial__name">Andy</span><span class="za-testimonial__detail">Verified Owner</span></figcaption></figure>



    </div><div class="za-testimonials__footer">
        <a class="za-link" href="/pages/photos">See more owner stories →</a>
      </div></div>
</div>




</section><section id="shopify-section-template--28638500749493__video" class="shopify-section section-wrapper">




  <style data-shopify>
    .color-custom-template--28638500749493__video,
    .color-custom-template--28638500749493__video .text-block {
      /* Background */
      --color-background: #f6f1e7;
      --color-background-rgb: 246 241 231;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: #2a2119;
        --color-rgb: 42 33 25;
        --color-foreground: #2a2119;
        --color-foreground-rgb: 42 33 25;
        --color-foreground-muted: rgb(42 33 25 / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(42 33 25 / var(--opacity-subdued-text));
        --color-border: var(--palette-darkest);
        --color-border-rgb: var(--palette-darkest-rgb);
      
    }

    
      .color-custom-template--28638500749493__video {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(42 33 25 / var(--opacity-10));
        --input-disabled-border-color: rgb(42 33 25 / var(--opacity-5));
        --input-disabled-text-color: rgb(42 33 25 / var(--opacity-50));
        --checkbox-border: 1px solid rgb(42 33 25 / var(--opacity-35-55));
      }
    

    .color-custom-template--28638500749493__video {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  </style>

<div class="section-background color-custom-template--28638500749493__video"></div>
<div
  class="section section--page-width spacing-style za-section za-video-feature color-custom-template--28638500749493__video"
  style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 80px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 80px));"
>
  <div class="za-inner">
    <div class="za-split za-split--media-left za-video-feature__split">
      <div class="za-split__media">
        <za-video-player
          class="za-media za-video"
          style="--za-media-ratio: 16 / 9;"
          
          
          
        ><img src="/cdn/shop/files/hero-alt-black-safe__1004.jpg?v=1790183815&amp;width=2600" alt="" srcset="/cdn/shop/files/hero-alt-black-safe__1004.jpg?v=1790183815&amp;width=600 600w, /cdn/shop/files/hero-alt-black-safe__1004.jpg?v=1790183815&amp;width=900 900w, /cdn/shop/files/hero-alt-black-safe__1004.jpg?v=1790183815&amp;width=1200 1200w, /cdn/shop/files/hero-alt-black-safe__1004.jpg?v=1790183815&amp;width=1500 1500w, /cdn/shop/files/hero-alt-black-safe__1004.jpg?v=1790183815&amp;width=1800 1800w" width="2600" height="1733" loading="lazy" sizes="(min-width: 750px) 55vw, 100vw">

</za-video-player>
      </div>

      <div class="za-stack"><h2 class="za-heading">Building a Better Safe</h2><div class="za-body"><p>Heavy-gauge steel, hardplate protection, and fire-resistant construction, assembled by hand one safe at a time. See what goes into every unit before it ships.</p></div><div class="za-video-feature__links"><a class="za-link" href="/pages/videos-brochures">Watch the assembly video →</a><a class="za-link" href="/pages/videos-brochures">Download the brochure →</a></div>
      </div>
    </div>
  </div>
</div>






</section><section id="shopify-section-template--28638500749493__reels" class="shopify-section section-wrapper">




  <style data-shopify>
    .color-custom-template--28638500749493__reels,
    .color-custom-template--28638500749493__reels .text-block {
      /* Background */
      --color-background: #f6f1e7;
      --color-background-rgb: 246 241 231;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: #2a2119;
        --color-rgb: 42 33 25;
        --color-foreground: #2a2119;
        --color-foreground-rgb: 42 33 25;
        --color-foreground-muted: rgb(42 33 25 / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(42 33 25 / var(--opacity-subdued-text));
        --color-border: var(--palette-darkest);
        --color-border-rgb: var(--palette-darkest-rgb);
      
    }

    
      .color-custom-template--28638500749493__reels {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(42 33 25 / var(--opacity-10));
        --input-disabled-border-color: rgb(42 33 25 / var(--opacity-5));
        --input-disabled-text-color: rgb(42 33 25 / var(--opacity-50));
        --checkbox-border: 1px solid rgb(42 33 25 / var(--opacity-35-55));
      }
    

    .color-custom-template--28638500749493__reels {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  </style>

<div class="section-background color-custom-template--28638500749493__reels"></div>
<div
  class="section section--page-width spacing-style za-section za-reels color-custom-template--28638500749493__reels"
  style="--padding-block-start: 8px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 88px));"
>
  <za-reels-rail class="za-inner"><div class="za-stack"><p class="za-eyebrow">Reels</p></div><div class="za-reels__rail">
      <button
    type="button"
    class="za-reel"
    data-reel-src="/cdn/shop/videos/c/vp/9036592e90884007a9cde22752c3103a/9036592e90884007a9cde22752c3103a.HD-1080p-2.5Mbps-95341701.mp4?v=0"
    data-title="Z3 6ft"
    aria-label="Play Z3 6ft"
    
  >
    <span class="za-reel__frame"><img src="/cdn/shop/files/preview_images/9036592e90884007a9cde22752c3103a.thumbnail.0000000000.jpg?v=1790184181&amp;width=720" alt="" srcset="/cdn/shop/files/preview_images/9036592e90884007a9cde22752c3103a.thumbnail.0000000000.jpg?v=1790184181&amp;width=240 240w, /cdn/shop/files/preview_images/9036592e90884007a9cde22752c3103a.thumbnail.0000000000.jpg?v=1790184181&amp;width=360 360w, /cdn/shop/files/preview_images/9036592e90884007a9cde22752c3103a.thumbnail.0000000000.jpg?v=1790184181&amp;width=540 540w, /cdn/shop/files/preview_images/9036592e90884007a9cde22752c3103a.thumbnail.0000000000.jpg?v=1790184181&amp;width=720 720w" width="720" height="1280" loading="lazy" sizes="(min-width: 990px) 220px, 58vw">
<span class="za-reel__badge" aria-hidden="true">
        <svg viewBox="0 0 24 24" focusable="false"><path d="M8 5.5v13l11-6.5-11-6.5z" fill="currentColor"/></svg>
      </span>
    </span><span class="za-reel__title">Z3 6ft</span></button>
<button
    type="button"
    class="za-reel"
    data-reel-src="/cdn/shop/videos/c/vp/207e8560a3574f6d81b4da33857be87a/207e8560a3574f6d81b4da33857be87a.HD-1080p-2.5Mbps-95341483.mp4?v=0"
    data-title="Z2 6ft"
    aria-label="Play Z2 6ft"
    
  >
    <span class="za-reel__frame"><img src="/cdn/shop/files/preview_images/207e8560a3574f6d81b4da33857be87a.thumbnail.0000000000.jpg?v=1790184077&amp;width=720" alt="" srcset="/cdn/shop/files/preview_images/207e8560a3574f6d81b4da33857be87a.thumbnail.0000000000.jpg?v=1790184077&amp;width=240 240w, /cdn/shop/files/preview_images/207e8560a3574f6d81b4da33857be87a.thumbnail.0000000000.jpg?v=1790184077&amp;width=360 360w, /cdn/shop/files/preview_images/207e8560a3574f6d81b4da33857be87a.thumbnail.0000000000.jpg?v=1790184077&amp;width=540 540w, /cdn/shop/files/preview_images/207e8560a3574f6d81b4da33857be87a.thumbnail.0000000000.jpg?v=1790184077&amp;width=720 720w" width="720" height="1280" loading="lazy" sizes="(min-width: 990px) 220px, 58vw">
<span class="za-reel__badge" aria-hidden="true">
        <svg viewBox="0 0 24 24" focusable="false"><path d="M8 5.5v13l11-6.5-11-6.5z" fill="currentColor"/></svg>
      </span>
    </span><span class="za-reel__title">Z2 6ft</span></button>
<button
    type="button"
    class="za-reel"
    data-reel-src="/cdn/shop/videos/c/vp/111e4d27b2da4a13b4b0875941262267/111e4d27b2da4a13b4b0875941262267.HD-1080p-2.5Mbps-95341482.mp4?v=0"
    data-title="Z2 5ft"
    aria-label="Play Z2 5ft"
    
  >
    <span class="za-reel__frame"><img src="/cdn/shop/files/preview_images/111e4d27b2da4a13b4b0875941262267.thumbnail.0000000000.jpg?v=1790184077&amp;width=720" alt="" srcset="/cdn/shop/files/preview_images/111e4d27b2da4a13b4b0875941262267.thumbnail.0000000000.jpg?v=1790184077&amp;width=240 240w, /cdn/shop/files/preview_images/111e4d27b2da4a13b4b0875941262267.thumbnail.0000000000.jpg?v=1790184077&amp;width=360 360w, /cdn/shop/files/preview_images/111e4d27b2da4a13b4b0875941262267.thumbnail.0000000000.jpg?v=1790184077&amp;width=540 540w, /cdn/shop/files/preview_images/111e4d27b2da4a13b4b0875941262267.thumbnail.0000000000.jpg?v=1790184077&amp;width=720 720w" width="720" height="1280" loading="lazy" sizes="(min-width: 990px) 220px, 58vw">
<span class="za-reel__badge" aria-hidden="true">
        <svg viewBox="0 0 24 24" focusable="false"><path d="M8 5.5v13l11-6.5-11-6.5z" fill="currentColor"/></svg>
      </span>
    </span><span class="za-reel__title">Z2 5ft</span></button>
<button
    type="button"
    class="za-reel"
    data-reel-src="/cdn/shop/videos/c/vp/89879c7697894c9b92a7f3af6eea0234/89879c7697894c9b92a7f3af6eea0234.HD-1080p-2.5Mbps-95341481.mp4?v=0"
    data-title="Z1 5ft"
    aria-label="Play Z1 5ft"
    
  >
    <span class="za-reel__frame"><img src="/cdn/shop/files/preview_images/89879c7697894c9b92a7f3af6eea0234.thumbnail.0000000000.jpg?v=1790184077&amp;width=720" alt="" srcset="/cdn/shop/files/preview_images/89879c7697894c9b92a7f3af6eea0234.thumbnail.0000000000.jpg?v=1790184077&amp;width=240 240w, /cdn/shop/files/preview_images/89879c7697894c9b92a7f3af6eea0234.thumbnail.0000000000.jpg?v=1790184077&amp;width=360 360w, /cdn/shop/files/preview_images/89879c7697894c9b92a7f3af6eea0234.thumbnail.0000000000.jpg?v=1790184077&amp;width=540 540w, /cdn/shop/files/preview_images/89879c7697894c9b92a7f3af6eea0234.thumbnail.0000000000.jpg?v=1790184077&amp;width=720 720w" width="720" height="1280" loading="lazy" sizes="(min-width: 990px) 220px, 58vw">
<span class="za-reel__badge" aria-hidden="true">
        <svg viewBox="0 0 24 24" focusable="false"><path d="M8 5.5v13l11-6.5-11-6.5z" fill="currentColor"/></svg>
      </span>
    </span><span class="za-reel__title">Z1 5ft</span></button>
<button
    type="button"
    class="za-reel"
    data-reel-src="/cdn/shop/videos/c/vp/c9a910a3d21d4938b49bd0de454bec7d/c9a910a3d21d4938b49bd0de454bec7d.HD-1080p-2.5Mbps-95341454.mp4?v=0"
    data-title="X1"
    aria-label="Play X1"
    
  >
    <span class="za-reel__frame"><img src="/cdn/shop/files/preview_images/c9a910a3d21d4938b49bd0de454bec7d.thumbnail.0000000000.jpg?v=1790184045&amp;width=720" alt="" srcset="/cdn/shop/files/preview_images/c9a910a3d21d4938b49bd0de454bec7d.thumbnail.0000000000.jpg?v=1790184045&amp;width=240 240w, /cdn/shop/files/preview_images/c9a910a3d21d4938b49bd0de454bec7d.thumbnail.0000000000.jpg?v=1790184045&amp;width=360 360w, /cdn/shop/files/preview_images/c9a910a3d21d4938b49bd0de454bec7d.thumbnail.0000000000.jpg?v=1790184045&amp;width=540 540w, /cdn/shop/files/preview_images/c9a910a3d21d4938b49bd0de454bec7d.thumbnail.0000000000.jpg?v=1790184045&amp;width=720 720w" width="720" height="1280" loading="lazy" sizes="(min-width: 990px) 220px, 58vw">
<span class="za-reel__badge" aria-hidden="true">
        <svg viewBox="0 0 24 24" focusable="false"><path d="M8 5.5v13l11-6.5-11-6.5z" fill="currentColor"/></svg>
      </span>
    </span><span class="za-reel__title">X1</span></button>
<button
    type="button"
    class="za-reel"
    data-reel-src="/cdn/shop/videos/c/vp/39086765eb1b458298e25773cb3e1192/39086765eb1b458298e25773cb3e1192.HD-1080p-2.5Mbps-95341453.mp4?v=0"
    data-title="V1"
    aria-label="Play V1"
    
  >
    <span class="za-reel__frame"><img src="/cdn/shop/files/preview_images/39086765eb1b458298e25773cb3e1192.thumbnail.0000000000.jpg?v=1790184046&amp;width=720" alt="" srcset="/cdn/shop/files/preview_images/39086765eb1b458298e25773cb3e1192.thumbnail.0000000000.jpg?v=1790184046&amp;width=240 240w, /cdn/shop/files/preview_images/39086765eb1b458298e25773cb3e1192.thumbnail.0000000000.jpg?v=1790184046&amp;width=360 360w, /cdn/shop/files/preview_images/39086765eb1b458298e25773cb3e1192.thumbnail.0000000000.jpg?v=1790184046&amp;width=540 540w, /cdn/shop/files/preview_images/39086765eb1b458298e25773cb3e1192.thumbnail.0000000000.jpg?v=1790184046&amp;width=720 720w" width="720" height="1280" loading="lazy" sizes="(min-width: 990px) 220px, 58vw">
<span class="za-reel__badge" aria-hidden="true">
        <svg viewBox="0 0 24 24" focusable="false"><path d="M8 5.5v13l11-6.5-11-6.5z" fill="currentColor"/></svg>
      </span>
    </span><span class="za-reel__title">V1</span></button>
<button
    type="button"
    class="za-reel"
    data-reel-src="/cdn/shop/videos/c/vp/f8ceeb242d124276b8b2a663f563e4c6/f8ceeb242d124276b8b2a663f563e4c6.HD-1080p-2.5Mbps-95341452.mp4?v=0"
    data-title="Burnt safe"
    aria-label="Play Burnt safe"
    
  >
    <span class="za-reel__frame"><img src="/cdn/shop/files/preview_images/f8ceeb242d124276b8b2a663f563e4c6.thumbnail.0000000000.jpg?v=1790184046&amp;width=720" alt="" srcset="/cdn/shop/files/preview_images/f8ceeb242d124276b8b2a663f563e4c6.thumbnail.0000000000.jpg?v=1790184046&amp;width=240 240w, /cdn/shop/files/preview_images/f8ceeb242d124276b8b2a663f563e4c6.thumbnail.0000000000.jpg?v=1790184046&amp;width=360 360w, /cdn/shop/files/preview_images/f8ceeb242d124276b8b2a663f563e4c6.thumbnail.0000000000.jpg?v=1790184046&amp;width=540 540w, /cdn/shop/files/preview_images/f8ceeb242d124276b8b2a663f563e4c6.thumbnail.0000000000.jpg?v=1790184046&amp;width=720 720w" width="720" height="1280" loading="lazy" sizes="(min-width: 990px) 220px, 58vw">
<span class="za-reel__badge" aria-hidden="true">
        <svg viewBox="0 0 24 24" focusable="false"><path d="M8 5.5v13l11-6.5-11-6.5z" fill="currentColor"/></svg>
      </span>
    </span><span class="za-reel__title">Burnt safe</span></button>
<button
    type="button"
    class="za-reel"
    data-reel-src="/cdn/shop/videos/c/vp/607f946bbb4d403aacd2ad884784de20/607f946bbb4d403aacd2ad884784de20.HD-1080p-2.5Mbps-95341703.mp4?v=0"
    data-title="Sunset beauty shots"
    aria-label="Play Sunset beauty shots"
    
  >
    <span class="za-reel__frame"><img src="/cdn/shop/files/preview_images/607f946bbb4d403aacd2ad884784de20.thumbnail.0000000000.jpg?v=1790184188&amp;width=720" alt="" srcset="/cdn/shop/files/preview_images/607f946bbb4d403aacd2ad884784de20.thumbnail.0000000000.jpg?v=1790184188&amp;width=240 240w, /cdn/shop/files/preview_images/607f946bbb4d403aacd2ad884784de20.thumbnail.0000000000.jpg?v=1790184188&amp;width=360 360w, /cdn/shop/files/preview_images/607f946bbb4d403aacd2ad884784de20.thumbnail.0000000000.jpg?v=1790184188&amp;width=540 540w, /cdn/shop/files/preview_images/607f946bbb4d403aacd2ad884784de20.thumbnail.0000000000.jpg?v=1790184188&amp;width=720 720w" width="720" height="1280" loading="lazy" sizes="(min-width: 990px) 220px, 58vw">
<span class="za-reel__badge" aria-hidden="true">
        <svg viewBox="0 0 24 24" focusable="false"><path d="M8 5.5v13l11-6.5-11-6.5z" fill="currentColor"/></svg>
      </span>
    </span><span class="za-reel__title">Sunset beauty shots</span></button>

    </div>

    <dialog class="za-reels__dialog" data-dialog>
      <button type="button" class="za-reels__close" data-close aria-label="Close video">&times;</button>
      <div class="za-reels__stage" data-stage></div>
    </dialog>
  </za-reels-rail>
</div>






</section><section id="shopify-section-template--28638500749493__news" class="shopify-section section-wrapper">




  <style data-shopify>
    .color-custom-template--28638500749493__news,
    .color-custom-template--28638500749493__news .text-block {
      /* Background */
      --color-background: #f6f1e7;
      --color-background-rgb: 246 241 231;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: #2a2119;
        --color-rgb: 42 33 25;
        --color-foreground: #2a2119;
        --color-foreground-rgb: 42 33 25;
        --color-foreground-muted: rgb(42 33 25 / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(42 33 25 / var(--opacity-subdued-text));
        --color-border: var(--palette-darkest);
        --color-border-rgb: var(--palette-darkest-rgb);
      
    }

    
      .color-custom-template--28638500749493__news {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(42 33 25 / var(--opacity-10));
        --input-disabled-border-color: rgb(42 33 25 / var(--opacity-5));
        --input-disabled-text-color: rgb(42 33 25 / var(--opacity-50));
        --checkbox-border: 1px solid rgb(42 33 25 / var(--opacity-35-55));
      }
    

    .color-custom-template--28638500749493__news {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  </style>

<div class="section-background color-custom-template--28638500749493__news"></div>
<div
  class="section section--page-width spacing-style za-section za-news color-custom-template--28638500749493__news"
  style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 80px));"
>
  <div class="za-inner"><div class="za-header-row">
        <div class="za-stack"><h2 class="za-heading">Latest News</h2></div><a class="za-link" href="/pages/news">View all news →</a></div><div
      class="za-grid"
      style="--za-cols: 3; --za-cols-tablet: 2;"
    >
      <article
  class="za-card za-news-card za-lift"
  
    data-za-reveal
    style="--za-reveal-delay: 0ms;"
  
  
  
><p class="za-eyebrow za-news-card__tag">Showroom</p><h3 class="za-card__title h4">Showroom Availability</h3><div class="za-card__text"><p>Our showroom is open. We'll continue to practice social responsibility for employees and guests; please call ahead to schedule your visit.</p></div></article>


<article
  class="za-card za-news-card za-lift"
  
    data-za-reveal
    style="--za-reveal-delay: 60ms;"
  
  
  
><p class="za-eyebrow za-news-card__tag">Press</p><h3 class="za-card__title h4">Zanotti Armor Featured on 'A Man and His Gear'</h3><div class="za-card__text"><p>We appreciate the nice article written about Zanotti Armor by A Man and His Gear; go check out his site if you have a chance.</p></div></article>


<article
  class="za-card za-news-card za-lift"
  
    data-za-reveal
    style="--za-reveal-delay: 120ms;"
  
  
  
><p class="za-eyebrow za-news-card__tag">Products</p><h3 class="za-card__title h4">V1 Vault Door</h3><div class="za-card__text"><p>The V1 Vault Door is built to the same high standards as all Zanotti Armor safes and can be installed in any home, locking and unlocking from inside or outside.</p></div></article>



    </div>
  </div>
</div>




</section><section id="shopify-section-template--28638500749493__cta" class="shopify-section section-wrapper">




  <style data-shopify>
    .color-custom-template--28638500749493__cta,
    .color-custom-template--28638500749493__cta .text-block {
      /* Background */
      --color-background: #8a2a1f;
      --color-background-rgb: 138 42 31;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: #f6f1e7;
        --color-rgb: 246 241 231;
        --color-foreground: #f6f1e7;
        --color-foreground-rgb: 246 241 231;
        --color-foreground-muted: rgb(246 241 231 / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(246 241 231 / var(--opacity-subdued-text));
        --color-border: var(--palette-lightest);
        --color-border-rgb: var(--palette-lightest-rgb);
      
    }

    
      .color-custom-template--28638500749493__cta {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(246 241 231 / var(--opacity-10));
        --input-disabled-border-color: rgb(246 241 231 / var(--opacity-5));
        --input-disabled-text-color: rgb(246 241 231 / var(--opacity-50));
        --checkbox-border: 1px solid rgb(246 241 231 / var(--opacity-35-55));
      }
    

    .color-custom-template--28638500749493__cta {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  </style>

<div class="section-background color-custom-template--28638500749493__cta"></div>
<div
  class="section section--page-width spacing-style za-section za-cta za-invert za-cta--has-bg color-custom-template--28638500749493__cta"
  style="
    --padding-block-start: max(20px, calc(var(--spacing-scale) * 72px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 72px));
    --za-cta-min-height: 360px;
    --za-cta-min-height-mobile: 280px;
  "
><div class="za-cta__bg" aria-hidden="true">
      <img src="/cdn/shop/files/cta-bg-black-hall__1189.jpg?v=1790183815&amp;width=2400" alt="" srcset="/cdn/shop/files/cta-bg-black-hall__1189.jpg?v=1790183815&amp;width=800 800w, /cdn/shop/files/cta-bg-black-hall__1189.jpg?v=1790183815&amp;width=1200 1200w, /cdn/shop/files/cta-bg-black-hall__1189.jpg?v=1790183815&amp;width=1600 1600w, /cdn/shop/files/cta-bg-black-hall__1189.jpg?v=1790183815&amp;width=2000 2000w, /cdn/shop/files/cta-bg-black-hall__1189.jpg?v=1790183815&amp;width=2400 2400w" width="2400" height="1600" loading="lazy" sizes="100vw" style="object-position: center ">center;
<span class="za-cta__scrim" style="--za-cta-scrim: rgba(31, 22, 17, 0.8);"></span>
    </div><div class="za-inner">
    <div class="za-cta__row">
      <div class="za-stack"><h3 class="za-heading za-cta__heading">Ready to build the safe that's built for you?</h3></div>
      <div class="za-actions za-cta__actions"><a class="button" href="/collections/safes">Build My Safe</a><a class="button-secondary" href="tel:+13192329650">Call 319-232-9650</a></div>
    </div>
  </div>
</div>




</section>
      </main>

      <footer>
        <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--28638500225205__footer" class="shopify-section shopify-section-group-footer-group section-wrapper">




  <style data-shopify>
    .color-custom-sections--28638500225205__footer,
    .color-custom-sections--28638500225205__footer .text-block {
      /* Background */
      --color-background: #241b15;
      --color-background-rgb: 36 27 21;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60:
0.6; --opacity-30-60: 0.6; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: var(--palette-lightest);
        --color-rgb: var(--palette-lightest-rgb);
        --color-foreground: var(--palette-lightest);
        --color-foreground-rgb: var(--palette-lightest-rgb);
        --color-foreground-muted: rgb(var(--palette-lightest-rgb) / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(var(--palette-lightest-rgb) / var(--opacity-subdued-text));
        --color-border: var(--palette-lightest);
        --color-border-rgb: var(--palette-lightest-rgb);
      
    }

    
      .color-custom-sections--28638500225205__footer {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(var(--palette-lightest-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--palette-lightest-rgb) / var(--opacity-5));
        --input-disabled-text-color: rgb(var(--palette-lightest-rgb) / var(--opacity-50));
        --checkbox-border: 1px solid rgb(var(--palette-lightest-rgb) / var(--opacity-35-55));
      }
    

    .color-custom-sections--28638500225205__footer {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  </style>



<div
  class="section-background color-custom-sections--28638500225205__footer"
></div>
<div
  class="section section--page-width color-custom-sections--28638500225205__footer"
>
  
  <div
    class="
      footer-content
      spacing-style
      
      
    "
    style="
      --padding-block-start: max(20px, calc(var(--spacing-scale) * 36px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 36px));
      --footer-gap: 40px;
      --grid-columns: 4;
      --last-row-count: 4;
      --tablet-last-row-count: 2;
    "
  >
    









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    




    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  <a
  class="za-logo spacing-style"
  href="/"
  style="
    --za-logo-width: 223px;
    --za-logo-width-mobile: 185px;
    --padding-block-start: 0px;--padding-block-end: 4px;
  "
  
><img
      class="za-logo__image"
      src="/cdn/shop/t/4/assets/logo.svg?v=77632060062182970111790889264"
      alt="Zanotti Armor"
      width="223"
      height="116"
      loading="lazy"
    ></a>




<div class="za-footer-contact" ><p class="za-footer-contact__address">2003 Westfield Ave.<br />
Waterloo, IA 50701</p><p class="za-footer-contact__phone">319-232-9650
</p></div>





</div>
</div>







  






  <accordion-custom
  
    class="menu"
  
  
  
    open-by-default-on-desktop
  
  
    open-by-default-on-mobile
  
  
    data-disable-on-desktop="true"
  
  
    data-disable-on-mobile="true"
  
  
  
  
>
  
    <details
      class="
        menu__details
        spacing-style
        
      "
      data-testid="menu-details"
      style="
        --spacing--size: 12px;
        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      "
      
        open
      
      
    >
      <summary class="menu__heading paragraph">
        <span class="menu__heading__default">Explore</span>
        <span class="menu__heading__accordion">
          Explore
          
            <span class="menu__heading__toggle svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
          
        </span>
      </summary>

      <nav
        class="details-content"
        
      >
        
          <ul class="list-unstyled">
            
              <li class="menu__item paragraph">
                <a href="/collections/all">
                  Products
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/collections/accessories">
                  Accessories
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/the-difference">
                  The Difference
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/store">
                  Store & Showroom
                </a>
              </li>
            
          </ul>
        
      </nav>
    </details>
  
</accordion-custom>










  






  <accordion-custom
  
    class="menu"
  
  
  
    open-by-default-on-desktop
  
  
    open-by-default-on-mobile
  
  
    data-disable-on-desktop="true"
  
  
    data-disable-on-mobile="true"
  
  
  
  
>
  
    <details
      class="
        menu__details
        spacing-style
        
      "
      data-testid="menu-details"
      style="
        --spacing--size: 12px;
        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      "
      
        open
      
      
    >
      <summary class="menu__heading paragraph">
        <span class="menu__heading__default">Support</span>
        <span class="menu__heading__accordion">
          Support
          
            <span class="menu__heading__toggle svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
          
        </span>
      </summary>

      <nav
        class="details-content"
        
      >
        
          <ul class="list-unstyled">
            
              <li class="menu__item paragraph">
                <a href="/pages/faqs">
                  FAQs
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/shipping">
                  Shipping
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/videos-brochures">
                  Videos & Brochures
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/partners">
                  Partners & Links
                </a>
              </li>
            
          </ul>
        
      </nav>
    </details>
  
</accordion-custom>


















<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    




    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 4px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  

  






  <accordion-custom
  
    class="menu"
  
  
  
    open-by-default-on-desktop
  
  
    open-by-default-on-mobile
  
  
    data-disable-on-desktop="true"
  
  
    data-disable-on-mobile="true"
  
  
  
  
>
  
    <details
      class="
        menu__details
        spacing-style
        
      "
      data-testid="menu-details"
      style="
        --spacing--size: 12px;
        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      "
      
        open
      
      
    >
      <summary class="menu__heading paragraph">
        <span class="menu__heading__default">Company</span>
        <span class="menu__heading__accordion">
          Company
          
            <span class="menu__heading__toggle svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
          
        </span>
      </summary>

      <nav
        class="details-content"
        
      >
        
          <ul class="list-unstyled">
            
              <li class="menu__item paragraph">
                <a href="/pages/news">
                  News
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/contact">
                  Contact
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/privacy-policy">
                  Privacy Policy
                </a>
              </li>
            
              <li class="menu__item paragraph">
                <a href="/pages/terms-of-use">
                  Terms of Use
                </a>
              </li>
            
          </ul>
        
      </nav>
    </details>
  
</accordion-custom>








<p class="za-copyright" >
  &copy; 2026 Zanotti Armor
</p>





</div>
</div>






  </div>
</div>




</div>
<!-- END sections: footer-group -->
      </footer>
    </div>

    

    <div
      id="shopify-section-cart-drawer-section"
      class="shopify-section"
    >
  

  <script
    type="module"
    src="/cdn/shop/t/4/assets/cart-drawer.js?v=101430053943909765251790889264"
    fetchpriority="low"
  ></script>

  

  <theme-drawer
    id="cart-drawer"
    data-skip-node-update
  >
    <dialog
      ref="panel"
      class="theme-drawer__dialog color-custom-drawer"
      aria-labelledby="cart-drawer-heading"
      cart-summary-sticky="true"
    >
      <cart-drawer-component
        
          auto-open
        
      >
        <template id="empty-cart-template">
          
    <div
      class="cart-drawer__content"
      aria-label="Cart"
    >
      <h2
        class="theme-drawer__title h4"
        id="cart-drawer-heading"
      >
        Your cart is empty
      </h2>

      <div class="cart-drawer__items">
        







<script
  src="/cdn/shop/t/4/assets/component-cart-items.js?v=14476580701730542761790889264"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/component-cart-quantity-selector.js?v=168493463479860323171790889264"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/volume-pricing-info.js?v=94479640769665442661790889264"
  type="module"
  fetchpriority="low"
></script>




<div
  
  class="cart-items__wrapper cart-items__wrapper--drawer-empty"
  
    data-cart-drawer-empty
  
  style=""
>
  
<p>
        Have an account? <a href="https://zanotti-armor.myshopify.com/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
      </p><a
      class="button cart-items__empty-button"
      href="/collections/all"
    >
      <span class="button-text">
        Continue shopping
      </span>
    </a></div>



      </div>
    </div>
    
        </template>

        <div
          class="cart-drawer__inner cart-drawer--empty"
          data-hydration-key="cart-drawer-inner"
        ><div class="theme-drawer__header">
              <button
                on:click="#cart-drawer/close"
                class="theme-drawer__close-button cart-drawer__close-button--empty"
                type="button"
                aria-label="Close"
              >
                <span class="svg-wrapper"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>
</span>
              </button>
            </div>
          

<cart-items-component
  class="cart-items-component"
  
    data-drawer
    view-event-trigger="dialog"
  
  data-section-id="cart-drawer-section"
  
  view-event-payload="{&quot;context&quot;:null,&quot;cart&quot;:null}"
  
>
  

    <div
      class="cart-drawer__content"
      aria-label="Cart"
    >
      <h2
        class="theme-drawer__title h4"
        id="cart-drawer-heading"
      >
        Your cart is empty
      </h2>

      <div class="cart-drawer__items">
        







<script
  src="/cdn/shop/t/4/assets/component-cart-items.js?v=14476580701730542761790889264"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/component-cart-quantity-selector.js?v=168493463479860323171790889264"
  type="module"
  fetchpriority="low"
></script>
<script
  src="/cdn/shop/t/4/assets/volume-pricing-info.js?v=94479640769665442661790889264"
  type="module"
  fetchpriority="low"
></script>




<div
  
  class="cart-items__wrapper cart-items__wrapper--drawer-empty"
  
    data-cart-drawer-empty
  
  style=""
>
  
<p>
        Have an account? <a href="https://zanotti-armor.myshopify.com/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
      </p><a
      class="button cart-items__empty-button"
      href="/collections/all"
    >
      <span class="button-text">
        Continue shopping
      </span>
    </a></div>



      </div>
    </div>
    

</cart-items-component>



        </div>
      </cart-drawer-component>
    </dialog>
  </theme-drawer>

  
    </div>
  


    






<script
  type="module"
  src="/cdn/shop/t/4/assets/theme-drawer.js?v=155110645205299884131790889264"
  fetchpriority="low"
></script>

<script>
  /* Runs synchronously during HTML parsing — opens the correct drawer on first
     paint if navigation state was saved, so it renders with the rest of the page. */
  (function () {
    var drawerIds = (sessionStorage.getItem('theme-drawer-open') || '').split(',').filter(Boolean);
    if (!drawerIds.length) return;

    // Only restore on wide viewports (squeeze mode). On narrow viewports the
    // drawer is a modal overlay — let it start closed after navigation rather
    // than re-opening a fullscreen dialog the user may have left behind.
    if (!window.matchMedia('(min-width: 990px)').matches) return;

    var dialogs = [];
    for (var i = 0; i < drawerIds.length; i++) {
      var drawer = document.getElementById(drawerIds[i]);
      if (!drawer) continue;

      drawer.setAttribute('open', '');

      // Set [open] directly so the CSS slide-in applies without triggering
      // the browser's dialog focusing steps — on wide viewports the drawer is
      // a sidebar, not a modal, so focus should stay where it is.
      // The instant class suppresses the slide-in transition for the initial restore.
      // Set --drawer-stack-order so z-index layering matches the original order.
      drawer.style.setProperty('--drawer-stack-order', String(i + 1));

      var dialog = drawer.querySelector('dialog');
      if (dialog) {
        dialog.setAttribute('open', '');
        dialog.classList.add('theme-drawer__dialog-instant');
        dialogs.push(dialog);
      }

      // Let each drawer type handle its own restore (e.g. shopify-chat mode).
      // Synchronous dispatch — listeners attached during earlier parsing run immediately.
      drawer.dispatchEvent(new CustomEvent('theme-drawer:restoring'));
    }

    // Apply squeeze immediately, bypassing the margin transition.
    // Only squeeze if at least one drawer was actually restored — saved
    // drawer IDs may not exist on every page (e.g. cart-drawer on /cart).
    var pageWrapper = document.querySelector('.page-wrapper');
    if (pageWrapper && dialogs.length > 0) {
      pageWrapper.style.transition = 'none';
      pageWrapper.classList.add('page-wrapper--drawer-open');
    }

    // Re-enable transitions after one paint so the instant state is rendered first.
    requestAnimationFrame(function () {
      requestAnimationFrame(function () {
        if (pageWrapper) pageWrapper.style.transition = '';
        for (var j = 0; j < dialogs.length; j++) {
          dialogs[j].classList.remove('theme-drawer__dialog-instant');
        }
      });
    });
  })();
</script>

<script
  type="module"
>
  const pageWrapper = document.querySelector('.page-wrapper');
  const squeezeQuery = window.matchMedia('(min-width: 990px)');

  // ── Squeeze coordination ──
  // Listens to all drawers. Only squeezes on wide viewports.
  document.addEventListener('theme-drawer:open', () => {
    if (squeezeQuery.matches) {
      pageWrapper?.classList.add('page-wrapper--drawer-open');
    }
  });

  document.addEventListener('theme-drawer:close', () => {
    const openDrawer = document.querySelector('theme-drawer[open]');
    if (!openDrawer) {
      pageWrapper?.classList.remove('page-wrapper--drawer-open');
    }
  });

  squeezeQuery.addEventListener('change', () => {
    const openDrawer = document.querySelector('theme-drawer[open]');
    pageWrapper?.classList.toggle('page-wrapper--drawer-open', Boolean(openDrawer) && squeezeQuery.matches);
  });

  // ── State persistence ──
  // Store open drawer IDs sorted by their visual stack order so
  // the restore script can recreate the same z-index layering.
  function persistDrawerState() {
    const openDrawers = Array.from(document.querySelectorAll('theme-drawer[open]:not([no-persist])'));
    if (!openDrawers.length) {
      sessionStorage.removeItem('theme-drawer-open');
      return;
    }

    openDrawers.sort((a, b) => {
      const orderA = Number(a.style.getPropertyValue('--drawer-stack-order') || 0);
      const orderB = Number(b.style.getPropertyValue('--drawer-stack-order') || 0);
      return orderA - orderB;
    });

    sessionStorage.setItem('theme-drawer-open', openDrawers.map((d) => d.id).join(','));
  }

  document.addEventListener('theme-drawer:open', persistDrawerState);
  document.addEventListener('theme-drawer:close', persistDrawerState);
</script>


    








<script
  src="/cdn/shop/t/4/assets/dialog.js?v=144816527575655702281790889264"
  type="module"
></script>

<script
  src="/cdn/shop/t/4/assets/predictive-search.js?v=162722252387887966571790889264"
  type="module"
  fetchpriority="low"
></script>

<dialog-component
  id="search-modal"
  class="search-modal"
  
>
  <dialog
    ref="dialog"
    on:click="/closeDialogOnClickOutside"
    on:keydown="/closeDialogOnEscapePress"
    class="search-modal__content dialog-modal"
    scroll-lock
    aria-labelledby="search-modal-heading"
  >
    <h2
      id="search-modal-heading"
      class="visually-hidden"
    >
      Search
    </h2>
    <predictive-search-component
      class="predictive-search color-custom-popover"
      style="--product-corner-radius: 0px; --card-corner-radius: 2px;"
      data-section-id="predictive-search"
      data-testid="search-component--modal"
      role="search"
      aria-label="Search"
    >
      <form
        action="/search"
        method="get"
        role="search"
        class="predictive-search-form"
        ref="form"
        on:keydown="/onSearchKeyDown"
      >
        <div
          class="predictive-search-form__header"
        >
          <div class="predictive-search-form__header-inner">
            <label
              for="cmdk-input"
              class="visually-hidden"
            >Search</label>
            <input
              class="search-input"
              id="cmdk-input"
              type="search"
              name="q"
              role="combobox"
              aria-expanded="false"
              aria-owns="predictive-search-results"
              aria-controls="predictive-search-results"
              aria-haspopup="listbox"
              aria-autocomplete="list"
              autocomplete="off"
              placeholder="Search"
              ref="searchInput"
              on:input="/search"
              on:keydown="/onSearchKeyDown"
            >
            <input
              name="options[prefix]"
              type="hidden"
              value="last"
            >
            <span class="svg-wrapper predictive-search__icon">
              <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

            </span>
            <button
              type="button"
              class="button-unstyled predictive-search__reset-button"
              ref="resetButton"
              hidden
              on:click="/resetSearch"
            >
              Clear
            </button>
          </div>
          <button
            type="button"
            class="button predictive-search__close-modal-button"
            aria-label="Close dialog"
            on:click="dialog-component/closeDialog"
            ref="closeModalButton"
          >
            <span class="svg-wrapper">
              <svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>

            </span>
          </button>
        </div>

        <div class="predictive-search-form__content-wrapper">
          <div
            class="predictive-search-form__content"
            ref="predictiveSearchResults"
            on:click="/handleModalClick"
          >
            

<div
  id="predictive-search-results"
  class="predictive-search-dropdown"
  role="listbox"
  aria-expanded="true"
  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
  
    <div class="predictive-search-results__inner">
      
      
        
        
        
          <div
  id="predictive-search-products"
  class="predictive-search-results__products"
  
    data-testid="products-list-default--modal"
  
>
  
    <h4 class="predictive-search-results__title">
      Products
    </h4>
    <ul
      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
    >
      
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-component
    class="resource-card__wrapper"
    
    
    view-event-payload="{&quot;product&quot;:{&quot;id&quot;:10604958711989,&quot;title&quot;:&quot;Dehumidifier 12″ Long&quot;,&quot;handle&quot;:&quot;dehumidifier-12-long&quot;,&quot;selectedVariant&quot;:null},&quot;context&quot;:&quot;search&quot;,&quot;selectedOptions&quot;:[]}"
    
  ><div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/dehumidifier-12-long"
  >
    <span class="visually-hidden">
      Dehumidifier 12″ Long
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
  >
      
      

        <img src="/cdn/shop/files/dehum12_3-rotated-1-600x600.webp?v=1789598600&amp;width=500" alt="" srcset="/cdn/shop/files/dehum12_3-rotated-1-600x600.webp?v=1789598600&amp;width=240 240w, /cdn/shop/files/dehum12_3-rotated-1-600x600.webp?v=1789598600&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">

          <img src="/cdn/shop/files/dehum12_2-600x600.jpg?v=1789674344&amp;width=500" alt="Dehumidifier 12in long" srcset="/cdn/shop/files/dehum12_2-600x600.jpg?v=1789674344&amp;width=240 240w, /cdn/shop/files/dehum12_2-600x600.jpg?v=1789674344&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="65324070076597" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Dehumidifier 12″ Long</p>

    
      <div ref="priceContainer">
  
    
    
      <span class="price">$40.00</span>
    
  
</div>
    
  </div>
</div></product-component>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-component
    class="resource-card__wrapper"
    
    
    view-event-payload="{&quot;product&quot;:{&quot;id&quot;:10604958548149,&quot;title&quot;:&quot;Dehumidifier – 18″ Long&quot;,&quot;handle&quot;:&quot;dehumidifier-18-long&quot;,&quot;selectedVariant&quot;:null},&quot;context&quot;:&quot;search&quot;,&quot;selectedOptions&quot;:[]}"
    
  ><div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/dehumidifier-18-long"
  >
    <span class="visually-hidden">
      Dehumidifier – 18″ Long
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
  >
      
      

        <img src="/cdn/shop/files/dehum18_3-rotated-1.webp?v=1789598552&amp;width=500" alt="" srcset="/cdn/shop/files/dehum18_3-rotated-1.webp?v=1789598552&amp;width=240 240w, /cdn/shop/files/dehum18_3-rotated-1.webp?v=1789598552&amp;width=352 352w" width="500" height="667" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">

          <img src="/cdn/shop/files/dehum18_2-rotated-1-600x800.jpg?v=1789674385&amp;width=500" alt="Dehumidifier 18in long" srcset="/cdn/shop/files/dehum18_2-rotated-1-600x800.jpg?v=1789674385&amp;width=240 240w, /cdn/shop/files/dehum18_2-rotated-1-600x800.jpg?v=1789674385&amp;width=352 352w" width="500" height="667" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="65324071911605" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Dehumidifier – 18″ Long</p>

    
      <div ref="priceContainer">
  
    
    
      <span class="price">$40.00</span>
    
  
</div>
    
  </div>
</div></product-component>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-component
    class="resource-card__wrapper"
    
    
    view-event-payload="{&quot;product&quot;:{&quot;id&quot;:10604958810293,&quot;title&quot;:&quot;Handgun Hangers Pkg of 4&quot;,&quot;handle&quot;:&quot;handgun-hangers-pkg-of-4&quot;,&quot;selectedVariant&quot;:null},&quot;context&quot;:&quot;search&quot;,&quot;selectedOptions&quot;:[]}"
    
  ><div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/handgun-hangers-pkg-of-4"
  >
    <span class="visually-hidden">
      Handgun Hangers Pkg of 4
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
  >
      
      

        <img src="/cdn/shop/files/Zanotti-Armor-Handgun-Hangers-2-600x450.webp?v=1789598649&amp;width=500" alt="" srcset="/cdn/shop/files/Zanotti-Armor-Handgun-Hangers-2-600x450.webp?v=1789598649&amp;width=240 240w, /cdn/shop/files/Zanotti-Armor-Handgun-Hangers-2-600x450.webp?v=1789598649&amp;width=352 352w" width="500" height="375" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">

          <img src="/cdn/shop/files/Zanotti-Armor-Handgun-Hangers-600x531.jpg?v=1789674387&amp;width=500" alt="Handgun hangers package of 4" srcset="/cdn/shop/files/Zanotti-Armor-Handgun-Hangers-600x531.jpg?v=1789674387&amp;width=240 240w, /cdn/shop/files/Zanotti-Armor-Handgun-Hangers-600x531.jpg?v=1789674387&amp;width=352 352w" width="500" height="443" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="65324072009909" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Handgun Hangers Pkg of 4</p>

    
      <div ref="priceContainer">
  
    
    
      <span class="price">$20.00</span>
    
  
</div>
    
  </div>
</div></product-component>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-component
    class="resource-card__wrapper"
    
    
    view-event-payload="{&quot;product&quot;:{&quot;id&quot;:10612153155765,&quot;title&quot;:&quot;Key Lock on Dial&quot;,&quot;handle&quot;:&quot;key-lock-on-dial&quot;,&quot;selectedVariant&quot;:null},&quot;context&quot;:&quot;search&quot;,&quot;selectedOptions&quot;:[]}"
    
  ><div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/key-lock-on-dial"
  >
    <span class="visually-hidden">
      Key Lock on Dial
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
  >
      
      

        <img src="/cdn/shop/files/final_black_19ada009-751f-46a3-a918-ad378961cd64.jpg?v=1790184545&amp;width=500" alt="Key Lock on Dial" srcset="/cdn/shop/files/final_black_19ada009-751f-46a3-a918-ad378961cd64.jpg?v=1790184545&amp;width=240 240w, /cdn/shop/files/final_black_19ada009-751f-46a3-a918-ad378961cd64.jpg?v=1790184545&amp;width=352 352w" width="500" height="566" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Key Lock on Dial</p>

    
      <div ref="priceContainer">
  
    
    
      <span class="price">$30.00</span>
    
  
</div>
    
  </div>
</div></product-component>

        </li>
      
    </ul>
  
</div>

        
      
    </div>
  
</div>

          </div>

          <div class="predictive-search-form__footer">
            <button
              class="button predictive-search__search-button"
              ref="viewAllButton"
            >
              View all
            </button>
          </div>
        </div>
      </form>
    </predictive-search-component>
  </dialog>
</dialog-component>




    
      <script
  src="/cdn/shop/t/4/assets/gift-card-recipient-form.js?v=170482155849799299241790889263"
  type="module"
  fetchpriority="low"
></script>
<quick-add-dialog id="quick-add-dialog">
  <dialog
    class="quick-add-modal dialog-modal color-custom-popover"
    ref="dialog"
    scroll-lock
  >
    <button
      ref="closeButton"
      on:click="/closeDialog"
      class="button button-unstyled close-button quick-add-modal__close"
      aria-label="Close dialog"
    ><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>
</button>

    <product-component
      id="quick-add-modal-content"
      class="quick-add-modal__content"
      view-event-trigger="dialog"
    ></product-component>
  </dialog>
</quick-add-dialog>










    
  <script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
