.razenet-form-wrapper { position: relative; }
.razenet-form.razenet-submitting { opacity: .6; pointer-events: none; }
.razenet-field-error { display: block; }
.razenet-form-message.razenet-visible { display: block !important; }

/* Custom select dropdown — replaces the native <select> so the open
   panel always renders directly below its own field instead of the
   browser auto-sizing/positioning it based on content, which caused
   it to overlap neighboring fields in half/third/quarter-width rows. */
.razenet-custom-select { position: relative; display: block; width: 100%; }
.razenet-custom-select .razenet-select-native {
	position: absolute !important; width: 1px !important; height: 1px !important;
	padding: 0 !important; margin: -1px !important; overflow: hidden !important;
	clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important;
}
.razenet-select-trigger {
	width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 8px;
	text-align: left; cursor: pointer; font: inherit; box-sizing: border-box;
}
.razenet-select-trigger-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.razenet-select-caret { flex-shrink: 0; opacity: .55; font-size: 11px; transition: transform .15s ease; }
.razenet-custom-select.razenet-select-open .razenet-select-caret { transform: rotate(180deg); }
.razenet-select-panel {
	display: none; position: absolute; top: calc(100% + 4px); left: 0; right: 0; z-index: 999;
	background: #fff; border: 1px solid #d1d5db; border-radius: 6px;
	box-shadow: 0 8px 20px rgba(0,0,0,.12); max-height: 240px; overflow-y: auto; padding: 4px;
}
.razenet-custom-select.razenet-select-open .razenet-select-panel { display: block; }
.razenet-select-option { padding: 8px 10px; border-radius: 4px; cursor: pointer; font-size: 14px; white-space: normal; word-break: break-word; }
.razenet-select-option:hover, .razenet-select-option.razenet-select-option-active { background: #f0f4ff; }