/* Canonical product-card styling. The repeated ID intentionally outranks legacy
   route rules; SC drops inline !important declarations. Keep new card rules here. */
#vault-main-content#vault-main-content#vault-main-content :is(.product-card, .vault-featured-card, .vault-pair-card) {
   display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-self: stretch !important;
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
   padding: 16px !important;
   background: transparent !important;
  background-image: none !important;
  color: #2A2826 !important;
    border: none !important;
  border-radius: 12px !important;
    box-shadow: none !important;
  backdrop-filter: none !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
#vault-main-content#vault-main-content#vault-main-content :is(.product-card, .vault-featured-card, .vault-pair-card):hover {
  transform: translateY(-3px) !important;
  box-shadow: none !important;
}
#vault-main-content#vault-main-content#vault-main-content :is(.vault-product-grid, .vault-featured-grid) {
  align-items: stretch !important;
  grid-auto-rows: 1fr !important;
}
#vault-main-content#vault-main-content#vault-main-content :is(.product-card, .vault-featured-card, .vault-pair-card)::after,
#vault-main-content#vault-main-content#vault-main-content :is(.vault-product-card-image, .vault-featured-image, .vault-pair-photo)::after {
  display: none !important;
}
#vault-main-content#vault-main-content#vault-main-content :is(.vault-product-card-image, .vault-featured-image, .vault-pair-photo) {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 4 / 5 !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
   outline: none !important;
   box-shadow: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  overflow: hidden !important;
}
#vault-main-content#vault-main-content#vault-main-content :is(.vault-product-card-image, .vault-featured-image, .vault-pair-photo) img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: 4 / 5 !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 0 !important;
   border: none !important;
  filter: none !important;
  opacity: 1 !important;
   mix-blend-mode: multiply !important;
}
#vault-main-content#vault-main-content#vault-main-content :is(.vault-product-card-content, .vault-featured-content, .vault-pair-content) {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 8px !important;
    padding: 0 !important;
    background: transparent !important;
  color: #2A2826 !important;
  text-align: left !important;
  box-sizing: border-box !important;
}
#vault-main-content#vault-main-content#vault-main-content :is(.vault-product-card-title, .vault-featured-title, .vault-pair-content h3) {
  font: 600 16px/1.4 'Plus Jakarta Sans', sans-serif !important;
  letter-spacing: -0.01em !important;
  color: #2A2826 !important;
  min-height: 3em !important;
  margin: 0 !important;
  overflow-wrap: anywhere !important;
}
#vault-main-content#vault-main-content#vault-main-content :is(.vault-product-card-meta, .vault-product-card-brand, .vault-featured-category, .vault-pair-category, .vault-pair-members, .vault-pair-description, .vault-pair-stock, .vault-pair-set-tag) {
  color: #5F5C58 !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}
#vault-main-content#vault-main-content#vault-main-content :is(.vault-product-card-price, .vault-featured-price, .vault-pair-price) {
  color: #1A1D24 !important;
  font: 700 18px/1.4 'Plus Jakarta Sans', sans-serif !important;
  margin: auto 0 0 !important;
  padding-top: 14px !important;
}
#vault-main-content#vault-main-content#vault-main-content :is(.vault-featured-status, .vault-pair-badge) {
  background: #E8E2D7 !important;
  color: #48443D !important;
  border: 0 !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 !important;
}
#vault-main-content#vault-main-content#vault-main-content :is(.vault-product-card-actions, .vault-featured-actions, .vault-pair-actions) {
  position: static !important;
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  gap: 0 !important;
  width: 100% !important;
  min-height: 76px !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
