/* ====== FIX 1: Phone in header ====== */
/* Удалить старый оверрайд:
.km-phone {
color: #ba3c3c;
}
*/
.km-phone {
font-family: var(--t-headline-font);
font-size: 16px;
font-weight: 600; /* жирнее для читаемости */
color: #ffffff; /* явный белый */
white-space: nowrap;
padding: 8px 14px;
background: rgba(255, 255, 255, 0.08); /* светлая подложка */
border: 1px solid rgba(74, 158, 255, 0.4); /* голубая рамка */
text-decoration: none;
transition: all 0.2s;
}
.km-phone:hover {
background: rgba(74, 158, 255, 0.25);
border-color: #4a9eff;
color: #ffffff;
}
.km-phone::before {
content: '';
display: inline-block;
width: 8px;
height: 8px;
background: #28c840;
border-radius: 50%;
margin-right: 8px;
vertical-align: middle;
box-shadow: 0 0 6px #28c840;
animation: kmPhonePulse 2s ease-in-out infinite;
}
@keyframes kmPhonePulse {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.6; transform: scale(1.2); }
}
/* ====== FIX 2: Hero badges — more readable ====== */
.km-hero__badges {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}
.km-hero__badge {
background: rgba(0, 0, 0, 0.35); /* тёмная плотная подложка */
border: 1px solid rgba(74, 158, 255, 0.4); /* голубая рамка */
padding: 14px 12px;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
transition: all 0.2s;
position: relative;
}
.km-hero__badge:hover {
background: rgba(0, 0, 0, 0.5);
border-color: #4a9eff;
transform: translateY(-3px);
}
.km-hero__badge-num {
font-family: var(--t-headline-font);
font-size: 26px;
font-weight: 700; /* жирнее */
color: #6ab1ff; /* ярче */
line-height: 1;
display: block;
margin-bottom: 6px;
text-shadow: 0 0 12px rgba(74, 158, 255, 0.6); /* свечение */
}
.km-hero__badge-lbl {
font-size: 12px;
color: #ffffff; /* полностью белый */
font-weight: 400;
opacity: 0.85;
}