/**
 * Recently viewed - the only rule this row needs of its own.
 *
 * The container now ships empty and identical for every visitor, which is what lets the page stay
 * cached at the edge. It must take no space until the client has something to put in it, and
 * !important because the hero block's own rules set display on this element.
 *
 * Everything else - the grid, the cards, the phone scroll-snap row - is already styled by the
 * rules that were dressing the server-rendered version, and those are deliberately untouched.
 */
.al-hero-header__recently-viewed[hidden] {
	display: none !important;
}