#vault-main-content#vault-main-content#vault-main-content :is(.vault-product-card-actions, .vault-featured-actions, .vault-pair-actions) sc-if {
  display: contents;
}
#vault-main-content#vault-main-content#vault-main-content :is(.vault-cargo-btn, .vault-pair-primary, .vault-offer-card-btn, .vault-inquire-card-btn) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;
  padding: 0 12px !important;
  border-radius: 6px !important;
  font: 600 12px/1.2 'Plus Jakarta Sans', sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  order: initial !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
}
#vault-main-content#vault-main-content#vault-main-content :is(.vault-cargo-btn, .vault-pair-primary, .vault-inquire-card-btn) {
  background: #1A1D24 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: none !important;
}
#vault-main-content#vault-main-content#vault-main-content .vault-offer-card-btn {
  background: transparent !important;
  color: #1A1D24 !important;
  -webkit-text-fill-color: #1A1D24 !important;
  border: 1px solid #D1CDC7 !important;
}
#vault-main-content#vault-main-content#vault-main-content :is(.vault-cargo-btn, .vault-pair-primary, .vault-offer-card-btn, .vault-inquire-card-btn):focus-visible {
  outline: 3px solid #8B6F40 !important;
  outline-offset: 3px !important;
}
#vault-main-content#vault-main-content#vault-main-content :is(.vault-cargo-btn, .vault-pair-primary, .vault-inquire-card-btn):hover:not(:disabled) {
  background: #30343F !important;
}
#vault-main-content#vault-main-content#vault-main-content .vault-offer-card-btn:hover:not(:disabled) {
  background: #E8E2D7 !important;
}
#vault-main-content#vault-main-content#vault-main-content button:disabled {
  cursor: wait !important;
}
#vault-main-content#vault-main-content#vault-main-content :is(.vault-vault-btn, .vault-featured-vault, .vault-pair-vault, .vault-share-card) {
  display: none !important;
}
#vault-main-content#vault-main-content#vault-main-content :is(.vault-product-card-image, .vault-featured-image, .vault-pair-photo) > div:not(.vault-collector-badges-overlay) {
  background: transparent !important;
  background-image: none !important;
  color: #5F5C58 !important;
}
#vault-main-content#vault-main-content#vault-main-content [data-image-state="ready"] > div:not(.vault-collector-badges-overlay),
#vault-main-content#vault-main-content#vault-main-content [data-image-state="unavailable"] > div,
#vault-main-content#vault-main-content#vault-main-content img[hidden] {
  display: none !important;
}
.vault-photo-request {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  font: 500 13px/1.5 'Plus Jakarta Sans', sans-serif;
  color: #5F5C58;
  text-align: center;
}

/* Shared-canvas cards; only the Featured Lakers set retains its gold frame. */
#vault-main-content#vault-main-content#vault-main-content .vault-featured-section {
  background: #181A1E !important;
  padding: 40px 20px !important;
}
#vault-main-content#vault-main-content#vault-main-content .vault-featured-grid {
  width: 100% !important;
  max-width: none !important;
  margin-inline: auto !important;
}
#vault-main-content#vault-main-content#vault-main-content .vault-featured-card {
  background: transparent !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 16px !important;
  padding: 0 0 16px !important;
}
#vault-main-content#vault-main-content#vault-main-content .vault-featured-card:hover {
  box-shadow: none !important;
}
#vault-main-content#vault-main-content#vault-main-content .vault-featured-image {
  height: 380px !important;
  aspect-ratio: auto !important;
  background: transparent !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}
