/* Production geometry bridge: the imported Exchange theme has global card-art and
   Wishlist geometry. Replay the existing production selectors/conditions locally;
   no new grid or breakpoint design. Evidence: production-collection-rules.css. */
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-art {
  padding: 0;
  width: auto;
  height: auto;
  min-height: 0;
  margin: 0;
  background: transparent;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-art img {
  max-width: 100%;
  max-height: none;
  position: static;
  inset: auto;
  filter: none;
  opacity: 1;
  transform: none;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .wishlist {
  position: static;
  inset: auto;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main :is(.variant-price, .variant-trend)::before {
  content: none;
}

html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0px, 1fr));
  gap: 30px 18px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-tile {
  min-width: 0px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-art {
  display: block;
  position: relative;
  aspect-ratio: 245 / 342;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-art img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-copy {
  padding: 12px 0px 0px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-copy > a {
  display: block;
  font-size: 15px;
  font-weight: 750;
  line-height: 1.25;
  min-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-copy > span,
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-copy > small {
  display: block;
  font-size: 11px;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-copy i {
  font-style: normal;
  margin: 0px 3px;
}

@media (max-width: 1000px) {
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-grid {
    grid-template-columns: repeat(4, minmax(0px, 1fr));
  }
}
@media (max-width: 650px) {
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-grid {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 24px 14px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-copy > a {
    font-size: 15px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-copy > span,
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-copy > small {
    font-size: 11px;
  }
}

html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .tile-quantity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 6px 10px 12px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .tile-quantity button {
  padding: 6px 14px;
  cursor: pointer;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .tile-quantity button:disabled {
  cursor: default;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .tile-quantity output {
  font-variant-numeric: tabular-nums;
}

html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-progress {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin: 1rem 0px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-progress a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .tile-quantity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 36px;
  margin: 6px 0px 0px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .tile-quantity button {
  min-width: 36px;
  min-height: 36px;
  padding: 0px;
  font-size: 20px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .tile-quantity output {
  font-size: 14px;
  font-weight: 600;
}

html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-tile {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .tile-quantity {
  margin-top: 10px;
  width: 100%;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-copy {
  text-align: left;
}

html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-grid {
  gap: 16px;
  grid-template-columns: repeat(5, minmax(0px, 1fr));
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-tile {
  overflow: visible;
  min-width: 0px;
  padding: 8px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-art {
  overflow: hidden;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-copy {
  padding: 10px 2px 5px;
  min-width: 0px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-copy > a {
  font-size: 14px;
  font-weight: 800;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-copy > span {
  font-size: 11px;
  line-height: 1.6;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-copy small {
  font-size: 12px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .price-line {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 2px;
  font-size: 13px;
  flex-wrap: wrap;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .price-line small {
  font-size: 10px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .tile-bottom {
  display: flex;
  gap: 6px;
  align-items: center;
  padding-top: 6px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .tile-quantity {
  margin: 0px;
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px;
  min-height: 32px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .tile-quantity button {
  min-width: 32px;
  height: 32px;
  padding: 0px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .tile-quantity output {
  font-size: 13px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-menu {
  position: relative;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-menu summary {
  cursor: pointer;
  list-style: none;
  font-size: 22px;
  padding: 0px 8px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-menu > div {
  position: absolute;
  right: 0px;
  top: 100%;
  width: 215px;
  z-index: 10;
  padding: 8px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-menu button,
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-menu a,
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-menu small {
  display: block;
  text-align: left;
  width: 100%;
  font-size: 13px;
  padding: 9px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .compact-grid {
  grid-template-columns: repeat(6, minmax(0px, 1fr));
  gap: 10px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .compact-grid .card-tile {
  padding: 5px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .compact-grid .card-art {
  aspect-ratio: 1.15 / 1;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .compact-grid .card-art img {
  object-fit: cover;
  object-position: center top;
  width: 100%;
  height: 100%;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .compact-grid .card-copy > a {
  font-size: 13px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .compact-grid .price-line {
  font-size: 12px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .compact-grid .price-line small {
  font-size: 9px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid {
  grid-template-columns: 1fr;
  gap: 10px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .card-tile {
  display: grid;
  grid-template-columns: 105px minmax(150px, 1fr) minmax(370px, 1.8fr) 150px;
  gap: 16px;
  padding: 14px;
  align-items: center;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .card-art {
  width: 105px;
  aspect-ratio: 63 / 88;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .card-copy > a {
  font-size: 18px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .owned-badge {
  font-size: 9px;
  padding: 3px 6px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .price-line small {
  display: block;
  width: 100%;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .row-actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 16px;
  align-items: center;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .row-actions a,
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .row-actions button {
  font-size: 11px;
  padding: 5px 8px;
  margin: 0px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-table {
  font-size: 12px;
  min-width: 0px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-table > div {
  display: grid;
  grid-template-columns: minmax(85px, 1fr) 90px 65px 65px;
  align-items: center;
  gap: 8px;
  padding: 9px 0px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-heading {
  font-size: 11px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-step {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-step button {
  width: 26px;
  height: 28px;
  padding: 0px;
}

html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .binder-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 12px auto 20px;
  max-width: 740px;
  font-size: 13px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .binder-nav button {
  padding: 9px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .binder-nav label {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .binder-nav select {
  width: 88px;
  min-width: 88px;
  padding: 8px;
  font-size: 13px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .binder-page {
  display: grid;
  gap: 10px;
  padding: 16px;
  max-width: 740px;
  margin: auto;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .binder-2x2 {
  grid-template-columns: repeat(2, minmax(0px, 1fr));
  max-width: 460px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .binder-3x3 {
  grid-template-columns: repeat(3, minmax(0px, 1fr));
  max-width: 600px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .binder-4x3,
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .binder-4x4 {
  grid-template-columns: repeat(4, minmax(0px, 1fr));
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .pocket {
  position: relative;
  aspect-ratio: 63 / 88;
  padding: 5px;
  min-width: 0px;
  overflow: hidden;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .pocket img,
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .pocket .card-placeholder {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .pocket span {
  position: absolute;
  bottom: 5px;
  left: 5px;
  font-size: 10px;
  padding: 1px 5px;
}

html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detail-copy .variant-table {
  margin-top: 20px;
}

html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .modal-ownership .tile-quantity {
  max-width: 180px;
}

html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .modal-footer .wishlist {
  font-size: 14px;
  margin-right: auto;
  margin-left: 0px;
}
@media (max-width: 1050px) {
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-grid {
    grid-template-columns: repeat(4, minmax(0px, 1fr));
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .compact-grid {
    grid-template-columns: repeat(5, minmax(0px, 1fr));
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid {
    grid-template-columns: 1fr;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .card-tile {
    grid-template-columns: 90px 1fr 1.7fr;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .card-art {
    width: 90px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .tile-tools {
    grid-column: 2 / 4;
    display: flex;
    gap: 24px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .tile-bottom {
    flex: 1 1 0%;
  }
}
@media (max-width: 650px) {
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-grid {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 10px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .compact-grid {
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    gap: 6px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .compact-grid .card-copy > a {
    font-size: 11px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .compact-grid .card-copy > span {
    font-size: 9px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .compact-grid .price-line small {
    display: none;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .compact-grid .card-menu summary {
    padding: 0px 3px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .compact-grid .tile-quantity button {
    min-width: 22px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .compact-grid .tile-quantity output {
    font-size: 11px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .compact-grid .owned-badge {
    font-size: 8px;
    padding: 2px 4px;
  }

  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .binder-page {
    gap: 5px;
    padding: 8px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .pocket {
    padding: 2px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .pocket span {
    font-size: 7px;
    bottom: 2px;
    left: 2px;
    padding: 0px 3px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .binder-nav {
    gap: 8px;
    font-size: 11px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .binder-nav button,
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .binder-nav select {
    font-size: 11px;
    padding: 7px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid {
    grid-template-columns: 1fr;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .card-tile {
    grid-template-columns: 72px minmax(0px, 1fr);
    gap: 12px;
    padding: 12px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .card-art {
    width: 72px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .card-copy > a {
    font-size: 17px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .variant-table {
    grid-column: 1 / -1;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .tile-tools {
    grid-column: 1 / -1;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-table > div {
    grid-template-columns: minmax(75px, 1fr) 82px 57px 57px;
    gap: 5px;
    font-size: 11px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-step button {
    width: 24px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .row-actions {
    margin-top: 8px;
    gap: 4px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .row-actions a,
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .row-actions button {
    font-size: 10px;
    padding: 4px;
  }
}

html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .collection-action .variant-table {
  margin: 0px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .collection-action .variant-table > div {
  padding: 12px 14px;
}

@media (max-width: 700px) {
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .collection-action .variant-table {
    font-size: 12px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .collection-action .variant-table > div {
    grid-template-columns: minmax(70px, 1fr) 86px 48px 48px;
    gap: 5px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .collection-action .variant-step {
    gap: 4px;
  }
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .wishlist,
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-title .wishlist,
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .row-actions .wishlist,
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-menu .wishlist {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 32px;
  min-height: 32px;
  width: auto;
  height: auto;
  padding: 6px;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .wishlist svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .wishlist[aria-disabled='true'] {
  cursor: progress;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .price-line > .wishlist {
  margin-left: auto;
}

html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid {
  gap: 10px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .card-tile {
  grid-template-columns: 86px minmax(180px, 1fr) minmax(420px, 1.6fr);
  gap: 20px;
  padding: 14px 18px 14px 14px;
  align-items: center;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .card-art {
  width: 86px;
  grid-area: auto;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .card-copy {
  min-width: 0px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .card-copy > a {
  font-size: 19px;
  font-weight: 900;
  line-height: 1.2;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .card-copy > span {
  font-size: 12px;
  margin-top: 5px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .card-copy > small {
  font-size: 11px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .row-actions {
  margin-top: 8px;
  gap: 8px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .row-actions a {
  font-size: 12px;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .row-actions .wishlist {
  width: 34px;
  height: 34px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .variant-table {
  grid-column: auto;
  width: 100%;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-table > div {
  grid-template-columns: minmax(115px, 1fr) 120px 65px 65px;
  gap: 10px;
  min-width: 0px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-table .variant-heading {
  padding: 0px 10px 7px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 800;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-table .variant-row {
  padding: 6px 10px;
  margin-top: 5px;
  min-height: 46px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-row strong {
  font-size: 12px;
  line-height: 1.2;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-row strong small {
  display: block;
  font-size: 9px;
  font-weight: 600;
  margin-top: 3px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-step {
  display: grid;
  grid-template-columns: 34px minmax(25px, 1fr) 34px;
  gap: 3px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-step button {
  width: 34px;
  height: 34px;
  font-weight: 900;
  font-size: 19px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-step output {
  text-align: center;
  font-size: 14px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 1000px) {
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .card-tile {
    grid-template-columns: 76px minmax(140px, 1fr) minmax(360px, 1.6fr);
    gap: 14px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .card-art {
    width: 76px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-table > div {
    grid-template-columns: minmax(95px, 1fr) 110px 54px 54px;
    gap: 5px;
  }
}
@media (max-width: 700px) {
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .card-tile {
    grid-template-columns: 64px minmax(0px, 1fr);
    gap: 10px 14px;
    padding: 12px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .card-art {
    width: 64px;
    grid-row: 1;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .card-copy > a {
    font-size: 17px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .variant-table {
    grid-column: 1 / -1;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-table > div {
    grid-template-columns: minmax(100px, 1fr) 120px;
    gap: 8px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-table > div > span:nth-child(n + 3) {
    display: none;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-step {
    grid-template-columns: 38px minmax(24px, 1fr) 38px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-step button {
    width: 38px;
    height: 38px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-table .variant-row {
    min-height: 50px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .row-actions {
    margin-top: 6px;
  }
}

@media (max-width: 700px) {
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-step {
    grid-template-columns: 42px minmax(25px, 1fr) 42px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-step button {
    width: 42px;
    height: 42px;
  }
}

html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-grid:not(.detailed-grid):not(.compact-grid) {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr));
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .compact-grid {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 145px), 1fr));
}

html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .binder-nav {
  flex-wrap: wrap;
}
@container (min-width: 1400px) {
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid {
    grid-template-columns: minmax(0px, 1fr);
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .card-tile {
    grid-template-columns: 76px minmax(140px, 1fr) minmax(360px, 1.6fr);
  }
}
@media (max-width: 650px) {
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-grid:not(.detailed-grid):not(.compact-grid) {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 10px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .compact-grid {
    grid-template-columns: repeat(3, minmax(0px, 1fr));
  }
}

@media (max-width: 420px) {
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .compact-grid {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
}

html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detail-copy > .wishlist {
  margin: 2px 0px 8px;
}

html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .row-actions .wishlist,
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .row-actions .details-link {
  min-height: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .row-actions .details-link {
  padding: 0px 12px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .collection-action .variant-row {
  padding: 12px 14px;
}

@media (max-width: 700px) {
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .collection-action .variant-table > div {
    grid-template-columns: minmax(0px, 1fr) 112px;
    gap: 8px;
  }
}

@media (max-width: 1000px) {
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-table > div {
    grid-template-columns: minmax(70px, 1fr) 110px 58px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-table > div > span:nth-child(3) {
    display: block;
    text-align: right;
  }
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-copy > span {
  display: flex;
  align-items: center;
  gap: 8px;
}

html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-selection {
  padding: 0px;
  font-style: inherit;
  font-variant: inherit;
  font-stretch: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-language-override: inherit;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-selection[aria-pressed='true'] {
  text-decoration: underline;
  text-underline-offset: 4px;
}


html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detail-copy .variant-step {
  grid-template-columns: 44px minmax(25px, 1fr) 44px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detail-copy .variant-step button {
  width: 44px;
  height: 44px;
}

@media (max-width: 700px) {
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detail-meta .wishlist {
    min-height: 44px;
  }
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detail .collection-action .variant-heading,
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist])
  #main
  .detail
  .collection-action
  .variant-table
  > .variant-row
  > .variant-trend {
  display: none;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist])
  #main
  .detail
  .collection-action
  .variant-table
  > .variant-row {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) max-content max-content;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  margin-top: 8px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detail .collection-action .variant-row > strong {
  grid-area: 1 / 1;
  min-width: 0px;
  overflow-wrap: anywhere;
  line-height: 1.4;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist])
  #main
  .detail
  .collection-action
  .variant-row
  > .variant-price {
  display: block;
  grid-area: 1 / 2;
  text-align: right;
  white-space: nowrap;
  font-size: 12px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist])
  #main
  .detail
  .collection-action
  .variant-row
  > .variant-step {
  grid-area: 1 / 3;
  display: grid;
  grid-template-columns: 44px minmax(24px, max-content) 44px;
  gap: 4px;
  align-items: center;
  justify-self: end;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detail .collection-action .variant-step button {
  width: 44px;
  height: 44px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detail .collection-action .variant-step output {
  text-align: center;
  line-height: 44px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detail .collection-action .variant-price::before {
  content: none;
}

html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .card-tile {
  grid-template-columns: 100px minmax(120px, 0.8fr) minmax(0px, 1.6fr);
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .card-art {
  width: 100px;
}
@container (max-width: 1100px) {
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid {
    grid-template-columns: minmax(0px, 1fr);
  }
}
@container (max-width: 700px) {
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .card-tile {
    grid-template-columns: 88px minmax(0px, 1fr);
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .card-art {
    width: 88px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detailed-grid .variant-table {
    grid-column: 1 / -1;
  }
}

html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .detail-meta .wishlist {
  margin-left: auto;
}

html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-table {
  container-type: inline-size;
}
@container (max-width: 430px) {
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-table > div.variant-heading,
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-table > div.variant-row {
    grid-template-columns: minmax(0px, 1fr) 120px;
    gap: 10px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist])
    #main
    .variant-table
    > .variant-heading
    > span:nth-child(n + 3) {
    display: none;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-table > .variant-row > span.variant-price,
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist])
    #main
    .variant-table
    > .variant-row
    > span.variant-trend {
    display: block;
    font-size: 12px;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist])
    #main
    .variant-table
    > .variant-row
    > span.variant-price {
    text-align: left;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist])
    #main
    .variant-table
    > .variant-row
    > span.variant-trend {
    text-align: right;
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-price::before {
    content: 'Price ';
  }
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-trend::before {
    content: '7d ';
  }
}

html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .light-card-list.card-grid {
  display: block;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .light-card-row,
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .light-list-heading {
  display: grid;
  grid-template-columns: minmax(0px, 2fr) minmax(0px, 1fr) minmax(0px, 2fr);
  gap: 1rem;
  padding: 0.85rem 0px;
  text-decoration: none;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .light-list-heading {
  font-size: 0.75rem;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .light-card-row span {
  overflow-wrap: anywhere;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .personal-card-list .light-card-row,
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .personal-card-list .light-list-heading {
  grid-template-columns: minmax(0px, 2fr) minmax(0px, 1fr) minmax(0px, 2fr) auto;
  align-items: center;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .personal-card-list .light-card-row a {
  text-decoration: none;
  min-width: 0px;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist])
  #main
  .personal-card-list
  .light-card-row
  a:is(:hover, :focus-visible) {
  text-decoration: underline;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .personal-card-list .light-card-row small {
  display: block;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .personal-card-list .light-card-row .wishlist {
  justify-self: end;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .list-card-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

@media (max-width: 600px) {
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .light-card-row,
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .light-list-heading {
    gap: 0.5rem;
    grid-template-columns: minmax(0px, 1.5fr) minmax(0px, 1fr) minmax(0px, 1.5fr);
    font-size: 0.8rem;
  }
}


html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main [data-custom-workspace] .card-tile {
  display: flex;
  flex-direction: column;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main [data-custom-workspace] .card-tile .tile-tools {
  margin-top: auto;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist])
  #main
  [data-custom-workspace]
  .card-tile
  .price-line:empty {
  display: none;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main [data-custom-workspace] .card-tile .tile-bottom {
  display: block;
  padding-top: 0px;
}

html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .workspace-card-status .wishlist {
  margin: 0px;
  flex: 0 0 auto;
}

/* Collection restyle only. style.css/app-shell.css own geometry and responsive rules.
   Keep card renderers, information order and controls identical to the live product. */
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .collection-analytics {
  border-radius: var(--tcgn-radius-surface);
  overflow: hidden;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main :is(.card-tile, .collection-set, .binder-page) {
  background: var(--surface);
  border: 0;
  border-radius: var(--tcgn-radius-surface);
  box-shadow: none;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main :is(.card-tile, .collection-set):hover {
  background: var(--hover);
  box-shadow: none;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main :is(.card-art, .card-art img, .pocket) {
  border-radius: var(--tcgn-radius-control);
  box-shadow: none;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-art:hover {
  transform: none;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .pocket {
  background: var(--search);
  border-color: transparent;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .variant-row {
  background: var(--search);
  border-color: var(--border);
  border-radius: var(--tcgn-radius-control);
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main :is(.variant-step, .tile-quantity) {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main :is(.variant-step, .tile-quantity) button {
  background: var(--search);
  border-color: var(--control-border);
  color: var(--text);
  border-radius: var(--tcgn-radius-control);
  box-shadow: none;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist])
  #main
  :is(.variant-step, .tile-quantity)
  button.quantity-increment:not(:disabled) {
  background: var(--brand);
  border-color: var(--brand);
  color: var(--on-mint);
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main :is(.variant-step, .tile-quantity) button:disabled {
  background: var(--search);
  color: var(--muted);
  border-color: var(--border);
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .wishlist {
  background: transparent;
  color: var(--muted);
  border-color: transparent;
  border-radius: var(--tcgn-radius-control);
  box-shadow: none;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .wishlist[aria-pressed='true'] {
  background: transparent;
  color: var(--wishlist);
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .wishlist svg {
  fill: none;
  stroke: currentColor;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .wishlist[aria-pressed='true'] svg {
  fill: var(--wishlist);
  stroke: var(--wishlist);
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist])
  #main
  .row-actions
  :is(.wishlist, .details-link, .card-menu > summary) {
  background: var(--search);
  color: var(--text);
  border-color: transparent;
  border-radius: var(--tcgn-radius-control);
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .row-actions .wishlist[aria-pressed='true'] {
  color: var(--wishlist);
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-menu > div {
  background: var(--surface);
  border-color: var(--border);
}
/* Original desktop workspace budget: collapsed 72px sidebar and canonical
   clamp(16px,1.6vw,32px) gutters. The approved horizontal-header shell has more
   spare space at tablet width; do not let that introduce an extra grid column.
   900px is the existing application-shell sidebar breakpoint. */
@media (min-width: 900px) {
  html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .card-grid {
    max-width: calc(100vw - 72px - 2 * clamp(16px, 1.6vw, 32px));
  }
}

/* Wishlist is a network semantic action, independent of collection view surfaces. */
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .wishlist:is(:hover, :focus-visible) {
  color: var(--wishlist);
  background: transparent;
}
html[data-tcgn-v1]:is([data-tcgn-collection], [data-tcgn-wishlist]) #main .row-actions .wishlist {
  background: transparent;
}