/* ============================================================================
   QazGsmKz — HEADER restyle
   Тёмный липкий header, совмещён с новой тёмной главной страницей.
   Файл подключён из header.tpl (после файлов темы), поэтому эти правила
   имеют приоритет. Чтобы откатить — просто удалите <link> на этот файл.
   ============================================================================ */

:root{
  --qzh-bg0:#070b18;          /* самый верх (== index --q-bg) */
  --qzh-bg1:#0c1226;          /* основной фон шапки (== index --q-bg2) */
  --qzh-bg2:#111a33;          /* нижняя панель   (== index --q-card) */
  --qzh-line:rgba(255,255,255,.08);
  --qzh-ink:#eaf1ff;          /* светлый текст  (== index --q-ink) */
  --qzh-mut:#a3b1d4;          /* приглушённый текст (== index --q-mut) */
  --qzh-grad:linear-gradient(120deg,#25d6ff 0%,#4f7dff 45%,#8b5cf6 100%); /* == index --q-grad */
}

/* -------- вся шапка: тёмная + липкая -------- */
body > header,
header.qz-header,
header{
  background: var(--qzh-bg1) !important;
  position: sticky;
  top: 0;
  z-index: 1030;
  box-shadow: 0 8px 30px -18px rgba(0,0,0,.8);
}

/* нижняя граница топа, если есть */
header .header-top{
  border-bottom: 1px solid var(--qzh-line) !important;
}

/* -------- новая контактная полоса (header-top) -------- */
header .qzh-ci,
header .qzh-ci a,
header .header-top .nav-link,
header .header-top .nav-item .nav-link{
  color: var(--qzh-mut) !important;
  background: transparent !important;
}
header .qzh-ci a:hover{ color:#fff !important; }
header .qzh-top-left .qzh-ci{
  display: inline-flex; align-items: center; gap:8px;
  font-size:.82rem; margin-right:22px; color:var(--qzh-mut);
}
header .qzh-top-left .qzh-ci i{
  color: var(--qzh-grad);
  background: rgba(255,255,255,.06); width:24px; height:24px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center; font-size:11px;
}
header .header-top .nav-item:hover,
header .header-top .nav-link:hover{ background: transparent !important; }

/* -------- логотип / название -------- */
header .navbar-brand{
  color:#fff !important; font-weight:800; letter-spacing:.2px;
}
/* если логотип тёмный и не виден — раскомментируйте ниже
header .navbar-brand img{ filter:brightness(0) invert(1); }
*/

/* QazGsmKz — неоновый логотип-бренд (разные цвета, жылтыр) */
header .qzbrand{ display:flex; flex-direction:column; align-items:flex-start; gap:1px; line-height:1.1; }
header .qzbrand-word{ font-size:1.5rem; font-weight:900; letter-spacing:.04em; line-height:1; }
header .qzbrand-typing{
  background-image:linear-gradient(100deg,#2fe6ff,#4f7dff,#b78bff,#ff4ec2,#ffcf5c,#2fe6ff);
  background-size:220% 100%;
  -webkit-background-clip:text; background-clip:text; color:transparent;
  animation:qzhBrandFlow 5s linear infinite;
  filter:drop-shadow(0 0 7px rgba(47,230,255,.5)) drop-shadow(0 0 20px rgba(255,78,194,.35));
}
@keyframes qzhBrandFlow{ to{ background-position:220% center; } }
header .qzbrand-caret{ display:inline-block; width:3px; height:.95em; margin-left:4px; vertical-align:text-bottom;
  background:#25d6ff; border-radius:2px; box-shadow:0 0 12px #25d6ff; animation:qzhCaret .75s steps(1) infinite; }
@keyframes qzhCaret{ 50%{ opacity:0; } }
header .qzbrand-tag{ font-size:.55rem; font-weight:600; letter-spacing:.24em; text-transform:uppercase;
  color:#8fb7ff; opacity:.85; white-space:nowrap; }

/* то же для бренда вне <header> (например, в мобильном меню) */
.qzbrand-word{ font-weight:900; letter-spacing:.04em; line-height:1; }
.qzbrand-typing{
  background-image:linear-gradient(100deg,#2fe6ff,#4f7dff,#b78bff,#ff4ec2,#ffcf5c,#2fe6ff);
  background-size:220% 100%;
  -webkit-background-clip:text; background-clip:text; color:transparent;
  animation:qzhBrandFlow 5s linear infinite;
  filter:drop-shadow(0 0 7px rgba(47,230,255,.5)) drop-shadow(0 0 20px rgba(255,78,194,.35));
}
.qzbrand-caret{ display:inline-block; width:3px; height:.95em; margin-left:4px; vertical-align:text-bottom;
  background:#25d6ff; border-radius:2px; box-shadow:0 0 12px #25d6ff; animation:qzhCaret .75s steps(1) infinite; }
.qzbrand-tag{ font-size:.55rem; font-weight:600; letter-spacing:.24em; text-transform:uppercase; color:#8fb7ff; opacity:.85; white-space:nowrap; }

/* -------- пункты меню (современные "кнопки"-пилюли) -------- */
header .header-middle .navbar-nav > .nav-item > .nav-link,
header .navbar-mastermenu > .nav-item > .nav-link,
header .navbar-expand-lg .navbar-nav .nav-link{
  color: var(--qzh-mut) !important; font-weight:600; transition:.25s;
}
header .navbar-mastermenu > .nav-item > .nav-link,
header .header-middle .navbar-nav > .nav-item > .nav-link{
  padding:9px 16px !important; border-radius:100px; border:1px solid transparent;
}
header .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link,
header .navbar-expand-lg .navbar-nav .nav-item:focus .nav-link,
header .navbar-mastermenu .nav-item:hover > .nav-link{
  color:#fff !important;
}
header .navbar-mastermenu > .nav-item:hover > .nav-link,
header .navbar-mastermenu > .nav-item > .nav-link:focus,
header .header-middle .navbar-nav > .nav-item:hover > .nav-link{
  background:linear-gradient(120deg,rgba(37,214,255,.16),rgba(139,92,246,.16)) !important;
  border-color:rgba(255,255,255,.20) !important;
  box-shadow:0 10px 26px -14px rgba(37,214,255,.9);
}

/* -------- кнопка "Войти" (градиент + блик + пульс) -------- */
header .qzh-login,
header .btn.bg-secondary.qzh-login{
  background: var(--qzh-grad) !important; border:none !important;
  color:#04121a !important; font-weight:800; border-radius:100px;
  padding:10px 22px !important;
  position:relative; overflow:hidden; z-index:0;
  transition:.25s;
  background-size:200% 100% !important;
  animation:qzhGrad 5s linear infinite;
  box-shadow:0 10px 26px -12px rgba(79,125,255,.9);
}
@keyframes qzhGrad{ to{ background-position:200% 0; } }
header .qzh-login::after{ content:""; position:absolute; top:-20%; bottom:-20%; left:-150%; width:55%;
  transform:skewX(-20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);
  animation:qzhShine 2.8s ease-in-out infinite;
}
@keyframes qzhShine{ 0%{ left:-150%; } 55%,100%{ left:170%; } }
header .qzh-login:hover{
  transform:translateY(-2px);
  box-shadow:0 0 0 3px rgba(37,214,255,.20),0 16px 36px -12px rgba(79,125,255,1);
}
header .qzh-login:active{ transform:translateY(0) scale(.96); }
header .qzh-login .lg-icon{ position:relative; z-index:1; }

/* -------- вспомогательные действия в шапке -------- */
header .qzh-action{ background:rgba(255,255,255,.05); border:1px solid var(--qzh-line);
  border-radius:100px; padding:10px 20px; color:var(--qzh-ink) !important; font-weight:600;
  transition:.25s; }
header .qzh-action:hover{ background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.28);
  box-shadow:0 10px 24px -14px rgba(255,255,255,.6); }

/* -------- тостер-кнопка (моб.) -------- */
header .navbar-toggler,
header .navbar-toggler i{ color:#fff !important; }

/* -------- заголовки/иконки в нижней панели -------- */
header .header-bottom,
header .header-middle.header-bottom{ background: var(--qzh-bg2) !important; }

/* выпадающие меню оставляем светлыми для читаемости поверх тёмной шапки */
header .dropdown-menu{ background:#fff; }
header .dropdown-menu .dropdown-item{ color:#1a2033 !important; }
header .dropdown-menu .dropdown-item:hover{ background:#f1f4ff !important; color:#10162b !important; }

/* карточка/мини-корзина внутри шапки остаётся светлой */
header .cartminiview{ filter: none; }

/* маленькие надписи шапки (email в топе и т.п.) */
header .header-top .nav-link.text-muted{ color: var(--qzh-mut) !important; }

/* ============================================================================
   QazGsmKz — мобильное меню (toggle-menu.tpl, .modal-menu) в тон тёмной теме
   ============================================================================ */
.modal-menu{ background: rgba(7,11,24,.55) !important; }
.modal-menu .modal-dialog{
  max-width: 330px; margin-left:-330px;
  background: linear-gradient(180deg,#0a0f22 0%,#0b1022 55%,#070b18 100%);
  box-shadow: 10px 0 40px rgba(0,0,0,.5);
}
.modal-menu .modal-content,
.modal-menu .modal-content.rounded-0{
  background: transparent; border: none; box-shadow: none;
}
.modal-menu .modal-header{
  background: linear-gradient(160deg,rgba(37,214,255,.10),rgba(139,92,246,.12) 60%,transparent);
  border-bottom:1px solid var(--qzh-line);
}
.modal-menu .modal-header .navbar-brand{ color:#fff !important; font-weight:800; }
.modal-menu .modal-body{ background: transparent; }

/* пункты и ссылки */
.modal-menu .modal-body .dropdown-item,
.modal-menu .modal-body .nav-link,
.modal-menu .catloglist li a,
.modal-menu .catloglist li.maincategory > a,
.modal-menu .catloglist > li.nocategory > a{
  color:#d7e1f7 !important;
  border-bottom:1px solid var(--qzh-line);
  border-top:none !important;
  font-weight:600; letter-spacing:.02em;
}
.modal-menu .nav-link.dropdown-toggle{
  color:#8fb7ff !important; font-size:13px; text-transform:uppercase;
}
.modal-menu .modal-body a:hover,
.modal-menu .catloglist li a:hover,
.modal-menu .dropdown-item:hover,
.modal-menu .modal-body .nav-link:hover{
  background:linear-gradient(120deg,rgba(37,214,255,.16),rgba(139,92,246,.16)) !important;
  color:#fff !important;
}
/* текст внутри меню */
.modal-menu .modal-body strong,
.modal-menu .modal-body span,
.modal-menu .modal-body h3{ color:#eaf1ff !important; }
.modal-menu .modal-body small{ color: var(--qzh-mut) !important; }

/* кнопки регистрации/входа в шапке меню */
.modal-menu .nav-login,
.modal-menu .nav-registration{
  color:#04121a !important; font-weight:800; border-radius:100px;
  text-align:center; padding:11px 14px !important; margin:4px;
  background: var(--qzh-grad) !important;
  box-shadow:0 10px 24px -12px rgba(79,125,255,.9);
}
.modal-menu .nav-login{ margin-top:0; }
.modal-menu .nav-registration{
  background: rgba(255,255,255,.08) !important; color:#fff !important;
  border:1px solid var(--qzh-line);
}
/* аватар */
.modal-menu .modal-header img{ border-radius:50%; box-shadow:0 0 0 2px rgba(37,214,255,.5); }