.green-dpr-calculator-embed,
.green-dpr-calculator-embed * {
	box-sizing: border-box;
}

.green-dpr-calculator-embed {
	display: block;
	line-height: 0;
	margin-inline: auto;
	max-width: 100%;
	padding: 0;
	position: relative;
	width: 100%;
}

.green-dpr-calculator-frame {
	border: 0;
	border-radius: 8px;
	display: block;
	height: 900px;
	margin-inline: auto;
	max-width: 100%;
	min-height: 0;
	padding: 0;
	width: 100%;
}

.green-dpr-floating-nav {
	display: none;
}

@media (max-width: 760px) {
	.green-dpr-calculator-embed {
		left: auto;
		margin: 0 auto;
		max-width: 100%;
		right: auto;
		transform: none;
		width: 100%;
	}

	body.green-dpr-mobile-nav-active {
		padding-bottom: calc(82px + env(safe-area-inset-bottom, 0px)) !important;
	}

	.green-dpr-calculator-frame {
		border-radius: 0;
		max-width: 100%;
		width: 100%;
	}

	.green-dpr-floating-nav {
		align-items: stretch;
		background: #0b4534;
		border: 1px solid rgba(200, 155, 60, .45);
		border-radius: 16px;
		bottom: max(10px, env(safe-area-inset-bottom, 0px));
		box-shadow: 0 8px 28px rgba(11, 69, 52, .35);
		display: grid;
		grid-template-columns: minmax(84px, 1fr) minmax(90px, 1fr) minmax(84px, 1fr);
		left: 50%;
		line-height: 1.2;
		overflow: hidden;
		padding: 4px;
		position: fixed;
		transform: translateX(-50%);
		width: min(calc(100% - 20px), 520px);
		z-index: 9999;
	}

	.green-dpr-floating-nav button {
		align-items: center;
		appearance: none;
		background: transparent;
		border: 1px solid transparent;
		border-radius: 11px;
		color: #fff;
		cursor: pointer;
		display: flex;
		flex-direction: column;
		font: inherit;
		gap: 3px;
		justify-content: center;
		min-height: 58px;
		min-width: 0;
		padding: 5px 2px;
	}

	.green-dpr-navigation-status {
		align-items: center;
		color: #f1cf73;
		display: flex;
		font-size: 14px;
		font-weight: 800;
		grid-row: 2;
		justify-content: center;
		white-space: nowrap;
	}

	.green-dpr-floating-nav > button:not(.green-dpr-navigation-download) {
		grid-row: 2;
	}

	.green-dpr-floating-nav .green-dpr-navigation-download {
		align-items: center;
		background: #f1cf73;
		border-color: #f1cf73;
		color: #0b4534;
		flex-direction: row;
		gap: 7px;
		grid-column: 1 / -1;
		grid-row: 1;
		justify-self: center;
		min-height: 44px;
		padding: 7px 14px;
		width: min(60%, 250px);
	}

	.green-dpr-floating-nav .green-dpr-navigation-download svg {
		height: 18px;
		width: 18px;
	}

	.green-dpr-floating-nav .green-dpr-navigation-download span {
		color: #0b4534;
		font-size: 14px;
		font-weight: 800;
	}

	.green-dpr-floating-nav .green-dpr-navigation-download[hidden] {
		display: none;
	}

	.green-dpr-floating-nav.is-checkout-hidden {
		display: none;
	}

	.green-dpr-floating-nav button.is-active {
		background: #145a46;
		border-color: #237a61;
	}

	.green-dpr-floating-nav button.is-active span {
		color: #f1cf73;
	}

	.green-dpr-floating-nav button:disabled {
		cursor: not-allowed;
		opacity: .42;
	}

	.green-dpr-floating-nav button:focus-visible {
		outline: 3px solid #c89b3c;
		outline-offset: -3px;
	}

	.green-dpr-floating-nav svg {
		fill: none;
		height: 22px;
		stroke: currentColor;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-width: 2;
		width: 22px;
	}

	.green-dpr-floating-nav button:first-child svg {
		fill: currentColor;
		stroke: none;
	}

	.green-dpr-floating-nav span {
		font-size: 14px;
		font-weight: 700;
		line-height: 1.15;
		max-width: 100%;
		overflow-wrap: anywhere;
		text-align: center;
	}
}

@media print {
	.green-dpr-floating-nav {
		display: none !important;
	}
}