/* The compact badge has its own row below the video, in normal page flow. */
.yard-inventory-strip {
  position: relative;
  padding: 20px 24px 32px;
  background: #000;
}

.yard-inventory-counter {
  box-sizing: border-box;
  position: relative;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  font-family: 'Inter', system-ui, sans-serif;
}

.yard-inventory-counter__integration {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 7px 12px;
  border: 1px solid #ff824633;
  border-radius: 10px;
  background: linear-gradient(110deg, #ff6b2110, #ffffff04);
  box-shadow: inset 0 1px 0 #ffffff06;
  color: #ff8246;
}

.yard-inventory-counter__integration > svg { flex: none; }
.yard-inventory-counter__integration > span { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; justify-content: center; }
.yard-inventory-counter__integration strong { color: #f1f1f3; font-size: 11px; font-weight: 800; white-space: nowrap; }
.yard-inventory-counter__integration span > span { color: #99999f; font-size: 10px; font-weight: 500; }

@media (max-width: 767px) {
  /* The legacy mobile yard has a fixed height; keep its own copy uncut. */
  .v3 #seats { height: auto !important; min-height: 0; }
  .v3 #seats .seats-v, .v3 #seats .seats-copy { flex-shrink: 0; }
  .yard-inventory-counter__integration > span { flex-direction: column; gap: 2px; align-items: flex-start; }
  .yard-inventory-counter__integration { gap: 9px; padding: 8px 11px; text-align: left; }
}