.pd-ad-spot {
	position: relative;
	display: block;
	width: 100%;
	line-height: 0;
	box-sizing: border-box;
}

.pd-ad-spot__link {
	display: block;
	width: 100%;
}

.pd-ad-spot img {
	display: block;
	width: 100%;
	height: auto;
}

.pd-ad-spot--site_top {
	z-index: 100;
}

.pd-ad-spot--placeholder {
	line-height: normal;
	background: #d8d8d8;
}

.pd-ad-spot__placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	padding: 8px 12px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.25;
	text-align: center;
	color: #242424;
}

/*
 * Размеры по мокапу / ТЗ:
 * 1 site_top          — 1192×50
 * 2 homepage_feed     — 295×62
 * 3 homepage_feed_mid — 295×62
 * 4 homepage_middle   — 1192×52
 * 5 site_bottom       — 1192×52
 */
.pd-ad-spot--site_top img,
.pd-ad-spot--site_top .pd-ad-spot__placeholder {
	display: block;
	width: 100%;
	max-width: 1192px;
	height: 50px;
	min-height: 50px;
	object-fit: cover;
	aspect-ratio: 1192 / 50;
}

.pd-ad-spot--homepage_feed,
.pd-ad-spot--homepage_feed_mid {
	flex: 0 0 auto;
	width: 100%;
	min-height: 62px;
}

.pd-ad-spot--homepage_feed img,
.pd-ad-spot--homepage_feed .pd-ad-spot__placeholder,
.pd-ad-spot--homepage_feed_mid img,
.pd-ad-spot--homepage_feed_mid .pd-ad-spot__placeholder {
	display: block;
	width: 100%;
	max-width: 295px;
	height: 62px;
	min-height: 62px;
	object-fit: cover;
	aspect-ratio: 295 / 62;
	margin-left: auto;
	margin-right: auto;
}

.pd-ad-spot--homepage_middle img,
.pd-ad-spot--homepage_middle .pd-ad-spot__placeholder,
.pd-ad-spot--site_bottom img,
.pd-ad-spot--site_bottom .pd-ad-spot__placeholder {
	display: block;
	width: 100%;
	max-width: 1192px;
	height: 52px;
	min-height: 52px;
	object-fit: cover;
	aspect-ratio: 1192 / 52;
}

.pd-ad-spot-wrap--site_bottom {
	margin-top: 12px;
	margin-bottom: 12px;
}