.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 (Red)
To sunrises, sunsets and happily ever after blue skies ahead — ‘til DEATH do us part.
Add to Pack
Tarot (Rosé)
Look to THE STAR of the show, the pointed celestial matter leaving radiant rosé fortunes in its everlasting trail.
Add to Pack
Tarot (White)
No puppy love on a summer fling, with THE LOVERS it’s a lifelong love affair.
Add to Pack
Very Special (White)
Add to Pack
Enigma
Add to Pack
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 THE SUN. An angelic effervescence making days into childlike knights atop a galloping, golden stallion. The liquid hymn of X’s and O’s lulling bubbling rays higher in a daydream that never pops.
Add to Pack
Add Pack to Cart
Your Pack (0 /6 )
Subtotal:
$0.00
$0.00
Your Pack (0 /6 )$0.00 $0.00 Subtotal: $0.00 $0.00
/* ========== 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;
}
.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;
}
