/* Terra Verde – okno „Zapytaj o ofertę”. Kolory marki: #484040 / #f7f4f1. */
.tv-zap {
	width: min(560px, calc(100% - 24px));
	max-height: calc(100vh - 24px);
	max-height: calc(100dvh - 24px);
	padding: 0;
	border: 0;
	border-radius: 4px;
	background: #f7f4f1;
	color: #3a3333;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
	overflow: auto;
}
.tv-zap::backdrop { background: rgba(28, 22, 22, .55); }
.tv-zap__form, .tv-zap__ok { padding: 28px 28px 24px; }
.tv-zap__x {
	position: sticky;
	top: 0;
	float: right;
	z-index: 1;
	width: 44px;
	height: 44px;
	margin: 6px 6px 0 0;
	border: 0;
	background: transparent;
	color: #484040;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
}
.tv-zap__kicker {
	margin: 0 0 6px;
	color: #6e6464;
	font: 600 11px/1.2 Poppins, system-ui, sans-serif;
	letter-spacing: .22em;
	text-transform: uppercase;
}
.tv-zap__tytul {
	margin: 0 0 18px;
	color: #3a3333;
	font-family: "Playfair Display", Georgia, serif;
	font-weight: 400;
	font-size: 30px;
	line-height: 1.1;
}
.tv-zap__pole { display: block; margin: 0 0 14px; font: 500 13px/1.3 Poppins, system-ui, sans-serif; }
.tv-zap__pole > span { display: block; margin-bottom: 6px; color: #484040; }
.tv-zap__pole input,
.tv-zap__pole select,
.tv-zap__pole textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 11px 12px;
	border: 1px solid #cfc7c0;
	border-radius: 3px;
	background: #fff;
	color: #3a3333;
	font: 400 15px/1.3 Poppins, system-ui, sans-serif;
}
.tv-zap__pole input:focus,
.tv-zap__pole select:focus,
.tv-zap__pole textarea:focus { border-color: #484040; outline: 2px solid #484040; outline-offset: 1px; }
.tv-zap__wybor { margin: 0 0 16px; padding: 0; border: 0; }
.tv-zap__wybor legend { margin-bottom: 8px; padding: 0; color: #484040; font: 500 13px/1.3 Poppins, system-ui, sans-serif; }
.tv-zap__opcje { display: flex; flex-wrap: wrap; gap: 8px; }
.tv-zap__opcje label { position: relative; }
.tv-zap__opcje input { position: absolute; inset: 0; margin: 0; opacity: 0; cursor: pointer; }
.tv-zap__opcje span {
	display: inline-block;
	padding: 10px 16px;
	border: 1px solid #484040;
	border-radius: 999px;
	background: #fff;
	color: #484040;
	font: 500 14px/1 Poppins, system-ui, sans-serif;
	transition: background .15s ease, color .15s ease;
}
.tv-zap__opcje input:checked + span { background: #484040; color: #fff; }
.tv-zap__opcje input:focus-visible + span { outline: 2px solid #484040; outline-offset: 2px; }
.tv-zap__dane { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; margin-top: 6px; }
.tv-zap__pole--szer { grid-column: 1 / -1; }
.tv-zap__zgoda { display: flex; align-items: flex-start; gap: 10px; margin: 4px 0 16px; color: #5b5252; font: 400 11.5px/1.45 Poppins, system-ui, sans-serif; }
.tv-zap__zgoda input { flex: none; width: 18px; height: 18px; margin-top: 1px; accent-color: #484040; }
.tv-zap__zgoda a { color: inherit; text-decoration: underline; }
.tv-zap__hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.tv-zap__blad {
	margin: 0 0 12px;
	padding: 10px 12px;
	border-left: 3px solid #b33212;
	background: #fbeee9;
	color: #7a2410;
	font: 500 13px/1.4 Poppins, system-ui, sans-serif;
}
.tv-zap__wyslij {
	width: 100%;
	padding: 16px;
	border: 0;
	border-radius: 3px;
	background: #484040;
	color: #fff;
	font: 600 15px/1 Poppins, system-ui, sans-serif;
	letter-spacing: .03em;
	cursor: pointer;
}
.tv-zap__wyslij:hover { background: #2f2929; }
.tv-zap__wyslij:disabled { opacity: .6; cursor: default; }
.tv-zap__ok p:not(.tv-zap__kicker) { margin: 0 0 20px; font: 400 15px/1.55 Poppins, system-ui, sans-serif; }

/* telefon: okno wysuwa się od dołu jak arkusz */
@media (max-width: 600px) {
	.tv-zap {
		width: 100%;
		max-width: 100%;
		max-height: 92vh;
		max-height: 92dvh;
		margin: auto 0 0;
		border-radius: 12px 12px 0 0;
	}
	.tv-zap__form, .tv-zap__ok { padding: 22px 18px 20px; }
	.tv-zap__tytul { font-size: 26px; }
	.tv-zap__dane { grid-template-columns: 1fr; }
}