Shop with Confidence
A Preferred Marketplace of the Certified Trading Card Association (CTCA)
Recognized for leadership, fair governance, and trusted trading.
Slugger Reunion 2022 Topps #329
You are looking at a great 2022 Topps Slugger Reunion card.
Shipping is within one business day, so expect your items fast.
New items everyday and many cards from the same set, so check back frequently!
============================================================
FILE 2: product-three-column-layout-replacement.css
============================================================
/*
* Marketplace Product Page - Full Replacement Layout
* Desktop: gallery + unified purchase panel
* Tablet: balanced two-column layout, then single-column below 900px
* Mobile: conversion-first single-column flow
*/
.marketplace-product-shell,
.marketplace-product-shell * {
box-sizing: border-box;
}
.marketplace-product-shell {
--mp-border: rgba(var(--color-foreground), 0.14);
--mp-border-strong: rgba(var(--color-foreground), 0.22);
--mp-surface: rgb(var(--color-background));
--mp-muted: rgba(var(--color-foreground), 0.68);
--mp-radius: 14px;
--mp-radius-small: 10px;
--mp-shadow: 0 12px 32px rgba(0, 0, 0, 0.07);
--mp-gap: clamp(1.6rem, 2.2vw, 3.2rem);
display: grid !important;
grid-template-columns: minmax(0, 1.35fr) minmax(360px, 0.9fr) !important;
gap: var(--mp-gap) !important;
align-items: start !important;
width: 100% !important;
max-width: 100% !important;
margin: 2rem 0 3rem !important;
}
.marketplace-product-shell > .product__media-wrapper,
.marketplace-product-shell > .product__info-wrapper {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
}
/* Gallery card */
.marketplace-product-shell > .product__media-wrapper {
grid-column: 1;
padding: clamp(1rem, 1.8vw, 2rem) !important;
background: var(--mp-surface);
border: 1px solid var(--mp-border);
border-radius: var(--mp-radius);
box-shadow: var(--mp-shadow);
overflow: hidden;
}
.marketplace-product-shell .product__media-wrapper media-gallery,
.marketplace-product-shell .product__media-wrapper slider-component,
.marketplace-product-shell .product__media-wrapper .product__media-list {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
.marketplace-product-shell .product__media-wrapper .product__media-item,
.marketplace-product-shell .product__media-wrapper .product-media-container,
.marketplace-product-shell .product__media-wrapper .product__media {
max-width: 100% !important;
}
.marketplace-product-shell .product__media-wrapper img,
.marketplace-product-shell .product__media-wrapper video,
.marketplace-product-shell .product__media-wrapper iframe,
.marketplace-product-shell .product__media-wrapper model-viewer {
max-width: 100% !important;
}
.marketplace-product-shell .product__media-wrapper img {
width: 100% !important;
height: auto !important;
max-height: min(72vh, 760px) !important;
object-fit: contain !important;
}
.marketplace-product-shell .product-media-container,
.marketplace-product-shell .product__media {
display: flex !important;
align-items: center;
justify-content: center;
min-height: 0 !important;
overflow: hidden;
border-radius: var(--mp-radius-small);
}
.marketplace-product-shell .thumbnail-list {
gap: 0.8rem;
}
.marketplace-product-shell .thumbnail {
border-radius: 8px;
overflow: hidden;
}
.marketplace-product-shell .slider-buttons {
display: flex !important;
align-items: center;
justify-content: center;
gap: 0.8rem;
margin-top: 1rem;
}
.marketplace-product-shell .slider-counter {
display: flex !important;
align-items: center;
justify-content: center;
min-width: 5rem;
font-weight: 700;
}
/* Unified right-side purchase panel */
.marketplace-product-shell > .product__info-wrapper {
grid-column: 2;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
overflow: visible !important;
}
.marketplace-product-shell .marketplace-purchase-card {
width: 100%;
min-width: 0;
padding: clamp(1.4rem, 2vw, 2.4rem);
background: var(--mp-surface);
border: 1px solid var(--mp-border);
border-radius: var(--mp-radius);
box-shadow: var(--mp-shadow);
}
@media screen and (min-width: 1200px) {
.marketplace-product-shell .marketplace-purchase-card {
position: sticky;
top: 2rem;
}
}
.marketplace-product-shell .marketplace-purchase-card__auction {
width: 100%;
margin: 0 0 1.6rem;
padding: 1.2rem;
background: rgba(var(--color-foreground), 0.025);
border: 1px solid var(--mp-border);
border-radius: var(--mp-radius-small);
}
.marketplace-product-shell .marketplace-purchase-card__auction #wk-auction,
.marketplace-product-shell .marketplace-purchase-card__auction #wk-auction > *,
.marketplace-product-shell .marketplace-purchase-card__auction .seller-badges-container {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
}
.marketplace-product-shell .marketplace-purchase-card__auction #wk-auction * {
max-width: 100%;
overflow-wrap: anywhere;
}
.marketplace-product-shell .seller-badges-container {
margin-top: 1.2rem !important;
padding-top: 1.2rem;
border-top: 1px solid var(--mp-border);
}
.marketplace-product-shell .seller-badges-header {
margin-bottom: 0.8rem;
}
.marketplace-product-shell .seller-badges-title {
margin: 0;
font-size: 1.4rem;
line-height: 1.3;
}
.marketplace-product-shell .wk_seller_badge_div {
display: flex;
flex-wrap: wrap;
gap: 0.7rem;
align-items: center;
}
.marketplace-product-shell .wk_seller_badge_div img {
width: auto;
max-width: 64px;
height: auto;
max-height: 48px;
object-fit: contain;
}
/* Seller identity */
.marketplace-product-shell .product__seller-info-top {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 1rem;
align-items: center;
width: 100%;
margin: 0 0 1.4rem !important;
padding: 0 0 1.4rem !important;
border-bottom: 1px solid var(--mp-border);
}
.marketplace-product-shell .product__seller-info-top .wk_seller_store_logo,
.marketplace-product-shell .product__seller-info-top .wk_seller_detail {
width: auto;
min-width: 0;
margin: 0 !important;
text-align: left !important;
}
.marketplace-product-shell .product__seller-info-top .wk_seller_store_logo img {
display: block;
width: auto;
max-width: 110px;
height: auto;
max-height: 56px;
object-fit: contain;
}
.marketplace-product-shell .wk_seller_info {
width: 100%;
margin: 0 0 1.2rem !important;
}
/* Product information and forms */
.marketplace-product-shell .product__info-container,
.marketplace-product-shell .product__info-container > *,
.marketplace-product-shell .product-form,
.marketplace-product-shell .product-form__input,
.marketplace-product-shell .product-form__buttons,
.marketplace-product-shell .shopify-payment-button,
.marketplace-product-shell .shopify-payment-button__button {
width: 100%;
max-width: 100%;
min-width: 0;
}
.marketplace-product-shell .product__info-container > * + * {
margin-top: 1.2rem;
}
.marketplace-product-shell .price,
.marketplace-product-shell .price--large {
line-height: 1.15;
}
.marketplace-product-shell .main-price-quantity {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 1.2rem;
align-items: end;
width: 100%;
}
.marketplace-product-shell .cus_price_block {
min-width: 0;
}
.marketplace-product-shell .product-form__quantity {
margin: 0;
}
.marketplace-product-shell button,
.marketplace-product-shell .button,
.marketplace-product-shell input[type="button"],
.marketplace-product-shell input[type="submit"],
.marketplace-product-shell select,
.marketplace-product-shell input[type="text"],
.marketplace-product-shell input[type="number"] {
max-width: 100%;
}
.marketplace-product-shell .product-form__buttons button,
.marketplace-product-shell .product-form__buttons .button,
.marketplace-product-shell .product-form__buttons input[type="button"],
.marketplace-product-shell .product-form__buttons input[type="submit"],
.marketplace-product-shell .product-form__buttons a,
.marketplace-product-shell #wk_make_an_offer_btn,
.marketplace-product-shell #wk-askme button,
.marketplace-product-shell #wk-askme a,
.marketplace-product-shell .custom-share-button,
.marketplace-product-shell .shopify-payment-button__button {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
min-height: 48px;
margin-left: 0 !important;
margin-right: 0 !important;
white-space: normal !important;
text-overflow: clip !important;
}
.marketplace-product-shell .product-form__buttons > *,
.marketplace-product-shell #wk_make_an_offer,
.marketplace-product-shell #wk-askme,
.marketplace-product-shell #make_an_offer_btn_div {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.marketplace-product-shell table {
width: 100% !important;
max-width: 100%;
table-layout: auto;
}
.marketplace-product-shell iframe,
.marketplace-product-shell video,
.marketplace-product-shell svg,
.marketplace-product-shell img {
max-width: 100%;
}
/* Trust bar remains visible on all devices */
.trust-payment-bar {
width: 100%;
margin: 0 0 1.5rem;
padding: 1rem 1.2rem;
border: 1px solid rgba(var(--color-foreground), 0.12);
border-radius: 12px;
background: rgb(var(--color-background));
}
.trust-payment-bar .trust-bar-container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.9rem 1.2rem;
}
.trust-payment-bar .trust-bar-item {
display: flex;
align-items: center;
gap: 0.55rem;
min-width: 0;
}
.trust-payment-bar .trust-bar-divider {
width: 1px;
height: 24px;
background: rgba(var(--color-foreground), 0.18);
}
.trust-payment-bar .trust-bar-icon {
width: 20px;
height: 20px;
flex: 0 0 auto;
}
.trust-payment-bar .trust-bar-ctca-expanded {
flex: 1 1 300px;
}
.trust-payment-bar .trust-bar-ctca-badge-large {
width: auto;
max-width: 58px;
height: 44px;
object-fit: contain;
}
.trust-payment-bar .trust-bar-ctca-content {
min-width: 0;
}
.trust-payment-bar .ctca-title,
.trust-payment-bar .ctca-subtitle {
display: block;
}
.trust-payment-bar .ctca-subtitle {
color: rgba(var(--color-foreground), 0.68);
font-size: 1.2rem;
}
/* Unified description and policy box */
.seller-info-unified-wrapper {
margin-top: 2.4rem;
}
.seller-info-unified-box {
border: 1px solid rgba(var(--color-foreground), 0.14);
border-radius: 14px;
background: rgb(var(--color-background));
overflow: hidden;
}
.seller-info-section {
padding: clamp(1.6rem, 2.5vw, 2.8rem);
}
.seller-info-header {
display: flex;
align-items: center;
gap: 0.8rem;
margin-bottom: 1rem;
}
.seller-info-title {
margin: 0;
}
.seller-info-separator {
height: 1px;
background: rgba(var(--color-foreground), 0.12);
}
/* Tablet */
@media screen and (max-width: 1099px) {
.marketplace-product-shell {
grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr) !important;
gap: 1.8rem !important;
}
.marketplace-product-shell .marketplace-purchase-card {
padding: 1.4rem;
}
.marketplace-product-shell .main-price-quantity {
grid-template-columns: 1fr;
align-items: start;
}
}
/* Small tablet and mobile: conversion-first single column */
@media screen and (max-width: 899px) {
.marketplace-product-shell {
display: flex !important;
flex-direction: column;
gap: 1.5rem !important;
margin-top: 1.5rem !important;
}
.marketplace-product-shell > .product__media-wrapper {
order: 1;
}
.marketplace-product-shell > .product__info-wrapper {
order: 2;
}
.marketplace-product-shell .marketplace-purchase-card {
position: static;
}
.marketplace-product-shell .product__media-wrapper img {
max-height: 620px !important;
}
}
/* Phone */
@media screen and (max-width: 749px) {
.section-main-product .page-width {
padding-left: 1.2rem;
padding-right: 1.2rem;
}
.marketplace-product-shell {
gap: 1.2rem !important;
margin: 1rem 0 2rem !important;
}
.marketplace-product-shell > .product__media-wrapper,
.marketplace-product-shell .marketplace-purchase-card {
border-radius: 12px;
}
.marketplace-product-shell > .product__media-wrapper {
padding: 0.8rem !important;
}
.marketplace-product-shell .marketplace-purchase-card {
padding: 1.2rem;
}
.marketplace-product-shell .product__media-list.slider,
.marketplace-product-shell .product__media-list.slider--mobile {
display: flex !important;
overflow-x: auto !important;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
gap: 0 !important;
}
.marketplace-product-shell .product__media-item,
.marketplace-product-shell .product__media-item.grid__item,
.marketplace-product-shell .slider__slide {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
scroll-snap-align: start;
}
.marketplace-product-shell .product__media-wrapper img {
max-height: 72vh !important;
}
.marketplace-product-shell .thumbnail-list {
display: none !important;
}
.marketplace-product-shell .slider-buttons {
margin-top: 0.7rem;
}
.marketplace-product-shell .marketplace-purchase-card__auction {
padding: 1rem;
}
.marketplace-product-shell .product__seller-info-top {
grid-template-columns: 72px minmax(0, 1fr);
}
.marketplace-product-shell .product__seller-info-top .wk_seller_store_logo img {
max-width: 72px;
max-height: 48px;
}
.marketplace-product-shell .wk_seller_badge_div {
flex-wrap: nowrap;
overflow-x: auto;
padding-bottom: 0.4rem;
scroll-snap-type: x proximity;
}
.marketplace-product-shell .wk_seller_badge_div > * {
flex: 0 0 auto;
scroll-snap-align: start;
}
.marketplace-product-shell .product-form__buttons button,
.marketplace-product-shell .product-form__buttons .button,
.marketplace-product-shell .product-form__buttons input[type="button"],
.marketplace-product-shell .product-form__buttons input[type="submit"],
.marketplace-product-shell .product-form__buttons a,
.marketplace-product-shell .shopify-payment-button__button {
min-height: 50px;
font-size: 1.5rem;
line-height: 1.25;
}
.trust-payment-bar {
margin-bottom: 1rem;
padding: 0.9rem;
}
.trust-payment-bar .trust-bar-container {
justify-content: flex-start;
gap: 0.7rem;
}
.trust-payment-bar .trust-bar-heading,
.trust-payment-bar .trust-bar-divider,
.trust-payment-bar .ctca-subtitle {
display: none;
}
.trust-payment-bar .trust-bar-item {
flex: 1 1 calc(50% - 0.7rem);
font-size: 1.2rem;
}
.trust-payment-bar .trust-bar-ctca-expanded {
flex-basis: 100%;
padding-top: 0.6rem;
border-top: 1px solid rgba(var(--color-foreground), 0.12);
}
.trust-payment-bar .trust-bar-ctca-badge-large {
max-width: 42px;
height: 34px;
}
.seller-info-section {
padding: 1.4rem;
}
.wk-mvm-shipping-days-div select,
.wk-mvm-shipping-days-div input,
.wk-mvm-shipping-days-div button {
width: 100% !important;
}
}
/* Narrow phone */
@media screen and (max-width: 420px) {
.marketplace-product-shell .product__seller-info-top {
grid-template-columns: 1fr;
}
.marketplace-product-shell .product__seller-info-top .wk_seller_store_logo img {
max-width: 100px;
}
.trust-payment-bar .trust-bar-item {
flex-basis: 100%;
}
}