.contact-block {
padding: 40px 20px;
/* fără background, se integrează în secțiunea existentă */
}

.contact-inner {
max-width: 600px;
margin: 0 auto;
text-align: center;
color: #000;
}

.contact-inner h2 {
margin: 0 0 8px;
font-size: 26px;
letter-spacing: 0.06em;
text-transform: uppercase;
}

.contact-subtitle {
margin: 0 0 24px;
font-size: 14px;
opacity: 0.8;
}

.contact-items {
display: flex;
flex-direction: column;
gap: 14px;
align-items: stretch;
}

.contact-item {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 14px;
border-radius: 999px;
border: 1px solid #ddd;
text-decoration: none;
color: #000;
transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

.contact-item:hover {
background: #f7f7f7;
border-color: #ccc;
transform: translateY(-1px);
}

.contact-icon {
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #ccc;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
}

.contact-text {
display: flex;
flex-direction: column;
align-items: flex-start;
}

.contact-text .label {
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.12em;
opacity: 0.7;
}

.contact-text .value {
font-size: 15px;
font-weight: 500;
}

@media (max-width: 480px) {
.contact-inner {
padding: 0;
}
}