/** Shopify CDN: Minification failed

Line 322:0 Expected "}" to go with "{"

**/
/* =========================
   Zeloverse Icon Styling
   ========================= */

/* 1) Base normalization (carets/chevrons) */
.icon-caret svg, .icon-chevron svg,
.icon-caret,     .icon-chevron {
  width:20px;
  height:20px;
  vertical-align:middle;
}

/* 2) Accordion / details open state (rotate caret) 
details .icon-caret svg, details .icon-caret {
  transition: transform .18s ease;
}
details[open] .icon-caret svg,
details[open] .icon-caret {
  transform: rotate(180deg);
}
*/

/* 3) Subtle neon hover glow for interactive controls */
a:hover .icon-caret svg, a:hover .icon-chevron svg,
button:hover .icon-caret svg, button:hover .icon-chevron svg,
a:hover .icon-caret, a:hover .icon-chevron,
button:hover .icon-caret, button:hover .icon-chevron {
  color:#00FFF5;
  filter: drop-shadow(0 0 6px rgba(0,255,245,.45));
}

/* 4) Slider / gallery nav buttons: slightly larger arrows */
.slider-buttons .icon svg,
.slider-buttons .icon {
  width:24px;
  height:24px;
}
  
/* === Uniform filter carets (Price, Availability, etc.) === */

/* Size + alignment for any caret SVG placed after the filter label 
.facets__summary-label + svg,
.facets__summary svg,
.facets__disclosure summary svg {
  width:16px !important;
  height:16px !important;
  display:inline-block !important;
  vertical-align:middle;
  margin-left:8px;          
  transition:transform .18s ease;
}
  */
  
/* Rotate when the filter (details) is open 
details[open] .facets__summary-label + svg,
.facets__disclosure[open] summary svg {
  transform:rotate(180deg);
}
  */

/* Mobile override: some Dawn variants hide carets on small screens 
@media (max-width: 749px){
  .facets__summary-label + svg,
  .facets__summary svg,
  .facets__disclosure summary svg {
    display:inline-block !important; 
  }
}
*/
/* === Force ALL filter carets visible & uniform on mobile === 
@media (max-width:749px){

  .facets__summary{display:flex;align-items:center;justify-content:space-between}
  .facets__summary-label{flex:1}
*/

  /* Unhide and size the caret SVGs next to labels or inside summary 
  .facets__summary-label + svg,
  .facets__summary svg,
  .facets__disclosure summary svg,
  .facets__summary .small-hide,
  .facets__disclosure .small-hide{
    display:inline-block !important;
    width:18px !important;
    height:18px !important;
    visibility:visible !important;
    opacity:1 !important;
    margin-left:8px;
    flex-shrink:0;
  }
    */

  /* Make stroke a tad thicker so it reads on small screens 
  .facets__summary-label + svg path,
  .facets__summary svg path,
  .facets__disclosure summary svg path{stroke-width:1.4}
}
@media (max-width:749px){
  .facets__summary-label{
    position:relative;padding-right:28px;
  }
    */
  /* Draw a caret using the asset as a mask 
  .facets__summary-label::after{
    content:"";
    position:absolute;right:4px;top:50%;transform:translateY(-50%);
    width:18px;height:18px;
    background:currentColor;
    -webkit-mask:url(/assets/icon-caret.svg) no-repeat center / contain;
            mask:url(/assets/icon-caret.svg) no-repeat center / contain;
  }
            */
  /* Rotate when open 
  .facets__disclosure[open] .facets__summary-label::after{transform:translateY(-50%) rotate(180deg)}
 
  
}
   */

   
