/* Keep every icon and featured thumbnail visible in normal document flow. */
.desktop { overflow: auto; }
.desktop-icons {
  position: relative;
  inset: auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
  align-items: start;
  gap: 14px 12px;
  margin: 0;
  padding: 20px;
}
.desktop-icon {
  position: static !important;
  top: auto !important;
  left: auto !important;
  width: 100%;
  min-height: 100px;
}
.desktop-icon-label { max-width: 100%; }
.icon-img-photo { object-fit: contain; }
.featured-windows {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 24px;
  padding: 12px 24px 32px;
}
.window.featured-window {
  position: relative;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: 330px !important;
  min-width: 0;
}
@media (max-width: 1100px) {
  .featured-windows { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .desktop-icons { grid-template-columns: repeat(auto-fill, minmax(88px, 1fr)); gap: 12px 8px; padding: 16px; }
  .featured-windows { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 8px 12px 24px; }
  .window.featured-window { height: 310px !important; }
}
.featured-window .video-bar { flex-wrap: wrap; }
.featured-window .video-bar-text { flex: 1 1 180px; min-width: 0; }
.featured-window .video-actions { flex-wrap: wrap; }