/** Shopify CDN: Minification failed

Line 23:0 Unexpected ".3d-effect"

**/
:root {
  --primary-blue: #004aad;
  --primary-red: #e31e24;
  --glass-bg: rgba(255, 255, 255, 0.95);
  --shadow-3d: 0 20px 40px rgba(0,0,0,0.12), 0 5px 15px rgba(0,0,0,0.05);
}

.e-nav-container {
  display: flex;
  align-items: center;
  background: #fff;
  border-bottom: 2px solid #f1f1f1;
  padding: 0 5%;
  font-family: 'Inter', sans-serif;
}

/* 3D Glass Effect Base */
.3d-effect {
  background: var(--glass-bg);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.2);
  box-shadow: var(--shadow-3d);
  transform-origin: top;
  transform: perspective(1000px) rotateX(-15deg);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* Vertical Menu Styling */
.e-vertical-menu { position: relative; width: 250px; }
.e-vertical-btn {
  background: transparent; border: none; padding: 15px 0;
  font-weight: 700; color: var(--primary-blue); cursor: pointer;
  display: flex; align-items: center; gap: 10px; font-size: 15px;
}

.e-vertical-dropdown {
  position: absolute; top: 100%; left: 0; width: 280px; z-index: 999;
}

.e-vertical-menu:hover .e-vertical-dropdown {
  opacity: 1; visibility: visible; transform: perspective(1000px) rotateX(0deg);
}

.e-vertical-item { position: relative; border-bottom: 1px solid #f5f5f5; }
.e-vertical-item a {
  display: flex; justify-content: space-between; padding: 12px 20px;
  text-decoration: none; color: #333; transition: 0.3s;
}

.e-vertical-item:hover > a { background: var(--primary-blue); color: #fff; }

/* Submenu Slide-in Effect */
.e-vertical-submenu {
  position: absolute; left: 100%; top: 0; width: 250px; min-height: 100%;
}

.e-vertical-item:hover .e-vertical-submenu {
  opacity: 1; visibility: visible; transform: translateX(10px);
}

/* Horizontal Mega Menu */
.e-horizontal-menu { display: flex; list-style: none; margin: 0; padding-left: 30px; }
.e-nav-link {
  padding: 20px 15px; display: block; text-decoration: none;
  color: #444; font-weight: 500; font-size: 14px;
}

.e-nav-item:hover .e-megamenu {
  opacity: 1; visibility: visible; transform: perspective(1000px) rotateX(0deg);
}

.e-megamenu {
  position: absolute; left: 5%; right: 5%; top: 100%; z-index: 998;
  padding: 30px; border-radius: 0 0 15px 15px;
}

.e-megamenu-inner {
  display: grid; grid-template-columns: repeat(4, 1fr) 250px; gap: 20px;
}

.e-mega-col h4 { color: var(--primary-blue); margin-bottom: 15px; font-size: 16px; border-left: 3px solid var(--primary-red); padding-left: 10px; }
.e-mega-col ul { list-style: none; padding: 0; }
.e-mega-col li a {
  text-decoration: none; color: #666; font-size: 13px; line-height: 2.5; transition: 0.2s;
}
.e-mega-col li a:hover { color: var(--primary-red); padding-left: 5px; }

.e-mega-promo img { width: 100%; border-radius: 10px; box-shadow: 5px 5px 15px rgba(0,0,0,0.1); }
/* By default dropdown hide rahega agar hover nahi hai */
.e-vertical-dropdown {
  display: none; 
  opacity: 0;
  transform: perspective(1000px) rotateX(-15deg);
  transition: all 0.3s ease;
}

/* Jab JS 'active-3d' class add karega */
.e-vertical-dropdown.active-3d {
  display: block !important;
  opacity: 1 !important;
  transform: perspective(1000px) rotateX(0deg) !important;
  visibility: visible !important;
}

.header-top {
    display: none !important;
}