/* Reserved space for deferred (lazy-loaded) home page sections, to avoid layout shift while the section's content is still loading. */
.deferred-section-placeholder {
    display: block;
    width: 100%;
}

.middle-banner-placeholder {
    min-height: 340px;
}

.blog-section-placeholder {
    min-height: 480px;
}

@media (max-width: 767px) {
    .middle-banner-placeholder {
        min-height: 620px;
    }

    .blog-section-placeholder {
        min-height: 900px;
    }
}