/* header.php — шапка в портретном режиме */
.header-top {
  display: grid;
  grid-template-columns: 3fr 3fr 1fr 1fr;
  padding: 10px 0;
}
.btn-primary {
  font-size: 2vw;
}
.btn-secondary {
    font-size: 2vw;
}    
.logo {
    width: 100%;
    text-align: center;
}
.logo h1 {
    font-size: 1.5rem;
}
.logo span {
    font-size: 0.75rem;
}
.header-contacts {
    width: 100%;
    text-align: center;
    margin: 5px 0;
}
.auth-icons {
    width: 100%;
    justify-content: center;
}
/* Меню */
.navbar {
    background: #2c3e50;
    padding: 0;
}
.navbar ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    padding: 5px;
}
.navbar a {
    font-size: 12px;
    padding: 8px 10px;
    white-space: nowrap;
}
/* Hero */
.hero h2 {
    font-size: 1.8rem;
}

.hero .container {
    display: block;
}
.hero-image {
  text-align: right;
}



.agents-slider {
  display: flex;
  transition: transform 0.5s ease;
  gap: 2px;
  margin: 2px 4px;
}
.work-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2vh 2vw;
  justify-content: center;  
}  
/* Слайдер */
.slide-content {
    flex-direction: column;
}
/* Карточки агентов */
.agent-card {
  grid-template-columns: 1fr 1fr;
  display: grid;
  grid-gap: 1vh 2vw;
  margin: 1vh 2vw;
}
/* Футер */
.footer-content {
    grid-template-columns: 1fr 1fr;
}


/* Бургер-меню для мобильных */
@media screen and (max-width: 768px) {
    .navbar {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #2c3e50;
        z-index: 1001;
        padding: 0;
        box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    }
    .navbar.active {
        display: block;
    }
    .navbar ul {
        flex-direction: column;
        gap: 0;
        padding: 10px 0;
    }
    .navbar a {
        padding: 12px 20px;
        font-size: 16px;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        display: block;
        width: 100%;
        color: #fff;
    }
    .navbar a:last-child {
        border-bottom: none;
    }
    .header {
        position: relative;
    }
}

/* ============================================
   ФИКС: Прячем телефон и Войти на мобильных
   Критическая точка: 460px
   ============================================ */

/* До 460px — в шапке только логотип и бургер */
@media screen and (max-width: 460px) {
    .header-top {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 10px 15px;
    }
    .agent-card {display: block;}
    .contact-content, .work-body a, .work-body { display: block;}
    
    /* ПРЯЧЕМ телефон */
    .header-contacts {
        display: none !important;
    }
    
    /* ПРЯЧЕМ кнопку Войти */
    .auth-icons {
        display: none !important;
    }
    
    /* Логотип */
    .logo {
        width: auto;
        text-align: left;
    }
    
    .logo h1 {
        font-size: 1.2rem;
        margin: 0;
    }
    
    .logo span {
        font-size: 0.65rem;
    }
    
    /* Бургер-меню: показываем телефон и Войти внутри */
    .burger-phone {
        display: flex !important;
    }
    
    .burger-auth {
        display: flex !important;
    }
}

/* От 461px — показываем телефон и Войти в шапке */
@media screen and (min-width: 461px) {
    .header-contacts {
        display: block !important;
    }
    
    .auth-icons {
        display: flex !important;
    }
    
    /* В бургер-меню не дублируем */
    .burger-phone,
    .burger-auth {
        display: none !important;
    }
}

/* Базовые стили для телефона и Войти в бургере */
.burger-phone {
    display: none; /* По умолчанию скрыты */
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    margin: 8px 0;
    background: rgba(108, 92, 231, 0.15);
    border-radius: 10px;
    border: 1px solid rgba(108, 92, 231, 0.3);
}

.burger-phone i {
    color: #6C5CE7;
    font-size: 1.1rem;
}

.burger-phone a {
    color: #fff !important;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
}

.burger-auth {
    display: none; /* По умолчанию скрыты */
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px;
    margin: 10px 0;
    background: linear-gradient(135deg, #6C5CE7, #a29bfe);
    color: #fff;
    border-radius: 10px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
}

.burger-auth:hover {
    background: linear-gradient(135deg, #5A4BD1, #6C5CE7);
}

.burger-auth i {
    font-size: 1rem;
}
@media screen and (max-width: 400px) {
.btn-primary, .btn-secondary {
  font-size: 4vw;
}