/* Επικοινωνία (templates/page-epikoinonia.php) – Figma 15:7514 / 15:7680 */

.be_contact { display: grid; grid-template-columns: 440px minmax(0, 1fr); gap: 80px; align-items: start; padding-top: 56px; padding-bottom: 96px; }
.be_contact-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.be_contact-text { color: var(--be-muted); font: var(--be-body-lg); }
.be_contact-rows { display: flex; flex-direction: column; gap: 18px; margin-top: 6px; }
.be_contact-rows li { display: flex; align-items: center; gap: 14px; }
.be_contact-rows .be_iconbox { width: 44px; height: 44px; }
.be_contact-row-body { display: flex; flex-direction: column; gap: 2px; font: var(--be-caption); color: var(--be-subtle); }
.be_contact-row-body a, .be_contact-row-body strong { color: var(--be-navy); font: 600 15px/1.4 var(--be-font); text-decoration: none; }
.be_contact-row-body a:hover { color: var(--be-teal); }
.be_contact-note { padding: 14px 16px; border-radius: var(--be-radius-md); background: var(--be-pale); color: var(--be-muted); font: var(--be-caption); }

.be_contact-card { display: flex; flex-direction: column; gap: 22px; padding: 32px; border: 1px solid var(--be-line); border-radius: var(--be-radius-lg); background: var(--be-white); }
.be_contact-card-title { font: 700 22px/1.3 var(--be-font); letter-spacing: -0.3px; }

@media (max-width: 1100px) {
	.be_contact { grid-template-columns: minmax(0, 1fr); gap: 40px; padding-top: 40px; padding-bottom: 64px; }
}

@media (max-width: 700px) {
	.be_contact { gap: 28px; padding-top: 28px; padding-bottom: 44px; }
	.be_contact-card { padding: 20px 16px; }
}