/* Voovbet mobile Story cards: keep portrait artwork fully visible below the slider. */
html.is-mobile .storiesWidgetWrapper.portraitView {
  height: 146px !important;
}

html.is-mobile .storiesWidgetWrapper.portraitView .horizontalList,
html.is-mobile .storiesWidgetWrapper.portraitView .horizontalSliderWrapper,
html.is-mobile .storiesWidgetWrapper.portraitView .storiesWidgetList {
  height: 146px !important;
  min-height: 146px !important;
}

html.is-mobile .storiesWidgetWrapper.portraitView .storiesWidgetListItem {
  width: 98px !important;
  min-width: 98px !important;
  height: 138px !important;
  min-height: 138px !important;
  flex: 0 0 98px !important;
}

html.is-mobile .storiesWidgetWrapper.portraitView .storiesWidgetListItem > img,
html.is-mobile .storiesWidgetWrapper.portraitView .storiesWidgetListItem > i,
html.is-mobile .storiesWidgetWrapper.portraitView .storiesWidgetListItem > .storiesItemImgSkeleton {
  width: 98px !important;
  height: 138px !important;
}

/* VoovBet mobile home: compact cover spacing, unchanged artwork and viewer. */
html.is-mobile .is-home-page .storiesWidgetWrapper.portraitView {
  margin-block: 0 !important;
}

html.is-mobile .is-home-page .storiesWidgetWrapper.portraitView .storiesWidgetList {
  column-gap: 4px !important;
}

html.is-mobile .is-home-page .storiesWidgetWrapper.portraitView .storiesWidgetListItem {
  margin-inline: 0 !important;
}

html.is-mobile .is-home-page .hm-row-bc:has(.storiesWidgetWrapper.portraitView) {
  margin-block: 4px 0 !important;
}

/* Tighten the following content row, including one empty layout placeholder. */
html.is-mobile .is-home-page .hm-row-bc:has(.storiesWidgetWrapper.portraitView) + .hm-row-bc,
html.is-mobile .is-home-page .hm-row-bc:has(.storiesWidgetWrapper.portraitView) + .hm-row-bc:has(> div:only-child:empty) + .hm-row-bc {
  margin-block-start: 4px !important;
}

/* Do not hide placeholders: their normal layout returns if content is added. */
html.is-mobile .is-home-page .hm-row-bc:has(> div:only-child:empty):has(+ .hm-row-bc .storiesWidgetWrapper.portraitView),
html.is-mobile .is-home-page .hm-row-bc:has(.storiesWidgetWrapper.portraitView) + .hm-row-bc:has(> div:only-child:empty) {
  margin-block: 0 !important;
}