/* Listing/result cards only. Mobile presentation hotfix v9. */
@media (max-width: 767.98px) {
  body.public-hue-bg:has(.listing-shell) .page-wrapper > .container,
  body.public-hue-bg .yt-search-page {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-inline: auto !important;
  }

  body.public-hue-bg:has(.listing-shell) .page-wrapper > .container > .row,
  body.public-hue-bg .yt-search-page > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.public-hue-bg:has(.listing-shell) .page-wrapper > .container > .row > [class*="col-"]:has(.listing-editorial-card),
  body.public-hue-bg .yt-search-page .row > [class*="col-"]:has(.listing-editorial-card) {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-inline: 0 !important;
    margin-bottom: 24px !important;
  }

  body.public-hue-bg:has(.listing-shell) .listing-editorial-card,
  body.public-hue-bg .yt-search-page .listing-editorial-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.public-hue-bg:has(.listing-shell) .listing-editorial-card > a:has(> img),
  body.public-hue-bg .yt-search-page .listing-editorial-card > a:has(> img) {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    flex: 0 0 auto !important;
    overflow: hidden !important;
  }

  body.public-hue-bg:has(.listing-shell) .listing-editorial-card img.card-img-top,
  body.public-hue-bg:has(.listing-shell) .listing-editorial-card .card-img-top,
  body.public-hue-bg .yt-search-page .listing-editorial-card img.card-img-top {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 0 !important;
  }

  body.public-hue-bg .listing-editorial-card.yt-experience-poster img.card-img-top,
  body.public-hue-bg .yt-search-page .listing-editorial-card.yt-experience-poster img.card-img-top {
    aspect-ratio: 3 / 4 !important;
    object-fit: contain !important;
    background: #f2f3ed !important;
  }

  body.public-hue-bg:has(.listing-shell) .listing-editorial-card .card-body,
  body.public-hue-bg .yt-search-page .listing-editorial-card .card-body {
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 18px !important;
    overflow: visible !important;
  }

  body.public-hue-bg .listing-editorial-card :is(h3, h4, h5, h6) {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere;
  }

  body.public-hue-bg .listing-editorial-card .btn {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;
    margin-top: auto;
    white-space: normal !important;
  }
}