/* =========================
   HEADER BASE
========================= */

.header{
    width:100%;
    background:#ffffff;
    border-bottom:1px solid #e5e5e5;
    position:sticky;
    top:0;
    z-index:999;
}

.header-inner{
    height:72px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative;
}

/* =========================
   LOGO
========================= */

.logo img{
    height:30px;
    display:block;
}

/* =========================
   MENU (PC)
========================= */

.nav{
    display:flex;
    gap:28px;
    align-items:center;
    position:static;
}

.nav a{
    color:#111;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
    transition:0.2s;
}

.nav a:hover{
    color:#666;
}

/* =========================
   PHONE
========================= */

.header-contact a{
    color:#111;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
}

/* =========================
   BURGER
========================= */

.burger-btn {
  width: 48px;
  height: 48px;
  background: transparent;
  border: none;
  cursor: pointer;
  position: relative;

  display: none; /* 🔥 важно: скрыт на ПК */
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.burger-btn span {
  position: absolute;
  width: 28px;
  height: 2.5px;
  background: #111;
  border-radius: 10px;
  transition: all 0.35s ease;
}

/* линии */
.burger-btn span:nth-child(1) { top: 14px; }
.burger-btn span:nth-child(2) { top: 22px; }
.burger-btn span:nth-child(3) { top: 30px; }

/* active */
.burger-btn.active span:nth-child(1) {
  transform: rotate(45deg);
  top: 22px;
}

.burger-btn.active span:nth-child(2) {
  opacity: 0;
}

.burger-btn.active span:nth-child(3) {
  transform: rotate(-45deg);
  top: 22px;
}

/* =========================
   DESKTOP FIX (ВАЖНО)
========================= */

@media (min-width: 1025px){
    .nav{
        display:flex !important;
        position:static;
        flex-direction:row;
        background:transparent;
        padding:0;
        border:none;
    }
}

/* =========================
   TABLET + MOBILE
========================= */

@media (max-width: 1024px){

    .logo{
        display:none;
    }

    .header-contact{
        display:flex;
    }

    .burger-btn{
        display:flex;
    }

    .nav{
        display:none;
        position:absolute;
        top:72px;
        left:0;
        width:100%;
        background:#fff;
        flex-direction:column;
        align-items:flex-start;
        padding:10px 20px;
        border-bottom:1px solid #e5e5e5;
        gap:0;
    }

    .nav.active{
        display:flex;
    }

    .nav a{
        width:100%;
        padding:14px 0;
        border-bottom:1px solid #f2f2f2;
        font-size:14px;
    }

    .nav a:last-child{
        border-bottom:none;
    }
}

/* =========================
   SMALL MOBILE
========================= */

@media (max-width: 480px){

    .header-inner{
        height:64px;
    }

    .nav{
        top:64px;
    }
}