.ehob-overlay {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	box-sizing: border-box;
	padding: 8px 10px 10px;
	background: rgba(255, 255, 255, 0.98);
	box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15);
}

.ehob-overlay__link,
.ehob-overlay picture {
	display: block;
	line-height: 0;
}

.ehob-overlay__img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 8px;
}

.ehob-overlay__close {
	position: absolute;
	top: 2px;
	right: 6px;
	width: 28px;
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.65);
	color: #fff;
	font: 18px/28px sans-serif;
	text-align: center;
	cursor: pointer;
}

body.ehob-overlay-mobile-visible {
	padding-bottom: var(--ehob-mobile-height, 110px);
}

@media (min-width: 768px) {
	.ehob-overlay.ehob-overlay--desktop {
		left: auto;
		right: auto;
		bottom: auto;
		width: min(var(--ehob-desktop-width, 300px), calc(100vw - var(--ehob-desktop-margin, 20px) - var(--ehob-desktop-margin, 20px)));
		padding: 0;
		background: transparent;
		box-shadow: none;
	}

	.ehob-overlay--desktop .ehob-overlay__img {
		box-shadow: 0 3px 16px rgba(0, 0, 0, 0.2);
	}

	.ehob-overlay--desktop .ehob-overlay__close {
		top: -10px;
		right: -10px;
	}

	.ehob-overlay--left-center {
		left: var(--ehob-desktop-margin, 20px) !important;
		top: 50%;
		transform: translateY(-50%);
	}

	.ehob-overlay--right-center {
		right: var(--ehob-desktop-margin, 20px) !important;
		top: 50%;
		transform: translateY(-50%);
	}

	.ehob-overlay--left-bottom {
		left: var(--ehob-desktop-margin, 20px) !important;
		bottom: var(--ehob-desktop-margin, 20px) !important;
	}

	.ehob-overlay--right-bottom {
		right: var(--ehob-desktop-margin, 20px) !important;
		bottom: var(--ehob-desktop-margin, 20px) !important;
	}

	.ehob-overlay--bottom-center {
		left: 50% !important;
		bottom: var(--ehob-desktop-margin, 20px) !important;
		transform: translateX(-50%);
	}
}