/** Shopify CDN: Minification failed

Line 11:27 Cannot use type selector "gt" directly after nesting selector "&"
Line 15:24 Cannot use type selector "gt" directly after nesting selector "&"
Line 26:11 Cannot use type selector "gt" directly after nesting selector "&"
Line 45:11 Cannot use type selector "gt" directly after nesting selector "&"
Line 52:11 Cannot use type selector "gt" directly after nesting selector "&"
Line 66:11 Cannot use type selector "gt" directly after nesting selector "&"

**/
.header_style_5 .main-menu > nav > ul > li > a {
    line-height: 29px;
}

.header-area .main-menu > nav > ul > li > a,
.header-area .header-right-wrap {
    font-size: 15px;
}

/* Noon.com-style menu hover */
.main-menu {
  position: relative;
  z-index: 1000;
}

.main-menu > ul > li {
  position: relative;
}

.main-menu ul ul {
  display: none;
  position: fixed;
  top: 80px; /* Adjust to your header height */
  left: 0;
  right: 0;
  background: white;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  z-index: 999;
  padding: 30px;
  opacity: 0;
  transform: translateY(-10px);
  transition: all 0.3s ease;
}

.main-menu > ul > li:hover > ul {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

/* Dark overlay */
.main-menu > ul > li::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.4);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}

.main-menu > ul > li:hover::before {
  opacity: 1;
  visibility: visible;
}