/* Contact Form Card */
.bel-cfc__field label { display: block; margin-bottom: 8px; font-weight: 600; font-size: 15.5px; }
.bel-cfc__field label span { color: var(--bel-accent); }

/* Accent card */
.bel-cfc__card {
	position: relative;
	height: 100%;
	padding: clamp(32px, 4vw, 54px);
	background-color: var(--bel-accent);
	background-image: var(--bel-tex-dark);
	color: var(--bel-on-accent);
	clip-path: polygon(0 0, calc(100% - 56px) 0, 100% 56px, 100% 100%, 0 100%);
}
.bel-cfc__card .bel-cfc__title { margin: 0 0 30px; color: var(--bel-on-accent); font-size: clamp(1.5rem, 2.4vw, 2rem); line-height: 1.3; }
.bel-cfc--card .bel-cfc__fields { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 26px; }
.bel-cfc__wide { grid-column: 1 / -1; }
.bel-cfc--card .bel-cfc__field label span { color: inherit; }
.bel-cfc--card .bel-form input, .bel-cfc--card .bel-form select, .bel-cfc--card .bel-form textarea { border-color: rgba(30, 30, 30, .35); background-color: rgba(255, 255, 255, .16); color: var(--bel-on-accent); }
.bel-cfc--card .bel-form textarea { min-height: 116px; }
.bel-cfc--card .bel-form input:focus, .bel-cfc--card .bel-form select:focus, .bel-cfc--card .bel-form textarea:focus { border-color: var(--bel-on-accent); background-color: rgba(255, 255, 255, .28); }
.bel-cfc--card .bel-form select option { color: #1e1e1e; }
.bel-cfc--card .bel-form__status.is-ok { color: var(--bel-on-accent); }
.bel-cfc--card .bel-form__status { margin-top: 14px; }

/* Panel on a photo band */
.bel-cfc--panel { position: relative; padding: clamp(80px, 12vw, 170px) 0; background: var(--bel-dark) var(--bel-cfc-img, none) center / cover no-repeat; }
.bel-cfc--panel::before { content: ""; position: absolute; inset: 0; background: rgba(20, 20, 20, .45); }
.bel-cfc--panel .bel-container { position: relative; }
.bel-cfc__panel { padding: clamp(32px, 4.4vw, 60px); background: #fff; clip-path: polygon(0 0, calc(100% - 70px) 0, 100% 70px, 100% 100%, 0 100%); }
.bel-cfc--panel .bel-cfc__title { max-width: 720px; margin-bottom: 34px; }
.bel-cfc--panel .bel-cfc__fields { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) auto; gap: 18px; align-items: end; }
.bel-cfc--panel .bel-cfc__fields > .bel-cfc__field:nth-child(4):last-child { grid-column: span 2; }
.bel-cfc__submit .bel-btn { min-height: 58px; white-space: nowrap; }
.bel-cfc--panel .bel-form__status { margin-top: 14px; }

@media (max-width: 1100px) {
	.bel-cfc--panel .bel-cfc__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bel-cfc__submit { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
	.bel-cfc--card .bel-cfc__fields, .bel-cfc--panel .bel-cfc__fields { grid-template-columns: 1fr; }
	.bel-cfc__card, .bel-cfc__panel { clip-path: polygon(0 0, calc(100% - 36px) 0, 100% 36px, 100% 100%, 0 100%); }
	.bel-cfc__card .bel-btn, .bel-cfc__submit .bel-btn { width: 100%; }
}