/* Powertech — header elektrik temalı dekorasyon */

.header_content {
  position: relative;
  z-index: 20;
}

.header-nav {
  background: linear-gradient(90deg, var(--pt-brand-blue-dark) 0%, var(--pt-brand-blue) 55%, #1f4db0 100%);
  position: relative;
  overflow: hidden;
}

.header-nav::before {
  background-image: url('../img/header-power-pattern.svg');
  background-position: right center;
  background-repeat: repeat-x;
  background-size: 320px 120px;
  content: '';
  inset: 0;
  opacity: 0.55;
  pointer-events: none;
  position: absolute;
}

.header-nav > .container {
  position: relative;
  z-index: 1;
}

.header-top {
  background: #fff;
  border-bottom: 1px solid rgba(var(--pt-brand-blue-rgb), 0.12);
  position: relative;
}

.header-top::after {
  background: linear-gradient(90deg, transparent, rgba(var(--pt-brand-blue-rgb), 0.08), transparent);
  bottom: 0;
  content: '';
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
}

.menu_and_cattree:not(.pt-mobile-open) {
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, transparent 42%),
    url('../img/header-power-pattern.svg');
  background-position: left top, right center;
  background-repeat: no-repeat, repeat-x;
  background-size: auto, 280px 100px;
  box-shadow: 0 4px 18px rgba(var(--pt-brand-blue-rgb), 0.22);
  position: relative;
}

.menu_and_cattree:not(.pt-mobile-open)::before {
  background: radial-gradient(circle at 8% 50%, rgba(255, 255, 255, 0.1), transparent 42%);
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.menu_and_cattree > .container {
  position: relative;
  z-index: 1;
}

#header .header-nav .nav_link,
#header .header-nav a,
#header .header-nav .pt-mobile-auth-nav a {
  color: #fff !important;
}

#header .header-nav .pt-mobile-auth-sep {
  color: rgba(255, 255, 255, 0.55) !important;
}

@media (max-width: 767px) {
  .mobile_logo {
    background: #fff;
    border-bottom: 1px solid rgba(var(--pt-brand-blue-rgb), 0.1);
    padding: 8px 0;
  }

  .header-top {
    padding-top: 4px;
  }
}