/** Shopify CDN: Minification failed

Line 313:0 Unexpected "<"
Line 338:0 Unexpected "<"
Line 352:0 Unexpected "<"

**/

.relative.z-10.w-full.h-full {background-color:rgba(0,0,0,0.2) !important}
.collection-banner-readmore__content.is-clamped::after {background-color:rgba(0,0,0,0.3) !important}

.a11y-motion-bar {
  /* justify-content: center !important;
   margin-top: 20px !important;
  margin-bottom: 20px !important; */
    justify-content: center !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    padding: 0 !important;
}


div:has(> .a11y-motion-bar) { display: flex; flex-direction: column; }
div:has(> .a11y-motion-bar) > .a11y-motion-bar { order: 99; }

/* --- Skip to Content: centred, slide-in reveal preserved --- */
a[href="#root"] {
  left: 0 !important;
  right: 0 !important;
  width: max-content;
  max-width: calc(100% - 2rem);
  margin-left: auto !important;
  margin-right: auto !important;
}



 
/* ---------- 1. BACK TO TOP: centred on desktop AND mobile ---------- */

#back-to-top {
    display: none !important;
}

#back-to-top.is-visible {
    display: flex !important;
}


/* Back to top - desktop */
#back-to-top{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
    transform:none !important;      
    bottom:20px;
    width:48px;height:48px;          
    align-items:center;justify-content:center;
    border-radius:50%;
    background:#fff;color:#111;
    border:1px solid rgba(0,0,0,.25) !important;
    box-shadow:0 2px 10px rgba(0,0,0,.28);
    cursor:pointer;
  }

/* Mobile */
@media (max-width: 749px) {
    #back-to-top {
        right: auto !important;
        left: 20px !important;
        bottom: 34px !important;
    }
}


  /* #back-to-top{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
    transform:none !important;      
    bottom:20px;
    width:48px;height:48px;          
    align-items:center;justify-content:center;
    border-radius:50%;
    background:#fff;color:#111;
    border:1px solid rgba(0,0,0,.25) !important;
    box-shadow:0 2px 10px rgba(0,0,0,.28);
    cursor:pointer;
  }
  @media (max-width:749px){ #back-to-top{
          bottom: 34px !important;
          right: 100px !important;
          left: -300px !important;
  } 
}  */


/* JS owns visibility; !important beats the theme's inline display */
html.js-a11y #back-to-top{display:none !important;}
html.js-a11y #back-to-top.is-visible{display:flex !important;}
#back-to-top:focus-visible{outline:3px solid #111;outline-offset:3px;}
@media (prefers-reduced-motion:reduce){#back-to-top{transition:none !important;}}

/* ---------- 2. VIDEO MODAL: genuinely hidden when closed ---------- */
[class*="video-modal-template--"][aria-hidden="true"],
[class*="video-modal-template--"][inert]{visibility:hidden !important;}
[class*="video-modal-template--"].active{visibility:visible !important;}
[class*="video-modal-"] [role="button"]{cursor:pointer;}
[class*="video-modal-"] :focus-visible{
  outline:3px solid #fff !important;outline-offset:2px;
  box-shadow:0 0 0 5px rgba(0,0,0,.85);border-radius:4px;
}

/* ---------- 3. CHAT LAUNCHER ---------- */
#chat-button{min-width:44px;min-height:44px;}
#chat-button:focus-visible,
#chat-button:focus-within{outline:3px solid #111 !important;outline-offset:3px;border-radius:50%;}
iframe[data-a11y-offscreen="true"]{pointer-events:none;}

.a11y-sr-only{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;}



/* @media (max-width: 749px) { #back-to-top { bottom: 100px !important; } };  */


#chat-button {right: 22px !important}

.accordion-heading {margin-bottom:0px !important}

.max-w-prose.md\:w-auto.w-full h2 {font-size: 1.875rem !important}

#shopify-section-template--19364342661186__logo_list_pMppAK strong {font-size: 1.125rem }

input[type=checkbox] {color: black !important}

input[type=radio]:checked {
    background-color: black !important;
}

.absolute.left-0.right-0.flex.flex-wrap.items-center.justify-center.gap-2.px-2.text-center.bottom-4.mix-blend-difference {display:none !important}

.quantity-block-button:focus-visible,
.quantity-block-input:focus-visible,
.faq-question:focus-visible {
    outline: none !important;
    background: #fff;
    box-shadow: inset 0 0 0 3px #000;
}



.mbc-bundle__swatch-element-list label[role="radio"]:focus, .product-option-button.border--focus:focus {
  outline: 2px solid #2E7CE4;
  outline-offset: 2px;
}

/* Optional: only show the outline for keyboard users, not mouse clicks */
.mbc-bundle__swatch-element-list label[role="radio"]:focus:not(:focus-visible), .product-option-button:focus:not(:focus-visible) {
  outline: none;
}
.mbc-bundle__swatch-element-list label[role="radio"]:focus-visible, .product-option-button:focus-visible {
  outline: 2px solid #2E7CE4;
  outline-offset: 2px;
}



.header__nav-item-inner {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.header__menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    /* margin-left: 2px; */
    background: transparent;
    border: 0;
    line-height: 1;
    position: relative;
    top: -1px; /* adjust -1px or -2px if needed */
    transform: translateY(-2px);

}

.header__menu-toggle svg {
    width: 14px;
    height: 14px;
    display: block;
}


.header__nav-item-inner > .header__link.pb-4 {
    padding-right: 0px !important;
    margin-right: 0px !important;

}

.type__nav {gap:14px !important}

#shop-hcaptcha-badge-container {display: none }

#back-to-top {
    display: none;
}


