.bbz-gol {
	box-sizing: border-box;
	width: 48rem;
	min-width: 0;
	max-width: 100%;
	margin-inline: auto;
	padding: clamp(1rem, 4vw, 2rem);
	color: inherit;
	overflow-wrap: anywhere;
}

.bbz-gol *,
.bbz-gol *::before,
.bbz-gol *::after {
	box-sizing: border-box;
}

.bbz-gol__form,
.bbz-gol__summary,
.bbz-gol__delivery {
	display: grid;
	gap: 1rem;
}

.bbz-gol__field label,
.bbz-gol dt {
	display: block;
	font-weight: 700;
}

.bbz-gol__field input {
	width: 100%;
	max-width: 100%;
	padding: 0.75rem;
}

.bbz-gol__help {
	margin-block: 0.35rem 0;
	font-size: 0.9rem;
}

.bbz-gol__submit {
	justify-self: start;
	max-width: 100%;
	padding: 0.75rem 1.25rem;
}

.bbz-gol a:focus-visible,
.bbz-gol button:focus-visible,
.bbz-gol input:focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 3px;
}

.bbz-gol__result,
.bbz-gol__notice {
	margin-top: 1.5rem;
}

.bbz-gol__summary > div,
.bbz-gol__delivery > div,
.bbz-gol__items li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.5rem 1rem;
}

.bbz-gol dd {
	margin: 0;
	overflow-wrap: anywhere;
}

.bbz-gol__items span {
	min-width: 0;
	overflow-wrap: anywhere;
}

@media (max-width: 390px) {
	.bbz-gol {
		padding-inline: 1rem;
	}

	.bbz-gol__summary > div,
	.bbz-gol__delivery > div,
	.bbz-gol__items li {
		display: block;
	}
}