.toponton-rez-wrap {
	max-width: 640px;
	margin: 0 auto;
	font-family: 'Inter', 'Poppins', -apple-system, sans-serif;
}

.toponton-rez-form {
	background: #fffdf7;
	border: 1px solid #ece4d3;
	border-radius: 14px;
	padding: 32px;
}

.tr-field {
	margin-bottom: 18px;
}

.tr-row {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}

.tr-row .tr-field {
	flex: 1 1 160px;
}

.toponton-rez-form label {
	display: block;
	font-weight: 600;
	margin-bottom: 6px;
	color: #1b2a3d;
	font-size: 14px;
}

.tr-radio-group {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.tr-radio-group label {
	display: flex;
	align-items: center;
	gap: 6px;
	font-weight: 400;
	cursor: pointer;
}

.toponton-rez-form input[type="text"],
.toponton-rez-form input[type="date"],
.toponton-rez-form input[type="time"],
.toponton-rez-form input[type="number"],
.toponton-rez-form input[type="tel"],
.toponton-rez-form input[type="email"],
.toponton-rez-form textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #d8cfb8;
	border-radius: 8px;
	font-size: 15px;
	box-sizing: border-box;
}

.toponton-rez-form input:focus,
.toponton-rez-form textarea:focus {
	outline: none;
	border-color: #ffb100;
	box-shadow: 0 0 0 3px rgba(255, 177, 0, 0.2);
}

.tr-submit {
	background: #ffb100;
	color: #1b2a3d;
	border: none;
	border-radius: 8px;
	padding: 14px 28px;
	font-weight: 700;
	font-size: 16px;
	cursor: pointer;
	width: 100%;
	transition: transform 0.15s ease, background 0.15s ease;
}

.tr-submit:hover {
	background: #e6a000;
}

.tr-submit:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.tr-message {
	margin-top: 16px;
	padding: 12px 14px;
	border-radius: 8px;
	font-size: 14px;
}

.tr-message.tr-success {
	background: #e6f6ec;
	color: #1a6b3c;
	border: 1px solid #b6e3c6;
}

.tr-message.tr-error {
	background: #fbe9e9;
	color: #a3271e;
	border: 1px solid #f1c2be;
}

@media (max-width: 480px) {
	.toponton-rez-form {
		padding: 20px;
	}
}