/** Shopify CDN: Minification failed

Line 281:0 Unexpected "}"
Line 313:0 Unexpected "}"

**/
:root{
  --primary:#0b28a1;
  --secondary:#eb3d8c;
  --accent:#ffd84d;
}

*{box-sizing:border-box;font-family:Poppins, Arial}

/* TOP BAR */
.top-bar{
  background: linear-gradient(90deg,var(--secondary),#ff7a18);
  color:#fff;
  text-align:center;
  padding:4px;
  font-size:12px;
}

/* HEADER */
.zk-header{
  background: linear-gradient(180deg, #1a3bb8 0%, #0b28a1 100%);
  display:flex;
  align-items:center;
  padding:12px 20px;
  position:sticky;
  top:0;
  z-index:9999;

  /* DEPTH */
  box-shadow:0 6px 20px rgba(0,0,0,0.25);
}
.zk-header::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:1px;
  background:rgba(255,255,255,0.3);
}
/* LOGO */
.zk-logo{
  flex:1;
  display:flex;
  align-items:center;
  padding-left:15px;
}

.zk-logo img{
  height:55px;
}

/* SEARCH (COMPACT) */
.zk-search{
  flex:2;
  display:flex;
  justify-content:center;
  position:relative;
}

.zk-search input{
  max-width:450px;
}

.zk-search input{
  width:100%;
  max-width:480px;
  padding:12px 18px;
  border:none;
  outline:none;
  border-radius:30px 0 0 30px;
  background:rgba(255,255,255,0.95);
  box-shadow:0 4px 15px rgba(0,0,0,0.15);
  font-size:14px;
}

.zk-search button{
  border-radius:0 30px 30px 0;
  padding:12px 20px;
  background:linear-gradient(45deg,#eb3d8c,#ff6bb3);
  color:#fff;
  border:none;
  cursor:pointer;
  font-weight:600;
  transition:0.3s;
}
.zk-search button:hover{
  transform:scale(1.05);
  box-shadow:0 5px 15px rgba(235,61,140,0.5);
}

/* SEARCH DROPDOWN */
.zk-search-results{
  position:absolute;
  top:40px;
  width:100%;
  background:#fff;
  display:none;
  z-index:99999;
}

/* ICONS */
.zk-icons{
  flex:1;
  display:flex;
  justify-content:flex-end;
  gap:18px;
  color:#fff;
  font-size:18px;
  align-items:center;
  padding-right:10px;
}

/* PROFILE */
.profile-box{position:relative}

.profile-dropdown{
  display:none;
  position:absolute;
  right:0;
  top:35px;
  background:#fff;
  box-shadow:0 10px 20px rgba(0,0,0,0.2);
  border-radius:8px;
  padding:10px;
  min-width:160px;
  z-index:99999;
}

.profile-dropdown a{
  display:block;
  padding:8px;
  text-decoration:none;
  color:#333;
}

.profile-dropdown a:hover{
  background:#f5f5f5;
}

/* NAV */
.zk-nav{
  background:#f5f5f5;
  padding:10px 20px;
  display:flex;
  gap:15px;
  position:relative;
  z-index:9999;
}

/* NAV BUTTON */
.zk-nav a{
  padding:8px 18px;
  border-radius:25px;
  background: linear-gradient(45deg,var(--primary),var(--secondary));
  color:#fff;
  text-decoration:none;
  font-weight:600;
  transition:0.3s;
}

.zk-nav a:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,0,0,0.2);
}

/* MEGA MENU */
.zk-nav-item{position:relative;}

.mega{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  width:100vw;
  background:#fff;
  padding:20px;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  box-shadow:0 10px 25px rgba(0,0,0,0.2);
  z-index:99999;
}

.zk-nav-item:hover .mega{
  display:grid;
}

/* ===== FINAL MOBILE FIX (ZK VERSION) ===== */
@media only screen and (max-width:768px){

  /* HEADER GRID FIX */
  .zk-header{
    display:grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items:center !important;
    gap:8px;
    padding:10px !important;
  }

  /* HAMBURGER LEFT */
  .hamburger{
    order:1;
  }

  /* LOGO CENTER */
  .zk-logo{
    order:2;
    display:flex;
    justify-content:center;
  }

  .zk-logo img{
    height:40px;
  }

  /* ICONS RIGHT */
  .zk-icons{
    order:3;
    display:flex;
    justify-content:flex-end;
    gap:10px;
  }

  /* 🔍 SEARCH FULL WIDTH BELOW */
  .zk-search{
    width:100% !important;
    margin-top:10px !important;
    grid-column:1 / -1;
    display:flex !important;
  }

  /* INPUT FIX */
  .zk-search input{
    flex:1 !important;
    width:100% !important;
    padding:10px;
    border-radius:25px 0 0 25px;
  }

  /* BUTTON FIX */
  .zk-search button{
    padding:10px 14px !important;
    border-radius:0 25px 25px 0;
  }

  /* 🧩 CATEGORY SCROLL */
  .zk-nav{
    display:flex !important;
    overflow-x:auto !important;
    gap:10px !important;
    padding:10px !important;
    flex-wrap:nowrap !important;
  }

  /* CATEGORY ITEM */
  .zk-nav a{
    white-space:nowrap !important;
    flex-shrink:0 !important;
    padding:8px 14px !important;
    font-size:13px !important;
  }

  /* SCROLLBAR HIDE */
  .zk-nav::-webkit-scrollbar{
    display:none;
  }

  /* 🚀 ANNOUNCEMENT SMALL */
  .top-bar{
    padding:4px !important;
    font-size:12px !important;
  }

}

}
/* DESKTOP PERFECT FIX */
@media(min-width:769px){

  .zk-header{
    display:flex;
    align-items:center;
  }

  .zk-logo{
    flex:1;
  }

  .zk-search{
    flex:2;
    display:flex;
    justify-content:center;
  }

  .zk-search input{
    max-width:400px;
    width:100%;
  }

  .zk-icons{
    flex:1;
    display:flex;
    justify-content:flex-end;
    gap:15px;
  }

}
}