/** Shopify CDN: Minification failed

Line 324:2 Unexpected "{"
Line 324:3 Expected identifier but found "%"
Line 324:36 Unexpected "{"
Line 324:37 Expected identifier but found "%"

**/
   @keyframes snize-skeleton-anim {
        0% { opacity: 1; }
        50% { opacity: 0.5; }
        100% { opacity: 1; }
    }

    #snize_skeleton_results * {
        box-sizing: border-box;
        line-height: 1.6;
    }

    #snize_skeleton_results ul li:before,
    #snize_skeleton_results ul li:after {
        display: none;
    }

    #snize_skeleton_results .snize-skeleton-card {
        padding: 10px;
        border: 1px solid #eee;
        display: block;
    }

    #snize_skeleton_results .snize-skeleton-text {
        height: 8px;
        background: #eee;
        border-radius: 3px;
        display: inline-block;
        animation: snize-skeleton-anim 2s infinite;
    }

    #snize_skeleton_results .snize-skeleton-text.snize-skeleton-full-width:last-child {
        width: 100%;
    }

    #snize_skeleton_results .snize-skeleton-text.snize-skeleton-full-width:first-child:not(:last-child) {
        width: 80%;
    }

    #snize_skeleton_results .snize-skeleton-text.snize-skeleton-full-width:nth-child(2):not(:last-child) {
        width: 95%;
    }

    #snize_skeleton_results .snize-skeleton-text.snize-skeleton-full-width:last-child:not(:first-child) {
        width: 60%;
    }

    #snize_skeleton_results .snize-skeleton-main-panel .snize-skeleton-main-panel-controls {
        width: 70%;
        display: inline-block;
    }

    #snize_skeleton_results .snize-skeleton-main-panel .snize-skeleton-main-panel-controls > span {
        width: 100px;
        margin-right: 15px;
    }

    #snize_skeleton_results .snize-skeleton-main-panel .snize-skeleton-main-panel-controls > span:nth-child(2) {
        width: 120px;
    }

    #snize_skeleton_results .snize-skeleton-main-panel .snize-skeleton-main-panel-controls > span:nth-child(3) {
        width: 80px;
    }

    #snize_skeleton_results .snize-skeleton-main-panel .snize-skeleton-main-panel-dropdown {
        width: 29%;
        text-align: right;
        display: inline-block;
    }

    #snize_skeleton_results .snize-skeleton-main-panel .snize-skeleton-main-panel-dropdown > span {
        max-width: 160px;
    }

    #snize_skeleton_results .snize-skeleton-header {
        padding: 12px 0 12px 0;
        margin: 20px 0 15px 0;
        width: 250px;
    }

    #snize_skeleton_results .snize-skeleton-horizontal-filters {
        padding: 3px;
        margin-bottom: 26px;
    }

    #snize_skeleton_results .snize-skeleton-horizontal-filters .snize-skeleton-filters-dropdown {
        display: inline-block;
        width: 100px;
        border-radius: 3px;
        margin-right: 7px;
        padding: 2px 15px 2px 15px;
    }

    #snize_skeleton_results .snize-skeleton-horizontal-filters .snize-skeleton-filters-dropdown:nth-child(2) {
        width: 120px;
    }

    #snize_skeleton_results .snize-skeleton-horizontal-filters .snize-skeleton-filters-dropdown:nth-child(3) {
        width: 80px;
    }

    #snize_skeleton_results .snize-skeleton-filters-sidebar {
        float: left;
        width: 225px;
    }

    #snize_skeleton_results .snize-skeleton-filters-sidebar > .snize-skeleton-card:not(:last-child) {
        border-bottom: none;
    }

    #snize_skeleton_results .snize-skeleton-filters-sidebar .snize-skeleton-product-filters-title {
        padding: 4px 0 12px 0;
    }

    #snize_skeleton_results .snize-skeleton-filters-sidebar .snize-skeleton-product-filters-title > span.snize-skeleton-full-width {
        width: 40%;
    }

    #snize_skeleton_results .snize-skeleton-filters-sidebar .snize-skeleton-product-filters-list > span {
        margin: 1px 0 12px 0;
    }

    #snize_skeleton_results .snize-skeleton-filters-sidebar .snize-skeleton-product-filters-list > span:last-child {
        margin-bottom: 10px;
    }

    #snize_skeleton_results .snize-skeleton-search-results-main-content {
        margin-left: 225px;
    }

    #snize_skeleton_results ul.snize-skeleton-search-results-content {
        margin: 0 0 0 -1%;
        padding: 0 0 0 20px;
        list-style: none;
        white-space: nowrap;
    }

    #snize_skeleton_results ul.snize-skeleton-search-results-content > li {
        display: inline-block;
    }

    #snize_skeleton_results .snize-skeleton-three-columns ul.snize-skeleton-search-results-content > li {
        width: 30.3%;
        width: calc(100%/3 - 2%);
    }

    #snize_skeleton_results li.snize-skeleton-product {
        cursor: pointer;
        margin: 0 1% 2%;
        white-space: normal;
    }

    #snize_skeleton_results li.snize-skeleton-product .snize-skeleton-thumbnail-wrapper {
        position: relative;
    }

    #snize_skeleton_results li.snize-skeleton-product .snize-skeleton-thumbnail-wrapper .snize-skeleton-thumbnail {
        margin: -10px -10px 0px -10px;
        background: #eee;
        height: 180px;
    }

    #snize_skeleton_results li.snize-skeleton-product .snize-skeleton-overhidden {
        padding-bottom: 20px;
        text-align: center;
    }

    #snize_skeleton_results li.snize-skeleton-product .snize-skeleton-overhidden > span {
        margin: 15px 0 0 0;
    }

    #snize_skeleton_results ul.snize-skeleton-search-results-content li.snize-skeleton-product:nth-child(4),
    #snize_skeleton_results ul.snize-skeleton-search-results-content li.snize-skeleton-product:nth-child(5) {
        display: none;
    }

    #snize_skeleton_results div.snize-skeleton-four-columns ul.snize-skeleton-search-results-content li.snize-skeleton-product {
        width: 22.5%;
        width: calc(100%/4 - 2%);
    }

    #snize_skeleton_results div.snize-skeleton-four-columns ul.snize-skeleton-search-results-content li.snize-skeleton-product:nth-child(4) {
        display: inline-block;
    }

    #snize_skeleton_results div.snize-skeleton-five-columns ul.snize-skeleton-search-results-content li.snize-skeleton-product {
        width: 17.5%;
        width: calc(100%/5 - 2%);
    }

    #snize_skeleton_results div.snize-skeleton-five-columns ul.snize-skeleton-search-results-content li.snize-skeleton-product:nth-child(4),
    #snize_skeleton_results div.snize-skeleton-five-columns ul.snize-skeleton-search-results-content li.snize-skeleton-product:nth-child(5) {
        display: inline-block;
    }

    @media (min-width: 768px) and (max-width: 910px) {
        #snize_skeleton_results ul.snize-skeleton-search-results-content li.snize-skeleton-product {
            width: 46%;
            width: calc(50% - 10px);
            min-width: 160px;
            margin: 0 5px 10px;
        }

        #snize_skeleton_results ul.snize-skeleton-search-results-content li.snize-skeleton-product:nth-child(3) {
            display: none;
        }
    }

    @media (max-width: 768px) {
        #snize_skeleton_results .snize-skeleton-main-panel > div.snize-skeleton-main-panel-controls {
            display: none;
        }

        #snize_skeleton_results .snize-skeleton-main-panel > div.snize-skeleton-main-panel-dropdown {
            text-align: left;
            width: 100%;
        }

        #snize_skeleton_results .snize-skeleton-main-panel .snize-skeleton-main-panel-controls > span:not(:first-child) {
           display: none;
        }

        #snize_skeleton_results .snize-skeleton-main-panel > div.snize-skeleton-main-panel-dropdown {
            margin-top: 0;
        }

        #snize_skeleton_results .snize-skeleton-main-panel,
        #snize_skeleton_results .snize-skeleton-header {
            margin-left: calc(50% - 46vw);
            margin-right: calc(50% - 46vw);
            width: 92vw;
        }

        #snize_skeleton_results .snize-skeleton-text.snize-skeleton-full-width:last-child {
            width: 250px;
        }

        #snize_skeleton_results .snize-skeleton-header {
            margin-top: 3px;
            margin-bottom: 12px;
        }

        #snize_skeleton_results .snize-skeleton-filters-sidebar {
            display: none;
        }

        #snize_skeleton_results .snize-skeleton-search-results-main-content {
            margin-left: 0;
        }

        #snize_skeleton_results .snize-skeleton-horizontal-filters .snize-skeleton-filters-dropdown:not(:first-child) {
            display: none;
        }

        #snize_skeleton_results .snize-skeleton-horizontal-filters .snize-skeleton-filters-dropdown:first-child {
            padding: 10px;
            width: 100%;
        }

        #snize_skeleton_results .snize-skeleton-horizontal-filters .snize-skeleton-filters-dropdown:first-child > span {
            width: 100px;
        }

        #snize_skeleton_results .snize-skeleton-horizontal-filters {
            display: none;
        }

        #snize_skeleton_results ul.snize-skeleton-search-results-content {
            margin-top: 0;
            margin-bottom: 0;
            margin-left: calc(50% - 50vw);
            margin-right: calc(50% - 50vw);
            width: 100vw;
            padding: 0;
        }

        #snize_skeleton_results ul.snize-skeleton-search-results-content li.snize-skeleton-product:nth-child(3) {
            display: none;
        }

        #snize_skeleton_results ul.snize-skeleton-search-results-content li.snize-skeleton-product {
            width: 46%;
            width: calc(50% - 10px);
            min-width: 160px;
            margin: 0 5px 10px;
        }
    }

    @media (max-width: 370px) {
        #snize_skeleton_results ul.snize-skeleton-search-results-content li.snize-skeleton-product {
            width: 96%;
            width: calc(100% - 10px);
        }

        #snize_skeleton_results ul.snize-skeleton-search-results-content li.snize-skeleton-product:not(:first-child) {
            display: none;
        }
    }
    
