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

html {
	scroll-behavior: smooth;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

a {
	color: var(--wbp-green-primary);
	text-decoration: none;
}

a:hover {
	color: var(--wbp-green-deep);
}

.wbp-container {
	box-sizing: border-box;
	width: calc(100% - 2rem);
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

.wbp-container--wide {
	box-sizing: border-box;
	width: calc(100% - 2rem);
	max-width: 1360px;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 1024px) {
	.wbp-container,
	.wbp-container--wide {
		width: 85vw;
		max-width: none;
	}
}

.wbp-section {
	padding-block: var(--wbp-space-3xl);
}

.wbp-payment-notice {
	background: var(--wbp-beige);
	border-left: 4px solid var(--wbp-green-primary);
	padding: var(--wbp-space-md) var(--wbp-space-lg);
	border-radius: var(--wbp-radius-sm);
	font-size: 0.95rem;
	color: var(--wbp-text-muted);
}