/* Шапка сайта */
.header-site {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;

background-color: #16181D;
border: 1px solid #282C37;
box-shadow: 0 12px 32px -8px rgba(0, 0, 0, 0.5);
border-radius: 24px;

width: 90%;
max-width: 1200px;
margin: 20px auto;
padding: 16px 24px;
}
.logo-link {
text-decoration: none;
display: flex;
}
.logo-text {
font-size: 22px;
font-weight: 800;
letter-spacing: 0.15em;
text-transform: uppercase;


background: linear-gradient(180deg,  #FFFFFF 0%, #D1D5DB 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));

}
.header-nav {
display: flex;
align-items: center;
gap: 12px;
}
/* Ссылки в шапке: Войти, Регистрация, Профиль, Выйти */
.header-link {
padding: 8px 14px;
border-radius: 12px;
font-size: 14px;
font-weight: 600;
color: #d1d5db;
text-decoration: none;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.header-link:hover {
color: #ffffff;
background-color: #1A1D24;
}
.header-link--primary {
background-color: #ffffff;
color: #121212;
}
.header-link--primary:hover {
background-color: #e5e7eb;
color: #121212;
}
@media (max-width: 480px) {
.header-site {
padding: 14px 16px;
}
.header-nav {
gap: 6px;
}
.header-link {
padding: 8px 10px;
}
}
.header-link-number {
background-color: #1A1D24;
border: 1px solid rgba(255, 255, 255, 0.08);
text-decoration: none;
border-radius: 50%;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.header-number-text {

}
.header-link-max {
background-color: #1A1D24;
border: 1px solid rgba(255, 255, 255, 0.08);
text-decoration: none;
border-radius: 50%;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}
.header-icon {
width: 22px;
height: 22px;
object-fit: contain;
}
.header-link-whatsapp {
background-color: #1A1D24;
border: 1px solid rgba(255, 255, 255, 0.08);
text-decoration: none;
border-radius: 50%;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}