#back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

#back-to-top svg {
    width: 24px;
    height: 24px;
}













.jdgm-medal__value {
    background-color: rgba(0,0,0,0.01) !important;
    }

    .jdgm-medal__value.jdgm-medal__value--long {
        background-color: rgba(0,0,0,0.01) !important;
    }

    .m-0--clear.color__light p {
        background-color: rgba(0,0,0,0.01) !important;
    }

    .m-0.color__light {
        background-color: rgba(0,0,0,0.01) !important;
    }

    .max-w-prose h1 {
        background-color: rgba(0,0,0,0.01) !important;
    }

    .collection-banner-description p{
        background-color: rgba(0,0,0,0.01) !important;
    }

    .max-w-prose p{
        background-color: rgba(0,0,0,0.01) !important;
    }

    .jdgm-gallery-title {
    color: rgba(0, 0, 0, 1) !important;
    }

    .jdgm-histogram__frequency {
    color: rgba(0, 0, 0, 1) !important;
    }



.tpo_quantity-selector_minus {

    color:  #757575 !important;
    }

    .tpo_quantity-selector_input.tpo_ {
        color:  #757575 !important;
    }

    .tpo_quantity-selector_plus {
        color:  #757575 !important;
    }

    .tpo_option-label .tpo_option-required-indicator{
        color: #EB0000 !important;
    }


    .tpo_quantity_selector_total-content.exact_count .tpo_quantity_selector_total-selected {
        color: #949494 !important;
}






