/* Blok: Offerte-formulier — uitgesneden beeld links (bloedt naar de linkerrand),
   formulier rechts uitgelijnd op de content-band. */
.block-offerte { background: var(--amazing-bg); padding-block: 64px; overflow: hidden; }
.block-offerte__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: stretch;
}
/* Beeld: transparante uitsnede op de sectie-achtergrond, bloedt naar links (x=0). */
.block-offerte__media { position: relative; align-self: stretch; min-height: 560px; }
.block-offerte__img { width: 100%; height: 100%; object-fit: contain; object-position: left bottom; }
.block-offerte__sparkles { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
.block-offerte__sparkle { position: absolute; transform: translate(-50%, -50%); }
.block-offerte__sparkle--1 { width: 56px; height: 56px; left: 9%;  top: 9%; }
.block-offerte__sparkle--2 { width: 40px; height: 40px; left: 56%; top: 44%; }

.block-offerte__body { padding: 8px var(--amazing-band-pad) 8px clamp(32px, 4vw, 72px); max-width: 820px; }
.block-offerte__title { font-size: clamp(26px, 2vw, 34px); margin-bottom: 22px; }
.block-offerte__form { display: grid; gap: 16px; }
.block-offerte__row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.block-offerte__form input,
.block-offerte__form select,
.block-offerte__form textarea {
	width: 100%; padding: 15px 20px; color: #fff; font-family: var(--amazing-font-body); font-size: 15px;
	background: transparent; border: 2px solid #fff; border-radius: 100px;
	appearance: none;
}
.block-offerte__form textarea { border-radius: 20px; resize: vertical; }
.block-offerte__form select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 22px center; padding-right: 48px; }
.block-offerte__form option { color: #111; }
.block-offerte__form ::placeholder { color: rgba(255,255,255,.85); }
.block-offerte__form input:focus, .block-offerte__form select:focus, .block-offerte__form textarea:focus { outline: none; border-color: var(--amazing-accent); }
/* Acties: geruststelling links, knop rechts (verdeeld over de volle breedte). */
.block-offerte__actions { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; margin-top: 6px; }
.block-offerte__reassure { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-style: italic; opacity: .95; }
.block-offerte__reassure-ico { flex: 0 0 auto; width: 24px; height: 24px; border-radius: 50%; background: var(--amazing-accent); display: inline-flex; align-items: center; justify-content: center; }
.block-offerte__reassure-ico .amazing-sparkle { width: 14px; height: 14px; background-color: #fff; }
.block-offerte__note { padding: 12px 16px; border-radius: 10px; font-size: 14px; }
.block-offerte__note--err { background: rgba(200,60,60,.15); border: 1px solid rgba(200,60,60,.5); }

@media (max-width: 860px) {
	.block-offerte__inner { grid-template-columns: 1fr; }
	.block-offerte__media { min-height: 320px; }
	.block-offerte__body { padding: 24px clamp(20px,5vw,40px); }
	.block-offerte__row { grid-template-columns: 1fr; }
}