/* Keep the production advertising slots inside the home page layout. */
@media (max-width: 1259.98px) {
	.home-bottom {
		clear: both;
		margin-bottom: 24px;
	}

	.home-bottom .home-bottom-layout {
		display: grid;
		grid-template-columns: repeat(6, minmax(0, 1fr));
		gap: 24px;
		margin: 0;
	}

	.home-bottom .home-bottom-layout > * {
		float: none;
		width: auto;
		min-width: 0;
		padding: 0;
	}

	.home-bottom .home-bottom-banners-left,
	.home-bottom .home-bottom-banners-left > .row {
		display: contents;
	}

	.home-bottom .home-bottom-layout::before,
	.home-bottom .home-bottom-layout::after,
	.home-bottom .home-bottom-banners-left > .row::before,
	.home-bottom .home-bottom-banners-left > .row::after {
		display: none;
	}

	.home-bottom .home-bottom-about {
		grid-column: 1 / -1;
		order: 0;
		overflow-wrap: anywhere;
	}

	.home-bottom .sect-title-solid.text-about h1 {
		padding: 10px 12px;
		line-height: 1.4;
	}

	.home-bottom .sect-title-solid.text-about {
		height: auto;
	}

	.home-bottom .sect-body.text-about {
		padding: 16px 0 0;
		font-size: 14px;
		line-height: 1.6;
	}

	.home-bottom .text-about p:last-child {
		margin-bottom: 0;
	}

	.home-bottom .home-bottom-banner-slot {
		display: flex;
		align-items: center;
		justify-content: center;
		grid-column: span 3;
		order: 1;
		float: none;
		width: auto;
		min-width: 0;
		margin: 0;
		padding: 12px;
		border: 1px solid #e3e3e3;
		border-radius: 4px;
		background: #f6f7f7;
	}

	.home-bottom .home-bottom-banner-slot:not(:has(> :not(script, style))) {
		display: none;
	}

	.home-bottom .home-bottom-banner-slot > * {
		min-width: 0;
		max-width: 100%;
	}

	.home-bottom .home-bottom-banner-slot img {
		display: block;
		max-width: 100%;
		height: auto;
		margin: 0 auto;
	}

	.home-bottom .home-bottom-banner-slot iframe,
	.home-bottom .home-bottom-banner-slot object,
	.home-bottom .home-bottom-banner-slot embed {
		max-width: 100%;
	}

	.home-bottom .home-bottom-subscribe,
	.home-bottom .home-bottom-auth {
		grid-column: 1 / -1;
		order: 2;
		padding: 20px;
		border: 1px solid #e3e3e3;
		border-radius: 4px;
		background: #f6f7f7;
		overflow-wrap: anywhere;
	}

	.home-bottom .home-bottom-auth:not(:has(form)) {
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 1259.98px) {
	.home-bottom .home-bottom-layout:has(.home-bottom-auth form) .home-bottom-subscribe {
		grid-column: 1 / span 3;
	}

	.home-bottom .home-bottom-layout:has(.home-bottom-auth form) .home-bottom-auth {
		grid-column: 4 / span 3;
	}
}

@media (min-width: 992px) and (max-width: 1259.98px) {
	.home-bottom .home-bottom-banner-slot {
		grid-column: span 2;
	}
}