<style id="akl-styles">
    .akl-counter{margin-bottom:12px }
    .akl-counter__hint {border-left-width : 6px}
    .akl-counter{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.5rem 0 .75rem;font-size:.9375rem;line-height:1.4}
    .akl-counter__badge{display:inline-block;padding:.25rem .625rem;border-radius:999px;border:2px solid #1a1a1a;background:#fff;color:#1a1a1a;font-weight:700}
    .akl-counter.is-complete .akl-counter__badge{background:#0b6b3a;border-color:#0b6b3a;color:#fff}
    .akl-counter.is-over .akl-counter__badge{background:#a3000f;border-color:#a3000f;color:#fff}
    .akl-counter__hint{color:#4a4a4a}
    .akl-counter.is-complete .akl-counter__hint{color:#0b6b3a;font-weight:600}
    .akl-counter.is-over .akl-counter__hint{color:#a3000f;font-weight:600}
    .akl-progress{flex:1 1 120px;min-width:120px;height:6px;border-radius:999px;background:#e2e2e2;overflow:hidden}
    .akl-progress__bar{display:block;height:100%;background:#1a1a1a;transition:width .2s ease}
    .akl-counter.is-complete .akl-progress__bar{background:#0b6b3a}
    .akl-counter.is-over .akl-progress__bar{background:#a3000f}
    .akl-locked > label[role="checkbox"]{opacity:.35;cursor:not-allowed}
    .akl-locked > label[role="checkbox"]:focus-visible{opacity:1;outline:3px solid #1a1a1a!important;outline-offset:2px}
    .akl-locked .tpo_option_type_label{color:#6b6b6b}
    .akl-locked .tpo-quantity_always-show{opacity:.35;pointer-events:none}
    .akl-blocked{outline:3px solid #a3000f!important;outline-offset:2px;animation:akl-shake .3s}
    @keyframes akl-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
    @media (prefers-reduced-motion:reduce){.akl-blocked{animation:none}}
    .akl-msg{margin:.375rem 0 0;color:#a3000f;font-weight:600;font-size:.875rem}
    .akl-msg:empty{display:none}
    button.akl-atc-disabled{opacity:.55;cursor:not-allowed}
    .akl-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
</style>

<style id="cda11y-styles">
    .cda11y-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
    #occ3-drawer a:focus-visible,#occ3-drawer button:focus-visible,#occ3-drawer select:focus-visible,
    #occ3-drawer input:focus-visible,#occ3-drawer textarea:focus-visible,#occ3-drawer [tabindex]:focus-visible{
    outline:3px solid #111!important;outline-offset:2px!important;box-shadow:0 0 0 5px #fff!important;border-radius:4px}
    #occ3-drawer .occ3-quantity:focus-visible{outline:3px solid #111!important;outline-offset:0!important;box-shadow:none!important}
    #occ3-drawer .spurit-ni-button,#occ3-drawer .occ3-quantity{border-color:#767676!important}   /* 1.4.11 */
    #occ3-drawer .spurit-occ3-saved-amount{color:#0b6b12!important}                              /* 1.4.3  */
    #occ3-drawer .spurit-occ3__carousel-arrow[aria-disabled="true"]{opacity:.35;cursor:not-allowed}
    #occ3-drawer .spurit-occ3__carousel-box{scroll-behavior:auto}
    #occ3-drawer .spurit-occ3__thumbnail[aria-hidden="true"]{pointer-events:none}
    [aria-haspopup="dialog"]:focus-visible{outline:3px solid #111!important;outline-offset:2px}
</style>


/* .ccsync-sr {
    position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0;
    overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
    }
    make the returned-to Add to Cart button obviously focused
    [data-occ3-atc-button]:focus-visible,
    [data-occ3-cart-icon]:focus-visible {
    outline: 3px solid #1A46C4 !important;
    outline-offset: 3px !important;
    border-radius: 4px;
}    */

/* visually-hidden helper — this is the class that is currently missing from the theme */
.cn-sr, .cda11y-sr, .cdfix-sr, .ccsync-sr {
  position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}

#cn-toast {
    display:none !important;
  position: fixed; left: 16px; bottom: 96px; z-index: 2147483000;
  max-width: 380px; width: calc(100vw - 32px);
  background: #1F2937; color: #FFFFFF;
  border-left: 6px solid #34D399; border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  padding: 14px 44px 14px 16px;
  font: 400 15px/1.45 inherit;
  opacity: 0; transform: translateY(12px); pointer-events: none;
  transition: opacity .22s ease, transform .22s ease;   
 }
    #cn-toast.cn-show { opacity: 1; transform: translateY(0); pointer-events: auto; }
    #cn-toast .cn-title { font-weight: 700; margin: 0 0 4px; font-size: 15px; color: #FFFFFF; }
    #cn-toast .cn-body  { margin: 0; color: #F3F4F6; }
    #cn-toast .cn-meta  { margin: 6px 0 0; color: #D1D5DB; font-size: 13.5px; }
    #cn-toast .cn-link {
    display: inline-block; margin-top: 8px; color: #A7F3D0; text-decoration: underline;
    font-weight: 600; background: none; border: 0; padding: 0; cursor: pointer; font-size: 14px;
    }
    #cn-toast .cn-link:hover { color: #ECFDF5; }
    #cn-toast .cn-close {
    position: absolute; top: 6px; right: 6px; width: 32px; height: 32px;
    display: flex; align-items: center; justify-content: center;
    background: transparent; border: 0; color: #E5E7EB; font-size: 20px; line-height: 1;
    cursor: pointer; border-radius: 6px;
    }
    #cn-toast .cn-close:hover { background: rgba(255,255,255,.14); color: #fff; }
    #cn-toast :focus-visible { outline: 3px solid #FFFFFF; outline-offset: 2px; border-radius: 4px; }

    @media (prefers-reduced-motion: reduce) { #cn-toast { transition: none; transform: none; } }
    @media (max-width: 600px) { #cn-toast { left: 8px; right: 8px; bottom: 80px; width: auto; max-width: none; } 
}



/* ---- qafix-styles ---- */
.qa-sr,
.cda11y-live,
.cdfix-live,
#ccsync-live {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}


.product-quick-add button:focus-visible,
.product-quick-add a:focus-visible,
.product-quick-add input:focus-visible,
.product-quick-add [role="radio"]:focus-visible {
  outline: 3px solid #0b5fff !important;
  outline-offset: 2px !important;
  border-radius: 4px;
}

#occ3-drawer button:focus-visible,
#occ3-drawer a:focus-visible,
#occ3-drawer input:focus-visible,
#occ3-drawer [tabindex="-1"]:focus {
  outline: 3px solid #0b5fff !important;
  outline-offset: 2px !important;
}

.product-quick-add[inert] { pointer-events: none; }

@media (prefers-reduced-motion: reduce) {
  .product-quick-add *,
  #occ3-drawer * {
    animation-duration: .001ms !important;
    transition-duration: .001ms !important;
  }
}



@media (min-width: 768px) {
  /* pre-JS state: chevron still inside the link — match the final geometry */
  .header__link:has(svg.feather-chevron-down) {
    padding-right: 0 !important;
    margin-right: 0 !important;
    column-gap: 0 !important;
  }
}



#search-results-desktop,
#search-results-mobile { max-height: min(75vh, 32rem); overflow-y: auto; overscroll-behavior: contain; }
#search-results-desktop [role="option"].wcag-search-focused,
#search-results-mobile  [role="option"].wcag-search-focused { outline: 3px solid #005fcc; outline-offset: -3px; }



