Product Card

Staff Pick Close up of a dragon trading card with fiery orange background and intense artwork detail

Charizard ex

£850.00

primary #266038 dark

Staff Pick Close up of a dragon trading card with fiery orange background and intense artwork detail

Charizard ex

£850.00

secondary #217E52 dark

Staff Pick Close up of a dragon trading card with fiery orange background and intense artwork detail

Charizard ex

£850.00

tertiary #1A1E1A dark

Staff Pick Close up of a dragon trading card with fiery orange background and intense artwork detail

Charizard ex

£850.00

dark #0A0A0A dark

Staff Pick Close up of a dragon trading card with fiery orange background and intense artwork detail

Charizard ex

£850.00

light #FFFFFF light

Staff Pick Close up of a dragon trading card with fiery orange background and intense artwork detail

Charizard ex

£850.00

accent #217E52 dark

<div class="product-card">
				<div class="product-card__image-wrap">
					<span class="badge badge--pick">Staff Pick</span>
					<img src="https://lh3.googleusercontent.com/aida-public/AB6AXuC_raf0S9jwS5vEWXK834aZyr53xC2VNs9QNzx8Lp9_-p_aPYZACr3AMOmMNENdFzW1DL_LwhHo-3McVmvxFzAL6hYM5Ospyyzjt6kxljJ3Mwibe7CqP4w_IvZmDur2ZsNOm6MZz3uqtJtx6k5lCAJ0iHn3Msf-PllVJEdGfA8NMBP-GQcTIEzrUZYGzuvWXedXgC8y0vzTB38RiluHbAyVI9GbDE2sQrLdhzBclAgdDrEbrUQw5lTt5gJFi6nB3-YYlYbsh8Re" alt="Close up of a dragon trading card with fiery orange background and intense artwork detail">
				</div>
				<div>
					<h4 class="product-card__name">Charizard ex</h4>
					<p class="product-card__price">£850.00</p>
				</div>
			</div>

.product-card {
display: flex;
			flex-direction: column;
			gap: var(--space-4);
}

.product-card__image-wrap {
aspect-ratio: 3 / 4;
			background-color: var(--bg-surface-dark);
			border-radius: var(--radius-lg);
			overflow: hidden;
			position: relative;
}

.product-card__image-wrap img {
width: 100%;
			height: 100%;
			object-fit: cover;
			transition: transform 0.5s ease;
}

.product-card:hover .product-card__image-wrap img {
transform: scale(1.05);
}

.product-card__name {
font-size: var(--fs-h4);
			font-weight: var(--fw-medium);
			line-height: var(--lh-heading);
}

.product-card__price {
font-size: var(--fs-body-lg);
			color: var(--nw-green-light);
			margin-top: var(--space-1);
}

Charizard ex

Charizard ex

Charizard ex

Charizard ex

Charizard ex

Charizard ex

Origin

Tokens Used