/* ---------------------------------------------------------------------------
   Searchanise boot control and SSR grid swap
   Pairs with snippets/searchanise-gate.liquid + assets/searchanise-loader.js.
   State machine lives on <html data-snz>:  (absent) -> booting -> ready | failed

   Lives here rather than base.css because base.css is 82 KB and render-blocking,
   and this is only ever needed where facets are. component-facets.css is already
   loaded unconditionally by main-collection-product-grid.liquid.
   --------------------------------------------------------------------------- */

/* No explicit grid placement: .facets-container is a 2-column auto grid, so this
   auto-places beside the native sort bar on desktop and beside the mobile Sort
   drawer on small screens. One node, both breakpoints. */
.collection-page__count .snz-filter {
  display: flex;
  align-items: center;
  {% comment %} align-self: center; {% endcomment %}
  gap: 1rem;
  flex-wrap: nowrap;
  width: 100%;
  white-space: nowrap; 
}

.snz-filter__button {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.9rem 0.9rem;
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
  color: rgb(var(--color-foreground));
  background-color: transparent;
  border: 0.1rem solid rgba(var(--color-foreground), 0.4);
  border-radius: var(--buttons-radius, 0);
  width: 100%;
}

.snz-filter__button:hover {
  border-color: rgb(var(--color-foreground));
}

