/* ===============================
МОБИЛЬНАЯ АДАПТАЦИЯ БЛОКА АВТОРА
Desktop-версия НЕ меняется
================================ */
@media (max-width: 768px){
.author-section{
padding: 32px 14px !important;
}
.author-card{
max-width: 100% !important;
padding: 38px 24px 32px !important;
border-radius: 30px !important;
}
.author-photo{
width: 200px !important;
height: 200px !important;
margin-bottom: 26px !important;
border-radius: 28px !important;
}
.author-title{
font-size: 36px !important;
line-height: 1.08 !important;
}
.author-subtitle{
max-width: 100% !important;
font-size: 16px !important;
line-height: 1.5 !important;
margin-bottom: 28px !important;
}
.author-stat{
grid-template-columns: 140px 1fr !important;
gap: 18px !important;
padding: 17px 0 !important;
}
.author-stat-value{
font-size: 22px !important;
line-height: 1.15 !important;
}
.author-stat-text{
font-size: 15px !important;
line-height: 1.42 !important;
}
.author-buttons{
gap: 14px !important;
}
.author-btn{
min-height: 58px !important;
font-size: 12px !important;
padding: 13px 16px !important;
}
}
@media (max-width: 480px){
.author-section{
padding: 18px 10px !important;
}
.author-card{
padding: 28px 18px 24px !important;
border-radius: 26px !important;
}
.author-card::before{
width: 3px !important;
}
.author-photo{
width: 160px !important;
height: 160px !important;
border-radius: 24px !important;
margin-bottom: 22px !important;
}
.author-kicker{
font-size: 11px !important;
letter-spacing: 4px !important;
margin-bottom: 10px !important;
}
.author-title{
font-size: 29px !important;
line-height: 1.1 !important;
letter-spacing: -0.04em !important;
}
.author-subtitle{
font-size: 14.5px !important;
line-height: 1.48 !important;
margin: 14px auto 24px !important;
}
.author-stat{
grid-template-columns: 108px 1fr !important;
gap: 12px !important;
padding: 15px 0 !important;
}
.author-stat-value{
font-size: 18px !important;
line-height: 1.15 !important;
white-space: normal !important;
}
.author-stat-text{
font-size: 13.5px !important;
line-height: 1.38 !important;
}
.author-buttons{
grid-template-columns: 1fr !important;
gap: 12px !important;
margin-top: 26px !important;
}
.author-btn{
min-height: 56px !important;
font-size: 12px !important;
padding: 12px 18px !important;
}
.author-btn-icon{
width: 32px !important;
height: 32px !important;
}
}
@media (max-width: 360px){
.author-card{
padding-left: 14px !important;
padding-right: 14px !important;
}
.author-title{
font-size: 25px !important;
}
.author-stat{
grid-template-columns: 1fr !important;
gap: 5px !important;
}
.author-stat-value{
font-size: 20px !important;
}
.author-stat-text{
font-size: 13.5px !important;
}
}