.tfwq-widget,
.tfwq-widget * {
	box-sizing: border-box;
}

.tfwq-widget {
	display: none;
}

@media (max-width: 767px) {
	.tfwq-widget {
		display: block;
		position: fixed;
		right: 18px;
		bottom: 18px;
		z-index: 2147483000;
		font-family: "Plus Jakarta Sans", Arial, sans-serif;
		color: #2D2A26;
	}

	.tfwq-fab {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 62px;
		height: 62px;
		border: 1px solid rgba(250, 249, 246, 0.36);
		border-radius: 50%;
		background: #2D2A26;
		color: #FAF9F6;
		box-shadow: 0 18px 36px rgba(45, 42, 38, 0.26);
		cursor: pointer;
		transition: transform 180ms ease, background-color 180ms ease, color 180ms ease;
		-webkit-tap-highlight-color: transparent;
	}

	.tfwq-fab:active {
		transform: scale(0.96);
	}

	.tfwq-fab-icon {
		width: 32px;
		height: 32px;
		fill: currentColor;
	}

	.tfwq-panel {
		position: absolute;
		right: 0;
		bottom: 76px;
		width: min(338px, calc(100vw - 36px));
		max-height: calc(100vh - 112px);
		overflow-y: auto;
		padding: 22px;
		border: 1px solid rgba(212, 197, 185, 0.55);
		border-radius: 18px;
		background: #FAF9F6;
		box-shadow: 0 22px 60px rgba(45, 42, 38, 0.28);
	}

	.tfwq-panel[hidden] {
		display: none;
	}

	.tfwq-close {
		position: absolute;
		top: 12px;
		right: 12px;
		width: 32px;
		height: 32px;
		border: 1px solid rgba(45, 42, 38, 0.14);
		border-radius: 50%;
		background: transparent;
		color: #2D2A26;
		font-size: 18px;
		line-height: 1;
		cursor: pointer;
	}

	.tfwq-kicker {
		margin: 0 38px 8px 0;
		color: rgba(45, 42, 38, 0.6);
		font-size: 11px;
		font-weight: 700;
		line-height: 1.3;
		text-transform: uppercase;
		letter-spacing: 0;
	}

	.tfwq-title {
		margin: 0 38px 18px 0;
		color: #2D2A26;
		font-family: "Cormorant Garamond", Georgia, serif;
		font-size: 30px;
		font-weight: 300;
		line-height: 1;
		letter-spacing: 0;
	}

	.tfwq-form {
		display: grid;
		gap: 14px;
		margin: 0;
	}

	.tfwq-field {
		display: grid;
		gap: 7px;
		margin: 0;
	}

	.tfwq-field span {
		color: rgba(45, 42, 38, 0.62);
		font-size: 11px;
		font-weight: 700;
		line-height: 1.25;
		text-transform: uppercase;
		letter-spacing: 0;
	}

	.tfwq-field input,
	.tfwq-field select {
		width: 100%;
		min-height: 42px;
		border: 0;
		border-bottom: 1px solid #D4C5B9;
		border-radius: 0;
		background: transparent;
		color: #2D2A26;
		font: 400 15px/1.3 "Plus Jakarta Sans", Arial, sans-serif;
		outline: none;
	}

	.tfwq-field input:focus,
	.tfwq-field select:focus {
		border-bottom-color: #2D2A26;
	}

	.tfwq-submit {
		width: 100%;
		min-height: 50px;
		margin-top: 6px;
		border: 0;
		border-radius: 999px;
		background: #2D2A26;
		color: #FAF9F6;
		font: 700 13px/1.2 "Plus Jakarta Sans", Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: 0;
		box-shadow: 0 14px 26px rgba(45, 42, 38, 0.2);
		cursor: pointer;
		transition: background-color 180ms ease, color 180ms ease;
	}

	.tfwq-submit:active {
		background: #D4C5B9;
		color: #2D2A26;
	}
}