/* ═══════════════════════════════════════
   LIGHT GLASS HEADER — maxico.kz
   ═══════════════════════════════════════ */

/* ── Base ── */
.header{
  position:fixed!important;top:0;left:0;right:0;z-index:1000;
  background:transparent!important;
  border-bottom:none!important;
  box-shadow:none!important;
  transition:none!important;
  padding:0!important;
}
/* Glassmorphism через ::before — не мешает fixed-позиционированным детям */
.header::before{
  content:'';position:absolute;inset:0;z-index:-1;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(0,0,0,.07);
  box-shadow:0 2px 24px rgba(0,0,0,.06);
  transition:background .35s,box-shadow .35s;
}
.header.scrolled::before{
  background:rgba(255,255,255,.96);
  box-shadow:0 2px 32px rgba(0,0,0,.1);
}
.header .container{max-width:1280px}
.header .row{min-height:66px;align-items:center}

/* ── Logo — show dark, hide white ── */
.header__logo-img-white{display:none!important}
.header__logo-img-dark{display:block!important;max-height:44px;width:auto}

/* ── Desktop Nav ── */
@media(min-width:992px){
  .nav{display:flex;justify-content:center}
  .menu{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
  .menu__item{position:relative}
  .menu__link{
    display:flex;align-items:center;gap:4px;
    padding:8px 13px;border-radius:8px;
    font-size:14px;font-weight:700;letter-spacing:.01em;
    text-transform:capitalize;
    color:#1e293b!important;
    text-decoration:none!important;
    transition:color .2s,background .2s;white-space:nowrap;
  }
  .menu__link:hover{color:#0071e3!important;background:rgba(0,113,227,.06)!important}
  .menu__item.active>.menu__link,
  .menu__link.active{color:#0071e3!important;background:rgba(0,113,227,.07)!important}

  /* Dropdown arrow — hide old span, use ::after instead */
  .menu__katalog{display:none!important}
  .menu__item_sub>.menu__link::after{
    content:'';display:inline-block;width:14px;height:14px;margin-left:3px;vertical-align:middle;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e293b' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;
    transition:transform .3s;
  }
  .menu__item_sub:hover>.menu__link::after{transform:rotate(180deg)}
  /* Hide any extra chevron app.min.css might add */
  .js-menu-sub i,.js-menu-sub em,.menu__link .caret{display:none!important}

  /* ── Dropdown panel ── */
  .menu_sub{
    display:none;
    position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);
    min-width:230px;padding:8px;list-style:none;
    background:rgba(255,255,255,.97);
    backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
    border:1px solid rgba(0,0,0,.08);
    border-radius:14px;
    box-shadow:0 12px 40px rgba(0,0,0,.12);
    animation:ddIn .18s ease;
  }
  .menu__item_sub:hover .menu_sub{display:block}
  @keyframes ddIn{from{opacity:0;transform:translateX(-50%) translateY(-6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
  .menu_sub .menu__item{display:block}
  .menu_sub .menu__link{
    padding:9px 12px;border-radius:8px;
    font-size:13.5px;font-weight:600;
    color:#334155!important;
  }
  .menu_sub .menu__link:hover{color:#0071e3!important;background:rgba(0,113,227,.07)!important}
}

/* ── Right side ── */
.header-right{display:flex;align-items:center;gap:12px;justify-content:flex-end}

/* Telegram btn */
.header-tg{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:10px;
  background:#229ED9;
  text-decoration:none!important;
  box-shadow:0 1px 8px rgba(34,158,217,.3);
  transition:all .25s;flex-shrink:0;
}
.header-tg:hover{background:#1a8cba!important;transform:translateY(-1px);box-shadow:0 4px 14px rgba(34,158,217,.45)!important}
/* WhatsApp CTA — компактная */
.header-wa{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 12px 6px 8px;border-radius:8px;
  background:#25D366;
  text-decoration:none!important;
  box-shadow:0 1px 8px rgba(37,211,102,.25);
  transition:all .25s;
}
.header-wa:hover{
  background:#1fba5c!important;
  box-shadow:0 3px 14px rgba(37,211,102,.4)!important;
  transform:translateY(-1px);
}
/* Kill app.min.css WA icon */
.header-wa::before{display:none!important;content:none!important}

/* Icon on the .link directly — same level as text */
.header-wa__value{display:flex!important;align-items:center!important}
.header-wa__value .link{
  display:inline-flex!important;align-items:center!important;
  gap:6px;line-height:1;
}
.header-wa__value .link::before{
  content:'';display:inline-block;width:17px;height:17px;flex-shrink:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z'/%3E%3Cpath d='M12 0C5.373 0 0 5.373 0 12c0 2.117.549 4.107 1.51 5.84L.057 23.428a.75.75 0 00.921.921l5.588-1.453A11.94 11.94 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.75A9.713 9.713 0 016.53 20.12l-.377-.224-3.916 1.018 1.018-3.916-.224-.377A9.713 9.713 0 012.25 12C2.25 6.615 6.615 2.25 12 2.25S21.75 6.615 21.75 12 17.385 21.75 12 21.75z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.header-wa__label{display:none!important}
.header-wa__value,.header-wa__value .link{
  font-size:12px;font-weight:700;letter-spacing:.01em;
  color:#fff!important;text-decoration:none!important;
}

/* Lang */
.header-lang{display:flex;gap:2px}
.header-lang__link{
  padding:5px 9px;border-radius:6px;
  font-size:12px;font-weight:700;
  color:#64748b!important;text-decoration:none!important;transition:all .2s;
}
.header-lang__link:hover{color:#0071e3!important;background:rgba(0,113,227,.07)!important}
.header-lang__link.active{color:#0071e3!important;background:rgba(0,113,227,.08)!important}

/* ── Hamburger ── */
.menu-hamburger{
  display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:10px;
  background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.08);
  cursor:pointer;transition:background .2s;
}
.menu-hamburger:hover{background:rgba(0,0,0,.09)!important}
.menu-hamburger__hamburger{display:flex;flex-direction:column;gap:5px;width:20px}
.menu-hamburger__hamburger span{
  display:block;height:2px;border-radius:2px;
  background:#334155;transition:all .3s;
}

/* ── Mobile Premium v2 ── */
@media(max-width:991px){
  .header .row{min-height:60px}
  .menu-hamburger__hamburger span{background-color:#1e293b!important}

  /* Overlay */
  .nav__mobile{
    position:fixed!important;top:0!important;left:0!important;
    right:0!important;bottom:0!important;
    max-width:100vw!important;width:100%!important;height:100%!important;
    z-index:9999!important;
    background:linear-gradient(160deg,#0d1117 0%,#0f172a 100%)!important;
    display:flex!important;flex-direction:column!important;
    padding:0!important;overflow-y:auto!important;
    transform:translateX(100%)!important;
    transition:transform .42s cubic-bezier(.16,1,.3,1)!important;
  }
  .nav__mobile.active{transform:translateX(0)!important}

  /* Шапка меню */
  .nav__mobile::before{
    content:"MAXICO"!important;
    display:block!important;flex-shrink:0!important;
    padding:28px 24px 22px!important;
    font-size:26px!important;font-weight:900!important;letter-spacing:3px!important;
    background:linear-gradient(90deg,#60a5fa,#a78bfa)!important;
    -webkit-background-clip:text!important;background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    border-bottom:1px solid rgba(255,255,255,.06)!important;
  }

  /* Кнопка ✕ */
  .nav__close,.js-nav-close{
    position:fixed!important;top:22px!important;right:20px!important;
    width:36px!important;height:36px!important;border-radius:50%!important;
    background:rgba(255,255,255,.07)!important;
    border:1px solid rgba(255,255,255,.1)!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    cursor:pointer!important;text-decoration:none!important;z-index:10001!important;
  }
  .nav__close::before,.nav__close::after,
  .js-nav-close::before,.js-nav-close::after{
    content:""!important;position:absolute!important;
    width:14px!important;height:1.5px!important;
    background:rgba(255,255,255,.7)!important;border-radius:2px!important;
  }
  .nav__close::before,.js-nav-close::before{transform:rotate(45deg)!important}
  .nav__close::after,.js-nav-close::after{transform:rotate(-45deg)!important}

  /* Список */
  .nav__mobile .menu,
  .nav__mobile ul.menu{
    list-style:none!important;padding:0!important;margin:0!important;
  }
  .nav__mobile .menu li,
  .nav__mobile ul li{list-style:none!important;list-style-type:none!important}
  .nav__mobile .menu li::before,.nav__mobile .menu li::marker{
    display:none!important;content:""!important;
  }

  /* Основные пункты */
  .nav__mobile>.nav__nav>.menu>.menu__item{
    border-bottom:1px solid rgba(255,255,255,.05)!important;
    position:relative!important;
  }
  .nav__mobile .menu__link{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    padding:18px 24px!important;
    font-size:19px!important;font-weight:700!important;
    color:rgba(255,255,255,.75)!important;
    text-decoration:none!important;text-transform:none!important;
    transition:color .2s,padding-left .2s!important;
    background:transparent!important;
  }
  .nav__mobile .menu__link:hover{
    color:#fff!important;padding-left:30px!important;
    background:rgba(255,255,255,.03)!important;
  }
  .nav__mobile .menu__item.active>.menu__link{
    color:#60a5fa!important;
  }

  /* Шеврон подменю */
  .nav__mobile .menu__item_sub>.menu__link::after{
    content:""!important;display:block!important;
    width:20px!important;height:20px!important;flex-shrink:0!important;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.3)' stroke-width='2'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat!important;
    transition:transform .3s!important;
  }
  .nav__mobile .menu__item_sub.active>.menu__link{color:#a78bfa!important}
  .nav__mobile .menu__item_sub.active>.menu__link::after{
    transform:rotate(90deg)!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='2'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E")!important;
  }

  /* Показать подменю когда .menu__item_sub.active */
  .nav__mobile .menu__item_sub.active>.menu_sub{display:block!important}

  /* Подменю */
  .nav__mobile .menu_sub{
    list-style:none!important;padding:8px 0!important;margin:0!important;
    background:rgba(0,0,0,.25)!important;
    border-left:2px solid rgba(167,139,250,.4)!important;
    margin-left:24px!important;margin-bottom:8px!important;
    border-radius:0 0 0 4px!important;
    display:none!important;
  }
  .nav__mobile .menu_sub li{list-style:none!important;list-style-type:none!important}
  .nav__mobile .menu_sub .menu__link{
    padding:11px 20px!important;
    font-size:15px!important;font-weight:500!important;
    color:rgba(255,255,255,.5)!important;
    justify-content:flex-start!important;gap:10px!important;
  }
  .nav__mobile .menu_sub .menu__link:hover{
    color:rgba(255,255,255,.9)!important;padding-left:26px!important;
  }
  .menu__katalog{display:none!important}

  /* WA кнопка внизу */
  .nav__nav::after{
    content:""!important;display:block!important;height:20px!important;
  }

  /* Язык */
  .header-lang{
    display:flex!important;gap:6px!important;padding:16px 24px 32px!important;
    border-top:1px solid rgba(255,255,255,.06)!important;
    margin-top:auto!important;
  }
  .header-lang__link{
    padding:8px 18px!important;border-radius:8px!important;
    font-size:13px!important;font-weight:700!important;letter-spacing:1px!important;
    color:rgba(255,255,255,.35)!important;
    border:1px solid rgba(255,255,255,.08)!important;transition:all .2s!important;
    text-decoration:none!important;
  }
  .header-lang__link.active,.header-lang__link:hover{
    color:#fff!important;background:rgba(255,255,255,.07)!important;
    border-color:rgba(255,255,255,.18)!important;
  }
}

/* Push body content below fixed header */
body{padding-top:66px}
@media(max-width:991px){body{padding-top:60px}}