Fix: Posters were not visible on some older TVs

Thanks to @BullenMoore https://github.com/lscambo13/ElegantFin/issues/182#issuecomment-3678911997

Theme/ElegantFin-theme-nightly.css

@@ -521,7 +521,7 @@ body {
 /* episode grid start */
 
 @supports (display: revert) {
-    .vertical-list:has(.listItem-largeImage) {
+    .layout-desktop .vertical-list:has(.listItem-largeImage) {
         display: grid;
         grid-template-columns: repeat(auto-fill, minmax(min(var(--minEpisodeCardWidth), 100%), 1fr));
         gap: var(--itemColumnGap);
@@ -1319,7 +1319,7 @@ body {
 
 .layout-tv .detailImageContainer .card {
     width: 25vw !important;
-    display: grid !important;
+    display: block !important;
     position: fixed !important;
     top: 0;
     bottom: 0;
@@ -3272,18 +3272,13 @@ div[data-role="controlgroup"] a.ui-btn-active {
     display: var(--itemOriginalTitleVisibility);
 }
 
-.channelPrograms + .channelPrograms,
-.guide-channelHeaderCell + .guide-channelHeaderCell {
-    margin-top: 0;
-}
-
 .channelPrograms,
-.guide-channelHeaderCell,
 .programCell {
     border-color: transparent;
     /* this disables the 'color coded backgrounds' */
     background-color: transparent !important;
     border-radius: var(--smallRadius);
+    height: 4.42em;
 }
 
 .guideProgramName {
@@ -3305,24 +3300,40 @@ div[data-role="controlgroup"] a.ui-btn-active {
     padding: 0;
 }
 
-.guideChannelImage {
+.layout-mobile .guideChannelImage {
-    background-color: rgba(255, 255, 255, 0.05);
+    background-position: center;
-    bottom: 0.35em;
+    width: calc(100% - var(--sidePadding));
-    right: 0.35em;
+    right: 0;
-    top: 0.35em;
+}
-    width: calc(100% - 0.7em);
+
-    border-radius: var(--smallerRadius);
+.guide-channelHeaderCell {
+    background-color: rgba(255, 255, 255, 0.125);
+    margin: 0.35em 0.7em 0.7em 0.7em;
+    width: auto;
+    height: calc(4.42em - 0.7em);
+    border-radius: var(--smallRadius);
+}
+
+.guideChannelNumber {
+    font-size: 1em;
 }
 
 #guideTab {
     padding-top: 3em !important;
 }
 
-.guide-channelHeaderCell:focus,
+.guide-channelHeaderCell:focus {
-.programCell:focus {
     background-color: var(--highlightOutlineColor) !important;
 }
 
+.programCell:focus {
+    background-color: transparent !important;
+}
+
+.programCell:focus > .guideProgramName {
+    background-color: var(--highlightOutlineColor);
+}
+
 .emby-select-iconbutton {
     background-color: var(--selectorBackgroundColor);
     border: var(--defaultLighterBorder);