/*
 * Purpose:
 * Provides layout containment and fallback presentation for the Weekly Ad component.
 *
 * Responsibilities:
 * - Keep the Flipp host responsive within the KJ main-content placeholder.
 * - Reserve usable loading space and present a readable failure message.
 *
 * Boundaries:
 * - Does not style vendor-owned content inside the Flipp storefront.
 * - Does not change global KJ typography, navigation, header, or footer styles.
 */
.weekly-ad {
    box-sizing: border-box;
    min-width: 0;
    width: 100%;
}

.weekly-ad__container {
    min-height: 600px;
    width: 100%;
}

.weekly-ad__fallback {
    margin: 0;
    padding: 3rem 1rem;
    text-align: center;
}

@media (max-width: 767px) {
    .weekly-ad__container {
        min-height: 480px;
    }
}