Description
/* Scope all styles to .product-page */
.product-page {
font-family: ‘Poppins’, sans-serif;
color: #1a1a1a;
background: #ffffff;
line-height: 1.6;
width: 100%;
box-sizing: border-box;
overflow-x: hidden; /* prevent horizontal scroll */
}
/* 2-column layout: left 1/3, right 2/3 */
.product-page .columns {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 24px;
align-items: center;
width: 100%;
padding: 24px;
box-sizing: border-box;
}
@media (max-width: 900px) {
.product-page .columns {
grid-template-columns: 1fr;
text-align: center;
}
.product-page .panel {
text-align: center;
}
.product-page .buttons {
align-items: center;
}
.product-page .booster-row {
justify-content: center;
flex-wrap: wrap;
}
.product-page .btn {
width: auto;
max-width: 90%;
}
}
/* Left: YouTube */
.product-page .video {
position: relative;
width: 100%;
padding-bottom: 56.25%; /* 16:9 */
background: #000;
border-radius: 12px;
overflow: hidden;
border: 1px solid #e6e6e6;
}
.product-page .video iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}
/* Right: Content */
.product-page .panel {
padding: 16px;
border: 1px solid #e6e6e6;
border-radius: 12px;
background: #fff;
max-width: 100%;
box-sizing: border-box;
}
.product-page h2 {
margin: 0 0 12px;
font-size: 1.625rem; /* 30% larger than 1.25rem */
font-weight: 700; /* bold */
}
.product-page p {
margin: 0 0 16px;
font-weight: 400;
}
.product-page .buttons {
display: flex;
flex-direction: column;
gap: 12px;
margin: 16px 0 24px;
align-items: flex-start;
}
.product-page .booster-row {
display: flex;
gap: 12px;
}
.product-page .btn {
background: #039ee2;
color: #ffffff;
padding: 12px 18px;
border-radius: 5px;
text-decoration: none;
font-weight: 600;
display: inline-block;
white-space: nowrap;
text-align: center;
transition: box-shadow 0.15s ease, transform 0.05s ease;
}
.product-page .btn:hover {
box-shadow: 0 6px 16px rgba(3, 158, 226, 0.25);
transform: translateY(-1px);
}
.product-page .btn:focus-visible {
outline: 2px solid #007bb5;
outline-offset: 2px;
}
How to create and sell Booster Pack with no MOQ
Card and booster pack template
Please notice that booster pack has 2 size (1-10 card & 11-23 cards), please download the correct template.
Card Randomization Feature
Enhance your card distribution experience with our Card Randomization Feature, designed specifically for creators and publishers who want to deliver truly engaging and balanced booster packs or decks.
Now you can print your own custom booster packs that hold up to 23 cards each — perfect for trading card games (TCGs), baseball cards, sports collectibles, and more. Booster foil packs remain a fan favorite for collectors, and with our tool, you get full control over the card rarities and drop rates without any minimum order requirements.
Reviews
There are no reviews yet.