/* 1.3.17 UI containment hotfix: keep collection copy, market art and loadout rows visible. */
.facility-overlay[data-facility-view="facility_showcase"] .collection-room-v123 {
  display: block;
  padding: 12px 28px 32px;
}

.facility-overlay[data-facility-view="facility_showcase"] .collection-score-v123 {
  position: relative;
  left: auto;
  top: auto;
  z-index: 1;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 12px;
  width: max-content;
  max-width: 100%;
  min-height: 42px;
  margin: 0 auto 8px;
  transform: none;
}

.facility-overlay[data-facility-view="facility_showcase"] .collection-score-v123 span,
.facility-overlay[data-facility-view="facility_showcase"] .collection-score-v123 strong {
  line-height: 1.05;
  white-space: nowrap;
}

.market-card-art-v130 {
  box-sizing: border-box;
  overflow: visible;
  padding: 6px 12px;
}

.market-card-art-v130 img.market-product-image-v130 {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}

#bagOverlay.inventory-key-ui #equipGrid {
  box-sizing: border-box !important;
  overflow: hidden !important;
  contain: layout paint;
}

#bagOverlay.inventory-key-ui .warehouse-actions {
  position: relative;
  z-index: 10;
  box-sizing: border-box;
  flex: 0 0 38px;
  isolation: isolate;
}

#bagOverlay.inventory-key-ui .warehouse-actions-label,
#bagOverlay.inventory-key-ui .warehouse-actions button {
  position: relative;
  z-index: 1;
}

@media (max-width: 900px), (max-height: 520px) {
  .facility-overlay[data-facility-view="facility_showcase"] .collection-room-v123 {
    padding: 8px 14px 20px;
  }

  .facility-overlay[data-facility-view="facility_showcase"] .collection-score-v123 {
    min-height: 34px;
    margin-bottom: 6px;
  }

  .facility-overlay[data-facility-view="facility_showcase"] .collection-score-v123 span {
    font-size: 17px;
  }

  .facility-overlay[data-facility-view="facility_showcase"] .collection-score-v123 strong {
    font-size: 29px;
  }
}

@media (max-height: 560px) and (orientation: landscape) {
  #bagOverlay.inventory-key-ui #equipGrid {
    block-size: 110px !important;
    min-block-size: 110px !important;
    flex: 0 0 110px;
  }

  #bagOverlay.inventory-key-ui .warehouse-actions {
    flex-basis: 31px;
  }
}