/* Fixes that belong to the self-contained recovery version. */
html { overflow-x: clip; }
.gfr-active .gf.gf-header,
.gfr-active .gf.gf-categories,
.gfr-active .gf.gf-hero,
.gfr-active .gf.gf-products { width: 100%; max-width: 1200px; margin-inline: auto; }
.gfr-active .gf.gf-hero .gf-hero { max-width: 100%; width: 100%; }
.gfr-active .gf.gf-hero .gf-art > img.gfr-tv-image { max-width: none; }
.gfr-active .gf.gf-categories .gf-categories a .gfr-category-icon,
.gfr-active .gf.gf-categories .gf-categories a:nth-child(n) .gfr-category-icon {
  display: grid;
  place-items: center;
}
.gfr-active .gf.gf-hero .gfr-copy-arrow { pointer-events: none; }
.gfr-active .gf.gf-hero .gfr-tv-wrap { position: relative; }
.gfr-active .gf.gf-hero .gfr-screen-display { position: absolute; display: grid; place-items: center; }
.gfr-active .gf.gf-hero .gfr-screen-display > .gfr-code,
.gfr-active .gf.gf-hero .gfr-screen-display > .gfr-brand { grid-area: 1 / 1; }
.gfr-active .gf.gf-hero .gfr-code { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.gfr-active .gf.gf-hero .gfr-code img { object-fit: contain; }
.gf.gf-products { clear: both; }

@media (max-width: 800px) {
  .gfr-active .gf.gf-hero .gf-hero { padding-inline: 22px; }
  .gfr-active .gf.gf-hero .gf-copy { width: 49%; }
  .gfr-active .gf.gf-hero .gf-art { width: 54%; }
}
@media (max-width: 620px) {
  .gfr-active .gf.gf-hero .gf-copy, .gfr-active .gf.gf-hero .gf-art { width: 100%; }
  .gfr-active .gf.gf-hero .gf-art { position: relative; }
  .gfr-active .gf.gf-categories.gfr-category-rail { padding: 14px 10px 25px; }
  .gfr-active .gf.gf-categories .gf-categories a { font-size: 10px; }
}