/* Reserve space without capping a responsive creative's final height. */
.fg-rich .fg-ad-break {
    display: flow-root;
    max-width: 980px;
    min-width: 0;
    padding-block: 36px;
    overflow: visible;
}
.fg-rich .fg-ad-break .mb-inline-ad {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 280px;
    height: auto;
    max-height: none;
    margin: 0;
    padding: 12px 0 16px;
    overflow: visible;
}
.fg-rich .fg-ad-break .mb-inline-ad__label {
    display: block;
    margin: 0 0 12px;
    color: #72786a;
    text-align: center;
    font: 11px/1.5 Arial, sans-serif;
}
.fg-rich .fg-ad-break .adsbygoogle {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0 auto;
    overflow: visible;
}
/* Keep the sticky section navigation from covering an ad while scrolling. */
html.mb-ad-in-view .fg-rich .fg-jump {
    visibility: hidden;
    pointer-events: none;
}
@media (max-width: 600px) {
    .fg-rich .fg-ad-break { padding-block: 28px; }
}

/* Hub ads occupy a complete grid row without changing food-card numbering. */
.hub-page .fg-hub-ad-break {
    grid-column: 1 / -1;
    display: flow-root;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding-block: 28px;
    overflow: visible;
}
.hub-page .fg-hub-ad-break .mb-display-ad {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 980px;
    min-width: 0;
    min-height: 280px;
    height: auto;
    max-height: none;
    margin: 0 auto;
    padding: 12px 0 16px;
    overflow: visible;
}
.hub-page .fg-hub-ad-break .adsbygoogle {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0 auto;
    overflow: visible;
}
html.mb-ad-in-view .hub-page .fg-mobile-nav {
    visibility: hidden;
    pointer-events: none;
}
@media (max-width: 680px) {
    .hub-page .fg-hub-ad-break { padding-block: 24px; }
}