.bel-contact-grid__cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 60px; align-items: stretch; }
.bel-contact-grid__info .bel-heading { margin-bottom: 36px; }
.bel-contact-grid__cells { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bel-contact-grid__cell { display: flex; gap: 20px; padding: 30px 26px 30px 0; }
.bel-contact-grid__cell:nth-child(2n) { padding-left: 34px; padding-right: 0; border-left: 1px solid var(--bel-line); }
.bel-contact-grid__cell:nth-child(n+3) { border-top: 1px solid var(--bel-line); }
.bel-contact-grid__icon { width: 48px; height: 48px; margin-top: 4px; color: var(--bel-accent); stroke-width: 1.2; }
.bel-contact-grid__title { margin: 0 0 8px; font-size: 24px; }
.bel-contact-grid__cell p { margin: 0; line-height: 1.8; overflow-wrap: anywhere; }
.bel-contact-grid__cell a:hover { color: var(--bel-accent); }
.bel-contact-grid__map { position: relative; height: 300px; margin-top: 40px; overflow: hidden; background: var(--bel-grey); }
.bel-contact-grid__map iframe { width: 100%; height: 100%; border: 0; filter: grayscale(1) contrast(1.05); transition: filter .4s; }
.bel-contact-grid__map:hover iframe { filter: grayscale(.2); }
.bel-contact-grid__media { position: relative; min-height: 640px; overflow: hidden; }
.bel-contact-grid__media > img, .bel-contact-grid__media > .bel-ph { position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover; }
.bel-contact-grid__box { position: absolute; left: 0; bottom: 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; width: min(540px, 88%); min-height: 156px; padding: 30px 34px; background: var(--bel-accent); background-image: var(--bel-tex-dark); color: var(--bel-on-accent); }
.bel-contact-grid__box-title { margin: 0; color: var(--bel-on-accent); font: 500 clamp(1.15rem, 1.7vw, 1.45rem)/1.3 var(--bel-font-h); }
.bel-avatars { display: flex; flex: none; }
.bel-avatars__item { display: grid; place-items: center; width: 58px; height: 58px; overflow: hidden; border: 2px solid #fff; border-radius: 50%; background: var(--bel-dark); }
.bel-avatars__item + .bel-avatars__item { margin-left: -16px; }
.bel-avatars__item img, .bel-avatars__item .bel-ph { width: 100%; height: 100% !important; min-height: 0; object-fit: cover; }
.bel-avatars__count { background: var(--bel-dark); color: #fff; font-size: 15px; font-weight: 700; }
@media (max-width: 1024px) {
	.bel-contact-grid__cols { grid-template-columns: 1fr; }
	.bel-contact-grid__media { min-height: 520px; }
}
@media (max-width: 600px) {
	.bel-contact-grid__cells { grid-template-columns: 1fr; }
	.bel-contact-grid__cell, .bel-contact-grid__cell:nth-child(2n) { padding: 24px 0; border-left: 0; }
	.bel-contact-grid__cell + .bel-contact-grid__cell { border-top: 1px solid var(--bel-line); }
	.bel-contact-grid__media { min-height: 440px; }
	.bel-contact-grid__box { width: 100%; flex-direction: column; align-items: flex-start; padding: 24px; }
}