.wd-empty-page {
	position: relative;
	margin-top: 5vw;
	margin-bottom: 15px;
	color: var(--wd-title-color);
	text-align: center;
	font-weight: var(--wd-title-font-weight);
	font-style: var(--wd-title-font-style);
	font-size: 48px;
	font-family: var(--wd-title-font);
	line-height: 1.2;
}

.wd-empty-page:before {
	display: block;
	margin-bottom: 20px;
	color: var(--color-gray-200);
	font-weight: 400;
	font-size: 3.8em;
	line-height: 1;
}

.wd-empty-page-text {
	margin-bottom: 0;
	text-align: center;
	font-size: 110%;
}

.wd-empty-page-text + .return-to-shop {
	margin-top: 25px;
	margin-bottom: 5vw;
}

.wd-empty-page-text + .return-to-shop .button {
	padding: 14px 28px;
	font-size: 14px;
	line-height: 20px;
}

.return-to-shop {
	text-align: center;
}

.return-to-shop .button {
	border-radius: var(--btn-shop-brd-radius);
	color: var(--btn-shop-color);
	box-shadow: var(--btn-shop-box-shadow);
	background-color: var(--btn-shop-bgcolor);
}

.return-to-shop .button:hover {
	color: var(--btn-shop-color-hover);
	box-shadow: var(--btn-shop-box-shadow-hover);
	background-color: var(--btn-shop-bgcolor-hover);
}

.return-to-shop .button:active {
	box-shadow: var(--btn-shop-box-shadow-active);
	bottom: var(--btn-shop-bottom-active);
}

@media (max-width: 1024px) {
	.wd-empty-page {
		font-size: 42px;
	}
}

@media (max-width: 768.98px) {
	.wd-empty-page {
		font-size: 32px;
	}
	
	.wd-empty-page-text {
		font-size: 100%;
	}
	
	.wd-empty-page-text br {
		display: none;
	}
}

@media (max-width: 576px) {
	.wd-empty-page {
		font-size: 28px;
	}
}