.snz-filter__button .svg-wrapper {
  width: 1.6rem;
  height: 1.6rem;
}

.snz-filter__status {
  margin: 0;
  font-size: 1.3rem;
  opacity: 0.75;
}
@media screen and (max-width: 750px) {
.collection-page__count .snz-filter {
      gap: 10px;
}
.snz-filter__button {
    padding: 0.9rem 0rem;
}
span.count_tx {
    font-size: 12px;
}
.collection-page__sort-select {
    padding: 12px 10px;
    font-size: 13px;
}
}

/* Once Searchanise owns the filter UI, ours would sit next to theirs doing
   nothing. Retire it rather than leave a dead affordance. */
html[data-snz='ready'] .snz-filter {
  display: none;
}

/* Mid-boot and after failure the button is a no-op -- the loader guards re-entry
   on gate.booted -- so drop the affordance and let the live region carry state. */
html[data-snz='booting'] .snz-filter__button,
html[data-snz='failed'] .snz-filter__button {
  display: none;
}

/* Backstop. If the loader throws between settle('ready') and setting the hidden
   attribute, CSS alone still guarantees exactly one grid on screen. This is the
   rule that makes the both-grids-stacking failure structurally impossible. */
html[data-snz='ready'] #ProductGridContainer {
  display: none !important;
}

/* Searchanise's app block server-renders a loading skeleton into #snize_results
   before any of its JavaScript runs. With the script gated that skeleton never
   resolves, so an ungated collection page would show a permanent fake spinner
   sitting above real, already-painted products. Hide it until we actually boot;
   from data-snz="booting" onward it becomes an honest loading state again. */
html:not([data-snz]) #snize_results,
html:not([data-snz]) #snize_skeleton_results {
  display: none !important;
}