/* Panda Campus V2 Discover: keep promoted actions in one horizontal shelf. */
body.panda-app .home-phone .home-feed-ad-carousel {
  position: relative;
  width: 100%;
  margin: 0 0 14px;
  overflow: visible;
}

body.panda-app .home-phone .home-feed-ad-viewport {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 0 28px;
  scroll-behavior: smooth;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  touch-action: pan-x pan-y;
  cursor: grab;
}

body.panda-app .home-phone .home-feed-ad-viewport:active {
  cursor: grabbing;
}

body.panda-app .home-phone .home-feed-ad-viewport::-webkit-scrollbar {
  display: none;
}

body.panda-app .home-phone .home-feed-ad-track {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  gap: 12px;
  width: 100%;
  padding: 0 28px 2px 0;
  transform: none !important;
}

body.panda-app .home-phone .home-feed-ad-card {
  flex: 0 0 calc(100% - 28px);
  width: calc(100% - 28px);
  min-width: 0;
  min-height: 218px;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

/* The visible edge of the next card is the navigation affordance. */
body.panda-app .home-phone .home-feed-ad-controls {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  body.panda-app .home-phone .home-feed-ad-viewport {
    scroll-behavior: auto;
  }
}