#vault-main-content#vault-main-content#vault-main-content .vault-featured-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  mix-blend-mode: normal !important;
  mask-image: linear-gradient(to bottom, black 60%, transparent 100%) !important;
  -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%) !important;
}
#vault-main-content#vault-main-content#vault-main-content .vault-featured-content {
  padding: 16px 20px 0 !important;
  gap: 6px !important;
}
#vault-main-content#vault-main-content#vault-main-content .vault-featured-card .vault-featured-title {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-shadow: none !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  margin-top: 8px !important;
}
#vault-main-content#vault-main-content#vault-main-content .vault-featured-category {
  color: #C68B45 !important;
  -webkit-text-fill-color: #C68B45 !important;
  font-size: 11px !important;
  letter-spacing: 0.05em !important;
}
#vault-main-content#vault-main-content#vault-main-content .vault-featured-price {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-shadow: none !important;
  font-size: 16px !important;
  padding-top: 8px !important;
}
#vault-main-content#vault-main-content#vault-main-content .vault-featured-status {
  color: #48443D !important;
  -webkit-text-fill-color: #48443D !important;
  background: #E8E2D7 !important;
}
#vault-main-content#vault-main-content#vault-main-content .vault-featured-status[data-status="in stock" i] {
  display: none !important;
}
#vault-main-content#vault-main-content#vault-main-content .vault-featured-card .vault-offer-card-btn {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border-color: #D1CDC7 !important;
}
#vault-main-content#vault-main-content#vault-main-content .vault-featured-card .vault-offer-card-btn:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.08) !important;
}
#vault-main-content#vault-main-content#vault-main-content .vault-featured-card button {
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}
/* Restore the Lakers set's gold frame only in Home Featured Pieces. */
#vault-main-content#vault-main-content#vault-main-content .vault-featured-card[data-featured-product-id="p112"],
#vault-main-content#vault-main-content#vault-main-content .vault-featured-card[data-featured-product-id="p112"]:hover {
  border: 1px solid transparent !important;
  background: linear-gradient(#1C1E22, #1C1E22) padding-box,
    linear-gradient(135deg, #FFD700, #B8860B, #FFF8DC, #DAA520) border-box #1C1E22 !important;
  box-shadow: 0 10px 30px -5px rgba(212, 175, 55, 0.3),
    0 0 15px rgba(255, 215, 0, 0.15) !important;
  animation: none !important;
}
@media (max-width: 860px) {
  #vault-main-content#vault-main-content#vault-main-content .vault-featured-image {
    height: clamp(210px, 55vw, 260px) !important;
  }
}
@media (max-width: 370px) {
  #vault-main-content#vault-main-content#vault-main-content .vault-featured-image {
    height: clamp(210px, 75vw, 280px) !important;
  }
}
/* Luxury actions on product cards, including the Featured gold-framed set. */
#vault-main-content#vault-main-content#vault-main-content :is(.product-card, .vault-featured-card, .vault-pair-card) :is(.vault-cargo-btn, .vault-pair-primary, .vault-offer-card-btn) {
  border-radius: 4px !important;
  padding: 10px 16px !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  transition: all 0.2s ease !important;
  text-shadow: none !important;
}
#vault-main-content#vault-main-content#vault-main-content :is(.product-card, .vault-featured-card, .vault-pair-card) :is(.vault-cargo-btn, .vault-pair-primary) {
  background: linear-gradient(90deg, rgba(227, 229, 232, 0) 0%, rgba(227, 229, 232, 0.4) 7%, #E3E5E8 18%, #E3E5E8 82%, rgba(227, 229, 232, 0.4) 93%, rgba(227, 229, 232, 0) 100%) !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  border: none !important;
  border-radius: 999px !important;
  height: auto !important;
  min-height: 36px !important;
  padding: 10px 0 !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
#vault-main-content#vault-main-content#vault-main-content :is(.product-card, .vault-featured-card, .vault-pair-card) :is(.vault-cargo-btn, .vault-pair-primary):hover:not(:disabled) {
  background: linear-gradient(90deg, rgba(236, 238, 240, 0) 0%, rgba(236, 238, 240, 0.4) 7%, #ECEEF0 18%, #ECEEF0 82%, rgba(236, 238, 240, 0.4) 93%, rgba(236, 238, 240, 0) 100%) !important;
  transform: translateY(-1px) !important;
  box-shadow: none !important;
}
#vault-main-content#vault-main-content#vault-main-content :is(.product-card, .vault-featured-card, .vault-pair-card) .vault-offer-card-btn {
  background: transparent !important;
  color: #24272D !important;
  -webkit-text-fill-color: #24272D !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  height: auto !important;
  min-height: 32px !important;
  padding: 4px 0 !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  margin-top: 8px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  text-underline-offset: 4px !important;
}
#vault-main-content#vault-main-content#vault-main-content .vault-featured-card[data-featured-product-id="p112"] .vault-offer-card-btn {
  color: #F3CF70 !important;
  -webkit-text-fill-color: #F3CF70 !important;
}
#vault-main-content#vault-main-content#vault-main-content :is(.product-card, .vault-featured-card, .vault-pair-card) .vault-offer-card-btn:hover:not(:disabled) {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: underline !important;
}
#vault-main-content#vault-main-content#vault-main-content :is(.product-card, .vault-featured-card, .vault-pair-card) .vault-offer-card-btn:disabled {
  cursor: not-allowed !important;
}
#vault-main-content#vault-main-content#vault-main-content :is(.product-card, .vault-featured-card, .vault-pair-card) :is(.vault-cargo-btn, .vault-pair-primary, .vault-offer-card-btn) .sc-interp {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  text-shadow: inherit !important;
  text-decoration: inherit !important;
}
@media (max-width: 480px) {
  #vault-main-content#vault-main-content#vault-main-content .vault-featured-card :is(.vault-cargo-btn, .vault-offer-card-btn) {
    white-space: nowrap !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #vault-main-content#vault-main-content#vault-main-content :is(.product-card, .vault-featured-card, .vault-pair-card) :is(.vault-cargo-btn, .vault-pair-primary, .vault-offer-card-btn) {
    transition: none !important;
  }
  #vault-main-content#vault-main-content#vault-main-content :is(.product-card, .vault-featured-card, .vault-pair-card) {
    transition: none !important;
  }
}

#vault-main-content#vault-main-content#vault-main-content .vault-featured-section .vault-featured-grid > .vault-featured-card .vault-featured-actions > .vault-featured-cargo-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  justify-self: start !important;
  align-self: center !important;
  flex: none !important;
  width: max-content !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: #F1ECE1 !important;
  -webkit-text-fill-color: #F1ECE1 !important;
  box-shadow: none !important;
  font: 600 12px/1.5 'Plus Jakarta Sans', sans-serif !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-decoration: none !important;
  text-transform: none !important;
  transform: none !important;
}

#vault-main-content#vault-main-content#vault-main-content .vault-featured-section .vault-featured-grid > .vault-featured-card .vault-featured-actions > .vault-featured-cargo-link:hover:not(:disabled) {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  transform: none !important;
}

#vault-main-content#vault-main-content#vault-main-content .vault-featured-section .vault-featured-grid > .vault-featured-card .vault-featured-actions > .vault-featured-cargo-link:focus-visible {
  outline: 2px solid #F1ECE1 !important;
  outline-offset: 4px !important;
}