/* Collapsed product description */
.zv-desc{border:1px solid rgb(255, 255, 254);border-radius:8px;background:linear-gradient(180deg,rgba(0, 0, 0, 0.96),rgba(0, 0, 0, 0.96))}
.zv-desc__summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;padding:12px 14px;color:#fff;font-weight:700;letter-spacing:.3px}
.zv-desc__summary .zv-caret{width:18px;height:18px;transition:transform .18s ease;flex-shrink:0}
.zv-desc[open] .zv-caret{transform:rotate(180deg)}
.zv-desc__body{padding:12px 14px;color:#dfe3ff}
.zv-desc__body a{color:#FFFFFF;text-decoration:underline}
/* hide default disclosure marker on Safari/Chrome */
.zv-desc__summary::-webkit-details-marker{display:none}

/* NAV DRAWER (Zeloverse) */
.menu-drawer__inner{background:linear-gradient(180deg,rgba(13,13,15,.98),rgba(26,17,40,.98));border-left:1px solid rgb(255, 255, 255);box-shadow:0 10px 30px rgb(0, 0, 0),0 0 20px rgb(255, 255, 255)}
.menu-drawer__navigation{padding:8px 0}
.menu-drawer__menu-item{color:#fff;position:relative;padding:12px 16px;font-weight:700;letter-spacing:.3px}
.menu-drawer__menu-item:hover{color:#00FFF5;text-shadow:0 0 8px rgba(0,255,245,.6)}
.menu-drawer__menu-item+.menu-drawer__menu-item{border-top:1px solid rgba(255,255,255,.06)}
.menu-drawer__submenu{background:rgba(13,13,15,.6)}
.menu-drawer__close-button,.header__icon--menu{color:#fff}
@media (max-width:749px){.header__icon--menu .icon svg{width:24px;height:24px}}
.menu-drawer .search__input{background:#000000;border:1px solid rgba(0,255,245,.25);color:#fff}
.menu-drawer .search__button{color:#00FFF5}
.menu-drawer__menu-item[aria-current=page]{color:#00FFF5}

/* --- Hamburger morph into X --- */
.header__icon--menu .icon-close { display:none; } /* hide X by default */
details[open] .header__icon--menu .icon-hamburger { display:none; } /* hide hamburger when open */
details[open] .header__icon--menu .icon-close { display:inline-block; } /* show X when open */


/* LOCK hamburger/X size no matter what */
details .header__icon--menu > span > svg{
  width:30px !important;
  height:30px !important;
  flex:0 0 30px;
  transform-origin:center; /* keep for smooth rotate */
}

.header__icon--menu span svg{
  transition:opacity .08s ease, transform .08s ease;
  transform-origin:center;
}

/* default: show hamburger, hide X */
.header__icon--menu span svg:first-of-type{opacity:1;transform:rotate(0deg) scale(1)}
.header__icon--menu span svg:last-of-type{opacity:0;transform:rotate(-90deg) scale(.85)}

/* when drawer is open: hide hamburger, show X with a twist */
details[open] .header__icon--menu span svg:first-of-type{opacity:0;transform:rotate(90deg) scale(.85)}
details[open] .header__icon--menu span svg:last-of-type{opacity:1;transform:rotate(0deg) scale(1)}

/* Drawer brand block */
.menu-drawer__brand{padding:16px;border-bottom:1px solid rgb(0, 0, 0);text-align:center}
.menu-drawer__brand img{max-width:130px;height:auto;filter:drop-shadow(0 0 10px rgba(0,255,245,.25))}
.menu-drawer__brand-text{color:#fff;font-weight:800;letter-spacing:.5px}

/* Optional subtle top glow for premium feel */
.menu-drawer__inner::before{
  content:"";display:block;height:2px;width:100%;
  background:linear-gradient(90deg,#0D0D0F,rgba(13,13,15,.98));
}
.menu-drawer__promo{
  margin:5px 9px;padding:3px 5px;border:1px solid rgba(0, 255, 247, 0.74);
  border-radius:5px;
  background:linear-gradient(134deg, rgb(0, 0, 0) 10%,rgb(0, 0, 0) 94%);
  color:#fff;font-weight:700;text-align:center
}
.menu-drawer__quickcats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px 12px}
.menu-drawer__quickcats .qcat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border:1px solid rgba(255,255,255,.06);border-radius:8px;color:#fff;text-decoration:none}
.menu-drawer__quickcats .qcat:hover{color:#00FFF5;box-shadow:0 0 12px rgba(0,255,245,.25)}
.menu-drawer__quickcats .qcat svg{width:14px;height:14px}
.menu-drawer__quickcats .qcat span{font-size:10px;font-weight:700;letter-spacing:.2px}

/* ==== Force full-screen takeover above announcement bar ==== */
@media (max-width:989px){
  /* Make the <details> itself a fixed, topmost layer when open */
  #Details-menu-drawer-container[open]{
    position:fixed; inset:0; z-index:2147483645; /* huge */
  }

/* Top-right close "X" inside the drawer */
.zv-drawer-close{
  position:absolute; top:10px; right:10px;
  display:flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:10px;
  border:1px solid rgba(0, 255, 247, 0.34);
  background: rgb(0, 0, 0); color:#fff; cursor:pointer;
  z-index:1000000;
}
.zv-drawer-close svg{width:18px;height:18px}
.zv-drawer-close:hover{box-shadow:0 0 10px rgba(0,255,245,.35); color:#00FFF5}

/* Full takeover above ANYTHING */
@media (max-width:989px){
  /* Put the <details> on the top layer when open */
  #Details-menu-drawer-container[open]{position:fixed;inset:0;z-index:2147483646}

  /* Drawer panel above that */
  #menu-drawer.menu-drawer{position:fixed;inset:0;width:100vw;height:100dvh;z-index:2147483647;border-left:none}

  /* Backdrop above page (and announcement bar) */
  #Details-menu-drawer-container[open]::before{
    content:"";position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:2147483646;pointer-events:none
  }

  /* Make the close button sit above everything too */
  .zv-drawer-close{z-index:2147483647}
}
/* Hide announcement bars while the drawer is open */
.zv-drawer-open #shopify-section-announcement-bar,
.zv-drawer-open .shopify-section-announcement-bar,
.zv-drawer-open .announcement-bar,
.zv-drawer-open .announcement-bar__message,
.zv-drawer-open .promo-bar,
.zv-drawer-open .top-announcement,
.zv-drawer-open [id*="announcement"],
.zv-drawer-open [class*="announcement"]{
  display:none !important;
}

/* Fallback if an app resists display:none */
.zv-drawer-open .announcement-bar,
.zv-drawer-open .promo-bar{
  visibility:hidden !important;
  pointer-events:none !important;
  opacity:0 !important;
  transform:translateY(-100%);
}

/* Drawer search */
.menu-drawer__search{padding:12px 16px; border-bottom:1px solid rgba(255,255,255,.06)}
.zv-search{display:flex; gap:8px}
.zv-search__input{flex:1; background:#000000; color:#fff; border:1px solid rgba(0, 255, 247, 0.25); border-radius:10px; padding:10px 12px}
.zv-search__button{border:1px solid rgba(0, 255, 247, 0.25); background:transparent; border-radius:10px; padding:10px; color:#00FFF5}
.zv-search__button svg{width:18px; height:18px}

/* Parent labels (only the items that open submenus) */
.menu-drawer__navigation details>summary.menu-drawer__menu-item{
  text-transform:uppercase; letter-spacing:.5px; font-weight:800;
  color:#9AFBFF; opacity:.95;
}
/* Keep children normal (links inside ul) */
.menu-drawer__navigation .menu-drawer__submenu .menu-drawer__menu-item{
  text-transform:none; letter-spacing:normal; font-weight:700; color:#fff;
}
/* Smaller carets next to parents */
.menu-drawer__navigation summary .svg-wrapper svg{width:16px; height:16px}

/* Active page in drawer menu */
.menu-drawer__menu-item[aria-current="page"],
.menu-drawer__menu-item--active{
  color:#00FFF5!important;
  text-shadow:0 0 8px rgba(0,255,245,.5);
}
/* Aqua strip at the very top of the drawer */
#menu-drawer::before{
  content:""; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,#00FFF5,rgba(0,255,245,0));
  pointer-events:none;
}
/* Smooth accordion for mobile drawer submenus */
.menu-drawer__submenu{overflow:hidden; transition:max-height .22s ease}
details[open]>.menu-drawer__submenu{max-height:600px} /* big enough for most lists */
details:not([open])>.menu-drawer__submenu{max-height:0}

/* Focus + hover (as before) */
.zv-search{display:flex;gap:8px}
.zv-search__input{flex:1;background:#1A1128;color:#fff;border:1px solid rgba(0,255,245,.25);border-radius:10px;padding:10px 12px;transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease}
.zv-search__input:focus{outline:none;border-color:#00FFF5;box-shadow:0 0 0 3px rgba(0,255,245,.18);transform:translateY(-1px)}
.zv-search__button{border:1px solid rgba(0,255,245,.25);background:transparent;border-radius:10px;padding:10px;color:#00FFF5;display:flex;align-items:center;justify-content:center;transition:box-shadow .18s ease, transform .12s ease}
.zv-search__button:hover{box-shadow:0 0 10px rgba(0,255,245,.35)}
.zv-search__button:active{transform:scale(.96)}
.zv-search__button svg{width:18px;height:18px}

/* Shake feedback for empty submit */
@keyframes zv-shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}
.zv-search__input.is-invalid{
  animation:zv-shake .35s ease;
  border-color:#FF005C !important;
  box-shadow:0 0 0 3px rgba(255,0,92,.18) !important;
}