.full-hero-template--25167258222958__full_page_banner_ft4nyR {
position: relative;
width: 100%;
box-sizing: border-box;
height: 300px;
/* Background on the section to avoid conflicts */
background-image: url('//www.alphaboxdice.com/cdn/shop/files/Build-a-box-_99-Packs-Banner-Small_ce2777b1-2d47-4858-b952-70081058c260.png?v=1755047662&width=2400') ;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
/* Padding */
padding-top: 0px;
padding-right: 40px;
padding-bottom: 0px;
padding-left: 40px;
display: grid;
place-items: center; /* center content both axes */
}
@media (max-width: 749px) {
.full-hero-template--25167258222958__full_page_banner_ft4nyR {
}
}
.full-hero-template--25167258222958__full_page_banner_ft4nyR .hero-overlay {
position: absolute;
inset: 0;
z-index: 1;
background: transparent;
opacity: 0;
}
.full-hero-template--25167258222958__full_page_banner_ft4nyR .hero-content {
position: relative;
z-index: 2; /* above overlay */
width: min(100%, 1200px);
display: flex;
align-items: center;
justify-content: center;
}
.full-hero-template--25167258222958__full_page_banner_ft4nyR .hero-svg {
display: block;
width: 380px;
height: auto;
max-width: 100%;
}
/* Make the whole section clickable if wrap mode is "section" */
.full-hero-template--25167258222958__full_page_banner_ft4nyR .hero-link-wrap {
display: contents;
}
Select Pack Size
Build Your Box
Tarot (Prosecco)
Wonder so THE SUN may flower into a giddy cherub. A ray eclipsing a honey-laced flûte touting apple blossom melodies. Witness this message in a bottle exclamation of adoration t'wards...
Add to Pack
Tarot (Red)
Last waltz or first dance? DEATH is the anarchist at heart clearing the slate and rewriting the history books without old-hat law and order. A phoenix with the weight of...
Add to Pack
Tarot (Rosé)
THE STAR is born under a dazzling galaxy of paparazzi flickers. The who’s who of sweet red apples, strawberries and blossoms under one roof for one night only. Rubbing ripasso...
Add to Pack
Tarot (White)
A tale as old as time itself balanced on the pointy end of Cupid’s arrow. THE LOVERS began with the pluck of a Pinot Grigio petal and turned to the...
Add to Pack
ToZzo (Red)
The go-to dinner party companion. toZzo Sangiovese hums with tannins and sings with notes of cherries and rhubarb, accompanied by a light peppery finish. A splash for the slow slurpers,...
Add to Pack
ToZzo (White)
Indulgence at the end of a sun-drenched day, perched up poolside or at the kitchen counter. toZzo Vermentino 2025 is a beauty that blossoms with the lingering scent of lemon...
Add to Pack
Very Special (White)
Firmly etched on the slate of history, the Clare Valley is synonymous with very special Rieslings of the highest calibre. Like citrus sliced by steel, the 2025 vintage honours...
Add to Pack
X-017
An array of golden fruits and bright citrus coming together in zesty harmony. Tender care in the vineyard matched by a gentle hand in the cellar. All to arrive here—an...
Add to Pack
X-018
Aglianico leaping from the glass in a rush of wild raspberries, pomegranate jewels and sour cherries. A fresh, modern take on this ancient variety, striking a beautiful balance between its...
Add to Pack
Add Pack to Cart
Your Pack (0 /6 )
Subtotal: $0.00
Your Pack (0 /6 )$0.00 Subtotal: $0.00
Add Pack to Cart
/* ========== IMAGE CONTAINER ========== */
.pack-builder .image-container {
height: 360px;
padding-top: 20px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.pack-builder .image-container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
padding-top: 20px;
}
/* ========== PRODUCT CARD ========== */
.pack-builder .product-card {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding: 0 20px;
}
.pack-builder .product-title {
font-weight: 600;
font-size: 14px;
}
/* ========== ADD BUTTONS ========== */
.pack-builder .standard-add-button {
background-color: #212328;
color: #fffef2;
border: none;
border-radius: 0;
font-family: "Steradian", serif !important;
text-transform: uppercase;
font-size: 14px;
padding: 10px 20px;
letter-spacing: 2px;
font-weight: 400;
white-space: nowrap; /* Prevent text from breaking into two lines */
}
/* Optional: mobile adjustments for very narrow buttons */
@media (max-width: 480px) {
.pack-builder .standard-add-button {
font-size: 13px; /* Slightly smaller so it fits */
padding: 8px 16px; /* Reduce horizontal padding */
}
}
.pack-builder .standard-add-button:hover {
background-color: #526ca8;
}
/* ========== PACK BUTTONS ========== */
.pack-builder .pack-buttons {
border: px solid #000;
border-radius: 0;
padding: 20px;
}
.pack-builder .pack-button {
border: 1px solid #000;
border-radius: 0;
background-color: #faea77;
}
.pack-builder .pack-buttons.pack-buttons-columns-2 .pack-button {
margin: 5px;
width: calc(50% - 1rem);
border: 1px solid #000;
}
.pack-builder .pack-original-price {
font-size: 18px;
color: #000;
}
.pack-builder .pack-buttons.pack-buttons-columns-2 .pack-price {
color: #ef4037;
}
.pack-builder .pack-buttons.pack-buttons-columns-1 button {
background-color: #fee778;
color: #fee778;
}
.pack-builder .pack-buttons.pack-buttons-columns-1 .pack-price {
color: #ef4037;
}
.pack-builder .pack-button:hover,
.pack-builder .pack-button.active {
background-color: #ef1e28;
border: 1px solid #000;
color: #fffef3;
}
.pack-builder .step-title {
margin: 15px auto !important;
}
.pack-builder .pack-price {
font-size: 30px;
color: #fee778;
line-height: 40px;
font-weight: bold;
}
.pack-builder .pack-button:hover .pack-price,
.pack-builder .pack-button.active .pack-price {
color: #fee778;
}
/* Mobile override for pack buttons */
@media screen and (max-width: 768px) {
.pack-builder .pack-buttons.pack-buttons-columns-2 .pack-button {
width: 100%;
margin-bottom: 0;
}
}
.pack-builder .product-title {
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
}
/* ========== SELECTED ITEMS ========== */
.pack-builder .selected-item,
.pack-builder .selected-items {
border: none;
border-radius: 0;
background-color: #526ca8;
}
.pack-builder .selected-item.empty,
.pack-builder .mobile-floating-items .selected-item.empty {
border: 1px dashed #202227;
background-color: #faea77;
color: #202227;
}
.pack-builder .selected-item img {
height: 95%;
width: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
/* ========== FLOATING BAR & CART BUTTON ========== */
.pack-builder .mobile-floating-bar,
.pack-builder.floating-bar-desktop .mobile-floating-bar {
background-color: #516ca8;
border-radius: 0;
}
.pack-builder .mobile-floating-bar.hidden {
display: none;
}
.pack-builder .mobile-floating-items .selected-item img {
object-fit: contain !important;
background-color: #fee778;
}
.pack-builder .mobile-floating-cart-button {
background-color: #516ca8;
border: none;
border-radius: 0;
font-family: "Steradian", sans-serif !important;
text-transform: none;
}
.pack-builder .mobile-floating-cart-button .mobile-cart-button-text {
color: #fffef3;
}
.pack-builder.floating-bar-desktop .desktop-subtotal {
color: #000;
}
.pack-builder .mobile-floating-summary h4 {
color: #000;
}
.pack-builder .desktop-subtotal-price {
font-weight: 700;
color: #000;
margin-left: 4px;
}
/* ========== ADD TO CART ========== */
.pack-builder .add-pack-to-cart {
background-color: #ef1e28;
border: none;
border-radius: 0;
font-family: "Steradian", sans-serif !important;
text-align: center;
text-transform: uppercase;
color: #fffef3;
}
.pack-builder .add-pack-to-cart:disabled {
background-color: #252525;
color: #fffef3;
cursor: not-allowed;
text-align: center;
}
/* ========== STRUCTURE ========== */
.pack-builder .static-pack-summary {
padding: 50px;
border: 1px solid;
border-radius: 0;
background-color: #526ca8;
}
.pack-builder .products-grid {
border: 1px solid;
border-radius: 0;
padding-bottom: 50px;
background-color: #faea77;
}
.pack-builder.floating-bar-desktop .static-pack-summary {
margin-bottom: 40px;
}
}
/* ========== MODAL ========== */
.pack-builder .modal-content {
background-color: #fefff1;
border-radius: 0;
}
.pack-builder .modal-content .main-image-container img {
background: linear-gradient(to bottom, #fee778 0%, #fee778 50%, #fee778 100%) !important;
padding: 20px;
border-radius: 0px;
}
.pack-builder .main-image-container {
border-radius: 0px;
}
.pack-builder .add-to-cart-row {
display: flex;
align-items: stretch;
gap: 10px;
margin-top: 0;
border: none;
}
/* ========== WK BUTTON ICONS ========== */
.wk-button .wk-icon {
display: none;
}
HAND SELECTED MIXED-PACKS
The Hero Mixed $99 Box
$99.00
The Hero Red $99 Box
$99.00
The Tarot Mixed $99 Box
$99.00
.sa-mixed-box-grid {
background: var(--bg);
color: var(--text);
padding: 40px 0;
}
.sa-mixed-box-grid .page-width {
max-width: 1400px;
margin: 0 auto;
padding: 0 24px;
}
.sa-mixed-box-grid__heading {
margin: 0 0 24px 0;
font-size: clamp(20px, 2.2vw, 28px);
line-height: 1.2;
text-align: center;
letter-spacing: .02em;
}
/* Grid: 3 → 2 → 1 with generous gaps for mobile padding between cards */
.sa-mixed-box-grid__cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
}
@media (max-width: 1024px) {
.sa-mixed-box-grid__cards { grid-template-columns: repeat(2, 1fr); gap: 24px; }
}
@media (max-width: 640px) {
.sa-mixed-box-grid__cards { grid-template-columns: 1fr; gap: 20px; }
}
/* Card */
.sa-card {
background: transparent;
display: flex;
flex-direction: column;
height: 100%;
}
/* Media area: keep images nicely contained like the screenshot.
aspect-ratio gives consistent height; object-fit: contain preserves bottles. */
.sa-card__media {
display: block;
position: relative;
width: 100%;
aspect-ratio: 1/1; /* tweak to 1/1 if your photos are squarer */
overflow: hidden;
background: transparent; /* images carry their own yellow backdrop */
border-radius: 0px;
}
.sa-card__media img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: contain;
/* subtle lift */
filter: drop-shadow(0 6px 8px rgba(0,0,0,.08));
}
.sa-card__placeholder {
position: absolute;
inset: 0;
display: grid;
place-items: center;
background: #f3f3f0;
color: #666;
font-size: 14px;
}
.sa-card__content {
padding: 16px 0 0;
display: flex;
flex-direction: column;
gap: 12px;
margin-top: auto;
}
.sa-card__title {
font-size: 14px;
letter-spacing: 0.02em;
text-transform: uppercase;
text-align: center;
margin: 0;
}
/* Actions row: price pill + ADD button */
.sa-card__actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0px;
align-items: stretch;
}
@media (max-width: 420px) {
.sa-card__actions { grid-template-columns: 1fr 1fr; gap: 10px; }
}
.sa-card__price,
.sa-card__add {
display: inline-flex;
justify-content: center;
align-items: center;
height: 44px;
border-radius: 0px;
border: 1px solid #0000;
font-size: 14px;
letter-spacing: 0.02em;
text-transform: uppercase;
line-height: 1;
padding: 0 14px;
box-sizing: border-box;
}
/* Price pill (non-interactive) */
.sa-card__price {
background: var(--cta);
color: #111;
border: 1px solid rgba(0,0,0,.06);
font-weight: 500;
}
.sa-card__price {
background: #faea77;
color: #111;
border: 1px solid #000;
font-weight: 500;
}
/* ADD button */
.sa-card__add {
width: 100%;
background: #212328;
color: #fffef2;
border: none;
cursor: pointer;
transition: transform .06s ease, opacity .2s ease;
}
.sa-card__add:hover { opacity: .92; }
.sa-card__add:active { transform: translateY(1px); }
.sa-card__add[disabled] {
cursor: not-allowed;
opacity: .5;
}
.sa-mixed-box-grid .page-width {
max-width: 1800px;
margin: 0 auto;
padding: 0 15px;
}
