/* The current publication is already in the document; keep it visible while
   the application binds controls instead of showing an empty hydration pass. */
html[data-storefront-rendered] #hero-featured .hero-featured__art,
html[data-storefront-rendered] #hero-featured .hero-featured__info { visibility: visible; }
html[data-storefront-rendered].route-style-pending:not([data-storefront-style-pending]) body,
html[data-storefront-services-rendered].route-style-pending:not([data-storefront-style-pending]) body { visibility: visible; }
html[data-storefront-bootstrap] #hero-featured-image { background: rgba(255,255,255,.06); }
html[data-storefront-rendered] #track-results:empty { min-height: 360px; }
html[data-storefront-rendered] #track-results:empty::before {
  content: ""; display: block; height: 360px; border-radius: 5px;
  background: repeating-linear-gradient(to bottom, rgba(255,255,255,.07) 0 95px, transparent 95px 120px);
}
@media (max-width: 767px) {
  html[data-storefront-rendered] .page-home #track-results [data-storefront-row="10"],
  html[data-storefront-rendered] .page-home #track-results [data-storefront-row="11"],
  html[data-storefront-rendered] .page-home #track-results [data-storefront-row="12"],
  html[data-storefront-rendered] .page-home #track-results [data-storefront-row="13"],
  html[data-storefront-rendered] .page-home #track-results [data-storefront-row="14"],
  html[data-storefront-rendered] .page-home #track-results [data-storefront-row="15"],
  html[data-storefront-rendered] .page-home #track-results [data-storefront-row="16"],
  html[data-storefront-rendered] .page-home #track-results [data-storefront-row="17"],
  html[data-storefront-rendered] .page-home #track-results [data-storefront-row="18"],
  html[data-storefront-rendered] .page-home #track-results [data-storefront-row="19"] { display: none; }
}

/* Service cards and the lower licence block are revealed together. A failed
   application still releases the server-rendered page after the bounded guard. */
html[data-storefront-hydration-pending] body { visibility: hidden !important; }
[data-license-section]:empty { min-height: 700px; visibility: hidden; }
@media (max-width: 767px) { [data-license-section]:empty { min-height: 850px; } }