/* ============================================
HERO SECTION
============================================ */
.medical-hero {
background: linear-gradient(135deg, var(--med-primary) 0%, var(--med-secondary) 100%);
color: #ffffff;
position: relative;
overflow: hidden;
min-height: 90vh;
display: flex;
align-items: center;
z-index: 1;
}
/* Ensure hero content is above any overlays */
.medical-hero .med-container,
.medical-hero .hero-content,
.medical-hero h1,
.medical-hero p,
.medical-hero a {
position: relative;
z-index: 2;
}
/* Hero buttons must be clickable */
.medical-hero .med-btn {
position: relative;
z-index: 3;
pointer-events: auto;
}
.medical-hero .glass-panel {
padding: 2rem;
}
.hero-badge {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background: rgba(255,255,255,0.15);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
padding: 0.5rem 1rem;
border-radius: 30px;
font-size: 0.85rem;
border: 1px solid rgba(255,255,255,0.2);
margin-bottom: 2rem;
position: relative;
z-index: 3;
}
.hero-badge::before {
content: '';
width: 8px;
height: 8px;
background: #4caf50;
border-radius: 50%;
}
.status-pulse {
animation: pulse-green 2s infinite;
}
/* Сдвинуть вниз на 20px и вправо на 30px */
.hero-badge-inline {
margin-top: 70px;     /* вниз */
margin-right: 30px;    /* вправо */
}